@charset "utf-8";

/* reset */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	font-family: inherit;
	font-style: inherit;
	font-size: 100%;
	font-weight: inherit;
	color: inherit;
	line-height: inherit;
	vertical-align: baseline;
	list-style: none;
	padding: 0;
	margin: 0;
	border: 0;
	word-break: inherit;
	word-wrap: inherit;
	box-sizing: inherit;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
main {
	display: block;
}
html {
	font-size: 10px !important;
	scroll-behavior: smooth;
}
body {
	word-break: keep-all;
	overflow-wrap: break-word;
	box-sizing: border-box;
	-webkit-text-size-adjust: none;
	text-size-adjust: none;
}
body * {
	transition: 0.3s ease;
}
blockquote,
q {
	quotes: none;
}
blockquote::before,
blockquote::after,
q::before,
q::after {
	content: '';
	content: none;
}
table {
	border-spacing: 0;
	border-collapse: collapse;
}
table,
thead,
tbody,
tfoot,
tr,
th,
td {
	padding: 0;
	margin: 0;
	vertical-align: baseline;
	border: 0;
	background-color: transparent;
	outline: 0;
}
img {
	border: 0;
}
a {
	text-decoration: none; 
	outline: none;
}
a:link,
a:visited,
a:hover,
a:active,
a:focus {
	text-decoration: none;
}
button {
	overflow: hidden;
	border: none;
	background-color: transparent;
	cursor: pointer;
	padding: 0;
	margin: 0;
}
button:hover {
	text-decoration: none;
}
form,
fieldset,
iframe {
	display: block;
	border: 0;
}
hr,
caption,
legend {
	display: none;
}

/* general */
#skip {
	visibility: hidden;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	font-size: 0;
	line-height: 0;
	border: 0;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
}
.blind {
	visibility: hidden;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	font-size: 0;
	line-height: 0;
	border: 0;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
}
.hide {
	display: none!important;
}
.clearfix::before,
.clearfix::after {
	display: block;
	content: '';
	line-height: 0;
}
.clearfix::after {
	clear:both;
}
.en {
	letter-spacing: 0;
}

/* common */
:root {
	--c-bg: #fff;
	--c-bg_lgray: #fafafa; 
	--c-light: #fff;
	--c-lgray: #888;
	--c-gray: #666;
	--c-dgray: #444;
	--c-dark: #222;
	--c-mk: #FF7A00;
	--c-cw: #F19A38;
	--c-nq: #36C0C0;
	--c-dline_op1: rgb(0, 0, 0, 0.1);
	--c-dline_op2: rgb(0, 0, 0, 0.2);
	--c-wline_op1: rgb(255, 255, 255, 0.1);
	--c-wline_op2: rgb(255, 255, 255, 0.2);
}

/* style */
body {
	font-family: 'montserrat', 'Spoqa Han Sans Neo', 'Noto Sans KR', "Dotum", "Dotumche", "돋움", "돋움체", "Arial";
	font-size: 1.6rem;
	letter-spacing: -0.05rem;
	line-height: 1.5;
	background-color: var(--c-bg);
}
body * {
	box-sizing: border-box;
}
.noscroll {
	overflow: hidden;
	position: fixed;
	width: 100%;
}

/* wrap */
#wrap {
	position: relative;
}

/* header */
#header {
	z-index: 100;
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	width: 100%;
	border-bottom: 1px solid var(--c-dline_op1);
	background-color: var(--c-bg);
}
#header .header_inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	max-width: 1250px;
	height: 69px;
	margin: 0 auto;
	padding: 0 20px;
}
/* logo */
#header .logo {
	display: flex;
	align-items: center;
	gap: 10px;
}
#header .logo a {
	display: inline-block;
}
#header .logo .l_mk {
	position: relative;
	width: 105px;
	height: 25px;
	margin-right: 20px;
	background: url(https://bimg.mk.co.kr/2025/mk_games/images/logo.svg) no-repeat;
	background-size: 105px 25px;
}
#header .logo .l_mk::after {
	content: '';
	position: absolute;
	top: 1px;
	right: -15px;
	display: inline-block;
	width: 1px;
	height: 22px;
	background-color: var(--c-lgray);
}
#header .logo .l_mk_ai_games {
	width: 172px;
	height: 25px;
	background: url(https://bimg.mk.co.kr/2025/mk_games/images/games_logo.svg) no-repeat;
	background-size: 172px 25px;
}
#header .logo .l_newsquiz {
	width: 85px;
	height: 22px;
	background: url(https://bimg.mk.co.kr/2025/mkaigames/assets/images/l_newsquiz.svg) no-repeat;
	background-size: 85px 22px;
}
/* gnb */
#header .gnb_wrap {}
#header .gnb_wrap .btn_nav {
	position: relative;
	display: block;
}
#header .gnb_wrap .btn_nav .btn_line, 
#header .gnb_wrap.active .btn_nav .btn_line {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	flex-direction: column;
	width: 24px;
	height: 24px;
}
#header .gnb_wrap .btn_nav .btn_line em, 
#header .gnb_wrap.active .btn_nav .btn_line em {
	width: 22px;
	height: 3px;
	background-color: var(--c-dark);
	transition: 0.3s ease;
}
#header .gnb_wrap .btn_nav .btn_line em:nth-child(2) {
	margin: 4px 0;
}
#header .gnb_wrap.active .btn_nav .btn_line em:nth-child(1) {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
#header .gnb_wrap.active .btn_nav .btn_line em:nth-child(2) {
	display: none;
}
#header .gnb_wrap.active .btn_nav .btn_line em:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	transform: rotate(45deg);
	margin-top: -3px;
}
/* nav */
#header .gnb_wrap .nav_wrap {
	z-index: 100;
	position: fixed;
	top: 70px;
	right: 0;
	left: 0;
	display: none;
	width: 100%;
	min-height: 400px;
	padding-bottom: 60px;
	background-color: var(--c-bg);
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.05);
}
#header .gnb_wrap.active .nav_wrap {
	display: block;
}
#header .nav_wrap .nav_inner {
	max-width: 1250px;
	margin: 0 auto;
	padding: 0 20px;
}
#header .nav_wrap .log_box {
	position: relative;
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
}
#header .nav_wrap .log_box .log_info {}
#header .nav_wrap .log_box .log_before,
#header .nav_wrap .log_box .log_after {
	display: none;
}
#header .nav_wrap .log_box .log_before.active,
#header .nav_wrap .log_box .log_after.active {
	display: block;
}
#header .nav_wrap .log_box .log_before span,
#header .nav_wrap .log_box .log_after span {
	display: inline-block;
	font-size: 18px;
	font-weight: 700;
	color: var(--c-dark);
}
#header .nav_wrap .log_box .log_list {
	display: flex;
	align-items: center;
}
#header .nav_wrap .log_box .log_list .log_item {}
#header .nav_wrap .log_box .log_list .log_item::before {
	content: '';
	display: inline-block;
	width: 1px;
	height: 10px;
	margin: 0 6px 0 10px;
	background-color: var(--c-dline_op1);
}
#header .nav_wrap .log_box .log_list .log_item:first-child::before {
	display: none;
}
#header .nav_wrap .log_box .log_list .log_item a {
	display: inline-block;
	font-size: 14px;
	color: var(--c-gray);
}
#header .nav_wrap .gnb_box {
	padding-top: 20px;
	margin-top: 20px;
}
#header .nav_wrap .gnb_box + .gnb_box {
	border-top: 1px solid var(--c-dline_op1);
}
#header .nav_wrap .gnb_box .tit_gnb {
	font-size: 18px;
	font-weight: 700;
	color: var(--c-dark);
}
#header .nav_wrap .gnb_box .gnb_list {
	display: flex;
	gap: 40px;
}
#header .nav_wrap .gnb_box .gnb_list .gnb_item {
	margin-top: 20px;
}
#header .nav_wrap .gnb_box .gnb_list .gnb_item a {
	display: block;
}
#header .nav_wrap .gnb_box .gnb_list .gnb_item .ic_gnb::before {
	content: '';
	display: block;
	width: 100%;
	height: 50px;
	margin-bottom: 5px;
}
#header .nav_wrap .gnb_box .gnb_list .gnb_item .ic_crossword::before {
	background: url(https://bimg.mk.co.kr/2025/mkaigames/assets/images/ic_crossword.svg) no-repeat center;
}
#header .nav_wrap .gnb_box .gnb_list .gnb_item .ic_newsquiz::before {
	background: url(https://bimg.mk.co.kr/2025/mkaigames/assets/images/ic_newsquiz.svg) no-repeat center;
}
#header .nav_wrap .gnb_box .gnb_list .gnb_item span {
	display: block;
	font-size: 15px;
	font-weight: 500;
	color: var(--c-dgray);
}
/* date */
#header .date_box {
	letter-spacing: 0;
	padding-left: 5px;
	white-space: nowrap;
}
#header .date_box.active {
	display: block;
}
#header .date_box .date {
	font-size: 14px;
	color: var(--c-gray);
}
#header .date_box .day {
	font-size: 12px;
	color: #b4b4b4;
}

/* footer */
#footer {
	text-align: center;
	padding: 25px 0;
	background-color: var(--c-dark);
}
#footer .copy {
	display: inline-block;
	font-size: 14px;
	color: #ccc;
	letter-spacing: 0;
}

/* container */
#container {
	min-height: 830px;
}

.section_inner {
	position: relative;
	max-width: 940px;
	padding: 60px 20px;
	margin: 0 auto;
}
.tit_section {
	position: relative;
	font-size: 24px;
	font-weight: 600;
	color: var(--c-dark);
	text-align: center;
	padding-bottom: 30px;
}

/********** MK AI GAMES **********/
/* 메인 */
.main_mkaigames_visual {
	margin-top: 70px;
	background-color: var(--c-bg_lgray);
}
.main_mkaigames_visual .visual_inner {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	max-width: 1250px;
	height: 520px;
	padding: 0 20px;
	margin: 0 auto;
}
.main_mkaigames_visual .tit_visual_area {}
.main_mkaigames_visual .tit_visual {
	font-size: 58px;
	font-weight: 600;
	color: var(--c-dark);
}
.main_mkaigames_visual .tit_visual strong {
	color: var(--c-mk);
}
.main_mkaigames_visual .desc_visual {
	font-size: 24px;
	color: var(--c-gray);
	margin-top: 20px;
}
.main_mkaigames_visual .im_visual_area {
	flex-shrink: 0;
	width: 381px;
	height: 460px;
	margin-right: 40px;
	background: url(https://bimg.mk.co.kr/2025/mkaigames/assets/images/bg_mkaigames_visual.svg) no-repeat center;
	background-size: contain;
}
/* 게임 */
.main_mkaigames_games {}
.main_mkaigames_games .bn_games {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 180px;
	padding: 0 60px;
	margin-top: 20px;
	border-radius: 15px;
}
.main_mkaigames_games .bn_crossword {
	margin-top: 0;
	background-color: var(--c-cw);
}
.main_mkaigames_games .bn_newsquiz {
	background-color: var(--c-nq);
}
.main_mkaigames_games .bn_games::before {
	content: '';
	display: inline-block;
	width: 150px;
	height: 120px;
	vertical-align: middle;
	margin-right: auto;
}
.main_mkaigames_games .bn_crossword::before {
	background: url(https://bimg.mk.co.kr/2025/mkaigames/assets/images/ic_crossword_3d.svg) no-repeat center;
	background-size: contain;
}
.main_mkaigames_games .bn_newsquiz::before {
	background: url(https://bimg.mk.co.kr/2025/mkaigames/assets/images/ic_newsquiz_3d.svg) no-repeat center;
	background-size: contain;
}
.main_mkaigames_games .tit_games {}
.main_mkaigames_games .tit_games .desc {
	display: block;
	font-size: 18px;
	font-weight: 500;
	color: var(--c-light);
	text-align: center;
}
.main_mkaigames_games .tit_games .tit {
	display: block;
	font-size: 32px;
	font-weight: 600;
	color: var(--c-light);
	text-align: center;
}
.main_mkaigames_games .btn_games {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 150px;
	height: 60px;
	font-size: 18px;
	font-weight: 600;
	color: var(--c-light);
	text-align: center;
	margin-left: auto;
	border-radius: 100px;
}
.main_mkaigames_games .bn_crossword .btn_games {
	background-color: #ea6e00;
}
.main_mkaigames_games .bn_newsquiz .btn_games {
	background-color: #009a9a;
}
/* 명예의 전당 */
.main_mkaigames_rank {
	background-color: var(--c-bg_lgray);
}
.rank_games_wrap {}
.rank_games_wrap .rank_info {
	display: flex;
	align-items: center;
	margin-top: 30px;
}
.rank_games_wrap .rank_info_top {
	display: flex;
	align-items: center;
}
.rank_games_wrap .rank_date {
	font-size: 14px;
	color: #aaa;
	letter-spacing: 0;
	margin-left: auto;
}
.rank_games_wrap .rank_noti {
	font-size: 14px;
	color: #aaa;
	margin-left: auto;
}
.rank_games_wrap .tab_rank_list {
	display: flex;
	align-items: center;
	gap: 10px;
}
.rank_games_wrap .tab_rank_item {
	width: 100%;
}
.rank_games_wrap .tab_rank_item .btn_tab {
	display: block;
	width: 100%;
	height: 60px;
	font-size: 18px;
	color: #aaa;
	text-align: center;
	border-radius: 100px;
	background-color: #eee;
}
.rank_games_wrap .tab_rank_item.active .btn_tab {
	font-weight: 600;
	color: var(--c-light);
	background-color: #ff891c;
}
.rank_games_wrap .rank_games_con {
	margin-top: 80px;
}
.rank_games_wrap .top_rank_list {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 40px;
}
.rank_games_wrap .top_rank_list .top_rank_item {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 200px;
	height: 250px;
	border-radius: 10px;
	background-color: var(--c-bg);
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.05);
}
.rank_games_wrap .top_rank_list .rank1 {
	margin-top: -60px;
	order: 2;
}
.rank_games_wrap .top_rank_list .rank2 {
	order: 1;
}
.rank_games_wrap .top_rank_list .rank3 {
	order: 3;
}
.rank_games_wrap .top_rank_list .top_rank_item::before {
	content: '';
	position: absolute;
	top: -25px;
	left: 50%;
	width: 41px;
	height: 55px;
	transform: translateX(-50%);
}
.rank_games_wrap .top_rank_list .rank1::before {
	top: -50px;
	width: 45px;
	height: 80px;
	background: url(https://bimg.mk.co.kr/2025/mkaigames/assets/images/ic_rank1.svg) no-repeat center;
}
.rank_games_wrap .top_rank_list .rank2::before {
	background: url(https://bimg.mk.co.kr/2025/mkaigames/assets/images/ic_rank2.svg) no-repeat center;
}
.rank_games_wrap .top_rank_list .rank3::before {
	background: url(https://bimg.mk.co.kr/2025/mkaigames/assets/images/ic_rank3.svg) no-repeat center;
}
.rank_games_wrap .top_rank_list .top_rank_item .rank {
	display: block;
	font-size: 36px;
	font-weight: 600;
	color: #aaa;
	margin-top: 60px;
}
.rank_games_wrap .top_rank_list .top_rank_item .rank::after {
	content: '위';
	display: inline-block;
}
.rank_games_wrap .top_rank_list .top_rank_item .id {
	display: block;
	font-size: 18px;
	font-weight: 500;
	color: var(--c-dark);
	letter-spacing: 0;
	margin-top: 20px;
}
.rank_games_wrap .top_rank_list .top_rank_item .time {
	display: block;
	font-size: 16px;
	font-weight: 500;
	color: #ff891c;
	letter-spacing: 0;
	padding: 10px 20px;
	margin-top: 15px;
	border-radius: 100px;
	background-color: #fff4e9;
}
.rank_games_wrap .top_rank_list .rank1 .rank {
	color: #ff891c;
}
.rank_games_wrap .rank_list {}
.rank_games_wrap .rank_list .rank_item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	height: 55px;
	padding: 0 80px;
	margin-top: 15px;
	border-radius: 10px;
	background-color: var(--c-bg);
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.05);
}
.rank_games_wrap .rank_list .rank_item:first-child {
	margin-top: 30px;
}
.rank_games_wrap .rank_list .rank_item .rank {
	flex-shrink: 0;
	width: 25px;
	font-size: 16px;
	font-weight: 600;
	color: #aaa;
	text-align: center;
	letter-spacing: 0;
}
.rank_games_wrap .rank_list .rank_item .id {
	flex: 1;
	font-size: 16px;
	font-weight: 500;
	color: var(--c-dark);
	letter-spacing: 0;
	margin-left: 80px;
}
.rank_games_wrap .rank_list .rank_item .time {
	font-size: 16px;
	font-weight: 500;
	color: #ff891c;
	letter-spacing: 0;
}

/********** NEWS QUIZ **********/
/* 메인 */
.main_newsquiz_visual {
	margin-top: 70px;
	background: url(https://bimg.mk.co.kr/2025/mkaigames/assets/images/bg_newsquiz_visual.jpg) no-repeat center;
	background-size: cover;
}
.main_newsquiz_visual .visual_inner {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 1250px;
	height: 480px;
	padding: 0 20px;
	margin: 0 auto;
}
.main_newsquiz_visual .tit_visual_area {
	text-align: center;
}
.main_newsquiz_visual .tit_top {
	display: inline-block;
	font-size: 20px;
	font-weight: 600;
	color: var(--c-light);
	letter-spacing: 0;
	padding: 7px 15px;
	border-radius: 5px;
	background-color: var(--c-nq);
}
.main_newsquiz_visual .tit_visual {
	font-size: 36px;
	font-weight: 600;
	color: var(--c-dark);
	margin-top: 15px;
}
.main_newsquiz_visual .tit_visual.lbl_beta::after {
	content: 'Beta';
	position: relative;
	top: -4px;
	display: inline-block;
	font-size: 18px;
	font-weight: 600;
	color: #ff5e5e;
	vertical-align: middle;
	letter-spacing: 0;
	padding: 3px 9px 2px 10px;
	margin-left: 10px;
	border: 1px solid #ff5e5e;
	border-radius: 5px;
}
.main_newsquiz_visual .desc_visual {
	font-size: 20px;
	color: var(--c-dark);
	margin-top: 10px;
}
.main_newsquiz_visual .desc_visual strong {
	font-weight: 600;
}
/* News Quiz */
.main_newsquiz_games {}
.main_games_wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--c-dline_op1);
	border-radius: 10px;
}
.main_games_wrap .main_games_area {
	display: flex;
	align-items: center;
	flex-direction: column;
	text-align: center;
	padding: 30px 20px;
}
.main_games_wrap .main_games_area .tit_top {
	display: inline-block;
	font-size: 18px;
	font-weight: 600;
	color: var(--c-nq);
	padding: 8px 20px 7px 20px;
	border-radius: 100px;
	background-color: #e2f0f0;
}
.main_games_wrap .main_games_area .tit_games {
	display: flex;
	align-items: center;
	flex-direction: column;
	font-size: 20px;
	font-weight: 600;
	color: var(--c-dark);
	margin-top: 20px;
}
.main_games_wrap .main_games_area .tit_games::after {
	content: '';
	display: block;
	width: 200px;
	height: 136px;
	margin-top: 20px;
	background: url(https://bimg.mk.co.kr/2025/mkaigames/assets/images/ic_newsquiz_3d.svg) no-repeat center;
	background-size: 200px 136px;
}
.main_games_wrap .main_games_area .btn_games {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 250px;
	height: 60px;
	font-size: 20px;
	font-weight: 600;
	color: var(--c-light);
	text-align: center;
	margin-top: 20px;
	border-radius: 100px;
	background-color: var(--c-nq);
	box-shadow: 0 10px 20px 0 rgba(54, 192, 192, 0.5);
}
/* 오늘 내가 이룬 업적은? */
.main_newsquiz_result {
	margin-top: -60px;
}
.main_result_wrap {
	overflow: hidden;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	max-width: 900px;
	width: 100%;
	min-height: 120px;
	padding: 0 40px;
	border-radius: 10px;
	background-color: #fffaf5;
}
.main_result_wrap .result_left {
	position: relative;
	padding-left: 60px;
}
.main_result_wrap .result_left::before {
	content: '';
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 42px;
	height: 60px;
	background: url(https://bimg.mk.co.kr/2025/mkaigames/assets/images/ic_fire.svg) no-repeat;
	transform: translateY(-50%);
}
.main_result_wrap .result_left .tit_result {
	font-size: 24px;
	font-weight: 600;
	color: var(--c-dark);
}
.main_result_wrap .result_left .desc_result {
	font-size: 16px;
	color: var(--c-gray);
	margin-top: 5px;
}
.main_result_wrap .result_right {}
.main_result_wrap .result_right .btn_result {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 150px;
	height: 46px;
	font-size: 16px;
	font-weight: 500;
	color: #ff7800;
	text-align: center;
	border: 1px solid #ff7800;
	border-radius: 100px;
}
.main_result_wrap .result_time {
	position: relative;
	width: 200px;
	height: 120px;
	background: url(https://bimg.mk.co.kr/2025/mkaigames/assets/images/bg_time.svg) no-repeat center top;
}
.main_result_wrap .result_time .time {
	position: absolute;
	bottom: 15px;
	left: 50%;
	display: inline-block;
	font-size: 18px;
	font-weight: 500;
	color: #ff891c;
	transform: translateX(-50%);
}
/* 오늘의 TOP 랭킹 */
.main_newsquiz_rank {
	background-color: var(--c-bg_lgray);
}

/* 뉴스퀴즈 시작 */
.newsquiz_games_start {
	margin-top: 40px;
}
.games_start_wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	background-color: #ebf9f9;
}
.games_start_wrap .games_start_area {
	display: flex;
	align-items: center;
	flex-direction: column;
	text-align: center;
	padding: 60px 20px;
}
.games_start_wrap .games_start_area .tit_games {
	font-size: 40px;
	font-weight: 600;
	color: var(--c-dark);
}
.games_start_wrap .games_start_area .tit_games::after {
	content: '';
	display: inline-block;
	width: 200px;
	height: 197px;
	margin-top: 20px;
	background: url(https://bimg.mk.co.kr/2025/mkaigames/assets/images/ic_newsquiz_start.svg) no-repeat center;
}
.games_start_wrap .games_start_area .games_date {
	display: block;
	font-size: 20px;
	font-weight: 500;
	color: var(--c-nq);
	letter-spacing: 0;
	margin-top: 10px;
}
.games_start_wrap .games_start_area .btn_start {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 250px;
	height: 60px;
	font-size: 20px;
	font-weight: 600;
	color: var(--c-light);
	text-align: center;
	letter-spacing: 0;
	margin-top: 20px;
	border-radius: 100px;
	background-color: var(--c-nq);
	box-shadow: 0 10px 20px 0 rgba(54, 192, 192, 0.5);
}
/* 뉴스퀴즈 목록 */
.newsquiz_list_wrap {
	margin-top: -60px;
}
.newsquiz_list_wrap .newsquiz_list {}
.newsquiz_list_wrap .newsquiz_list .newsquiz_item {
	border-bottom: 1px solid var(--c-dline_op1);
}
.newsquiz_list_wrap .newsquiz_list .newsquiz_item a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding: 20px 30px;
}
.newsquiz_list_wrap .newsquiz_list .newsquiz_item .num {
	flex-shrink: 0;
	width: 40px;
	font-size: 20px;
	font-weight: 500;
	color: var(--c-nq);
	text-align: center;
	letter-spacing: 0;
}
.newsquiz_list_wrap .newsquiz_list .newsquiz_item .tit {
	flex: 1;
	font-size: 18px;
	font-weight: 600;
	color: var(--c-dark);
	letter-spacing: 0;
	margin-left: 40px;
}
.newsquiz_list_wrap .newsquiz_list .newsquiz_item.active .tit {
	color: var(--c-nq);
}
.newsquiz_list_wrap .newsquiz_list .newsquiz_item .date {
	font-size: 16px;
	color: #aaa;
	letter-spacing: 0;
}
.newsquiz_list_bot {
	display: flex;
	justify-content: center;
	margin-top: 60px;
}
.newsquiz_list_bot .btn_more {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 150px;
	height: 46px;
	font-size: 15px;
	font-weight: 500;
	color: var(--c-gray);
	text-align: center;
	border: 1px solid #d5d5d5;
	border-radius: 100px;
}

/* 뉴스퀴즈 */
.newsquiz_games_play {
	margin-top: 40px;
}
.newsquiz_play_wrap {}
.newsquiz_top_area {}
.newsquiz_top_area .play_time {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.newsquiz_top_area .play_time .time {
	display: inline-block;
	font-size: 15px;
	font-weight: 500;
	color: var(--c-dark);
}
.newsquiz_top_area .play_time .time::before {
	content: '';
	position: relative;
	top: -1px;
	display: inline-block;
	width: 17px;
	height: 18px;
	vertical-align: middle;
	margin-right: 8px;
	background: url(https://bimg.mk.co.kr/2025/mkaigames/assets/images/ic_play_time.svg) no-repeat;
}
.newsquiz_top_area .play_progress {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 100%;
	margin-top: 30px;
}
.newsquiz_top_area .play_progress li {
	width: 25%;
	height: 6px;
	border-radius: 100px;
	background-color: #e5e5e5;
}
.newsquiz_top_area .play_progress .ing {
	background-color: var(--c-gray);
}
.newsquiz_top_area .play_progress .correct {
	background-color: var(--c-nq);
}
.newsquiz_top_area .play_progress .incorrect {
	background-color: #f55e5e;
}
.newsquiz_play_area {
	margin-top: 30px;
}
.newsquiz_play_area .quiz_questions {
	position: relative;
	font-size: 20px;
	font-weight: 600;
	color: var(--c-dark);
}
.newsquiz_play_area .quiz_help {
	text-align: right;
	margin-top: 30px;
}
.newsquiz_play_area .quiz_help button {
	display: inline-block;
	margin-left: 5px;
}
.newsquiz_play_area .quiz_help .btn_help {
	font-size: 13px;
	color: var(--c-dgray);
	border: 1px solid var(--c-dline_op1);
	padding: 8px 15px;
	border-radius: 100px;
}
.newsquiz_play_area .quiz_help .btn_help::before {
	content: '';
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	margin-right: 5px;
}
.newsquiz_play_area .quiz_help .btn_hint::before {
	background: url(https://bimg.mk.co.kr/2025/mkaigames/assets/images/ic_play_hint.svg) no-repeat;
}
.newsquiz_play_area .quiz_help .btn_newsread::before {
	background: url(https://bimg.mk.co.kr/2025/mkaigames/assets/images/ic_play_newsread.svg) no-repeat;
}
.newsquiz_play_area .quiz_help .hint_box {
	position: relative;
	display: none;
	font-size: 14px;
	color: var(--c-dgray);
	text-align: left;
	padding: 15px;
	margin-top: 10px;
	border: 1px solid #aaa;
	border-radius: 5px;
	background-color: #eee;
}
.newsquiz_play_area .quiz_help .hint_box.active {
	display: block;
}
.newsquiz_play_area .quiz_help .hint_box .tit_hint {
	font-size: 16px;
	font-weight: 600;
	color: var(--c-dark);
}
.newsquiz_play_area .quiz_help .hint_box .tit_hint::before {
	content: '';
	display: inline-block;
	position: relative;
	top: -1px;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	margin-right: 5px;
	background: url(https://bimg.mk.co.kr/2025/mkaigames/assets/images/ic_play_hint.svg) no-repeat;
}
.newsquiz_play_area .quiz_help .hint_box .con_hint {
	margin-top: 5px;
}
.newsquiz_play_area .quiz_help .hint_box .btn_hint_close {
	position: absolute;
	top: 4px;
	right: 4px;
	width: 24px;
	height: 24px;
	background: url(https://bimg.mk.co.kr/2025/mkaigames/assets/images/ic_play_close.svg) no-repeat center;
}
.newsquiz_play_area .quiz_answer {
	margin-top: 30px;
}
.newsquiz_play_area .quiz_answer .quiz_answer_list {}
.newsquiz_play_area .quiz_answer .quiz_answer_list .quiz_answer_item {
	font-size: 16px;
	color: var(--c-dark);
	margin-top: 12px;
	border-radius: 5px;
	background-color: var(--c-bg_lgray);
}
.newsquiz_play_area .quiz_answer .quiz_answer_list .quiz_answer_item:hover {
	background-color: #eaeaea;
}
.newsquiz_play_area .quiz_answer .quiz_answer_list .quiz_answer_item button {
	position: relative;
	width: 100%;
	font-size: 16px;
	color: var(--c-dark);
	text-align: left;
	padding: 12px 15px;
}
.newsquiz_play_area .quiz_answer .quiz_answer_check {}
.newsquiz_play_area .quiz_answer .quiz_answer_check button {
	cursor: default;
}
.newsquiz_play_area .quiz_answer .quiz_answer_check li:not(.answer_correct):not(.incorrect):hover,
.newsquiz_play_area .quiz_answer .quiz_answer_check li:not(.answer_incorrect):hover {
	background-color: var(--c-bg_lgray);
}
.newsquiz_play_area .quiz_answer .answer_correct {
	border: 1px solid var(--c-nq);
	background-color: #ebf9f9 !important;
}
.newsquiz_play_area .quiz_answer .answer_incorrect {
	border: 1px solid #f55e5e;
	background-color: #fff5f5 !important;
}
.newsquiz_play_area .quiz_answer .answer_correct button,
.newsquiz_play_area .quiz_answer .answer_incorrect button {
	font-weight: 600;
}
.newsquiz_play_area .quiz_answer .feedback,
.newsquiz_play_area .quiz_answer .quiz_answer_check .feedback {
	display: none;
}
.newsquiz_play_area .quiz_answer .quiz_answer_check .answer_correct .feedback,
.newsquiz_play_area .quiz_answer .quiz_answer_check .answer_incorrect .feedback {
	display: block;
	padding: 0 15px 12px 35px;
}
.newsquiz_play_area .quiz_answer .answer_correct .feedback .answer_check::before {
	content: '';
	display: inline-block;
	position: relative;
	top: -1px;
	width: 20px;
	height: 20px;
	vertical-align: middle;
	margin-right: 5px;
	border: 5px solid var(--c-nq);
	border-radius: 50%;
}
.newsquiz_play_area .quiz_answer .answer_incorrect .feedback .answer_check::before {
	content: '';
	display: inline-block;
	position: relative;
	top: -1px;
	width: 25px;
	height: 25px;
	vertical-align: middle;
	margin-right: 5px;
	background: url(https://bimg.mk.co.kr/2025/mkaigames/assets/images/ic_play_incorrect.svg) no-repeat center;
}
.newsquiz_play_area .quiz_answer .answer_correct .feedback .answer_check::after {
	content: '정답이에요!';
	display: inline-block;
	font-size: 16px;
	font-weight: 600;
	color: #00aaaa;
}
.newsquiz_play_area .quiz_answer .answer_incorrect .feedback .answer_check::after {
	content: '오답이에요';
	display: inline-block;
	font-size: 16px;
	font-weight: 600;
	color: #ea3f3f;
}
.newsquiz_play_area .quiz_answer .answer_correct .feedback p {
	font-size: 14px;
	color: #00a0a0;
	margin-top: 5px;
}
.newsquiz_play_area .quiz_answer .quiz_answer_check .incorrect .answer_check {
	display: inline-block;
}
.newsquiz_play_area .quiz_answer .quiz_answer_check .incorrect p {
	display: inline;
	margin-top: 2px;
}
.newsquiz_play_area .quiz_answer .answer_incorrect .feedback p {
	font-size: 14px;
	color: #ea3f3f;
	margin-top: 5px;
}
.newsquiz_play_area .quiz_answer .answer_correct .feedback.incorrect .answer_check::before {
	width: 10px;
	height: 10px;
}
.newsquiz_play_area .quiz_answer .answer_correct .feedback.incorrect .answer_check::after {
	display: none;
}
.newsquiz_desc_area {
	padding: 15px;
	margin-top: 30px;
	border: 1px solid var(--c-dline_op2);
	border-radius: 5px;
}
.newsquiz_desc_area .desc_box {}
.newsquiz_desc_area .word_box,
.newsquiz_desc_area .newsread_box {
	margin-top: 20px;
}
.newsquiz_desc_area .desc_box .tit_desc,
.newsquiz_desc_area .word_box .tit_desc,
.newsquiz_desc_area .newsread_box .tit_desc {
	font-size: 16px;
	font-weight: 600;
}
.newsquiz_desc_area .desc_box .tit_desc::before,
.newsquiz_desc_area .word_box .tit_desc::before,
.newsquiz_desc_area .newsread_box .tit_desc::before {
	content: '';
	display: inline-block;
	position: relative;
	top: -2px;
	vertical-align: middle;
	margin-right: 10px;
}
.newsquiz_desc_area .desc_box .tit_desc::before {
	top: -4px;
	width: 20px;
	height: 24px;
	background: url(https://bimg.mk.co.kr/2025/mkaigames/assets/images/ic_desc_quiz.svg) no-repeat;
}
.newsquiz_desc_area .word_box .tit_desc::before {
	width: 18px;
	height: 18px;
	background: url(https://bimg.mk.co.kr/2025/mkaigames/assets/images/ic_desc_word.svg) no-repeat;
}
.newsquiz_desc_area .newsread_box .tit_desc::before {
	width: 18px;
	height: 18px;
	background: url(https://bimg.mk.co.kr/2025/mkaigames/assets/images/ic_desc_newsread.svg) no-repeat;
}
.newsquiz_desc_area .desc_box p {
	font-size: 14px;
	color: var(--c-dgray);
	margin-top: 8px;
}
.newsquiz_desc_area .word_box .desc_word_list {}
.newsquiz_desc_area .word_box .desc_word_list .desc_word_item {
	position: relative;
	font-size: 14px;
	color: var(--c-dgray);
	padding-left: 8px;
	margin-top: 5px;
}
.newsquiz_desc_area .word_box .desc_word_list .desc_word_item::before {
	content: '';
	display: inline-block;
	position: absolute;
	top: 9px;
	left: 0;
	width: 2px;
	height: 2px;
	border-radius: 50%;
	background-color: var(--c-dgray);
}
.newsquiz_desc_area .word_box .desc_word_list .desc_word_item strong {
	font-weight: 500;
}
.newsquiz_desc_area .newsread_box a {
	display: inline-block;
	font-size: 14px;
	font-weight: 600;
	color: var(--c-dgray);
	text-decoration: underline;
	text-underline-offset: 2px;
	margin-top: 8px;
}
.newsquiz_bot_area {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin-top: 30px;
}
.newsquiz_bot_area p {
	font-size: 13px;
	color: #aaa;
}
.newsquiz_next_area {
	margin-top: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.newsquiz_next_area .btn_next_quiz {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 200px;
	height: 60px;
	font-size: 16px;
	font-weight: 600;
	color: var(--c-light);
	border-radius: 100px;
	background-color: var(--c-dark);
}

/* 뉴스퀴즈 결과 */
.newsquiz_score_result {
	margin-top: 40px;
}
.newsquiz_score_wrap {}
.score_ment_area {
	text-align: center;
}
.score_ment_area .score_perfect,
.score_ment_area .score_good {
	font-size: 24px;
	font-weight: 600;
	color: var(--c-dark);
}
.score_ment_area .score_perfect::before,
.score_ment_area .score_good::before {
	content: '';
	display: block;
	height: 120px;
	margin-bottom: 30px;
}
.score_ment_area .score_perfect::before {
	background: url(https://bimg.mk.co.kr/2025/mkaigames/assets/images/ic_result_perfect.svg) no-repeat center;
}
.score_ment_area .score_good::before {
	background: url(https://bimg.mk.co.kr/2025/mkaigames/assets/images/ic_result_good.svg) no-repeat center;
}
.score_btn_area {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	margin-top: 30px;
}
.score_btn_area .score_btn_box {
	position: relative;
	width: 150px;
}
.score_btn_area .score_btn_box .btn_replay,
.score_btn_area .score_btn_box .btn_otherplay,
.score_btn_area .score_btn_box .btn_share {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 46px;
	font-size: 16px;
	font-weight: 500;
	color: #00aaaa;
	text-align: center;
	padding: 0 5px;
	border: 1px solid var(--c-nq);
	border-radius: 100px;
	background-color: #ebf9f9;
	white-space: nowrap;
}
.score_btn_area .score_btn_box .ly_share {
	position: absolute;
	top: 56px;
	left: 0;
	display: none;
	min-width: 150px;
	border: 1px solid var(--c-dline_op1);
	border-radius: 10px;
	background-color: #fff;
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.05);
}
.score_btn_area .score_btn_box .ly_share.active {
	display: block;
}
.score_btn_area .score_btn_box .ly_share .tit_share {
	font-size: 14px;
	font-weight: 600;
	color: var(--c-dark);
	text-align: center;
	padding: 15px 20px;
	border-bottom: 1px solid var(--c-dline_op1);
}
.score_btn_area .score_btn_box .ly_share .share_list {
	padding: 10px 15px;
}
.score_btn_area .score_btn_box .ly_share .share_item {
	margin-top: 10px;
}
.score_btn_area .score_btn_box .ly_share .share_item:first-child {
	margin-top: 0;
}
.score_btn_area .score_btn_box .ly_share .share_item button {
	width: 100%;
	font-size: 14px;
	color: var(--c-dark);
	text-align: left;
}
.score_btn_area .score_btn_box .ly_share .share_item button::before {
	content: '';
	display: inline-block;
	width: 30px;
	height: 30px;
	vertical-align: middle;
	margin-right: 8px;
}
.score_btn_area .score_btn_box .ly_share .share_item .btn_kakaotalk::before {
	background: url(https://bimg.mk.co.kr/2025/mkaigames/assets/images/ic_share_kakaotalk.svg) no-repeat;
}
.score_btn_area .score_btn_box .ly_share .share_item .btn_link::before {
	background: url(https://bimg.mk.co.kr/2025/mkaigames/assets/images/ic_share_link.svg) no-repeat;
}
.score_result_area {
	display: flex;
	align-items: stretch;
	justify-content: center;
	gap: 15px;
	margin-top: 30px;
}
.score_result_area .my_score_box {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: 33.33%;
	padding: 20px;
	border-radius: 10px;
	background-color: var(--c-bg_lgray);
}
.score_result_area .my_score_box .tit_score {
	display: inline-block;
	font-size: 16px;
	font-weight: 500;
	color: var(--c-lgray);
	text-align: center;
}
.score_result_area .my_score_box .my_score {
	display: inline-block;
	font-size: 24px;
	font-weight: 600;
	color: var(--c-dark);
	text-align: center;
	margin-top: 10px;
}
/* 뉴스퀴즈 풀이 */
.newsquiz_quiz_result {
	background-color: var(--c-bg_lgray);
}
.newsquiz_result_wrap {}
.newsquiz_result_wrap .tab_result_list {
	display: flex;
	align-items: center;
	gap: 10px;
}
.newsquiz_result_wrap .tab_result_item {
	width: 100%;
}
.newsquiz_result_wrap .tab_result_item .btn_tab {
	display: block;
	width: 100%;
	height: 60px;
	font-size: 16px;
	color: #aaa;
	text-align: center;
	border-radius: 100px;
	background-color: #eee;
}
.newsquiz_result_wrap .tab_result_item.active .btn_tab {
	font-weight: 600;
	color: var(--c-light);
	background-color: var(--c-nq);
}
.newsquiz_play_result_box {
	padding: 40px;
	margin-top: 30px;
	border-radius: 10px;
	background-color: var(--c-bg);
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.05);
}
.result_quiz_wrap,
.result_desc_wrap {
	display: none;
}
.result_quiz_wrap.active,
.result_desc_wrap.active {
	display: block;
}
.newsquiz_play_result_box .newsquiz_play_area {
	margin-top: 0;
}
.newsquiz_play_result_box .newsquiz_play_area .quiz_questions {
	font-size: 16px;
}
.newsquiz_play_result_box .newsquiz_play_area .quiz_answer .quiz_answer_list .quiz_answer_item:hover {
	background-color: var(--c-bg_lgray);
}
.newsquiz_play_result_box .newsquiz_play_area .quiz_answer .quiz_answer_list .quiz_answer_item button {
	font-size: 15px;
	cursor: default;
}
.newsquiz_play_result_box .newsquiz_play_area .quiz_answer .select_answer {
	display: block;
	padding: 12px 15px 0 15px;
}
.newsquiz_play_result_box .newsquiz_play_area .quiz_answer .answer_correct .select_answer .answer_check::before {
	content: '';
	display: inline-block;
	position: relative;
	top: -1px;
	width: 15px;
	height: 15px;
	vertical-align: middle;
	margin-right: 5px;
	border: 4px solid var(--c-nq);
	border-radius: 50%;
}
.newsquiz_play_result_box .newsquiz_play_area .quiz_answer .answer_incorrect .select_answer .answer_check::before {
	content: '';
	display: inline-block;
	position: relative;
	top: -1px;
	width: 20px;
	height: 20px;
	vertical-align: middle;
	margin-right: 5px;
	background: url(https://bimg.mk.co.kr/2025/mkaigames/assets/images/ic_play_incorrect.svg) no-repeat center;
	background-size: 20px 20px
}
.newsquiz_play_result_box .newsquiz_play_area .quiz_answer .answer_correct .select_answer .answer_check::after {
	content: '선택한 답';
	display: inline-block;
	font-size: 15px;
	color: #00aaaa;
}
.newsquiz_play_result_box .newsquiz_play_area .quiz_answer .answer_incorrect .select_answer .answer_check::after {
	content: '선택한 답';
	display: inline-block;
	font-size: 15px;
	color: #ea3f3f;
}
.newsquiz_play_result_box .newsquiz_desc_area {
	margin-top: 20px;
}

/* media query */
@media (max-width:1024px) {
	.main_mkaigames_visual .tit_visual_area {}
	.main_mkaigames_visual .tit_visual {
		font-size: 48px;
	}
	.main_mkaigames_visual .desc_visual {
		font-size: 20px;
	}
	.main_mkaigames_visual .im_visual_area {
		margin-right: 20px;
	}
	.main_mkaigames_visual .im_visual_area {
		width: 331px;
		height: 400px;
	}
}

@media (max-width:768px) {
	#header .nav_wrap .log_box .log_before span,
	#header .nav_wrap .log_box .log_after span {
		display: block;
	}
	#header .nav_wrap .log_box {
		display: block;
	}
	#header .nav_wrap .log_box .log_list {
		margin-top: 10px;
	}

	.main_mkaigames_games .bn_games {
		padding: 0 30px;
	}
}

@media (max-width:640px) {
	#header .header_inner {
		height: 59px;
		padding: 10px 15px;
	}
	#header .logo .l_mk {
		width: 73px;
		height: 17px;
		margin-right: 10px;
		background-size: 73px 17px;
	}
	#header .logo .l_mk::after {
		right: -10px;
		height: 14px;
	}
	#header .logo .l_mk_ai_games {
		width: 133px;
		height: 17px;
		background-size: 133px 17px;
	}
	#header .logo .l_newsquiz {
		width: 73px;
		height: 17px;
		background-size: 73px 17px;
	}
	#header .gnb_wrap .btn_nav .btn_line em, 
	#header .gnb_wrap.active .btn_nav .btn_line em {
		width: 20px;
		height: 2px;
	}
	#header .gnb_wrap.active .btn_nav .btn_line em:nth-child(3) {
		margin-top: -2px;
	}
	#header .gnb_wrap .nav_wrap {
		top: 60px;
	}
	#header .nav_wrap .nav_inner {
		padding: 0 15px;
	}
	#header .nav_wrap .gnb_box .gnb_list .gnb_item {
		margin-top: 15px;
	}
	#header .date_box .date {
		font-size: 12px;
	}
	#header .date_box .day {
		font-size: 10px;
	}

	#footer {
		padding: 15px 0;
	}
	#footer .copy {
		font-size: 12px;
	}

	#container {
		min-height: auto;
	}

	.main_mkaigames_visual {
		margin-top: 60px;
	}
	.main_mkaigames_visual .visual_inner {
		display: block;
		height: auto;
		padding: 60px 15px;
		text-align: center;
	}
	.main_mkaigames_visual .tit_visual_area {}
	.main_mkaigames_visual .tit_visual {
		font-size: 36px;
	}
	.main_mkaigames_visual .desc_visual {
		font-size: 18px;
	}
	.main_mkaigames_visual .im_visual_area {
		width: 249px;
		height: 300px;
		margin: 40px auto 0 auto;
	}

	.section_inner {
		padding: 40px 15px;
	}
	.tit_section {
		font-size: 20px;
		padding-bottom: 20px;
	}

	.main_mkaigames_games .bn_games {
		flex-direction: column;
		height: auto;
		padding: 40px 15px;
		margin-top: 15px;
	}
	.main_mkaigames_games .bn_crossword {
		margin-top: 0;
	}
	.main_mkaigames_games .bn_games::before {
		margin-right: 0;
	}
	.main_mkaigames_games .tit_games {
		margin-top: 20px;
	}
	.main_mkaigames_games .tit_games .desc {
		font-size: 16px;
	}
	.main_mkaigames_games .tit_games .tit {
		font-size: 26px;
	}
	.main_mkaigames_games .btn_games {
		width: 50%;
		height: 50px;
		font-size: 15px;
		margin-top: 20px;
		margin-left: 0;
	}

	.rank_games_wrap .rank_info {
		margin-top: 20px;
	}
	.rank_games_wrap .rank_date {
		font-size: 13px;
	}
	.rank_games_wrap .rank_noti {
		font-size: 13px;
	}
	.rank_games_wrap .tab_rank_item .btn_tab {
		height: 50px;
		font-size: 15px;
	}
	.rank_games_wrap .rank_games_con {
		margin-top: 60px;
	}
	.rank_games_wrap .top_rank_list {
		gap: 10px;
	}
	.rank_games_wrap .top_rank_list .top_rank_item {
		width: 33.33%;
		height: 190px;
	}
	.rank_games_wrap .top_rank_list .top_rank_item::before {
		top: -20px;
		width: 30px;
		height: 40px;
	}
	.rank_games_wrap .top_rank_list .rank1::before {
		top: -40px;
		width: 35px;
		height: 62px;
		background-size: 35px 62px;
	}
	.rank_games_wrap .top_rank_list .rank2::before {
		background-size: 30px 40px;
	}
	.rank_games_wrap .top_rank_list .rank3::before {
		background-size: 30px 40px;
	}
	.rank_games_wrap .top_rank_list .top_rank_item .rank {
		font-size: 24px;
		margin-top: 40px;
	}
	.rank_games_wrap .top_rank_list .top_rank_item .id {
		font-size: 15px;
		margin-top: 15px;
	}
	.rank_games_wrap .top_rank_list .top_rank_item .time {
		font-size: 14px;
		padding: 8px 15px;
		margin-top: 10px;
	}
	.rank_games_wrap .rank_list .rank_item {
		height: 50px;
		padding: 0 15px;
		margin-top: 10px;
	}
	.rank_games_wrap .rank_list .rank_item:first-child {
		margin-top: 20px;
	}
	.rank_games_wrap .rank_list .rank_item .rank {
		font-size: 14px;
	}
	.rank_games_wrap .rank_list .rank_item .id {
		font-size: 15px;
		margin-left: 15px;
	}
	.rank_games_wrap .rank_list .rank_item .time {
		font-size: 14px;
	}

	.main_newsquiz_visual {
		margin-top: 60px;
	}
	.main_newsquiz_visual .visual_inner {
		height: 320px;
		padding: 0 15px;
	}
	.main_newsquiz_visual .tit_top {
		font-size: 16px;
		padding: 6px 12px;
	}
	.main_newsquiz_visual .tit_visual {
		font-size: 26px;
		margin-top: 12px;
	}
	.main_newsquiz_visual .tit_visual.lbl_beta::after {
		top: -3px;
		font-size: 14px;
		padding: 2px 8px 1px 8px;
		margin-left: 5px;
	}
	.main_newsquiz_visual .desc_visual {
		font-size: 15px;
		margin-top: 8px;
	}
	.main_newsquiz_visual .desc_visual strong {
		font-weight: 600;
	}
	.main_games_wrap .main_games_area {
		padding: 30px 15px;
	}
	.main_games_wrap .main_games_area .tit_top {
		font-size: 15px;
		padding: 6px 15px 5px 15px;
	}
	.main_games_wrap .main_games_area .tit_games {
		font-size: 18px;
		margin-top: 15px;
	}
	.main_games_wrap .main_games_area .tit_games::after {
		width: 150px;
		height: 102px;
		margin-top: 15px;
		background-size: 150px 102px;
	}
	.main_games_wrap .main_games_area .btn_games {
		width: 75%;
		height: 50px;
		font-size: 15px;
		margin-top: 15px;
	}
	.main_newsquiz_result {
		margin-top: -40px;
	}
	.main_result_wrap {
		display: block;
		text-align: center;
		padding: 30px 15px 0 15px;
	}
	.main_result_wrap .result_left {
		padding-left: 0;
	}
	.main_result_wrap .result_left::before {
		position: relative;
		top: auto;
		left: auto;
		width: 35px;
		height: 50px;
		background-size: 35px 50px;
		transform: translateY(0);
	}
	.main_result_wrap .result_left .tit_result {
		font-size: 20px;
	}
	.main_result_wrap .result_left .desc_result {
		font-size: 15px;
	}
	.main_result_wrap .result_right {
		margin: 20px 0 30px 0;
	}
	.main_result_wrap .result_right .btn_result {
		display: inline-block;
		height: 40px;
		font-size: 15px;
		line-height: 40px;
	}
	.main_result_wrap .result_time {
		width: 100%;
		height: 100px;
		margin-top: 20px;
		background-size: 171px 140px;
	}
	.main_result_wrap .result_time .time {
		bottom: 12px;
		font-size: 16px;
	}

	.newsquiz_games_start {
		margin-top: 35px;
	}
	.games_start_wrap .games_start_area {
		padding: 30px 15px;
	}
	.games_start_wrap .games_start_area .tit_games {
		font-size: 30px;
	}
	.games_start_wrap .games_start_area .tit_games::after {
		width: 150px;
		height: 147px;
		margin-top: 15px;
		background-size: 150px 147px;
	}
	.games_start_wrap .games_start_area .games_date {
		font-size: 18px;
		margin-top: 5px;
	}
	.games_start_wrap .games_start_area .btn_start {
		width: 180px;
		height: 50px;
		font-size: 16px;
		margin-top: 15px;
	}
	.newsquiz_list_wrap {
		margin-top: -40px;
	}
	.newsquiz_list_wrap .newsquiz_list .newsquiz_item a {
		padding: 20px 15px 20px 10px;
	}
	.newsquiz_list_wrap .newsquiz_list .newsquiz_item .num {
		width: 30px;
		font-size: 15px;
	}
	.newsquiz_list_wrap .newsquiz_list .newsquiz_item .tit {
		font-size: 16px;
		margin-left: 15px;
	}
	.newsquiz_list_wrap .newsquiz_list .newsquiz_item .date {
		font-size: 13px;
		padding-left: 15px;
	}
	.newsquiz_list_bot {
		margin-top: 40px;
	}
	.newsquiz_list_bot .btn_more {
		width: 120px;
		height: 40px;
		font-size: 14px;
	}

	.newsquiz_games_play {
		margin-top: 35px;
	}
	.newsquiz_top_area .play_time .time {
		font-size: 14px;
	}
	.newsquiz_top_area .play_time .time::before {
		width: 15px;
		height: 16px;
		background-size: 15px 16px;
	}
	.newsquiz_top_area .play_progress {
		margin-top: 20px;
	}
	.newsquiz_play_area {
		margin-top: 20px;
	}
	.newsquiz_play_area .quiz_questions {
		font-size: 18px;
	}
	.newsquiz_play_area .quiz_help {
		margin-top: 20px;
	}
	.newsquiz_play_area .quiz_help button {
		margin-left: 3px;
	}
	.newsquiz_play_area .quiz_help .btn_help {
		font-size: 12px;
		padding: 6px 12px;
	}
	.newsquiz_play_area .quiz_help .btn_help::before {
		width: 14px;
		height: 14px;
	}
	.newsquiz_play_area .quiz_help .btn_hint::before {
		background-size: 14px 14px;
	}
	.newsquiz_play_area .quiz_help .btn_newsread::before {
		background-size: 13px 12px;
	}
	.newsquiz_play_area .quiz_help .hint_box {
		font-size: 13px;
	}
	.newsquiz_play_area .quiz_help .hint_box .tit_hint {
		font-size: 15px;
	}
	.newsquiz_play_area .quiz_help .hint_box .tit_hint::before {
		width: 14px;
		height: 14px;
		background-size: 14px 14px;
	}
	.newsquiz_play_area .quiz_answer {
		margin-top: 20px;
	}
	.newsquiz_play_area .quiz_answer .quiz_answer_list .quiz_answer_item button {
		font-size: 15px;
	}
	.newsquiz_play_area .quiz_answer .quiz_answer_list li button::before {
		font-size: 15px;
	}
	.newsquiz_play_area .quiz_answer .answer_correct .feedback .answer_check::after {
		font-size: 15px;
	}
	.newsquiz_play_area .quiz_answer .answer_incorrect .feedback .answer_check::after {
		font-size: 15px;
	}
	.newsquiz_play_area .quiz_answer .answer_correct .feedback p {
		font-size: 13px;
	}
	.newsquiz_play_area .quiz_answer .answer_incorrect .feedback p {
		font-size: 13px;
	}
	.newsquiz_desc_area {
		margin-top: 20px;
	}
	.newsquiz_desc_area .desc_box .tit_desc,
	.newsquiz_desc_area .word_box .tit_desc,
	.newsquiz_desc_area .newsread_box .tit_desc {
		font-size: 15px;
	}
	.newsquiz_desc_area .desc_box p {
		font-size: 13px;
	}
	.newsquiz_desc_area .word_box .desc_word_list {}
	.newsquiz_desc_area .word_box .desc_word_list .desc_word_item {
		font-size: 13px;
	}
	.newsquiz_desc_area .newsread_box a {
		font-size: 13px;
	}
	.newsquiz_bot_area {
		margin-top: 15px;
	}
	.newsquiz_bot_area p {
		font-size: 12px;
	}
	.newsquiz_next_area {
		margin-top: 20px;
	}
	.newsquiz_next_area .btn_next_quiz {
		width: 180px;
		height: 50px;
		font-size: 15px;
	}

	.newsquiz_score_result {
		margin-top: 35px;
	}
	.score_ment_area .score_perfect,
	.score_ment_area .score_good {
		font-size: 20px;
	}
	.score_btn_area {
		gap: 5px;
		margin-top: 20px;
	}
	.score_btn_area .score_btn_box .btn_replay,
	.score_btn_area .score_btn_box .btn_otherplay,
	.score_btn_area .score_btn_box .btn_share {
		height: 40px;
		font-size: 13px;
	}
	.score_btn_area .score_btn_box .ly_share {
		top: 50px;
		right: 0;
		left: auto;
		min-width: 130px;
	}
	.score_btn_area .score_btn_box .ly_share .tit_share {
		font-size: 13px;
		padding: 9px 8px 8px 8px;
	}
	.score_btn_area .score_btn_box .ly_share .share_list {
		padding: 8px;
	}
	.score_btn_area .score_btn_box .ly_share .share_item {
		margin-top: 8px;
	}
	.score_btn_area .score_btn_box .ly_share .share_item button {
		font-size: 13px;
	}
	.score_result_area {
		gap: 5px;
		margin-top: 20px;
	}
	.score_result_area .my_score_box {
		padding: 15px;
	}
	.score_result_area .my_score_box .tit_score {
		font-size: 13px;
	}
	.score_result_area .my_score_box .my_score {
		font-size: 16px;
		margin-top: 8px;
	}
	.newsquiz_result_wrap .tab_result_item .btn_tab {
		height: 50px;
		font-size: 15px;
	}
	.newsquiz_play_result_box {
		padding: 15px;
		margin-top: 20px;
	}
	.newsquiz_play_result_box .newsquiz_play_area .quiz_questions {
		font-size: 15px;
	}
	.newsquiz_play_result_box .newsquiz_play_area .quiz_answer .quiz_answer_list .quiz_answer_item button {
		font-size: 14px;
	}
	.newsquiz_play_result_box .newsquiz_play_area .quiz_answer .answer_correct .select_answer .answer_check::after {
		font-size: 14px;
	}
	.newsquiz_play_result_box .newsquiz_play_area .quiz_answer .answer_incorrect .select_answer .answer_check::after {
		font-size: 14px;
	}
}

@media (max-width:480px) {}

@media (max-width:360px) {}