#wrap { width: 100%; min-height: 100vh; background: #f3f3f3;}

.container { min-height: 100vh; max-width: 1020px; display: flex; margin: 0 auto; background: #fff;}

main { width: 720px; padding: 2rem 1.5rem;}

aside { width: 300px; height: 100%; display: flex; flex-direction: column; }
aside .inner { width: 100%; /* position: sticky; position: -webkit-sticky; */top: 0; right: 0; }
aside .inner h1 { text-align: center; padding: 2rem 1.5rem;}
aside .inner h1 a { font-size: 1.6rem; font-weight: 800;}
aside .inner .mo_menu { display: none;}
aside .inner form { width: 90%; background: #fff; margin: 0 auto 1rem; display: flex; justify-content: space-between; align-items: center; border-radius: 1.5rem; border: 1px solid #d5d5d5; padding-right: 1rem;}
aside .inner form input { width: 85%; border-radius: 1.5rem; padding: .6rem 1rem;}
aside .inner form button { width: 8%; padding-top: 3px;}
aside .inner form button img { width: 100%;}
aside .inner .ads_wrap { width: 100%;}
aside .inner .ads_wrap .adsbygoogle { width:100%; height: 600px;}
aside .inner .issue_wrap { padding: 1.5rem 0;}
aside .inner .issue_wrap p {font-weight: 700; font-size: 1.2rem;}
aside .inner .issue_wrap ul { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 1rem;}
aside .inner .issue_wrap ul li a { display: block; padding: .3rem .8rem; border: 1px solid #ddd; border-radius: 1.5rem; }


footer { text-align: center; padding: 3rem 1.5rem; background: #414141;}
footer p { color: #fff; line-height: 1.3; font-size: 14px; }


main section h2 { font-size: 2rem; font-weight: 800; }
main section .date { color: #b5b5b5; margin: .5rem 0 1.5rem;}
main section .ad_top .adsbygoogle { width: 100%;} 
main section .link_wrap { margin: 1.5rem 0 0;}
main section .link_wrap a { margin-bottom: 1.5rem; display: flex; padding: 2rem 2rem; transition: .2s; border-radius: 5rem; background: #FF7272; font-size: 2rem; font-weight: 800; color: #fff; justify-content:space-between; align-items: center;}
main section .link_wrap a:hover { box-shadow: rgba(99, 99, 99, 0.4) 0px 2px 8px 0px;}
main section .link_wrap a span { font-size: 2rem; font-weight: 800; color: #fff; }

main section .contents_wrap * { line-height: 1.3;}
main section .contents_wrap img { width: auto !important; height: unset !important;max-width: 100%;}
main section .contents_wrap ol,
main section .contents_wrap ul { padding-left: 1.5rem;}
main section .contents_wrap a { margin-bottom: 1.5rem; display: flex; padding: 2rem 2rem; transition: .2s; border-radius: 5rem; background: #FF7272; justify-content:space-between; align-items: center;}
main section .contents_wrap a * { font-size: 2rem !important; font-weight: 800 !important; color: #fff !important; }
main section .contents_wrap a:after { content: '▶';font-size: 2rem; color: #fff;}
main section .contents_wrap a u { text-decoration: none;}
main section .contents_wrap table { width: 100%; overflow: scroll;}
main section .ad_content .adsbygoogle { width: 100%;}

@media screen and (max-width: 1020px) {
	main { width: 100%; padding: 2rem 0;}
	main section h2,
	main section .date,
	main section .link_wrap,
	main section .contents_wrap p{ padding: 0 1.5rem;}
}

@media screen and (max-width: 719px) {
	.ad_content .adsbygoogle { max-height: 300px;}
	main section .contents_wrap img { width: 100% !important;}
	table { display: flex; flex-wrap: wrap; margin: 0 auto;}
}

/* 반응형 */
@media screen and (max-width: 1020px) {
	.container { flex-direction: column;}

	aside { order: -1; width: 100%;padding: 1.5rem; background: #f2f2f2;}
	aside .inner { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center;}
	aside .inner h1 { padding: 0; text-align: left;}
	aside .inner form { width: 35%; margin: unset;}
	aside .inner .ads_wrap { display: none;}
	aside .inner .ad_top { display: flex;}
	aside .inner .issue_wrap { display: none; }
}
@media screen and (max-width: 719px) {
	aside { padding: 1rem 1.5rem;}
	aside .inner .mo_menu { display: block;}
	aside .inner .mo_menu img { width: 2rem;}
	aside .inner form { display: none;}
}