:root {
	--color-red: #df2f2f;
	--color-red-dark: #B12E30;
	--color-black: #333;
	--color-grey: #aaa;
	--color-grey-dark: #7c7c7c;
	--color-grey-medium: #eee;
	--color-grey-light: #fafafa;
	--color-blue: #1ea4df;
	--color-green: #25a749;
}

.lucky2u {
	padding: 0;
	margin: 0;
	font-family: '맑은 고딕', 'malgun gothic', 'Apple SD Gothic Neo', 'Apple SD 산돌고딕 Neo', 'Microsoft NeoGothic', 'Droid sans', sans-serif;
}
/* .lucky2u * {
	box-sizing: content-box;
} */

.lucky2u a {
	color: var(--color-black);
	text-decoration: none;
}

.lucky2u .page {
	margin-top: 30px;
}

.lucky2u header {
	position: sticky;
	top: 0;
	padding: 15px 0;
	border-bottom: 1px solid #eee;
	background-color: #fff;
	z-index: 99;
	min-width: 1200px;
}
.lucky2u header .header-container {
	/* width: 1100px; */
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 30px;
}

.lucky2u header .logo {
	display: flex;
	align-items: center;
	z-index: 2;
}

.lucky2u header .logo img {
	display: block;
	width: 120px;
}

.lucky2u header .logo .instagram a {
	display: flex;
	align-items: center;
	margin-left: 12px;
	background-color: #f3f3f3;
	padding: 4px 8px;
	border-radius: 50px;
}

.lucky2u header .logo .instagram a img {
	display: block;
	width: 13px;
	margin-right: 5px;
}

.lucky2u header .logo .instagram a span {
	font-size: 11px;
	margin-top: 2px;
}

.lucky2u header .accounts {
	display: flex;
	align-items: center;
	font-size: 12px;
	z-index: 2;
}

.lucky2u header .accounts a {
	margin-right: 12px;
	color: #999;
}

.lucky2u header .accounts a:last-child {
	margin-right: 0;
}

.lucky2u header .accounts span.user {
	color: #1ea4df;
	font-weight: 500;
	margin-right: 12px;
}
.lucky2u header .accounts a.memo {
	position: relative;
	display: flex;
	align-items: center;
	margin-right: 15px;
}
.lucky2u header .accounts a.memo i {
	font-size: 20px;
}
.lucky2u header .accounts a.memo em {
	position: absolute;
	top: -5px;
	right: -7px;
	background-color: var(--color-red);
	color: #fff;
	width: 16px;
	height: 16px;
	border-radius: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 16px;
	font-family: verdana;
	font-size: 11px;
	font-weight: 600;
}

.lucky2u nav.main-menu {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: calc(100% - 600px);
	min-width: 700px;
	max-width: 1100px;
	display: flex;
	justify-content: space-between;
}

.lucky2u nav.main-menu a {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 17px;
	line-height: 1;
	height: 87px;
	text-align: center;
	color: #999;
}
.lucky2u nav.main-menu a img {
	display: none;
	width: 25px;
	margin-right: 3px;
	margin-bottom: 4px;
}
.lucky2u nav.main-menu a.is-active {
	border-bottom: 3px solid #000;
}
.lucky2u nav.main-menu a.is-active span {
	line-height: 1;
	color: var(--color-black);
	font-weight: 700;
}
.lucky2u nav.main-menu a:hover {
	color: var(--color-black);
	border-bottom: 3px solid #000;
}
.lucky2u nav.main-menu a:hover img {
	display: block !important;
	width: 25px;
	margin-right: 3px;
	margin-bottom: 4px;
}

.lucky2u main {
	margin: 2rem auto;
	width: 1100px;
}

.lucky2u main .extra-menu {
	display: flex;
	gap: 5px;
	margin-bottom: 30px;
}

.lucky2u main .extra-menu a {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border: 1px solid #ccc;
	padding: 20px;
	transition: background-color .2s, color .2s;
}

.lucky2u main .extra-menu a:hover {
	background-color: var(--color-black);
	color: #fff;
}

.lucky2u main .extra-menu a:hover i {
	color: #fff;
}

.lucky2u main .extra-menu a:hover span {
	color: #fff;
}

.lucky2u main .extra-menu a i {
	font-size: 25px;
	color: #999;
	margin-bottom: 5px;
}

.lucky2u main .extra-menu a span {
	font-size: 13px;
	color: #777;
}

.lucky2u main .fullwidth-banner {
	display: flex;
	justify-content: center;
	align-items: center;
	padding-bottom: 30px;
}

.lucky2u main .middle-banner {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	padding: 35px 0 0;
}

.lucky2u main .side-banner {
	position: relative;
}

.lucky2u main .side-banner .side-banner-left {
	position: absolute;
	left: -190px;
	width: 160px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.lucky2u main .side-banner .side-banner-right {
	position: absolute;
	right: -190px;
	width: 160px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.lucky2u main .about-draw {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 5px;
	margin: 50px 0 40px;
}
.lucky2u main .about-draw a {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	font-weight: 500;
	border: 1px solid #eee;
	padding: 15px;
	background-color: var(--color-grey-light);
}
.lucky2u main .about-draw a i {
	font-size: 20px;
	margin-right: 5px;
	
}

.lucky2u .draw-list {
	/* display: none; */
	margin: 0 auto;
	height: 860px;
}
.lucky2u .draw-list .swiper-prev,
.lucky2u .draw-list .swiper-next {
	position: absolute;
	top: 49%;
	left: 0;
	transform: translateY(-50%);
	z-index: 9;
	background-color: #fff;
	border: 1px solid #000;
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 20px;
	cursor: pointer;
	transition: background-color .3s, color .3s;
}
.lucky2u .draw-list .swiper-next {
	right: 0;
	left: unset;
}
.lucky2u .draw-list .swiper-prev:hover {
	background-color: var(--color-black);
	color: #fff;
}
.lucky2u .draw-list .swiper-next:hover {
	background-color: var(--color-black);
	color: #fff;
}

.lucky2u .draw-list .swiper-slide {
	display: grid;
	gap: 17px;
	grid-template-columns: repeat(4, 1fr);
}
.lucky2u .draw-list .swiper-slide a:nth-child(1) {
	margin-bottom: 60px;
}
.lucky2u .draw-list .swiper-slide .thumbnail {
	position: relative;
	/* aspect-ratio: auto 1 / 1; */
	/* overflow: hidden; */
	border: 1px solid rgba(0, 0, 0, 0.05);
	overflow: hidden;
}
.lucky2u .draw-list .swiper-slide .thumbnail img {
	display: block;
	width: 260px;
	height: 260px;
	object-fit: cover;
	image-rendering: -webkit-optimize-contrast;
	transform: translatez(0);
	backface-visibility: hidden;
}
.lucky2u .draw-list .swiper-slide .thumbnail .status {
	position: absolute;
	font-size: 12px;
	padding: 5px 10px;
	line-height: 1;
	border: 1px solid #000;
	font-weight: 600;
	z-index: 9;
	font-family: verdana;
}
.lucky2u .draw-list .swiper-slide .is-wait .status {
	background-color: var(--color-blue);
	color: #fff;
	border: 0;
}
.lucky2u .draw-list .swiper-slide .is-live .status {
	background-color: var(--color-red);
	color: #fff;
	border: 0;
}
.lucky2u .draw-list .swiper-slide .is-finish img {
	opacity: .5;
}
.lucky2u .draw-list .swiper-slide dl {
	margin: 20px 0;
}
.lucky2u .draw-list .swiper-slide dl dt {
	display: block;
	width: 262px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	text-align: center;
	font-size: 15px;
	font-weight: 600;
	margin-bottom: 5px;
}
.lucky2u .draw-list .swiper-slide dl dd {
	margin: 0;
	padding: 0;
}
.lucky2u .draw-list .swiper-slide dl dd.date {
	display: flex;
	justify-content: center;
	align-items: center;
}
.lucky2u .draw-list .swiper-slide dl dd.date .tag {
	font-size: 11px;
	line-height: 1;
	background-color: #2dad64;
	color: #fff;
	padding: 3px;
	margin-right: 10px;
}
.lucky2u .draw-list .swiper-slide dl dd.date .time {
	font-size: 13px;
	color: var(--color-red);
}
.lucky2u .draw-list .swiper-slide .button {
	display: block;
	width: 60%;
	margin: 0 auto;
	border: 1px solid #000;
	line-height: 1;
	padding: 10px;
	text-align: center;
	transition: background-color .3s, color .3s;
	font-size: 14px;
}
.lucky2u .draw-list .swiper-slide a:hover .button {
	background-color: var(--color-black);
	color: #fff;
}
.lucky2u .draw-title-bar {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 40px;
	margin-bottom: 10px;
}

.lucky2u .main-articles {
	display: grid;
	grid-template-columns: repeat(2, calc(50% - 25px));
	gap: 50px;
	flex-wrap: wrap;
	margin-bottom: 80px;
}
.lucky2u .main-articles .article-container .title-bar {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 2px solid #000;
	height: 40px;
}
.lucky2u .main-articles .article-container .title-bar h2 {
	line-height: 1;
	margin: 0;
	font-size: 16px;
	font-weight: 500;
}
.lucky2u .main-articles .article-container .title-bar .more {
	font-size: 12px;
}
.lucky2u .main-articles .article-container .article-list {
	list-style: none;
	margin: 0;
	padding: 0;
}
.lucky2u .main-articles .article-container .article-list li {
	display: flex;
	border-bottom: 1px solid #eee;
}
.lucky2u .main-articles .article-container .article-list li.notice {
	background-color: #fafafa;
}
.lucky2u .main-articles .article-container .article-list li a {
	display: flex;
	width: 100%;
	align-items: center;
	padding: 10px 12px;
}
.lucky2u .main-articles .article-container .article-list li a:hover p {
	/* border-bottom: 1px solid #000; */
	text-decoration: underline;
}
.lucky2u .main-articles .article-container .article-list li a .tag {
	border: 1px solid var(--color-red);
	font-size: 12px;
	color: var(--color-red);
	padding: 3px 5px;
	line-height: 1;
	margin-right: 8px;
}
.lucky2u .main-articles .article-container .article-list li a p {
	display: inline-block;
	margin: 0;
	margin-right: 3px;
	font-size: 14px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	max-width: 490px;
}
.lucky2u .main-articles .article-container .article-list li a span {
	display: block;
	line-height: 1;
	font-size: 12px;
	color: var(--color-red-dark);
}
.lucky2u .main-articles .article-container .article-list li a img {
	width: 80px;
	height: 50px;
	object-fit: cover;
	margin-right: 10px;
	image-rendering: -webkit-optimize-contrast;
	transform: translatez(0);
	backface-visibility: hidden;
}

/* hide */
footer * {
	margin: unset;
}
footer {
	border-top: 1px solid #eee;
	margin-top: 80px;
	padding: 40px 0 60px;
}
footer .footer {
	width: 1100px;
	height: auto !important;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	font-size: 12px;
	background: none;
	border: 0;
	top: 0;
}
footer .foot_logo {
	width: 180px;
}
footer .foot_info {
	position: relative !important;
	left: 0 !important;
	top: 0 !important;
	width: 800px;
	position: static;
	left: 0;
	top: 0;
}
footer .foot_info .foot_menu {
	display: flex;
	justify-content: space-between;
	margin: 0;
}
footer .foot_info .foot_menu a {
	font-size: 14px;
	color: #000;
	font-weight: 500;
	margin-bottom: 20px;
	padding: 0;
	background: none;
	letter-spacing: 0;
	background: none;
	padding: 0;
	letter-spacing: 0;
}
footer .foot_info .address {
	color: var(--color-grey);
}
footer .foot_info .address p {
	margin: 0 0 8px;
	line-height: 1;
}
footer .foot_info .address p span {
	display: inline-block;
	line-height: 1;
	margin-left: 12px;
	background: none !important;
	padding: 0 !important;
}
footer .foot_info p.copy {
	color: var(--color-grey);
}
footer .go_top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	width: 50px;
	height: 50px;
	background-color: var(--color-black);
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 30px;
}

.lck-board .lck-board-top .subject {
	border: none;
}

.lck-view .lck-view-bid,
.lck-view .lck-view-quiz {
	border: 3px solid #000;
	width: auto !important;
	max-width: 100%;
	padding: 50px;
	margin: 0 0 60px !important;
}
.lck-view .lck-view-quiz .box,
.lck-view .lck-view-bid .bid-list {
	margin: 0 !important;
}

/* add */
.board_main .bm_list {
	background-color: #f6f6f6 !important;
}
.board_main .right .bm_list {
	height: 255px;
	box-sizing: border-box;
}
.board_main .blank {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 255px;
	box-sizing: border-box;
	background-color: #f6f6f6;
	padding: 24px 24px 24px 14px;
	color: #aaa;
}