.hidden {
	position: absolute;
	display: inline-block;
	width: 1px;
	height: 1px;
	margin: -1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px)
}

.primary {
	color: #e6007e
}

@font-face {
	font-family: "LGFont";
	font-weight: 700;
	src: url(../fonts/WOFF/LGSmHaTB.woff2) format('truetype'),
		url(../fonts/WOFF/LGSmHaTB.woff) format('truetype'),
		url(../fonts/OTF/LGEIHeadline-Bold.otf) format("opentype")
}

@font-face {
	font-family: "LGFont";
	font-weight: 500;
	src: url(../fonts/WOFF/LGSmHaTSB.woff2) format('truetype'),
		url(../fonts/WOFF/LGSmHaTSB.woff) format('truetype'),
		url(../fonts/OTF/LGEIHeadline-Semibold.otf) format("opentype")
}

@font-face {
	font-family: "LGFont";
	font-style: normal;
	font-weight: 400;
	src: url(../fonts/WOFF/LGSmHaTR.woff2) format('truetype'),
		url(../fonts/WOFF/LGSmHaTR.woff) format('truetype'),
		url(../fonts/OTF/LGEIHeadline-Regular.otf) format("opentype")
}

@font-face {
	font-family: "LGFont";
	font-weight: 200;
	src: url(../fonts/WOFF/LGSmHaTL.woff2) format('truetype'),
		url(../fonts/WOFF/LGSmHaTL.woff) format('truetype'),
		url(../fonts/OTF/LGEIHeadline-Light.otf) format("opentype")
}

html {
	margin: 0;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: none;
	font-size: 16px
}

body {
	margin: 0;
	color: #555;
	background: #fff;
	-webkit-text-size-adjust: none;
	line-height: 1;
	-webkit-print-color-adjust: exact !important;
	print-color-adjust: exact !important
}

html, body {
	overscroll-behavior-y: none
}

*, *::before, *::after {
	box-sizing: border-box;
	-webkit-text-size-adjust: none;
	-webkit-overflow-scrolling: touch;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
	pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
	small, strong, sub, sup, var, b, dl, dt, dd, ol, ul, li, fieldset,
	form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, figcaption, figure, footer, header,
	hgroup, menu, nav, section, summary, time, mark, audio, video {
	vertical-align: baseline;
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
	background: rgba(0, 0, 0, 0);
	font-size: 100%;
	font-family: "LGFont", "Malgun Gothic", -apple-system,
		BlinkMacSystemFont, "Helvetica Neue", "Apple SD Gothic Neo", Arial,
		sans-serif !important;
}

body, input, select, textarea, button, pre {
	font-family: "LGFont", sans-serif, Arial;
}

article, aside, hgroup, header, footer, figure, figcaption, nav, section,
	time, mark, canvas, video, audio, details, summary {
	display: block
}

ul {
	list-style: none
}

address {
	font-style: normal
}

blockquote, q {
	quotes: none
}

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

a {
	vertical-align: baseline;
	margin: 0;
	padding: 0;
	background: rgba(0, 0, 0, 0);
	text-decoration: none;
	color: inherit
}

b, strong, h1, h2, h3, h4, h5, h6 {
	font-weight: 700
}

ins {
	color: #555
}

em {
	font-style: normal
}

mark {
	background-color: #ff9;
	font-style: italic;
	color: #555;
	font-weight: 700
}

del {
	text-decoration: line-through
}

abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help
}

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

hr {
	display: block;
	height: 0;
	margin: 0;
	padding: 0;
	border: 0
}

input, select, textarea, button {
	margin: 0;
	padding: 0;
	font: inherit;
	letter-spacing: inherit;
	color: inherit
}

textarea {
	resize: none
}

input[type=text], input[type=number], input[type=password], input[type=tel],
	input[type=search], input[type=email], input[type=time], input[type=month],
	input[type=date], input[type=url], input[type=image], input[type=button],
	input[type=submit], input[type=reset], input[type=file], textarea,
	select, button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: rgba(0, 0, 0, 0)
}

input[type=hidden], input::-ms-clear, input::-ms-reveal {
	display: none
}

input[type=password] {
	font-family: Verdana !important
}

input[type=button]::-moz-focus-inner, button::-moz-focus-inner {
	margin: -1px;
	padding: 0
}

input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button
	{
	-webkit-appearance: none;
	margin: 0
}

input[type=button], input[type=image], input[type=file], input[type=submit],
	button {
	border: 0;
	background: rgba(0, 0, 0, 0);
	cursor: pointer
}

input:disabled, button:disabled {
	cursor: default
}

input[type=date] {
	background: rgba(0, 0, 0, 0)
}

input::-webkit-calendar-picker-indicator {
	opacity: 0
}

::-moz-placeholder {
	color: #a8b3bd;
	opacity: 1;
	font-family: "LGFont", "Noto Sans KR", "Malgun Gothic", -apple-system,
		BlinkMacSystemFont, "Helvetica Neue", "Apple SD Gothic Neo", Arial,
		sans-serif;
	font-weight: 400
}

::placeholder {
	color: #a8b3bd;
	opacity: 1;
	font-family: "LGFont", "Noto Sans KR", "Malgun Gothic", -apple-system,
		BlinkMacSystemFont, "Helvetica Neue", "Apple SD Gothic Neo", Arial,
		sans-serif;
	font-weight: 400
}

select:invalid {
	color: #a8b3bd !important;
	opacity: 1;
	font-family: "LGFont", "Noto Sans KR", "Malgun Gothic", -apple-system,
		BlinkMacSystemFont, "Helvetica Neue", "Apple SD Gothic Neo", Arial,
		sans-serif;
	font-weight: 400 !important
}

input[type=date] {
	position: relative
}

input[type=date]:in-range::-webkit-datetime-edit-year-field, input[type=date]:in-range::-webkit-datetime-edit-month-field,
	input[type=date]:in-range::-webkit-datetime-edit-day-field, input[type=date]:in-range::-webkit-datetime-edit-text
	{
	color: rgba(0, 0, 0, 0)
}

input[type=date]::-webkit-calendar-picker-indicator {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: auto;
	height: auto;
	color: rgba(0, 0, 0, 0);
	background: rgba(0, 0, 0, 0)
}

input[type=date]::-webkit-inner-spin-button, input[type=date]::-webkit-clear-button
	{
	z-index: 1
}

img {
	image-rendering: auto !important;
}

@font-face {
	font-family: swiper-icons;
	src:
		url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
	font-weight: 400;
	font-style: normal
}

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

.swiper, swiper-container {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1;
	display: block
}

.swiper-vertical>.swiper-wrapper {
	flex-direction: column
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	z-index: 1;
	display: flex;
	transition-property: transform;
	transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
	box-sizing: content-box
}

/* .swiper-android .swiper-slide,
.swiper-wrapper {
    transform: translate3d(-360px, 0, 0)
} */
.swiper-horizontal {
	touch-action: pan-y
}

.swiper-vertical {
	touch-action: pan-x
}

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

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

.swiper-autoheight, .swiper-autoheight .swiper-slide {
	height: auto
}

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

.swiper-backface-hidden .swiper-slide {
	transform: translateZ(0);
	backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
	perspective: 1200px
}

.swiper-3d .swiper-wrapper {
	transform-style: preserve-3d
}

.swiper-3d {
	perspective: 1200px
}

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

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

.swiper-3d .swiper-slide-shadow {
	background: rgba(0, 0, 0, .15)
}

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

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

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

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

.swiper-css-mode>.swiper-wrapper {
	overflow: auto;
	scrollbar-width: none;
	-ms-overflow-style: none
}

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

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

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

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

.swiper-centered>.swiper-wrapper::before {
	content: "";
	flex-shrink: 0;
	order: 9999
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
	scroll-snap-align: center center;
	scroll-snap-stop: always
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child
	{
	margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
	height: 100%;
	min-height: 1px;
	width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child
	{
	margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical>.swiper-wrapper::before {
	width: 100%;
	min-width: 1px;
	height: var(--swiper-centered-offset-after)
}

.swiper-lazy-preloader {
	width: 42px;
	height: 42px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -21px;
	margin-top: -21px;
	z-index: 10;
	transform-origin: 50%;
	box-sizing: border-box;
	border: 4px solid
		var(--swiper-preloader-color, var(--swiper-theme-color));
	border-radius: 50%;
	border-top-color: rgba(0, 0, 0, 0)
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
	.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
	swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader {
	animation: swiper-preloader-spin 1s infinite linear
}

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

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

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

100
%
{
transform
:
rotate(
360deg
)
}
}
.swiper-virtual .swiper-slide {
	-webkit-backface-visibility: hidden;
	transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after
	{
	height: 1px;
	width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
	width: 1px;
	height: var(--swiper-virtual-size)
}

:root {
	--swiper-navigation-size: 44px
}

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

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

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

.swiper-navigation-disabled .swiper-button-next,
	.swiper-navigation-disabled .swiper-button-prev {
	display: none !important
}

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

.swiper-button-prev, .swiper-rtl .swiper-button-next {
	left: var(--swiper-navigation-sides-offset, 10px);
	right: auto
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
	content: "prev"
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
	right: var(--swiper-navigation-sides-offset, 10px);
	left: auto
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
	content: "next"
}

.swiper-button-lock {
	display: none
}

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

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

.swiper-pagination-disabled>.swiper-pagination, .swiper-pagination.swiper-pagination-disabled
	{
	display: none !important
}

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

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

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

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

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

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

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

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

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

.swiper-pagination-bullet {
	width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size
		, 8px));
	height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size
		, 8px));
	display: inline-block;
	border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
	background: var(--swiper-pagination-bullet-inactive-color, #000);
	opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2)
}

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

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

.swiper-pagination-bullet:only-child {
	display: none !important
}

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

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical>.swiper-pagination-bullets
	{
	right: var(--swiper-pagination-right, 8px);
	left: var(--swiper-pagination-left, auto);
	top: 50%;
	transform: translate3d(0px, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
	.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
	display: block
}

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

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
	.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet
	{
	display: inline-block;
	transition: .2s transform, .2s top
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
	.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet
	{
	margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

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

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
	.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet
	{
	transition: .2s transform, .2s left
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
	:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet
	{
	transition: .2s transform, .2s right
}

.swiper-pagination-fraction {
	color: var(--swiper-pagination-fraction-color, inherit)
}

.swiper-pagination-progressbar {
	background: var(--swiper-pagination-progressbar-bg-color, 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%;
	transform: scale(0);
	transform-origin: left top
}

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

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

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

.swiper-pagination-lock {
	display: none
}

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

.swiper-scrollbar-disabled>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled
	{
	display: none !important
}

.swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal
	{
	position: absolute;
	left: var(--swiper-scrollbar-sides-offset, 1%);
	bottom: var(--swiper-scrollbar-bottom, 0);
	top: var(--swiper-scrollbar-top, auto);
	z-index: 50;
	height: var(--swiper-scrollbar-size, 4px);
	width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical>.swiper-scrollbar
	{
	position: absolute;
	left: var(--swiper-scrollbar-left, auto);
	right: var(--swiper-scrollbar-right, 4px);
	top: var(--swiper-scrollbar-sides-offset, 1%);
	z-index: 50;
	width: var(--swiper-scrollbar-size, 4px);
	height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}

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

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

.swiper-scrollbar-lock {
	display: none
}

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

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

.swiper-slide-zoomed {
	cursor: move;
	touch-action: none
}

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

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

.swiper-grid>.swiper-wrapper {
	flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
	flex-wrap: wrap;
	flex-direction: column
}

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

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

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

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

.swiper-cube {
	overflow: visible
}

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

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

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

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

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

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

.swiper-cube .swiper-cube-shadow {
	position: absolute;
	left: 0;
	bottom: 0px;
	width: 100%;
	height: 100%;
	opacity: .6;
	z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
	content: "";
	background: #000;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	filter: blur(50px)
}

.swiper-flip {
	overflow: visible
}

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

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

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

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

.swiper-creative .swiper-slide {
	backface-visibility: hidden;
	overflow: hidden;
	transition-property: transform, opacity, height
}

.swiper-cards {
	overflow: visible
}

.swiper-cards .swiper-slide {
	transform-origin: center bottom;
	backface-visibility: hidden;
	overflow: hidden
}

.swiper-pagination {
	bottom: 0 !important
}

.swiper-pagination span {
	margin: 0 8px !important;
	border-radius: 4px !important
}

.swiper-pagination span:not(.swiper-pagination-bullet-active) {
	opacity: 1;
	background: #eee
}

.swiper-pagination .swiper-pagination-bullet-active {
	width: 32px;
	background: #555
}

/*! jQuery UI - v1.13.2 - 2023-10-17
* 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 */
.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)"
}

.ui-front {
	z-index: 100
}

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

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

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

.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
}

.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
}

.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
}

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

.ui-widget {
	font-family: "LGFont", 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: "LGFont", Arial, Helvetica, sans-serif;
	font-size: 1em
}

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

.ui-widget-content {
	border: 1px solid #ddd;
	background: #fff;
	color: #333
}

.ui-widget-content a {
	color: #333
}

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

.ui-widget-header a {
	color: #333
}

.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 #ccc;
	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 {
	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: #fff
}

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

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

.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)";
	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)";
	background-image: none
}

.ui-state-disabled .ui-icon {
	-ms-filter: "alpha(opacity=35)"
}

.ui-icon {
	width: 16px;
	height: 16px
}

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

.ui-widget-header .ui-icon {
	background-image:
		url("../images/datepicker/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/datepicker/ui-icons_555555_256x240.png")
}

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

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

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

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

.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 {
	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
}

.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
}

.ui-widget-overlay {
	background: #aaa;
	opacity: .3;
	-ms-filter: Alpha(Opacity = 30)
}

.ui-widget-shadow {
	box-shadow: 0px 0px 5px #666
}

.title, #header .searchcommon .title {
	font-weight: 700;
	letter-spacing: -0.01em;
	line-height: 1.2;
	color: #000
}

@media ( min-width : 1025px) {
	.title {
		font-size: 30px
	}
}

@media ( max-width : 1024px) {
	.title {
		font-size: 20px
	}
}

.title span, #header .searchcommon .title span {
	display: block;
	margin-bottom: 8px;
	font-weight: 400;
	font-size: 14px
}

.title small {
	padding-left: .3em
}

@media ( min-width : 1025px) {
	.title small {
		font-size: 20px
	}
}

@media ( max-width : 1024px) {
	.title small {
		font-size: 14px
	}
}

.pagination {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-start
}

.pagination.center {
	justify-content: center;
}

@media ( min-width : 1025px) {
	.pagination {
		padding-top: 40px
	}
}

@media ( max-width : 1024px) {
	.pagination {
		padding-top: 30px
	}
}

.pagination .more {
	display: inline-flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	border: 1px solid #dce0e5;
	background: #f9fafb;
	color: #66707a
}

@media ( min-width : 1025px) {
	.pagination .more {
		padding: 0 12px
	}
}

@media ( max-width : 1024px) {
	.pagination .more {
		padding: 0 10px
	}
}

@media ( min-width : 1025px) {
	.pagination .more {
		border-radius: 16px
	}
}

@media ( max-width : 1024px) {
	.pagination .more {
		border-radius: 14px
	}
}

@media ( min-width : 1025px) {
	.pagination .more {
		font-size: 14px
	}
}

@media ( max-width : 1024px) {
	.pagination .more {
		font-size: 12px
	}
}

@media ( min-width : 1025px) {
	.pagination .more {
		line-height: 30px
	}
}

@media ( max-width : 1024px) {
	.pagination .more {
		line-height: 26px
	}
}

.pagination .more::after {
	content: "";
	margin-left: 7px;
	width: 10px;
	height: 10px;
	background-image: url("../images/icon/arr.svg");
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	transform: rotate(90deg)
}

@media ( min-width : 1025px) {
	.pagination .more {
		display: none
	}
}

@media ( max-width : 1024px) {
	.pagination .more ~button {
		display: none
	}
}

.pagination button:not(.more) {
	min-width: 32px;
	height: 32px;
	line-height: 32px;
	outline: none;
}

.pagination button:not(.more).current {
	font-weight: 700;
	color: #e6007e
}

.pagination button:not(.more):not(.prev):not(.next) {
	padding: 0 5px
}

@media ( min-width : 1025px) {
	.pagination button:not(.more):not(.prev):not(.next) {
		font-size: 16px
	}
}

@media ( max-width : 1024px) {
	.pagination button:not(.more):not(.prev):not(.next) {
		font-size: 14px
	}
}

@media ( min-width : 1025px) {
	.pagination button:not(.more):not(.prev):not(.next)+*:not(.next) {
		margin-left: 7px
	}
}

@media ( max-width : 1024px) {
	.pagination button:not(.more):not(.prev):not(.next)+*:not(.next) {
		margin-left: 5px
	}
}

.pagination .prev, .pagination .next {
	position: relative;
	display: inline-block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	font-size: .5rem;
	border-radius: 5px;
	background: #f9fafb;
	line-height: 0
}

.pagination .prev::before, .pagination .next::before {
	content: "";
	position: absolute !important;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 12px;
	height: 12px;
	background-image: url("../images/icon/arr.svg");
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center
}

.pagination .prev::before {
	transform: rotate(180deg)
}

@media ( min-width : 1025px) {
	.pagination .prev {
		margin-right: 14px
	}
}

@media ( max-width : 1024px) {
	.pagination .prev {
		margin-right: 5px
	}
}

@media ( min-width : 1025px) {
	.pagination .next {
		margin-left: 14px
	}
}

@media ( max-width : 1024px) {
	.pagination .next {
		margin-left: 5px
	}
}

@media ( min-width : 1025px) {
	.pagination+.boardBtn {
		position: relative;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		min-width: 320px;
		box-sizing: border-box;
		margin-top: -32px
	}
}

@media ( min-width : 1025px)and (min-width: 1025px) {
	.pagination+.boardBtn {
		max-width: 1340px
	}
}

@media ( min-width : 1025px)and (max-width: 1024px) {
	.pagination+.boardBtn {
		max-width: 1310px
	}
}

@media ( min-width : 1025px)and (min-width: 1025px) {
	.pagination+.boardBtn {
		padding-left: 30px
	}
}

@media ( min-width : 1025px)and (max-width: 1024px) {
	.pagination+.boardBtn {
		padding-left: 15px
	}
}

@media ( min-width : 1025px)and (min-width: 1025px) {
	.pagination+.boardBtn {
		padding-right: 30px
	}
}

@media ( min-width : 1025px)and (max-width: 1024px) {
	.pagination+.boardBtn {
		padding-right: 15px
	}
}

@media ( max-width : 1024px) {
	.pagination+.boardBtn {
		position: sticky;
		bottom: 60px;
		bottom: calc(constant(safe-area-inset-bottom)+ 60px);
		bottom: calc(env(safe-area-inset-bottom)+ 60px);
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: flex-end;
		align-items: center;
		margin-top: 70px;
		margin-bottom: -70px
	}
}

.pagination+.boardBtn .write {
	z-index: 2;
	position: absolute;
	display: inline-block;
	font-weight: 700;
	border: 1px solid #e6007e;
	background: #e6007e;
	color: #fff
}

@media ( min-width : 1025px) {
	.pagination+.boardBtn .write {
		right: 30px
	}
}

@media ( max-width : 1024px) {
	.pagination+.boardBtn .write {
		right: 10px
	}
}

@media ( min-width : 1025px) {
	.pagination+.boardBtn .write {
		height: 49px
	}
}

@media ( max-width : 1024px) {
	.pagination+.boardBtn .write {
		height: 36px
	}
}

@media ( min-width : 1025px) {
	.pagination+.boardBtn .write {
		padding: 0 35px
	}
}

@media ( max-width : 1024px) {
	.pagination+.boardBtn .write {
		padding: 0 25px
	}
}

@media ( min-width : 1025px) {
	.pagination+.boardBtn .write {
		border-radius: 25px
	}
}

@media ( max-width : 1024px) {
	.pagination+.boardBtn .write {
		border-radius: 18px
	}
}

@media ( min-width : 1025px) {
	.pagination+.boardBtn .write {
		line-height: 47px
	}
}

@media ( max-width : 1024px) {
	.pagination+.boardBtn .write {
		line-height: 34px
	}
}

@media ( min-width : 1025px) {
	.pagination+.boardBtn .write {
		font-size: 16px
	}
}

@media ( max-width : 1024px) {
	.pagination+.boardBtn .write {
		font-size: 14px
	}
}

.pagination+.boardBtn .write:disabled {
	border: 1px solid #dce0e5;
	background: #dce0e5;
	color: #fff
}

@media ( min-width : 1025px) {
	.pagination+.boardBtn .write {
		top: -9px
	}
}

@media ( max-width : 1024px) {
	.pagination+.boardBtn .write {
		bottom: 60px;
		box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, .1019607843)
	}
}

.tabNav {
	border-bottom: 1px solid #dce0e5;
	background: #f9fafb
}

@media ( min-width : 1025px) {
	.tabNav {
		margin-top: 45px
	}
}

@media ( max-width : 1024px) {
	.tabNav {
		margin-top: 25px
	}
}

.tabNav>div {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	color: #000
}

@media ( min-width : 1025px) {
	.tabNav>div {
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		min-width: 320px;
		box-sizing: border-box
	}
}

@media ( min-width : 1025px)and (min-width: 1025px) {
	.tabNav>div {
		max-width: 1340px
	}
}

@media ( min-width : 1025px)and (max-width: 1024px) {
	.tabNav>div {
		max-width: 1310px
	}
}

@media ( min-width : 1025px)and (min-width: 1025px) {
	.tabNav>div {
		padding-left: 30px
	}
}

@media ( min-width : 1025px)and (max-width: 1024px) {
	.tabNav>div {
		padding-left: 15px
	}
}

@media ( min-width : 1025px)and (min-width: 1025px) {
	.tabNav>div {
		padding-right: 30px
	}
}

@media ( min-width : 1025px)and (max-width: 1024px) {
	.tabNav>div {
		padding-right: 15px
	}
}

@media ( min-width : 1025px) {
	.tabNav>div {
		line-height: 60px
	}
}

@media ( max-width : 1024px) {
	.tabNav>div {
		line-height: 55px
	}
}

@media ( min-width : 1025px) {
	.tabNav>div {
		font-size: 16px
	}
}

@media ( max-width : 1024px) {
	.tabNav>div {
		font-size: 14px
	}
}

.tabNav>div button {
	position: relative;
	font-size: larger;
}

@media ( min-width : 1025px) {
	.tabNav>div button {
		min-width: 60px
	}
}

@media ( max-width : 1024px) {
	.tabNav>div button {
		width: 33.3333333333%;
		font-size: small;
	}
}

.tabNav>div button:focus {
	outline: 0;
}

.tabNav>div button.selected {
	font-weight: 600;
	outline: 0;
	color: #e6007e
}

.tabNav>div button.selected::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -1px;
	height: 2px;
	background: #e6007e
}

@media ( min-width : 1025px) {
	.tabNav>div button+button {
		margin-left: 57px
	}
}

/* .tabNav>div button+button::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 1px;
    height: 12px;
    background: #dce0e5
} */
@media ( min-width : 1025px) {
	.tabNav>div button+button::before {
		left: -28px
	}
}

@media ( max-width : 1024px) {
	.tabNav>div button+button::before {
		left: 0
	}
}

.tabNav>div #recent-contents::before {
	content: "";
	width: 26px;
	height: 16px;
	background-image: url(../images/icon/time.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	display: inline-block;
	margin-right: 5px;
}

.tabNav>div #saved-contents::before {
	content: "";
	width: 21px;
	height: 16px;
	background-image: url(../images/icon/save.svg);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	display: inline-block;
	margin-right: 5px;
}

.tabNav>div #saved-contents.selected::before {
	background-image: url(../images/icon/save_selected.svg);
}

.tabNav>div #liked-contents::before {
	content: "";
	width: 20px;
	height: 17px;
	background-image: url(../images/icon/like.svg);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	display: inline-block;
	margin-right: 5px;
}

.tabNav>div #liked-contents.selected::before {
	background-image: url(../images/icon/like3.svg);
}

@media ( max-width : 1024px) {
	.tabNav>div #recent-contents::before, .tabNav>div #saved-contents::before,
		.tabNav>div #liked-contents::before {
		margin-bottom: -3px;
	}
}

.filter {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch;
}

@media ( max-width : 1024px) {
	.filter {
		justify-content: flex-end;
		align-items: stretch;
		width: 100%;
		margin-top: 12px;
		padding-right: 4px;
	}
}

.filter label {
	position: relative;
	cursor: pointer;
}

@media ( min-width : 1025px) {
	.filter label+label {
		margin-left: 10px;
	}
}

@media ( max-width : 1024px) {
	.filter label+label {
		margin-left: 5px;
	}
}

.filter label input {
	position: absolute;
	display: inline-block;
	width: 1px;
	height: 1px;
	margin: -1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
}

.filter label span {
	display: block;
	border: 1px solid #f9fafb;
	border-radius: 8px;
	background: #f9fafb;
	text-align: center;
}

@media ( min-width : 1025px) {
	.filter label span {
		min-width: 80px;
	}
}

@media ( min-width : 1025px) {
	.filter label span {
		padding: 0 12px;
	}
}

@media ( max-width : 1024px) {
	.filter label span {
		padding: 0 15px
	}
}

@media ( min-width : 1025px) {
	.filter label span {
		font-size: 16px
	}
}

@media ( max-width : 1024px) {
	.filter label span {
		font-size: 14px
	}
}

@media ( min-width : 1025px) {
	.filter label span {
		line-height: 38px
	}
}

@media ( max-width : 1024px) {
	.filter label span {
		line-height: 30px
	}
}

.filter label input:checked+span {
	border-color: #e6007e;
	background: #fbdaed;
	font-weight: 600;
	color: #e6007e
}

.filterCase>* {
	z-index: 1;
	position: relative;
	border-radius: 20px;
	line-height: 39px;
	font-weight: 600;
	color: #000;
	outline: none;
}

.filterCase .metting-button {
	outline: none;
}

@media ( min-width : 1025px) {
	.filterCase>* {
		font-size: 16px;
		outline: none;
	}
}

@media ( max-width : 1024px) {
	.filterCase>* {
		font-size: 15px;
		outline: none;
	}
}

@media ( min-width : 1025px) {
	.filterCase>*+* {
		margin-left: 40px;
		outline: none;
	}
}

.onepage {
	height: auto;
	margin-top: 100px;
	display: flex;
	flex-direction: column;
	min-height: calc(100dvh - 179px - 100px);
}

@media ( max-width : 1024px) {
	.onepage {
		margin-top: 60px;
		margin-bottom: 60px;
	}
	.filterCase>*+* {
		margin-left: 20px;
		outline: none;
	}
}

@media ( max-width : 480px) {
	.onepage {
		margin-bottom: 120px;
	}
}

.filterCase>*.selected {
	padding: 0 20px;
	background: #fbdaed;
	color: #e6007e;
	outline: none;
}

.boardList .before-announce {
	height: 25px;
	min-width: 50px;
	padding: 0 5px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	line-height: 20px;
	color: #fff;
	font-size: 13px;
	background: #9b80ce;
	border-radius: 2px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	margin-right: 4px;
	margin-bottom: 3px;
	vertical-align: middle;
}

.boardList {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	min-width: 320px;
	box-sizing: border-box;
	line-height: 1.2
}

@media ( min-width : 1025px) {
	.boardList {
		max-width: 1340px;
		padding-left: 30px;
		padding-right: 30px;
	}
}

@media ( max-width : 1024px) {
	.boardList {
		max-width: 1310px;
		padding-left: 15px;
		padding-right: 15px;
	}
}

.boardList>li:first-child {
	border-top: 1px solid #000
}

.boardList>li:not(:first-child) {
	border-top: 1px solid #dce0e5
}

.boardList>li:last-child {
	border-bottom: 1px solid #dce0e5
}

.boardList>li>button, .boardList>li .reply {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	outline: none;
}

.boardList>li>button>strong, .boardList>li .reply>strong {
	width: 100%;
	font-weight: 600;
	color: #000;
	margin-bottom: 10px
}

@media ( min-width : 1025px) {
	.boardList>li>button>strong, .boardList>li .reply>strong {
		font-size: 18px
	}
}

@media ( max-width : 1024px) {
	.boardList>li>button>strong, .boardList>li .reply>strong {
		font-size: 15px
	}
}

.boardList>li>button>strong+span, .boardList>li>button>strong ~date,
	.boardList>li .reply>strong+span, .boardList>li .reply>strong ~date {
	color: #66707a
}

@media ( min-width : 1025px) {
	.boardList>li>button>strong+span, .boardList>li>button>strong ~date,
		.boardList>li .reply>strong+span, .boardList>li .reply>strong ~date {
		font-size: 14px
	}
}

@media ( max-width : 1024px) {
	.boardList>li>button>strong+span, .boardList>li>button>strong ~date,
		.boardList>li .reply>strong+span, .boardList>li .reply>strong ~date {
		font-size: 12px
	}
}

.boardList>li>button>strong ~date, .boardList>li .reply>strong ~date {
	position: relative;
	margin-left: 16px
}

.boardList>li>button>strong ~date::before, .boardList>li .reply>strong ~date::before
	{
	position: absolute;
	content: "";
	left: -8px;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 1px;
	height: 12px;
	background: #dce0e5
}

@media ( min-width : 1025px) {
	.boardList>li .article {
		padding-bottom: 30px
	}
}

@media ( max-width : 1024px) {
	.boardList>li .article {
		padding-bottom: 20px
	}
}

@media ( min-width : 1025px) {
	.boardList>li .article {
		font-size: 16px
	}
}

@media ( max-width : 1024px) {
	.boardList>li .article {
		font-size: 14px
	}
}

.boardList>li>div {
	display: none;
	border-top: 1px solid #dce0e5;
	background: #f9fafb
}

@media ( min-width : 1025px) {
	.boardList>li>div {
		padding: 30px
	}
}

@media ( max-width : 1024px) {
	.boardList>li>div {
		padding: 15px
	}
}

@media ( min-width : 1025px) {
	.boardList>li>div {
		font-size: 16px
	}
}

@media ( max-width : 1024px) {
	.boardList>li>div {
		font-size: 14px
	}
}

.boardList>li .buttons {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-end;
	align-items: center;
	margin-top: 25px;
	color: #3b4044
}

@media ( min-width : 1025px) {
	.boardList>li .buttons {
		font-size: 14px
	}
}

@media ( max-width : 1024px) {
	.boardList>li .buttons {
		font-size: 12px
	}
}

.boardList>li .buttons>*+* {
	position: relative
}

@media ( min-width : 1025px) {
	.boardList>li .buttons>*+* {
		margin-left: 24px
	}
}

@media ( max-width : 1024px) {
	.boardList>li .buttons>*+* {
		margin-left: 16px
	}
}

.boardList>li .buttons>*+*::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 1px;
	height: 12px;
	background: #dce0e5
}

@media ( min-width : 1025px) {
	.boardList>li .buttons>*+*::before {
		left: -12px
	}
}

@media ( max-width : 1024px) {
	.boardList>li .buttons>*+*::before {
		left: -8px
	}
}

.boardList>li .buttons .writeReply {
	display: inline-block;
	padding: 0 20px;
	font-weight: 700;
	border: 1px solid #e6007e;
	background: #fff;
	color: #e6007e
}

@media ( min-width : 1025px) {
	.boardList>li .buttons .writeReply {
		height: 39px
	}
}

@media ( max-width : 1024px) {
	.boardList>li .buttons .writeReply {
		height: 36px
	}
}

@media ( min-width : 1025px) {
	.boardList>li .buttons .writeReply {
		border-radius: 20px
	}
}

@media ( max-width : 1024px) {
	.boardList>li .buttons .writeReply {
		border-radius: 18px
	}
}

@media ( min-width : 1025px) {
	.boardList>li .buttons .writeReply {
		line-height: 37px
	}
}

@media ( max-width : 1024px) {
	.boardList>li .buttons .writeReply {
		line-height: 34px
	}
}

@media ( min-width : 1025px) {
	.boardList>li .buttons .writeReply {
		font-size: 16px
	}
}

@media ( max-width : 1024px) {
	.boardList>li .buttons .writeReply {
		font-size: 14px
	}
}

.boardList>li .buttons .writeReply:disabled {
	border: 1px solid #dce0e5;
	background: #dce0e5;
	color: #fff
}

.boardList>li>button {
	position: relative;
	width: 100%;
	text-align: left
}

@media ( min-width : 1025px) {
	.boardList>li>button {
		padding: 20px 0
	}
}

@media ( max-width : 1024px) {
	.boardList>li>button {
		padding: 15px 0
	}
}

.boardList>li>button em {
	margin-bottom: 8px;
	background: rgba(251, 218, 237, .3);
	line-height: 24px;
	text-align: center;
	color: #e6007e
}

@media ( min-width : 1025px) {
	.boardList>li>button em {
		width: 62px
	}
}

@media ( max-width : 1024px) {
	.boardList>li>button em {
		width: 56px
	}
}

@media ( min-width : 1025px) {
	.boardList>li>button em {
		font-size: 14px
	}
}

@media ( max-width : 1024px) {
	.boardList>li>button em {
		font-size: 12px
	}
}

.boardList>li>button .buttons {
	position: absolute;
	right: 0
}

@media ( min-width : 1025px) {
	.boardList>li>button .buttons {
		bottom: 20px
	}
}

@media ( max-width : 1024px) {
	.boardList>li>button .buttons {
		bottom: 15px
	}
}

.boardList>li .reply {
	position: relative;
	background: #f9fafb
}

@media ( min-width : 1025px) {
	.boardList>li .reply {
		margin-bottom: 30px
	}
}

@media ( max-width : 1024px) {
	.boardList>li .reply {
		margin-bottom: 20px
	}
}

@media ( min-width : 1025px) {
	.boardList>li .reply {
		padding: 30px 30px 30px 36px
	}
}

@media ( max-width : 1024px) {
	.boardList>li .reply {
		padding: 15px 20px 15px 26px
	}
}

@media ( min-width : 1025px) {
	.boardList>li .reply {
		border-radius: 15px
	}
}

@media ( max-width : 1024px) {
	.boardList>li .reply {
		border-radius: 10px
	}
}

.boardList>li .reply::before {
	content: "ㄴ";
	position: absolute;
	font-weight: 700;
	font-size: 16px;
	color: #e6007e
}

@media ( min-width : 1025px) {
	.boardList>li .reply::before {
		left: 15px
	}
}

@media ( max-width : 1024px) {
	.boardList>li .reply::before {
		left: 7px
	}
}

@media ( min-width : 1025px) {
	.boardList>li .reply::before {
		top: 30px
	}
}

@media ( max-width : 1024px) {
	.boardList>li .reply::before {
		top: 14px
	}
}

.boardList>li .reply .article {
	width: 100%
}

@media ( min-width : 1025px) {
	.boardList>li .reply .article {
		padding-top: 30px
	}
}

@media ( max-width : 1024px) {
	.boardList>li .reply .article {
		padding-top: 20px
	}
}

.boardList>li .reply .buttons {
	width: 100%
}

@media ( min-width : 1025px) {
	.boardList>li .reply .buttons {
		margin-top: -5px;
		margin-bottom: -5px
	}
}

.faqList {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	min-width: 320px;
	box-sizing: border-box;
	line-height: 1.2
}

@media ( min-width : 1025px) {
	.faqList {
		max-width: 1340px
	}
}

@media ( max-width : 1024px) {
	.faqList {
		max-width: 1310px
	}
}

@media ( min-width : 1025px) {
	.faqList {
		padding-left: 30px
	}
}

@media ( max-width : 1024px) {
	.faqList {
		padding-left: 15px
	}
}

@media ( min-width : 1025px) {
	.faqList {
		padding-right: 30px
	}
}

@media ( max-width : 1024px) {
	.faqList {
		padding-right: 15px
	}
}

.faqList>li:first-child {
	border-top: 1px solid #000
}

.faqList>li:not(:first-child) {
	border-top: 1px solid #dce0e5
}

.faqList>li:last-child {
	border-bottom: 1px solid #dce0e5
}

.faqList>li>button, .faqList>li .reply {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	outline: none;
}

.faqList>li>button>strong, .faqList>li .reply>strong {
	width: 100%;
	font-weight: 600;
	color: #000
}

@media ( min-width : 1025px) {
	.faqList>li>button>strong, .faqList>li .reply>strong {
		font-size: 18px
	}
}

@media ( max-width : 1024px) {
	.faqList>li>button>strong, .faqList>li .reply>strong {
		font-size: 15px
	}
}

.faqList>li>button>strong::before, .faqList>li .reply>strong::before {
	content: "Q. "
}

.faqList>li>button>strong+span, .faqList>li>button>strong ~date,
	.faqList>li .reply>strong+span, .faqList>li .reply>strong ~date {
	color: #66707a
}

@media ( min-width : 1025px) {
	.faqList>li>button>strong+span, .faqList>li>button>strong ~date,
		.faqList>li .reply>strong+span, .faqList>li .reply>strong ~date {
		font-size: 14px
	}
}

@media ( max-width : 1024px) {
	.faqList>li>button>strong+span, .faqList>li>button>strong ~date,
		.faqList>li .reply>strong+span, .faqList>li .reply>strong ~date {
		font-size: 12px
	}
}

.faqList>li>button>strong ~date, .faqList>li .reply>strong ~date {
	position: relative;
	margin-left: 16px
}

.faqList>li>button>strong ~date::before, .faqList>li .reply>strong ~date::before
	{
	position: absolute;
	content: "";
	left: -8px;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 1px;
	height: 12px;
	background: #dce0e5
}

@media ( min-width : 1025px) {
	.faqList>li .article {
		padding-bottom: 30px
	}
}

@media ( max-width : 1024px) {
	.faqList>li .article {
		padding-bottom: 20px
	}
}

@media ( min-width : 1025px) {
	.faqList>li .article {
		font-size: 16px
	}
}

@media ( max-width : 1024px) {
	.faqList>li .article {
		font-size: 14px
	}
}

.faqList>li>div {
	display: none;
	border-top: 1px solid #dce0e5;
	background: #f9fafb;
	position: relative
}

@media ( min-width : 1025px) {
	.faqList>li>div {
		padding: 30px
	}
}

@media ( max-width : 1024px) {
	.faqList>li>div {
		padding: 15px
	}
}

@media ( min-width : 1025px) {
	.faqList>li>div {
		font-size: 16px
	}
}

@media ( max-width : 1024px) {
	.faqList>li>div {
		font-size: 14px
	}
}

@media ( min-width : 1025px) {
	.faqList>li>div {
		padding-left: 54px
	}
}

@media ( max-width : 1024px) {
	.faqList>li>div {
		padding-left: 38px
	}
}

.faqList>li>div::before {
	content: "A.";
	position: absolute;
	font-weight: 700;
	color: #e6007e
}

@media ( min-width : 1025px) {
	.faqList>li>div::before {
		left: 30px
	}
}

@media ( max-width : 1024px) {
	.faqList>li>div::before {
		left: 15px
	}
}

.faqList>li .buttons {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-end;
	align-items: center;
	margin-top: 25px;
	color: #3b4044
}

@media ( min-width : 1025px) {
	.faqList>li .buttons {
		font-size: 14px
	}
}

@media ( max-width : 1024px) {
	.faqList>li .buttons {
		font-size: 12px
	}
}

.faqList>li .buttons>*+* {
	position: relative
}

@media ( min-width : 1025px) {
	.faqList>li .buttons>*+* {
		margin-left: 24px
	}
}

@media ( max-width : 1024px) {
	.faqList>li .buttons>*+* {
		margin-left: 16px
	}
}

.faqList>li .buttons>*+*::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 1px;
	height: 12px;
	background: #dce0e5
}

@media ( min-width : 1025px) {
	.faqList>li .buttons>*+*::before {
		left: -12px
	}
}

@media ( max-width : 1024px) {
	.faqList>li .buttons>*+*::before {
		left: -8px
	}
}

.faqList>li .buttons .writeReply {
	display: inline-block;
	padding: 0 20px;
	font-weight: 700;
	border: 1px solid #e6007e;
	background: #fff;
	color: #e6007e
}

@media ( min-width : 1025px) {
	.faqList>li .buttons .writeReply {
		height: 39px
	}
}

@media ( max-width : 1024px) {
	.faqList>li .buttons .writeReply {
		height: 36px
	}
}

@media ( min-width : 1025px) {
	.faqList>li .buttons .writeReply {
		border-radius: 20px
	}
}

@media ( max-width : 1024px) {
	.faqList>li .buttons .writeReply {
		border-radius: 18px
	}
}

@media ( min-width : 1025px) {
	.faqList>li .buttons .writeReply {
		line-height: 37px
	}
}

@media ( max-width : 1024px) {
	.faqList>li .buttons .writeReply {
		line-height: 34px
	}
}

@media ( min-width : 1025px) {
	.faqList>li .buttons .writeReply {
		font-size: 16px
	}
}

@media ( max-width : 1024px) {
	.faqList>li .buttons .writeReply {
		font-size: 14px
	}
}

.faqList>li .buttons .writeReply:disabled {
	border: 1px solid #dce0e5;
	background: #dce0e5;
	color: #fff
}

.faqList>li>button {
	position: relative;
	width: 100%;
	text-align: left
}

@media ( min-width : 1025px) {
	.faqList>li>button {
		padding: 30px 0
	}
}

@media ( max-width : 1024px) {
	.faqList>li>button {
		padding: 20px 0
	}
}

.faqList>li>button em {
	margin-bottom: 8px;
	background: rgba(251, 218, 237, .3);
	line-height: 24px;
	text-align: center;
	color: #e6007e
}

@media ( min-width : 1025px) {
	.faqList>li>button em {
		width: 62px
	}
}

@media ( max-width : 1024px) {
	.faqList>li>button em {
		width: 56px
	}
}

@media ( min-width : 1025px) {
	.faqList>li>button em {
		font-size: 14px
	}
}

@media ( max-width : 1024px) {
	.faqList>li>button em {
		font-size: 12px
	}
}

.faqList>li>button .buttons {
	position: absolute;
	right: 0
}

@media ( min-width : 1025px) {
	.faqList>li>button .buttons {
		bottom: 20px
	}
}

@media ( max-width : 1024px) {
	.faqList>li>button .buttons {
		bottom: 15px
	}
}

.faqList>li .reply {
	position: relative;
	background: #f9fafb
}

@media ( min-width : 1025px) {
	.faqList>li .reply {
		margin-bottom: 30px
	}
}

@media ( max-width : 1024px) {
	.faqList>li .reply {
		margin-bottom: 20px
	}
}

@media ( min-width : 1025px) {
	.faqList>li .reply {
		padding: 30px 30px 30px 36px
	}
}

@media ( max-width : 1024px) {
	.faqList>li .reply {
		padding: 15px 20px 15px 26px
	}
}

@media ( min-width : 1025px) {
	.faqList>li .reply {
		border-radius: 15px
	}
}

@media ( max-width : 1024px) {
	.faqList>li .reply {
		border-radius: 10px
	}
}

.faqList>li .reply::before {
	content: "ㄴ";
	position: absolute;
	font-weight: 700;
	font-size: 16px;
	color: #e6007e
}

@media ( min-width : 1025px) {
	.faqList>li .reply::before {
		left: 15px
	}
}

@media ( max-width : 1024px) {
	.faqList>li .reply::before {
		left: 7px
	}
}

@media ( min-width : 1025px) {
	.faqList>li .reply::before {
		top: 30px
	}
}

@media ( max-width : 1024px) {
	.faqList>li .reply::before {
		top: 14px
	}
}

.faqList>li .reply .article {
	width: 100%
}

@media ( min-width : 1025px) {
	.faqList>li .reply .article {
		padding-top: 30px
	}
}

@media ( max-width : 1024px) {
	.faqList>li .reply .article {
		padding-top: 20px
	}
}

.faqList>li .reply .buttons {
	width: 100%
}

@media ( min-width : 1025px) {
	.faqList>li .reply .buttons {
		margin-top: -5px;
		margin-bottom: -5px
	}
}

.qnaList {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	min-width: 320px;
	box-sizing: border-box;
	line-height: 1.2
}

@media ( min-width : 1025px) {
	.qnaList {
		max-width: 1340px;
		padding-left: 30px;
		padding-right: 30px;
	}
}

@media ( max-width : 1024px) {
	.qnaList {
		max-width: 1310px;
		padding-left: 15px;
		padding-right: 15px;
	}
}

.qnaList>li:first-child {
	border-top: 1px solid #000
}

.qnaList>li:not(:first-child) {
	border-top: 1px solid #dce0e5
}

.qnaList>li:last-child {
	border-bottom: 1px solid #dce0e5
}

.qnaList>li>button, .qnaList>li .reply {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	outline: none;
}

.qnaList>li>button {
	position: relative;
	width: 100%;
	text-align: left
}

@media ( min-width : 1025px) {
	.qnaList>li.reply>button {
		padding: 10px 0;
	}
	.qnaList>li.question>button {
		padding: 20px 0;
	}
}

@media ( max-width : 1024px) {
	.qnaList>li>button {
		padding: 15px 0
	}
}

.qnaList>li>button>strong, .qnaList>li .reply>strong {
	width: 100%;
	font-weight: 600;
	color: #000;
	margin-bottom: 10px
}

@media ( min-width : 1025px) {
	.qnaList>li>button>strong, .qnaList>li .reply>strong {
		font-size: 18px
	}
}

@media ( max-width : 1024px) {
	.qnaList>li>button>strong, .qnaList>li .reply>strong {
		font-size: 15px
	}
}

.qnaList>li.question>button>strong+span, .qnaList>li.question>button>strong
	~date, .qnaList>li.question>button>strong {
	font-size: 18px;
	color: #000;
}

.qnaList>li>button>strong+span, .qnaList>li>button>strong ~date,
	.qnaList>li .reply>strong+span, .qnaList>li .reply>strong ~date {
	color: #66707a
}

@media ( min-width : 1025px) {
	.qnaList>li>button>strong+span, .qnaList>li>button>strong ~date,
		.qnaList>li .reply>strong+span, .qnaList>li .reply>strong ~date {
		font-size: 14px
	}
}

@media ( max-width : 1024px) {
	.qnaList>li>button>strong+span, .qnaList>li>button>strong ~date,
		.qnaList>li .reply>strong+span, .qnaList>li .reply>strong ~date {
		font-size: 12px
	}
}

.qnaList>li>button>strong ~date, .qnaList>li .reply>strong ~date {
	position: relative;
	margin-left: 16px
}

.qnaList>li>button>strong ~date::before, .qnaList>li .reply>strong ~date::before
	{
	position: absolute;
	content: "";
	left: -8px;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 1px;
	height: 12px;
	background: #dce0e5
}

@media ( min-width : 1025px) {
	.qnaList>li .article {
		padding-bottom: 30px
	}
}

@media ( max-width : 1024px) {
	.qnaList>li .article {
		padding-bottom: 20px
	}
}

@media ( min-width : 1025px) {
	.qnaList>li .article {
		font-size: 16px
	}
}

@media ( max-width : 1024px) {
	.qnaList>li .article {
		font-size: 14px
	}
}

.qnaList>li>div {
	display: none
}

@media ( min-width : 1025px) {
	.qnaList>li>div {
		padding-top: 10px
	}
}

@media ( max-width : 1024px) {
	.qnaList>li>div {
		padding-top: 5px
	}
}

.qnaList>li .buttons {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-end;
	align-items: center;
	margin-top: 25px;
	color: #3b4044
}

@media ( min-width : 1025px) {
	.qnaList>li .buttons {
		font-size: 14px
	}
}

@media ( max-width : 1024px) {
	.qnaList>li .buttons {
		font-size: 12px
	}
}

.qnaList>li .buttons>*+* {
	position: relative
}

@media ( min-width : 1025px) {
	.qnaList>li .buttons>*+* {
		margin-left: 24px
	}
}

@media ( max-width : 1024px) {
	.qnaList>li .buttons>*+* {
		margin-left: 16px
	}
}

.qnaList>li .buttons>*+*::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 1px;
	height: 12px;
	background: #dce0e5
}

@media ( min-width : 1025px) {
	.qnaList>li .buttons>*+*::before {
		left: -12px
	}
}

@media ( max-width : 1024px) {
	.qnaList>li .buttons>*+*::before {
		left: -8px
	}
}

.qnaList>li .buttons .writeReply {
	display: inline-block;
	padding: 0 20px;
	font-weight: 700;
	border: 1px solid #e6007e;
	background: #fff;
	color: #e6007e
}

@media ( min-width : 1025px) {
	.qnaList>li .buttons .writeReply {
		height: 39px
	}
}

@media ( max-width : 1024px) {
	.qnaList>li .buttons .writeReply {
		height: 36px
	}
}

@media ( min-width : 1025px) {
	.qnaList>li .buttons .writeReply {
		border-radius: 20px
	}
}

@media ( max-width : 1024px) {
	.qnaList>li .buttons .writeReply {
		border-radius: 18px
	}
}

@media ( min-width : 1025px) {
	.qnaList>li .buttons .writeReply {
		line-height: 37px
	}
}

@media ( max-width : 1024px) {
	.qnaList>li .buttons .writeReply {
		line-height: 34px
	}
}

@media ( min-width : 1025px) {
	.qnaList>li .buttons .writeReply {
		font-size: 16px
	}
}

@media ( max-width : 1024px) {
	.qnaList>li .buttons .writeReply {
		font-size: 14px
	}
}

.qnaList>li .buttons .writeReply:disabled {
	border: 1px solid #dce0e5;
	background: #dce0e5;
	color: #fff
}

.qnaList>li>button em {
	margin-bottom: 8px;
	background: rgba(251, 218, 237, .3);
	line-height: 24px;
	text-align: center;
	color: #e6007e
}

@media ( min-width : 1025px) {
	.qnaList>li>button em {
		width: 62px;
		font-size: 14px;
	}
}

@media ( max-width : 1024px) {
	.qnaList>li>button em {
		width: 56px;
		font-size: 12px;
	}
}

.qnaList>li>button .buttons {
	position: absolute;
	right: 0
}

@media ( min-width : 1025px) {
	.qnaList>li>button {
		padding: 20px 0
	}
	.qnaList>li>button .buttons {
		bottom: 20px
	}
}

@media ( max-width : 1024px) {
	.qnaList>li>button {
		padding: 15px 0
	}
	.qnaList>li>button .buttons {
		bottom: 15px
	}
}

.qnaList>li .reply {
	position: relative;
	background: #f9fafb
}

@media ( min-width : 1025px) {
	.qnaList>li .reply {
		margin-bottom: 30px
	}
}

@media ( max-width : 1024px) {
	.qnaList>li .reply {
		margin-bottom: 20px
	}
}

@media ( min-width : 1025px) {
	.qnaList>li .reply {
		padding: 30px 30px 30px 36px
	}
}

@media ( max-width : 1024px) {
	.qnaList>li .reply {
		padding: 15px 20px 15px 26px
	}
}

@media ( min-width : 1025px) {
	.qnaList>li .reply {
		border-radius: 15px
	}
}

@media ( max-width : 1024px) {
	.qnaList>li .reply {
		border-radius: 10px
	}
}

.qnaList>li .reply::before {
	content: "ㄴ";
	position: absolute;
	font-weight: 700;
	font-size: 16px;
	color: #e6007e
}

@media ( min-width : 1025px) {
	.qnaList>li .reply::before {
		left: 15px
	}
}

@media ( max-width : 1024px) {
	.qnaList>li .reply::before {
		left: 7px
	}
}

@media ( min-width : 1025px) {
	.qnaList>li .reply::before {
		top: 30px
	}
}

@media ( max-width : 1024px) {
	.qnaList>li .reply::before {
		top: 14px
	}
}

.qnaList>li .reply .article {
	width: 100%
}

@media ( min-width : 1025px) {
	.qnaList>li .reply .article {
		padding-top: 30px
	}
}

@media ( max-width : 1024px) {
	.qnaList>li .reply .article {
		padding-top: 20px
	}
}

.qnaList>li .reply .buttons {
	width: 100%
}

@media ( min-width : 1025px) {
	.qnaList>li .reply .buttons {
		margin-top: -5px;
		margin-bottom: -5px
	}
}

.popup {
	z-index: 99999;
	position: fixed;
}

.popup:not(#categories):not(#custom) {
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	background: rgba(0, 0, 0, .5)
}

.popup:not(#categories):not(#custom)>div {
	border-radius: 30px;
	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, .1490196078);
	background: #fff
}

.popup#create {
	background: transparent;
}

@media ( min-width : 1025px) {
	.popup .alert {
		width: 490px
	}
}

@media ( max-width : 1024px) {
	.popup .alert {
		width: 278px
	}
}

@media ( min-width : 1025px) {
	.popup .alert {
		padding: 50px 30px 25px
	}
}

@media ( max-width : 1024px) {
	.popup .alert {
		padding: 30px 15px 20px
	}
}

.popup .alert>p {
	text-align: center;
	font-weight: 600;
	line-height: 1.3;
	color: #181a1b
}

@media ( min-width : 1025px) {
	.popup .alert>p {
		font-size: 18px
	}
}

@media ( max-width : 1024px) {
	.popup .alert>p {
		font-size: 16px
	}
}

.popup .alert>footer {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center
}

@media ( min-width : 1025px) {
	.popup .alert>footer {
		margin-top: 60px
	}
}

@media ( max-width : 1024px) {
	.popup .alert>footer {
		margin-top: 40px
	}
}

.popup .alert>footer>*:first-of-type:not(:last-of-type) {
	display: inline-block;
	font-weight: 700;
	border: 1px solid #a8b3bd;
	background: #a8b3bd;
	color: #fff
}

@media ( min-width : 1025px) {
	.popup .alert>footer>*:first-of-type:not(:last-of-type) {
		height: 49px
	}
}

@media ( max-width : 1024px) {
	.popup .alert>footer>*:first-of-type:not(:last-of-type) {
		height: 40px
	}
}

@media ( min-width : 1025px) {
	.popup .alert>footer>*:first-of-type:not(:last-of-type) {
		padding: 0 80px
	}
}

@media ( max-width : 1024px) {
	.popup .alert>footer>*:first-of-type:not(:last-of-type) {
		padding: 0 60px
	}
}

@media ( min-width : 1025px) {
	.popup .alert>footer>*:first-of-type:not(:last-of-type) {
		border-radius: 25px
	}
}

@media ( max-width : 1024px) {
	.popup .alert>footer>*:first-of-type:not(:last-of-type) {
		border-radius: 20px
	}
}

@media ( min-width : 1025px) {
	.popup .alert>footer>*:first-of-type:not(:last-of-type) {
		line-height: 47px
	}
}

@media ( max-width : 1024px) {
	.popup .alert>footer>*:first-of-type:not(:last-of-type) {
		line-height: 38px
	}
}

@media ( min-width : 1025px) {
	.popup .alert>footer>*:first-of-type:not(:last-of-type) {
		font-size: 16px
	}
}

@media ( max-width : 1024px) {
	.popup .alert>footer>*:first-of-type:not(:last-of-type) {
		font-size: 14px
	}
}

.popup .alert>footer>*:first-of-type:not(:last-of-type):disabled {
	border: 1px solid #dce0e5;
	background: #dce0e5;
	color: #fff
}

.popup .alert>footer>*:last-of-type {
	display: inline-block;
	font-weight: 700;
	border: 1px solid #e6007e;
	background: #e6007e;
	color: #fff
}

@media ( min-width : 1025px) {
	.popup .alert>footer>*:last-of-type {
		height: 49px
	}
}

@media ( max-width : 1024px) {
	.popup .alert>footer>*:last-of-type {
		height: 40px
	}
}

@media ( min-width : 1025px) {
	.popup .alert>footer>*:last-of-type {
		padding: 0 80px
	}
}

@media ( max-width : 1024px) {
	.popup .alert>footer>*:last-of-type {
		padding: 0 60px
	}
}

@media ( min-width : 1025px) {
	.popup .alert>footer>*:last-of-type {
		border-radius: 25px
	}
}

@media ( max-width : 1024px) {
	.popup .alert>footer>*:last-of-type {
		border-radius: 20px
	}
}

@media ( min-width : 1025px) {
	.popup .alert>footer>*:last-of-type {
		line-height: 47px
	}
}

@media ( max-width : 1024px) {
	.popup .alert>footer>*:last-of-type {
		line-height: 38px
	}
}

@media ( min-width : 1025px) {
	.popup .alert>footer>*:last-of-type {
		font-size: 16px
	}
}

@media ( max-width : 1024px) {
	.popup .alert>footer>*:last-of-type {
		font-size: 14px
	}
}

.popup .alert>footer>*:last-of-type:disabled {
	border: 1px solid #dce0e5;
	background: #dce0e5;
	color: #fff
}

@media ( min-width : 1025px) {
	.popup .alert>footer>* {
		padding: 0 60px !important
	}
}

@media ( max-width : 1024px) {
	.popup .alert>footer>* {
		padding: 0 40px !important
	}
}

@media ( min-width : 1025px) {
	.popup .alert>footer>*+* {
		margin-left: 16px
	}
}

@media ( max-width : 1024px) {
	.popup .alert>footer>*+* {
		margin-left: 10px
	}
}

@media ( min-width : 1025px) {
	.main div[data-role=main], .popup .general {
		max-width: 900px
	}
}

@media ( min-width : 1025px) {
	.popup .normal {
		max-width: 600px
	}
}

.main div[data-role=main], .popup .general, .popup .normal {
	position: relative;
	background: #fff
}

@media ( min-width : 1025px) {
	.main div[data-role=main], .popup .general, .popup .normal {
		padding-top: 30px
	}
}

@media ( max-width : 1024px) {
	.main div[data-role=main], .popup .general, .popup .normal {
		padding-top: 64px
	}
}

@media ( min-width : 1025px) {
	.main div[data-role=main], .popup .general, .popup .normal {
		width: calc(100% - 50px);
		border-radius: 30px
	}
}

@media ( max-width : 1024px) {
	.main div[data-role=main], .popup .general, .popup .normal {
		width: 100%;
		height: 100%
	}
}

.popup .general>.close, .popup .normal>.close {
	outline: none;
	position: absolute;
	right: 20px;
	top: 20px;
	display: inline-block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	font-size: .5rem;
	width: 28px;
	height: 28px;
	margin-top: 0px;
	background-image: url("../images/icon/close2.svg");
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
}

.popup .general>header .task-time {
	border: 0px;
	width: auto;
	height: 0px;
	/*    border-bottom: 1px solid #dce0e5*/
}

.popup .general>header, .popup .normal>header {
	position: relative;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center; //
	padding: 0;
	padding-bottom: 20px;
	border: 0px;
	border-bottom: 1px solid #dce0e5; //
	height: 15%;
}

@media ( min-width : 1025px) {
	.popup .general>header, .popup .normal>header {
		margin: 0 50px; //
		border: 0px;
	}
}

@media ( max-width : 1024px) {
	.popup .general>header, .popup .normal>header {
		margin: 0 20px
	}
}

.popup .general>header span, .popup .normal>header span {
	width: 100%;
	color: #3b4044
}

@media ( min-width : 1025px) {
	.popup .general>header span, .popup .normal>header span {
		margin-bottom: 16px;
		font-size: 16px
	}
}

@media ( max-width : 1024px) {
	.popup .general>header span, .popup .normal>header span {
		margin-bottom: 13px;
		font-size: 14px
	}
}

.popup .general>header .step, .popup .normal>header .step {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: flex-start;
	list-style: none
}

@media ( min-width : 1025px) {
	.popup .general>header .step li, .popup .normal>header .step li {
		font-size: 20px
	}
}

@media ( max-width : 1024px) {
	.popup .general>header .step li, .popup .normal>header .step li {
		font-size: 14px
	}
}

@media ( min-width : 1025px) {
	.popup .general>header .step li:first-child, .popup .normal>header .step li:first-child
		{
		margin-left: 40px
	}
}

@media ( max-width : 1024px) {
	.popup .general>header .step li:first-child, .popup .normal>header .step li:first-child
		{
		margin-left: 20px
	}
}

.popup .general>header .step li+li, .popup .normal>header .step li+li {
	position: relative
}

@media ( min-width : 1025px) {
	.popup .general>header .step li+li, .popup .normal>header .step li+li {
		margin-left: 60px
	}
}

@media ( max-width : 1024px) {
	.popup .general>header .step li+li, .popup .normal>header .step li+li {
		margin-left: 40px
	}
}

.popup .general>header .step li+li::before, .popup .normal>header .step li+li::before
	{
	position: absolute;
	content: "";
	top: 0;
	bottom: 0;
	margin: auto
}

@media ( min-width : 1025px) {
	.popup .general>header .step li+li::before, .popup .normal>header .step li+li::before
		{
		left: -39px
	}
}

@media ( max-width : 1024px) {
	.popup .general>header .step li+li::before, .popup .normal>header .step li+li::before
		{
		left: -26px
	}
}

@media ( min-width : 1025px) {
	.popup .general>header .step li+li::before, .popup .normal>header .step li+li::before
		{
		width: 18px;
		height: 18px;
		background-image: url("../images/icon/arrPale.svg");
		background-size: 100%;
		background-repeat: no-repeat;
		background-position: center
	}
}

@media ( max-width : 1024px) {
	.popup .general>header .step li+li::before, .popup .normal>header .step li+li::before
		{
		width: 13px;
		height: 13px;
		background-image: url("../images/icon/arrPale.svg");
		background-size: 100%;
		background-repeat: no-repeat;
		background-position: center
	}
}

.popup .general>header .step li.current, .popup .normal>header .step li.current
	{
	font-weight: 600;
	color: #e6007e
}

.popup .general>header .step li:not(.current), .popup .normal>header .step li:not(.current)
	{
	color: #a8b3bd
}

.popup .general>header .task-time {
	background: white;
}

.popup .general>header .remain, .popup .normal>header .remain {
	position: absolute;
	right: 0;
	padding: 0 9px;
	border-radius: 8px;
	background: rgba(97, 113, 255, .1);
	font-weight: 600;
	color: #6171ff
}

@media ( min-width : 1025px) {
	.popup .general>header .remain, .popup .normal>header .remain {
		bottom: 22px
	}
}

@media ( max-width : 1024px) {
	.popup .general>header .remain, .popup .normal>header .remain {
		bottom: -34px
	}
}

@media ( min-width : 1025px) {
	.popup .general>header .remain, .popup .normal>header .remain {
		font-size: 14px
	}
}

@media ( max-width : 1024px) {
	.popup .general>header .remain, .popup .normal>header .remain {
		font-size: 12px
	}
}

@media ( min-width : 1025px) {
	.popup .general>header .remain, .popup .normal>header .remain {
		line-height: 32px
	}
}

@media ( max-width : 1024px) {
	.popup .general>header .remain, .popup .normal>header .remain {
		line-height: 26px
	}
}

.popup .general .scroll, .popup .normal .scroll {
	overflow-x: hidden;
	overflow-y: auto;
}

@media ( min-width : 1025px) {
	.popup .general .scroll, .popup .normal .scroll {
		padding: 0 50px 30px;
		padding-left: 50px;
		padding-right: 50px;
		min-height: 200px;
		max-height: calc(100vh - 300px);
	}
}

@media ( max-width : 1024px) {
	.popup .general .scroll, .popup .normal .scroll {
		padding: 0 20px 25px;
		padding-left: 20px;
		padding-right: 20px;
		height: 75%;
	}
	.popup .general .scroll.case, .popup .normal .scroll.case {
		height: calc(100% - 165px)
	}
}

.popup .general.write .scroll, .popup .normal.write .scroll {
	padding-top: 30px
}

.popup .general.write .scroll input[type=text], .popup .normal.write .scroll input[type=text]
	{
	width: 100%;
	height: 50px;
	padding: 0 15px;
	border: none;
	border-radius: 8px;
	background: #f9fafb;
	color: #000;
	font-weight: 700
}

@media ( min-width : 1025px) {
	.popup .general.write .scroll input[type=text], .popup .normal.write .scroll input[type=text]
		{
		font-size: 16px
	}
}

@media ( max-width : 1024px) {
	.popup .general.write .scroll input[type=text], .popup .normal.write .scroll input[type=text]
		{
		font-size: 14px
	}
}

.popup .general.write .scroll textarea, .popup .normal.write .scroll textarea
	{
	margin-top: 15px;
	width: 100%;
	padding: 15px;
	border: none;
	border-radius: 8px;
	background: #f9fafb;
	line-height: 1.35;
	color: #000
}

@media ( min-width : 1025px) {
	.popup .general.write .scroll textarea, .popup .normal.write .scroll textarea
		{
		font-size: 16px
	}
}

@media ( max-width : 1024px) {
	.popup .general.write .scroll textarea, .popup .normal.write .scroll textarea
		{
		font-size: 14px
	}
}

@media ( min-width : 1025px) {
	.popup .general.write .scroll textarea, .popup .normal.write .scroll textarea
		{
		height: 160px
	}
}

@media ( max-width : 1024px) {
	.popup .general.write .scroll textarea, .popup .normal.write .scroll textarea
		{
		height: 200px
	}
}

.popup .general.write .scroll .label, .popup .normal.write .scroll .label
	{
	margin-top: 30px;
	display: inline-block;
	line-height: 1.2;
	font-size: 14px;
	font-weight: 600;
	color: #000
}

.popup .general.write .scroll div.file, .popup .normal.write .scroll div.file
	{
	position: relative;
	width: 100%;
	margin-top: 12px
}

.popup .general.write .scroll div.file input:-moz-read-only, .popup .normal.write .scroll div.file input:-moz-read-only
	{
	width: 100%;
	height: 50px;
	pointer-events: none;
	border: 0;
	border-radius: 8px;
	background: #f9fafb;
	font-size: 16px;
	font-weight: 600;
	color: #66707a
}

.popup .general.write .scroll div.file input:read-only, .popup .normal.write .scroll div.file input:read-only
	{
	width: 100%;
	height: 50px;
	pointer-events: none;
	border: 0;
	border-radius: 8px;
	background: #f9fafb;
	font-size: 16px;
	font-weight: 600;
	color: #66707a
}

@media ( min-width : 1025px) {
	.popup .general.write .scroll div.file input:-moz-read-only, .popup .normal.write .scroll div.file input:-moz-read-only
		{
		padding-left: 15px
	}
	.popup .general.write .scroll div.file input:read-only, .popup .normal.write .scroll div.file input:read-only
		{
		padding-left: 15px
	}
}

@media ( max-width : 1024px) {
	.popup .general.write .scroll div.file input:-moz-read-only, .popup .normal.write .scroll div.file input:-moz-read-only
		{
		padding-left: 10px
	}
	.popup .general.write .scroll div.file input:read-only, .popup .normal.write .scroll div.file input:read-only
		{
		padding-left: 10px
	}
}

@media ( min-width : 1025px) {
	.popup .general.write .scroll div.file input:-moz-read-only, .popup .normal.write .scroll div.file input:-moz-read-only
		{
		padding-right: 150px
	}
	.popup .general.write .scroll div.file input:read-only, .popup .normal.write .scroll div.file input:read-only
		{
		padding-right: 150px
	}
}

@media ( max-width : 1024px) {
	.popup .general.write .scroll div.file input:-moz-read-only, .popup .normal.write .scroll div.file input:-moz-read-only
		{
		padding-right: 120px
	}
	.popup .general.write .scroll div.file input:read-only, .popup .normal.write .scroll div.file input:read-only
		{
		padding-right: 120px
	}
}

.popup .general.write .scroll div.file button, .popup .normal.write .scroll div.file button
	{
	position: absolute;
	top: 0;
	bottom: 0;
	display: inline-block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	font-size: .5rem;
	margin: auto;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background-color: #a8b3bd
}

@media ( min-width : 1025px) {
	.popup .general.write .scroll div.file button, .popup .normal.write .scroll div.file button
		{
		right: 107px
	}
}

@media ( max-width : 1024px) {
	.popup .general.write .scroll div.file button, .popup .normal.write .scroll div.file button
		{
		right: 90px
	}
}

.popup .general.write .scroll div.file button::before, .popup .normal.write .scroll div.file button::before
	{
	content: "";
	position: absolute !important;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 18px;
	height: 18px;
	background-image: url("../images/icon/close.svg");
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center
}

.popup .general.write .scroll div.file label:last-child, .popup .normal.write .scroll div.file label:last-child
	{
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	line-height: 32px;
	height: 32px;
	border-radius: 6px;
	background: #3b4044;
	text-align: center;
	font-weight: 600;
	font-size: 14px;
	color: #fff;
	cursor: pointer
}

@media ( min-width : 1025px) {
	.popup .general.write .scroll div.file label:last-child, .popup .normal.write .scroll div.file label:last-child
		{
		right: 15px
	}
}

@media ( max-width : 1024px) {
	.popup .general.write .scroll div.file label:last-child, .popup .normal.write .scroll div.file label:last-child
		{
		right: 10px
	}
}

@media ( min-width : 1025px) {
	.popup .general.write .scroll div.file label:last-child, .popup .normal.write .scroll div.file label:last-child
		{
		width: 80px
	}
}

@media ( max-width : 1024px) {
	.popup .general.write .scroll div.file label:last-child, .popup .normal.write .scroll div.file label:last-child
		{
		width: 70px
	}
}

.popup .general.write .scroll div.file label:last-child input, .popup .normal.write .scroll div.file label:last-child input
	{
	position: absolute;
	display: inline-block;
	width: 1px;
	height: 1px;
	margin: -1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px)
}

.popup .general>footer, .popup .normal>footer {
	position: relative;
	border-top: 1px solid #dce0e5
}

@media ( min-width : 1025px) {
	.popup .general>footer, .popup .normal>footer {
		margin: 0 50px
	}
}

@media ( max-width : 1024px) {
	.popup .general>footer, .popup .normal>footer {
		margin: 0 20px
	}
}

@media ( min-width : 1025px) {
	.popup .general>footer, .popup .normal>footer {
		padding: 25px 0
	}
}

@media ( max-width : 1024px) {
	.popup .general>footer, .popup .normal>footer {
		padding: 20px 0
	}
}

.popup .general>footer:not(.center), .popup .normal>footer:not(.center)
	{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center; //
	height: 10%;
}

.popup .general>footer.center, .popup .normal>footer.center {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center
}

.popup .general>footer.center>*+*, .popup .normal>footer.center>*+* {
	margin-left: 11px
}

.popup .general>footer>a, .popup .general>footer>button, .popup .normal>footer>a,
	.popup .normal>footer>button {
	z-index: 1;
	position: relative;
	outline: none;
}

@media ( min-width : 1025px) {
	.popup .general>footer>a, .popup .general>footer>button, .popup .normal>footer>a,
		.popup .normal>footer>button {
		min-width: 150px
	}
}

.popup .general>footer>a.submit, .popup .general>footer>button.submit,
	.popup .normal>footer>a.submit, .popup .normal>footer>button.submit {
	display: inline-block;
	font-weight: 700;
	border: 1px solid #e6007e;
	background: #e6007e;
	color: #fff
}

@media ( min-width : 1025px) {
	.popup .general>footer>a.submit, .popup .general>footer>button.submit,
		.popup .normal>footer>a.submit, .popup .normal>footer>button.submit {
		height: 49px
	}
}

@media ( max-width : 1024px) {
	.popup .general>footer>a.submit, .popup .general>footer>button.submit,
		.popup .normal>footer>a.submit, .popup .normal>footer>button.submit {
		height: 36px
	}
}

@media ( min-width : 1025px) {
	.popup .general>footer>a.submit, .popup .general>footer>button.submit,
		.popup .normal>footer>a.submit, .popup .normal>footer>button.submit {
		padding: 0 35px
	}
}

@media ( max-width : 1024px) {
	.popup .general>footer>a.submit, .popup .general>footer>button.submit,
		.popup .normal>footer>a.submit, .popup .normal>footer>button.submit {
		padding: 0 25px
	}
}

@media ( min-width : 1025px) {
	.popup .general>footer>a.submit, .popup .general>footer>button.submit,
		.popup .normal>footer>a.submit, .popup .normal>footer>button.submit {
		border-radius: 25px
	}
}

@media ( max-width : 1024px) {
	.popup .general>footer>a.submit, .popup .general>footer>button.submit,
		.popup .normal>footer>a.submit, .popup .normal>footer>button.submit {
		border-radius: 18px
	}
}

@media ( min-width : 1025px) {
	.popup .general>footer>a.submit, .popup .general>footer>button.submit,
		.popup .normal>footer>a.submit, .popup .normal>footer>button.submit {
		line-height: 47px
	}
}

@media ( max-width : 1024px) {
	.popup .general>footer>a.submit, .popup .general>footer>button.submit,
		.popup .normal>footer>a.submit, .popup .normal>footer>button.submit {
		line-height: 34px
	}
}

@media ( min-width : 1025px) {
	.popup .general>footer>a.submit, .popup .general>footer>button.submit,
		.popup .normal>footer>a.submit, .popup .normal>footer>button.submit {
		font-size: 16px
	}
}

@media ( max-width : 1024px) {
	.popup .general>footer>a.submit, .popup .general>footer>button.submit,
		.popup .normal>footer>a.submit, .popup .normal>footer>button.submit {
		font-size: 14px
	}
}

.popup .general>footer>a.submit:disabled, .popup .general>footer>button.submit:disabled,
	.popup .normal>footer>a.submit:disabled, .popup .normal>footer>button.submit:disabled
	{
	border: 1px solid #dce0e5;
	background: #dce0e5;
	color: #fff
}

.popup .general>footer>a.next, .popup .general>footer>button.next,
	.popup .normal>footer>a.next, .popup .normal>footer>button.next {
	display: inline-block;
	font-weight: 700;
	border: 1px solid #e6007e;
	background: #fff;
	color: #e6007e
}

@media ( min-width : 1025px) {
	.popup .general>footer>a.next, .popup .general>footer>button.next,
		.popup .normal>footer>a.next, .popup .normal>footer>button.next {
		height: 49px
	}
}

@media ( max-width : 1024px) {
	.popup .general>footer>a.next, .popup .general>footer>button.next,
		.popup .normal>footer>a.next, .popup .normal>footer>button.next {
		height: 36px
	}
}

@media ( min-width : 1025px) {
	.popup .general>footer>a.next, .popup .general>footer>button.next,
		.popup .normal>footer>a.next, .popup .normal>footer>button.next {
		padding: 0 35px
	}
}

@media ( max-width : 1024px) {
	.popup .general>footer>a.next, .popup .general>footer>button.next,
		.popup .normal>footer>a.next, .popup .normal>footer>button.next {
		padding: 0 25px
	}
}

@media ( min-width : 1025px) {
	.popup .general>footer>a.next, .popup .general>footer>button.next,
		.popup .normal>footer>a.next, .popup .normal>footer>button.next {
		border-radius: 25px
	}
}

@media ( max-width : 1024px) {
	.popup .general>footer>a.next, .popup .general>footer>button.next,
		.popup .normal>footer>a.next, .popup .normal>footer>button.next {
		border-radius: 18px
	}
}

@media ( min-width : 1025px) {
	.popup .general>footer>a.next, .popup .general>footer>button.next,
		.popup .normal>footer>a.next, .popup .normal>footer>button.next {
		line-height: 47px
	}
}

@media ( max-width : 1024px) {
	.popup .general>footer>a.next, .popup .general>footer>button.next,
		.popup .normal>footer>a.next, .popup .normal>footer>button.next {
		line-height: 34px
	}
}

@media ( min-width : 1025px) {
	.popup .general>footer>a.next, .popup .general>footer>button.next,
		.popup .normal>footer>a.next, .popup .normal>footer>button.next {
		font-size: 16px
	}
}

@media ( max-width : 1024px) {
	.popup .general>footer>a.next, .popup .general>footer>button.next,
		.popup .normal>footer>a.next, .popup .normal>footer>button.next {
		font-size: 14px
	}
}

.popup .general>footer>a.next:disabled, .popup .general>footer>button.next:disabled,
	.popup .normal>footer>a.next:disabled, .popup .normal>footer>button.next:disabled
	{
	border: 1px solid #dce0e5;
	background: #dce0e5;
	color: #fff
}

.popup .general>footer>a.secondary, .popup .general>footer>button.secondary,
	.popup .normal>footer>a.secondary, .popup .normal>footer>button.secondary
	{
	display: inline-block;
	font-weight: 700;
	border: 1px solid #a8b3bd;
	background: #a8b3bd;
	color: #fff
}

@media ( min-width : 1025px) {
	.popup .general>footer>a.secondary, .popup .general>footer>button.secondary,
		.popup .normal>footer>a.secondary, .popup .normal>footer>button.secondary
		{
		height: 49px
	}
}

@media ( max-width : 1024px) {
	.popup .general>footer>a.secondary, .popup .general>footer>button.secondary,
		.popup .normal>footer>a.secondary, .popup .normal>footer>button.secondary
		{
		height: 36px
	}
}

@media ( min-width : 1025px) {
	.popup .general>footer>a.secondary, .popup .general>footer>button.secondary,
		.popup .normal>footer>a.secondary, .popup .normal>footer>button.secondary
		{
		padding: 0 35px
	}
}

@media ( max-width : 1024px) {
	.popup .general>footer>a.secondary, .popup .general>footer>button.secondary,
		.popup .normal>footer>a.secondary, .popup .normal>footer>button.secondary
		{
		padding: 0 25px
	}
}

@media ( min-width : 1025px) {
	.popup .general>footer>a.secondary, .popup .general>footer>button.secondary,
		.popup .normal>footer>a.secondary, .popup .normal>footer>button.secondary
		{
		border-radius: 25px
	}
}

@media ( max-width : 1024px) {
	.popup .general>footer>a.secondary, .popup .general>footer>button.secondary,
		.popup .normal>footer>a.secondary, .popup .normal>footer>button.secondary
		{
		border-radius: 18px
	}
}

@media ( min-width : 1025px) {
	.popup .general>footer>a.secondary, .popup .general>footer>button.secondary,
		.popup .normal>footer>a.secondary, .popup .normal>footer>button.secondary
		{
		line-height: 47px
	}
}

@media ( max-width : 1024px) {
	.popup .general>footer>a.secondary, .popup .general>footer>button.secondary,
		.popup .normal>footer>a.secondary, .popup .normal>footer>button.secondary
		{
		line-height: 34px
	}
}

@media ( min-width : 1025px) {
	.popup .general>footer>a.secondary, .popup .general>footer>button.secondary,
		.popup .normal>footer>a.secondary, .popup .normal>footer>button.secondary
		{
		font-size: 16px
	}
}

@media ( max-width : 1024px) {
	.popup .general>footer>a.secondary, .popup .general>footer>button.secondary,
		.popup .normal>footer>a.secondary, .popup .normal>footer>button.secondary
		{
		font-size: 14px
	}
}

.popup .general>footer>a.secondary:disabled, .popup .general>footer>button.secondary:disabled,
	.popup .normal>footer>a.secondary:disabled, .popup .normal>footer>button.secondary:disabled
	{
	border: 1px solid #dce0e5;
	background: #dce0e5;
	color: #fff
}

.popup .general>footer>a.submitCase, .popup .general>footer>button.submitCase,
	.popup .normal>footer>a.submitCase, .popup .normal>footer>button.submitCase
	{
	font-weight: 700;
	color: #e6007e
}

@media ( min-width : 1025px) {
	.popup .general>footer>a.submitCase, .popup .general>footer>button.submitCase,
		.popup .normal>footer>a.submitCase, .popup .normal>footer>button.submitCase
		{
		font-size: 16px
	}
}

@media ( max-width : 1024px) {
	.popup .general>footer>a.submitCase, .popup .general>footer>button.submitCase,
		.popup .normal>footer>a.submitCase, .popup .normal>footer>button.submitCase
		{
		font-size: 14px
	}
}

.popup .general>footer>a:not(.submit):not(.next):not(.submitCase):not(.secondary),
	.popup .general>footer>button:not(.submit):not(.next):not(.submitCase):not(.secondary),
	.popup .normal>footer>a:not(.submit):not(.next):not(.submitCase):not(.secondary),
	.popup .normal>footer>button:not(.submit):not(.next):not(.submitCase):not(.secondary)
	{
	display: inline-block;
	font-weight: 700;
	border: 1px solid #a8b3bd;
	background: rgba(0, 0, 0, 0);
	color: #3b4044
}

@media ( min-width : 1025px) {
	.popup .general>footer>a:not(.submit):not(.next):not(.submitCase):not(.secondary),
		.popup .general>footer>button:not(.submit):not(.next):not(.submitCase):not(.secondary),
		.popup .normal>footer>a:not(.submit):not(.next):not(.submitCase):not(.secondary),
		.popup .normal>footer>button:not(.submit):not(.next):not(.submitCase):not(.secondary)
		{
		height: 49px
	}
}

@media ( max-width : 1024px) {
	.popup .general>footer>a:not(.submit):not(.next):not(.submitCase):not(.secondary),
		.popup .general>footer>button:not(.submit):not(.next):not(.submitCase):not(.secondary),
		.popup .normal>footer>a:not(.submit):not(.next):not(.submitCase):not(.secondary),
		.popup .normal>footer>button:not(.submit):not(.next):not(.submitCase):not(.secondary)
		{
		height: 36px
	}
}

@media ( min-width : 1025px) {
	.popup .general>footer>a:not(.submit):not(.next):not(.submitCase):not(.secondary),
		.popup .general>footer>button:not(.submit):not(.next):not(.submitCase):not(.secondary),
		.popup .normal>footer>a:not(.submit):not(.next):not(.submitCase):not(.secondary),
		.popup .normal>footer>button:not(.submit):not(.next):not(.submitCase):not(.secondary)
		{
		padding: 0 35px
	}
}

@media ( max-width : 1024px) {
	.popup .general>footer>a:not(.submit):not(.next):not(.submitCase):not(.secondary),
		.popup .general>footer>button:not(.submit):not(.next):not(.submitCase):not(.secondary),
		.popup .normal>footer>a:not(.submit):not(.next):not(.submitCase):not(.secondary),
		.popup .normal>footer>button:not(.submit):not(.next):not(.submitCase):not(.secondary)
		{
		padding: 0 25px
	}
}

@media ( min-width : 1025px) {
	.popup .general>footer>a:not(.submit):not(.next):not(.submitCase):not(.secondary),
		.popup .general>footer>button:not(.submit):not(.next):not(.submitCase):not(.secondary),
		.popup .normal>footer>a:not(.submit):not(.next):not(.submitCase):not(.secondary),
		.popup .normal>footer>button:not(.submit):not(.next):not(.submitCase):not(.secondary)
		{
		border-radius: 25px
	}
}

@media ( max-width : 1024px) {
	.popup .general>footer>a:not(.submit):not(.next):not(.submitCase):not(.secondary),
		.popup .general>footer>button:not(.submit):not(.next):not(.submitCase):not(.secondary),
		.popup .normal>footer>a:not(.submit):not(.next):not(.submitCase):not(.secondary),
		.popup .normal>footer>button:not(.submit):not(.next):not(.submitCase):not(.secondary)
		{
		border-radius: 18px
	}
}

@media ( min-width : 1025px) {
	.popup .general>footer>a:not(.submit):not(.next):not(.submitCase):not(.secondary),
		.popup .general>footer>button:not(.submit):not(.next):not(.submitCase):not(.secondary),
		.popup .normal>footer>a:not(.submit):not(.next):not(.submitCase):not(.secondary),
		.popup .normal>footer>button:not(.submit):not(.next):not(.submitCase):not(.secondary)
		{
		line-height: 47px
	}
}

@media ( max-width : 1024px) {
	.popup .general>footer>a:not(.submit):not(.next):not(.submitCase):not(.secondary),
		.popup .general>footer>button:not(.submit):not(.next):not(.submitCase):not(.secondary),
		.popup .normal>footer>a:not(.submit):not(.next):not(.submitCase):not(.secondary),
		.popup .normal>footer>button:not(.submit):not(.next):not(.submitCase):not(.secondary)
		{
		line-height: 34px
	}
}

@media ( min-width : 1025px) {
	.popup .general>footer>a:not(.submit):not(.next):not(.submitCase):not(.secondary),
		.popup .general>footer>button:not(.submit):not(.next):not(.submitCase):not(.secondary),
		.popup .normal>footer>a:not(.submit):not(.next):not(.submitCase):not(.secondary),
		.popup .normal>footer>button:not(.submit):not(.next):not(.submitCase):not(.secondary)
		{
		font-size: 16px
	}
}

@media ( max-width : 1024px) {
	.popup .general>footer>a:not(.submit):not(.next):not(.submitCase):not(.secondary),
		.popup .general>footer>button:not(.submit):not(.next):not(.submitCase):not(.secondary),
		.popup .normal>footer>a:not(.submit):not(.next):not(.submitCase):not(.secondary),
		.popup .normal>footer>button:not(.submit):not(.next):not(.submitCase):not(.secondary)
		{
		font-size: 14px
	}
}

.popup .general>footer>a:not(.submit):not(.next):not(.submitCase):not(.secondary):disabled,
	.popup .general>footer>button:not(.submit):not(.next):not(.submitCase):not(.secondary):disabled,
	.popup .normal>footer>a:not(.submit):not(.next):not(.submitCase):not(.secondary):disabled,
	.popup .normal>footer>button:not(.submit):not(.next):not(.submitCase):not(.secondary):disabled
	{
	border: 1px solid #dce0e5;
	background: #dce0e5;
	color: #fff
}

.popup .general>footer>a:first-child:last-child, .popup .general>footer>button:first-child:last-child,
	.popup .normal>footer>a:first-child:last-child, .popup .normal>footer>button:first-child:last-child
	{
	margin-left: auto;
	margin-right: auto
}

.popup .general>footer p.step, .popup .normal>footer p.step {
	z-index: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	color: #555
}

@media ( min-width : 1025px) {
	.popup .general>footer p.step, .popup .normal>footer p.step {
		line-height: 99px
	}
}

@media ( max-width : 1024px) {
	.popup .general>footer p.step, .popup .normal>footer p.step {
		line-height: 76px
	}
}

@media ( min-width : 1025px) {
	.popup .general>footer p.step, .popup .normal>footer p.step {
		font-size: 16px
	}
}

@media ( max-width : 1024px) {
	.popup .general>footer p.step, .popup .normal>footer p.step {
		font-size: 14px
	}
}

.popup .general>footer p.step strong, .popup .normal>footer p.step strong
	{
	color: #e6007e
}

@media ( min-width : 1025px) {
	.popup .general>footer p.step strong, .popup .normal>footer p.step strong
		{
		font-size: 24px
	}
}

@media ( max-width : 1024px) {
	.popup .general>footer p.step strong, .popup .normal>footer p.step strong
		{
		font-size: 20px
	}
}

#categories {
	top: "0px";
	top: calc(constant(safe-area-inset-top)+ 0px);
	top: calc(env(safe-area-inset-top)+ 0px);
	bottom: "0px";
	bottom: calc(constant(safe-area-inset-bottom)+ 0px);
	bottom: calc(env(safe-area-inset-bottom)+ 0px);
	left: "0px";
	left: calc(constant(safe-area-inset-left)+ 0px);
	left: calc(env(safe-area-inset-left)+ 0px);
	right: "0px";
	right: calc(constant(safe-area-inset-right)+ 0px);
	right: calc(env(safe-area-inset-right)+ 0px);
	background: #fff;
	overflow: auto
}

#categories>header {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	padding: 0 15px;
	background: #e6007e;
	color: #fff
}

#categories>header h2 {
	font-size: 16px;
	line-height: 60px;
	color: white;
}

#categories>header .category-close {
	display: inline-block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	font-size: .5rem;
	width: 24px;
	height: 24px;
	background-image: url("../images/icon/close.svg");
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	outline: none;
}

#categories>div {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch
}

#categories>div a {
	padding: 0 15px;
	border-bottom: 1px solid #fff;
	font-size: 16px;
	font-weight: 700;
	line-height: 70px;
	color: #3b4044
}

#categories>div a:not(:first-child) {
	border-top: 1px solid #fff
}

#categories>div a.current {
	border-color: #a8b3bd;
	background: #fbdaed
}

#custom {
	bottom: 0;
	left: 0;
	right: 0;
	overflow: auto;
	background: #fff
}

@media ( min-width : 1025px) {
	#custom {
		z-index: 8
	}
}

@media ( max-width : 1024px) {
	#custom {
		z-index: 9999
	}
}

@media ( min-width : 1025px) {
	#custom {
		top: 94px
	}
}

@media ( max-width : 1024px) {
	#custom {
		top: 0
	}
}

#custom>* {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	min-width: 320px;
	box-sizing: border-box
}

@media ( min-width : 1025px) {
	#custom>* {
		max-width: 1340px
	}
}

@media ( max-width : 1024px) {
	#custom>* {
		max-width: 1310px
	}
}

@media ( min-width : 1025px) {
	#custom>* {
		padding-left: 30px
	}
}

@media ( max-width : 1024px) {
	#custom>* {
		padding-left: 15px
	}
}

@media ( min-width : 1025px) {
	#custom>* {
		padding-right: 30px
	}
}

@media ( max-width : 1024px) {
	#custom>* {
		padding-right: 15px
	}
}

#custom>header {
	position: relative
}

@media ( min-width : 1025px) {
	#custom>header {
		padding-top: 80px
	}
}

@media ( max-width : 1024px) {
	#custom>header {
		padding-top: 100px
	}
}

#custom>header .close {
	position: absolute;
	margin: auto;
	width: 28px;
	height: 28px;
	background-image: url("../images/icon/close2.svg");
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	display: inline-block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	font-size: .5rem;
	outline: none;
}

@media ( min-width : 1025px) {
	#custom>header .close {
		top: 80px
	}
}

@media ( max-width : 1024px) {
	#custom>header .close {
		top: 16px
	}
}

@media ( min-width : 1025px) {
	#custom>header .close {
		right: 30px
	}
}

@media ( max-width : 1024px) {
	#custom>header .close {
		right: 16px
	}
}

@media ( min-width : 1025px) {
	#custom>header .close {
		bottom: 0
	}
}

#custom>p {
	font-weight: 600;
	line-height: 1.2;
	color: #000
}

@media ( min-width : 1025px) {
	#custom>p {
		margin-top: 48px
	}
}

@media ( max-width : 1024px) {
	#custom>p {
		margin-top: 30px
	}
}

@media ( min-width : 1025px) {
	#custom>p {
		font-size: 20px
	}
}

@media ( max-width : 1024px) {
	#custom>p {
		font-size: 16px
	}
}

#custom>section {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start
}

@media ( min-width : 1025px) {
	#custom>section {
		padding-top: 56px
	}
}

@media ( max-width : 1024px) {
	#custom>section {
		padding-top: 30px
	}
}

@media ( min-width : 1025px) {
	#custom>section {
		padding-left: 20px
	}
}

@media ( max-width : 1024px) {
	#custom>section {
		padding-left: 5px
	}
}

#custom>section h3 {
	margin-left: 10px;
	width: 100%;
	font-size: 14px;
	color: #000
}

@media ( min-width : 1025px) {
	#custom>section h3 {
		padding-bottom: 3px
	}
}

@media ( max-width : 1024px) {
	#custom>section h3 {
		padding-bottom: 10px
	}
}

#custom>section button {
	padding: 0 20px;
	border-width: 1px;
	border-style: solid;
	font-weight: 600;
	outline: none;
}

@media ( min-width : 1025px) {
	#custom>section button {
		border-radius: 22px
	}
}

@media ( max-width : 1024px) {
	#custom>section button {
		border-radius: 19px
	}
}

@media ( min-width : 1025px) {
	#custom>section button {
		line-height: 44px
	}
}

@media ( max-width : 1024px) {
	#custom>section button {
		line-height: 38px
	}
}

@media ( min-width : 1025px) {
	#custom>section button {
		margin: 20px 0 0 10px
	}
}

@media ( max-width : 1024px) {
	#custom>section button {
		margin: 10px 0 0 10px
	}
}

#custom>section button:not(.selected) {
	border-color: #dce0e5;
	color: #3b4044
}

#custom>section button.selected {
	border-color: #e6007e;
	background: rgba(230, 0, 126, .1);
	color: #e6007e
}

#custom>section button::before {
	content: "#"
}

#custom>footer {
	padding-top: 30px;
	border-top: 1px solid #dce0e5;
	text-align: center;
	display: flex;
}

@media ( min-width : 1025px) {
	#custom>footer {
		margin-top: 56px
	}
}

@media ( max-width : 1024px) {
	#custom>footer {
		margin-top: 37px
	}
}

@media ( min-width : 1025px) {
	#custom>footer {
		padding-bottom: 30px
	}
}

@media ( max-width : 1024px) {
	#custom>footer {
		padding-bottom: 50px
	}
}

#custom>footer>button {
	display: inline-block;
	font-weight: 700;
	border: 1px solid #e6007e;
	background: #e6007e;
	color: #fff;
	outline: none;
}

@media ( min-width : 1025px) {
	#custom>footer>button {
		height: 49px;
	}
}

@media ( max-width : 1024px) {
	#custom>footer>button {
		height: 40px;
	}
}

@media ( min-width : 1025px) {
	#custom>footer>button {
		padding: 0 80px
	}
}

@media ( max-width : 1024px) {
	#custom>footer>button {
		padding: 0 60px
	}
}

@media ( min-width : 1025px) {
	#custom>footer>button {
		border-radius: 25px
	}
}

@media ( max-width : 1024px) {
	#custom>footer>button {
		border-radius: 20px
	}
}

@media ( min-width : 1025px) {
	#custom>footer>button {
		line-height: 47px
	}
}

@media ( max-width : 1024px) {
	#custom>footer>button {
		line-height: 38px
	}
}

@media ( min-width : 1025px) {
	#custom>footer>button {
		font-size: 16px;
		margin-left: auto;
		margin-right: auto;
	}
}

@media ( max-width : 1024px) {
	#custom>footer>button {
		font-size: 14px;
	}
}

#custom>footer>button:disabled {
	border: 1px solid #dce0e5;
	background: #dce0e5;
	color: #fff
}

#header {
	z-index: 9;
	position: sticky;
	top: 0;
	box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, .0784313725);
	background: #fff
}

#header>* {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	min-width: 320px;
	box-sizing: border-box
}

@media ( min-width : 1025px) {
	#header>* {
		max-width: 1340px
	}
}

@media ( max-width : 1024px) {
	#header>* {
		max-width: 1310px
	}
}

@media ( min-width : 1025px) {
	#header>* {
		padding-left: 30px
	}
}

@media ( max-width : 1024px) {
	#header>* {
		padding-left: 15px
	}
}

@media ( min-width : 1025px) {
	#header>* {
		padding-right: 30px
	}
}

@media ( max-width : 1024px) {
	#header>* {
		padding-right: 15px
	}
}

@media ( max-width : 1024px) {
	#header>* {
		padding-left: 20px;
		padding-right: 20px
	}
}

#header>div {
	position: relative
}

@media ( min-width : 1025px) {
	#header>div {
		height: 94px
	}
}

@media ( max-width : 1024px) {
	#header>div {
		height: 60px
	}
}

@media ( min-width : 1025px) {
	#header>div {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: flex-start;
		align-items: center
	}
}

@media ( max-width : 1024px) {
	#header>div {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: flex-end;
		align-items: center
	}
}

@media ( min-width : 1025px) {
	#header>div h1 {
		width: 123px
	}
}

@media ( max-width : 1024px) {
	#header>div h1 {
		width: 91px
	}
}

@media ( min-width : 1025px) {
	#header>div h1 {
		height: 47px
	}
}

@media ( max-width : 1024px) {
	#header>div h1 {
		height: 35px
	}
}

@media ( max-width : 1024px) {
	#header>div h1 {
		position: absolute !important;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto
	}
}

#header>div h1 a {
	display: inline-block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	font-size: .5rem;
	display: block;
	width: 100%;
	height: 100%;
	background: url("../images/logo_pc.jpg") no-repeat center/100%
}

#header>div>button {
	display: inline-block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	font-size: .5rem;
	width: 28px;
	height: 28px;
	width: 28px;
	height: 28px;
	background-image: url("../images/icon/contents_category.png");
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	display: none;
}

@media ( min-width : 1025px) {
	#header>div>button {
		display: none
	}
}

#header>div .utilities {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-end;
	align-items: center
}

@media ( min-width : 1025px) {
	#header>div .utilities {
		position: absolute;
		top: 0;
		bottom: 0;
		right: 30px
	}
}

#header>div .utilities .search, #header>div .utilities .alert {
	display: inline-block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	font-size: .5rem
}

#header>div .utilities .search:not(.current) {
	width: 28px;
	height: 28px;
	background-image: url("../images/icon/search.svg");
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center
}

#header>div .utilities .search.current {
	width: 28px;
	height: 28px;
	background-image: url("../images/icon/searchCurrent.svg");
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center
}

#header>div .utilities .alert {
	position: relative
}

@media ( min-width : 1025px) {
	#header>div .utilities .alert {
		margin-left: 24px;
		margin-bottom: 0;
	}
}

@media ( max-width : 1024px) {
	#header>div .utilities .alert {
		margin-left: 17px;
		margin-bottom: 0;
	}
}

#header>div .utilities .alert:not(.current) {
	width: 28px;
	height: 28px;
	background-image: url("../images/icon/alert.svg");
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
}

#header>div .utilities .alert.current {
	width: 28px;
	height: 28px;
	background-image: url("../images/icon/alertCurrent.svg");
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center
}

#header>div .utilities .alert span {
	position: absolute;
	right: 0;
	top: 0;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #ec008b
}

#header>div .utilities .my {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	margin-left: 32px
}

@media ( max-width : 1024px) {
	#header>div .utilities .my {
		display: none
	}
}

#header>div .utilities .my.current span {
	border: 2px solid #e6007e
}

#header>div .utilities .my.current em {
	color: #e6007e
}

#header>div .utilities .my span {
	display: inline-block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	font-size: .5rem;
	width: 30px;
	height: 30px;
	background-image: url("../images/icon/myBasic.svg");
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	border-radius: 50%
}

#header>div .utilities .my em {
	margin-left: 10px;
	font-size: 14px;
	color: #151515
}

#header>section {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	min-height: 83px;
	padding-top: 10px;
	padding-bottom: 10px
}

@media ( max-width : 1024px) {
	#header>section {
		display: none
	}
}

#header>section::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	height: 1px;
	background: #e4e4e4
}

@media ( min-width : 1025px) {
	#header>section::before {
		top: 0px
	}
}

@media ( max-width : 1024px) {
	#header>section::before {
		top: 0px
	}
}

#header>section h2 {
	position: relative;
	margin-right: 34px;
	width: 107px;
	height: 32px;
	text-align: center;
	font-size: 15px;
	font-weight: 700;
	line-height: 32px;
	color: #fff
}

#header>section h2::before, #header>section h2::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	transform: skew(15deg);
	border-radius: 6px
}

#header>section h2::before {
	z-index: -1;
	left: 0;
	top: 0;
	background: #e6007e
}

#header>section h2::after {
	z-index: -2;
	top: 7.5px;
	left: 7.5px;
	background: #f8bfe0
}

#header>section div {
	overflow: hidden;
	width: calc(100% - 141px)
}

#header>section ul {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	margin-left: -21px
}

#header>section ul li {
	position: relative;
	margin: 5px 0 5px 20px;
	margin-left: 20px;
	padding-left: 20px
}

#header>section ul li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 1px;
	height: 12px;
	background: #e4e4e4
}

#header>section ul li a {
	font-size: 16px;
	letter-spacing: -0.01em;
	color: #333
}

#header>section ul li a:hover {
	text-decoration: underline
}

#header>section ul li a::before {
	content: "#"
}

#header>nav {
	overflow-x: auto;
	overflow-y: hidden;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	padding-top: 10px;
	padding-bottom: 10px
}

@media ( min-width : 1025px) {
	#header>nav {
		min-height: 83px
	}
}

@media ( max-width : 1024px) {
	#header>nav {
		min-height: 60px
	}
}

#header>nav::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	height: 1px;
	background: #e4e4e4
}

@media ( min-width : 1025px) {
	#header>nav::before {
		top: 0px
	}
}

@media ( max-width : 1024px) {
	#header>nav::before {
		top: 0px
	}
}

#header>nav>div {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	white-space: nowrap;
	margin-top: -10px;
	margin-bottom: -10px;
	padding-top: 10px;
	padding-bottom: 10px
}

#header>nav a {
	font-size: 16px;
	letter-spacing: -0.01em
}

#header>nav a:hover, #header>nav a:focus {
	text-decoration: underline
}

#header>nav a+a {
	position: relative;
	margin-left: 40px
}

#header>nav a+a::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: -20px;
	margin: auto;
	width: 1px;
	height: 12px;
	background: #e4e4e4
}

#header>nav a.current {
	font-weight: 600;
	color: #e6007e
}

@media ( min-width : 1025px) {
	#header #menu {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: flex-start;
		align-items: center
	}
	#header #menu a {
		margin-left: 50px;
		font-weight: 600;
		letter-spacing: -0.02em;
		font-size: 1.1em;
	}
	#header #menu a.current {
		color: #e6007e
	}
	#header #menu a:hover {
		text-decoration: underline
	}
}

@media ( max-width : 1024px) {
	#header #menu {
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-around;
		align-items: center;
		height: 60px;
		padding-bottom: 0;
		padding-bottom: calc(constant(safe-area-inset-bottom)+ 0);
		padding-bottom: calc(env(safe-area-inset-bottom)+ 0);
		padding-left: 30px;
		padding-left: calc(constant(safe-area-inset-left)+ 30px);
		padding-left: calc(env(safe-area-inset-left)+ 30px);
		padding-right: 30px;
		padding-right: calc(constant(safe-area-inset-right)+ 30px);
		padding-right: calc(env(safe-area-inset-right)+ 30px);
		box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, .0588235294);
		background: #fff;
		font-weight: 500;
		font-size: 11px
	}
	#header #menu a {
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		justify-content: center;
		align-items: center
	}
	#header #menu a.current {
		color: #e6007e
	}
	#header #menu a.home:not(.current)::before {
		width: 28px;
		height: 28px;
		background-image: url("../images/icon/home.svg");
		background-size: 100%;
		background-repeat: no-repeat;
		background-position: center
	}
	#header #menu a.home.current::before {
		width: 28px;
		height: 28px;
		background-image: url("../images/icon/homeCurrent.svg");
		background-size: 100%;
		background-repeat: no-repeat;
		background-position: center
	}
	#header #menu a.contents:not(.current)::before {
		width: 28px;
		height: 28px;
		background-image: url("../images/icon/contents.svg");
		background-size: 100%;
		background-repeat: no-repeat;
		background-position: center
	}
	#header #menu a.contents.current::before {
		width: 28px;
		height: 28px;
		background-image: url("../images/icon/contentsCurrent.svg");
		background-size: 100%;
		background-repeat: no-repeat;
		background-position: center
	}
	#header #menu a.channel:not(.current)::before {
		width: 28px;
		height: 28px;
		background-image: url("../images/icon/channel.svg");
		background-size: 100%;
		background-repeat: no-repeat;
		background-position: center
	}
	#header #menu a.channel.current::before {
		width: 28px;
		height: 28px;
		background-image: url("../images/icon/channelCurrent.svg");
		background-size: 100%;
		background-repeat: no-repeat;
		background-position: center
	}
	#header #menu a.class:not(.current)::before {
		width: 28px;
		height: 28px;
		background-image: url("../images/icon/class.svg");
		background-size: 100%;
		background-repeat: no-repeat;
		background-position: center
	}
	#header #menu a.class.current::before {
		width: 28px;
		height: 28px;
		background-image: url("../images/icon/classCurrent.svg");
		background-size: 100%;
		background-repeat: no-repeat;
		background-position: center
	}
	#header #menu a.my:not(.current)::before {
		width: 28px;
		height: 28px;
		background-image: url("../images/icon/my.svg");
		background-size: 100%;
		background-repeat: no-repeat;
		background-position: center
	}
	#header #menu a.my.current::before {
		width: 28px;
		height: 28px;
		background-image: url("../images/icon/myCurrent.svg");
		background-size: 100%;
		background-repeat: no-repeat;
		background-position: center
	}
	#header #menu a::before {
		content: "";
		margin-bottom: 2px
	}
	#header #menu a span {
		display: none
	}
}

#footer {
	border-top: 1px solid #dce0e5;
	background: #fff;
}

@media ( max-width : 1024px) {
	#footer {
		padding-bottom: 60px;
		padding-bottom: calc(constant(safe-area-inset-bottom)+ 60px);
		padding-bottom: calc(env(safe-area-inset-bottom)+ 60px);
		display: none;
	}
}

#footer>div {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	min-width: 320px;
	box-sizing: border-box;
	padding-top: 30px
}

@media ( min-width : 1025px) {
	#footer>div {
		max-width: 1340px;
		padding-left: 30px;
		padding-right: 30px;
		padding-bottom: 60px
	}
	#footer h1 {
		width: 95px;
		height: 47px;
	}
}

@media ( max-width : 1024px) {
	#footer>div {
		max-width: 1310px;
		padding-left: 15px;
		padding-right: 15px;
		padding-bottom: 20px;
		padding-top: 10px;
	}
	#footer h1 {
		width: 91px;
		height: 35px;
	}
}

#footer h1 {
	display: inline-block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	font-size: .5rem;
	background: url("../images/logo_pc.jpg") no-repeat center/100%
}

#footer ul {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	margin-top: 7px;
	font-size: 13px;
	line-height: 19px;
	color: #777
}

#footer ul li+li {
	position: relative;
	margin-left: 16px;
	padding-left: 16px
}

#footer ul li+li::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 1px;
	height: 11px;
	background: #a8b3bd
}

#footer ul a:hover, #footer ul a:focus {
	text-decoration: underline
}

#footer small {
	display: block;
	margin-top: 8px;
	font-size: 12px;
	color: #aaa
}

@media ( min-width : 1025px) {
	#contents {
		min-height: calc(100vh - 94px);
		min-height: calc(var(--vh, 1vh)* 100- 94px);
		padding-bottom: 150px;
		width: 100%;
	}
	#contents.my {
		padding-bottom: 50px
	}
}

@media ( max-width : 1024px) {
	#contents {
		min-height: calc(100vh - 60px - 60px);
		min-height: calc(var(--vh, 1vh)* 100- 60px- 60px);
		/* padding-bottom: 100px; */
	}
	#contents.my {
		padding-bottom: 60px;
		width: 100%;
	}
}

#searchHeader {
	display: none;
}

#contents>header, #searchHeader>header {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	min-width: 320px;
	box-sizing: border-box
}

@media ( min-width : 1025px) {
	#contents>header, #searchHeader>header {
		max-width: 1340px
	}
}

@media ( max-width : 1024px) {
	#contents>header, #searchHeader>header {
		max-width: 1310px
	}
}

@media ( min-width : 1025px) {
	#contents>header, #searchHeader>header {
		padding-left: 30px
	}
}

@media ( max-width : 1024px) {
	#contents>header, #searchHeader>header {
		padding-left: 15px
	}
}

@media ( min-width : 1025px) {
	#contents>header, #searchHeader>header {
		padding-right: 30px
	}
}

@media ( max-width : 1024px) {
	#contents>header, #searchHeader>header {
		padding-right: 15px
	}
}

@media ( min-width : 1025px) {
	#contents>header {
		padding-top: 40px
	}
}

@media ( max-width : 1024px) {
	#contents>header {
		padding-top: 32px
	}
}

@media ( min-width : 1025px) {
	#searchHeader>header {
		padding-top: 80px
	}
}

@media ( max-width : 1024px) {
	#homeHeader>header {
		padding-top: 45px
	}
}

#contents>header.withFilter {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: end
}

#contents>header .title.case {
	position: relative;
	border-bottom: 1px solid #dce0e5
}

@media ( min-width : 1025px) {
	#contents>header .title.case {
		padding-bottom: 20px
	}
}

@media ( max-width : 1024px) {
	#contents>header .title.case {
		padding-bottom: 15px
	}
}

#contents>header .title.case::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 45px;
	height: 2px;
	background: #e6007e
}

@media ( max-width : 640px) {
	#contents>header .filter {
		margin-top: 20px;
		width: 100%
	}
}

@media ( min-width : 1025px) {
	#contents>header .filterCase {
		margin-top: 40px;
		outline: none;
	}
}

@media ( max-width : 1024px) {
	#contents>header .filterCase {
		margin-top: 25px;
		outline: none;
	}
}

#contents>header .desc {
	line-height: 1.2
}

@media ( min-width : 1025px) {
	#contents>header .desc {
		margin-top: 12px
	}
}

@media ( max-width : 1024px) {
	#contents>header .desc {
		margin-top: 8px
	}
}

@media ( min-width : 1025px) {
	#contents>header .desc {
		font-size: 18px
	}
}

@media ( max-width : 1024px) {
	#contents>header .desc {
		font-size: 14px
	}
}

.right-block>.channel-list>div>li>section>header>button {
	outline: none;
}

.right-block>.channel_sort {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	min-width: 320px;
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-end;
	align-items: center;
}

@media ( min-width : 1025px) {
	.right-block>.channel_sort {
		max-width: 1340px
	}
}

@media ( max-width : 1024px) {
	.right-block>.channel_sort {
		max-width: 1310px
	}
}

@media ( min-width : 1025px) {
	.right-block>.channel_sort {
		padding-left: 30px
	}
}

@media ( max-width : 1024px) {
	.right-block>.channel_sort {
		padding-left: 15px
	}
}

@media ( min-width : 1025px) {
	.right-block>.channel_sort {
		padding-right: 30px
	}
}

@media ( max-width : 1024px) {
	.right-block>.channel_sort {
		padding-right: 15px
	}
}

@media ( min-width : 1025px) {
	.right-block>.channel_sort {
		margin-top: 40px
	}
}

@media ( max-width : 1024px) {
	.right-block>.channel_sort {
		margin-top: 20px
	}
}

.right-block>.channel_sort select {
	padding: 0 54px 0 10px;
	border: 1px solid #dce0e5;
	border-radius: 8px;
	background: url("../images/icon/sort.svg") no-repeat right 10px center;
	line-height: 34px;
	font-size: 14px;
	font-weight: 600;
	color: #66707a;
	z-index: 8;
	outline: none;
}

.loading {
	z-index: 999;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	background: rgba(0, 0, 0, .5)
}

.loading::before {
	content: "";
	width: 60px;
	height: 60px;
	border: 5px solid #e6007e;
	border-bottom-color: rgba(0, 0, 0, 0);
	border-radius: 50%;
	display: inline-block;
	box-sizing: border-box;
	animation: rotation 1s linear infinite
}

@
keyframes rotation { 0% {
	transform: rotate(0deg)
}

100
%
{
transform
:
rotate(
360deg
)
}
}
@media ( min-width : 1025px) {
	.searchHeader {
		padding-top: 80px
	}
}

@media ( max-width : 1024px) {
	.searchHeader {
		padding-top: 45px
	}
}

@media ( min-width : 1025px) {
	.searchHeader {
		padding-bottom: 30px
	}
}

@media ( max-width : 1024px) {
	.searchHeader {
		padding-bottom: 20px
	}
}

.searchHeader .search {
	position: relative;
	max-width: 670px;
	padding-left: 15px
}

@media ( min-width : 1025px) {
	.searchHeader .search {
		margin: 50px auto 0
	}
}

@media ( max-width : 1024px) {
	.searchHeader .search {
		margin: 30px auto 0
	}
}

.searchHeader .search input {
	width: 100%;
	border-color: #181a1b;
	border-style: solid;
	font-size: 18px;
	font-weight: 600;
	color: #000
}

@media ( min-width : 1025px) {
	.searchHeader .search input, #searchinput {
		height: 62px
	}
}

@media ( max-width : 1024px) {
	.searchHeader .search input, #searchinput {
		height: 50px
	}
}

@media ( min-width : 1025px) {
	.searchHeader .search input, #searchinput {
		padding-left: 25px
	}
}

@media ( max-width : 1024px) {
	.searchHeader .search input, #searchinput {
		padding-left: 20px
	}
}

@media ( min-width : 1025px) {
	.searchHeader .search input, #searchinput {
		padding-right: 80px
	}
}

@media ( max-width : 1024px) {
	.searchHeader .search input, #searchinput {
		padding-right: 64px
	}
}

@media ( min-width : 1025px) {
	.searchHeader .search input, #searchinput {
		border-width: 2px
	}
}

@media ( max-width : 1024px) {
	.searchHeader .search input, #searchinput {
		border-width: 1px
	}
}

@media ( min-width : 1025px) {
	.searchHeader .search input, #searchinput {
		border-radius: 31px
	}
}

@media ( max-width : 1024px) {
	.searchHeader .search input, #searchinput {
		border-radius: 25px
	}
}

.searchHeader .search input:focus, .searchHeader .search input.on {
	border-color: #e6007e;
	outline: none
}

.searchHeader .search input:focus+button, .searchHeader .search input.on+button
	{
	background: #e6007e
}

.searchHeader .search button {
	position: absolute;
	top: 0;
	bottom: 0;
	display: inline-block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	font-size: .5rem;
	margin: auto;
	border-radius: 50%;
	background: #181a1b
}

@media ( min-width : 1025px) {
	.searchHeader .search button {
		right: 10px
	}
}

@media ( max-width : 1024px) {
	.searchHeader .search button {
		right: 7px
	}
}

@media ( min-width : 1025px) {
	.searchHeader .search button {
		width: 44px
	}
}

@media ( max-width : 1024px) {
	.searchHeader .search button {
		width: 38px
	}
}

@media ( min-width : 1025px) {
	.searchHeader .search button {
		height: 44px
	}
}

@media ( max-width : 1024px) {
	.searchHeader .search button {
		height: 38px
	}
}

.searchHeader .search button::before {
	content: "";
	position: absolute !important;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 24px;
	height: 24px;
	background-image: url("../images/icon/search.svg");
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	-moz-filter: invert(100);
	-ms-filter: invert(100);
	-o-filter: invert(100);
	filter: invert(100)
}

.searchHeader .search+section {
	line-height: 1.2;
	letter-spacing: -0.01em
}

@media ( min-width : 1025px) {
	.searchHeader .search+section {
		margin-top: 40px
	}
}

@media ( max-width : 1024px) {
	.searchHeader .search+section {
		margin-top: 30px
	}
}

.searchHeader .search+section h3 {
	font-weight: 600;
	color: #e6007e
}

@media ( min-width : 1025px) {
	.searchHeader .search+section h3 {
		font-size: 16px
	}
}

@media ( max-width : 1024px) {
	.searchHeader .search+section h3 {
		font-size: 12px
	}
}

.searchHeader .search+section div {
	padding-top: 10px;
	padding-bottom: 10px
}

@media ( min-width : 1025px) {
	.searchHeader .search+section div {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: flex-start;
		margin-left: -20px
	}
}

@media ( max-width : 1024px) {
	.searchHeader .search+section div {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: flex-start;
		align-items: flex-start;
		margin-left: -15px;
		margin-right: -15px;
		padding-left: 15px;
		padding-right: 15px;
		overflow-y: hidden;
		overflow-x: auto;
		white-space: nowrap
	}
}

@media ( min-width : 1025px) {
	.searchHeader .search+section div a {
		margin: 5px 0 0 20px
	}
}

@media ( max-width : 1024px) {
	.searchHeader .search+section div a+a {
		margin-left: 12px
	}
	.searchHeader .search+section div a:last-child {
		padding-right: 15px
	}
}

.searchHeader .search+section div a:hover {
	text-decoration: underline
}

#contents>section.search {
	border-top: 1px solid #dce0e5
}

@media ( min-width : 1025px) {
	#contents>section.search {
		padding-top: 40px
	}
}

@media ( max-width : 1024px) {
	#contents>section.search {
		padding-top: 32px
	}
}

@media ( min-width : 1025px) {
	#contents>section.search+section.search {
		margin-top: 40px
	}
}

@media ( max-width : 1024px) {
	#contents>section.search+section.search {
		margin-top: 32px
	}
}

#contents>section.search>.title {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	min-width: 320px;
	box-sizing: border-box
}

@media ( min-width : 1025px) {
	#contents>section.search>.title {
		max-width: 1340px
	}
}

@media ( max-width : 1024px) {
	#contents>section.search>.title {
		max-width: 1310px
	}
}

@media ( min-width : 1025px) {
	#contents>section.search>.title {
		padding-left: 30px
	}
}

@media ( max-width : 1024px) {
	#contents>section.search>.title {
		padding-left: 15px
	}
}

@media ( min-width : 1025px) {
	#contents>section.search>.title {
		padding-right: 30px
	}
}

@media ( max-width : 1024px) {
	#contents>section.search>.title {
		padding-right: 15px
	}
}

#contents>section.search .list {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	min-width: 320px;
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch
}

@media ( min-width : 1025px) {
	#contents>section.search .list {
		max-width: 1340px
	}
}

@media ( max-width : 1024px) {
	#contents>section.search .list {
		max-width: 1310px
	}
}

@media ( min-width : 1025px) {
	#contents>section.search .list {
		padding-left: 30px
	}
}

@media ( max-width : 1024px) {
	#contents>section.search .list {
		padding-left: 15px
	}
}

@media ( min-width : 1025px) {
	#contents>section.search .list {
		padding-right: 30px
	}
}

@media ( max-width : 1024px) {
	#contents>section.search .list {
		padding-right: 15px
	}
}

@media ( min-width : 1025px) {
	#contents>section.search .list.case2 {
		padding-left: 0;
		padding-right: 0
	}
	#contents>section.search .list.case2>li {
		margin-top: 30px;
		width: calc(33.3333333333% - 12px)
	}
	#contents>section.search .list.case2>li:not(:nth-child(4n-3)) {
		margin-left: unset
	}
	#contents>section.search .list.case2>li:not(:nth-child(3n-2)) {
		margin-left: 18px
	}
}

@media ( max-width : 1024px) {
	#contents>section.search .list>li {
		width: calc(50% - 5px)
	}
}

@media ( min-width : 1025px) {
	#contents>section.search .list #no-search {
		width: 100%;
	}
}

@media ( max-width : 1024px) {
	#contents>section.search .list #no-search {
		width: 100%;
	}
}

@media ( max-width : 640px) {
	#contents>section.search .list.case>li {
		margin-left: 0 !important;
		width: 100%
	}
}

#contents>section.search .list>li {
	position: relative
}

#contents>section.search .list>li .thumb {
	position: relative;
	display: inline-block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	font-size: .5rem;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	border-radius: 20px;
	box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .1019607843);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center
}

#contents>section.search .list>li .thumb .time {
	position: absolute;
	bottom: 10px;
	right: 10px;
	padding: 0 8px;
	border-radius: 12px;
	background: rgba(0, 0, 0, .7);
	text-align: center;
	text-indent: 0;
	line-height: 23px;
	font-size: 13px;
	font-weight: 700;
	color: #fff
}

#contents>section.search .list>li span+span {
	position: relative;
	margin-left: 8px;
	padding-left: 8px; 
	color: #ec008c;
	color: #3b4044;
}

#contents>section.search .list>li span+span::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	height: 12px;
	width: 1px
}

#contents>section.search .list>li .name {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	margin-top: 8px;
	font-weight: 500;
	letter-spacing: -0.02em;
	line-height: 16px;
	color: #3b4044
}

@media ( min-width : 1025px) {
	#contents>section.search .list>li .name {
		font-size: 14px
	}
}

@media ( max-width : 1024px) {
	#contents>section.search .list>li .name {
		font-size: 12px
	}
}

#contents>section.search .list>li .name span+span::before {
	background: #3b4044
}

#contents>section.search .list>li .info {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	margin-top: 8px;
	line-height: 15px;
	color: #66707a
}

@media ( min-width : 1025px) {
	#contents>section.search .list>li .info {
		font-size: 13px
	}
}

@media ( max-width : 1024px) {
	#contents>section.search .list>li .info {
		font-size: 11px
	}
}

#contents>section.search .list>li .info span+span::before {
	background: #dce0e5
}

@media ( min-width : 1025px) {
	#contents>section.search .list>li {
		margin-top: 40px
	}
}

@media ( max-width : 1024px) {
	#contents>section.search .list>li {
		margin-top: 30px
	}
}

@media ( min-width : 1025px) {
	#contents>section.search .list>li {
		width: calc(25% - 21px)
	}
	#contents>section.search .list>li:not(:nth-child(4n-3)) {
		margin-left: 28px
	}
}

@media ( max-width : 1024px) {
	#contents>section.search .list>li:nth-child(even) {
		margin-left: 10px
	}
}

@media ( min-width : 1025px) {
	#contents>section.search .list {
		margin-top: -15px
	}
}

@media ( max-width : 1024px) {
	#contents>section.search .list {
		margin-top: -10px
	}
}

#contents>section.search .channels {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	min-width: 320px;
	box-sizing: border-box
}

@media ( min-width : 1025px) {
	#contents>section.search .channels {
		max-width: 1340px
	}
}

@media ( max-width : 1024px) {
	#contents>section.search .channels {
		max-width: 1310px
	}
}

@media ( min-width : 1025px) {
	#contents>section.search .channels {
		padding-left: 30px
	}
}

@media ( max-width : 1024px) {
	#contents>section.search .channels {
		padding-left: 15px
	}
}

@media ( min-width : 1025px) {
	#contents>section.search .channels {
		padding-right: 30px
	}
}

@media ( max-width : 1024px) {
	#contents>section.search .channels {
		padding-right: 15px
	}
}

#contents>section.search .channels>li {
	position: relative;
	line-height: 1.2
}

#contents>section.search .channels>li:not(.case) {
	border: 1px solid #dce0e5;
	background: #f9fafb
}

@media ( min-width : 1025px) {
	#contents>section.search .channels>li:not(.case) {
		padding: 35px 200px 35px 180px
	}
}

@media ( max-width : 1024px) {
	#contents>section.search .channels>li:not(.case) {
		padding: 15px 15px 62px 15px
	}
}

@media ( min-width : 1025px) {
	#contents>section.search .channels>li:not(.case) {
		border-radius: 30px
	}
}

@media ( max-width : 1024px) {
	#contents>section.search .channels>li:not(.case) {
		border-radius: 15px
	}
}

@media ( min-width : 1025px) {
	#contents>section.search .channels>li.case {
		padding: 0 150px
	}
}

@media ( max-width : 1024px) {
	#contents>section.search .channels>li.case {
		padding: 0 0 50px 0
	}
}

#contents>section.search .channels>li.case img {
	top: 0 !important;
	left: 0 !important
}

#contents>section.search .channels>li.case>button {
	right: 0 !important;
	bottom: 0 !important
}

#contents>section.search .channels>li img {
	position: absolute;
	margin: auto;
	border-radius: 50%;
	box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, .1019607843)
}

@media ( min-width : 1025px) {
	#contents>section.search .channels>li img {
		top: 0
	}
}

@media ( max-width : 1024px) {
	#contents>section.search .channels>li img {
		top: 15px
	}
}

@media ( min-width : 1025px) {
	#contents>section.search .channels>li img {
		left: 30px
	}
}

@media ( max-width : 1024px) {
	#contents>section.search .channels>li img {
		left: 15px
	}
}

@media ( min-width : 1025px) {
	#contents>section.search .channels>li img {
		bottom: 0
	}
}

@media ( min-width : 1025px) {
	#contents>section.search .channels>li img {
		width: 120px
	}
}

@media ( max-width : 1024px) {
	#contents>section.search .channels>li img {
		width: 76px
	}
}

@media ( min-width : 1025px) {
	#contents>section.search .channels>li img {
		height: 120px
	}
}

@media ( max-width : 1024px) {
	#contents>section.search .channels>li img {
		height: 76px
	}
}

#contents>section.search .channels>li a+a, #contents>section.search .channels>li a+h2
	{
	font-weight: 700;
	color: #000
}

@media ( min-width : 1025px) {
	#contents>section.search .channels>li a+a, #contents>section.search .channels>li a+h2
		{
		font-size: 24px
	}
}

@media ( max-width : 1024px) {
	#contents>section.search .channels>li a+a, #contents>section.search .channels>li a+h2
		{
		font-size: 16px
	}
}

@media ( max-width : 1024px) {
	#contents>section.search .channels>li a+a, #contents>section.search .channels>li a+h2
		{
		margin-left: 86px
	}
}

#contents>section.search .channels>li>span {
	display: block
}

@media ( min-width : 1025px) {
	#contents>section.search .channels>li>span {
		margin-top: 10px
	}
}

@media ( max-width : 1024px) {
	#contents>section.search .channels>li>span {
		margin-top: 5px
	}
}

@media ( min-width : 1025px) {
	#contents>section.search .channels>li>span {
		font-size: 16px
	}
}

@media ( max-width : 1024px) {
	#contents>section.search .channels>li>span {
		font-size: 12px
	}
}

@media ( max-width : 1024px) {
	#contents>section.search .channels>li>span {
		margin-left: 86px
	}
}
#contents>section.search .channels>li ul {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start
}

@media ( min-width : 1025px) {
	#contents>section.search .channels>li ul {
		margin-left: -40px
	}
}

@media ( max-width : 1024px) {
	#contents>section.search .channels>li ul {
		margin-left: 72px
	}
}

#contents>section.search .channels>li ul li {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: flex-start
}

@media ( min-width : 1025px) {
	#contents>section.search .channels>li ul li {
		margin-top: 10px
	}
}

@media ( max-width : 1024px) {
	#contents>section.search .channels>li ul li {
		margin-top: 5px
	}
}

@media ( min-width : 1025px) {
	#contents>section.search .channels>li ul li {
		margin-left: 40px
	}
}

@media ( max-width : 1024px) {
	#contents>section.search .channels>li ul li {
		margin-left: 14px
	}
}

@media ( min-width : 1025px) {
	#contents>section.search .channels>li ul li {
		font-size: 16px
	}
}

@media ( max-width : 1024px) {
	#contents>section.search .channels>li ul li {
		font-size: 12px
	}
}

@media ( max-width : 1024px) {
	#contents>section.search .channels>li ul li:last-child {
		width: 100%
	}
}

#contents>section.search .channels>li ul li span {
	color: #66707a
}

#contents>section.search .channels>li ul li b {
	padding-left: .4em;
	font-weight: 600;
	color: #000
}

#contents>section.search .channels>li>p {
	word-break: keep-all;
	color: #000
}

@media ( min-width : 1025px) {
	#contents>section.search .channels>li>p {
		margin-top: 13px
	}
}

@media ( max-width : 1024px) {
	#contents>section.search .channels>li>p {
		margin-top: 20px
	}
}

@media ( min-width : 1025px) {
	#contents>section.search .channels>li>p {
		font-size: 16px
	}
}

@media ( max-width : 1024px) {
	#contents>section.search .channels>li>p {
		font-size: 14px
	}
}

#contents>section.search .channels>li>button {
	position: absolute;
	margin: auto
}

@media ( min-width : 1025px) {
	#contents>section.search .channels>li>button {
		right: 52px
	}
}

@media ( max-width : 1024px) {
	#contents>section.search .channels>li>button {
		right: 12px
	}
}

@media ( min-width : 1025px) {
	#contents>section.search .channels>li>button {
		bottom: 0
	}
}

@media ( max-width : 1024px) {
	#contents>section.search .channels>li>button {
		bottom: 12px
	}
}

@media ( min-width : 1025px) {
	#contents>section.search .channels>li>button {
		top: 0
	}
}

#contents>section.search .channels>li>button.subscribe {
	display: inline-block;
	font-weight: 700;
	border: 1px solid #e6007e;
	background: #e6007e;
	color: #fff
}

@media ( min-width : 1025px) {
	#contents>section.search .channels>li>button.subscribe {
		height: 49px
	}
}

@media ( max-width : 1024px) {
	#contents>section.search .channels>li>button.subscribe {
		height: 36px
	}
}

@media ( min-width : 1025px) {
	#contents>section.search .channels>li>button.subscribe {
		padding: 0 35px
	}
}

@media ( max-width : 1024px) {
	#contents>section.search .channels>li>button.subscribe {
		padding: 0 25px
	}
}

@media ( min-width : 1025px) {
	#contents>section.search .channels>li>button.subscribe {
		border-radius: 25px
	}
}

@media ( max-width : 1024px) {
	#contents>section.search .channels>li>button.subscribe {
		border-radius: 18px
	}
}

@media ( min-width : 1025px) {
	#contents>section.search .channels>li>button.subscribe {
		line-height: 47px
	}
}

@media ( max-width : 1024px) {
	#contents>section.search .channels>li>button.subscribe {
		line-height: 34px
	}
}

@media ( min-width : 1025px) {
	#contents>section.search .channels>li>button.subscribe {
		font-size: 16px
	}
}

@media ( max-width : 1024px) {
	#contents>section.search .channels>li>button.subscribe {
		font-size: 14px
	}
}

#contents>section.search .channels>li>button.subscribe:disabled {
	border: 1px solid #dce0e5;
	background: #dce0e5;
	color: #fff
}

#contents>section.search .channels>li>button.subscribing {
	display: inline-block;
	font-weight: 700;
	border: 1px solid #a8b3bd;
	background: rgba(0, 0, 0, 0);
	color: #3b4044
}

@media ( min-width : 1025px) {
	#contents>section.search .channels>li>button.subscribing {
		height: 49px
	}
}

@media ( max-width : 1024px) {
	#contents>section.search .channels>li>button.subscribing {
		height: 36px
	}
}

@media ( min-width : 1025px) {
	#contents>section.search .channels>li>button.subscribing {
		padding: 0 35px
	}
}

@media ( max-width : 1024px) {
	#contents>section.search .channels>li>button.subscribing {
		padding: 0 25px
	}
}

@media ( min-width : 1025px) {
	#contents>section.search .channels>li>button.subscribing {
		border-radius: 25px
	}
}

@media ( max-width : 1024px) {
	#contents>section.search .channels>li>button.subscribing {
		border-radius: 18px
	}
}

@media ( min-width : 1025px) {
	#contents>section.search .channels>li>button.subscribing {
		line-height: 47px
	}
}

@media ( max-width : 1024px) {
	#contents>section.search .channels>li>button.subscribing {
		line-height: 34px
	}
}

@media ( min-width : 1025px) {
	#contents>section.search .channels>li>button.subscribing {
		font-size: 16px
	}
}

@media ( max-width : 1024px) {
	#contents>section.search .channels>li>button.subscribing {
		font-size: 14px
	}
}

#contents>section.search .channels>li>button.subscribing:disabled {
	border: 1px solid #dce0e5;
	background: #dce0e5;
	color: #fff
}

@media ( min-width : 1025px) {
	#contents>section.search .channels>li {
		margin-top: 20px
	}
}

@media ( max-width : 1024px) {
	#contents>section.search .channels>li {
		margin-top: 10px
	}
}

@media ( min-width : 1025px) {
	#contents>section.search .channels {
		padding-top: 7px
	}
}

@media ( max-width : 1024px) {
	#contents>section.search .channels {
		padding-top: 10px
	}
}

#contents>section.search .classes {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	min-width: 320px;
	box-sizing: border-box;
	padding-top: 10px
}

@media ( min-width : 1025px) {
	#contents>section.search .classes {
		max-width: 1340px
	}
}

@media ( max-width : 1024px) {
	#contents>section.search .classes {
		max-width: 1310px
	}
}

@media ( min-width : 1025px) {
	#contents>section.search .classes {
		padding-left: 30px
	}
}

@media ( max-width : 1024px) {
	#contents>section.search .classes {
		padding-left: 15px
	}
}

@media ( min-width : 1025px) {
	#contents>section.search .classes {
		padding-right: 30px
	}
}

@media ( max-width : 1024px) {
	#contents>section.search .classes {
		padding-right: 15px
	}
}

#contents>section.search .classes>li {
	position: relative;
	line-height: 1.2;
	border: 1px solid #dce0e5
}

@media ( min-width : 1025px) {
	#contents>section.search .classes>li {
		padding: 36px 30px 36px 466px
	}
}

@media ( max-width : 1024px) {
	#contents>section.search .classes>li {
		padding: 15px 15px 80px 15px
	}
}

@media ( max-width : 640px) {
	#contents>section.search .classes>li.case {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
		padding: 0 0 56px 0
	}
	#contents>section.search .classes>li.case .thumb {
		position: unset;
		top: unset;
		left: unset;
		display: block;
		margin-bottom: 13px;
		margin-left: -15px;
		margin-right: -15px;
		width: calc(100% + 30px);
		height: unset;
		aspect-ratio: 1/.58611111;
		border-radius: unset
	}
	#contents>section.search .classes>li.case .status {
		margin-left: unset
	}
	#contents>section.search .classes>li.case .jump {
		position: relative;
		top: unset;
		right: unset
	}
	#contents>section.search .classes>li.case>span {
		margin-left: unset;
		width: 100%
	}
	#contents>section.search .classes>li.case>p {
		margin-top: 5px;
		margin-left: unset;
		min-height: unset
	}
	#contents>section.search .classes>li.case .graph {
		margin-top: 20px;
		width: 100%
	}
	#contents>section.search .classes>li.case>button {
		right: 0;
		bottom: 0
	}
}

#contents>section.search .classes>li .thumb {
	position: absolute;
	display: inline-block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	font-size: .5rem;
	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, .1019607843);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover
}

@media ( min-width : 1025px) {
	#contents>section.search .classes>li .thumb {
		top: 27px
	}
}

@media ( max-width : 1024px) {
	#contents>section.search .classes>li .thumb {
		top: 15px
	}
}

@media ( min-width : 1025px) {
	#contents>section.search .classes>li .thumb {
		left: 30px
	}
}

@media ( max-width : 1024px) {
	#contents>section.search .classes>li .thumb {
		left: 15px
	}
}

@media ( min-width : 1025px) {
	#contents>section.search .classes>li .thumb {
		width: 400px
	}
}

@media ( max-width : 1024px) {
	#contents>section.search .classes>li .thumb {
		width: 110px
	}
}

@media ( min-width : 1025px) {
	#contents>section.search .classes>li .thumb {
		height: 225px
	}
}

@media ( max-width : 1024px) {
	#contents>section.search .classes>li .thumb {
		height: 73px
	}
}

@media ( min-width : 1025px) {
	#contents>section.search .classes>li .thumb {
		border-radius: 20px
	}
}

@media ( max-width : 1024px) {
	#contents>section.search .classes>li .thumb {
		border-radius: 10px
	}
}

#contents>section.search .classes>li .status {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: flex-start
}

@media ( max-width : 1024px) {
	#contents>section.search .classes>li .status {
		margin-left: 120px
	}
}

#contents>section.search .classes>li .status li {
	font-weight: 700;
	text-align: center;
	color: #fff
}

@media ( min-width : 1025px) {
	#contents>section.search .classes>li .status li {
		min-width: 80px
	}
}

@media ( max-width : 1024px) {
	#contents>section.search .classes>li .status li {
		min-width: 42px
	}
}

@media ( min-width : 1025px) {
	#contents>section.search .classes>li .status li {
		padding: 0 13px
	}
}

@media ( max-width : 1024px) {
	#contents>section.search .classes>li .status li {
		padding: 0 6px
	}
}

@media ( min-width : 1025px) {
	#contents>section.search .classes>li .status li {
		border-radius: 6px
	}
}

@media ( max-width : 1024px) {
	#contents>section.search .classes>li .status li {
		border-radius: 4px
	}
}

@media ( min-width : 1025px) {
	#contents>section.search .classes>li .status li {
		line-height: 30px
	}
}

@media ( max-width : 1024px) {
	#contents>section.search .classes>li .status li {
		line-height: 18px
	}
}

@media ( min-width : 1025px) {
	#contents>section.search .classes>li .status li {
		font-size: 16px
	}
}

@media ( max-width : 1024px) {
	#contents>section.search .classes>li .status li {
		font-size: 12px
	}
}

#contents>section.search .classes>li .status li.dDay {
	background: #3b4044
}

#contents>section.search .classes>li .status li.onAir {
	background: #e6007e
}

#contents>section.search .classes>li .status li.done {
	background: #6171ff
}
#contents>section.search .classes>li .status li.notcomplete {
	background: #A0A0A0
}
@media ( min-width : 1025px) {
	#contents>section.search .classes>li .status li+li {
		margin-left: 8px
	}
}

@media ( max-width : 1024px) {
	#contents>section.search .classes>li .status li+li {
		margin-left: 5px
	}
}

#contents>section.search .classes>li .jump {
	position: absolute;
	display: inline-block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	font-size: .5rem;
	border: 1px solid #a8b3bd;
	border-radius: 50%;
	background: #f9fafb
}

@media ( min-width : 1025px) {
	#contents>section.search .classes>li .jump {
		top: 20px
	}
}

@media ( max-width : 1024px) {
	#contents>section.search .classes>li .jump {
		top: 8px
	}
}

@media ( min-width : 1025px) {
	#contents>section.search .classes>li .jump {
		right: 20px
	}
}

@media ( max-width : 1024px) {
	#contents>section.search .classes>li .jump {
		right: 8px
	}
}

@media ( min-width : 1025px) {
	#contents>section.search .classes>li .jump {
		width: 36px
	}
}

@media ( max-width : 1024px) {
	#contents>section.search .classes>li .jump {
		width: 24px
	}
}

@media ( min-width : 1025px) {
	#contents>section.search .classes>li .jump {
		height: 36px
	}
}

@media ( max-width : 1024px) {
	#contents>section.search .classes>li .jump {
		height: 24px
	}
}

#contents>section.search .classes>li .jump::before {
	content: "";
	position: absolute !important;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto
}

@media ( min-width : 1025px) {
	#contents>section.search .classes>li .jump::before {
		width: 14px;
		height: 14px;
		background-image: url("../images/icon/jump.svg");
		background-size: 100%;
		background-repeat: no-repeat;
		background-position: center
	}
}

@media ( max-width : 1024px) {
	#contents>section.search .classes>li .jump::before {
		width: 12px;
		height: 12px;
		background-image: url("../images/icon/jump.svg");
		background-size: 100%;
		background-repeat: no-repeat;
		background-position: center
	}
}

#contents>section.search .classes>li>span {
	display: block;
	color: #000
}

@media ( min-width : 1025px) {
	#contents>section.search .classes>li>span {
		margin-top: 14px
	}
}

@media ( max-width : 1024px) {
	#contents>section.search .classes>li>span {
		margin-top: 5px
	}
}

@media ( max-width : 1024px) {
	#contents>section.search .classes>li>span {
		margin-left: 120px
	}
}

@media ( min-width : 1025px) {
	#contents>section.search .classes>li>span {
		font-size: 16px
	}
}

@media ( max-width : 1024px) {
	#contents>section.search .classes>li>span {
		font-size: 12px
	}
}

#contents>section.search .classes>li .info {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start
}

@media ( min-width : 1025px) {
	#contents>section.search .classes>li .info {
		padding-top: 16px
	}
}

@media ( max-width : 1024px) {
	#contents>section.search .classes>li .info {
		padding-top: 7px
	}
}

@media ( min-width : 1025px) {
	#contents>section.search .classes>li .info {
		font-size: 16px
	}
}

@media ( max-width : 1024px) {
	#contents>section.search .classes>li .info {
		font-size: 14px
	}
}

@media ( min-width : 1025px) {
	#contents>section.search .classes>li .info {
		padding-right: 220px
	}
}

#contents>section.search .classes>li .info dt, #contents>section.search .classes>li .info dd
	{
	margin-top: 5px
}

#contents>section.search .classes>li .info dt {
	color: #66707a
}

@media ( min-width : 1025px) {
	#contents>section.search .classes>li .info dt {
		width: 100px
	}
}

@media ( max-width : 1024px) {
	#contents>section.search .classes>li .info dt {
		width: 60px
	}
}

#contents>section.search .classes>li .info dd {
	color: #181a1b
}

@media ( min-width : 1025px) {
	#contents>section.search .classes>li .info dd {
		width: calc(50% - 100px)
	}
}

@media ( max-width : 1024px) {
	#contents>section.search .classes>li .info dd {
		width: calc(50% - 60px)
	}
}

@media screen and (min-width: 1025px)and (max-width: 1208px) {
	#contents>section.search .classes>li .info dd {
		width: calc(100% - 100px)
	}
}

#contents>section.search .classes>li .graph {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center
}

@media ( min-width : 1025px) {
	#contents>section.search .classes>li .graph {
		margin-top: 24px
	}
}

@media ( max-width : 1024px) {
	#contents>section.search .classes>li .graph {
		margin-top: 15px
	}
}

@media ( min-width : 1025px) {
	#contents>section.search .classes>li .graph {
		width: calc(100% - 220px);
		max-width: 380px
	}
}

#contents>section.search .classes>li .graph dt {
	font-weight: 600;
	color: #000
}

@media ( min-width : 1025px) {
	#contents>section.search .classes>li .graph dt {
		font-size: 18px
	}
}

@media ( max-width : 1024px) {
	#contents>section.search .classes>li .graph dt {
		position: absolute;
		display: inline-block;
		width: 1px;
		height: 1px;
		margin: -1px;
		overflow: hidden;
		clip: rect(1px, 1px, 1px, 1px)
	}
}

@media ( min-width : 1025px) {
	#contents>section.search .classes>li .graph dd {
		margin-left: 20px
	}
}

#contents>section.search .classes>li .graph dd:not(.primary) {
	position: relative;
	height: 8px;
	border-radius: 4px;
	background: #ececec
}

@media ( min-width : 1025px) {
	#contents>section.search .classes>li .graph dd:not(.primary) {
		width: calc(100% - 61px - 90px - 40px)
	}
}

@media ( max-width : 1024px) {
	#contents>section.search .classes>li .graph dd:not(.primary) {
		width: calc(100% - 61px)
	}
}

#contents>section.search .classes>li .graph dd:not(.primary) span {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	border-radius: 4px;
	box-shadow: 0px 4px 10px 0px rgba(236, 0, 139, .2);
	background: #e6007e;
	display: inline-block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	font-size: .5rem
}

#contents>section.search .classes>li .graph dd.primary {
	width: 61px;
	font-weight: 700;
	text-align: right
}

@media ( min-width : 1025px) {
	#contents>section.search .classes>li .graph dd.primary {
		font-size: 20px
	}
}

@media ( max-width : 1024px) {
	#contents>section.search .classes>li .graph dd.primary {
		font-size: 16px
	}
}

#contents>section.search .classes>li>button {
	position: absolute;
	display: inline-block;
	font-weight: 700;
	border: 1px solid #e6007e;
	background: #e6007e;
	color: #fff
}

@media ( min-width : 1025px) {
	#contents>section.search .classes>li>button {
		bottom: 44px
	}
}

@media ( max-width : 1024px) {
	#contents>section.search .classes>li>button {
		bottom: 18px
	}
}

@media ( min-width : 1025px) {
	#contents>section.search .classes>li>button {
		right: 30px
	}
}

@media ( max-width : 1024px) {
	#contents>section.search .classes>li>button {
		right: 15px
	}
}

@media ( min-width : 1025px) {
	#contents>section.search .classes>li>button {
		height: 49px
	}
}

@media ( max-width : 1024px) {
	#contents>section.search .classes>li>button {
		height: 36px
	}
}

@media ( min-width : 1025px) {
	#contents>section.search .classes>li>button {
		padding: 0 35px
	}
}

@media ( max-width : 1024px) {
	#contents>section.search .classes>li>button {
		padding: 0 25px
	}
}

@media ( min-width : 1025px) {
	#contents>section.search .classes>li>button {
		border-radius: 25px
	}
}

@media ( max-width : 1024px) {
	#contents>section.search .classes>li>button {
		border-radius: 18px
	}
}

@media ( min-width : 1025px) {
	#contents>section.search .classes>li>button {
		line-height: 47px
	}
}

@media ( max-width : 1024px) {
	#contents>section.search .classes>li>button {
		line-height: 34px
	}
}

@media ( min-width : 1025px) {
	#contents>section.search .classes>li>button {
		font-size: 16px
	}
}

@media ( max-width : 1024px) {
	#contents>section.search .classes>li>button {
		font-size: 14px
	}
}

#contents>section.search .classes>li>button:disabled {
	border: 1px solid #dce0e5;
	background: #dce0e5;
	color: #fff
}

@media ( min-width : 1025px) {
	#contents>section.search .classes>li {
		margin-top: 23px
	}
}

@media ( max-width : 1024px) {
	#contents>section.search .classes>li {
		margin-top: 15px
	}
}

@media ( min-width : 1025px) {
	#contents>section.search .classes>li {
		border-radius: 30px
	}
}

@media ( max-width : 1024px) {
	#contents>section.search .classes>li {
		border-radius: 15px
	}
}

@media ( max-width : 640px) {
	#contents>section.search .classes>li.case {
		margin-top: 30px;
		border: unset
	}
}

#contents>section.search footer.more {
	margin-top: 41px;
	text-align: center
}

#contents>section.search footer.more>button {
	display: inline-flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	border: 1px solid #dce0e5;
	background: #f9fafb;
	color: #66707a;
	outline: none;
}

@media ( min-width : 1025px) {
	#contents>section.search footer.more>button {
		padding: 0 12px
	}
}

@media ( max-width : 1024px) {
	#contents>section.search footer.more>button {
		padding: 0 10px
	}
}

@media ( min-width : 1025px) {
	#contents>section.search footer.more>button {
		border-radius: 16px
	}
}

@media ( max-width : 1024px) {
	#contents>section.search footer.more>button {
		border-radius: 14px
	}
}

@media ( min-width : 1025px) {
	#contents>section.search footer.more>button {
		font-size: 14px
	}
}

@media ( max-width : 1024px) {
	#contents>section.search footer.more>button {
		font-size: 12px
	}
}

@media ( min-width : 1025px) {
	#contents>section.search footer.more>button {
		line-height: 30px
	}
}

@media ( max-width : 1024px) {
	#contents>section.search footer.more>button {
		line-height: 26px
	}
}

#contents>section.search footer.more>button::after {
	content: "";
	margin-left: 7px;
	width: 10px;
	height: 10px;
	background-image: url("../images/icon/arr.svg");
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	transform: rotate(90deg)
}

#contents.push>header {
	position: relative
}

#contents.push>header>button {
	position: absolute;
	bottom: -7px;
	display: inline-block;
	padding: 0 20px;
	font-weight: 700;
	border: 1px solid #a8b3bd;
	background: #a8b3bd;
	color: #fff
}

@media ( min-width : 1025px) {
	#contents.push>header>button {
		right: 30px
	}
}

@media ( max-width : 1024px) {
	#contents.push>header>button {
		right: 15px
	}
}

@media ( min-width : 1025px) {
	#contents.push>header>button {
		height: 39px
	}
}

@media ( max-width : 1024px) {
	#contents.push>header>button {
		height: 32px
	}
}

@media ( min-width : 1025px) {
	#contents.push>header>button {
		border-radius: 20px
	}
}

@media ( max-width : 1024px) {
	#contents.push>header>button {
		border-radius: 16px
	}
}

@media ( min-width : 1025px) {
	#contents.push>header>button {
		line-height: 37px
	}
}

@media ( max-width : 1024px) {
	#contents.push>header>button {
		line-height: 30px
	}
}

@media ( min-width : 1025px) {
	#contents.push>header>button {
		font-size: 16px
	}
}

@media ( max-width : 1024px) {
	#contents.push>header>button {
		font-size: 14px
	}
}

#contents.push>header>button:disabled {
	border: 1px solid #dce0e5;
	background: #dce0e5;
	color: #fff
}

#contents.push .pushList {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	min-width: 320px;
	box-sizing: border-box;
	line-height: 1.2
}

@media ( min-width : 1025px) {
	#contents.push .pushList {
		max-width: 1340px
	}
}

@media ( max-width : 1024px) {
	#contents.push .pushList {
		max-width: 1310px
	}
}

@media ( min-width : 1025px) {
	#contents.push .pushList {
		padding-left: 30px
	}
}

@media ( max-width : 1024px) {
	#contents.push .pushList {
		padding-left: 15px
	}
}

@media ( min-width : 1025px) {
	#contents.push .pushList {
		padding-right: 30px
	}
}

@media ( max-width : 1024px) {
	#contents.push .pushList {
		padding-right: 15px
	}
}

@media ( min-width : 1025px) {
	#contents.push .pushList {
		margin-top: 30px
	}
}

@media ( max-width : 1024px) {
	#contents.push .pushList {
		margin-top: 25px
	}
}

#contents.push {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	min-width: 320px;
	box-sizing: border-box;
	line-height: 1.2
}

@media ( min-width : 1025px) {
	#contents.push {
		max-width: 1340px
	}
}

@media ( max-width : 1024px) {
	#contents.push {
		max-width: 1310px
	}
}

@media ( min-width : 1025px) {
	#contents.push {
		padding-left: 30px
	}
}

@media ( max-width : 1024px) {
	#contents.push {
		padding-left: 15px
	}
}

@media ( min-width : 1025px) {
	#contents.push {
		padding-right: 30px
	}
}

@media ( max-width : 1024px) {
	#contents.push {
		padding-right: 15px
	}
}

@media ( min-width : 1025px) {
	#contents.push {
		margin-top: 30px
	}
}

@media ( max-width : 1024px) {
	#contents.push {
		margin-top: 25px
	}
}

#contents.push .pushList>li {
	position: relative;
	border-bottom: 1px solid #dce0e5
}

#contents.push .pushList>li:first-child {
	border-top: 1px solid #000
}

#contents.push .pushList>li a {
	display: block;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: flex-start
}

@media ( min-width : 1025px) {
	#contents.push .pushList>li a {
		padding: 20px 0
	}
}

@media ( max-width : 1024px) {
	#contents.push .pushList>li a {
		padding: 15px 0
	}
}

#contents.push .pushList>li a em {
	font-weight: 600;
	color: #000
}

@media ( min-width : 1025px) {
	#contents.push .pushList>li a em {
		font-size: 18px
	}
}

@media ( max-width : 1024px) {
	#contents.push .pushList>li a em {
		font-size: 15px
	}
}

#contents.push .pushList>li a p {
	margin-top: 11px;
	color: #181a1b
}

@media ( min-width : 1025px) {
	#contents.push .pushList>li a p {
		font-size: 16px
	}
}

@media ( max-width : 1024px) {
	#contents.push .pushList>li a p {
		font-size: 14px
	}
}

#contents.push .pushList>li a date {
	margin-top: 12px;
	color: #66707a
}

@media ( min-width : 1025px) {
	#contents.push .pushList>li a date {
		font-size: 14px
	}
}

@media ( max-width : 1024px) {
	#contents.push .pushList>li a date {
		font-size: 12px
	}
}

#contents.push .pushList>li button {
	position: absolute;
	right: 0;
	color: #3b4044
}

@media ( min-width : 1025px) {
	#contents.push .pushList>li button {
		bottom: 20px
	}
}

@media ( max-width : 1024px) {
	#contents.push .pushList>li button {
		bottom: 15px
	}
}

@media ( min-width : 1025px) {
	#contents.push .pushList>li button {
		font-size: 14px
	}
}

@media ( max-width : 1024px) {
	#contents.push .pushList>li button {
		font-size: 12px
	}
}

#contents.push .pushList>li button:hover {
	text-decoration: underline
}

.mainShortcuts {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	min-width: 320px;
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
	margin-top: 20px
}

@media ( min-width : 1025px) {
	.mainShortcuts {
		max-width: 1340px
	}
}

@media ( max-width : 1024px) {
	.mainShortcuts {
		max-width: 1310px
	}
}

@media ( min-width : 1025px) {
	.mainShortcuts {
		padding-left: 30px
	}
}

@media ( max-width : 1024px) {
	.mainShortcuts {
		padding-left: 15px
	}
}

@media ( min-width : 1025px) {
	.mainShortcuts {
		padding-right: 30px
	}
}

@media ( max-width : 1024px) {
	.mainShortcuts {
		padding-right: 15px
	}
}

.mainShortcuts>section {
	position: relative;
	min-width: 0;
	border-radius: 10px
}

@media ( min-width : 1025px) {
	.mainShortcuts>section {
		width: calc(50% - 10px)
	}
}

@media ( max-width : 1024px) {
	.mainShortcuts>section {
		width: 100%
	}
}

@media ( min-width : 1025px) {
	.mainShortcuts>section {
		padding-left: 100px
	}
}

@media ( max-width : 1024px) {
	.mainShortcuts>section {
		padding-left: 80px
	}
}

.mainShortcuts>section.live {
	background: linear-gradient(90deg, rgba(230, 0, 126, 0.15) 0%,
		rgba(230, 0, 126, 0.2) 100%);
	margin: 5px;
}

.mainShortcuts>section.live h2 {
	background-image: url("../images/icon/live.svg");
	color: #e6007e
}

@media ( min-width : 1025px) {
	.mainShortcuts>section.live h2 {
		background-size: 21px
	}
}

@media ( max-width : 1024px) {
	.mainShortcuts>section.live h2 {
		background-size: 17px
	}
}

.mainShortcuts>section.live .swiper-slide a:last-child {
	border-color: #e6007e;
	background-image: url("../images/icon/arrPrimary.svg");
	color: #e6007e
}

@media ( min-width : 1025px) {
	.mainShortcuts>section.live .swiper-slide a:last-child {
		padding-left: 11px;
	}
}

.mainShortcuts>section.live .swiper-pagination-bullet {
	background: #e6007e
}

.mainShortcuts>section.live.only {
	width: 100%;
}

.mainShortcuts>section.live .swiper-pagination-bullet.swiper-pagination-bullet-active
	{
	background: #e6007e
}

.mainShortcuts>section.quiz {
	background: linear-gradient(90deg, rgba(203, 208, 255, 0.5) 0%,
		rgba(124, 137, 255, 0.3) 100%);
	margin: 5px;
}

.mainShortcuts>section.quiz.only {
	width: 100%;
}

@media ( max-width : 1024px) {
	.mainShortcuts>section.quiz {
		margin-top: 6px
	}
}

.mainShortcuts>section.quiz h2 {
	background-image: url("../images/icon/quiz.svg");
	color: blue
}

@media ( min-width : 1025px) {
	.mainShortcuts>section.quiz h2 {
		background-size: 26px
	}
}

@media ( max-width : 1024px) {
	.mainShortcuts>section.quiz h2 {
		background-size: 21px
	}
}

.mainShortcuts>section.quiz .swiper-slide a:last-child {
	border-color: #6171ff;
	background-image: url("../images/icon/arrBlue.svg");
	color: #6171ff
}

@media ( min-width : 1025px) {
	.mainShortcuts>section.quiz .swiper-slide a:last-child {
		padding-left: 16px
	}
}

.mainShortcuts>section.quiz .swiper-pagination-bullet {
	background: #6171ff
}

.mainShortcuts>section.quiz .swiper-pagination-bullet.swiper-pagination-bullet-active
	{
	background: #6171ff
}

.mainShortcuts>section h2 {
	position: absolute;
	left: 15px;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 24px;
	background-repeat: no-repeat;
	background-position: left center;
	line-height: 24px
}

@media ( min-width : 1025px) {
	.mainShortcuts>section h2 {
		padding-left: 31px
	}
}

@media ( max-width : 1024px) {
	.mainShortcuts>section h2 {
		padding-left: 26px
	}
}

@media ( min-width : 1025px) {
	.mainShortcuts>section h2 {
		font-size: 20px
	}
}

@media ( max-width : 1024px) {
	.mainShortcuts>section h2 {
		font-size: 16px
	}
}

.mainShortcuts .swiper-slide {
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: flex-start
}

@media ( min-width : 1025px) {
	.mainShortcuts .swiper-slide {
		padding: 20px 15px 20px 10px
	}
}

@media ( max-width : 1024px) {
	.mainShortcuts .swiper-slide {
		padding: 12px 15px 12px 8px
	}
}

.mainShortcuts .swiper-slide a:first-child {
	overflow: hidden;
	font-weight: 600;
	color: #181a1b;
	white-space: nowrap;
	text-overflow: ellipsis
}

@media ( min-width : 1025px) {
	.mainShortcuts .swiper-slide a:first-child {
		width: calc(100% - 130px)
	}
}

@media ( max-width : 1024px) {
	.mainShortcuts .swiper-slide a:first-child {
		width: calc(100% - 35px)
	}
}

@media ( min-width : 1025px) {
	.mainShortcuts .swiper-slide a:first-child {
		font-size: 16px
	}
}

@media ( max-width : 1024px) {
	.mainShortcuts .swiper-slide a:first-child {
		font-size: 14px
	}
}

.mainShortcuts .swiper-slide a:last-child {
	border: 1px solid;
	background-repeat: no-repeat;
	font-size: 13px;
	font-weight: 600
}

@media ( min-width : 1025px) {
	.mainShortcuts .swiper-slide a:last-child {
		width: 116px
	}
}

@media ( max-width : 1024px) {
	.mainShortcuts .swiper-slide a:last-child {
		width: 28px
	}
}

@media ( min-width : 1025px) {
	.mainShortcuts .swiper-slide a:last-child {
		border-radius: 16px
	}
}

@media ( max-width : 1024px) {
	.mainShortcuts .swiper-slide a:last-child {
		border-radius: 50%
	}
}

@media ( min-width : 1025px) {
	.mainShortcuts .swiper-slide a:last-child {
		background-position: right 10px center
	}
}

@media ( max-width : 1024px) {
	.mainShortcuts .swiper-slide a:last-child {
		background-position: center
	}
}

@media ( min-width : 1025px) {
	.mainShortcuts .swiper-slide a:last-child {
		line-height: 30px
	}
}

@media ( max-width : 1024px) {
	.mainShortcuts .swiper-slide a:last-child {
		display: inline-block;
		overflow: hidden;
		text-indent: 100%;
		white-space: nowrap;
		font-size: .5rem;
		height: 28px;
		background-size: 13px
	}
}

.mainShortcuts .pagination {
	position: absolute;
	margin-top: 0;
	margin-bottom: 0;
}

@media ( min-width : 1025px) {
	.mainShortcuts .pagination {
		left: 3px
	}
}

@media ( max-width : 1024px) {
	.mainShortcuts .pagination {
		left: 7px
	}
}

@media ( min-width : 1025px) {
	.mainShortcuts .pagination {
		bottom: 12px
	}
}

@media ( max-width : 1024px) {
	.mainShortcuts .pagination {
		bottom: 6px
	}
}

.mainShortcuts .pagination .swiper-pagination-bullet {
	z-index: 1;
	position: relative;
	margin: 0 3 px;
	width: 10px;
	height: 10px;
	border-radius: 8px
}

.mainShortcuts .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active
	{
	width: 18px
}

section.main {
	position: relative
}

@media ( min-width : 1025px) {
	section.main {
		padding-top: 40px;
		padding-bottom: 40px;
	}
}

@media ( max-width : 1024px) {
	section.main {
		padding-top: 32px;
		padding-bottom: 32px;
	}
}

section.main:nth-of-type(even) {
	background: #F6F6F6
}

section.main.must>div>header h2 {
	background-image: url("../images/main/must.svg")
}

section.main.recommend>div>header h2 {
	background-image: url("../images/main/recommend.svg")
}

section.main.continue>div>header h2 {
	background-image: url("../images/main/continue.svg")
}

section.main.channel>div>header h2 {
	background-image: url("../images/main/channel.svg")
}

section.main.contents>div>header h2 {
	background-image: url("../images/main/contents.svg")
}

section.main.popular>div>header h2 {
	background-image: url("../images/main/popular.svg")
}

section.main>div {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	min-width: 320px;
	box-sizing: border-box
}

@media ( min-width : 1025px) {
	section.main>div {
		max-width: 1340px
	}
}

@media ( max-width : 1024px) {
	section.main>div {
		max-width: 1310px
	}
}

@media ( min-width : 1025px) {
	section.main>div {
		padding-left: 30px
	}
}

@media ( max-width : 1024px) {
	section.main>div {
		padding-left: 15px
	}
}

@media ( min-width : 1025px) {
	section.main>div {
		padding-right: 30px
	}
}

@media ( max-width : 1024px) {
	section.main>div {
		padding-right: 15px
	}
}

section.main>div>header::after {
	content: "";
	display: block;
	height: 0;
	clear: both
}

@media ( min-width : 1025px) {
	section.main>div>header {
		margin-bottom: 30px
	}
}

@media ( max-width : 1024px) {
	section.main>div>header {
		margin-bottom: 20px
	}
}

@media ( min-width : 1025px) {
	section.main>div>header {
		position: relative
	}
}

section.main>div>header h2 {
	background-position: left center;
	background-repeat: no-repeat;
	line-height: 1.2;
	letter-spacing: -0.02em;
	color: #000
}

@media ( min-width : 1025px) {
	section.main>div>header h2 {
		padding-left: 56px
	}
}

@media ( max-width : 1024px) {
	section.main>div>header h2 {
		padding-left: 37px
	}
}

@media ( min-width : 1025px) {
	section.main>div>header h2 {
		background-size: 48px
	}
}

@media ( max-width : 1024px) {
	section.main>div>header h2 {
		background-size: 34px
	}
}

@media ( min-width : 1025px) {
	section.main>div>header h2 {
		font-size: 30px
	}
}

@media ( max-width : 1024px) {
	section.main>div>header h2 {
		font-size: 20px
	}
}

section.main>div>header p {
	line-height: 1.2;
	letter-spacing: -0.02em;
	color: #000
}

@media ( min-width : 1025px) {
	section.main>div>header p {
		margin-top: 14px
	}
}

@media ( max-width : 1024px) {
	section.main>div>header p {
		margin-top: 8px
	}
}

@media ( min-width : 1025px) {
	section.main>div>header p {
		font-size: 20px
	}
}

@media ( max-width : 1024px) {
	section.main>div>header p {
		font-size: 13px
	}
}

section.main>div>header a, section.main>div>header button {
	color: #66707a;
	outline: none;
}

@media ( min-width : 1025px) {
	section.main>div>header a, section.main>div>header button {
		font-size: 16px
	}
}

@media ( max-width : 1024px) {
	section.main>div>header a, section.main>div>header button {
		font-size: 12px
	}
}

section.main>div>header a {
	position: absolute
}

@media ( min-width : 1025px) {
	section.main>div>header a {
		right: 0
	}
}

@media ( max-width : 1024px) {
	section.main>div>header a {
		right: 15px
	}
}

@media ( min-width : 1025px) {
	section.main>div>header a {
		top: 10px
	}
}

@media ( max-width : 1024px) {
	section.main>div>header a {
		top: 57px
	}
}

section.main>div>header a:hover {
	text-decoration: underline
}

section.main>div>header button {
	text-decoration: underline
}

@media ( min-width : 1025px) {
	section.main>div>header button {
		position: absolute;
		right: 0
	}
}

@media ( max-width : 1024px) {
	section.main>div>header button {
		float: right;
		margin-top: 15px
	}
}

section.main .buttons {
	z-index: 2;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	height: 0;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	min-width: 320px;
	box-sizing: border-box
}

@media ( min-width : 1025px) {
	section.main .buttons {
		max-width: 1340px
	}
}

@media ( max-width : 1024px) {
	section.main .buttons {
		max-width: 1310px
	}
}

@media ( min-width : 1025px) {
	section.main .buttons {
		padding-left: 30px
	}
}

@media ( max-width : 1024px) {
	section.main .buttons {
		padding-left: 15px
	}
}

@media ( min-width : 1025px) {
	section.main .buttons {
		padding-right: 30px
	}
}

@media ( max-width : 1024px) {
	section.main .buttons {
		padding-right: 15px
	}
}

@media ( max-width : 1024px) {
	section.main .buttons {
		display: none
	}
}

section.main .buttons>button {
	z-index: 2;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	display: inline-block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	font-size: .5rem;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, .1490196078);
	background: #fff
}

section.main .buttons>button:disabled::before {
	opacity: .2
}

section.main .buttons>button.swiperPrev {
	left: 5px
}

section.main .buttons>button.swiperPrev::before {
	transform: rotate(180deg)
}

section.main .buttons>button.swiperNext {
	right: 5px
}

section.main .buttons>button::before {
	content: "";
	position: absolute !important;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 18px;
	height: 18px;
	background-image: url("../images/icon/arr.svg");
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center
}

section.main .buttons>button.swiperPrev {
	left: 10px
}

section.main .buttons>button.swiperNext {
	right: 10px
}

section.main .swiper {
	z-index: 1;
	position: relative;
}

section.main.channel .swiper {
	z-index: 1;
	position: relative;
	height: 120px;
}

@media ( max-width : 1024px) {
	section.main.must>div>header a {
		display: none
	}
}

section.main.must .swiper {
	margin-top: -5px;
	margin-bottom: -5px;
	padding-top: 5px;
	padding-bottom: 5px
}

@media ( min-width : 1025px) {
	section.main.must .swiper {
		margin-left: -5px;
		margin-right: -5px;
		padding-left: 5px;
		padding-right: 5px
	}
}

@media ( max-width : 1024px) {
	section.main.must .swiper {
		margin-left: -15px;
		margin-right: -15px;
		padding-left: 15px;
		padding-right: 5px
	}
}

section.main.must .swiper .swiper-wrapper {
	align-items: stretch
}

@media ( min-width : 1025px) {
	section.main.must .swiper .swiper-wrapper {
		width: calc(100% + 23px)
	}
}

section.main.must .swiper .swiper-slide {
	position: relative;
	height: unset;
	border-radius: 15px;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1019607843);
	background: #fff
}

@media ( min-width : 1025px) {
	section.main.must .swiper .swiper-slide {
		margin-right: 23px;
		width: calc(33.3333333333% - 11px);
		padding: 15px 15px 67px 153px;
	}
	section.main.must .swiper .swiper-slide:last-child {
		margin-right: 0
	}
}

@media ( max-width : 1024px) {
	section.main.must .swiper .swiper-slide {
		margin-right: 10px
	}
}

@media ( min-width : 1025px) {
	section.main.must .swiper .swiper-slide {
		width: calc(33.3333333333% - 23px)
	}
}

@media ( max-width : 1024px) {
	section.main.must .swiper .swiper-slide {
		width: 260px
	}
}

@media ( min-width : 1025px) {
	section.main.must .swiper .swiper-slide {
		padding: 15px 15px 50px 153px
	}
}

@media ( max-width : 1024px) {
	section.main.must .swiper .swiper-slide { //
		margin-right: 10px; //
		width: 260px;
		padding: 15px 15px 40px 140px
	}
}

@media ( min-width : 1025px) {
	section.main.must .swiper .swiper-slide:last-child {
		margin-right: 0
	}
}

section.main.must .swiper .swiper-slide .thumb {
	position: absolute;
	top: 18px;
	left: 15px;
	display: inline-block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	font-size: .5rem;
	border-radius: 10px;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .1490196078);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover
}

@media ( min-width : 1025px) {
	section.main.must .swiper .swiper-slide .thumb {
		width: 123px;
		height: 69px;
	}
}

@media ( max-width : 1024px) {
	section.main.must .swiper .swiper-slide .thumb {
		width: 96px;
		height: 54px;
	}
}

section.main.must .swiper .swiper-slide ul {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	margin-left: -5px
}

section.main.must .swiper .swiper-slide ul li {
	margin-left: 5px;
	padding: 0 6px;
	border-radius: 4px;
	font-weight: 600;
	color: #fff
}

@media ( min-width : 1025px) {
	section.main.must .swiper .swiper-slide ul li {
		line-height: 22px
	}
}

@media ( max-width : 1024px) {
	section.main.must .swiper .swiper-slide ul li {
		line-height: 18px
	}
}

@media ( min-width : 1025px) {
	section.main.must .swiper .swiper-slide ul li {
		font-size: 15px
	}
}

@media ( max-width : 1024px) {
	section.main.must .swiper .swiper-slide ul li {
		font-size: 12px
	}
}

section.main.must .swiper .swiper-slide ul li.dDay {
	background: #3b4044
}

section.main.must .swiper .swiper-slide ul li.onAir {
	background: #e6007e
}
section.main.must .swiper .swiper-slide ul li.done {
	background: #6171ff
}
section.main.must .swiper .swiper-slide ul li.notcomplete {
	background: #A0A0A0
}
section.main.must .swiper .swiper-slide>p {
	margin-top: 10px;
	font-weight: 700;
	display: block;
	display: -ms-flexbox;
	display: -moz-box;
	display: -webkit-box;
	-ms-box-align: center;
	-o-box-align: center;
	box-align: center;
	max-height: 3.6em;
	line-height: 1.2 !important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: break-spaces;
	word-break: keep-all;
	color: #000
}

@media ( min-width : 1025px) {
	section.main.must .swiper .swiper-slide>p {
		font-size: 18px
	}
}

@media ( max-width : 1024px) {
	section.main.must .swiper .swiper-slide>p {
		font-size: 14px
	}
}

section.main.must .swiper .swiper-slide>dl {
	position: absolute;
	right: 15px;
	left: 15px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center
}

@media ( min-width : 1025px) {
	section.main.must .swiper .swiper-slide>dl {
		bottom: 15px
	}
}

@media ( max-width : 1024px) {
	section.main.must .swiper .swiper-slide>dl {
		bottom: 15px
	}
}

section.main.must .swiper .swiper-slide>dl::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	height: 8px;
	border-radius: 4px;
	background: #ececec
}

@media ( min-width : 1025px) {
	section.main.must .swiper .swiper-slide>dl::before {
		right: 65px
	}
}

@media ( max-width : 1024px) {
	section.main.must .swiper .swiper-slide>dl::before {
		right: 50px
	}
}

section.main.must .swiper .swiper-slide>dl dt {
	position: relative
}

@media ( min-width : 1025px) {
	section.main.must .swiper .swiper-slide>dl dt {
		width: calc(100% - 65px)
	}
}

@media ( max-width : 1024px) {
	section.main.must .swiper .swiper-slide>dl dt {
		width: calc(100% - 50px)
	}
}

section.main.must .swiper .swiper-slide>dl dt span {
	z-index: 1;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	display: inline-block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	font-size: .5rem;
	margin: auto;
	height: 8px;
	border-radius: 4px;
	box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, .1019607843);
	background: #e6007e
}

section.main.must .swiper .swiper-slide>dl dd {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-end;
	align-items: center
}

@media ( min-width : 1025px) {
	section.main.must .swiper .swiper-slide>dl dd b {
		margin-right: 4px
	}
}

@media ( max-width : 1024px) {
	section.main.must .swiper .swiper-slide>dl dd b {
		margin-right: 3px
	}
}

@media ( min-width : 1025px) {
	section.main.must .swiper .swiper-slide>dl dd b {
		font-size: 20px
	}
}

@media ( max-width : 1024px) {
	section.main.must .swiper .swiper-slide>dl dd b {
		font-size: 16px
	}
}

section.main.must .swiper .swiper-slide>dl dd span {
	color: #181a1b
}

@media ( min-width : 1025px) {
	section.main.must .swiper .swiper-slide>dl dd span {
		font-size: 16px
	}
}

@media ( max-width : 1024px) {
	section.main.must .swiper .swiper-slide>dl dd span {
		font-size: 12px
	}
}

@media ( max-width : 1024px) {
	section.main.channel .swiper {
		margin-left: -15px;
		margin-right: -15px;
		padding-left: 15px;
		padding-right: 5px;
	}
}

section.main.channel .swiper .swiper-slide {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
	width: 90px;
	height: 90px;
}

@media ( min-width : 1025px) {
	section.main.channel .swiper .swiper-slide {
		margin-right: 30px
	}
}

@media ( max-width : 1024px) {
	section.main.channel .swiper .swiper-slide {
		margin-right: 10px
	}
}

section.main.channel .swiper .swiper-slide img {
	margin-bottom: 10px;
	width: 100%;
	border-radius: 50%;
	box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, .1019607843)
}

section.main.channel .swiper .swiper-slide b {
	font-weight: 600;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #3b4044
}

@media ( min-width : 1025px) {
	section.main.channel .swiper .swiper-slide b {
		max-width: calc(100% - 12px)
	}
}

@media ( max-width : 1024px) {
	section.main.channel .swiper .swiper-slide b {
		max-width: calc(100% - 8px)
	}
}

@media ( min-width : 1025px) {
	section.main.channel .swiper .swiper-slide b {
		font-size: 16px
	}
}

@media ( max-width : 1024px) {
	section.main.channel .swiper .swiper-slide b {
		font-size: 14px
	}
}

section.main.channel .swiper .swiper-slide span {
	display: inline-block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	font-size: .5rem;
	border-radius: 50%;
	background: #e6007e
}

@media ( min-width : 1025px) {
	section.main.channel .swiper .swiper-slide span {
		margin-left: 4px
	}
}

@media ( max-width : 1024px) {
	section.main.channel .swiper .swiper-slide span {
		margin-left: 2px
	}
}

@media ( min-width : 1025px) {
	section.main.channel .swiper .swiper-slide span {
		width: 8px
	}
}

@media ( max-width : 1024px) {
	section.main.channel .swiper .swiper-slide span {
		width: 6px
	}
}

@media ( min-width : 1025px) {
	section.main.channel .swiper .swiper-slide span {
		height: 8px
	}
}

@media ( max-width : 1024px) {
	section.main.channel .swiper .swiper-slide span {
		height: 6px
	}
}

section.main .swiper.list {
	margin-top: -5px;
	padding-top: 5px;
	margin-bottom: -60px;
	padding-bottom: 60px
}

@media ( min-width : 1025px) {
	section.main .swiper.list {
		margin-left: -5px;
		margin-right: -5px;
		padding-left: 5px;
		padding-right: 5px
	}
}

@media ( max-width : 1024px) {
	section.main .swiper.list {
		margin-left: -15px;
		margin-right: -15px;
		padding-left: 15px;
		padding-right: 5px
	}
}

section.main .swiper.list .swiper-wrapper {
	align-items: stretch
}

@media ( min-width : 1025px) {
	section.main .swiper.list .swiper-wrapper {
		width: calc(100% + 27px)
	}
}

section.main .swiper.list .swiper-slide {
	position: relative;
	height: unset;
	position: relative
}

@media ( min-width : 1025px) {
	section.main .swiper.list .swiper-slide {
		margin-right: 27px
	}
}

@media ( max-width : 1024px) {
	section.main .swiper.list .swiper-slide {
		margin-right: 10px
	}
}

@media ( min-width : 1025px) {
	section.main .swiper.list .swiper-slide {
		width: calc(25% - 27px)
	}
}

@media ( max-width : 1024px) {
	section.main .swiper.list .swiper-slide {
		width: 260px
	}
}

section.main .swiper.list .swiper-slide .thumb {
	position: relative;
	display: inline-block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	font-size: .5rem;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	border-radius: 20px;
	box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .1019607843);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center
}

section.main .swiper.list .swiper-slide .thumb .time {
	position: absolute;
	bottom: 10px;
	right: 10px;
	padding: 0 8px;
	border-radius: 12px;
	background: rgba(0, 0, 0, .7);
	text-align: center;
	text-indent: 0;
	line-height: 23px;
	font-size: 13px;
	font-weight: 700;
	color: #fff
}

@media ( min-width : 1025px) {
	#content-control-buttons {
		font-size: 14px
	}
}

@media ( max-width : 1024px) {
	#content-control-buttons {
		font-size: 12px
	}
}

#content-control-buttons>* {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	padding: 0 12px;
	background: #F6F6F6
}

@media ( min-width : 1025px) {
	#content-control-buttons>* {
		border-radius: 17px
	}
}

@media ( max-width : 1024px) {
	#content-control-buttons>* {
		border-radius: 15px
	}
}

@media ( min-width : 1025px) {
	#content-control-buttons>* {
		line-height: 33px
	}
}

@media ( max-width : 1024px) {
	#content-control-buttons>* {
		line-height: 30px
	}
}

#content-control-buttons>*.on {
	background: #000;
	color: #fff
}

#content-control-buttons .on::before {
	filter: brightness(100)
}

#content-control-buttons .like::before {
	width: 18px;
	height: 18px;
	background-image: url("../images/icon/like.svg");
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center
}

#content-control-buttons .share::before {
	width: 18px;
	height: 18px;
	background-image: url("../images/icon/share.svg");
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center
}

#content-control-buttons .save::before {
	width: 18px;
	height: 18px;
	background-image: url("../images/icon/save.svg");
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center
}

#content-control-buttons>button::before {
	content: "";
	margin-right: 4px
}

.related .list>li .subject, .contents-ul>li .subject, .channelHeader ~.tabTarget .list>li .subject,
	section.channel:not(.main)>div .swiper.list .swiper-slide .subject,
	.tabTarget.my .swiper.list .swiper-slide .subject, #contents>section.search .list>li .subject,
	section.main .swiper.list .swiper-slide .subject {
	margin-top: 16px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: flex-start
}

.related .list>li .subject a, .contents-ul>li .subject a, .channelHeader
	~.tabTarget .list>li .subject a, section.channel:not(.main)>div .swiper.list .swiper-slide .subject a,
	.tabTarget.my .swiper.list .swiper-slide .subject a, #contents>section.search .list>li .subject a,
	section.main .swiper.list .swiper-slide .subject a {
	width: calc(100% - 50px);
	font-weight: 700;
	letter-spacing: -0.01em;
	display: block;
	display: -ms-flexbox;
	display: -moz-box;
	display: -webkit-box;
	-ms-box-align: center;
	-o-box-align: center;
	box-align: center;
	max-height: 2.4em;
	line-height: 1.2 !important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: break-spaces;
	color: #000
}

@media ( min-width : 1025px) {
	.related .list>li .subject a, .contents-ul>li .subject a, .channelHeader
		~.tabTarget .list>li .subject a, section.channel:not(.main)>div .swiper.list .swiper-slide .subject a,
		.tabTarget.my .swiper.list .swiper-slide .subject a, .tabTarget.my .swiper.list .swiper-slide .subject, 
		#contents>section.search .list>li .subject a,
		section.main .swiper.list .swiper-slide .subject a {
		font-size: 18px
	}
}

@media ( max-width : 1024px) {
	.related .list>li .subject a, .contents-ul>li .subject a, .channelHeader
		~.tabTarget .list>li .subject a, section.channel:not(.main)>div .swiper.list .swiper-slide .subject a,
		.tabTarget.my .swiper.list .swiper-slide .subject a, .tabTarget.my .swiper.list .swiper-slide .subject, 
		#contents>section.search .list>li .subject a,
		section.main .swiper.list .swiper-slide .subject a {
		font-size: 14px
	}
}

#saved.tabTarget.my .swiper.list .swiper-slide .subject a {
	pointer-events: none
}

.related .list>li .subject>button, .contents-ul>li .subject>button,
	.channelHeader ~.tabTarget .list>li .subject>button, section.channel:not(.main)>div .swiper.list .swiper-slide .subject>button,
	.tabTarget.my .swiper.list .swiper-slide .subject>button, #contents>section.search .list>li .subject>button,
	section.main .swiper.list .swiper-slide .subject>button {
	display: inline-block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	font-size: .5rem;
	width: 30px;
	height: 30px;
	background-image: url("../images/icon/more.svg");
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	outline: none;
}

.related .list>li .subject>div, .contents-ul>li .subject>div,
	.channelHeader ~.tabTarget .list>li .subject>div, section.channel:not(.main)>div .swiper.list .swiper-slide .subject>div,
	.tabTarget.my .swiper.list .swiper-slide .subject>div, #contents>section.search .list>li .subject>div,
	section.main .swiper.list .swiper-slide .subject>div {
	z-index: 1;
	position: absolute;
	right: 0;
	margin-top: 30px;
	width: 120px;
	padding: 10px;
	border-radius: 10px;
	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, .1490196078);
	background: #fff;
	font-weight: 600;
	color: #181a1b
}

@media ( min-width : 1025px) {
	.related .list>li .subject>div, .contents-ul>li .subject>div,
		.channelHeader ~.tabTarget .list>li .subject>div, section.channel:not(.main)>div .swiper.list .swiper-slide .subject>div,
		.tabTarget.my .swiper.list .swiper-slide .subject>div, #contents>section.search .list>li .subject>div,
		section.main .swiper.list .swiper-slide .subject>div {
		font-size: 16px
	}
}

@media ( max-width : 1024px) {
	.related .list>li .subject>div, .contents-ul>li .subject>div,
		.channelHeader ~.tabTarget .list>li .subject>div, section.channel:not(.main)>div .swiper.list .swiper-slide .subject>div,
		.tabTarget.my .swiper.list .swiper-slide .subject>div, #contents>section.search .list>li .subject>div,
		section.main .swiper.list .swiper-slide .subject>div {
		font-size: 14px
	}
}

.related .list>li .subject>div:not(.on), .contents-ul>li .subject>div:not(.on),
	.channelHeader ~.tabTarget .list>li .subject>div:not(.on), section.channel:not(.main)>div .swiper.list .swiper-slide .subject>div:not(.on),
	.tabTarget.my .swiper.list .swiper-slide .subject>div:not(.on),
	#contents>section.search .list>li .subject>div:not(.on), section.main .swiper.list .swiper-slide .subject>div:not(.on)
	{
	display: none
}

.related .list>li .subject>div.on, .contents-ul>li .subject>div.on,
	.channelHeader ~.tabTarget .list>li .subject>div.on, section.channel:not(.main)>div .swiper.list .swiper-slide .subject>div.on,
	.tabTarget.my .swiper.list .swiper-slide .subject>div.on, #contents>section.search .list>li .subject>div.on,
	section.main .swiper.list .swiper-slide .subject>div.on {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: flex-start
}

.related .list>li .subject>div>*+*, .contents-ul>li .subject>div>*+*,
	.channelHeader ~.tabTarget .list>li .subject>div>*+*, section.channel:not(.main)>div .swiper.list .swiper-slide .subject>div>*+*,
	.tabTarget.my .swiper.list .swiper-slide .subject>div>*+*, #contents>section.search .list>li .subject>div>*+*,
	section.main .swiper.list .swiper-slide .subject>div>*+* {
	margin-top: 20px;
}

.related .list>li .subject>div>button, .contents-ul>li .subject>div>button,
	.channelHeader ~.tabTarget .list>li .subject>div>button, section.channel:not(.main)>div .swiper.list .swiper-slide .subject>div>button,
	.tabTarget.my .swiper.list .swiper-slide .subject>div>button, #contents>section.search .list>li .subject>div>button,
	section.main .swiper.list .swiper-slide .subject>div>button {
	outline: none;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 100%;
}

section.main .swiper.list .swiper-slide .name {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	margin-top: 8px;
	font-weight: 500;
	letter-spacing: -0.02em;
	line-height: 16px;
	color: #3b4044
}

@media ( min-width : 1025px) {
	section.main .swiper.list .swiper-slide .name {
		font-size: 14px
	}
}

@media ( max-width : 1024px) {
	section.main .swiper.list .swiper-slide .name {
		font-size: 12px
	}
}

section.main .swiper.list .swiper-slide .name span+span::before {
	background: #3b4044
}

section.main .swiper.list .swiper-slide .info {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	margin-top: 8px;
	line-height: 15px;
	color: #66707a
}

@media ( min-width : 1025px) {
	section.main .swiper.list .swiper-slide .info {
		font-size: 13px
	}
}

@media ( max-width : 1024px) {
	section.main .swiper.list .swiper-slide .info {
		font-size: 11px
	}
}

section.main .swiper.list .swiper-slide .info span+span::before {
	background: #dce0e5
}

@media ( min-width : 1025px) {
	section.main .swiper.list .swiper-slide:last-child {
		margin-right: 0
	}
}

section.main.must .buttons {
	top: 100px
}

section.main.continue .buttons {
	top: 0;
	bottom: 5px
}

section.main.contents .buttons, section.main.popular .buttons {
	top: 0;
	bottom: 29px
}

section.main.recommend>div {
	position: relative
}

@media ( min-width : 1025px) {
	section.main.recommend>div {
		height: 447px
	}
}

@media ( max-width : 1024px) {
	section.main.recommend>div {
		height: calc(400px + 69.49891vw)
	}
}

@media ( max-width : 1024px) {
	section.main.recommend>div {
		min-height: 642px;
		max-height: 740px
	}
}

@media ( max-width : 640px) {
	section.main.recommend>div {
		height: calc(400px + 85.49891vw)
	}
}

@media ( max-width : 640px) {
	section.main.recommend>div {
		min-height: 642px;
		max-height: 740px
	}
}

@media ( min-width : 1025px) {
	section.main.recommend>div>header button {
		top: 0;
		bottom: 37px
	}
}

section.main.recommend>div>div {
	position: absolute;
	min-width: 320px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center
}

@media ( min-width : 1025px) {
	section.main.recommend>div>div {
		left: 30px
	}
}

@media ( max-width : 1024px) {
	section.main.recommend>div>div {
		left: 15px
	}
}

@media ( min-width : 1025px) {
	section.main.recommend>div>div {
		right: 30px
	}
}

@media ( max-width : 1024px) {
	section.main.recommend>div>div {
		right: 15px
	}
}

section.main.recommend>div>div .thumb {
	position: relative;
	height: 258px
}

@media ( min-width : 1025px) {
	section.main.recommend>div>div .thumb {
		width: 459px
	}
}

@media ( max-width : 1024px) {
	section.main.recommend>div>div .thumb {
		width: 100%
	}
}

@media ( max-width : 1024px) {
	section.main.recommend>div>div .thumb {
		margin-left: auto;
		margin-right: auto;
		max-width: 459px
	}
}

@media screen and (max-width: 1024px)and (max-width: 485px) {
	section.main.recommend>div>div .thumb {
		height: 0;
		padding-bottom: 69.49891%
	}
}

section.main.recommend>div>div .thumb::before {
	z-index: 0;
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: #fbdfef
}

@media ( min-width : 1025px) {
	section.main.recommend>div>div .thumb::before {
		top: 19px
	}
}

@media ( max-width : 1024px) {
	section.main.recommend>div>div .thumb::before {
		top: 12px
	}
}

@media ( min-width : 1025px) {
	section.main.recommend>div>div .thumb::before {
		left: 16px
	}
}

@media ( max-width : 1024px) {
	section.main.recommend>div>div .thumb::before {
		left: 10px
	}
}

@media ( min-width : 1025px) {
	section.main.recommend>div>div .thumb::before {
		border-radius: 30px
	}
}

@media ( max-width : 1024px) {
	section.main.recommend>div>div .thumb::before {
		border-radius: 20px
	}
}

section.main.recommend>div>div .thumb>a {
	z-index: 1;
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, .2509803922);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	background-color: #ffffff /* transition: background-image .3s */
}

@media ( min-width : 1025px) {
	section.main.recommend>div>div .thumb>a {
		border-radius: 30px
	}
}

@media ( max-width : 1024px) {
	section.main.recommend>div>div .thumb>a {
		border-radius: 20px
	}
}

section.main.recommend>div>div .thumb>a span:not(.time) {
	position: absolute;
	left: 0;
	top: 0;
	background: #e6007e;
	font-weight: 700;
	font-size: 14px;
	text-align: center;
	color: #fff
}

@media ( min-width : 1025px) {
	section.main.recommend>div>div .thumb>a span:not(.time) {
		width: 74px
	}
}

@media ( max-width : 1024px) {
	section.main.recommend>div>div .thumb>a span:not(.time) {
		width: 64px
	}
}

@media ( min-width : 1025px) {
	section.main.recommend>div>div .thumb>a span:not(.time) {
		border-radius: 30px 0 30px 0
	}
}

@media ( max-width : 1024px) {
	section.main.recommend>div>div .thumb>a span:not(.time) {
		border-radius: 20px 0 20px 0
	}
}

@media ( min-width : 1025px) {
	section.main.recommend>div>div .thumb>a span:not(.time) {
		line-height: 32px
	}
}

@media ( max-width : 1024px) {
	section.main.recommend>div>div .thumb>a span:not(.time) {
		line-height: 28px
	}
}

section.main.recommend>div>div .thumb>a span.time {
	position: absolute;
	padding: 0 9px;
	border-radius: 12px;
	background: rgba(0, 0, 0, .7);
	line-height: 23px;
	font-weight: 700;
	font-size: 13px;
	color: #fff
}

@media ( min-width : 1025px) {
	section.main.recommend>div>div .thumb>a span.time {
		right: 13px
	}
}

@media ( max-width : 1024px) {
	section.main.recommend>div>div .thumb>a span.time {
		right: 10px
	}
}

@media ( min-width : 1025px) {
	section.main.recommend>div>div .thumb>a span.time {
		bottom: 13px
	}
}

@media ( max-width : 1024px) {
	section.main.recommend>div>div .thumb>a span.time {
		bottom: 10px
	}
}

section.main.recommend>div>div ul {
	line-height: 1.2
}

@media ( min-width : 1025px) {
	section.main.recommend>div>div ul {
		width: calc(100% - 534px);
		height: 300px;
	}
}

@media ( max-width : 1024px) {
	section.main.recommend>div>div ul {
		width: 100%;
		height: 300px;
		margin-top: 25px;
	}
}

@media ( max-width : 1024px) {
}

section.main.recommend>div>div ul>li {
	position: relative
}

@media ( min-width : 1025px) {
	section.main.recommend>div>div ul>li+li {
		margin-top: 10px
	}
}

@media ( max-width : 1024px) {
	section.main.recommend>div>div ul>li+li {
		margin-top: 6px
	}
}

section.main.recommend>div>div ul>li button {
	width: 100%;
	border-radius: 10px;
	box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, .1019607843);
	background: #fff;
	text-align: left;
	font-weight: 600;
	transition: all .3s;
	outline: none;
}

@media ( min-width : 1025px) {
	section.main.recommend>div>div ul>li button {
		padding: 17px 60px 17px 17px
	}
}

@media ( max-width : 1024px) {
	section.main.recommend>div>div ul>li button {
		padding: 10px 53px 10px 15px
	}
}

@media ( min-width : 1025px) {
	section.main.recommend>div>div ul>li button {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-between;
		align-items: center
	}
}

section.main.recommend>div>div ul>li button.selected {
	background: #e6007e
}

section.main.recommend>div>div ul>li button.selected * {
	color: #fff !important
}

section.main.recommend>div>div ul>li button.selected b {
	font-weight: 700
}

section.main.recommend>div>div ul>li button.selected p span::before {
	background: #fff
}

section.main.recommend>div>div ul>li button.selected+a {
	-moz-filter: brightness(100);
	-ms-filter: brightness(100);
	-o-filter: brightness(100);
	filter: brightness(100)
}

section.main.recommend>div>div ul>li button b {
	font-weight: 600;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

@media ( max-width : 1024px) {
	section.main.recommend>div>div ul>li button b {
		display: block;
		width: 100%
	}
}

section.main.recommend>div>div ul>li button p {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: flex-start;
	white-space: nowrap;
	letter-spacing: -0.02em;
	color: #3b4044;
}

@media ( min-width : 1025px) {
	section.main.recommend>div>div ul>li button p {
		font-size: 14px
	}
}

@media ( max-width : 1024px) {
	section.main.recommend>div>div ul>li button p {
		font-size: 12px
	}
}

@media ( min-width : 1025px) {
	section.main.recommend>div>div ul>li button p {
		margin-left: 15px
	}
}

@media ( max-width : 1024px) {
	section.main.recommend>div>div ul>li button p {
		margin-top: 5px
	}
}

section.main.recommend>div>div ul>li button p span+span {
	position: relative;
	margin-left: 16px
}

section.main.recommend>div>div ul>li button p span+span::before {
	content: "";
	position: absolute;
	left: -8px;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 1px;
	height: 12px;
	background: #66707a
}

section.main.recommend>div>div ul>li button p span+span.nonseperate {
	margin-left: 0;
}

section.main.recommend>div>div ul>li button p span+span.nonseperate::before
	{
	display: none;
	left: 0;
}

section.main.recommend>div>div ul>li a {
	position: absolute;
	top: 0;
	bottom: 0;
	display: inline-block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	font-size: .5rem;
	margin: auto
}

@media ( min-width : 1025px) {
	section.main.recommend>div>div ul>li a {
		right: 15px
	}
}

@media ( max-width : 1024px) {
	section.main.recommend>div>div ul>li a {
		right: 10px
	}
}

@media ( min-width : 1025px) {
	section.main.recommend>div>div ul>li a {
		width: 30px;
		height: 30px;
		background-image: url("../images/icon/play.svg");
		background-size: 100%;
		background-repeat: no-repeat;
		background-position: center
	}
}

@media ( max-width : 1024px) {
	section.main.recommend>div>div ul>li a {
		width: 28px;
		height: 28px;
		background-image: url("../images/icon/play.svg");
		background-size: 100%;
		background-repeat: no-repeat;
		background-position: center
	}
}

section.main.recommend>div .bullets {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	width: 100%
}

@media ( min-width : 1025px) {
	section.main.recommend>div .bullets {
		margin-top: 20px;
		padding-left: 534px;
	}
}

@media ( max-width : 1024px) {
	section.main.recommend>div .bullets {
		margin-top: 16px
	}
}

section.main.recommend>div .bullets button {
	display: inline-block;
	text-indent: 100%;
	white-space: nowrap;
	font-size: .5rem;
	height: 15px;
	width: 15px;
	border-radius: 15px
}

@media ( min-width : 1025px) {
	section.main.recommend>div .bullets button+button {
		margin-left: 4px
	}
}

@media ( max-width : 1024px) {
	section.main.recommend>div .bullets button+button {
		margin-left: 3px
	}
}

section.main.recommend>div .bullets button.selected {
	width: 18px;
	height: 18px;
	background: #e6007e;
	outline: none;
}

section.main.recommend>div .bullets button:not(.selected) {
	width: 18px;
	height: 18px;
	background: #d9d9d9;
	outline: none;
}

.contents-ul {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	min-width: 320px;
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch
}

@media ( min-width : 1025px) {
	.contents-ul {
		max-width: 1340px
	}
}

@media ( max-width : 1024px) {
	.contents-ul {
		max-width: 1310px
	}
}

@media ( min-width : 1025px) {
	.contents-ul {
		padding-left: 30px
	}
}

@media ( max-width : 1024px) {
	.contents-ul {
		padding-left: 15px
	}
}

@media ( min-width : 1025px) {
	.contents-ul {
		padding-right: 30px
	}
}

@media ( max-width : 1024px) {
	.contents-ul {
		padding-right: 15px
	}
}

@media ( max-width : 1024px) {
	.contents-ul>li {
		width: calc(50% - 5px)
	}
}

.contents-ul>li {
	position: relative
}

.contents-ul>li .thumb {
	position: relative;
	display: inline-block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	font-size: .5rem;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	border-radius: 20px;
	box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .1019607843);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center
}

.contents-ul>li .thumb .time {
	position: absolute;
	bottom: 10px;
	right: 10px;
	padding: 0 8px;
	border-radius: 12px;
	background: rgba(0, 0, 0, .7);
	text-align: center;
	text-indent: 0;
	line-height: 23px;
	font-size: 13px;
	font-weight: 700;
	color: #fff
}

.contents-ul>li .name {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	margin-top: 8px;
	font-weight: 500;
	letter-spacing: -0.02em;
	line-height: 16px;
	color: #3b4044;
	column-gap:16px;
}

.contents-ul>li .name span {
	position:relative;
}

@media ( min-width : 1025px) {
	.contents-ul>li .name {
		font-size: 14px
	}
}

@media ( max-width : 1024px) {
	.contents-ul>li .name {
		font-size: 12px
	}
}

.contents-ul>li .name span::after {
	background: #3b4044
}

.contents-ul>li .info {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	margin-top: 8px;
	line-height: 15px;
	color: #66707a;
	column-gap: 16px;
}

@media ( min-width : 1025px) {
	.contents-ul>li .info {
		font-size: 13px
	}
}

@media ( max-width : 1024px) {
	.contents-ul>li .info {
		font-size: 11px
	}
}

.contents-ul>li .info span+span::before {
	background: #dce0e5
}

@media ( min-width : 1025px) {
	.contents-ul>li {
		width: calc(25% - 21px);
		margin-top: 40px
	}
	.contents-ul>li:not(:nth-child(4n-3)) {
		margin-left: 28px
	}
}

@media ( max-width : 1024px) {
	.contents-ul>li {
		margin-top: 30px
	}
	.contents-ul>li:nth-child(even) {
		margin-left: 10px
	}
}

#contents.contents>header {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

#contents.contents>header .vi {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	width: 100%;
	background: url("../images/category/category_all_pc.png") no-repeat
		center/100%
}

@media ( min-width : 1025px) {
	#contents.contents>header .vi {
		margin-bottom: 59px;
		padding: 17px 140px;
		border-radius: 30px
	}
}

@media ( max-width : 1024px) {
	#contents.contents>header .vi {
		margin-bottom: 27px;
		padding: 5px 35px;
		border-radius: 10px;
	}
}

#contents.contents>header .vi p {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}

#contents.contents>header .vi p::before {
	content: "";
}

@media ( min-width : 1025px) {
	#contents.contents>header .vi p::before {
		width: 234px;
		height: 168px;
	}
}

@media ( max-width : 1024px) {
	#contents.contents>header .vi p::before {
		width: 25%;
		padding-bottom: 17.977564%;
		height: 0;
	}
}

@media ( min-width : 1025px) {
}

@media ( max-width : 1024px) {
}

@media ( max-width : 1024px) {
}

#contents.contents>header .vi p::after {
	content: "";
}

@media ( min-width : 1025px) {
	#contents.contents>header .vi p::after {
		width: 328px
	}
}

@media ( max-width : 1024px) {
	#contents.contents>header .vi p::after {
		width: 35%
	}
}

@media ( min-width : 1025px) {
	#contents.contents>header .vi p::after {
		height: 210px
	}
}

@media ( max-width : 1024px) {
	#contents.contents>header .vi p::after {
		height: 0
	}
}

@media ( max-width : 1024px) {
	#contents.contents>header .vi p::after {
		padding-bottom: 22.4085365%
	}
}

#contents.contents>header .vi p span {
	position: absolute;
	display: inline-block;
	width: 1px;
	height: 1px;
	margin: -1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px)
}

#video-contents {
	position: relative;
	width: 100%;
	overflow: auto;
	background: #fff;
	line-height: 1.2
}

@media ( min-width : 1025px) {
	#video-contents {
		padding: 0 20px 30px
	}
}

@media ( max-width : 1024px) {
	#video-contents {
		padding: 0 15px 20px
	}
}

@media ( min-width : 1025px) {
	#video-contents {
		/* max-width: 900px; */
		/* max-height: calc(100vh - 50px);
        max-height: calc(var(--vh, 1vh) * 100 - 50px); */
		border-radius: 30px
	}
}

@media ( max-width : 1024px) {
	#video-contents {
		/* height: calc(100vh - 0px);
        height: calc(var(--vh, 1vh) * 100 - 0px) */
		
	}
}

#video-contents>.close {
	z-index: 3;
	position: sticky;
	top: 12px;
	float: right;
	display: inline-block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	font-size: .5rem
}

@media ( min-width : 1025px) {
	#video-contents>.close {
		width: 32px;
		height: 32px;
		background-image: url("../images/icon/close3.svg");
		background-size: 100%;
		background-repeat: no-repeat;
		background-position: center
	}
}

@media ( max-width : 1024px) {
	#video-contents>.close {
		width: 26px;
		height: 26px;
		background-image: url("../images/icon/close3.svg");
		background-size: 100%;
		background-repeat: no-repeat;
		background-position: center
	}
}

#video-contents .vod {
	z-index: 2;
	position: sticky;
	top: 0
}

@media ( min-width : 1025px) {
	#video-contents .vod {
		margin-left: -20px
	}
}

@media ( max-width : 1024px) {
	#video-contents .vod {
		margin-left: -15px
	}
}

@media ( min-width : 1025px) {
	#video-contents .vod {
		margin-right: -20px
	}
}

@media ( max-width : 1024px) {
	#video-contents .vod {
		margin-right: -15px
	}
}

#video-contents>header {
	position: relative;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	padding-top: 20px
}

#video-contents>header h2 {
	width: calc(100% - 50px);
	font-weight: 700;
	color: #000;
	height: 50px;
	align-content: center;
}

@media ( min-width : 1025px) {
	#video-contents>header h2 {
		font-size: 20px
	}
}

@media ( max-width : 1024px) {
	#video-contents>header h2 {
		font-size: 20px
	}
}

#video-contents>header>button {
	display: inline-block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	font-size: .5rem;
	width: 30px;
	height: 30px;
	background-image: url("../images/icon/more.svg");
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center
}

#video-contents>header>#video-contents-buttons>div {
	width: 100%;
}

#video-contents>header div {
	z-index: 1;
	position: absolute;
	right: 0;
	margin-top: 130px;
	width: 120px;
	padding: 15px;
	border-radius: 10px;
	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1490196078);
	background: #fff;
	font-weight: 600;
	color: #181a1b;
}

@media ( min-width : 1025px) {
	#video-contents>header div {
		font-size: 16px;
		display: flex;
	}
}

@media ( max-width : 1024px) {
	#video-contents>header div {
		font-size: 14px;
		display: flex;
	}
}

#video-contents>header div.on {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: flex-start
}

#video-contents>header div:not(.on) {
	display: none
}

#video-contents>header div>*+* {
	margin-top: 20px
}

#video-contents>.info {
	position: relative;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: flex-start;
}

@media ( min-width : 1025px) {
	#video-contents>.info {
		height: 60px;
		padding-left: 70px
	}
	#video-contents>.info img {
		width: 60px;
		height: 60px;
	}
	#video-contents>.info div:first-of-type {
		font-size: 16px
	}
}

@media ( max-width : 1024px) {
	#video-contents>.info {
		height: 45px;
		/* padding-left: 55px; */
	}
	#video-contents>.info img {
		width: 45px;
		height: 45px;
	}
	#video-contents>.info div:first-of-type {
		font-size: 12px
	}
}

#video-contents>.info img {
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 50%;
	display: none;
}

#video-contents>.info>div {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	container-name: video-contents-div;
	container-type: inline-size;
	width: 100%;
	column-gap: 8px;
}

#video-contents>.info>div>div {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: flex-start;
}

@container video-contents-div (min-height:20px) {span + span { font-size:20px;
	
}

}
#video-contents>.info>div:first-of-type>div {
	color: #3b4044;
	display: flex;
	gap: 10px;
}

#video-contents>.info div:first-of-type span::after {
	background: #3b4044
}

/* #video-contents>.info div:last-of-type {
    color: #66707a
}

@media(min-width: 1025px) {
    #video-contents>.info div:last-of-type {
        margin-top: 8px
    }
}

@media(max-width: 1024px) {
    #video-contents>.info div:last-of-type {
        margin-top: 6px
    }
}

@media(min-width: 1025px) {
    #video-contents>.info div:last-of-type {
        font-size: 14px
    }
}

@media(max-width: 1024px) {
    #video-contents>.info div:last-of-type {
        font-size: 11px
    }
}

#video-contents>.info div:last-of-type span+span::before {
    background: #66707a
} */

#video-contents>.info div span {
	position: relative;
	margin-left: 8px;
	display: flex;
	gap: 8px;
}

#video-contents>.info div span::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: -8px;
	margin: auto;
	width: 1px;
	height: 12px
}

#video-contents>.info *:last-child > span:last-of-type::after {
	display: none !important;
}

#video-contents>.info div:first-of-type span+span.nonseperate::before {
	display: none;
	left: 0;
}

#video-contents>.info div:first-of-type span+span.nonseperate {
	margin-left: 0;
}

#video-contents>.info div:first-of-type span:nth-child(4),
	#video-contents>.info div:first-of-type span:nth-child(5) {
	color: #66707a
}

#video-contents .buttons {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	font-weight: 600;
	color: #3b4044
}

@media ( min-width : 1025px) {
	#video-contents .buttons {
		font-size: 14px
	}
}

@media ( max-width : 1024px) {
	#video-contents .buttons {
		font-size: 12px
	}
}

#video-contents .buttons .share-popup {
	display: block;
	position: absolute;
	top: 145px;
	left: 50px;
	background: none;
	line-height: 0px;
}

.share-popup .player-share {
	width: 100%;
}

.share-popup .player-share li {
	width: 100%; 
	margin-bottom: 5px;
}

.share-popup .player-share input {
	width: 100%;
	text-align: left;
}

#video-contents .buttons>* {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	padding: 0 12px;
	background: #f9fafb;
	outline: none;
}

@media ( min-width : 1025px) {
	#video-contents .buttons>* {
		border-radius: 17px;
		line-height: 33px;
	}
}

@media ( max-width : 1024px) {
	#video-contents .buttons>* {
		border-radius: 15px;
		line-height: 30px;
	}
}

#video-contents .buttons>*+* {
	margin-left: 5px
}

#video-contents .buttons>*.on {
	background: #000;
	color: #fff
}

#video-contents .buttons>*.on::before {
	filter: brightness(100)
}

#video-contents .buttons>*.like::before {
	width: 18px;
	height: 18px;
	background-image: url("../images/icon/like.svg");
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center
}

#video-contents .buttons>*.share::before {
	width: 18px;
	height: 18px;
	background-image: url("../images/icon/share.svg");
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center
}

#video-contents .buttons>*.save::before {
	width: 18px;
	height: 18px;
	background-image: url("../images/icon/save.svg");
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center
}

#video-contents .buttons>*::before {
	content: "";
	margin-right: 4px
}

#video-contents .desc {
	margin-top: 20px;
	padding: 20px;
	border-radius: 20px;
	background: #F6F6F6;
	color: #181a1b
}

@media ( min-width : 1025px) {
	#video-contents .desc {
		font-size: 16px
	}
}

@media ( max-width : 1024px) {
	#video-contents .desc {
		font-size: 14px
	}
}

#video-contents .desc>button {
	color: #66707a
}

#video-contents .reply {
	padding-bottom: 20px;
	border-bottom: 1px solid #dce0e5
}

@media ( min-width : 1025px) {
	#video-contents .reply {
		margin-top: 20px
	}
}

@media ( max-width : 1024px) {
	#video-contents .reply {
		margin-top: 25px
	}
}

#video-contents .reply>header {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center
}

#video-contents .reply>header h3 {
	color: #000
}

@media ( min-width : 1025px) {
	#video-contents .reply>header h3 {
		font-size: 20px
	}
}

@media ( max-width : 1024px) {
	#video-contents .reply>header h3 {
		font-size: 16px
	}
}

#video-contents .reply>header h3 em {
	color: #e6007e
}

#video-contents .reply>header ul {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	font-weight: 600
}

@media ( min-width : 1025px) {
	#video-contents .reply>header ul {
		font-size: 16px
	}
}

@media ( max-width : 1024px) {
	#video-contents .reply>header ul {
		font-size: 14px
	}
}

#video-contents .reply>header ul li+li {
	position: relative;
	margin-left: 20px;
	padding-left: 20px
}

#video-contents .reply>header ul li+li::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 1px;
	height: 12px;
	background: #a8b3bd
}

#video-contents .reply>header ul button.selected {
	color: #e6007e
}

#video-contents .reply>header ul button:not(.selected) {
	color: #181a1b
}

#video-contents .reply .write {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	margin-top: 22px;
	padding-bottom: 5px
}

#video-contents .reply .write.nestedcomment {
	margin-top: 5px;
}

#video-contents .reply .write>div {
	position: relative;
	margin-bottom: 20px;
	width: 100%
}

@media ( min-width : 1025px) {
	#video-contents .reply .write>div {
		font-size: 18px
	}
}

@media ( max-width : 1024px) {
	#video-contents .reply .write>div {
		font-size: 14px
	}
}

#video-contents .reply .write>div input {
	width: 100%;
	border: 1px solid #a8b3bd;
	font-weight: 600
}

@media ( min-width : 1025px) {
	#video-contents .reply .write>div input {
		height: 56px
	}
}

@media ( max-width : 1024px) {
	#video-contents .reply .write>div input {
		height: 42px
	}
}

@media ( min-width : 1025px) {
	#video-contents .reply .write>div input {
		padding: 0 70px 0 20px
	}
}

@media ( max-width : 1024px) {
	#video-contents .reply .write>div input {
		padding: 0 50px 0 12px
	}
}

@media ( min-width : 1025px) {
	#video-contents .reply .write>div input {
		border-radius: 15px
	}
}

@media ( max-width : 1024px) {
	#video-contents .reply .write>div input {
		border-radius: 10px
	}
}

#video-contents .reply .write>div input:focus {
	border-color: #e6007e;
	outline: none
}

#video-contents .reply .write>div button {
	position: absolute;
	top: 0;
	font-weight: 700;
	color: #e6007e
}

#video-contents .reply .write>div button {
	outline: none;
}

@media ( min-width : 1025px) {
	#video-contents .reply .write>div button {
		right: 20px;
		line-height: 54px;
	}
}

@media ( max-width : 1024px) {
	#video-contents .reply .write>div button {
		right: 12px;
		line-height: 41px;
	}
}

#video-contents .reply .write .check {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	font-size: 14px;
	color: #66707a
}

#video-contents .reply .write .check+.check {
	margin-left: 30px
}

#video-contents .reply .write .check span {
	padding-left: 10px
}

#video-contents .reply .list {
	line-height: 1.2
}

#video-contents .reply .list .reply-buttons {
	margin: 10px 0;
}

#video-contents .reply .list li {
	position: relative;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: flex-start;
	border-bottom: 1px solid #dce0e5;
}

@media ( min-width : 1025px) {
	#video-contents .reply .list li {
		padding-left: 60px
	}
}

@media ( max-width : 1024px) {
	#video-contents .reply .list li {
		padding-left: 45px
	}
}

#video-contents .reply .list>li {
	margin-top: 10px
}

#video-contents .reply .list>li.reply {
	margin-left: 35px;
	padding-bottom: 10px;
}

#video-contents .reply .list>li li {
	margin-top: 20px
}

#video-contents .reply .list .img {
	position: absolute;
	left: 0;
	top: 0;
	display: inline-block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	font-size: .5rem;
	border-radius: 50%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover
}

@media ( min-width : 1025px) {
	#video-contents .reply .list .img {
		width: 50px
	}
}

@media ( max-width : 1024px) {
	#video-contents .reply .list .img {
		width: 36px
	}
}

@media ( min-width : 1025px) {
	#video-contents .reply .list .img {
		height: 50px
	}
}

@media ( max-width : 1024px) {
	#video-contents .reply .list .img {
		height: 36px
	}
}

#video-contents .reply .list .name {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center
}

@media ( min-width : 1025px) {
	#video-contents .reply .list .name {
		font-size: 14px
	}
}

@media ( max-width : 1024px) {
	#video-contents .reply .list .name {
		font-size: 13px
	}
}

#video-contents .reply .list .name strong {
	color: #3b4044
}

#video-contents .reply .list .name span {
	color: #66707a
}

#video-contents .reply .list .name>*+* {
	margin-left: 8px
}

#video-contents .reply .list p {
	margin-top: 8px;
	color: #181a1b
}

@media ( min-width : 1025px) {
	#video-contents .reply .list p {
		font-size: 16px
	}
}

@media ( max-width : 1024px) {
	#video-contents .reply .list p {
		font-size: 14px
	}
}

#video-contents .reply .list .like {
	display: flex;
	width: 100%;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	margin-top: 8px;
	color: #66707a;
}

@media ( min-width : 1025px) {
	#video-contents .reply .list .like {
		font-size: 14px
	}
}

@media ( max-width : 1024px) {
	#video-contents .reply .list .like {
		font-size: 13px
	}
}

#video-contents .reply .list .like.on::before {
	width: 18px;
	height: 18px;
	background-image: url("../images/icon/like3.svg");
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center
}

#video-contents .reply .list .like::before {
	content: "";
	margin-right: 5px;
	width: 18px;
	height: 18px;
	background-image: url("../images/icon/like2.svg");
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center
}

#video-contents .reply .list button.re {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	margin-top: 15px
}

@media ( min-width : 1025px) {
	#video-contents .reply .list button.re {
		font-size: 14px
	}
}

@media ( max-width : 1024px) {
	#video-contents .reply .list button.re {
		font-size: 13px
	}
}

#video-contents .reply .list button.re::before {
	content: "";
	margin-right: 5px;
	width: 18px;
	height: 18px;
	background-image: url("../images/icon/arr2.svg");
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center
}

#video-contents .reply .list button.re:not(.on)::before {
	transform: rotate(180deg)
}

#video-contents .reply .list button.re b {
	color: #6171ff
}

#video-contents .reply .list button.re span {
	margin-left: 8px;
	color: #66707a
}

#video-contents .reply .list button.re:not(.on)+.re {
	display: none
}

#video-contents .reply .list div.re>button {
	margin-top: 18px;
	font-weight: 700;
	color: #66707a
}

@media ( min-width : 1025px) {
	#video-contents .reply .list div.re>button {
		margin-left: 60px
	}
}

@media ( max-width : 1024px) {
	#video-contents .reply .list div.re>button {
		margin-left: 45px
	}
}

@media ( min-width : 1025px) {
	#video-contents .reply .list div.re>button {
		font-size: 14px
	}
}

@media ( max-width : 1024px) {
	#video-contents .reply .list div.re>button {
		font-size: 13px
	}
}

#video-contents .reply .more {
	margin-top: 27px;
	text-align: center
}

#video-contents .reply .more>* {
	display: inline-flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	border: 1px solid #dce0e5;
	background: #f9fafb;
	color: #66707a;
	outline: none;
}

@media ( min-width : 1025px) {
	#video-contents .reply .more>* {
		padding: 0 12px
	}
}

@media ( max-width : 1024px) {
	#video-contents .reply .more>* {
		padding: 0 10px
	}
}

@media ( min-width : 1025px) {
	#video-contents .reply .more>* {
		border-radius: 16px
	}
}

@media ( max-width : 1024px) {
	#video-contents .reply .more>* {
		border-radius: 14px
	}
}

@media ( min-width : 1025px) {
	#video-contents .reply .more>* {
		font-size: 14px
	}
}

@media ( max-width : 1024px) {
	#video-contents .reply .more>* {
		font-size: 12px
	}
}

@media ( min-width : 1025px) {
	#video-contents .reply .more>* {
		line-height: 30px
	}
}

@media ( max-width : 1024px) {
	#video-contents .reply .more>* {
		line-height: 26px
	}
}

#video-contents .reply .more #comment-more-view::after {
	content: "";
	margin-left: 7px;
	width: 10px;
	height: 10px;
	background-image: url("../images/icon/arr.svg");
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	transform: rotate(90deg)
}

#video-contents .reply .more #comment-close-view::after {
	content: "";
	margin-left: 7px;
	width: 10px;
	height: 10px;
	background-image: url("../images/icon/arr.svg");
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	transform: rotate(-90deg)
}

@media ( min-width : 1025px) {
	.related {
		margin-top: 45px;
		padding-left: 20px;
		padding-right: 20px;
	}
}

@media ( max-width : 1024px) {
	.related {
		margin-top: 30px;
		padding: 0 20px 30px;
	}
}

.related h3 {
	color: #000
}

@media ( min-width : 1025px) {
	.related h3 {
		font-size: 20px
	}
}

@media ( max-width : 1024px) {
	.related h3 {
		font-size: 20px;
	}
}

.related p.empty {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	height: 150px;
	color: #a8b3bd
}

@media ( min-width : 1025px) {
	.related p.empty {
		font-size: 18px
	}
}

@media ( max-width : 1024px) {
	.related p.empty {
		font-size: 14px
	}
}

.related .list {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	min-width: 320px;
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch
}

@media ( min-width : 1025px) {
	.related .list {
		max-width: 1340px
	}
}

@media ( max-width : 1024px) {
	.related .list {
		max-width: 1310px
	}
}

@media ( min-width : 1025px) {
	.related .list {
		padding-left: 30px
	}
}

@media ( max-width : 1024px) {
	.related .list {
		/* padding-left: 15px */
		
	}
}

@media ( min-width : 1025px) {
	.related .list {
		padding-right: 30px
	}
}

@media ( max-width : 1024px) {
	.related .list {
		/* padding-right: 15px */
		
	}
}

@media ( min-width : 1025px) {
	.related .list.case2 {
		padding-left: 0;
		padding-right: 0
	}
	.related .list.case2>li {
		margin-top: 30px;
		width: calc(33.3333333333% - 12px)
	}
	.related .list.case2>li:not(:nth-child(4n-3)) {
		margin-left: unset
	}
	.related .list.case2>li:not(:nth-child(3n-2)) {
		margin-left: 18px
	}
}

@media ( max-width : 1024px) {
	.related .list>li {
		width: calc(50% - 5px)
	}
}

@media ( max-width : 640px) {
	.related .list.case>li {
		margin-left: 0 !important;
		width: 100%
	}
}

.related .list>li {
	position: relative
}

.related .list>li .thumb {
	position: relative;
	display: inline-block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	font-size: .5rem;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	border-radius: 20px;
	box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .1019607843);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center
}

.related .list>li .thumb .time {
	position: absolute;
	bottom: 10px;
	right: 10px;
	padding: 0 8px;
	border-radius: 12px;
	background: rgba(0, 0, 0, .7);
	text-align: center;
	text-indent: 0;
	line-height: 23px;
	font-size: 13px;
	font-weight: 700;
	color: #fff
}

.related .list>li span+span {
	position: relative;
	margin-left: 8px;
	padding-left: 8px;
}

.related .list>li .name span+span {
	/*    color : #ec008c */
	
}

.related .list>li span+span::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	height: 12px;
	width: 1px
}

.related .list>li .name {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	margin-top: 8px;
	font-weight: 600;
	letter-spacing: -0.02em;
	line-height: 16px;
	color: #3b4044
}

@media ( min-width : 1025px) {
	.related .list>li .name {
		font-size: 14px
	}
}

@media ( max-width : 1024px) {
	.related .list>li .name {
		font-size: 12px
	}
}

.related .list>li .name span+span::before {
	background: #3b4044
}

.related .list>li .name span+span.nonseperate::before {
	display: none;
	left: 0;
}

.related .list>li .name span+span.nonseperate {
	margin-left: 0;
	padding-left: 0;
}

.related .list>li .info {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	margin-top: 8px;
	line-height: 15px;
	color: #66707a
}

@media ( min-width : 1025px) {
	.related .list>li .info {
		font-size: 13px
	}
}

@media ( max-width : 1024px) {
	.related .list>li .info {
		font-size: 11px
	}
}

.related .list>li .info span+span::before {
	background: #dce0e5
}

@media ( min-width : 1025px) {
	.related .list>li {
		margin-top: 40px
	}
}

@media ( max-width : 1024px) {
	.related .list>li {
		margin-top: 30px
	}
}

@media ( min-width : 1025px) {
	.related .list>li {
		width: calc(25% - 21px)
	}
	.related .list>li:not(:nth-child(4n-3)) {
		margin-left: 28px
	}
}

@media ( max-width : 1024px) {
	.related .list>li:nth-child(even) {
		margin-left: 10px
	}
}

section.channel:not(.main) {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	min-width: 320px;
	box-sizing: border-box
}

@media ( min-width : 1025px) {
	section.channel:not(.main) {
		max-width: 1340px
	}
}

@media ( max-width : 1024px) {
	section.channel:not(.main) {
		max-width: 1310px
	}
}

@media ( min-width : 1025px) {
	section.channel:not(.main) {
		padding-left: 30px
	}
}

@media ( max-width : 1024px) {
	section.channel:not(.main) {
		padding-left: 15px
	}
}

@media ( max-width : 640px) {
	section.channel:not(.main) {
		padding-left: 0px
	}
}

@media ( min-width : 1025px) {
	section.channel:not(.main) {
		padding-right: 30px
	}
}

@media ( max-width : 1024px) {
	section.channel:not(.main) {
		padding-right: 15px
	}
}

@media ( max-width : 640px) {
	section.channel:not(.main) {
		padding-right: 0px
	}
}

@media ( min-width : 1025px) {
	section.channel:not(.main):first-of-type {
		margin-top: 40px
	}
}

@media ( max-width : 1024px) {
	section.channel:not(.main):first-of-type {
		margin-top: 20px
	}
}

@media ( min-width : 1025px) {
	section.channel:not(.main):not(:first-of-type) {
		margin-top: 100px
	}
}

@media ( max-width : 1024px) {
	section.channel:not(.main):not(:first-of-type) {
		margin-top: 50px
	}
}

section.channel:not(.main)>header {
	position: relative;
	line-height: 1.2
}
section.channel:not(.main)>header>div{
	margin-top: 10px;	
}
@media ( max-width : 1024px) {
	section.channel:not(.main)>header>div{
		margin-top: 5px;	
		margin-left: 86px;
		font-size: 12px;
	}
}
section.channel:not(.main)>header:not(.case) {
	border: 1px solid #dce0e5;
	background: #f9fafb
}

@media ( min-width : 1025px) {
	section.channel:not(.main)>header:not(.case) {
		padding: 35px 200px 35px 180px;
		background-color: #fff
	}
}

@media ( max-width : 1024px) {
	section.channel:not(.main)>header:not(.case) {
		padding: 15px 15px 62px 15px;
		background-color: #fff
	}
}

@media ( min-width : 1025px) {
	section.channel:not(.main)>header:not(.case) {
		border-radius: 30px
	}
}

@media ( max-width : 1024px) {
	section.channel:not(.main)>header:not(.case) {
		border-radius: 15px
	}
}

@media ( min-width : 1025px) {
	section.channel:not(.main)>header.case {
		padding: 0 150px
	}
}

@media ( max-width : 1024px) {
	section.channel:not(.main)>header.case {
		padding: 0 0 50px 0
	}
}

section.channel:not(.main)>header.case img {
	top: 0 !important;
	left: 0 !important
}

section.channel:not(.main)>header.case>button {
	right: 0 !important;
	bottom: 0 !important
}

section.channel:not(.main)>header img {
	position: absolute;
	margin: auto;
	border-radius: 50%;
	box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, .1019607843)
}

@media ( min-width : 1025px) {
	section.channel:not(.main)>header img {
		top: 0
	}
}

@media ( max-width : 1024px) {
	section.channel:not(.main)>header img {
		top: 15px
	}
}

@media ( min-width : 1025px) {
	section.channel:not(.main)>header img {
		left: 30px
	}
}

@media ( max-width : 1024px) {
	section.channel:not(.main)>header img {
		left: 15px
	}
}

@media ( min-width : 1025px) {
	section.channel:not(.main)>header img {
		bottom: 0
	}
}

@media ( min-width : 1025px) {
	section.channel:not(.main)>header img {
		width: 120px
	}
}

@media ( max-width : 1024px) {
	section.channel:not(.main)>header img {
		width: 76px
	}
}

@media ( min-width : 1025px) {
	section.channel:not(.main)>header img {
		height: 120px
	}
}

@media ( max-width : 1024px) {
	section.channel:not(.main)>header img {
		height: 76px
	}
}

section.channel:not(.main)>header a+a, section.channel:not(.main)>header a+h2
	{
	font-weight: 700;
	color: #000
}

@media ( min-width : 1025px) {
	section.channel:not(.main)>header a+a, section.channel:not(.main)>header a+h2
		{
		font-size: 24px
	}
}

@media ( max-width : 1024px) {
	section.channel:not(.main)>header a+a, section.channel:not(.main)>header a+h2
		{
		font-size: 16px
	}
}

@media ( max-width : 1024px) {
	section.channel:not(.main)>header a+a, section.channel:not(.main)>header a+h2
		{
		margin-left: 86px
	}
}

section.channel:not(.main)>header>span {
	display: block
}

@media ( min-width : 1025px) {
	section.channel:not(.main)>header>span {
		margin-top: 10px
	}
}

@media ( max-width : 1024px) {
	section.channel:not(.main)>header>span {
		margin-top: 5px
	}
}

@media ( min-width : 1025px) {
	section.channel:not(.main)>header>span {
		font-size: 16px
	}
}

@media ( max-width : 1024px) {
	section.channel:not(.main)>header>span {
		font-size: 12px
	}
}

@media ( max-width : 1024px) {
	section.channel:not(.main)>header>span {
		margin-left: 86px
	}
}

section.channel:not(.main)>header ul {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start
}

@media ( min-width : 1025px) {
	section.channel:not(.main)>header ul {
		margin-left: -40px
	}
}

@media ( max-width : 1024px) {
	section.channel:not(.main)>header ul {
		margin-left: 72px
	}
}

section.channel:not(.main)>header ul li {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
}

@media ( min-width : 1025px) {
	section.channel:not(.main)>header ul li {
		margin-top: 10px
	}
}

@media ( max-width : 1024px) {
	section.channel:not(.main)>header ul li {
		margin-top: 5px
	}
}

@media ( min-width : 1025px) {
	section.channel:not(.main)>header ul li {
		margin-left: 40px
	}
}

@media ( max-width : 1024px) {
	section.channel:not(.main)>header ul li {
		margin-left: 14px
	}
}

@media ( min-width : 1025px) {
	section.channel:not(.main)>header ul li {
		font-size: 16px
	}
}

@media ( max-width : 1024px) {
	section.channel:not(.main)>header ul li {
		font-size: 12px
	}
}

@media ( max-width : 1024px) {
	section.channel:not(.main)>header ul li:last-child {
		width: 100%
	}
}

section.channel:not(.main)>header ul li span {
	font-weight: 600;
	color: #66707a;
}

section.channel:not(.main)>header ul li b {
	padding-left: .4em;
	font-weight: 600;
	color: #66707a;
}

section.channel:not(.main)>header>p {
	word-break: keep-all;
	color: #66707a
}

@media ( min-width : 1025px) {
	section.channel:not(.main)>header>p {
		margin-top: 13px
	}
}

@media ( max-width : 1024px) {
	section.channel:not(.main)>header>p {
		margin-top: 20px
	}
}

@media ( min-width : 1025px) {
	section.channel:not(.main)>header>p {
		font-size: 16px
	}
}

@media ( max-width : 1024px) {
	section.channel:not(.main)>header>p {
		font-size: 14px
	}
}

section.channel:not(.main)>header>button {
	position: absolute;
	margin: auto
}

@media ( min-width : 1025px) {
	section.channel:not(.main)>header>button {
		right: 52px
	}
}

@media ( max-width : 1024px) {
	section.channel:not(.main)>header>button {
		right: 12px
	}
}

@media ( min-width : 1025px) {
	section.channel:not(.main)>header>button {
		bottom: 0
	}
}

@media ( max-width : 1024px) {
	section.channel:not(.main)>header>button {
		bottom: 12px
	}
}

@media ( min-width : 1025px) {
	section.channel:not(.main)>header>button {
		top: 0
	}
}

section.channel:not(.main)>header>button.subscribe {
	display: inline-block;
	font-weight: 700;
	border: 1px solid #e6007e;
	background: #e6007e;
	color: #fff;
	outline: none;
}

@media ( min-width : 1025px) {
	section.channel:not(.main)>header>button.subscribe {
		height: 49px
	}
}

@media ( max-width : 1024px) {
	section.channel:not(.main)>header>button.subscribe {
		height: 36px
	}
}

@media ( min-width : 1025px) {
	section.channel:not(.main)>header>button.subscribe {
		padding: 0 35px
	}
}

@media ( max-width : 1024px) {
	section.channel:not(.main)>header>button.subscribe {
		padding: 0 25px
	}
}

@media ( min-width : 1025px) {
	section.channel:not(.main)>header>button.subscribe {
		border-radius: 25px
	}
}

@media ( max-width : 1024px) {
	section.channel:not(.main)>header>button.subscribe {
		border-radius: 18px
	}
}

@media ( min-width : 1025px) {
	section.channel:not(.main)>header>button.subscribe {
		line-height: 47px
	}
}

@media ( max-width : 1024px) {
	section.channel:not(.main)>header>button.subscribe {
		line-height: 34px
	}
}

@media ( min-width : 1025px) {
	section.channel:not(.main)>header>button.subscribe {
		font-size: 16px
	}
}

@media ( max-width : 1024px) {
	section.channel:not(.main)>header>button.subscribe {
		font-size: 14px
	}
}

section.channel:not(.main)>header>button.subscribe:disabled {
	border: 1px solid #dce0e5;
	background: #dce0e5;
	color: #fff
}

section.channel:not(.main)>header>button.subscribing {
	display: inline-block;
	font-weight: 700;
	border: 1px solid #a8b3bd;
	background: rgba(0, 0, 0, 0);
	color: #3b4044;
	outline: none;
}

@media ( min-width : 1025px) {
	section.channel:not(.main)>header>button.subscribing {
		height: 49px
	}
}

@media ( max-width : 1024px) {
	section.channel:not(.main)>header>button.subscribing {
		height: 36px
	}
}

@media ( min-width : 1025px) {
	section.channel:not(.main)>header>button.subscribing {
		padding: 0 35px
	}
}

@media ( max-width : 1024px) {
	section.channel:not(.main)>header>button.subscribing {
		padding: 0 25px
	}
}

@media ( min-width : 1025px) {
	section.channel:not(.main)>header>button.subscribing {
		border-radius: 25px
	}
}

@media ( max-width : 1024px) {
	section.channel:not(.main)>header>button.subscribing {
		border-radius: 18px
	}
}

@media ( min-width : 1025px) {
	section.channel:not(.main)>header>button.subscribing {
		line-height: 47px
	}
}

@media ( max-width : 1024px) {
	section.channel:not(.main)>header>button.subscribing {
		line-height: 34px
	}
}

@media ( min-width : 1025px) {
	section.channel:not(.main)>header>button.subscribing {
		font-size: 16px
	}
}

@media ( max-width : 1024px) {
	section.channel:not(.main)>header>button.subscribing {
		font-size: 14px
	}
}

section.channel:not(.main)>header>button.subscribing:disabled {
	border: 1px solid #dce0e5;
	background: #dce0e5;
	color: #fff
}

section.channel:not(.main)>div {
	position: relative
}

section.channel:not(.main)>div .swiper.list {
	margin-bottom: -60px;
	padding-bottom: 60px
}

@media ( min-width : 1025px) {
	section.channel:not(.main)>div .swiper.list {
		margin-top: 25px
	}
}

@media ( max-width : 1024px) {
	section.channel:not(.main)>div .swiper.list {
		margin-top: 18px
	}
}

@media ( max-width : 1024px) {
	section.channel:not(.main)>div .swiper.list {
		margin-left: -15px;
		margin-right: -15px;
		padding-left: 15px;
		padding-right: 5px
	}
}

@media ( min-width : 1025px) {
	section.channel:not(.main)>div .swiper.list .swiper-wrapper {
		width: calc(100% + 27px)
	}
}

section.channel:not(.main)>div .swiper.list .swiper-slide {
	position: relative;
	height: unset;
	position: relative
}

@media ( min-width : 1025px) {
	section.channel:not(.main)>div .swiper.list .swiper-slide {
		margin-right: 27px
	}
}

@media ( max-width : 1024px) {
	section.channel:not(.main)>div .swiper.list .swiper-slide {
		margin-right: 10px
	}
}

@media ( min-width : 1025px) {
	section.channel:not(.main)>div .swiper.list .swiper-slide {
		width: calc(25% - 27px)
	}
}

@media ( max-width : 1024px) {
	section.channel:not(.main)>div .swiper.list .swiper-slide {
		width: calc(50% - 10px)
	}
}

@media ( max-width : 1024px) {
	section.channel:not(.main)>div .swiper.list .swiper-slide {
		max-width: 260px
	}
}

section.channel:not(.main)>div .swiper.list .swiper-slide .thumb {
	position: relative;
	display: inline-block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	font-size: .5rem;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	border-radius: 20px;
	box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .1019607843);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center
}

section.channel:not(.main)>div .swiper.list .swiper-slide .thumb .time {
	position: absolute;
	bottom: 10px;
	right: 10px;
	padding: 0 8px;
	border-radius: 12px;
	background: rgba(0, 0, 0, .7);
	text-align: center;
	text-indent: 0;
	line-height: 23px;
	font-size: 13px;
	font-weight: 700;
	color: #fff
}

section.channel:not(.main)>div .swiper.list .swiper-slide .name {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	margin-top: 8px;
	font-weight: 500;
	letter-spacing: -0.02em;
	line-height: 16px;
	color: #3b4044
}

@media ( min-width : 1025px) {
	section.channel:not(.main)>div .swiper.list .swiper-slide .name {
		font-size: 14px
	}
}

@media ( max-width : 1024px) {
	section.channel:not(.main)>div .swiper.list .swiper-slide .name {
		font-size: 12px
	}
}

section.channel:not(.main)>div .swiper.list .swiper-slide .name span+span::before
	{
	background: #3b4044
}

section.channel:not(.main)>div .swiper.list .swiper-slide .info {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	margin-top: 8px;
	line-height: 15px;
	color: #66707a
}

@media ( min-width : 1025px) {
	section.channel:not(.main)>div .swiper.list .swiper-slide .info {
		font-size: 13px
	}
}

@media ( max-width : 1024px) {
	section.channel:not(.main)>div .swiper.list .swiper-slide .info {
		font-size: 11px
	}
}

section.channel:not(.main)>div .swiper.list .swiper-slide .info span+span::before
	{
	background: #dce0e5
}

@media ( min-width : 1025px) {
	section.channel:not(.main)>div .swiper.list .swiper-slide:last-child {
		margin-right: 0
	}
}

section.channel:not(.main)>div .buttons {
	z-index: 2;
	position: absolute;
	left: -25px;
	right: -25px;
	top: 0;
	bottom: 165px;
	margin: auto;
	height: 0
}

@media ( max-width : 1024px) {
	section.channel:not(.main)>div .buttons {
		display: none
	}
}

section.channel:not(.main)>div .buttons>button {
	z-index: 2;
	position: absolute;
	outline: none;
	top: 0;
	bottom: 0;
	margin: auto;
	display: inline-block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	font-size: .5rem;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, .1490196078);
	background: #fff
}

section.channel:not(.main)>div .buttons>button:disabled::before {
	opacity: .2
}

section.channel:not(.main)>div .buttons>button.swiperPrev {
	left: 5px
}

section.channel:not(.main)>div .buttons>button.swiperPrev::before {
	transform: rotate(180deg)
}

section.channel:not(.main)>div .buttons>button.swiperNext {
	right: 5px
}

section.channel:not(.main)>div .buttons>button::before {
	content: "";
	position: absolute !important;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 18px;
	height: 18px;
	background-image: url("../images/icon/arr.svg");
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center
}

@media ( min-width : 1025px) {
	section.channel:not(.main)+.pagination {
		margin-top: 60px
	}
}

@media ( max-width : 1024px) {
	section.channel:not(.main)+.pagination {
		margin-top: 40px
	}
}

@media ( min-width : 1025px) {
	.channelHeader {
		padding-top: 30px !important
	}
}

@media ( max-width : 1024px) {
	.channelHeader {
		padding-top: 0 !important
	}
}

.channelHeader h2 {
	display: inline-block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	font-size: .5rem;
	height: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover
}

@media ( min-width : 1025px) {
	.channelHeader h2 {
		width: 100%
	}
}

@media ( max-width : 1024px) {
	.channelHeader h2 {
		width: calc(100% + 30px)
	}
}

@media ( min-width : 1025px) {
	.channelHeader h2 {
		padding-bottom: 17.96875%
	}
}

@media ( max-width : 1024px) {
	.channelHeader h2 {
		padding-bottom: calc(( 100% + 15px + 15px)* 0.1806555)
	}
}

@media ( min-width : 1025px) {
	.channelHeader h2 {
		border-radius: 30px
	}
}

@media ( max-width : 1024px) {
	.channelHeader h2 {
		margin-left: -15px;
		margin-right: -15px
	}
}

.channelHeader>div {
	position: relative;
	line-height: 1.2
}

.channelHeader>div:not(.case) {
	border: 1px solid #dce0e5;
	background: #f9fafb
}

@media ( min-width : 1025px) {
	.channelHeader>div:not(.case) {
		padding: 35px 200px 35px 180px
	}
}

@media ( max-width : 1024px) {
	.channelHeader>div:not(.case) {
		padding: 15px 15px 62px 15px
	}
}

@media ( min-width : 1025px) {
	.channelHeader>div:not(.case) {
		border-radius: 30px
	}
}

@media ( max-width : 1024px) {
	.channelHeader>div:not(.case) {
		border-radius: 15px
	}
}

@media ( min-width : 1025px) {
	.channelHeader>div.case {
		padding: 0 150px
	}
}

@media ( max-width : 1024px) {
	.channelHeader>div.case {
		padding: 0 0 50px 0
	}
}

.channelHeader>div.case img {
	top: 0 !important;
	left: 0 !important
}

.channelHeader>div.case>button {
	right: 0 !important;
	bottom: 0 !important
}

.channelHeader>div img {
	position: absolute;
	margin: auto;
	border-radius: 50%;
	box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, .1019607843)
}

@media ( min-width : 1025px) {
	.channelHeader>div img {
		top: 0
	}
}

@media ( max-width : 1024px) {
	.channelHeader>div img {
		top: 15px
	}
}

@media ( min-width : 1025px) {
	.channelHeader>div img {
		left: 30px
	}
}

@media ( max-width : 1024px) {
	.channelHeader>div img {
		left: 15px
	}
}

@media ( min-width : 1025px) {
	.channelHeader>div img {
		bottom: 0
	}
}

@media ( min-width : 1025px) {
	.channelHeader>div img {
		width: 120px
	}
}

@media ( max-width : 1024px) {
	.channelHeader>div img {
		width: 76px
	}
}

@media ( min-width : 1025px) {
	.channelHeader>div img {
		height: 120px
	}
}

@media ( max-width : 1024px) {
	.channelHeader>div img {
		height: 76px
	}
}

.channelHeader>div a+a, .channelHeader>div a+h2 {
	font-weight: 700;
	color: #000
}

@media ( min-width : 1025px) {
	.channelHeader>div a+a, .channelHeader>div a+h2 {
		font-size: 24px
	}
}

@media ( max-width : 1024px) {
	.channelHeader>div a+a, .channelHeader>div a+h2 {
		font-size: 16px
	}
}

@media ( max-width : 1024px) {
	.channelHeader>div a+a, .channelHeader>div a+h2 {
		margin-left: 86px
	}
}

.channelHeader>div>span {
	display: block
}

@media ( min-width : 1025px) {
	.channelHeader>div>span {
		margin-top: 10px
	}
}

@media ( max-width : 1024px) {
	.channelHeader>div>span {
		margin-top: 5px
	}
}

@media ( min-width : 1025px) {
	.channelHeader>div>span {
		font-size: 16px
	}
}

@media ( max-width : 1024px) {
	.channelHeader>div>span {
		font-size: 12px
	}
}

@media ( max-width : 1024px) {
	.channelHeader>div>span {
		margin-left: 86px
	}
}

.channelHeader>div ul {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start
}

@media ( min-width : 1025px) {
	.channelHeader>div ul {
		margin-left: -40px
	}
}

@media ( max-width : 1024px) {
	.channelHeader>div ul {
		margin-left: 72px
	}
}

.channelHeader>div ul li {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
}

@media ( min-width : 1025px) {
	.channelHeader>div ul li {
		margin-top: 10px
	}
}

@media ( max-width : 1024px) {
	.channelHeader>div ul li {
		margin-top: 5px
	}
}

@media ( min-width : 1025px) {
	.channelHeader>div ul li {
		margin-left: 40px
	}
}

@media ( max-width : 1024px) {
	.channelHeader>div ul li {
		margin-left: 14px
	}
}

@media ( min-width : 1025px) {
	.channelHeader>div ul li {
		font-size: 16px
	}
}

@media ( max-width : 1024px) {
	.channelHeader>div ul li {
		font-size: 12px
	}
}

@media ( max-width : 1024px) {
	.channelHeader>div ul li:last-child {
		width: 100%
	}
}

.channelHeader>div ul li span {
	color: #66707a;
	font-weight: 600;
}

.channelHeader>div ul li b {
	padding-left: .4em;
	font-weight: 600;
	color: #000
}

.channelHeader>div>p {
	word-break: keep-all;
	color: #000
}

@media ( min-width : 1025px) {
	.channelHeader>div>p {
		margin-top: 13px
	}
}

@media ( max-width : 1024px) {
	.channelHeader>div>p {
		margin-top: 20px
	}
}

@media ( min-width : 1025px) {
	.channelHeader>div>p {
		font-size: 16px
	}
}

@media ( max-width : 1024px) {
	.channelHeader>div>p {
		font-size: 14px
	}
}

.channelHeader>div>button {
	position: absolute;
	margin: auto
}

@media ( min-width : 1025px) {
	.channelHeader>div>button {
		right: 52px
	}
}

@media ( max-width : 1024px) {
	.channelHeader>div>button {
		right: 12px
	}
}

@media ( min-width : 1025px) {
	.channelHeader>div>button {
		bottom: 0
	}
}

@media ( max-width : 1024px) {
	.channelHeader>div>button {
		bottom: 12px
	}
}

@media ( min-width : 1025px) {
	.channelHeader>div>button {
		top: 0
	}
}

.channelHeader>div>button.subscribe {
	display: inline-block;
	font-weight: 700;
	outline: none;
	border: 1px solid #e6007e;
	background: #e6007e;
	color: #fff;
}

@media ( min-width : 1025px) {
	.channelHeader>div>button.subscribe {
		height: 49px
	}
}

@media ( max-width : 1024px) {
	.channelHeader>div>button.subscribe {
		height: 36px
	}
}

@media ( min-width : 1025px) {
	.channelHeader>div>button.subscribe {
		padding: 0 35px
	}
}

@media ( max-width : 1024px) {
	.channelHeader>div>button.subscribe {
		padding: 0 25px
	}
}

@media ( min-width : 1025px) {
	.channelHeader>div>button.subscribe {
		border-radius: 25px
	}
}

@media ( max-width : 1024px) {
	.channelHeader>div>button.subscribe {
		border-radius: 18px
	}
}

@media ( min-width : 1025px) {
	.channelHeader>div>button.subscribe {
		line-height: 47px
	}
}

@media ( max-width : 1024px) {
	.channelHeader>div>button.subscribe {
		line-height: 34px
	}
}

@media ( min-width : 1025px) {
	.channelHeader>div>button.subscribe {
		font-size: 16px
	}
}

@media ( max-width : 1024px) {
	.channelHeader>div>button.subscribe {
		font-size: 14px
	}
}

.channelHeader>div>button.subscribe:disabled {
	border: 1px solid #dce0e5;
	background: #dce0e5;
	color: #fff
}

.channelHeader>div>button.subscribing {
	display: inline-block;
	font-weight: 700;
	outline: none;
	border: 1px solid #a8b3bd;
	background: rgba(0, 0, 0, 0);
	color: #3b4044
}

@media ( min-width : 1025px) {
	.channelHeader>div>button.subscribing {
		height: 49px
	}
}

@media ( max-width : 1024px) {
	.channelHeader>div>button.subscribing {
		height: 36px
	}
}

@media ( min-width : 1025px) {
	.channelHeader>div>button.subscribing {
		padding: 0 35px
	}
}

@media ( max-width : 1024px) {
	.channelHeader>div>button.subscribing {
		padding: 0 25px
	}
}

@media ( min-width : 1025px) {
	.channelHeader>div>button.subscribing {
		border-radius: 25px
	}
}

@media ( max-width : 1024px) {
	.channelHeader>div>button.subscribing {
		border-radius: 18px
	}
}

@media ( min-width : 1025px) {
	.channelHeader>div>button.subscribing {
		line-height: 47px
	}
}

@media ( max-width : 1024px) {
	.channelHeader>div>button.subscribing {
		line-height: 34px
	}
}

@media ( min-width : 1025px) {
	.channelHeader>div>button.subscribing {
		font-size: 16px
	}
}

@media ( max-width : 1024px) {
	.channelHeader>div>button.subscribing {
		font-size: 14px
	}
}

.channelHeader>div>button.subscribing:disabled {
	border: 1px solid #dce0e5;
	background: #dce0e5;
	color: #fff
}

@media ( min-width : 1025px) {
	.channelHeader>div {
		margin-top: 30px
	}
}

@media ( max-width : 1024px) {
	.channelHeader>div {
		margin-top: 20px
	}
}

.channelHeader ~.tabTarget .content-info {
	
}

.channelHeader ~.tabTarget .list {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	min-width: 320px;
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch
}

.channelHeader ~.tabTarget .content-info {
	margin-top: 10px;
}

.channelHeader ~.tabTarget .page-title {
	margin-top: 20px;
	font-size: xx-large;
}

@media ( min-width : 1025px) {
	.channelHeader ~.tabTarget .page-title, .channelHeader ~.tabTarget .content-info,
		.channelHeader ~.tabTarget .list {
		max-width: 1340px
	}
}

@media ( max-width : 1024px) {
	.channelHeader ~.tabTarget .page-title, .channelHeader ~.tabTarget .content-info,
		.channelHeader ~.tabTarget .list {
		max-width: 1310px
	}
}

@media ( min-width : 1025px) {
	.channelHeader ~.tabTarget .page-title, .channelHeader ~.tabTarget .content-info,
		.channelHeader ~.tabTarget .list {
		padding-left: 30px
	}
}

@media ( max-width : 1024px) {
	.channelHeader ~.tabTarget .page-title, .channelHeader ~.tabTarget .content-info,
		.channelHeader ~.tabTarget .list {
		padding-left: 15px
	}
}

@media ( min-width : 1025px) {
	.channelHeader ~.tabTarget .page-title, .channelHeader ~.tabTarget .content-info,
		.channelHeader ~.tabTarget .list {
		padding-right: 30px
	}
}

@media ( max-width : 1024px) {
	.channelHeader ~.tabTarget .page-title, .channelHeader ~.tabTarget .content-info,
		.channelHeader ~.tabTarget .list {
		padding-right: 15px
	}
}

@media ( min-width : 1025px) {
	.channelHeader ~.tabTarget .list.case2 {
		padding-left: 0;
		padding-right: 0
	}
	.channelHeader ~.tabTarget .list.case2>li {
		margin-top: 30px;
		width: calc(33.3333333333% - 12px)
	}
	.channelHeader ~.tabTarget .list.case2>li:not(:nth-child(4n-3)) {
		margin-left: unset
	}
	.channelHeader ~.tabTarget .list.case2>li:not(:nth-child(3n-2)) {
		margin-left: 18px
	}
}

@media ( max-width : 1024px) {
	.channelHeader ~.tabTarget .list>li {
		width: calc(50% - 5px)
	}
}

@media ( max-width : 640px) {
	.channelHeader ~.tabTarget .list.case>li {
		margin-left: 0 !important;
		width: 100%
	}
}

.channelHeader ~.tabTarget .list>li {
	position: relative
}

.channelHeader ~.tabTarget .list>li .thumb {
	position: relative;
	display: inline-block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	font-size: .5rem;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	border-radius: 20px;
	box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .1019607843);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center
}

.tabTarget.my .swiper.list .swiper-slide .thumb em, .channelHeader ~.tabTarget .list>li .thumb em
	{
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	width: 80px;
	background: rgba(0, 0, 0, .6);
	font-size: 18px;
	font-weight: 700;
	line-height: 1.3;
	text-indent: 0;
	color: #fff;
}

#contents #playlist .empty-playlist {
	text-align: center;
	margin-top: 20px;
	font-size: larger;
}

.tabTarget.my .swiper.list .swiper-slide .thumb em:before,
	.channelHeader ~.tabTarget .list>li .thumb em::before {
	content: "";
	margin-bottom: 6px;
	width: 20px;
	height: 14px;
	background: url("../images/icon/playlist.svg")
}

.channelHeader ~.tabTarget .list>li .thumb .time {
	position: absolute;
	bottom: 10px;
	right: 10px;
	padding: 0 8px;
	border-radius: 12px;
	background: rgba(0, 0, 0, .7);
	text-align: center;
	text-indent: 0;
	line-height: 23px;
	font-size: 13px;
	font-weight: 700;
	color: #fff
}

.channelHeader ~.tabTarget .list>li .subject {
	margin-top: 16px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: flex-start
}

.channelHeader ~.tabTarget .list>li .subject a {
	width: calc(100% - 50px);
	font-weight: 700;
	letter-spacing: -0.01em;
	display: block;
	display: -ms-flexbox;
	display: -moz-box;
	display: -webkit-box;
	-ms-box-align: center;
	-o-box-align: center;
	box-align: center;
	max-height: 2.4em;
	line-height: 1.2 !important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: break-spaces;
	color: #000
}

.channelHeader ~.tabTarget .list>li span+span {
	position: relative;
	margin-left: 8px;
	padding-left: 8px
}

.channelHeader ~.tabTarget .list>li span+span::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	height: 12px;
	width: 1px
}

.channelHeader ~.tabTarget .list>li .name {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	margin-top: 8px;
	font-weight: 600;
	letter-spacing: -0.02em;
	line-height: 16px;
	color: #3b4044
}

@media ( min-width : 1025px) {
	.channelHeader ~.tabTarget .list>li .name {
		font-size: 14px
	}
}

@media ( max-width : 1024px) {
	.channelHeader ~.tabTarget .list>li .name {
		font-size: 12px
	}
}

.channelHeader ~.tabTarget .list>li .name span+span::before {
	background: #3b4044
}

.channelHeader ~.tabTarget .list>li .info {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	margin-top: 8px;
	line-height: 15px;
	color: #66707a
}

@media ( min-width : 1025px) {
	.channelHeader ~.tabTarget .list>li .info {
		font-size: 13px
	}
}

@media ( max-width : 1024px) {
	.channelHeader ~.tabTarget .list>li .info {
		font-size: 11px
	}
}

.channelHeader ~.tabTarget .list>li .info span+span::before {
	background: #dce0e5
}

@media ( min-width : 1025px) {
	.channelHeader ~.tabTarget .list>li {
		margin-top: 40px
	}
}

@media ( max-width : 1024px) {
	.channelHeader ~.tabTarget .list>li {
		margin-top: 30px
	}
}

@media ( min-width : 1025px) {
	.channelHeader ~.tabTarget .list>li {
		width: calc(25% - 21px)
	}
	.channelHeader ~.tabTarget .list>li:not(:nth-child(4n-3)) {
		margin-left: 28px
	}
}

@media ( max-width : 1024px) {
	.channelHeader ~.tabTarget .list>li:nth-child(even) {
		margin-left: 10px
	}
}

.channelHeader ~.tabTarget footer.more {
	text-align: center
}

.channelHeader ~.tabTarget footer.more button {
	display: inline-flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	border: 1px solid #dce0e5;
	background: #f9fafb;
	color: #66707a;
	outline: none;
}

@media ( min-width : 1025px) {
	.channelHeader ~.tabTarget footer.more button {
		padding: 0 12px
	}
}

@media ( max-width : 1024px) {
	.channelHeader ~.tabTarget footer.more button {
		padding: 0 10px
	}
}

@media ( min-width : 1025px) {
	.channelHeader ~.tabTarget footer.more button {
		border-radius: 16px
	}
}

@media ( max-width : 1024px) {
	.channelHeader ~.tabTarget footer.more button {
		border-radius: 14px
	}
}

@media ( min-width : 1025px) {
	.channelHeader ~.tabTarget footer.more button {
		font-size: 14px
	}
}

@media ( max-width : 1024px) {
	.channelHeader ~.tabTarget footer.more button {
		font-size: 12px
	}
}

@media ( min-width : 1025px) {
	.channelHeader ~.tabTarget footer.more button {
		line-height: 30px
	}
}

@media ( max-width : 1024px) {
	.channelHeader ~.tabTarget footer.more button {
		line-height: 26px
	}
}

.channelHeader ~.tabTarget footer.more button::after {
	content: "";
	margin-left: 7px;
	width: 10px;
	height: 10px;
	background-image: url("../images/icon/arr.svg");
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	transform: rotate(90deg)
}

.channelHeader ~.tabTarget>p {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	min-width: 320px;
	box-sizing: border-box;
	font-size: 16px;
	color: #000
}

@media ( min-width : 1025px) {
	.channelHeader ~.tabTarget>p {
		max-width: 1340px
	}
}

@media ( max-width : 1024px) {
	.channelHeader ~.tabTarget>p {
		max-width: 1310px
	}
}

@media ( min-width : 1025px) {
	.channelHeader ~.tabTarget>p {
		padding-left: 30px
	}
}

@media ( max-width : 1024px) {
	.channelHeader ~.tabTarget>p {
		padding-left: 15px
	}
}

@media ( min-width : 1025px) {
	.channelHeader ~.tabTarget>p {
		padding-right: 30px
	}
}

@media ( max-width : 1024px) {
	.channelHeader ~.tabTarget>p {
		padding-right: 15px
	}
}

@media ( min-width : 1025px) {
	.channelHeader ~.tabTarget>p {
		padding-top: 50px
	}
}

@media ( max-width : 1024px) {
	.channelHeader ~.tabTarget>p {
		padding-top: 20px
	}
}

@media ( min-width : 1025px) {
	.channelHeader ~.tabTarget>section {
		margin-top: 60px
	}
}

@media ( max-width : 1024px) {
	.channelHeader ~.tabTarget>section {
		margin-top: 40px
	}
}

.channelHeader ~.tabTarget>section .title {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	min-width: 320px;
	box-sizing: border-box
}

@media ( min-width : 1025px) {
	.channelHeader ~.tabTarget>section .title {
		max-width: 1340px
	}
}

@media ( max-width : 1024px) {
	.channelHeader ~.tabTarget>section .title {
		max-width: 1310px
	}
}

@media ( min-width : 1025px) {
	.channelHeader ~.tabTarget>section .title {
		padding-left: 30px
	}
}

@media ( max-width : 1024px) {
	.channelHeader ~.tabTarget>section .title {
		padding-left: 15px
	}
}

@media ( min-width : 1025px) {
	.channelHeader ~.tabTarget>section .title {
		padding-right: 30px
	}
}

@media ( max-width : 1024px) {
	.channelHeader ~.tabTarget>section .title {
		padding-right: 15px
	}
}

@media ( min-width : 1025px) {
	.channelHeader ~.tabTarget>section footer.more {
		margin-top: 30px
	}
}

@media ( max-width : 1024px) {
	.channelHeader ~.tabTarget>section footer.more {
		margin-top: 20px
	}
}

@media ( min-width : 1025px) {
	.channelHeader ~.tabTarget>.list {
		padding-top: 10px
	}
}

@media ( min-width : 1025px) {
	.channelHeader ~.tabTarget>footer.more {
		margin-top: 50px
	}
}

@media ( max-width : 1024px) {
	.channelHeader ~.tabTarget>footer.more {
		margin-top: 30px
	}
}

.subscribingChannel {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	min-width: 320px;
	box-sizing: border-box
}

@media ( min-width : 1025px) {
	.subscribingChannel {
		max-width: 1340px;
		padding-left: 30px;
		padding-right: 30px;
		padding-top: 40px;
	}
}

@media ( max-width : 1024px) {
	.subscribingChannel {
		max-width: 1310px;
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 32px
	}
	.subscribingChannel h2 {
		font-size: 19px;
	}
}

.subscribingChannel .swiper {
	margin-top: 30px
}

@media ( max-width : 1024px) {
	.subscribingChannel .swiper {
		margin-left: -15px;
		margin-right: -15px;
		padding-left: 15px;
		padding-right: 5px
	}
}

.subscribingChannel .swiper .swiper-slide {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
	width: 90px;
}

@media ( min-width : 1025px) {
	.subscribingChannel .swiper .swiper-slide {
		margin-right: 30px
	}
}

@media ( max-width : 1024px) {
	.subscribingChannel .swiper .swiper-slide {
		margin-right: 10px
	}
}

.subscribingChannel .swiper .swiper-slide img {
	margin-bottom: 10px;
	width: 100%;
	height: 90px;
	border-radius: 50%;
	box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, .1019607843)
}

.subscribingChannel .swiper .swiper-slide b {
	font-weight: 600;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #3b4044
}

@media ( min-width : 1025px) {
	.subscribingChannel .swiper .swiper-slide b {
		max-width: calc(100% - 12px)
	}
}

@media ( max-width : 1024px) {
	.subscribingChannel .swiper .swiper-slide b {
		max-width: calc(100% - 8px)
	}
}

@media ( min-width : 1025px) {
	.subscribingChannel .swiper .swiper-slide b {
		font-size: 16px
	}
}

@media ( max-width : 1024px) {
	.subscribingChannel .swiper .swiper-slide b {
		font-size: 14px
	}
}

.subscribingChannel .swiper .swiper-slide span {
	display: inline-block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	font-size: .5rem;
	border-radius: 50%;
	background: #e6007e
}

@media ( min-width : 1025px) {
	.subscribingChannel .swiper .swiper-slide span {
		margin-left: 4px
	}
}

@media ( max-width : 1024px) {
	.subscribingChannel .swiper .swiper-slide span {
		margin-left: 2px
	}
}

@media ( min-width : 1025px) {
	.subscribingChannel .swiper .swiper-slide span {
		width: 8px
	}
}

@media ( max-width : 1024px) {
	.subscribingChannel .swiper .swiper-slide span {
		width: 6px
	}
}

@media ( min-width : 1025px) {
	.subscribingChannel .swiper .swiper-slide span {
		height: 8px
	}
}

@media ( max-width : 1024px) {
	.subscribingChannel .swiper .swiper-slide span {
		height: 6px
	}
}

@media ( min-width : 1025px) {
	.channels {
		padding-top: 220px
	}
}

@media ( max-width : 1024px) {
	.channels {
		padding-top: 155px
	}
}

.channels>header {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	min-width: 320px;
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center
}

@media ( min-width : 1025px) {
	.channels>header {
		max-width: 1340px;
		padding-left: 30px;
		padding-right: 30px;
	}
	.channels>header a {
		font-size: 16px
	}
}

@media ( max-width : 1024px) {
	.channels>header {
		max-width: 1310px;
		padding-left: 15px;
		padding-right: 15px;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}
	.channels>header a {
		font-size: 12px
	}
}

.channels>header a {
	color: #777
}

.channels>header a:hover, .channels>header a:focus {
	text-decoration: underline
}

.channels>ul {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	min-width: 320px;
	box-sizing: border-box;
	padding-top: 10px
}

@media ( min-width : 1025px) {
	.channels>ul {
		max-width: 1340px
	}
}

@media ( max-width : 1024px) {
	.channels>ul {
		max-width: 1310px
	}
}

@media ( min-width : 1025px) {
	.channels>ul {
		padding-left: 30px
	}
}

@media ( max-width : 1024px) {
	.channels>ul {
		padding-left: 15px
	}
}

@media ( min-width : 1025px) {
	.channels>ul {
		padding-right: 30px
	}
}

@media ( max-width : 1024px) {
	.channels>ul {
		padding-right: 15px
	}
}

.channels>ul>li {
	position: relative;
	line-height: 1.2
}

.channels>ul>li:not(.case) {
	border: 1px solid #dce0e5;
	background: #f9fafb
}

@media ( min-width : 1025px) {
	.channels>ul>li:not(.case) {
		padding: 35px 200px 35px 180px
	}
}

@media ( max-width : 1024px) {
	.channels>ul>li:not(.case) {
		padding: 15px 15px 62px 15px
	}
}

@media ( min-width : 1025px) {
	.channels>ul>li:not(.case) {
		border-radius: 30px
	}
}

@media ( max-width : 1024px) {
	.channels>ul>li:not(.case) {
		border-radius: 15px
	}
}
.channels>ul>li:not(.case)>div{
	margin-top: 10px;	
}
@media ( max-width : 1024px) {
	.channels>ul>li:not(.case)>div{
		margin-top: 5px;	
		margin-left: 86px;
		font-size: 12px;
	}
}


@media ( min-width : 1025px) {
	.channels>ul>li.case {
		padding: 0 150px
	}
}

@media ( max-width : 1024px) {
	.channels>ul>li.case {
		padding: 0 0 50px 0
	}
}

.channels>ul>li.case img {
	top: 0 !important;
	left: 0 !important
}

.channels>ul>li.case>button {
	right: 0 !important;
	bottom: 0 !important
}

.channels>ul>li img {
	position: absolute;
	margin: auto;
	border-radius: 50%;
	box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, .1019607843)
}

@media ( min-width : 1025px) {
	.channels>ul>li img {
		top: 0
	}
}

@media ( max-width : 1024px) {
	.channels>ul>li img {
		top: 15px
	}
}

@media ( min-width : 1025px) {
	.channels>ul>li img {
		left: 30px
	}
}

@media ( max-width : 1024px) {
	.channels>ul>li img {
		left: 15px
	}
}

@media ( min-width : 1025px) {
	.channels>ul>li img {
		bottom: 0
	}
}

@media ( min-width : 1025px) {
	.channels>ul>li img {
		width: 120px
	}
}

@media ( max-width : 1024px) {
	.channels>ul>li img {
		width: 76px
	}
}

@media ( min-width : 1025px) {
	.channels>ul>li img {
		height: 120px
	}
}

@media ( max-width : 1024px) {
	.channels>ul>li img {
		height: 76px
	}
}

.channels>ul>li a+a, .channels>ul>li a+h2 {
	font-weight: 700;
	color: #000
}

@media ( min-width : 1025px) {
	.channels>ul>li a+a, .channels>ul>li a+h2 {
		font-size: 24px
	}
}

@media ( max-width : 1024px) {
	.channels>ul>li a+a, .channels>ul>li a+h2 {
		font-size: 16px
	}
}

@media ( max-width : 1024px) {
	.channels>ul>li a+a, .channels>ul>li a+h2 {
		margin-left: 86px
	}
}

.channels>ul>li>span {
	display: block
}

@media ( min-width : 1025px) {
	.channels>ul>li>span {
		margin-top: 10px
	}
}

@media ( max-width : 1024px) {
	.channels>ul>li>span {
		margin-top: 5px
	}
}

@media ( min-width : 1025px) {
	.channels>ul>li>span {
		font-size: 16px
	}
}

@media ( max-width : 1024px) {
	.channels>ul>li>span {
		font-size: 12px
	}
}

@media ( max-width : 1024px) {
	.channels>ul>li>span {
		margin-left: 86px
	}
}

.channels>ul>li ul {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start
}

@media ( min-width : 1025px) {
	.channels>ul>li ul {
		margin-left: -40px
	}
}

@media ( max-width : 1024px) {
	.channels>ul>li ul {
		margin-left: 72px
	}
}

.channels>ul>li ul li {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: flex-start
}

@media ( min-width : 1025px) {
	.channels>ul>li ul li {
		margin-top: 10px
	}
}

@media ( max-width : 1024px) {
	.channels>ul>li ul li {
		margin-top: 5px
	}
}

@media ( min-width : 1025px) {
	.channels>ul>li ul li {
		margin-left: 40px
	}
}

@media ( max-width : 1024px) {
	.channels>ul>li ul li {
		margin-left: 14px
	}
}

@media ( min-width : 1025px) {
	.channels>ul>li ul li {
		font-size: 16px
	}
}

@media ( max-width : 1024px) {
	.channels>ul>li ul li {
		font-size: 12px
	}
}

@media ( max-width : 1024px) {
	.channels>ul>li ul li:last-child {
		width: 100%
	}
}

.channels>ul>li ul li span {
	color: #66707a
}

.channels>ul>li ul li b {
	padding-left: .4em;
	font-weight: 600;
	color: #66707a;
}

.channels>ul>li>p {
	word-break: keep-all;
	color: #000
}

@media ( min-width : 1025px) {
	.channels>ul>li>p {
		margin-top: 13px
	}
}

@media ( max-width : 1024px) {
	.channels>ul>li>p {
		margin-top: 20px
	}
}

@media ( min-width : 1025px) {
	.channels>ul>li>p {
		font-size: 16px
	}
}

@media ( max-width : 1024px) {
	.channels>ul>li>p {
		font-size: 14px
	}
}

.channels>ul>li>button {
	position: absolute;
	margin: auto
}

@media ( min-width : 1025px) {
	.channels>ul>li>button {
		right: 52px
	}
}

@media ( max-width : 1024px) {
	.channels>ul>li>button {
		right: 12px
	}
}

@media ( min-width : 1025px) {
	.channels>ul>li>button {
		bottom: 0
	}
}

@media ( max-width : 1024px) {
	.channels>ul>li>button {
		bottom: 12px
	}
}

@media ( min-width : 1025px) {
	.channels>ul>li>button {
		top: 0
	}
}

.channels>ul>li>button.subscribe {
	outline: 0;
	display: inline-block;
	font-weight: 700;
	border: 1px solid #e6007e;
	background: #e6007e;
	color: #fff
}

@media ( min-width : 1025px) {
	.channels>ul>li>button.subscribe {
		height: 49px
	}
}

@media ( max-width : 1024px) {
	.channels>ul>li>button.subscribe {
		height: 36px
	}
}

@media ( min-width : 1025px) {
	.channels>ul>li>button.subscribe {
		padding: 0 35px
	}
}

@media ( max-width : 1024px) {
	.channels>ul>li>button.subscribe {
		padding: 0 25px
	}
}

@media ( min-width : 1025px) {
	.channels>ul>li>button.subscribe {
		border-radius: 25px
	}
}

@media ( max-width : 1024px) {
	.channels>ul>li>button.subscribe {
		border-radius: 18px
	}
}

@media ( min-width : 1025px) {
	.channels>ul>li>button.subscribe {
		line-height: 47px
	}
}

@media ( max-width : 1024px) {
	.channels>ul>li>button.subscribe {
		line-height: 34px
	}
}

@media ( min-width : 1025px) {
	.channels>ul>li>button.subscribe {
		font-size: 16px
	}
}

@media ( max-width : 1024px) {
	.channels>ul>li>button.subscribe {
		font-size: 14px
	}
}

.channels>ul>li>button.subscribe:disabled {
	border: 1px solid #dce0e5;
	background: #dce0e5;
	color: #fff
}

.channels>ul>li>button.subscribing {
	outline: 0;
	display: inline-block;
	font-weight: 700;
	border: 1px solid #a8b3bd;
	background: rgba(0, 0, 0, 0);
	color: #3b4044
}

@media ( min-width : 1025px) {
	.channels>ul>li>button.subscribing {
		height: 49px
	}
}

@media ( max-width : 1024px) {
	.channels>ul>li>button.subscribing {
		height: 36px
	}
}

@media ( min-width : 1025px) {
	.channels>ul>li>button.subscribing {
		padding: 0 35px
	}
}

@media ( max-width : 1024px) {
	.channels>ul>li>button.subscribing {
		padding: 0 25px
	}
}

@media ( min-width : 1025px) {
	.channels>ul>li>button.subscribing {
		border-radius: 25px
	}
}

@media ( max-width : 1024px) {
	.channels>ul>li>button.subscribing {
		border-radius: 18px
	}
}

@media ( min-width : 1025px) {
	.channels>ul>li>button.subscribing {
		line-height: 47px
	}
}

@media ( max-width : 1024px) {
	.channels>ul>li>button.subscribing {
		line-height: 34px
	}
}

@media ( min-width : 1025px) {
	.channels>ul>li>button.subscribing {
		font-size: 16px
	}
}

@media ( max-width : 1024px) {
	.channels>ul>li>button.subscribing {
		font-size: 14px
	}
}

.channels>ul>li>button.subscribing:disabled {
	border: 1px solid #dce0e5;
	background: #dce0e5;
	color: #fff
}

@media ( min-width : 1025px) {
	.channels>ul>li {
		margin-top: 20px
	}
}

@media ( max-width : 1024px) {
	.channels>ul>li {
		margin-top: 10px
	}
}

.classList {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	min-width: 320px;
	box-sizing: border-box;
	padding-top: 10px
}

.nondata, .classList>div .nondata {
	width: 100%;
	margin: 40px 0px;
	display: flex;
	flex-direction: row;
	justify-content: center;
}

.nondata h2, .classList>div .nondata h2 {
	font-size: x-large;
}

@media ( max-width : 1024px) {
	.nondata, .classList>div .nondata {
		justify-content: center;
		margin: 0;
		margin-top: 20px;
	}
	.nondata h2, .classList>div .nondata h2 {
		font-size: large;
	}
}

.classList>div>li {
	position: relative;
	line-height: 1.2;
	border: 1px solid #dce0e5;
	/* cursor: pointer; */
}

@media ( max-width : 640px) {
	.classList>div>li.case {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
		/*        padding: 0 0 0 0*/
		padding: 0 0 56px 0
	}
	.classList>div>li.case .thumb {
		position: unset;
		top: unset;
		left: unset;
		display: block;
		margin-bottom: 13px;
		margin-left: -15px;
		margin-right: -15px;
		width: calc(100% + 30px);
		height: unset;
		aspect-ratio: 1/.58611111;
		border-radius: unset
	}
	.classList>div>li.case .status {
		margin-left: unset;
		margin-top: 5px;
	}
	.classList>div>li.case .jump {
		position: relative;
		top: unset;
		right: unset
	}
	.classList>div>li.case>span {
		margin-left: unset;
		width: 100%
	}
	.classList>div>li.case>p {
		margin-top: 5px;
		margin-left: unset;
		min-height: unset
	}
	.classList>div>li.case .graph {
		margin-top: 20px;
		width: 100%
	}
	.classList>div>li.case>button {
		right: 0;
		bottom: 0
	}
}

.classList>div>li .thumb {
	position: absolute;
	display: inline-block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	font-size: .5rem;
	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, .1019607843);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.classList>div>li .status {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: flex-start
}

.classList>div>li .status li {
	font-weight: 700;
	text-align: center;
	color: #fff
}

.classList>div>li .status li.dDay {
	background: #3b4044
}

.classList>div>li .status li.onAir {
	background: #e6007e
}

.classList>div>li .status li.done {
	background: #6171ff
}
.classList>div>li .status li.notcomplete {
	background: #A0A0A0
}
.classList>div>li .jump {
	position: absolute;
	display: inline-block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	font-size: .5rem;
	border: 1px solid #a8b3bd;
	border-radius: 50%;
	background: #f9fafb
}

.classList>div>li .jump::before {
	content: "";
	position: absolute !important;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto
}

.classList>div>li>span {
	display: block;
	color: #000
}

#contents>section.search .classes>li>p, .classList>div>li>p {
	font-weight: 700;
	color: #000;
	cursor: pointer;
}

.classList>div>li .info {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start
}

.classList>div>li .info dt, .classList>div>li .info dd {
	margin-top: 5px
}

.classList>div>li .info dt {
	color: #66707a
}

.classList>div>li .info dd {
	color: #181a1b
}

@media screen and (min-width: 1025px)and (max-width: 1208px) {
	.classList>div>li .info dd {
		width: calc(100% - 100px)
	}
}

.classList>div>li .graph {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center
}

.classList>div>li .graph dt {
	font-weight: 600;
	color: #000
}

.classList>div>li .graph dd:not(.primary) {
	position: relative;
	height: 8px;
	border-radius: 4px;
	background: #ececec
}

.classList>div>li .graph dd:not(.primary) span {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	border-radius: 4px;
	box-shadow: 0px 4px 10px 0px rgba(236, 0, 139, .2);
	background: #e6007e;
	display: inline-block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	font-size: .5rem
}

.classList>div>li .graph dd.primary {
	width: 56px;
	font-weight: 700;
	text-align: right
}

.classList>div>li>button {
	position: absolute;
	display: inline-block;
	font-weight: 700;
	border: 1px solid #e6007e;
	background: #e6007e;
	color: #fff;
	outline: none;
	font-family: inherit;
}

.classList>div>li>button:disabled {
	border: 1px solid #dce0e5;
	background: #dce0e5;
	color: #fff
}

@media ( min-width : 1025px) {
	.classList {
		max-width: 1340px;
		padding-left: 30px;
		padding-right: 30px;
	}
	.classList>div>li {
		padding: 54px 30px 34px 466px
	}
	.classList>div>li .thumb {
		top: 0;
		left: 30px;
		width: 400px;
		height: 225px;
		border-radius: 20px;
		bottom: 0;
		margin: auto;
	}
	.classList>div>li .status li {
		min-width: 80px;
		padding: 0 13px;
		border-radius: 6px;
		line-height: 30px;
		font-size: 16px;
	}
	.classList>div>li .status li+li {
		margin-left: 8px
	}
	.classList>div>li .jump {
		top: 20px;
		right: 20px;
		width: 36px;
		height: 36px;
	}
	.classList>div>li .jump::before {
		width: 14px;
		height: 14px;
		background-image: url("../images/icon/jump.svg");
		background-size: 100%;
		background-repeat: no-repeat;
		background-position: center
	}
	.classList>div>li>span {
		margin-top: 14px;
		font-size: 16px;
	}
	.classList>div>li .info {
		font-size: 16px;
		padding-right: 170px;
	}
	.classList>div>li .info dt {
		width: 100px
	}
	.classList>div>li .info dd {
		width: calc(50% - 100px)
	}
	.classList>div>li .graph {
		margin-top: 20px;
		width: calc(100% - 220px);
		max-width: 380px
	}
	.classList>div>li .graph dt {
		font-size: 18px
	}
	.classList>div>li .graph dd {
		margin-left: 20px
	}
	.classList>div>li .graph dd:not(.primary) {
		width: calc(100% - 61px - 90px - 40px)
	}
	.classList>div>li .graph dd.primary {
		font-size: 20px
	}
	#contents>section.search .classes>li>p, .classList>div>li>p {
		margin-top: 7px;
		font-size: 24px;
	}
	.classList>div>li .info {
		padding-top: 11px
	}
	.classList>div>li>button {
		bottom: 44px;
		right: 30px;
		height: 49px;
		padding: 0 35px;
		border-radius: 25px;
		line-height: 47px;
		font-size: 16px
	}
	.classList>div>li {
		margin-top: 23px;
		border-radius: 30px;
		background-color: #ffff;
	}
}

@media ( max-width : 1024px) {
	.classList {
		max-width: 1310px;
		padding-left: 15px;
		padding-right: 15px;
	}
	.classList>div>li {
		padding: 15px 15px 80px 15px
	}
	.classList>div>li .thumb {
		top: 15px;
		left: 15px;
		width: 110px;
		height: 62px;
		border-radius: 10px;
	}
	.classList>div>li .status {
		margin-left: 120px
	}
	.classList>div>li .status li {
		min-width: 42px;
		padding: 0 6px;
		border-radius: 4px;
		line-height: 18px;
		font-size: 12px;
	}
	.classList>div>li .jump {
		top: 8px;
		right: 8px;
		width: 24px;
		height: 24px;
	}
	.classList>div>li .status li+li {
		margin-left: 5px
	}
	.classList>div>li .jump::before {
		width: 12px;
		height: 12px;
		background-image: url("../images/icon/jump.svg");
		background-size: 100%;
		background-repeat: no-repeat;
		background-position: center
	}
	.classList>div>li>span {
		margin-top: 5px;
		margin-left: 120px
	}
	.classList>div>li>span {
		font-size: 12px
	}
	#contents>section.search .classes>li>p, .classList>div>li>p {
		margin-top: 2px;
		font-size: 16px;
		margin-left: 120px;
		min-height: 2.4em;
	}
	.classList>div>li .info {
		padding-top: 7px;
		font-size: 14px;
	}
	.classList>div>li .info dt {
		width: 60px
	}
	.classList>div>li .info dd {
		width: calc(50% - 60px)
	}
	.classList>div>li .graph {
		margin-top: 15px
	}
	.classList>div>li .graph dt {
		position: absolute;
		display: inline-block;
		width: 1px;
		height: 1px;
		margin: -1px;
		overflow: hidden;
		clip: rect(1px, 1px, 1px, 1px)
	}
	.classList>div>li .graph dd:not(.primary) {
		width: calc(100% - 61px)
	}
	.classList>div>li .graph dd.primary {
		font-size: 16px
	}
	.classList>div>li>button {
		bottom: 18px;
		right: 15px;
		height: 36px;
		padding: 0 25px;
		border-radius: 18px;
		line-height: 34px;
		font-size: 14px
	}
	.classList>div>li {
		margin-top: 15px;
		border-radius: 15px;
		background-color: #ffff;
	}
}

@media ( max-width : 640px) {
	.classList>div>li.case {
		margin-top: 30px;
		border: unset
	}
	.classList {
		padding-top: unset;
		background-color: #ffff
	}
	.classList .info {
		position: absolute;
		display: inline-block;
		width: 1px;
		height: 1px;
		margin: -1px;
		overflow: hidden;
		clip: rect(1px, 1px, 1px, 1px)
	}
}

.classDetails {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	min-width: 320px;
	box-sizing: border-box;
}

@media ( min-width : 1025px) {
	.classDetails {
		max-width: 1340px
	}
}

@media ( max-width : 1024px) {
	.classDetails {
		max-width: 1310px
	}
}

@media ( min-width : 1025px) {
	.classDetails {
		padding-left: 30px
	}
}

@media ( max-width : 1024px) {
	.classDetails {
		padding-left: 15px
	}
}

@media ( min-width : 1025px) {
	.classDetails {
		padding-right: 30px
	}
}

@media ( max-width : 1024px) {
	.classDetails {
		padding-right: 15px
	}
}

@media ( min-width : 1025px) {
	.classDetails>div {
		margin-top: 40px;
		border: 1px solid #dce0e5;
		border-radius: 30px
	}
}

.classDetails>div>header {
	position: relative;
	line-height: 1.2
}

@media ( min-width : 1025px) {
	.classDetails>div>header {
		padding: 58px 30px 68px 466px
	}
}

@media ( max-width : 1024px) {
	.classDetails>div>header {
		padding: 15px 15px 80px 15px
	}
}

@media ( max-width : 640px) {
	.classDetails>div>header.case {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
		padding: 0 0 56px 0
	}
	.classDetails>div>header.case .thumb {
		position: unset;
		top: unset;
		left: unset;
		display: block;
		margin-bottom: 13px;
		margin-left: -15px;
		margin-right: -15px;
		width: calc(100% + 30px);
		height: 0;
		padding-bottom: calc(( 100% + 15px + 15px)*.58611111);
		border-radius: unset
	}
	.classDetails>div>header.case .status {
		margin-left: unset
	}
	.classDetails>div>header.case .jump {
		position: relative;
		top: unset;
		right: unset
	}
	.classDetails>div>header.case>span {
		margin-left: unset;
		width: 100%
	}
	.classDetails>div>header.case>p {
		margin-top: 5px;
		margin-left: unset;
		min-height: unset
	}
	.classDetails>div>header.case .graph {
		margin-top: 20px;
		width: 100%
	}
	.classDetails>div>header.case>button {
		right: 0;
		bottom: 0
	}
}

.classDetails>div>header .thumb {
	position: absolute;
	display: inline-block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	font-size: .5rem;
	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, .1019607843);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover
}

@media ( min-width : 1025px) {
	.classDetails>div>header .thumb {
		top: 60px
	}
}

@media ( max-width : 1024px) {
	.classDetails>div>header .thumb {
		top: 15px
	}
}

@media ( min-width : 1025px) {
	.classDetails>div>header .thumb {
		left: 30px
	}
}

@media ( max-width : 1024px) {
	.classDetails>div>header .thumb {
		left: 15px
	}
}

@media ( min-width : 1025px) {
	.classDetails>div>header .thumb {
		width: 400px
	}
}

@media ( max-width : 1024px) {
	.classDetails>div>header .thumb {
		width: 110px
	}
}

@media ( min-width : 1025px) {
	.classDetails>div>header .thumb {
		height: 225px
	}
}

@media ( max-width : 1024px) {
	.classDetails>div>header .thumb {
		height: 73px
	}
}

@media ( min-width : 1025px) {
	.classDetails>div>header .thumb {
		border-radius: 20px
	}
}

@media ( max-width : 1024px) {
	.classDetails>div>header .thumb {
		border-radius: 10px
	}
}

.classDetails>div>header .status {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: flex-start
}

@media ( max-width : 1024px) {
	.classDetails>div>header .status {
		margin-left: 120px
	}
}

.classDetails>div>header .status li {
	font-weight: 700;
	text-align: center;
	color: #fff
}

@media ( min-width : 1025px) {
	.classDetails>div>header .status li {
		min-width: 80px
	}
}

@media ( max-width : 1024px) {
	.classDetails>div>header .status li {
		min-width: 42px
	}
}

@media ( min-width : 1025px) {
	.classDetails>div>header .status li {
		padding: 0 13px
	}
}

@media ( max-width : 1024px) {
	.classDetails>div>header .status li {
		padding: 0 6px
	}
}

@media ( min-width : 1025px) {
	.classDetails>div>header .status li {
		border-radius: 6px
	}
}

@media ( max-width : 1024px) {
	.classDetails>div>header .status li {
		border-radius: 4px
	}
}

@media ( min-width : 1025px) {
	.classDetails>div>header .status li {
		line-height: 30px
	}
}

@media ( max-width : 1024px) {
	.classDetails>div>header .status li {
		line-height: 18px
	}
}

@media ( min-width : 1025px) {
	.classDetails>div>header .status li {
		font-size: 16px
	}
}

@media ( max-width : 1024px) {
	.classDetails>div>header .status li {
		font-size: 12px
	}
}

.classDetails>div>header .status li.dDay {
	background: #3b4044
}

.classDetails>div>header .status li.onAir {
	background: #e6007e
}

.classDetails>div>header .status li.done {
	background: #6171ff
}
.classDetails>div>header .status li.notcomplete {
	background: #A0A0A0
}
@media ( min-width : 1025px) {
	.classDetails>div>header .status li+li {
		margin-left: 8px
	}
}

@media ( max-width : 1024px) {
	.classDetails>div>header .status li+li {
		margin-left: 5px
	}
}

.classDetails>div>header .jump {
	position: absolute;
	display: inline-block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	font-size: .5rem;
	border: 1px solid #a8b3bd;
	border-radius: 50%;
	background: #f9fafb
}

@media ( min-width : 1025px) {
	.classDetails>div>header .jump {
		top: 20px
	}
}

@media ( max-width : 1024px) {
	.classDetails>div>header .jump {
		top: 8px
	}
}

@media ( min-width : 1025px) {
	.classDetails>div>header .jump {
		right: 20px
	}
}

@media ( max-width : 1024px) {
	.classDetails>div>header .jump {
		right: 8px
	}
}

@media ( min-width : 1025px) {
	.classDetails>div>header .jump {
		width: 36px
	}
}

@media ( max-width : 1024px) {
	.classDetails>div>header .jump {
		width: 24px
	}
}

@media ( min-width : 1025px) {
	.classDetails>div>header .jump {
		height: 36px
	}
}

@media ( max-width : 1024px) {
	.classDetails>div>header .jump {
		height: 24px
	}
}

.classDetails>div>header .jump::before {
	content: "";
	position: absolute !important;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto
}

@media ( min-width : 1025px) {
	.classDetails>div>header .jump::before {
		width: 14px;
		height: 14px;
		background-image: url("../images/icon/jump.svg");
		background-size: 100%;
		background-repeat: no-repeat;
		background-position: center
	}
}

@media ( max-width : 1024px) {
	.classDetails>div>header .jump::before {
		width: 12px;
		height: 12px;
		background-image: url("../images/icon/jump.svg");
		background-size: 100%;
		background-repeat: no-repeat;
		background-position: center
	}
}

.classDetails>div>header>span {
	display: block;
	color: #000
}

@media ( min-width : 1025px) {
	.classDetails>div>header>span {
		margin-top: 14px
	}
}

@media ( max-width : 1024px) {
	.classDetails>div>header>span {
		margin-top: 5px
	}
}

@media ( max-width : 1024px) {
	.classDetails>div>header>span {
		margin-left: 120px
	}
}

@media ( min-width : 1025px) {
	.classDetails>div>header>span {
		font-size: 16px
	}
}

@media ( max-width : 1024px) {
	.classDetails>div>header>span {
		font-size: 12px
	}
}

.classDetails>div>header>p {
	font-weight: 700;
	color: #000
}

@media ( min-width : 1025px) {
	.classDetails>div>header>p {
		margin-top: 7px
	}
}

@media ( max-width : 1024px) {
	.classDetails>div>header>p {
		margin-top: 2px
	}
}

@media ( min-width : 1025px) {
	.classDetails>div>header>p {
		font-size: 24px
	}
}

@media ( max-width : 1024px) {
	.classDetails>div>header>p {
		font-size: 16px
	}
}

@media ( max-width : 1024px) {
	.classDetails>div>header>p {
		margin-left: 120px;
		min-height: 2.4em
	}
}

.classDetails>div>header .info {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start
}

@media ( min-width : 1025px) {
	.classDetails>div>header .info {
		padding-top: 16px
	}
}

@media ( max-width : 1024px) {
	.classDetails>div>header .info {
		padding-top: 7px
	}
}

@media ( min-width : 1025px) {
	.classDetails>div>header .info {
		font-size: 16px
	}
}

@media ( max-width : 1024px) {
	.classDetails>div>header .info {
		font-size: 14px
	}
}

@media ( min-width : 1025px) {
	.classDetails>div>header .info {
		padding-right: 220px
	}
}

.classDetails>div>header .info dt, .classDetails>div>header .info dd {
	margin-top: 5px
}

.classDetails>div>header .info dt {
	color: #66707a
}

@media ( min-width : 1025px) {
	.classDetails>div>header .info dt {
		width: 100px
	}
}

@media ( max-width : 1024px) {
	.classDetails>div>header .info dt {
		width: 60px
	}
}

.classDetails>div>header .info dd {
	color: #181a1b
}

@media ( min-width : 1025px) {
	.classDetails>div>header .info dd {
		width: calc(50% - 100px)
	}
}

@media ( max-width : 1024px) {
	.classDetails>div>header .info dd {
		width: calc(50% - 60px)
	}
}

@media screen and (min-width: 1025px)and (max-width: 1208px) {
	.classDetails>div>header .info dd {
		width: calc(100% - 100px)
	}
}

.classDetails>div>header .graph {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center
}

@media ( min-width : 1025px) {
	.classDetails>div>header .graph {
		margin-top: 24px
	}
}

@media ( max-width : 1024px) {
	.classDetails>div>header .graph {
		margin-top: 15px
	}
}

@media ( min-width : 1025px) {
	.classDetails>div>header .graph {
		width: calc(100% - 220px);
		max-width: 380px
	}
}

.classDetails>div>header .graph dt {
	font-weight: 600;
	color: #000
}

@media ( min-width : 1025px) {
	.classDetails>div>header .graph dt {
		font-size: 18px
	}
}

@media ( max-width : 1024px) {
	.classDetails>div>header .graph dt {
		position: absolute;
		display: inline-block;
		width: 1px;
		height: 1px;
		margin: -1px;
		overflow: hidden;
		clip: rect(1px, 1px, 1px, 1px)
	}
}

@media ( min-width : 1025px) {
	.classDetails>div>header .graph dd {
		margin-left: 20px
	}
}

.classDetails>div>header .graph dd:not(.primary) {
	position: relative;
	height: 8px;
	border-radius: 4px;
	background: #ececec
}

@media ( min-width : 1025px) {
	.classDetails>div>header .graph dd:not(.primary) {
		width: calc(100% - 61px - 90px - 40px)
	}
}

@media ( max-width : 1024px) {
	.classDetails>div>header .graph dd:not(.primary) {
		width: calc(100% - 61px)
	}
}

.classDetails>div>header .graph dd:not(.primary) span {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	border-radius: 4px;
	box-shadow: 0px 4px 10px 0px rgba(236, 0, 139, .2);
	background: #e6007e;
	display: inline-block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	font-size: .5rem
}

.classDetails>div>header .graph dd.primary {
	width: 61px;
	font-weight: 700;
	text-align: right
}

@media ( min-width : 1025px) {
	.classDetails>div>header .graph dd.primary {
		font-size: 20px
	}
}

@media ( max-width : 1024px) {
	.classDetails>div>header .graph dd.primary {
		font-size: 16px
	}
}

.classDetails>div>header>button {
	position: absolute;
	display: inline-block;
	font-weight: 700;
	border: 1px solid #e6007e;
	background: #e6007e;
	color: #fff;
	font-family: inherit;
	outline: none;
}

@media ( min-width : 1025px) {
	.classDetails>div>header>button {
		bottom: 44px
	}
}

@media ( max-width : 1024px) {
	.classDetails>div>header>button {
		bottom: 18px
	}
}

@media ( min-width : 1025px) {
	.classDetails>div>header>button {
		right: 30px
	}
}

@media ( max-width : 1024px) {
	.classDetails>div>header>button {
		right: 15px
	}
}

@media ( min-width : 1025px) {
	.classDetails>div>header>button {
		height: 49px
	}
}

@media ( max-width : 1024px) {
	.classDetails>div>header>button {
		height: 36px
	}
}

@media ( min-width : 1025px) {
	.classDetails>div>header>button {
		padding: 0 35px
	}
}

@media ( max-width : 1024px) {
	.classDetails>div>header>button {
		padding: 0 25px
	}
}

@media ( min-width : 1025px) {
	.classDetails>div>header>button {
		border-radius: 25px
	}
}

@media ( max-width : 1024px) {
	.classDetails>div>header>button {
		border-radius: 18px
	}
}

@media ( min-width : 1025px) {
	.classDetails>div>header>button {
		line-height: 47px
	}
}

@media ( max-width : 1024px) {
	.classDetails>div>header>button {
		line-height: 34px
	}
}

@media ( min-width : 1025px) {
	.classDetails>div>header>button {
		font-size: 16px
	}
}

@media ( max-width : 1024px) {
	.classDetails>div>header>button {
		font-size: 14px
	}
}

.classDetails>div>header>button:disabled {
	border: 1px solid #dce0e5;
	background: #dce0e5;
	color: #fff
}

.classDetails .tags {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	border-top: 1px solid #dce0e5
}

@media ( min-width : 1025px) {
	.classDetails .tags {
		margin-top: -27px
	}
}

@media ( max-width : 1024px) {
	.classDetails .tags {
		margin-top: 20px
	}
}

@media ( min-width : 1025px) {
	.classDetails .tags {
		padding-top: 20px
	}
}

@media ( max-width : 1024px) {
	.classDetails .tags {
		padding-top: 15px
	}
}

@media ( min-width : 1025px) {
	.classDetails .tags {
		margin-left: 466px;
		margin-right: 30px
	}
}

.classDetails .tags>* {
	margin-right: 15px
}

.classDetails .tags>*::before {
	content: "#"
}

.classDetails .details {
	border-top: 1px solid #dce0e5;
	background: #f9fafb;
	line-height: 1.2
}

@media ( min-width : 1025px) {
	.classDetails .details {
		margin-top: 37px
	}
}

@media ( max-width : 1024px) {
	.classDetails .details {
		margin-top: 26px
	}
}

@media ( min-width : 1025px) {
	.classDetails .details {
		padding: 40px 30px
	}
}

@media ( max-width : 1024px) {
	.classDetails .details {
		padding: 15px 15px 30px
	}
}

@media ( max-width : 1024px) {
	.classDetails .details {
		margin-left: -15px;
		margin-right: -15px
	}
}

@media ( min-width : 1025px) {
	.classDetails .details>div {
		min-height: 0;
	}
}

@media ( max-width : 1024px) {
	.classDetails .details {
		min-height: 0;
	}
}

.classDetails .details p {
	color: #181a1b
}

@media ( min-width : 1025px) {
	.classDetails .details p {
		font-size: 16px
	}
}

@media ( max-width : 1024px) {
	.classDetails .details p {
		font-size: 14px
	}
}

.classDetails .details .course-content .c-list ol {
	list-style: none;
	counter-reset: numbering;
	border: 1px solid #dce0e5;
	border-radius: 20px;
	background: #fff;
	line-height: 1.2
}

@media ( min-width : 1025px) {
	.classDetails .details .course-content .c-list ol {
		margin-top: 30px
	}
}

@media ( max-width : 1024px) {
	.classDetails .details .course-content .c-list ol {
		margin-top: 20px
	}
}

@media ( min-width : 1025px) {
	.classDetails .details .course-content .c-list ol {
		padding: 30px
	}
}

@media ( max-width : 1024px) {
	.classDetails .details .course-content .c-list ol {
		padding: 20px 0
	}
}

.classDetails .details .course-content .c-list ol li {
	position: relative;
}

@media ( min-width : 1025px) {
	.classDetails .details .course-content .c-list ol li {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: flex-start;
		align-items: center;
		padding-left: 40px
	}
}

@media ( max-width : 1024px) {
	.classDetails .details .course-content .c-list ol li {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-end;
		align-items: center;
		padding: 0 15px 0 40px
	}
}

.classDetails .details .course-content .c-list ol li+li {
	border-top: 1px solid #dce0e5
}

@media ( min-width : 1025px) {
	.classDetails .details .course-content .c-list ol li+li {
		margin-top: 25px
	}
}

@media ( max-width : 1024px) {
	.classDetails .details .course-content .c-list ol li+li {
		margin-top: 20px
	}
}

@media ( min-width : 1025px) {
	.classDetails .details .course-content .c-list ol li+li {
		padding-top: 25px
	}
}

@media ( max-width : 1024px) {
	.classDetails .details .course-content .c-list ol li+li {
		padding-top: 20px
	}
}

.classDetails .details .course-content .c-list ol li::before {
	position: absolute;
	margin: auto;
	padding-bottom: 5px;
	border-bottom: 2px solid #e6007e;
	font-weight: 700;
	color: #000
}

@media ( min-width : 1025px) {
	.classDetails .details .course-content .c-list ol li::before {
		left: 0
	}
}

@media ( max-width : 1024px) {
	.classDetails .details .course-content .c-list ol li::before {
		left: 15px
	}
}

@media ( min-width : 1025px) {
	.classDetails .details .course-content .c-list ol li::before {
		top: 0
	}
}

@media ( max-width : 1024px) {
	.classDetails .details .course-content .c-list ol li::before {
		top: 15px
	}
}

@media ( min-width : 1025px) {
	.classDetails .details .course-content .c-list ol li::before {
		bottom: 0
	}
}

@media ( min-width : 1025px) {
	.classDetails .details .course-content .c-list ol li::before {
		height: 35px
	}
}

@media ( max-width : 1024px) {
	.classDetails .details .course-content .c-list ol li::before {
		height: 28px
	}
}

@media ( min-width : 1025px) {
	.classDetails .details .course-content .c-list ol li::before {
		font-size: 24px
	}
}

@media ( max-width : 1024px) {
	.classDetails .details .course-content .c-list ol li::before {
		font-size: 18px
	}
}

.classDetails .details .course-content .c-list ol li .thumb {
	display: inline-block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	font-size: .5rem;
	border-radius: 10px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center
}

@media ( min-width : 1025px) {
	.classDetails .details .course-content .c-list ol li .thumb {
		width: 180px
	}
}

@media ( max-width : 1024px) {
	.classDetails .details .course-content .c-list ol li .thumb {
		width: 85px
	}
}

@media ( min-width : 1025px) {
	.classDetails .details .course-content .c-list ol li .thumb {
		height: 122px
	}
}

@media ( max-width : 1024px) {
	.classDetails .details .course-content .c-list ol li .thumb {
		height: 58px
	}
}

.classDetails .details .course-content .c-list ol li>span {
	width: 40px;
	font-size: 20px;
}

.classDetails .details .course-content .c-list ol li>p {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: flex-start
}

@media ( min-width : 1025px) {
	.classDetails .details .course-content .c-list ol li>p {
		width: calc(( 100% - 245px)* 0.58);
		height: 122px;
		padding: 15px 25px;
	}
}

@media ( max-width : 1024px) {
	.classDetails .details .course-content .c-list ol li>p {
		width: 80%;
		height: 58px;
		padding: 0 0 0 15px;
	}
	.classDetails .details .course-content .c-list ol li>span {
		width: 20%;
		text-align: center;
	}
}

.classDetails .details .course-content .c-list ol li>p span {
	font-weight: 600;
	cursor: pointer;
}

@media ( min-width : 1025px) {
	.classDetails .details .course-content .c-list ol li>p span {
		display: block;
		display: -ms-flexbox;
		display: -moz-box;
		display: -webkit-box;
		-ms-box-align: center;
		-o-box-align: center;
		box-align: center;
		max-height: 3.6em;
		line-height: 1.2 !important;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: break-spaces;
		font-size: 18px;
	}
}

@media ( max-width : 1024px) {
	.classDetails .details .course-content .c-list ol li>p span {
		display: block;
		display: -ms-flexbox;
		display: -moz-box;
		display: -webkit-box;
		-ms-box-align: center;
		-o-box-align: center;
		box-align: center;
		max-height: 2.4em;
		line-height: 1.2 !important;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: break-spaces;
		font-size: 14px
	}
}

.classDetails .details .course-content .c-list ol li>p small {
	color: #555
}

@media ( min-width : 1025px) {
	.classDetails .details .course-content .c-list ol li>p small {
		font-size: 16px
	}
}

@media ( max-width : 1024px) {
	.classDetails .details .course-content .c-list ol li>p small {
		font-size: 12px
	}
}

.classDetails .details .course-content .c-list ol li>dl {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center
}

@media ( min-width : 1025px) {
	.classDetails .details .course-content .c-list ol li>dl {
		width: calc(( 100% - 285px)* 0.42);
		padding: 0 40px;
	}
}

@media ( max-width : 1024px) {
	.classDetails .details .course-content .c-list ol li>dl {
		width: 100%;
		margin: 8px 0 15px;
	}
}

.classDetails .details .course-content .c-list ol li>dl dt {
	position: relative;
	height: 8px;
	border-radius: 4px;
	background: #e7ebee
}

@media ( min-width : 1025px) {
	.classDetails .details .course-content .c-list ol li>dl dt {
		width: calc(100% - 60px)
	}
}

@media ( max-width : 1024px) {
	.classDetails .details .course-content .c-list ol li>dl dt {
		width: calc(100% - 55px)
	}
}

.classDetails .details .course-content .c-list ol li>dl dt span {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	display: inline-block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	font-size: .5rem;
	border-radius: 4px;
	background: #e6007e;
	box-shadow: 0px 4px 10px 0px rgba(236, 0, 139, .2)
}

.classDetails .details .course-content .c-list ol li>dl dd {
	font-weight: 700;
	color: #e6007e
}

@media ( min-width : 1025px) {
	.classDetails .details .course-content .c-list ol li>dl dd {
		font-size: 18px
	}
}

@media ( max-width : 1024px) {
	.classDetails .details .course-content .c-list ol li>dl dd {
		font-size: 16px
	}
}

.classDetails .details .course-content .c-list ol li>button {
	border: 1px solid #e6007e;
	font-weight: 600;
	color: #e6007e
}

.classDetails .details .course-content .c-list ol li>button {
	outline: none;
}

@media ( min-width : 1025px) {
	.classDetails .details .course-content .c-list ol li>button {
		width: 105px;
		border-radius: 20px;
		line-height: 38px;
		font-size: 18px;
	}
}

@media ( max-width : 1024px) {
	.classDetails .details .course-content .c-list ol li>button {
		width: 100px;
		border-radius: 18px;
		line-height: 34px;
		font-size: 14px;
	}
}

.classDetails .items {
	border-top: 1px solid #dce0e5
}

@media ( max-width : 1024px) {
	.classDetails .items {
		margin-left: -15px;
		margin-right: -15px
	}
}

@media ( min-width : 1025px) {
	.classDetails .items {
		padding: 35px 30px
	}
}

@media ( max-width : 1024px) {
	.classDetails .items {
		padding: 15px 15px 0
	}
}

.classDetails .items>div {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	margin-left: auto;
	margin-right: auto;
	max-width: 808px
}

.classDetails .items>div>* {
	position: relative;
	border-width: 1px;
	border-style: solid;
	border-radius: 15px;
	text-align: left;
	font-weight: 600;
	color: #000;
	outline: none;
}

@media ( min-width : 1025px) {
	.classDetails .items>div>* {
		padding-left: 66px
	}
}

@media ( max-width : 1024px) {
	.classDetails .items>div>* {
		padding-left: 58px
	}
}

@media ( min-width : 1025px) {
	.classDetails .items>div>* {
		line-height: 93px
	}
}

@media ( max-width : 1024px) {
	.classDetails .items>div>* {
		line-height: 63px
	}
}

@media ( min-width : 1025px) {
	.classDetails .items>div>* {
		font-size: 20px
	}
}

@media ( max-width : 1024px) {
	.classDetails .items>div>* {
		font-size: 16px
	}
}

@media ( max-width : 1024px) {
	.classDetails .items>div>* {
		width: 100%
	}
}

@media ( min-width : 1025px) {
	.classDetails .items>div>*.qna::before {
		width: 36px;
		height: 36px;
		background-image: url("../images/icon/qna.svg");
		background-size: 100%;
		background-repeat: no-repeat;
		background-position: center
	}
}

@media ( max-width : 1024px) {
	.classDetails .items>div>*.qna::before {
		width: 28px;
		height: 28px;
		background-image: url("../images/icon/qna.svg");
		background-size: 100%;
		background-repeat: no-repeat;
		background-position: center
	}
}

.classDetails .items>div>*.qna:disabled::before {
	background-image: url("../images/icon/qnaDisabled.svg")
}

@media ( min-width : 1025px) {
	.classDetails .items>div>*.homework::before {
		width: 36px;
		height: 36px;
		background-image: url("../images/icon/homework.svg");
		background-size: 100%;
		background-repeat: no-repeat;
		background-position: center
	}
}

@media ( max-width : 1024px) {
	.classDetails .items>div>*.homework::before {
		width: 28px;
		height: 28px;
		background-image: url("../images/icon/homework.svg");
		background-size: 100%;
		background-repeat: no-repeat;
		background-position: center
	}
}

.classDetails .items>div>*.homework:disabled::before {
	background-image: url("../images/icon/homeworkDisabled.svg")
}

@media ( min-width : 1025px) {
	.classDetails .items>div>*.survey::before {
		width: 36px;
		height: 36px;
		background-image: url("../images/icon/survey.svg");
		background-size: 100%;
		background-repeat: no-repeat;
		background-position: center
	}
}

@media ( max-width : 1024px) {
	.classDetails .items>div>*.survey::before {
		width: 28px;
		height: 28px;
		background-image: url("../images/icon/survey.svg");
		background-size: 100%;
		background-repeat: no-repeat;
		background-position: center
	}
}

.classDetails .items>div>*.survey:disabled::before {
	background-image: url("../images/icon/surveyDisabled.svg")
}

.classDetails .items>div>*.test:disabled::before {
	background-image: url("../images/icon/testDisabled.svg")
}

.classDetails .items>div>*.courseresult:disabled::before {
	background-image: url("../images/icon/result_off.png")
}

.classDetails .items>div>*:disabled {
	border-color: #e7ebee !important;
	background: #f9fafb !important;
	color: #a8b3bd !important
}

.classDetails .items>div>*:disabled::after {
	display: none
}

.classDetails .items>div>*:not(.test) {
	border-color: #a8b3bd;
	background: #f9fafb
}

@media ( min-width : 1025px) {
	.classDetails .items>div>*:not(.test) {
		width: calc(33.3333333333% - 13.3333333333px)
	}
}

@media ( max-width : 1024px) {
	.classDetails .items>div>*:not(.test) {
		margin-top: 10px
	}
}

.classDetails .items>div>*.test {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	border-color: rgba(230, 0, 126, .4);
	background: rgba(230, 0, 126, .05)
}

@media ( min-width : 1025px) {
	.classDetails .items>div>*.test::before {
		width: 36px;
		height: 36px;
		background-image: url("../images/icon/test.svg");
		background-size: 100%;
		background-repeat: no-repeat;
		background-position: center
	}
	.classDetails .items>div>*.test {
		margin-top: 25px;
		padding-right: 130px;
		width: 48%;
	}
	.classDetails .items>div>*.test em {
		right: -11px;
		top: -16px;
		width: 73px;
		border-radius: 16px;
		line-height: 31px;
		font-size: 16px;
	}
	.classDetails .items>div>*.test small {
		position: absolute;
		right: 44px
	}
	.classDetails .items>div>*.test span {
		width: calc(100% - 135px);
		font-size: 17px;
	}
}

@media ( max-width : 1024px) {
	.classDetails .items>div>*.test::before {
		width: 28px;
		height: 28px;
		background-image: url("../images/icon/test.svg");
		background-size: 100%;
		background-repeat: no-repeat;
		background-position: center
	}
	.classDetails .items>div>*.test {
		margin-top: 10px; //
		padding-right: 38px;
	}
	.classDetails .items>div>*.test::before {
		top: 18px;
		bottom: unset
	}
	.classDetails .items>div>*.test::after {
		top: 22px;
		bottom: unset
	}
	.classDetails .items>div>*.test em {
		right: 5px;
		top: -14px;
		width: 67px;
		border-radius: 14px;
		line-height: 28px;
		font-size: 14px;
	}
	.classDetails .items>div>*.test span {
		width: calc(100% + 36px + 38px);
		font-size: 12px;
		margin-left: -36px;
		margin-right: -38px;
		padding-bottom: 17px;
		line-height: 1.2;
		letter-spacing: -0.02em
	}
}

.classDetails .items>div>*.courseresult {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	border-color: rgba(230, 0, 126, .4);
	background: rgba(230, 0, 126, .05)
}

@media ( min-width : 1025px) {
	.classDetails .items>div>*.courseresult::before {
		width: 36px;
		height: 36px;
		background-image: url("../images/icon/result_on.png");
		background-size: 100%;
		background-repeat: no-repeat;
		background-position: center
	}
	.classDetails .items>div>*.courseresult {
		margin-top: 25px;
		padding-right: 130px;
		width: 48%;
	}
	.classDetails .items>div>*.courseresult em {
		right: -11px;
		top: -16px;
		width: 73px;
		border-radius: 16px;
		line-height: 31px;
		font-size: 16px;
	}
	.classDetails .items>div>*.courseresult small {
		position: absolute;
		right: 44px
	}
	.classDetails .items>div>*.courseresult span {
		width: calc(100% - 135px);
		font-size: 17px;
	}
}

@media ( max-width : 1024px) {
	.classDetails .items>div>*.courseresult::before {
		width: 28px;
		height: 28px;
		background-image: url("../images/icon/result_on.png");
		background-size: 100%;
		background-repeat: no-repeat;
		background-position: center
	}
	.classDetails .items>div>*.courseresult {
		margin-top: 10px;
		margin-bottom: 15px; //
		padding-right: 38px;
	}
	.classDetails .items>div>*.courseresult::before {
		top: 18px;
		bottom: unset
	}
	.classDetails .items>div>*.courseresult::after {
		top: 22px;
		bottom: unset
	}
	.classDetails .items>div>*.courseresult em {
		right: 5px;
		top: -14px;
		width: 67px;
		border-radius: 14px;
		line-height: 28px;
		font-size: 14px;
	}
	.classDetails .items>div>*.courseresult span {
		width: calc(100% + 36px + 38px);
		font-size: 12px;
		margin-left: -36px;
		margin-right: -38px;
		padding-bottom: 17px;
		line-height: 1.2;
		letter-spacing: -0.02em
	}
}

.classDetails .items>div>*.test::after {
	background-image: url("../images/icon/arrPrimary2.svg")
}

.classDetails .items>div>*.courseresult::after {
	background-image: url("../images/icon/arrPrimary2.svg")
}

.classDetails .items>div>*.test em {
	position: absolute;
	background: #e6007e;
	text-align: center;
	font-weight: 700;
	color: #fff
}

.classDetails .items>div>*.test small {
	color: #e6007e
}

.classDetails .items>div>*::before, .classDetails .items>div>*::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto
}

.classDetails .items>div>*::before {
	left: 20px
}

.classDetails .items>div>*::after {
	width: 18px;
	height: 18px;
	background-image: url("../images/icon/arr.svg");
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center
}

@media ( min-width : 1025px) {
	.classDetails .items>div>*::after {
		right: 20px
	}
}

@media ( max-width : 1024px) {
	.classDetails .items>div>*::after {
		right: 15px
	}
}

.qnaHeader {
	margin-bottom: 20px
}

@media ( min-width : 1025px) {
	.qnaHeader {
		padding-top: 60px !important
	}
}

@media ( max-width : 1024px) {
	.qnaHeader {
		padding-top: 40px !important
	}
}

.qnaHeader a {
	display: block;
	margin-bottom: 12px;
	color: #3b4044
}

@media ( min-width : 1025px) {
	.qnaHeader a {
		font-size: 16px
	}
}

@media ( max-width : 1024px) {
	.qnaHeader a {
		font-size: 14px
	}
}

.popup .homework .label {
	margin-top: 50px;
	display: inline-block;
	line-height: 1.2;
	font-weight: 600;
	color: #000
}

@media ( min-width : 1025px) {
	.popup .homework .label {
		font-size: 18px
	}
}

@media ( max-width : 1024px) {
	.popup .homework .label {
		font-size: 14px
	}
}

@media ( max-width : 1024px) {
	.popup .homework .label:first-of-type {
		margin-top: 40px
	}
}

.popup .homework div.file {
	position: relative;
	width: 100%;
	margin-top: 20px
}

.popup .homework div.file input:-moz-read-only {
	width: 100%;
	height: 50px;
	pointer-events: none;
	border: 0;
	border-radius: 8px;
	background: #f9fafb;
	font-size: 16px;
	font-weight: 600;
	color: #66707a
}

.popup .homework div.file input:read-only {
	width: 100%;
	height: 50px;
	pointer-events: none;
	border: 0;
	border-radius: 8px;
	background: #f9fafb;
	font-size: 16px;
	font-weight: 600;
	color: #66707a
}

@media ( min-width : 1025px) {
	.popup .homework div.file input:-moz-read-only {
		padding-left: 15px
	}
	.popup .homework div.file input:read-only {
		padding-left: 15px
	}
}

@media ( max-width : 1024px) {
	.popup .homework div.file input:-moz-read-only {
		padding-left: 10px
	}
	.popup .homework div.file input:read-only {
		padding-left: 10px
	}
}

@media ( min-width : 1025px) {
	.popup .homework div.file input:-moz-read-only {
		padding-right: 150px
	}
	.popup .homework div.file input:read-only {
		padding-right: 150px
	}
}

@media ( max-width : 1024px) {
	.popup .homework div.file input:-moz-read-only {
		padding-right: 120px
	}
	.popup .homework div.file input:read-only {
		padding-right: 120px
	}
}

.popup .homework div.file button {
	position: absolute;
	top: 0;
	bottom: 0;
	display: inline-block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	font-size: .5rem;
	margin: auto;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background-color: #a8b3bd
}

@media ( min-width : 1025px) {
	.popup .homework div.file button {
		right: 107px
	}
}

@media ( max-width : 1024px) {
	.popup .homework div.file button {
		right: 90px
	}
}

.popup .homework div.file button::before {
	content: "";
	position: absolute !important;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 18px;
	height: 18px;
	background-image: url("../images/icon/close.svg");
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center
}

.popup .homework div.file label:last-child {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	line-height: 32px;
	height: 32px;
	border-radius: 6px;
	background: #3b4044;
	text-align: center;
	font-weight: 600;
	font-size: 14px;
	color: #fff;
	cursor: pointer
}

@media ( min-width : 1025px) {
	.popup .homework div.file label:last-child {
		right: 15px
	}
}

@media ( max-width : 1024px) {
	.popup .homework div.file label:last-child {
		right: 10px
	}
}

@media ( min-width : 1025px) {
	.popup .homework div.file label:last-child {
		width: 80px
	}
}

@media ( max-width : 1024px) {
	.popup .homework div.file label:last-child {
		width: 70px
	}
}

.popup .homework div.file label:last-child input {
	position: absolute;
	display: inline-block;
	width: 1px;
	height: 1px;
	margin: -1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px)
}

.popup .homework>div>p {
	margin-top: 10px;
	line-height: 1.2;
	color: #66707a
}

@media ( min-width : 1025px) {
	.popup .homework>div>p {
		padding-bottom: 30px
	}
}

@media ( max-width : 1024px) {
	.popup .homework>div>p {
		padding-bottom: 20px
	}
}

@media ( min-width : 1025px) {
	.popup .homework>div>p {
		font-size: 20px
	}
}

@media ( max-width : 1024px) {
	.popup .homework>div>p {
		font-size: 14px
	}
}

.popup .homework>div>p em {
	font-weight: 700;
	color: #e6007e
}

@media ( min-width : 1025px) {
	.popup .homework>div>p em {
		font-size: 40px
	}
}

@media ( max-width : 1024px) {
	.popup .homework>div>p em {
		font-size: 30px
	}
}

.popup .survey .scroll>section:not(.result) h3 {
	line-height: 1.2;
	font-weight: 700;
	color: #000
}

@media ( min-width : 1025px) {
	.popup .survey .scroll>section:not(.result) h3 {
		margin-top: 40px
	}
}

@media ( max-width : 1024px) {
	.path-mod-poll .mform.full-width-labels .fitem.row>.col-md-3, .popup .survey .scroll>section:not(.result) h3
		{
		margin-top: 30px
	}
}

@media ( min-width : 1025px) {
	.popup .survey .scroll>section:not(.result) h3 {
		font-size: 20px
	}
}

@media ( max-width : 1024px) {
	.popup .survey .scroll>section:not(.result) h3 {
		font-size: 15px
	}
}

@media ( max-width : 640px) {
	.popup .survey .scroll>section:not(.result) h3 span {
		display: block;
		margin-bottom: 5px
	}
}

.popup .survey .scroll>section:not(.result) ol {
	list-style: none;
	counter-reset: survey
}

@media ( min-width : 1025px) {
	.popup .survey .scroll>section:not(.result) ol {
		padding-top: 10px
	}
}

@media ( max-width : 1024px) {
	.popup .survey .scroll>section:not(.result) ol {
		padding-top: 5px
	}
}

@media ( min-width : 1025px) {
	.popup .survey .scroll>section:not(.result) ol {
		padding-bottom: 30px
	}
}

@media ( max-width : 1024px) {
	.popup .survey .scroll>section:not(.result) ol {
		padding-bottom: 20px
	}
}

.popup .survey .scroll>section:not(.result) ol  input {
	width: 95%;
	left: 30;
}

.popup .survey .scroll>section:not(.result) ol  label {
	width: 80%;
}

.popup .survey .scroll>ol  label {
	width: 80%;
	left: 30;
}

.popup .survey .scroll>section:not(.result) ol li {
	position: relative;
	counter-increment: survey
}

@media ( min-width : 1025px) {
	.popup .survey .scroll>section:not(.result) ol li {
		margin-top: 25px
	}
}

@media ( max-width : 1024px) {
	.popup .survey .scroll>section:not(.result) ol li {
		margin-top: 20px
	}
}

.popup .survey .scroll>section:not(.result) ol li label {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: flex-start;
	padding-left: 30px;
	line-height: 1.2;
	color: #181a1b;
	padding-left: 50px;
}

@media ( min-width : 1025px) {
	.popup .survey .scroll>section:not(.result) ol li label {
		font-size: 16px;
	}
}

@media ( max-width : 1024px) {
	.popup .survey .scroll>section:not(.result) ol li label {
		font-size: 14px;
	}
}

.popup .survey .scroll>section:not(.result) ol li label input {
	position: absolute;
	display: inline-block;
	width: 1px;
	height: 1px;
	margin: -1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
}

.popup .survey .scroll>section:not(.result) ol li label span::after {
	content: "";
	position: absolute;
	left: 0;
	width: 18px;
	height: 18px;
	border: 2px solid #66707a;
	border-radius: 50%
}

@media ( min-width : 1025px) {
	.popup .survey .scroll>section:not(.result) ol li label span::after {
		top: 1px
	}
}

@media ( max-width : 1024px) {
	.popup .survey .scroll>section:not(.result) ol li label span::after {
		top: 0
	}
}

.popup .survey .scroll>section:not(.result) ol li label input:checked+span::after
	{
	border-color: #e6007e;
	box-shadow: inset 0 0 0 2px #fff;
	background: #e6007e
}

.popup .survey .scroll>section:not(.result) ol li label input:checked+span
	{
	font-weight: 700;
	color: #000
}

.popup .survey .scroll>section:not(.result) ol li span::before {
	content: counter(survey) ". ";
	position: absolute;
	left: 30px
}

.popup .survey .scroll>section:not(.result) textarea {
	width: 100%;
	padding: 15px;
	border: none;
	border-radius: 8px;
	background: #f9fafb;
	line-height: 1.35;
	color: #000
}

@media ( min-width : 1025px) {
	.popup .survey .scroll>section:not(.result) textarea {
		font-size: 16px
	}
}

@media ( max-width : 1024px) {
	.popup .survey .scroll>section:not(.result) textarea {
		font-size: 14px
	}
}

@media ( min-width : 1025px) {
	.popup .survey .scroll>section:not(.result) textarea {
		margin-top: 35px
	}
}

@media ( max-width : 1024px) {
	.popup .survey .scroll>section:not(.result) textarea {
		margin-top: 25px
	}
}

@media ( min-width : 1025px) {
	.popup .survey .scroll>section:not(.result) textarea {
		margin-bottom: 30px
	}
}

@media ( max-width : 1024px) {
	.popup .survey .scroll>section:not(.result) textarea {
		margin-bottom: 20px
	}
}

.popup .survey .scroll>section.result {
	line-height: 1.2
}

@media ( min-width : 1025px) {
	.popup .survey .scroll>section.result>header {
		padding-top: 28px
	}
}

@media ( max-width : 1024px) {
	.popup .survey .scroll>section.result>header {
		padding-top: 45px
	}
}

@media ( max-width : 1024px) {
	.popup .survey .scroll>section.result>header {
		background-size: 100px
	}
}

.popup .survey .scroll>section.result>header.pass em {
	color: #e6007e
}

.popup .survey .scroll>section.result>header.pass {
	/* background: url("../images/class/pass.svg") no-repeat right bottom */
	
}

.popup .survey .scroll>section.result>header.fail {
	/* background: url("../images/class/fail.svg") no-repeat right bottom */
	
}

.popup .survey .scroll>section.result>header h3 {
	font-weight: 600;
	color: #000
}

@media ( min-width : 1025px) {
	.popup .survey .scroll>section.result>header h3 {
		font-size: 24px
	}
}

@media ( max-width : 1024px) {
	.popup .survey .scroll>section.result>header h3 {
		font-size: 20px
	}
}

.popup .survey .scroll>section.result>header p {
	color: #66707a
}

@media ( min-width : 1025px) {
	.popup .survey .scroll>section.result>header p {
		margin-top: 8px
	}
}

@media ( max-width : 1024px) {
	.popup .survey .scroll>section.result>header p {
		margin-top: 6px
	}
}

@media ( min-width : 1025px) {
	.popup .survey .scroll>section.result>header p {
		font-size: 20px
	}
}

@media ( max-width : 1024px) {
	.popup .survey .scroll>section.result>header p {
		font-size: 16px
	}
}

.popup .survey .scroll>section.result>header p em {
	padding-right: 6px;
	font-weight: 700
}

@media ( min-width : 1025px) {
	.popup .survey .scroll>section.result>header p em {
		font-size: 40px
	}
}

@media ( max-width : 1024px) {
	.popup .survey .scroll>section.result>header p em {
		font-size: 30px
	}
}

.popup .survey .scroll>section.result dl {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	border-radius: 20px;
	background: #f9fafb
}

@media ( min-width : 1025px) {
	.popup .survey .scroll>section.result dl {
		margin-top: 13px
	}
}

@media ( max-width : 1024px) {
	.popup .survey .scroll>section.result dl {
		margin-top: 20px
	}
}

@media ( min-width : 1025px) {
	.popup .survey .scroll>section.result dl {
		padding: 25px 50px
	}
}

@media ( max-width : 1024px) {
	.popup .survey .scroll>section.result dl {
		padding: 30px 20px
	}
}

@media ( min-width : 1025px) {
	.popup .survey .scroll>section.result dl {
		font-size: 16px
	}
}

@media ( max-width : 1024px) {
	.popup .survey .scroll>section.result dl {
		font-size: 14px
	}
}

.popup .survey .scroll>section.result dl dt:not(:first-of-type), .popup .survey .scroll>section.result dl dd:not(:first-of-type)
	{
	margin-top: 15px
}

.popup .survey .scroll>section.result dl dt {
	color: #3b4044
}

@media ( min-width : 1025px) {
	.popup .survey .scroll>section.result dl dt {
		width: 80px
	}
}

@media ( max-width : 1024px) {
	.popup .survey .scroll>section.result dl dt {
		width: 70px
	}
}

.popup .survey .scroll>section.result dl dd {
	font-weight: 600;
	color: #000
}

@media ( min-width : 1025px) {
	.popup .survey .scroll>section.result dl dd {
		width: calc(100% - 80px)
	}
}

@media ( max-width : 1024px) {
	.popup .survey .scroll>section.result dl dd {
		width: calc(100% - 70px)
	}
}

@media ( min-width : 1025px) {
	.popup .survey .testStep2 {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: flex-start;
		align-items: stretch
	}
}

.popup .survey .testStep2>ul {
	margin-top: 20px;
	line-height: 1.2
}

@media ( min-width : 1025px) {
	.popup .survey .testStep2>ul {
		font-size: 16px
	}
}

@media ( max-width : 1024px) {
	.popup .survey .testStep2>ul {
		font-size: 14px
	}
}

@media ( min-width : 1025px) {
	.popup .survey .testStep2>ul {
		margin-bottom: -10px;
		padding-right: 40px;
		border-right: 1px solid #dce0e5
	}
}

@media ( min-width : 1025px) {
	.popup .survey .testStep2>ul+ul {
		margin-left: 40px
	}
}

@media ( max-width : 1024px) {
	.popup .survey .testStep2>ul+ul {
		padding-top: 20px;
		border-top: 1px solid #dce0e5
	}
}

.popup .survey .testStep2>ul li {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center
}

.popup .survey .testStep2>ul li+li {
	margin-top: 15px
}

@media ( min-width : 1025px) {
	.popup .survey .testStep2>ul li span {
		width: 80px
	}
}

@media ( max-width : 1024px) {
	.popup .survey .testStep2>ul li span {
		width: 70px
	}
}

.popup .survey .testStep2>ul li b.yet {
	color: red
}

.popup .result>header {
	position: relative
}

@media ( max-width : 1024px) {
	.popup .result>header .title small {
		display: block;
		padding-left: 0
	}
}

.popup .result>header dl {
	position: absolute;
	right: 0;
	bottom: 15px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	line-height: 1.2
}

@media ( min-width : 1025px) {
	.popup .result>header dl {
		font-size: 18px
	}
}

@media ( max-width : 1024px) {
	.popup .result>header dl {
		font-size: 12px
	}
}

.popup .result>header dl dt {
	margin-right: 10px;
	color: #000
}

.popup .result>header dl dd {
	color: #66707a
}

.popup .result>header dl dd em {
	padding-right: 4px;
	font-weight: 700;
	color: #e6007e
}

@media ( min-width : 1025px) {
	.popup .result>header dl dd em {
		font-size: 40px
	}
}

@media ( max-width : 1024px) {
	.popup .result>header dl dd em {
		font-size: 20px
	}
}

.popup .result .resultDetail {
	line-height: 1.5
}

@media ( min-width : 1025px) {
	.popup .result .resultDetail {
		padding: 23px 12px 0
	}
}

@media ( max-width : 1024px) {
	.popup .result .resultDetail {
		padding: 20px 0 0
	}
}

@media ( min-width : 1025px) {
	.popup .result .resultDetail {
		min-height: 300px
	}
}

.popup .result .resultDetail li {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	border-radius: 10px;
	background: #f6f6f6
}

@media ( min-width : 1025px) {
	.popup .result .resultDetail li {
		padding: 17px
	}
}

@media ( max-width : 1024px) {
	.popup .result .resultDetail li {
		padding: 20px
	}
}

.popup .result .resultDetail li+li {
	margin-top: 10px
}

.popup .result .resultDetail li>div:first-child {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center
}

@media ( max-width : 1024px) {
	.popup .result .resultDetail li>div:first-child {
		width: 100%
	}
}

.popup .result .resultDetail li>div:first-child strong {
	color: #000
}

@media ( min-width : 1025px) {
	.popup .result .resultDetail li>div:first-child strong {
		margin-right: 20px
	}
}

@media ( max-width : 1024px) {
	.popup .result .resultDetail li>div:first-child strong {
		margin-right: 7px
	}
}

@media ( min-width : 1025px) {
	.popup .result .resultDetail li>div:first-child strong {
		font-size: 20px
	}
}

@media ( max-width : 1024px) {
	.popup .result .resultDetail li>div:first-child strong {
		font-size: 16px
	}
}

@media ( min-width : 1025px) {
	.popup .result .resultDetail li>div:first-child date {
		font-size: 16px
	}
}

@media ( max-width : 1024px) {
	.popup .result .resultDetail li>div:first-child date {
		font-size: 14px
	}
}

.popup .result .resultDetail li>div:last-child {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center
}

@media ( min-width : 1025px) {
	.popup .result .resultDetail li>div:last-child {
		width: 245px
	}
}

@media ( max-width : 1024px) {
	.popup .result .resultDetail li>div:last-child {
		width: 100%
	}
}

@media ( max-width : 1024px) {
	.popup .result .resultDetail li>div:last-child {
		margin-top: 10px
	}
}

.popup .result .resultDetail li>div:last-child span {
	color: #66707a
}

@media ( min-width : 1025px) {
	.popup .result .resultDetail li>div:last-child span {
		font-size: 16px
	}
}

@media ( max-width : 1024px) {
	.popup .result .resultDetail li>div:last-child span {
		font-size: 14px
	}
}

.popup .result .resultDetail li>div:last-child span em {
	font-weight: 700;
	font-size: 20px;
	color: #e6007e
}

.popup .result .resultDetail li>div:last-child button {
	font-weight: 600;
	color: #e6007e
}

@media ( min-width : 1025px) {
	.popup .result .resultDetail li>div:last-child button {
		font-size: 16px
	}
}

@media ( max-width : 1024px) {
	.popup .result .resultDetail li>div:last-child button {
		font-size: 14px
	}
}

.popup .result .resultView {
	list-style: none;
	counter-reset: results;
	line-height: 1.2
}

.popup .result .resultView>li {
	position: relative;
	counter-increment: results
}

@media ( min-width : 1025px) {
	.popup .result .resultView>li+li {
		margin-top: 10px
	}
}

.popup .result .resultView>li::before {
	content: "";
	position: absolute;
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat
}

@media ( min-width : 1025px) {
	.popup .result .resultView>li::before {
		left: -10px
	}
}

@media ( max-width : 1024px) {
	.popup .result .resultView>li::before {
		left: -5px
	}
}

@media ( min-width : 1025px) {
	.popup .result .resultView>li::before {
		top: 7px
	}
}

@media ( max-width : 1024px) {
	.popup .result .resultView>li::before {
		top: 13px
	}
}

@media ( min-width : 1025px) {
	.popup .result .resultView>li::before {
		width: 68px
	}
}

@media ( max-width : 1024px) {
	.popup .result .resultView>li::before {
		width: 48px
	}
}

@media ( min-width : 1025px) {
	.popup .result .resultView>li::before {
		height: 68px
	}
}

@media ( max-width : 1024px) {
	.popup .result .resultView>li::before {
		height: 48px
	}
}

.popup .result .resultView>li.right::before {
	background-image: url("../images/class/right.svg")
}

.popup .result .resultView>li.wrong::before {
	background-image: url("../images/class/wrong.svg")
}

.popup .result .resultView>li>strong {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: flex-start;
	padding-top: 30px;
	color: #000
}

@media ( min-width : 1025px) {
	.popup .result .resultView>li>strong {
		font-size: 20px
	}
}

@media ( max-width : 1024px) {
	.popup .result .resultView>li>strong {
		font-size: 15px
	}
}

@media ( min-width : 1025px) {
	.popup .result .resultView>li>strong {
		padding-bottom: 10px
	}
}

.popup .result .resultView>li>strong::before {
	content: "질문" counter(results) ".";
	white-space: nowrap
}

@media ( min-width : 1025px) {
	.popup .result .resultView>li>strong::before {
		margin: 0 5px 0 0
	}
}

@media ( max-width : 1024px) {
	.popup .result .resultView>li>strong::before {
		margin: 0 0 5px 0
	}
}

@media ( max-width : 1024px) {
	.popup .result .resultView>li>strong::before {
		width: 100%
	}
}

.popup .result .resultView>li>ol {
	padding-left: 1.2em
}

@media ( min-width : 1025px) {
	.popup .result .resultView>li>ol {
		font-size: 16px
	}
}

@media ( max-width : 1024px) {
	.popup .result .resultView>li>ol {
		font-size: 14px
	}
}

.popup .result .resultView>li>ol li {
	margin-top: 20px
}

.popup .result .resultView>li>ol li:not(.answer) {
	color: #181a1b
}

.popup .result .resultView>li>ol li.answer {
	font-weight: 700;
	color: #000
}

.popup .result .resultView>li>ol li.answer::after {
	padding-left: 10px
}

.popup .result .resultView>li>ol li.right::after {
	content: "정답!";
	color: #6171ff
}

.popup .result .resultView>li>ol li.wrong::after {
	content: "오답!";
	color: red
}

.popup .result .resultView>li>div {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	margin-top: 20px;
	background: #f9fafb
}

@media ( min-width : 1025px) {
	.popup .result .resultView>li>div {
		padding: 20px
	}
}

@media ( max-width : 1024px) {
	.popup .result .resultView>li>div {
		padding: 15px
	}
}

@media ( min-width : 1025px) {
	.popup .result .resultView>li>div {
		border-radius: 15px
	}
}

@media ( max-width : 1024px) {
	.popup .result .resultView>li>div {
		border-radius: 10px
	}
}

.popup .result .resultView>li>div>strong {
	color: #6171ff
}

@media ( min-width : 1025px) {
	.popup .result .resultView>li>div>strong {
		font-size: 18px
	}
}

@media ( max-width : 1024px) {
	.popup .result .resultView>li>div>strong {
		font-size: 15px
	}
}

.popup .result .resultView>li>div dl {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center
}

.popup .result .resultView>li>div dl dt {
	margin-right: 5px;
	color: #000
}

@media ( min-width : 1025px) {
	.popup .result .resultView>li>div dl dt {
		font-size: 18px
	}
}

@media ( max-width : 1024px) {
	.popup .result .resultView>li>div dl dt {
		font-size: 12px
	}
}

.popup .result .resultView>li>div dl dd {
	color: #66707a
}

@media ( min-width : 1025px) {
	.popup .result .resultView>li>div dl dd {
		font-size: 18px
	}
}

@media ( max-width : 1024px) {
	.popup .result .resultView>li>div dl dd {
		font-size: 14px
	}
}

.popup .result .resultView>li>div dl dd b {
	padding-right: 5px;
	color: #000
}

@media ( min-width : 1025px) {
	.popup .result .resultView>li>div dl dd b {
		font-size: 24px
	}
}

@media ( max-width : 1024px) {
	.popup .result .resultView>li>div dl dd b {
		font-size: 20px
	}
}

.popup .result .resultView>li>div>p {
	margin-top: 15px;
	width: 100%
}

.myHeader {
	position: relative
}

.myHeader .img {
	position: absolute;
	display: inline-block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	font-size: .5rem;
	border-radius: 50%;
	background-size: cover !important
}

@media ( min-width : 1025px) {
	.myHeader .img {
		left: 30px
	}
}

@media ( max-width : 1024px) {
	.myHeader .img {
		left: 15px
	}
}

@media ( min-width : 1025px) {
	.myHeader .img {
		top: 20px
	}
}

@media ( max-width : 1024px) {
	.myHeader .img {
		top: 22px
	}
}

@media ( min-width : 1025px) {
	.myHeader .img {
		width: 100px;
		height: 100px;
		background-image: url("../images/icon/myBasic.svg");
		background-size: 100%;
		background-repeat: no-repeat;
		background-position: center
	}
}

@media ( max-width : 1024px) {
	.myHeader .img {
		width: 70px;
		height: 70px;
		background-image: url("../images/icon/myBasic.svg");
		background-size: 100%;
		background-repeat: no-repeat;
		background-position: center
	}
}

.myHeader span {
	display: block
}

@media ( min-width : 1025px) {
	.myHeader span {
		margin-left: 125px
	}
}

@media ( max-width : 1024px) {
	.myHeader span {
		margin-left: 90px
	}
}

.myHeader .title {
	margin-top: 9px
}

@media ( min-width : 1025px) {
	.myHeader .title {
		margin-left: 125px
	}
}

@media ( max-width : 1024px) {
	.myHeader .title {
		margin-left: 90px
	}
}

.myHeader section {
	position: relative;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	margin-top: 15px;
	line-height: 1.2
}

@media ( min-width : 1025px) {
	.myHeader section {
		padding-left: 125px
	}
}

.myHeader section h3 {
	font-size: 18px;
	font-weight: 400;
	color: #e6007e;
	text-decoration: underline;
}

@media ( min-width : 1025px) {
	.myHeader section h3 {
		position: absolute; //
		left: -20;
		left: 0;
		top: -2;
		line-height: 1.9;
	}
}

@media ( max-width : 1024px) {
	.myHeader section h3 {
		width: 100%;
		padding-bottom: 3px
	}
}

.myHeader section a {
	margin-top: 3px;
	color: #3b4044
}

@media ( min-width : 1025px) {
	.myHeader section a:first-child {
		margin-right: 40px;
		font-size: 18px
	}
	.myHeader section a {
		margin-right: 20px;
		font-size: 18px
	}
}

@media ( max-width : 1024px) {
	.myHeader section a:first-child {
		width: 100%;
		margin-bottom: 10px;
	}
	.myHeader section a {
		margin-right: 10px;
		font-size: 16px;
		font-weight: 300;
	}
}

.myHeader section a:hover, .myHeader section a:focus {
	text-decoration: underline
}

#contents.my>header {
	position: relative
}

#contents.my>header .adminInfo {
	position: absolute;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	font-weight: 700;
	color: #3b4044;
	opacity: .3
}

@media ( min-width : 1025px) {
	#contents.my>header .adminInfo {
		top: 35px;
		right: 30px;
		font-size: 16px;
	}
}

@media ( max-width : 1024px) {
	#contents.my>header .adminInfo {
		top: 15px;
		right: 15px;
		font-size: 12px;
	}
}

#contents.my>header .adminInfo::before {
	content: "";
	margin-right: 6px
}

@media ( min-width : 1025px) {
	#contents.my>header .adminInfo::before {
		width: 21px;
		height: 21px;
		background-image: url("../images/icon/setting.svg");
		background-size: 100%;
		background-repeat: no-repeat;
		background-position: center
	}
}

@media ( max-width : 1024px) {
	#contents.my>header .adminInfo::before {
		width: 16px;
		height: 16px;
		background-image: url("../images/icon/setting.svg");
		background-size: 100%;
		background-repeat: no-repeat;
		background-position: center
	}
}

.boardSearch {
	position: relative;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-end;
	align-items: center;
	margin-top: 15px;
}

@media ( min-width : 1025px) {
	.boardSearch {
		margin-bottom: 26px
	}
}

@media ( max-width : 1024px) {
	.boardSearch {
		margin-bottom: 20px
	}
}

.boardSearch input {
	padding: 0 35px 0 20px;
	border: 1px solid #a8b3bd;
	border-radius: 25px;
	line-height: 48px;
	font-weight: 600;
}

.boardSearch #search_text {
	width: 100%;
	height: 50px;
	margin: 0;
}

.boardSearch #search-name {
	height: 50px;
}

@media ( min-width : 1025px) {
	.boardSearch input {
		width: 300px
	}
}

@media ( max-width : 1024px) {
	.boardSearch input {
		width: 100%
	}
}

@media ( min-width : 1025px) {
	.boardSearch input {
		font-size: 18px
	}
}

@media ( max-width : 1024px) {
	.boardSearch input {
		font-size: 14px
	}
}

.boardSearch input:focus, .boardSearch input.on {
	border-color: #e6007e;
	outline: 0;
}

.boardSearch input:focus+button, .boardSearch input.on+button {
	background: #e6007e
}

.boardSearch button {
	outline: none;
	position: absolute;
	right: 6px;
	top: 0;
	bottom: 0;
	display: inline-block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	font-size: .5rem;
	margin: auto;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background: #a8b3bd
}

.boardSearch button::before {
	content: "";
	position: absolute !important;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 24px;
	height: 24px;
	background-image: url("../images/icon/search.svg");
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	filter: invert(100)
}

#contents.my form.setting {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	line-height: 1.2
}

@media ( min-width : 1025px) {
	#contents.my form.setting {
		margin-top: 100px
	}
}

@media ( max-width : 1024px) {
	#contents.my form.setting {
		margin-top: 80px
	}
}

#contents.my form.setting label {
	position: relative;
	width: 150px;
	height: 150px
}

#contents.my form.setting label input {
	position: absolute;
	display: inline-block;
	width: 1px;
	height: 1px;
	margin: -1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px)
}

#contents.my form.setting label .img {
	display: inline-block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	font-size: .5rem;
	width: 150px;
	height: 150px;
	background-image: url("../images/icon/myBasic.svg");
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	border-radius: 50%
}

#contents.my form.setting .select-file {
	cursor: pointer;
	position: absolute;
	width: 40px;
	height: 40px;
	background: url("../images/icon/camera.svg") no-repeat center;
	bottom: -5px;
	right: -5px;
	border-radius: 100%;
}

#contents.my form.setting label::before {
	content: "";
	position: absolute;
	right: 4px;
	bottom: 4px;
	width: 32px;
	height: 32px;
	/* background-image: url("../images/icon/camera.svg"); */
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center
}

#contents.my form.setting strong {
	margin-top: 15px;
	color: #000
}

@media ( min-width : 1025px) {
	#contents.my form.setting strong {
		font-size: 30px
	}
}

@media ( max-width : 1024px) {
	#contents.my form.setting strong {
		font-size: 24px
	}
}

#contents.my form.setting p {
	color: #181a1b
}

@media ( min-width : 1025px) {
	#contents.my form.setting p {
		margin-top: 10px
	}
}

@media ( max-width : 1024px) {
	#contents.my form.setting p {
		margin-top: 5px
	}
}

@media ( min-width : 1025px) {
	#contents.my form.setting p {
		font-size: 16px
	}
}

@media ( max-width : 1024px) {
	#contents.my form.setting p {
		font-size: 14px
	}
}

#contents.my form.setting>button {
	display: inline-block;
	font-weight: 700;
	border: 1px solid #e6007e;
	background: #e6007e;
	color: #fff
}

@media ( min-width : 1025px) {
	#contents.my form.setting>button {
		margin-top: 50px
	}
}

@media ( max-width : 1024px) {
	#contents.my form.setting>button {
		margin-top: 40px
	}
}

@media ( min-width : 1025px) {
	#contents.my form.setting>button {
		height: 49px
	}
}

@media ( max-width : 1024px) {
	#contents.my form.setting>button {
		height: 40px
	}
}

@media ( min-width : 1025px) {
	#contents.my form.setting>button {
		padding: 0 80px
	}
}

@media ( max-width : 1024px) {
	#contents.my form.setting>button {
		padding: 0 60px
	}
}

@media ( min-width : 1025px) {
	#contents.my form.setting>button {
		border-radius: 25px
	}
}

@media ( max-width : 1024px) {
	#contents.my form.setting>button {
		border-radius: 20px
	}
}

@media ( min-width : 1025px) {
	#contents.my form.setting>button {
		line-height: 47px
	}
}

@media ( max-width : 1024px) {
	#contents.my form.setting>button {
		line-height: 38px
	}
}

@media ( min-width : 1025px) {
	#contents.my form.setting>button {
		font-size: 16px
	}
}

@media ( max-width : 1024px) {
	#contents.my form.setting>button {
		font-size: 14px
	}
}

#contents.my form.setting>button:disabled {
	border: 1px solid #dce0e5;
	background: #dce0e5;
	color: #fff
}

.tabTarget.my {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	min-width: 320px;
	box-sizing: border-box;
	display: flex;
	align-items: flex-end;
	flex-direction: column;
}

@media ( min-width : 1025px) {
	.tabTarget.my {
		max-width: 1340px
	}
}

@media ( max-width : 1024px) {
	.tabTarget.my {
		max-width: 1310px
	}
}

@media ( min-width : 1025px) {
	.tabTarget.my {
		padding-left: 30px;
		padding-top: 30px;
	}
}

@media ( max-width : 1024px) {
	.tabTarget.my {
		padding-left: 0px;
		padding-top: 10px;
	}
}

@media ( min-width : 1025px) {
	.tabTarget.my {
		padding-right: 30px
	}
}

@media ( max-width : 1024px) {
	.tabTarget.my {
		padding-right: 0px
	}
}

.tabTarget.my .subHeader {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center
}

@media ( min-width : 1025px) {
	.tabTarget.my .subHeader {
		margin-top: 30px
	}
}

@media ( max-width : 1024px) {
	.tabTarget.my .subHeader {
		margin-top: 20px;
		margin-right: 15px;
	}
}

.tabTarget.my .subHeader a {
	color: #66707a
}

@media ( min-width : 1025px) {
	.tabTarget.my .subHeader a {
		font-size: 16px
	}
}

@media ( max-width : 1024px) {
	.tabTarget.my .subHeader a {
		font-size: 12px
	}
}

.tabTarget.my .subHeader a:hover, .tabTarget.my .subHeader a:focus {
	text-decoration: underline
}

.tabTarget.my .swiper.list {
	margin-bottom: -60px;
	padding-bottom: 60px;
	display: flex;
	align-items: center;
	width: 100%;
}

.tabTarget.my .swiper.list .contents-ul.list .nodata {
	width: 100%;
	text-align: center;
	margin-top: 30px;
}

.nodata strong {
	font-weight: normal;
	color: #ec008c;
}

.tabTarget.my .page-tit {
	width: 100%;
}

.tabTarget.my .play-num-info {
	width: 100%;
}

@media ( min-width : 1025px) {
	.tabTarget.my .swiper.list {
		margin-top: 30px;
		min-height: 270px;
	}
}

@media ( max-width : 1024px) {
	.tabTarget.my .swiper.list {
		margin-top: 20px;
		min-height: 250px;
	}
}

@media ( min-width : 1025px) {
	.tabTarget.my .swiper.list {
		margin-left: -5px;
		margin-right: -5px;
		padding-left: 5px;
		padding-right: 5px
	}
}

@media ( max-width : 1024px) {
	.tabTarget.my .swiper.list {
		margin-left: -15px;
		margin-right: 0px;
		padding-left: 15px;
		padding-right: 5px;
		padding-bottom: 30px;
	}
}

.tabTarget.my>button {
	font-size: .5rem;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15);
	background: #fff;
	display: none;
	position: absolute;
	z-index: 2;
	margin-top: 110px;
}

.tabTarget.my:has(.swiper.list ul li)>button {
	display: block;
}

.tabTarget.my>button:before {
	content: '';
	background-image: url("../images/icon/arr.svg");
	background-size: 18px;
	background-repeat: no-repeat;
	background-position: center;
	width: 40px;
	height: 40px;
	display: block;
}

.tabTarget.my>button:disabled:before {
	opacity: .2;
}

.tabTarget.my>button.swiperPrev {
	left: 20px;
}

.tabTarget.my>button.swiperPrev:before {
	transform: rotate(180deg);
}

.tabTarget.my>button.swiperNext {
	right: 5px;
}

.tabTarget.my .swiper.list .swiper-wrapper {
	align-items: stretch
}

@media ( min-width : 1025px) {
	.tabTarget.my .swiper.list .swiper-wrapper {
		width: calc(100% + 27px);
		min-height: 270px;
	}
}
@media (  max-width : 1024px) {
	.tabTarget.my .swiper.list .swiper-wrapper {
		min-height: 250px;
	}
}
.tabTarget.my .swiper.list .swiper-slide {
	position: relative;
	height: unset;
	position: relative
}

@media ( min-width : 1025px) {
	.tabTarget.my .swiper.list .swiper-slide {
		margin-right: 27px;
		width: calc(25% - 27px);
	}

	/*## 플레이리스트 ##*/
	.tabTarget.my .swiper.list .swiper-slide.edit-mod {
		font-size: 0;
	}
	.tabTarget.my .swiper.list .swiper-slide.edit-mod li {
		display: inline-block;
		float: none;
	}
	.tabTarget.my .swiper.list .swiper-slide.edit-mod .thumb:after {
		content: "";
		display: block;
		background: #000;
		opacity: 0.7;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
	}
}

@media ( max-width : 1024px) {
	.tabTarget.my>button {
		display: none !important;
	}
	.tabTarget.my .swiper.list .swiper-slide {
		margin-right: 10px;
		width: 260px;
	}
}

.tabTarget.my .swiper.list .swiper-slide .thumb {
	position: relative;
	display: inline-block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	font-size: .5rem;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	border-radius: 20px;
	box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .1019607843);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center
}

.tabTarget.my .swiper.list .swiper-slide .thumb .time {
	position: absolute;
	bottom: 10px;
	right: 10px;
	padding: 0 8px;
	border-radius: 12px;
	background: rgba(0, 0, 0, .7);
	text-align: center;
	text-indent: 0;
	line-height: 23px;
	font-size: 13px;
	font-weight: 700;
	color: #fff
}

.contents-ul>li span+span, .tabTarget.my .swiper.list .swiper-slide span+span,
	section.main .swiper.list .swiper-slide span+span, section.channel:not(.main)>div .swiper.list .swiper-slide span+span
	{
	position: relative;
	margin-left: 8px;
	padding-left: 8px;
}

.contents-ul>li .name span+span, .tabTarget.my .swiper.list .swiper-slide .name span+span,
	section.main .swiper.list .swiper-slide .name span+span, section.channel:not(.main)>div .swiper.list .swiper-slide .name span+span
	{ 
	color: #ec008c;
	color: #3b4044;
}

.contents-ul>li span+span {
	padding: 0;
	margin:0;
}

.contents-ul>li span {
	position: relative;
}

.contents-ul>li span::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: -8px;
	height: 15px;
	width: 1px;
	background-color:#66707a;
}

.contents-ul>li span:last-of-type::after {
	display:none;
}

.tabTarget.my .swiper.list .swiper-slide span+span::before,
	section.main .swiper.list .swiper-slide span+span::before, section.channel:not(.main)>div .swiper.list .swiper-slide span+span::before
	{
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	height: 16px;
	width: 1px;
}

.contents-ul>li span+span.nonseperate::before, .tabTarget.my .swiper.list .swiper-slide span+span.nonseperate::before,
	section.main .swiper.list .swiper-slide span+span.nonseperate::before,
	section.channel:not(.main)>div .swiper.list .swiper-slide span+span.nonseperate::before
	{
	display: none;
	left: 0;
}

.contents-ul>li .name span+span.nonseperate, .tabTarget.my .swiper.list .swiper-slide .name span+span.nonseperate,
	section.main .swiper.list .swiper-slide .name span+span.nonseperate,
	section.channel:not(.main)>div .swiper.list .swiper-slide .name span+span.nonseperate
	{
	margin-left: 0;
	padding-left: 0;
}

.tabTarget.my .swiper.list .swiper-slide .name {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	margin-top: 8px;
	font-weight: 500;
	letter-spacing: -0.02em;
	line-height: 16px;
	color: #3b4044
}

@media ( min-width : 1025px) {
	.tabTarget.my .swiper.list .swiper-slide .name {
		font-size: 14px
	}
}

@media ( max-width : 1024px) {
	.tabTarget.my .swiper.list .swiper-slide .name {
		font-size: 12px
	}
}

.tabTarget.my .swiper.list .swiper-slide .name span+span::before {
	background: #3b4044
}

.tabTarget.my .swiper.list .swiper-slide .info {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	margin-top: 8px;
	line-height: 15px;
	color: #66707a
}

@media ( min-width : 1025px) {
	.tabTarget.my .swiper.list .swiper-slide .info {
		font-size: 13px
	}
}

@media ( max-width : 1024px) {
	.tabTarget.my .swiper.list .swiper-slide .info {
		font-size: 11px
	}
}

.tabTarget.my .swiper.list .swiper-slide .info span+span::before {
	background: #dce0e5
}

@media ( min-width : 1025px) {
	.tabTarget.my .swiper.list .swiper-slide:last-child {
		margin-right: 0
	}
}

.tabTarget.my .buttons {
	z-index: 2;
	position: absolute;
	top: 0;
	bottom: 100px;
	left: 0;
	right: 0;
	margin: auto;
	height: 0;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	min-width: 320px;
	box-sizing: border-box
}

@media ( min-width : 1025px) {
	.tabTarget.my .buttons {
		max-width: 1340px
	}
}

@media ( max-width : 1024px) {
	.tabTarget.my .buttons {
		max-width: 1310px
	}
}

@media ( min-width : 1025px) {
	.tabTarget.my .buttons {
		padding-left: 30px
	}
}

@media ( max-width : 1024px) {
	.tabTarget.my .buttons {
		padding-left: 15px
	}
}

@media ( min-width : 1025px) {
	.tabTarget.my .buttons {
		padding-right: 30px
	}
}

@media ( max-width : 1024px) {
	.tabTarget.my .buttons {
		padding-right: 15px
	}
}

@media ( max-width : 1024px) {
	.tabTarget.my .buttons {
		display: none
	}
}

.tabTarget.my .buttons>button {
	z-index: 2;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	display: inline-block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	font-size: .5rem;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, .1490196078);
	background: #fff
}

.tabTarget.my .buttons>button:disabled::before {
	opacity: .2
}

.tabTarget.my .buttons>button.swiperPrev {
	left: 5px
}

.tabTarget.my .buttons>button.swiperPrev::before {
	transform: rotate(180deg)
}

.tabTarget.my .buttons>button.swiperNext {
	right: 5px
}

.tabTarget.my .buttons>button::before {
	content: "";
	position: absolute !important;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 18px;
	height: 18px;
	background-image: url("../images/icon/arr.svg");
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center
}

.tabTarget.my .buttons>button.swiperPrev {
	left: 10px
}

.tabTarget.my .buttons>button.swiperNext {
	right: 10px
}

.mypageMenu {
	border-top: 1px solid #dce0e5
}

@media ( min-width : 1025px) {
	.mypageMenu {
		margin-top: 70px
	}
}

@media ( max-width : 1024px) {
	.mypageMenu {
		margin-top: 40px
	}
}

.mypageMenu>ul {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	min-width: 320px;
	box-sizing: border-box;
	padding-left: 0 !important;
	padding-right: 0 !important;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-evenly;
	align-items: flex-start
}

@media ( min-width : 1025px) {
	.mypageMenu>ul {
		max-width: 1340px
	}
}

@media ( max-width : 1024px) {
	.mypageMenu>ul {
		max-width: 1310px
	}
}

@media ( min-width : 1025px) {
	.mypageMenu>ul {
		padding-left: 30px
	}
}

@media ( max-width : 1024px) {
	.mypageMenu>ul {
		padding-left: 15px
	}
}

@media ( min-width : 1025px) {
	.mypageMenu>ul {
		padding-right: 30px
	}
}

@media ( max-width : 1024px) {
	.mypageMenu>ul {
		padding-right: 15px
	}
}

@media ( max-width : 640px) {
	.mypageMenu>ul {
		justify-content: space-between
	}
}

.mypageMenu>ul li {
	width: 20%
}

@media ( max-width : 640px) {
	.mypageMenu>ul li {
		width: 33.3333333333%
	}
}

@media ( min-width : 1025px) {
	.mypageMenu>ul li {
		margin-top: 70px
	}
}

@media ( max-width : 1024px) {
	.mypageMenu>ul li {
		margin-top: 40px
	}
}

.mypageMenu>ul a {
	position: relative;
	display: block;
	margin: auto;
	text-align: center;
	color: #3b4044
}

@media ( min-width : 1025px) {
	.mypageMenu>ul a {
		width: 110px
	}
}

@media ( max-width : 1024px) {
	.mypageMenu>ul a {
		width: 80px
	}
}

@media ( min-width : 1025px) {
	.mypageMenu>ul a {
		padding-top: 75px
	}
}

@media ( max-width : 1024px) {
	.mypageMenu>ul a {
		padding-top: 68px
	}
}

@media ( min-width : 1025px) {
	.mypageMenu>ul a {
		font-size: 18px
	}
}

@media ( max-width : 1024px) {
	.mypageMenu>ul a {
		font-size: 13px
	}
}

.mypageMenu>ul a::before, .mypageMenu>ul a::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	margin: auto;
	width: 60px;
	height: 60px;
	background-position: center;
	background-repeat: no-repeat
}

.mypageMenu>ul a::before {
	background-image: url("../images/my/menuBg.svg")
}

.mypageMenu>ul a.notice::after {
	background-image: url("../images/my/notice.svg")
}

.mypageMenu>ul a.qna::after {
	background-image: url("../images/my/qna.svg")
}

.mypageMenu>ul a.faq::after {
	background-image: url("../images/my/faq.svg")
}

.mypageMenu>ul a.quiz::after {
	background-image: url("../images/my/quiz.svg")
}

.mypageMenu>ul a.club::after {
	background-image: url("../images/my/club.svg")
}

.mypageMenu>ul a.app::after {
	background-image: url("../images/my/app.svg")
}

.mypageMenu>ul a.set::after {
	background-image: url("../images/my/set.svg")
}

.mypageMenu>ul a.edu::after {
	background-image: url("../images/my/edu.svg")
}

.mypageMenu>ul a.logout::after {
	background-image: url("../images/my/logout.svg")
}

.mypageMenu>ul a.admin::after {
	background-image: url("../images/my/admin.svg")
}

.dailyquiz {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	min-width: 320px;
	box-sizing: border-box;
}

@media ( min-width : 1025px) {
	.dailyquiz {
		max-width: 1340px
	}
}

@media ( max-width : 1024px) {
	.dailyquiz {
		max-width: 1310px
	}
}

@media ( min-width : 1025px) {
	.dailyquiz {
		padding-left: 30px
	}
}

@media ( max-width : 1024px) {
	.dailyquiz {
		padding-left: 15px
	}
}

@media ( min-width : 1025px) {
	.dailyquiz {
		padding-right: 30px
	}
}

@media ( max-width : 1024px) {
	.dailyquiz {
		padding-right: 15px
	}
}

@media ( min-width : 1025px) {
	.dailyquiz {
		padding-top: 10px
	}
}

@media ( max-width : 1024px) {
	.dailyquiz {
		padding-top: 10px
	}
}

.dailyquiz::before {
	content: "";
	position: absolute;
	top: 0;
	height: 1px;
	background: transparent;
}

@media ( min-width : 1025px) {
	.dailyquiz::before {
		left: 30px
	}
}

@media ( max-width : 1024px) {
	.dailyquiz::before {
		left: 15px
	}
}

@media ( min-width : 1025px) {
	.dailyquiz::before {
		right: 30px
	}
}

@media ( max-width : 1024px) {
	.dailyquiz::before {
		right: 15px
	}
}

.dailyquiz ul {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	background: #f9fafb
}

@media ( min-width : 1025px) {
	.dailyquiz ul {
		/* padding: 20px 0 0 20px */
		
	}
}

@media ( max-width : 1024px) {
	.dailyquiz ul {
		padding: 15px 0 0 15px
	}
}

@media ( min-width : 1025px) {
	.dailyquiz ul {
		border-radius: 30px
	}
}

@media ( max-width : 1024px) {
	.dailyquiz ul {
		border-radius: 20px
	}
}

.dailyquiz ul li.empty {
	width: 100%;
	text-align: center;
	font-weight: 600;
	color: #66707a
}

@media ( min-width : 1025px) {
	.dailyquiz ul li.empty {
		margin-bottom: 20px
	}
}

@media ( max-width : 1024px) {
	.dailyquiz ul li.empty {
		margin-bottom: 15px
	}
}

@media ( min-width : 1025px) {
	.dailyquiz ul li.empty {
		padding: 100px 0
	}
}

@media ( max-width : 1024px) {
	.dailyquiz ul li.empty {
		padding: 80px 0
	}
}

@media ( min-width : 1025px) {
	.dailyquiz ul li.empty {
		font-size: 18px
	}
}

@media ( max-width : 1024px) {
	.dailyquiz ul li.empty {
		font-size: 16px
	}
}

.dailyquiz ul li:not(.empty) {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	border-radius: 15px;
	box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, .1019607843);
	background: #fff;
	line-height: 1.2;
	word-break: keep-all
}

@media ( min-width : 1025px) {
	.dailyquiz ul li:not(.empty) {
		margin: 0 20px 20px 0
	}
}

@media ( max-width : 1024px) {
	.dailyquiz ul li:not(.empty) {
		margin: 0 15px 15px 0
	}
}

@media ( min-width : 1025px) {
	.dailyquiz ul li:not(.empty) {
		width: calc(100% - 20px)
	}
}

@media ( max-width : 1024px) {
	.dailyquiz ul li:not(.empty) {
		width: calc(100% - 15px)
	}
}

@media ( max-width : 640px) {
	.dailyquiz ul li:not(.empty) { //
		width: 100%
	}
}

@media ( min-width : 1025px) {
	.dailyquiz ul li:not(.empty) {
		/* padding: 25px */
		
	}
}

@media ( max-width : 1024px) {
	.dailyquiz ul li:not(.empty) {
		/* padding: 20px */
		
	}
}

.dailyquiz ul li:not(.empty) span {
	width: 100%;
	font-weight: 600;
	color: #000
}

@media ( min-width : 1025px) {
	.dailyquiz ul li:not(.empty) span {
		font-size: 18px
	}
}

@media ( max-width : 1024px) {
	.dailyquiz ul li:not(.empty) span {
		font-size: 16px
	}
}

.dailyquiz ul li:not(.empty) strong {
	margin-top: 8px;
	width: 100%;
	font-size: 24px;
	color: #e6007e
}

.dailyquiz ul li:not(.empty) em {
	width: 100%;
	color: #a8b3bd
}

@media ( min-width : 1025px) {
	.dailyquiz ul li:not(.empty) em {
		margin-top: 20px
	}
}

@media ( max-width : 1024px) {
	.dailyquiz ul li:not(.empty) em {
		margin-top: 10px
	}
}

@media ( min-width : 1025px) {
	.dailyquiz ul li:not(.empty) em {
		font-size: 30px
	}
}

@media ( max-width : 1024px) {
	.dailyquiz ul li:not(.empty) em {
		font-size: 24px
	}
}

.dailyquiz ul li:not(.empty) em b {
	color: #6171ff
}

.dailyquiz ul li:not(.empty) em .ongoingfinishedcount {
	color: #e6007e
}

.dailyquiz ul li:not(.empty) p {
	margin-top: 5px;
	width: 100%;
	color: #3b4044
}

@media ( min-width : 1025px) {
	.dailyquiz ul li:not(.empty) p {
		font-size: 16px
	}
}

@media ( max-width : 1024px) {
	.dailyquiz ul li:not(.empty) p {
		font-size: 14px
	}
}

.dailyquiz ul li:not(.empty) button {
	margin-top: 30px
}

.dailyquiz ul li:not(.empty) button:not(.case) {
	display: inline-block;
	padding: 0 20px;
	font-weight: 700;
	border: 1px solid #e6007e;
	background: #e6007e;
	color: #fff
}

@media ( min-width : 1025px) {
	.dailyquiz ul li:not(.empty) button:not(.case) {
		height: 39px
	}
}

@media ( max-width : 1024px) {
	.dailyquiz ul li:not(.empty) button:not(.case) {
		height: 36px
	}
}

@media ( min-width : 1025px) {
	.dailyquiz ul li:not(.empty) button:not(.case) {
		border-radius: 20px
	}
}

@media ( max-width : 1024px) {
	.dailyquiz ul li:not(.empty) button:not(.case) {
		border-radius: 18px
	}
}

@media ( min-width : 1025px) {
	.dailyquiz ul li:not(.empty) button:not(.case) {
		line-height: 37px
	}
}

@media ( max-width : 1024px) {
	.dailyquiz ul li:not(.empty) button:not(.case) {
		line-height: 34px
	}
}

@media ( min-width : 1025px) {
	.dailyquiz ul li:not(.empty) button:not(.case) {
		font-size: 16px
	}
}

@media ( max-width : 1024px) {
	.dailyquiz ul li:not(.empty) button:not(.case) {
		font-size: 14px
	}
}

.dailyquiz ul li:not(.empty) button:not(.case):disabled {
	border: 1px solid #dce0e5;
	background: #dce0e5;
	color: #fff
}

.dailyquiz ul li:not(.empty) button.case {
	display: inline-block;
	padding: 0 20px;
	font-weight: 700;
	border: 1px solid #6171ff;
	background: #6171ff;
	color: #fff
}

@media ( min-width : 1025px) {
	.dailyquiz ul li:not(.empty) button.case {
		height: 39px
	}
}

@media ( max-width : 1024px) {
	.dailyquiz ul li:not(.empty) button.case {
		height: 36px
	}
}

@media ( min-width : 1025px) {
	.dailyquiz ul li:not(.empty) button.case {
		border-radius: 20px
	}
}

@media ( max-width : 1024px) {
	.dailyquiz ul li:not(.empty) button.case {
		border-radius: 18px
	}
}

@media ( min-width : 1025px) {
	.dailyquiz ul li:not(.empty) button.case {
		line-height: 37px
	}
}

@media ( max-width : 1024px) {
	.dailyquiz ul li:not(.empty) button.case {
		line-height: 34px
	}
}

@media ( min-width : 1025px) {
	.dailyquiz ul li:not(.empty) button.case {
		font-size: 16px
	}
}

@media ( max-width : 1024px) {
	.dailyquiz ul li:not(.empty) button.case {
		font-size: 14px
	}
}

.dailyquiz ul li:not(.empty) button.case:disabled {
	border: 1px solid #dce0e5;
	background: #dce0e5;
	color: #fff
}

@media ( min-width : 1025px) {
	.dailyquiz+section {
		margin-top: 70px
	}
}

@media ( max-width : 1024px) {
	.dailyquiz+section {
		margin-top: 50px
	}
}

.dailyquiz+section .title {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	min-width: 320px;
	box-sizing: border-box
}

@media ( min-width : 1025px) {
	.dailyquiz+section .title {
		max-width: 1340px
	}
}

@media ( max-width : 1024px) {
	.dailyquiz+section .title {
		max-width: 1310px
	}
}

@media ( min-width : 1025px) {
	.dailyquiz+section .title {
		padding-left: 30px
	}
}

@media ( max-width : 1024px) {
	.dailyquiz+section .title {
		padding-left: 15px
	}
}

@media ( min-width : 1025px) {
	.dailyquiz+section .title {
		padding-right: 30px
	}
}

@media ( max-width : 1024px) {
	.dailyquiz+section .title {
		padding-right: 15px
	}
}

.tabTarget.club {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	min-width: 320px;
	box-sizing: border-box
}

@media ( min-width : 1025px) {
	.tabTarget.club {
		max-width: 1340px
	}
}

@media ( max-width : 1024px) {
	.tabTarget.club {
		max-width: 1310px
	}
}

@media ( min-width : 1025px) {
	.tabTarget.club {
		padding-left: 30px
	}
}

@media ( max-width : 1024px) {
	.tabTarget.club {
		padding-left: 15px
	}
}

@media ( min-width : 1025px) {
	.tabTarget.club {
		padding-right: 30px
	}
}

@media ( max-width : 1024px) {
	.tabTarget.club {
		padding-right: 15px
	}
}

@media ( min-width : 1025px) {
	.tabTarget.club {
		margin-top: 20px
	}
}

@media ( max-width : 1024px) {
	.tabTarget.club {
		margin-top: 12px
	}
}

@media ( min-width : 1025px) {
	.tabTarget.club ~footer { //
		top: 25%;
		top: 244px;
	}
}

.tabTarget.club ~footer>*::before {
	width: 13px;
	height: 13px;
	background-image: url("../images/icon/plus.svg");
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center
}

.tabTarget.club>ul {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	/* background: #fff; */
	line-height: 1.2
}

@media ( min-width : 1025px) {
	.tabTarget.club>ul {
		border-radius: 30px
	}
}

@media ( max-width : 1024px) {
	.tabTarget.club>ul {
		border-radius: 20px
	}
}

@media ( min-width : 1025px) {
	.tabTarget.club>ul.clubList {
		padding: 25px 15px 15px 25px
	}
}

@media ( max-width : 1024px) {
	.tabTarget.club>ul.clubList {
		padding: 15px 5px 5px 15px
	}
}

@media ( min-width : 1025px) {
	.tabTarget.club>ul.invitationList {
		padding: 25px 0 0 25px
	}
}

@media ( max-width : 1024px) {
	.tabTarget.club>ul.invitationList {
		padding: 15px 0 0 15px
	}
}

.tabTarget.club>ul>li.empty {
	text-align: center;
	font-weight: 600
}

@media ( min-width : 1025px) {
	.tabTarget.club>ul>li.empty {
		padding: 100px
	}
}

@media ( max-width : 1024px) {
	.tabTarget.club>ul>li.empty {
		padding: 80px
	}
}

@media ( min-width : 1025px) {
	.tabTarget.club>ul>li.empty {
		font-size: 18px
	}
}

@media ( max-width : 1024px) {
	.tabTarget.club>ul>li.empty {
		font-size: 16px
	}
}

.tabTarget.club>ul.clubList>li:not(.empty) {
	margin: 0 10px 10px 0
}

@media ( min-width : 1025px) {
	.tabTarget.club>ul.clubList>li:not(.empty) {
		width: calc(14.2857142857% - 10px)
	}
}

@media screen and (min-width: 1025px)and (max-width: 1290px) {
	.tabTarget.club>ul.clubList>li:not(.empty) {
		width: calc(16.6666666667% - 10px)
	}
}

@media screen and (max-width: 1140px) {
	.tabTarget.club>ul.clubList>li:not(.empty) {
		width: calc(20% - 10px)
	}
}

@media screen and (max-width: 940px) {
	.tabTarget.club>ul.clubList>li:not(.empty) {
		width: calc(20% - 10px)
	}
}

@media screen and (max-width: 768px) {
	.tabTarget.club>ul.clubList>li:not(.empty) {
		width: calc(25% - 10px)
	}
}

@media ( max-width : 640px) {
	.tabTarget.club>ul.clubList>li:not(.empty) {
		width: calc(33.3333333333% - 10px)
	}
}

@media ( max-width : 480px) {
	.tabTarget.club>ul.clubList>li:not(.empty) {
		width: calc(50% - 10px)
	}
}

.tabTarget.club>ul.invitationList>li:not(.empty) {
	position: relative;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: flex-start;
	box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, .1019607843);
	border-radius: 20px;
	background: #fff
}

@media ( min-width : 1025px) {
	.tabTarget.club>ul.invitationList>li:not(.empty) {
		margin: 0 25px 25px 0
	}
}

@media ( max-width : 1024px) {
	.tabTarget.club>ul.invitationList>li:not(.empty) {
		margin: 0 15px 15px 0
	}
}

@media ( min-width : 1025px) {
	.tabTarget.club>ul.invitationList>li:not(.empty) {
		width: calc(50% - 25px)
	}
}

@media ( max-width : 1024px) {
	.tabTarget.club>ul.invitationList>li:not(.empty) {
		width: calc(50% - 15px)
	}
}

@media ( min-width : 1025px) {
	.tabTarget.club>ul.invitationList>li:not(.empty) {
		min-height: 195px
	}
}

@media ( max-width : 1024px) {
	.tabTarget.club>ul.invitationList>li:not(.empty) {
		min-height: 120px
	}
}

@media ( min-width : 1025px) {
	.tabTarget.club>ul.invitationList>li:not(.empty) {
		padding: 15px 15px 15px 209px
	}
}

@media ( max-width : 1024px) {
	.tabTarget.club>ul.invitationList>li:not(.empty) {
		padding: 10px 10px 10px 120px
	}
}

@media screen and (max-width: 768px) {
	.tabTarget.club>ul.invitationList>li:not(.empty) {
		width: 100%
	}
}

.tabTarget.club>ul.invitationList>li:not(.empty) *[class^=type0] {
	position: absolute
}

@media ( min-width : 1025px) {
	.tabTarget.club>ul.invitationList>li:not(.empty) *[class^=type0] {
		left: 15px
	}
}

@media ( max-width : 1024px) {
	.tabTarget.club>ul.invitationList>li:not(.empty) *[class^=type0] {
		left: 10px
	}
}

@media ( min-width : 1025px) {
	.tabTarget.club>ul.invitationList>li:not(.empty) *[class^=type0] {
		top: 15px
	}
}

@media ( max-width : 1024px) {
	.tabTarget.club>ul.invitationList>li:not(.empty) *[class^=type0] {
		top: 10px
	}
}

@media ( min-width : 1025px) {
	.tabTarget.club>ul.invitationList>li:not(.empty) *[class^=type0] {
		width: 166px
	}
}

@media ( max-width : 1024px) {
	.tabTarget.club>ul.invitationList>li:not(.empty) *[class^=type0] {
		width: 100px
	}
}

.tabTarget.club>ul *[class^=type0] {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	height: 100%;
	/* padding: 10% 10px; */
	border-radius: 20px
}

.tabTarget.club>ul *[class^=type0] div {
	display: inline-block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	font-size: .5rem;
	border-radius: 10%;
	background-size: cover !important
}

@media ( min-width : 1025px) {
	.tabTarget.club>ul *[class^=type0] div {
		width: 150px;
		height: 150px;
		background-image: url("../images/icon/club.svg");
		background-size: 100%;
		background-repeat: no-repeat;
		background-position: center
	}
}

@media ( max-width : 1024px) {
	.tabTarget.club>ul *[class^=type0] div {
		width: 100px;
		height: 100px;
		background-image: url("../images/icon/club.svg");
		background-size: 100%;
		background-repeat: no-repeat;
		background-position: center
	}
}

.tabTarget.club>ul *[class^=type0]>span {
	margin-top: 13px;
	width: 100%;
	overflow: hidden;
	font-weight: 600;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align: center;
	line-height: 1.2;
	color: #fff
}

@media ( min-width : 1025px) {
	.tabTarget.club>ul *[class^=type0]>span {
		font-size: 18px
	}
}

@media ( max-width : 1024px) {
	.tabTarget.club>ul *[class^=type0]>span {
		font-size: 14px
	}
}

.tabTarget.club>ul li>strong {
	color: #000
}

@media ( min-width : 1025px) {
	.tabTarget.club>ul li>strong {
		font-size: 20px
	}
}

@media ( max-width : 1024px) {
	.tabTarget.club>ul li>strong {
		font-size: 16px
	}
}

.tabTarget.club>ul li>p {
	color: #3b4044
}

@media ( min-width : 1025px) {
	.tabTarget.club>ul li>p {
		margin-top: 12px
	}
}

@media ( max-width : 1024px) {
	.tabTarget.club>ul li>p {
		margin-top: 6px
	}
}

@media ( min-width : 1025px) {
	.tabTarget.club>ul li>p {
		font-size: 16px
	}
}

@media ( max-width : 1024px) {
	.tabTarget.club>ul li>p {
		font-size: 12px
	}
}

.tabTarget.club>ul li>p>*+* {
	position: relative;
	margin-left: 16px
}

.tabTarget.club>ul li>p>*+*::before {
	content: "";
	position: absolute;
	left: -8px;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 1px;
	height: 12px;
	background: #3b4044
}

.tabTarget.club>ul li>div {
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-end;
	align-items: center
}

@media ( min-width : 1025px) {
	.tabTarget.club>ul li>div {
		margin-top: 53px
	}
}

@media ( max-width : 1024px) {
	.tabTarget.club>ul li>div {
		margin-top: 29px
	}
}

.tabTarget.club>ul li>div>*:first-child {
	display: inline-block;
	padding: 0 20px;
	font-weight: 700;
	border: 1px solid #e6007e;
	background: #e6007e;
	color: #fff
}

@media ( min-width : 1025px) {
	.tabTarget.club>ul li>div>*:first-child {
		height: 39px
	}
}

@media ( max-width : 1024px) {
	.tabTarget.club>ul li>div>*:first-child {
		height: 32px
	}
}

@media ( min-width : 1025px) {
	.tabTarget.club>ul li>div>*:first-child {
		border-radius: 20px
	}
}

@media ( max-width : 1024px) {
	.tabTarget.club>ul li>div>*:first-child {
		border-radius: 16px
	}
}

@media ( min-width : 1025px) {
	.tabTarget.club>ul li>div>*:first-child {
		line-height: 37px
	}
}

@media ( max-width : 1024px) {
	.tabTarget.club>ul li>div>*:first-child {
		line-height: 30px
	}
}

@media ( min-width : 1025px) {
	.tabTarget.club>ul li>div>*:first-child {
		font-size: 16px
	}
}

@media ( max-width : 1024px) {
	.tabTarget.club>ul li>div>*:first-child {
		font-size: 14px
	}
}

.tabTarget.club>ul li>div>*:first-child:disabled {
	border: 1px solid #dce0e5;
	background: #dce0e5;
	color: #fff
}

.tabTarget.club>ul li>div>*:last-child {
	display: inline-block;
	padding: 0 20px;
	font-weight: 700;
	border: 1px solid #a8b3bd;
	background: #a8b3bd;
	color: #fff
}

@media ( min-width : 1025px) {
	.tabTarget.club>ul li>div>*:last-child {
		height: 39px
	}
}

@media ( max-width : 1024px) {
	.tabTarget.club>ul li>div>*:last-child {
		height: 32px
	}
}

@media ( min-width : 1025px) {
	.tabTarget.club>ul li>div>*:last-child {
		border-radius: 20px
	}
}

@media ( max-width : 1024px) {
	.tabTarget.club>ul li>div>*:last-child {
		border-radius: 16px
	}
}

@media ( min-width : 1025px) {
	.tabTarget.club>ul li>div>*:last-child {
		line-height: 37px
	}
}

@media ( max-width : 1024px) {
	.tabTarget.club>ul li>div>*:last-child {
		line-height: 30px
	}
}

@media ( min-width : 1025px) {
	.tabTarget.club>ul li>div>*:last-child {
		font-size: 16px
	}
}

@media ( max-width : 1024px) {
	.tabTarget.club>ul li>div>*:last-child {
		font-size: 14px
	}
}

.tabTarget.club>ul li>div>*:last-child:disabled {
	border: 1px solid #dce0e5;
	background: #dce0e5;
	color: #fff
}

.tabTarget.club>ul li>div>*+* {
	margin-left: 8px
}

.tabTarget.club ~footer, .tabTarget.clubDetail ~footer {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	min-width: 320px;
	box-sizing: border-box;
	text-align: right
}

@media ( min-width : 1025px) {
	.tabTarget.club ~footer, .tabTarget.clubDetail ~footer {
		max-width: 1340px
	}
}

@media ( max-width : 1024px) {
	.tabTarget.club ~footer, .tabTarget.clubDetail ~footer {
		max-width: 1310px
	}
}

@media ( min-width : 1025px) {
	.tabTarget.club ~footer, .tabTarget.clubDetail ~footer {
		padding-left: 30px
	}
}

@media ( max-width : 1024px) {
	.tabTarget.club ~footer, .tabTarget.clubDetail ~footer {
		padding-left: 15px
	}
}

@media ( min-width : 1025px) {
	.tabTarget.club ~footer, .tabTarget.clubDetail ~footer {
		padding-right: 54px
	}
}

@media ( max-width : 1024px) {
	.tabTarget.club ~footer, .tabTarget.clubDetail ~footer {
		padding-right: 15px
	}
}

@media ( min-width : 1025px) {
	.tabTarget.club ~footer, .tabTarget.clubDetail ~footer {
		position: absolute;
		left: 0;
		right: 0;
		margin: auto
	}
}

.tabTarget.club ~footer>*, .tabTarget.clubDetail ~footer>* {
	display: inline-block;
	padding: 0 20px;
	font-weight: 700;
	border: 1px solid #e6007e;
	background: #e6007e;
	color: #fff;
	display: inline-flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	outline: none;
}

@media ( min-width : 1025px) {
	.tabTarget.club ~footer>*, .tabTarget.clubDetail ~footer>* {
		height: 39px
	}
}

@media ( max-width : 1024px) {
	.tabTarget.club ~footer>*, .tabTarget.clubDetail ~footer>* {
		height: 36px
	}
}

@media ( min-width : 1025px) {
	.tabTarget.club ~footer>*, .tabTarget.clubDetail ~footer>* {
		border-radius: 20px
	}
}

@media ( max-width : 1024px) {
	.tabTarget.club ~footer>*, .tabTarget.clubDetail ~footer>* {
		border-radius: 18px
	}
}

@media ( min-width : 1025px) {
	.tabTarget.club ~footer>*, .tabTarget.clubDetail ~footer>* {
		line-height: 37px
	}
}

@media ( max-width : 1024px) {
	.tabTarget.club ~footer>*, .tabTarget.clubDetail ~footer>* {
		line-height: 34px
	}
}

@media ( min-width : 1025px) {
	.tabTarget.club ~footer>*, .tabTarget.clubDetail ~footer>* {
		font-size: 16px
	}
}

@media ( max-width : 1024px) {
	.tabTarget.club ~footer>*, .tabTarget.clubDetail ~footer>* {
		font-size: 14px
	}
}

.tabTarget.club ~footer>*:disabled, .tabTarget.clubDetail ~footer>*:disabled
	{
	border: 1px solid #dce0e5;
	background: #dce0e5;
	color: #fff
}

@media ( max-width : 1024px) {
	.tabTarget.club ~footer>*, .tabTarget.clubDetail ~footer>* {
		z-index: 1;
		position: fixed;
		right: 10px;
		bottom: 88px;
		box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, .1490196078)
	}
}

.tabTarget.club ~footer>*::before, .tabTarget.clubDetail ~footer>*::before
	{
	content: "";
	margin-right: 10px
}

.clubs {
	position: relative
}

@media ( min-width : 1025px) {
	.clubs {
		margin-top: 33px;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		min-width: 320px;
		box-sizing: border-box
	}
}

@media ( min-width : 1025px)and (min-width: 1025px) {
	.clubs {
		max-width: 1340px
	}
}

@media ( min-width : 1025px)and (max-width: 1024px) {
	.clubs {
		max-width: 1310px
	}
}

@media ( min-width : 1025px)and (min-width: 1025px) {
	.clubs {
		padding-left: 30px
	}
}

@media ( min-width : 1025px)and (max-width: 1024px) {
	.clubs {
		padding-left: 15px
	}
}

@media ( min-width : 1025px)and (min-width: 1025px) {
	.clubs {
		padding-right: 30px
	}
}

@media ( min-width : 1025px)and (max-width: 1024px) {
	.clubs {
		padding-right: 15px
	}
}

.clubs .swiper {
	background: #f9fafb
}

@media ( min-width : 1025px) {
	.clubs .swiper {
		padding: 35px 33px 35px 23px
	}
}

@media ( max-width : 1024px) {
	.clubs .swiper {
		padding: 25px 15px 25px 5px
	}
}

@media ( min-width : 1025px) {
	.clubs .swiper {
		border-radius: 20px
	}
}

.clubs .swiper .swiper-slide {
	padding-left: 10px
}

@media ( min-width : 1025px) {
	.clubs .swiper .swiper-slide {
		width: 175px
	}
}

@media ( max-width : 1024px) {
	.clubs .swiper .swiper-slide {
		width: 120px
	}
}

.clubs .swiper .swiper-slide>* {
	display: block;
	padding: 0 10px;
	overflow: hidden;
	text-align: center;
	white-space: nowrap;
	font-weight: 600;
	text-overflow: ellipsis;
	color: #fff
}

@media ( min-width : 1025px) {
	.clubs .swiper .swiper-slide>* {
		border-radius: 15px
	}
}

@media ( max-width : 1024px) {
	.clubs .swiper .swiper-slide>* {
		border-radius: 10px
	}
}

@media ( min-width : 1025px) {
	.clubs .swiper .swiper-slide>* {
		line-height: 54px
	}
}

@media ( max-width : 1024px) {
	.clubs .swiper .swiper-slide>* {
		line-height: 38px
	}
}

@media ( min-width : 1025px) {
	.clubs .swiper .swiper-slide>* {
		font-size: 18px
	}
}

@media ( max-width : 1024px) {
	.clubs .swiper .swiper-slide>* {
		font-size: 14px
	}
}

.clubs .swiper .swiper-slide>*.selected {
	box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, .1019607843);
	background: #e6007e
}

.clubs .swiper .swiper-slide>*:not(.selected) {
	background: #a8b3bd
}

.clubs .swiper .swiper-slide>a:hover {
	color: white;
}

.clubs>button {
	position: absolute;
	z-index: 2;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	display: inline-block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	font-size: .5rem;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, .1490196078);
	background: #fff
}

.clubs>button:disabled::before {
	opacity: .2
}

.clubs>button.swiperPrev {
	left: 5px outline: none;
}

.clubs>button.swiperPrev::before {
	transform: rotate(180deg)
}

@media ( max-width : 1024px) {
	.clubs>button.swiperPrev {
		display: none
	}
}

.clubs>button.swiperNext {
	right: 5px outline: none;
}

@media ( max-width : 1024px) {
	.clubs>button.swiperNext {
		display: none
	}
}

.clubs>button::before {
	content: "";
	position: absolute !important;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 18px;
	height: 18px;
	background-image: url("../images/icon/arr.svg");
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center
}

@media ( max-width : 1024px) {
	.clubs>button {
		display: none
	}
}

.clubs>button.swiperPrev {
	left: 10px
}

.clubs>button.swiperNext {
	right: 10px
}

.clubHeader {
	position: relative;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center
}

@media ( min-width : 1025px) {
	.clubHeader {
		padding-top: 38px !important
	}
}

@media ( max-width : 1024px) {
	.clubHeader {
		padding-top: 25px !important
	}
}

.clubHeader div[class^=type0] {
	position: relative
}

@media ( min-width : 1025px) {
	.clubHeader div[class^=type0] {
		width: 114px
	}
}

@media ( max-width : 1024px) {
	.clubHeader div[class^=type0] {
		width: 100px
	}
}

@media ( min-width : 1025px) {
	.clubHeader div[class^=type0] {
		height: 114px
	}
}

@media ( max-width : 1024px) {
	.clubHeader div[class^=type0] {
		height: 100px
	}
}

@media ( min-width : 1025px) {
	.clubHeader div[class^=type0] {
		border-radius: 20px
	}
}

@media ( max-width : 1024px) {
	.clubHeader div[class^=type0] {
		border-radius: 15px
	}
}

/* @media ( max-width : 1024px) {
	.clubHeader div[class^=type0] {
		box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, .1019607843)
	}
} */

.clubHeader div[class^=type0]>div {
	position: absolute !important;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	display: inline-block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	font-size: .5rem;
	border-radius: 10%;
	background-size: cover !important
}

@media ( min-width : 1025px) {
	.clubHeader div[class^=type0]>div {
		width: 90px;
		height: 90px;
		background-image: url("../images/icon/club.svg");
		background-size: 100%;
		background-repeat: no-repeat;
		background-position: center
	}
}

@media ( max-width : 1024px) {
	.clubHeader div[class^=type0]>div {
		width: 76px;
		height: 76px;
		background-image: url("../images/icon/club.svg");
		background-size: 100%;
		background-repeat: no-repeat;
		background-position: center
	}
}

.clubHeader h2 {
	color: #000
}

@media ( min-width : 1025px) {
	.clubHeader h2 {
		margin-left: 20px
	}
}

@media ( max-width : 1024px) {
	.clubHeader h2 {
		margin-left: 13px
	}
}

@media ( min-width : 1025px) {
	.clubHeader h2 {
		font-size: 30px
	}
}

@media ( max-width : 1024px) {
	.clubHeader h2 {
		font-size: 20px
	}
}

.clubHeader button {
	position: absolute;
	right: 0;
}

.tabTarget.clubDetail {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	min-width: 320px;
	box-sizing: border-box
}

@media ( min-width : 1025px) {
	.tabTarget.clubDetail {
		max-width: 1340px
	}
}

@media ( max-width : 1024px) {
	.tabTarget.clubDetail {
		max-width: 1310px
	}
}

@media ( min-width : 1025px) {
	.tabTarget.clubDetail {
		padding-left: 30px
	}
}

@media ( max-width : 1024px) {
	.tabTarget.clubDetail {
		padding-left: 15px
	}
}

@media ( min-width : 1025px) {
	.tabTarget.clubDetail {
		padding-right: 30px
	}
}

@media ( max-width : 1024px) {
	.tabTarget.clubDetail {
		padding-right: 15px
	}
}

@media ( min-width : 1025px) {
	.tabTarget.clubDetail {
		padding-top: 60px
	}
}

@media ( max-width : 1024px) {
	.tabTarget.clubDetail {
		padding-top: 30px
	}
}

@media ( min-width : 1025px) {
	.tabTarget.clubDetail ~footer {
		top: 330px
	}
}

.tabTarget.clubDetail ~footer>*::before {
	width: 23px;
	height: 23px;
	background-image: url("../images/icon/write.svg");
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center
}

.tabTarget.clubDetail .bbsList {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	line-height: 1.2
}

@media ( min-width : 1025px) {
	.tabTarget.clubDetail .bbsList {
		margin-left: -40px
	}
}

@media ( max-width : 1024px) {
	.tabTarget.clubDetail .bbsList {
		margin-top: -25px;
		margin-left: -15px;
		margin-right: -15px
	}
}

.tabTarget.clubDetail .bbsList>li {
	border-bottom: 1px solid #dce0e5
}

@media ( min-width : 1025px) {
	.tabTarget.clubDetail .bbsList>li {
		margin-left: 40px
	}
}

@media ( min-width : 1025px) {
	.tabTarget.clubDetail .bbsList>li {
		width: calc(33.3333333333% - 40px)
	}
}

@media ( max-width : 1024px) {
	.tabTarget.clubDetail .bbsList>li {
		width: 100%
	}
}

@media ( min-width : 1025px) {
	.tabTarget.clubDetail .bbsList>li {
		padding: 25px 0 50px
	}
}

@media ( max-width : 1024px) {
	.tabTarget.clubDetail .bbsList>li {
		padding: 20px 15px 40px
	}
}

@media ( min-width : 1025px) {
	.tabTarget.clubDetail .bbsList>li:nth-child(1), .tabTarget.clubDetail .bbsList>li:nth-child(2),
		.tabTarget.clubDetail .bbsList>li:nth-child(3) {
		border-top: 1px solid #dce0e5
	}
}

.tabTarget.clubDetail .bbsList>li.new {
	position: relative
}

.tabTarget.clubDetail .bbsList>li.new::before {
	content: "NEW";
	position: absolute;
	top: 10px;
	font-weight: 600;
	font-size: 14px;
	color: #e6007e
}

@media ( min-width : 1025px) {
	.tabTarget.clubDetail .bbsList>li.new::before {
		right: 0
	}
}

@media ( max-width : 1024px) {
	.tabTarget.clubDetail .bbsList>li.new::before {
		right: 10px
	}
}

.tabTarget.clubDetail .bbsList>li .name {
	position: relative;
	min-height: 45px;
	padding-left: 55px;
	padding-top: 3px
}

.tabTarget.clubDetail .bbsList>li .name .img {
	position: absolute;
	left: 0;
	top: 0;
	display: inline-block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	font-size: .5rem;
	border-radius: 50%;
	width: 45px;
	height: 45px;
	background-image: url("../images/icon/myBasic.svg");
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover !important
}

.tabTarget.clubDetail .bbsList>li .name em {
	font-size: 14px;
	font-weight: 600;
	color: #000
}

.tabTarget.clubDetail .bbsList>li .name small {
	color: #66707a
}

@media ( min-width : 1025px) {
	.tabTarget.clubDetail .bbsList>li .name small {
		margin-left: 16px
	}
}

@media ( max-width : 1024px) {
	.tabTarget.clubDetail .bbsList>li .name small {
		margin-left: 8px
	}
}

@media ( min-width : 1025px) {
	.tabTarget.clubDetail .bbsList>li .name small {
		font-size: 14px
	}
}

@media ( max-width : 1024px) {
	.tabTarget.clubDetail .bbsList>li .name small {
		font-size: 12px
	}
}

.tabTarget.clubDetail .bbsList>li .name p {
	margin-top: 5px;
	width: 100%;
	color: #3b4044
}

@media ( min-width : 1025px) {
	.tabTarget.clubDetail .bbsList>li .name p {
		font-size: 14px
	}
}

@media ( max-width : 1024px) {
	.tabTarget.clubDetail .bbsList>li .name p {
		font-size: 12px
	}
}

.tabTarget.clubDetail .bbsList>li strong {
	display: block;
	margin-top: 15px;
	margin-bottom: 8px;
	font-weight: 600;
	font-size: 18px;
	color: #000
}

.tabTarget.clubDetail .bbsList>li>div:not(.name) {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: flex-start
}

.tabTarget.clubDetail .bbsList>li>div:not(.name)>div.img {
	order: 2;
	display: inline-block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	font-size: .5rem;
	width: 70px;
	height: 70px;
	border-radius: 10px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover
}

.tabTarget.clubDetail .bbsList>li>div:not(.name)>div.img+div {
	width: calc(100% - 90px)
}

.tabTarget.clubDetail .bbsList>li>div:not(.name)>div.con {
	order: 1;
	font-size: 16px;
	color: #3b4044;
	word-break: break-all;
}

.tabTarget.clubDetail .bbsList>li>div:not(.name)>div.con ul {
	margin-top: 16px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	color: #6171ff
}

@media ( min-width : 1025px) {
	.tabTarget.clubDetail .bbsList>li>div:not(.name)>div.con ul {
		font-size: 14px
	}
}

@media ( max-width : 1024px) {
	.tabTarget.clubDetail .bbsList>li>div:not(.name)>div.con ul {
		font-size: 13px
	}
}

.tabTarget.clubDetail .bbsList>li>div:not(.name)>div.con ul>li {
	margin-right: 8px
}

.tabTarget.clubDetail .bbsList>li>div:not(.name)>div.con ul>li::before {
	content: "#"
}

.tabTarget.clubDetail table.member {
	width: 100%;
	line-height: 1.2;
	font-weight: 600
}

@media ( min-width : 1025px) {
	.tabTarget.clubDetail table.member {
		font-size: 16px
	}
}

@media ( max-width : 1024px) {
	.tabTarget.clubDetail table.member {
		font-size: 13px
	}
}

@media ( min-width : 1025px) {
	.tabTarget.clubDetail table.member {
		border-top: 1px solid #a8b3bd;
		border-left: 1px solid #a8b3bd
	}
}

@media ( max-width : 1024px) {
	.tabTarget.clubDetail table.member {
		display: block
	}
	.tabTarget.clubDetail table.member tbody {
		display: block
	}
	.tabTarget.clubDetail table.member tbody tr {
		display: block;
		border-top: 1px solid #a8b3bd;
		border-left: 1px solid #a8b3bd
	}
	.tabTarget.clubDetail table.member tbody tr+tr {
		margin-top: 15px
	}
	.tabTarget.clubDetail table.member tbody tr td {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: flex-start;
		align-items: stretch
	}
	.tabTarget.clubDetail table.member tbody tr td span {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: center;
		align-items: center;
		width: 100px;
		padding: 12px;
		border-right: 1px solid #a8b3bd;
		background: #e7ebee;
		color: #000;
		letter-spacing: -0.02em
	}
	.tabTarget.clubDetail table.member tbody tr td p {
		width: calc(100% - 100px)
	}
}

.tabTarget.clubDetail table.member th, .tabTarget.clubDetail table.member td
	{
	border-right: 1px solid #a8b3bd;
	border-bottom: 1px solid #a8b3bd;
	text-align: center
}

.tabTarget.clubDetail table.member thead {
	background: #e7ebee;
	color: #000
}

@media ( max-width : 1024px) {
	.tabTarget.clubDetail table.member thead {
		display: none
	}
}

.tabTarget.clubDetail table.member thead th {
	padding: 15px
}

@media ( min-width : 1025px) {
	.tabTarget.clubDetail table.member td span {
		display: none
	}
}

.tabTarget.clubDetail table.member td p {
	color: #3b4044
}

@media ( min-width : 1025px) {
	.tabTarget.clubDetail table.member td p {
		padding: 15px
	}
}

@media ( max-width : 1024px) {
	.tabTarget.clubDetail table.member td p {
		padding: 12px
	}
}

.tabTarget.clubDetail table.member td p a, .tabTarget.clubDetail table.member td p button
	{
	text-decoration: underline;
	color: #e6007e
}

@media ( min-width : 1025px) {
	.tabTarget.clubDetail .boardSearch {
		margin-top: -30px
	}
}

@media ( max-width : 1024px) {
	.tabTarget.clubDetail .boardSearch {
		margin-top: -5px
	}
}

.tabTarget.clubDetail .inviteList {
	border-top: 1px solid #dce0e5;
	line-height: 1.2
}

.tabTarget.clubDetail .inviteList>li {
	position: relative;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #dce0e5
}

@media ( min-width : 1025px) {
	.tabTarget.clubDetail .inviteList>li {
		min-height: 100px
	}
}

@media ( max-width : 1024px) {
	.tabTarget.clubDetail .inviteList>li {
		min-height: 80px
	}
}

@media ( min-width : 1025px) {
	.tabTarget.clubDetail .inviteList>li {
		padding: 20px 0 20px 80px
	}
}

@media ( max-width : 1024px) {
	.tabTarget.clubDetail .inviteList>li {
		padding: 15px 0 15px 60px
	}
}

.tabTarget.clubDetail .inviteList>li .img {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	display: inline-block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	font-size: .5rem;
	margin: auto;
	border-radius: 50%;
	background-size: cover !important
}

@media ( min-width : 1025px) {
	.tabTarget.clubDetail .inviteList>li .img {
		width: 60px;
		height: 60px;
		background-image: url("../images/icon/myBasic.svg");
		background-size: 100%;
		background-repeat: no-repeat;
		background-position: center
	}
}

@media ( max-width : 1024px) {
	.tabTarget.clubDetail .inviteList>li .img {
		width: 50px;
		height: 50px;
		background-image: url("../images/icon/myBasic.svg");
		background-size: 100%;
		background-repeat: no-repeat;
		background-position: center
	}
}

.tabTarget.clubDetail .inviteList>li p {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: flex-start
}

.tabTarget.clubDetail .inviteList>li p strong {
	color: #000
}

@media ( min-width : 1025px) {
	.tabTarget.clubDetail .inviteList>li p strong {
		font-size: 20px
	}
}

@media ( max-width : 1024px) {
	.tabTarget.clubDetail .inviteList>li p strong {
		font-size: 16px
	}
}

.tabTarget.clubDetail .inviteList>li p span {
	color: #3b4044
}

@media ( min-width : 1025px) {
	.tabTarget.clubDetail .inviteList>li p span {
		margin-top: 10px
	}
}

@media ( max-width : 1024px) {
	.tabTarget.clubDetail .inviteList>li p span {
		margin-top: 7px
	}
}

@media ( min-width : 1025px) {
	.tabTarget.clubDetail .inviteList>li p span {
		font-size: 16px
	}
}

@media ( max-width : 1024px) {
	.tabTarget.clubDetail .inviteList>li p span {
		font-size: 12px
	}
}

.tabTarget.clubDetail .inviteList>li button, .tabTarget.clubDetail .inviteList>li a
	{
	display: inline-block;
	padding: 0 20px;
	font-weight: 700;
	border: 1px solid #e6007e;
	background: #fff;
	color: #e6007e;
	outline: none;
}

@media ( min-width : 1025px) {
	.tabTarget.clubDetail .inviteList>li button, .tabTarget.clubDetail .inviteList>li a
		{
		height: 39px
	}
}

@media ( max-width : 1024px) {
	.tabTarget.clubDetail .inviteList>li button, .tabTarget.clubDetail .inviteList>li a
		{
		height: 36px
	}
}

@media ( min-width : 1025px) {
	.tabTarget.clubDetail .inviteList>li button, .tabTarget.clubDetail .inviteList>li a
		{
		border-radius: 20px
	}
}

@media ( max-width : 1024px) {
	.tabTarget.clubDetail .inviteList>li button, .tabTarget.clubDetail .inviteList>li a
		{
		border-radius: 18px
	}
}

@media ( min-width : 1025px) {
	.tabTarget.clubDetail .inviteList>li button, .tabTarget.clubDetail .inviteList>li a
		{
		line-height: 37px
	}
}

@media ( max-width : 1024px) {
	.tabTarget.clubDetail .inviteList>li button, .tabTarget.clubDetail .inviteList>li a
		{
		line-height: 34px
	}
}

@media ( min-width : 1025px) {
	.tabTarget.clubDetail .inviteList>li button, .tabTarget.clubDetail .inviteList>li a
		{
		font-size: 16px
	}
}

@media ( max-width : 1024px) {
	.tabTarget.clubDetail .inviteList>li button, .tabTarget.clubDetail .inviteList>li a
		{
		font-size: 14px
	}
}

.tabTarget.clubDetail .inviteList>li button:disabled, .tabTarget.clubDetail .inviteList>li a:disabled
	{
	border: 1px solid #dce0e5;
	background: #dce0e5;
	color: #fff
}

@media ( min-width : 1025px) {
	.tabTarget.clubDetail .clubSetting {
		margin: auto;
		width: 600px;
		padding: 34px 30px 20px;
		border: 1px solid #dce0e5;
		border-radius: 30px
	}
}

@media ( max-width : 1024px) {
	.tabTarget.clubDetail .clubSetting {
		padding-top: 0
	}
}

.tabTarget.clubDetail .clubSetting ~p {
	text-align: center
}

@media ( min-width : 1025px) {
	.tabTarget.clubDetail .clubSetting ~p {
		margin-top: 40px
	}
}

@media ( max-width : 1024px) {
	.tabTarget.clubDetail .clubSetting ~p {
		margin-top: 30px
	}
}

.tabTarget.clubDetail .clubSetting ~p button {
	text-decoration: underline;
	color: #e6007e
}

@media ( min-width : 1025px) {
	.tabTarget.clubDetail .clubSetting ~p button {
		font-size: 18px
	}
}

@media ( max-width : 1024px) {
	.tabTarget.clubDetail .clubSetting ~p button {
		font-size: 15px
	}
}

.tabTarget.clubDetail .clubSetting footer {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	margin-top: 30px;
	border-top: 1px solid #dce0e5
}

@media ( min-width : 1025px) {
	.tabTarget.clubDetail .clubSetting footer {
		padding-top: 25px
	}
}

@media ( max-width : 1024px) {
	.tabTarget.clubDetail .clubSetting footer {
		padding-top: 20px
	}
}

.tabTarget.clubDetail .clubSetting footer>*:not(.submit) {
	display: inline-block;
	font-weight: 700;
	border: 1px solid #a8b3bd;
	background: #a8b3bd;
	color: #fff
}

@media ( min-width : 1025px) {
	.tabTarget.clubDetail .clubSetting footer>*:not(.submit) {
		height: 49px
	}
}

@media ( max-width : 1024px) {
	.tabTarget.clubDetail .clubSetting footer>*:not(.submit) {
		height: 40px
	}
}

@media ( min-width : 1025px) {
	.tabTarget.clubDetail .clubSetting footer>*:not(.submit) {
		padding: 0 80px
	}
}

@media ( max-width : 1024px) {
	.tabTarget.clubDetail .clubSetting footer>*:not(.submit) {
		padding: 0 60px
	}
}

@media ( min-width : 1025px) {
	.tabTarget.clubDetail .clubSetting footer>*:not(.submit) {
		border-radius: 25px
	}
}

@media ( max-width : 1024px) {
	.tabTarget.clubDetail .clubSetting footer>*:not(.submit) {
		border-radius: 20px
	}
}

@media ( min-width : 1025px) {
	.tabTarget.clubDetail .clubSetting footer>*:not(.submit) {
		line-height: 47px
	}
}

@media ( max-width : 1024px) {
	.tabTarget.clubDetail .clubSetting footer>*:not(.submit) {
		line-height: 38px
	}
}

@media ( min-width : 1025px) {
	.tabTarget.clubDetail .clubSetting footer>*:not(.submit) {
		font-size: 16px
	}
}

@media ( max-width : 1024px) {
	.tabTarget.clubDetail .clubSetting footer>*:not(.submit) {
		font-size: 14px
	}
}

.tabTarget.clubDetail .clubSetting footer>*:not(.submit):disabled {
	border: 1px solid #dce0e5;
	background: #dce0e5;
	color: #fff
}

.tabTarget.clubDetail .clubSetting footer>*.submit {
	display: inline-block;
	font-weight: 700;
	border: 1px solid #e6007e;
	background: #e6007e;
	color: #fff
}

@media ( min-width : 1025px) {
	.tabTarget.clubDetail .clubSetting footer>*.submit {
		height: 49px
	}
}

@media ( max-width : 1024px) {
	.tabTarget.clubDetail .clubSetting footer>*.submit {
		height: 40px
	}
}

@media ( min-width : 1025px) {
	.tabTarget.clubDetail .clubSetting footer>*.submit {
		padding: 0 80px
	}
}

@media ( max-width : 1024px) {
	.tabTarget.clubDetail .clubSetting footer>*.submit {
		padding: 0 60px
	}
}

@media ( min-width : 1025px) {
	.tabTarget.clubDetail .clubSetting footer>*.submit {
		border-radius: 25px
	}
}

@media ( max-width : 1024px) {
	.tabTarget.clubDetail .clubSetting footer>*.submit {
		border-radius: 20px
	}
}

@media ( min-width : 1025px) {
	.tabTarget.clubDetail .clubSetting footer>*.submit {
		line-height: 47px
	}
}

@media ( max-width : 1024px) {
	.tabTarget.clubDetail .clubSetting footer>*.submit {
		line-height: 38px
	}
}

@media ( min-width : 1025px) {
	.tabTarget.clubDetail .clubSetting footer>*.submit {
		font-size: 16px
	}
}

@media ( max-width : 1024px) {
	.tabTarget.clubDetail .clubSetting footer>*.submit {
		font-size: 14px
	}
}

.tabTarget.clubDetail .clubSetting footer>*.submit:disabled {
	border: 1px solid #dce0e5;
	background: #dce0e5;
	color: #fff
}

@media ( min-width : 1025px) {
	.tabTarget.clubDetail .clubSetting footer>*+* {
		margin-left: 20px
	}
}

@media ( max-width : 1024px) {
	.tabTarget.clubDetail .clubSetting footer>*+* {
		margin-left: 10px
	}
}

/* .tabTarget.club>ul li *[class^=type0].type01, */
	/* .popup>.create .scroll div[class^=type0].type01, */ .selectBg button.type01
	/* .clubHeader div[class^=type0].type01,  .clubSetting div[class^=type0].type01 */
	{
	background-color: #e6007e
}

.tabTarget.club>ul li *[class^=type0].type02, .popup>.create .scroll div[class^=type0].type02,
	.selectBg button.type02, .clubHeader div[class^=type0].type02,
	.clubSetting div[class^=type0].type02 {
	background-color: #6171ff
}

.tabTarget.club>ul li *[class^=type0].type03, .popup>.create .scroll div[class^=type0].type03,
	.selectBg button.type03, .clubHeader div[class^=type0].type03,
	.clubSetting div[class^=type0].type03 {
	background-color: red
}

.tabTarget.club>ul li *[class^=type0].type04, .popup>.create .scroll div[class^=type0].type04,
	.selectBg button.type04, .clubHeader div[class^=type0].type04,
	.clubSetting div[class^=type0].type04 {
	background-color: #ac41ff
}

.tabTarget.club>ul li *[class^=type0].type05, .popup>.create .scroll div[class^=type0].type05,
	.selectBg button.type05, .clubHeader div[class^=type0].type05,
	.clubSetting div[class^=type0].type05 {
	background-color: #002061
}

.popup>.create .scroll, .clubSetting {
	padding-top: 30px
}

.popup>.create .scroll>input, .clubSetting>form>input {
	width: 100%;
	border: none;
	border-radius: 8px;
	outline: none;
	background: #f9fafb;
	line-height: 50px;
	font-weight: 700;
	color: #000
}

@media ( min-width : 1025px) {
	.popup>.create .scroll>input, .clubSetting>form>input {
		padding: 0 15px
	}
}

@media ( max-width : 1024px) {
	.popup>.create .scroll>input, .clubSetting>form>input {
		padding: 0 10px
	}
}

@media ( min-width : 1025px) {
	.popup>.create .scroll>input, .clubSetting>form>input {
		font-size: 18px
	}
}

@media ( max-width : 1024px) {
	.popup>.create .scroll>input, .clubSetting>form>input {
		font-size: 14px
	}
}

.popup>.create .scroll>input:focus, .clubSetting>form>input:focus {
	outline: 1px solid #e6007e
}

.popup>.create .scroll>div[class^=type], .clubSetting>div[class^=type] {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	margin: 30px auto 0;
	width: 165px;
	height: 165px;
	border-radius: 20px
}

.popup>.create .scroll>div[class^=type] label, .clubSetting>div[class^=type] label
	{
	position: relative
}

.popup>.create .scroll>div[class^=type] label::before, .clubSetting>div[class^=type] label::before
	{
	content: "";
	position: absolute;
	bottom: -6px;
	right: -4px;
	width: 32px;
	height: 32px;
	background-image: url("../images/icon/camera.svg");
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center
}

.popup>.create .scroll>div[class^=type] .img, .clubSetting>div[class^=type] .img
	{
	display: inline-block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	font-size: .5rem;
	border-radius: 10%;
	background-size: cover !important
}

@media ( min-width : 1025px) {
	.popup>.create .scroll>div[class^=type] .img, .clubSetting>div[class^=type] .img
		{
		width: 195px;
		height: 195px;
		background-image: url("../images/icon/club.svg");
		background-size: 100%;
		background-repeat: no-repeat;
		background-position: center
	}
}

@media ( max-width : 1024px) {
	.popup>.create .scroll>div[class^=type] .img, .clubSetting>div[class^=type] .img
		{
		width: 175px;
		height: 175px;
		background-image: url("../images/icon/club.svg");
		background-size: 100%;
		background-repeat: no-repeat;
		background-position: center
	}
}

.popup>.create .scroll>div[class^=type] input, .clubSetting>div[class^=type] input
	{
	position: absolute;
	display: inline-block;
	width: 1px;
	height: 1px;
	margin: -1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px)
}

.popup>.create .scroll .selectBg, .clubSetting .selectBg {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center
}

@media ( min-width : 1025px) {
	.popup>.create .scroll .selectBg, .clubSetting .selectBg {
		margin-top: 30px
	}
}

@media ( max-width : 1024px) {
	.popup>.create .scroll .selectBg, .clubSetting .selectBg {
		margin-top: 45px
	}
}

.popup>.create .scroll .selectBg button, .clubSetting .selectBg button {
	position: relative;
	display: inline-block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	font-size: .5rem;
	margin: 5px;
	border-radius: 10px
}

@media ( min-width : 1025px) {
	.popup>.create .scroll .selectBg button, .clubSetting .selectBg button {
		width: 60px
	}
}

@media ( max-width : 1024px) {
	.popup>.create .scroll .selectBg button, .clubSetting .selectBg button {
		width: 50px
	}
}

@media ( min-width : 1025px) {
	.popup>.create .scroll .selectBg button, .clubSetting .selectBg button {
		height: 60px
	}
}

@media ( max-width : 1024px) {
	.popup>.create .scroll .selectBg button, .clubSetting .selectBg button {
		height: 50px
	}
}

.popup>.create .scroll .selectBg button.selected::before, .clubSetting .selectBg button.selected::before
	{
	content: "";
	position: absolute !important;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 21px;
	height: 21px;
	background-image: url("../images/icon/check.svg");
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center
}

.footer-popup {
	margin: 0 auto;
	text-align: center;
	position: absolute;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.footer-popup .top {
	position: fixed;
	height: 5%;
	width: 100%;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	/*    background: white;*/
	background: #ffffff00;
}

.footer-popup .middle {
	height: 95%;
	width: 100%;
	margin-top: 3%;
}

.footer-popup iframe {
	height: 100%;
	width: 100%;
}

.footer-popup .bottom {
	/* height: 5%;    */
	
}

.footer-popup .backbutton {
	display: inline-block;
	cursor: pointer;
	height: 35px;
	padding: 5px 10px;
	box-sizing: border-box;
	min-width: 80px;
	font-size: 14px;
	border-radius: 3px;
	line-height: 25px;
	text-align: center;
	vertical-align: middle;
	font-weight: 400;
	background: #929292;
	border: 0;
	color: #fff;
	position: relative;
	min-width: 90px;
}

.UplusLogo {
	padding-bottom: 37px;
	text-align: center;
}

.UplusLogo img {
	width: 160px;
	height: 40px;
}

.UplusApp .backbuttondiv {
	display: flex;
	justify-content: center;
	height: 10%;
}

.UplusApp .content {
	width: 400px;
	height: 750px;
	padding-top: 100px;
	margin: 0 auto;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url(/local/inhouse/uplus_bg.png);
	margin-top: 30px;
}

.UplusApp h4 {
	margin: 0;
	color: #111111;
	font-size: 14px;
	line-height: 1.2;
	font-weight: bold;
	text-align: center;
	letter-spacing: -1px;
	padding-bottom: 20px;
}

.UplusApp p {
	width: 70%;
	margin: 0 auto;
	color: #111111;
	font-size: 12px;
	font-weight: 500;
	text-align: center;
	letter-spacing: -1px;
	padding-bottom: 20px;
}

.UplusApp .AppPink {
	color: #ED008C;
	font-size: 13px;
	font-weight: bold;
}

.UplusApp .backbutton {
	text-decoration: none;
	display: inline-block;
	cursor: pointer;
	height: 35px;
	padding: 5px 10px;
	box-sizing: border-box;
	min-width: 80px;
	font-size: 14px;
	border-radius: 3px;
	line-height: 25px;
	text-align: center;
	vertical-align: middle;
	font-weight: 400;
	background: #929292;
	border: 0;
	color: #fff;
	min-width: 90px;
	margin: 10px 0;
}

.AppLink {
	margin: 0;
	padding: 10px 0 35px;
}

.AppLink li {
	list-style: none;
}

.AppLink li:first-child {
	margin-bottom: 25px;
}

.AppLink li:last-child {
	margin-top: 25px;
}

.AppLink li a {
	width: 60%;
	color: #fff;
	padding: 15px;
	margin: 0 auto;
	display: block;
	font-size: 15px;
	font-weight: 700;
	text-align: center;
	border-radius: 12px;
	letter-spacing: -1px;
	text-decoration: none;
	background-color: #ED008C;
}

.AppText {
	padding: 0;
	width: 70%;
	margin: 0 auto;
}

.AppText li {
	font-size: 13px;
	font-weight: 500;
	list-style: none;
	letter-spacing: -1px;
}

.AppText li span {
	color: #ED008C;
	font-weight: bold;
}

.close {
	width: 30px;
	height: 30px;
	background: url(/theme/oklassv2/pix/images/close-button.png) no-repeat
		center;
	/*position: absolute;*/
	display: inline-block;
	margin-left: 90%;
	margin-top: -90px;
	vertical-align: text-top;
}

.close.notopmargin {
	margin-top: 0;
	width: 30px;
	height: 30px;
}

@media only screen and (max-width: 500px) {
	.UplusApp {
		width: 100%;
		padding-top: 70px;
	}
	.UplusApp h4 {
		font-size: 14px;
	}
	.close {
		margin-top: -60px;
	}
}
/*# sourceMappingURL=style.css.map */

/* 스타일 추가 */
.swiper-wrapper.quiz-single li {
	align-items: center;
}

#header {
	position: fixed;
	width: 100%;
}

div>#header {
	top: 94px;
}

#contents {
	padding-top: 180px;
}

#contents.my {
	padding-top: 115px;
}

.subscribingChannel {
	margin-top: 180px;
}

.mainShortcuts:has(>section) {
	padding-top: 110px;
}

.mainShortcuts {
	padding-top: 75px;
}

#searchHeader>header {
	padding-top: 30px;
}

body>#searchHeader {
	position: fixed;
	top: 94px;
	width: 100%;
	z-index: 10;
	background: #fff;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
}

.classDetails>div>header .graph dt {
	font-size: 17px;
}

.tabTarget.my .buttons {
	top: 13%;
}

.tabTarget.my .buttons {
	top: 68px;
	bottom: auto;
	height: 186px;
}

.tabTarget.my .buttons>button {
	top: 50%;
	bottom: auto;
	margin-top: -20px;
}

.tabNav>div #recent-contents::before {
	width: 26px;
	height: 21px;
	background-image: url(../images/icon/history.svg);
}

.tabNav>div #recent-contents.selected::before {
	background-image: url(../images/icon/historyCurrent.svg);
}

.tabNav>div button {
	align-items: center;
	display: flex;
	justify-content: center;
}

.tabNav>div #liked-contents::before {
	margin-top: -0.2rem;
}

.mypageMenu>ul a {
	width: 120px;
}

a.my-favor-hashtag {
	border: 1px solid #ddd;
	border-radius: 1em;
	padding: 0.45rem 1.25rem;
}

a.my-favor-hashtag:hover {
	background-color: #e7e7e7;
}

.channels>ul {
	padding-top: 59px
}

.myHeader section h3 {
	top: 5px;
}

.footer-popup {
	width: calc(100% - 6%);
}

.footer-popup .middle {
	height: auto;
}

.footer-popup .bottom {
	padding: 3%;
}

.custom-new .custom-wrap section>h4 {
	font-size: 17px;
}

.task-header {
	padding: 0 20px 20px 20px;
}

#header>nav a+a {
	margin-left: 30px;
}

#header>nav a+a::before {
	left: -15px;
}

.channels>ul>li ul li b {
	color: #434242
}

section.channel:not(.main)>header ul li b {
	color: #434242
}

.channels>ul>li ul li span {
	font-weight: 600
}

.channelHeader>div ul li b {
	color: #434242
}

section.channel:not(.main)>div .swiper.list {
	padding-bottom: 40px
}

.ch-full-list>li {
	padding: 40px 0 40px 0;
}
/*마이페이지 아이콘 추가*/
.mypageMenu>ul {
	justify-content: flex-start;
}

.mypageMenu>ul a.guide::after {
	background-image: url("../images/my/guide.svg");
}

.mypageMenu>ul a.policy::after {
	background-image: url("../images/my/policy.svg");
}

.mypageMenu>ul a {
	width: 130px;
}
/* 아이콘 위치 조정 (모임, 위탁교육) */
.mypageMenu>ul a.club::after {
	left: 3px;
}

.mypageMenu>ul a.edu::after {
	left: 1px;
}

.UplusApp .content {
	width: 390px;
	height: 800px;
}

/* 서브탭 우측 그라디언트 
div[role=main] #header>nav::after {
	display: block; 
	content: ''; 
	position: absolute;
	right:0;
	top:0;
	height:100%;
	width:15px;
	background: rgb(250,250,250); 
	background: linear-gradient(90deg, rgba(250,250,250,0) 0%, rgba(0,0,0,0.25) 100%);
}
*/
#header>nav a+a {
	margin-left: 24px;
}

#header>nav a+a::before {
	left: -13px;
}

.boardSearch #search_text {
	padding: 5px 22px 5px 15px;
}
/* .main-wrap{
    overflow-y: auto;
    width: 100%;
    height: calc(100vh - 179px);
    min-height:auto;
}

@media(max-width: 1024px) {
    .main-wrap {
    	height: calc(100vh - 60px);
    }
} */
.main-wrap>.right-block>.dailyquiz {
	padding-top: 0;
	padding-left: 0;
	padding-right: 0;
}

.main-wrap .dailyquiz h2.title {
	padding-bottom: 35px;
}

#contents.my>header {
	padding-top: 24px;
}

#contents.my>header .adminInfo {
	display: none;
}

#contents.my>header>.desc {
	display: none;
}

.boardSearch {
	margin-top: 0;
}

.boardSearch>p {
	display: none;
}
/* 게시판 검색 */
.boardSearch #search_text {
	width: 250px;
}

.boardSearch>form {
	position: absolute;
	top: -43px;
	right: 0;
}
/* 통합검색 */
#contents>section.search:first-child {
	margin-top: -87px;
}
/* 데일리 퀴즈 우측 여백 제거 */
.popup .survey .scroll>section:not(.result) ol li label {
	width: 100%;
}
/* 꼭들어야해요가 없는 경우를 위한 설정 */
div[role=main] {
	min-height: auto;
}

section.main.must {
	padding-top: 0;
}

.mainShortcuts {
	padding-bottom: 40px;
}

.channels>ul {
	padding-top: 10px;
}

/* no-data 추가 */
.contents-ul>div.no-search {
	width: 100%;
	margin-top: 50px;
}

.filter label span {
	border: 1px solid #66707a;
	background: #fff;
}

.course-explain {
	padding: 17px 20px;
}

.course-explain>h3 {
	font-size: 16px
}

@media only screen and (min-width: 1025px) {
	.searchHeader .search {
		margin: 10px auto 0
	}
	.tabTarget.my .subHeader {
		margin-top: 0px
	}
	.channels>ul>li {
		margin-top: 23px;
	}
	.channels>ul>li:not(.case) {
		background-color: #fff
	}
	.classDetails .details p {
		line-height: 20px
	}
	.right-block.pc-bg {
		margin-top: 94px;
	}
}

@media only screen and (max-width: 1024px) {
	div>#header {
		top: 60px;
	}
	#contents {
		padding-top: 120px;
	}
	.subscribingChannel {
		margin-top: 120px;
	}
	.mainShortcuts:has(>section) {
		padding-top: 60px;
	}
	.mainShortcuts {
		padding-top: 40px;
	}
	#contents.my {
		padding-top: 65px;
	}
	#searchHeader>header {
		margin-top: 0;
	}
	#searchHeader>header>h2.title {
		display: none;
	}
	body>#searchHeader {
		top: 60px;
	}
	.searchHeader .search {
		margin: 0 auto;
	}
	.footer-popup .middle img {
		width: 100%;
	}
	.mypageMenu>ul a {
		width: 90px;
	}
	.channels>ul {
		padding-top: 15px;
	}
	#footer>div {
		display: none;
	}
	.popup .general>header, .popup .normal>header {
		margin: 0 20px;
		padding-right: 40px;
	}
	.main div[data-role=main], .popup .general, .popup .normal {
		padding-top: 20px;
	}
	.task-header {
		background: transparent;
		pointer-events: none;
	}
	.popup .general>header span, .popup .normal>header span {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	#dailyquiz .general .scroll {
		height: calc(100% - 146px);
		padding-top: 15px;
	}
	.mypageMenu>ul a {
		width: 100px;
	}
	.UplusApp {
		padding-top: 0;
	}
	.UplusApp .content {
		margin-top: 0;
	}
	.boardSearch {
		display: block;
	}
	.boardSearch>form {
		margin-top: 15px;
		position: static;
	}
	.boardSearch #search_text {
		width: 100%;
	}
	#contents>section.search:first-child {
		margin-top: -61px;
	}
	.mainShortcuts {
		padding-bottom: 32px;
	}
	.popup .general>.close, .popup .normal>.close {
		z-index: 2;
	}
	.channels>header {
		padding-left: 0px;
		padding-right: 0px;
	}
	.channels>ul {
		padding-right: 0px;
		padding-left: 0px;
	}
	.channels>ul>li:not(.case) {
		background-color: #fff
	}
	.course-explain {
		padding: 17px 10px;
	}
}

@media only screen and (max-width: 640px) {
	#contents>section.search.classes {
		padding-bottom: 40px;
	}
	.popup .survey .scroll>section:not(.result) h3 span {
		display: inline;
	}
	.ch-full-list>li {
		padding: 30px 0 30px 0
	}
	.right-block.pc-bg {
		margin-top: 50px;
		margin-bottom: 60px;
	}
}

@media only screen and (max-width: 1024px) {
	.right-block.pc-bg {
		margin-top: 50px;
		margin-bottom: 60px;
	}
}

@media only screen and (max-width: 390px) {
	.UplusApp .content {
		width: 100%;
		height: auto;
		background-size: 100% 100%;
	}
}

.custom-new>* {
	width: 100%;
	min-width: 320px;
}

.popup.custom-new header {
	display: block;
}

.popup.custom-new .title>span {
	font-size: 14px;
	margin-bottom: 8px;
	display: block;
}

.custom-new header p.sub-title {
	padding-top: 15px;
}

.custom-new .custom-wrap section {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 20px 10px;
	padding-top: 45px;
}

.custom-new .custom-wrap section>h4 {
	width: 100%;
	font-size: 14px;
	color: #111111;
}

.custom-new .custom-wrap section button {
	padding: 0 20px;
	border: 1px solid #dce0e5;
	line-height: 44px;
	border-radius: 22px;
	color: #3b4044;
}

.custom-new .custom-wrap section button:not(.selected) {
	border-color: #dce0e5;
	color: #3b4044
}

.custom-new .custom-wrap section button::before {
	content: "#";
	display: inline-block;
}

.custom-new .custom-wrap section button.selected {
	border-color: #e6007e;
	background-color: rgba(230, 0, 126, .1);
	color: #e6007e;
}

/* ##################### 10월 24일 추가 스타일 ###################### */
/* ###### 아래 스타일을 style.css 파일 하단에 추가해서 확인 가능 ###### */

/* 체크리스트 255 번 [클래스] > 진행중인 클래스 > 2024 위기관리교육 4차수 > 클래스 목록 */
.classDetails .details .course-content .c-list ol li>p {
	width: calc(100% - 355px);
	height: auto;
}

.classDetails .details .course-content .c-list ol li>span {
	width: auto;
	flex: 0 0 50px;
}

@media ( max-width : 1024px) {
	/* 255 번 진행중인 클래스 > 2024 위기관리교육 4차수 > 클래스 목록 */
	.classDetails .details .course-content .c-list ol li>span {
		width: auto;
		text-align: left;
		flex: 0 0 40px;
		font-size: 16px;
	}
	.classDetails .details .course-content .c-list ol li {
		padding: 0 30px 0 30px;
		justify-content: flex-start;
	}
	.classDetails .details .course-content .c-list ol li>p {
		flex: 0 0 calc(100% - 50px);
		padding: 0 0 0 10px;
	}
	.classDetails .details .course-content .c-list ol li>dl {
		width: calc(100% - 120px);
		margin: 15px 0 10px;
	}
	.classDetails .details .course-content .c-list ol li>button {
		margin-left: auto;
		margin-top: 5px;
	}
	.tabTarget.club>ul.invitationList>li:not(.empty) *[class^=type0] {
		height: 100px;
	}
}

/* [모임] > 초대장 리스트 썸네일 설정 */
.tabTarget.club>ul.invitationList *[class^=type0] {
	height: 166px;
	flex-direction: row;
}

@media ( min-width : 1025px) {
	.tabTarget.club ~footer, .tabTarget.clubDetail ~footer {
		top: 215px;
	}
}

/* [홈] 어떤 콘텐츠를 원하세요? 팝업 버튼 Focus Outline 제거 */
.custom-new .custom-wrap section button:focus {
	outline: none;
}

/* [홈] Admin님 꼭 들어야 해요! 슬라이드 (<) , (>) 버튼 위치 조정 */
section.main.must .buttons {
	top: 60px;
}
/* 채널 재생목록 상세 타이틀 위치 설정 */
.channelHeader ~.tabTarget .page-title {
	margin-left: auto;
	margin-right: auto;
}

.channelHeader ~.tabTarget .content-info {
	margin-left: auto;
	margin-right: auto;
}

/* ##################### 10월 31일 추가 스타일 ###################### */
/* ###### 아래 스타일을 style.css 파일 하단에 추가해서 확인 가능 ###### */
#contents.contents {
	/* padding-top: 115px; */
	
}

#contents.contents>header {
	padding-top: 24px;
}
/* 영상팝업 타이틀 겹침 증상 */
#video-contents>header h2 {
	height: auto;
	padding: 0.7em 0;
	flex: 1;
}
/* 영상팝업 연관 콘텐츠 좌우 여백 조정 */
#video-contents .related {
	padding: 0 0 30px;
}

section.main.recommend.nodata>div::after {
	display: block;
	content: '맞춤 추천을 위해 원하시는 콘텐츠를 설정해주세요.';
	position: absolute;
	z-index: 1;
	left: 50%;
	top: 50%;
	padding: 1em;
	background-color: #9d9d9d;
	color: #fff;
	border-radius: 0.45em;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-size: 1.1em;
	line-height: 1.2;
	min-width: 320px;
	word-break: keep-all;
	text-align: center;
}

section.main.recommend.nodata>div>div {
	animation: blink-effect2 2.5s linear infinite;
}

section.main.recommend.nodata>div>div ul>li {
	font-size: 0;
	pointer-events: none;
}

section.main.recommend.nodata>div>div ul>li button {
	background-color: #f0f0f0;
	height: 52px;
	pointer-events: none;
}

section.main.recommend.nodata>div>div ul>li button.selected {
	background-color: #d1d1d1;
}

section.main.recommend.nodata>div>div ul>li button * {
	display: none;
}

section.main.recommend.nodata>div>div ul>li a {
	display: none;
}

section.main.recommend.nodata>div>div .thumb>a span.time {
	display: none;
}

section.main.recommend.nodata>div .bullets {
	display: none;
}

section.main.recommend.nodata>div>div .thumb>a span:not(.time) {
	font-size: 0;
	background-color: #d1d1d1;
}

section.main.recommend.nodata>div>div .thumb>a {
	background-image: none !important;
	pointer-events: none;
}

section.main.recommend.nodata>div>header button {
	animation: blink-effect 1.5s linear infinite;
	font-weight: 500;
}

@
keyframes blink-effect { 0% {
	color: #333;
}

50
%
{
color
:
#e6007e;
}
100
%
{
color
:
#333;
}
}
@
keyframes blink-effect2 { 0% {
	opacity: .5;
}

50
%
{
opacity
:
1;
}
100
%
{
opacity
:
.5;
}
}

/* 홈 맞춤추천 썸네일 위치 조정 (PC) */
@media ( min-width : 1025px) {
	section.main.recommend>div>div {
		align-items: flex-start;
	}
	section.main.recommend>div>div .thumb {
		margin-top: 15px;
	}
}

@media ( min-width : 1025px) {
	.write-area {
		padding-top: 40px;
		max-width: 1340px;
		padding-left: 30px;
		padding-right: 30px;
	}
}

@media ( max-width : 1024px) {
	.write-area {
		padding-top: 0px;
		max-width: 1310px;
		padding-left: 15px;
		padding-right: 15px;
		padding-bottom: 60px;
	}
}

#page-local-lguboard-write_board, #page-local-lguboard-detail_page {
	/* height: 70dvh; */
	display: flex;
	flex-direction: column;
}

.custom-new .custom-wrap section button.default-selected {
	border-color: #e6007e;
	background-color: rgba(230, 0, 126, .1);
	color: #e6007e;
}

/* 20241105 추가*/
/* @media ( min-width : 1025px) {
	.contents-ul {
		padding-right: 0px;
		padding-left: 0px;
	}
} */

@media ( min-width : 1025px) {
	.tabTarget.my.details .swiper.list .swiper-slide {
		margin-right: 0px;
		width: calc(25% - 21px);
	}
}

@media screen and (min-width: 1025px) {
	.play-num-info div {
		margin-bottom: 0px;
	}
	.tabTarget.meet-contents-list {
		padding: 0 30px;
		max-width: 1340px;
		margin-left: auto;
		margin-right: auto;
	}
}

@media ( max-width : 1024px) {
	.tabTarget.meet-contents-list {
		padding: 0 30px;
	}
}

@media ( max-width : 640px) {
	.tabTarget.meet-contents-list {
		padding: 0 0 0 0;
	}
}

/* 20241106 추가 */
.clubHeader button.btn {
	border: 1px solid #e6007e;
	background: #e6007e;
	padding: 0 20px;
	border-radius: 20px;
	font-size: 16px;
	font-weight: 700;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	margin-right: 30px;
}

.clubHeader button.btn::before {
	display: block;
	content: '';
	width: 23px;
	height: 23px;
	background-image: url("../images/icon/write.svg");
	background-size: 100%;
	margin-right: 8px;
}

@media ( max-width : 1024px) {
	.clubHeader button.btn {
		display: none;
	}
}

@media ( min-width : 1025px) {
	.my .tabTarget.meet-contents-list {
		padding-top: 50px;
	}
}

/* ##################### 11월 06일 추가 스타일 ###################### */
/* ###### 아래 스타일을 style.css 파일 하단에 추가해서 확인 가능 ###### */
.popup .player>.info-reset {
	display: flex;
	padding-left: 0;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}

.popup .player>.info-reset div>span {
	font-size: 12px;
}

.popup .player>.info-reset div:last-of-type {
	margin-top: 0;
	margin-left: 16px;
	position: relative;
}

.popup .player>.info-reset div:last-of-type::before {
	display: block;
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: -8px;
	margin: auto;
	width: 1px;
	height: 12px;
	background-color: #66707a;
}
/* Mobile */
@media ( max-width : 480px) {
	.popup .player>.info-reset {
		flex-direction: column;
		align-items: flex-start;
	}
	.popup .player>.info-reset div:last-of-type {
		margin-left: 0;
		margin-top: 6px;;
	}
	.popup .player>.info-reset div:last-of-type::before {
		display: none;
	}
}
/* ##################### 11월 06일 [모임] 추가 스타일 ###################### */
@media ( max-width : 640px) {
	.tabTarget.meet-contents-list {
		padding: 20px 15px 0 15px;
	}
}

section#quit {
	text-align: center;
}

section#quit>button#quit_btn {
	background-color: #e6007e;
	color: #fff;
	padding: 0.5em 25px;
	font-size: 0.9rem;
	border-radius: 20px;
}

/* ##################### 11월 14일 [클래스] 추가 스타일 ###################### */
/*
.classDetails>div {
	overflow: hidden;
}
*/
.classDetails .thread-style-lists {
	padding: 15px 0 0 0;
}
.classDetails .activitiy-area {
	padding-bottom: 25px !important;
}
.classDetails #form-jinotechboard-search {
	display: flex;
	align-items: center;
}
.classDetails #form-jinotechboard-search select {
	margin-right: 5px;
}
.classDetails #form-jinotechboard-search #btn-submit {
	margin-top: 0;
}
.submissionstatustable {
	padding: 0 30px;
}
.classDetails #maincontent + h2 {
	margin-left: 0;
	margin-top: 25px;
	padding: 0 30px;
}	
.classDetails .que {
	padding: 10px 20px;
}
.classDetails .que + .submitbtns {
	padding: 20px;
}
.classDetails .quizattemptsummary td > a {
	padding: 0.25em 0.5em;
	border: 1px solid #ddd;
	border-radius: 3px;
	background-color: #fff;
}
#page-mod-quiz-review .submitbtns {
	padding:0 20px 30px 0;
}
.classDetails .activitiy-area .paging {
	padding-top: 20px;
}
.classDetails .quizattempt,
.classDetails .generalbox {
	padding: 0 20px;
}
.classDetails .alert {
	position: relative;
}
.classDetails .alert .close {
	margin-left: 0;
	margin-top: -8px;
	right: 5px;
	top: 50%;
}
.classDetails div.poll_info {
	width: calc(100% - 40px);
	margin-left: 20px;
	margin-top: 20px;
	border: 1px solid #ddd;
}
.class-result-info-set > ul:last-child {
	border-bottom:none;
}
.mainShortcuts .swiper-slide {
	align-items: center;
}
.mainShortcuts .pagination .swiper-pagination-bullet {
	height: 1px;
	margin: 0 1px;
}
.classDetails .quizdetail {
	padding: 0 30px;
}
.classDetails .quizdetail h3 {
	padding-bottom: 20px;
}
.classDetails .quizattemptcounts {
	margin-left: 0
}
/*
#page-mod-quiz-attempt div[role=main] {
	padding-bottom: 0;
	overflow: hidden;
	min-height: auto;
	padding-top: 20px;
}
*/
@media ( min-width : 1025px) {
	.main-wrap {
		overflow-y: visible !important;
	}
}
@media ( max-width : 640px) {
	.classDetails .quizdetail {
		padding: 0;
	}
}
@media (max-width: 1024px) {
    section.main.recommend>div .bullets {
        margin-top: 25px;
    }
}
.classhome .c-video-wrap .pop-title .close {
    top: 103px;
}
@media ( max-width : 640px) {
	.classhome .c-video-wrap .pop-title .close {
    	top: 74px;
	}
}
#video-contents>.info div span::after {
    margin: 0;
}
@media ( max-width : 640px) {
	#video-contents>header {
		padding-top: 0px;
	}
}

.channels>ul>li>p {
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

section.channel:not(.main)>header>p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

@media screen and (max-width: 1024px)and (max-width: 485px) {
	section.main.recommend>div>div .thumb {
		height: 0;
		padding-bottom: 56.39891%
	}
}

@media (max-width: 640px) {
    section.main.recommend>div {
        height: calc(400px + 73.49891vw);
    }
}

.channelHeader ~.tabTarget .list>li .name {
	font-weight:500;
}

.channelHeader ~.tabTarget .list>li .subject {
	align-items: center;
}

.related .list>li .subject, .contents-ul>li .subject, .channelHeader ~.tabTarget .list>li .subject,
	section.channel:not(.main)>div .swiper.list .swiper-slide .subject,
	.tabTarget.my .swiper.list .swiper-slide .subject, #contents>section.search .list>li .subject,
	section.main .swiper.list .swiper-slide .subject {
	align-items: center;
}

.tabTarget.my .swiper.list .swiper-slide .subject .subject-link {
	width: calc(100% - 50px);
	font-weight: 700;
	letter-spacing: -0.01em;
	display: block;
	display: -ms-flexbox;
	display: -moz-box;
	display: -webkit-box;
	-ms-box-align: center;
	-o-box-align: center;
	box-align: center;
	max-height: 2.4em;
	line-height: 1.2 !important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #000
}

@media (max-width: 1024px) {
	.tabTarget.my .swiper.list .swiper-slide .subject .subject-link {
		font-size: 14px;
	}
}
@media (min-width: 1025px) {
    .channelHeader h2 {
        padding-bottom: 15.96875%;
    }
}
@media (max-width: 1024px) {
    .channelHeader h2 {
        padding-bottom: calc((100% + 15px + 15px)* 0.1606555);
    }
}
@media (max-width: 1024px) {
    #contents>section.search .classes>li .thumb {
        width: 130px;
    }
}
@media (max-width: 1024px) {
    #contents>section.search .classes>li .status {
        margin-left: 140px;
    }
}
@media (max-width: 1024px) {
    #contents>section.search .classes>li>span {
        margin-left: 140px;
    }
}
@media (max-width: 1024px) {
    #contents>section.search .classes>li>p, .classList>div>li>p {
        margin-left: 140px;
        overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-line-clamp: 2;
	    -webkit-box-orient: vertical;
	    min-height: 2.3em;
    }
}
@media (max-width: 1024px) {
    #contents>section.search .classes>li {
        padding: 15px 15px 15px 15px;
    }
}
.classDetails .details p, .no-overflow, #video-contents .reply .list p{
    line-height: 1.4;
}

@media (max-width: 640px) {
	.n-count {
		padding: 30px 10px 10px 10px;
	}
}

#video-contents .reply .write>div input {
    font-weight: 400;
}
#stored-conents-list.contents-ul>li .info span+span::before {
    all: unset;
}
#stored-conents-list.contents-ul>li .info {
    column-gap: 0px;
}
@media (max-width: 1024px) {
    .channelHeader>div>p {
        line-height: 1.3;
    }
}
#contents>section.search .list>li span+span::before {
	height: 15px;
}

#page-mod-quiz-summary div[role=main] {
	padding-bottom: 1rem !important;
    overflow: unset;
    min-height: unset;
}

@media (max-width: 640px) {
    #video-contents>header {
        padding-top: 20px;
    }
}
@media ( min-width : 1025px) {
	#page-mod-okmedia-viewer-player .classhome:not(.live) .n-txt.img~.c-video-wrap.c-image-wrap,
	#page-mod-okmedia-viewer-player .classhome:not(.live) .n-txt.img~.c-video-wrap {
	    padding-top: 15%;
	}
	.n-video-areaclasshome {
    	position: absolute;
	}
}
#page-local-media-live_contents_viewer.pagelayout-none div[role=main] {
	padding: 0%;
}
@media ( max-width : 1024px) {
	section.main>div>header a {
		top: 38px;
	}
}
.related .list>li .subject>div, .contents-ul>li .subject>div,
	.channelHeader ~.tabTarget .list>li .subject>div, section.channel:not(.main)>div .swiper.list .swiper-slide .subject>div,
	.tabTarget.my .swiper.list .swiper-slide .subject>div, #contents>section.search .list>li .subject>div,
	section.main .swiper.list .swiper-slide .subject>div {
	margin-top: 130px;
	box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, .1490196078);
}

.channelHeader ~.tabTarget .list>li span+span::before {
	height: 16px;
}
.path-mod-assign .submithelp {
	display: none;
}
.img-wrap .slick-prev {
	left: 17px;
}
.img-wrap .slick-next {
	right: 35px;
}
.boardList>li>div>img {
	width:100%; 
}
.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content {
    padding: 15px 15px;
}
section.main.channel .swiper .swiper-slide img {
    height: 90px;
}
.img-wrap .img-overlay img {
    vertical-align: middle;
}
.mainShortcuts.nomust {
	padding-top: 38px;
}
@media only screen and (max-width: 1024px) {
    .mainShortcuts.nomust {
        padding-bottom: 4px;
    }
}