@charset "utf8";
@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
html {font-size:10px}

html, body {padding: 0; margin: 0;}

h1, h2, h3, h4, h5, h6, p, a, span, em, 
strong, del, s, b, blockquote, br, i, u, dl, 
dt, dd, table, tr, thead, tbody, tfoot, th, 
td, img, object, form, fieldset, label, input, 
textarea, select, option, button, header, main, section, 
aside, footer, nav, article, div, ol, ul, li {
	padding: 0; margin: 0; font-family:'Pretendard', sans-serif; 
	letter-spacing: -0.1rem; line-height: 1; font-weight: normal; font-size:1rem; color:#333;
	box-sizing:border-box;
}
a, del, s, u {text-decoration: none;}
em, i {font-style:normal}
ol, ul, li {list-style:none;}
table, tr, td {border-collapse:unset;}
input {border:1px solid #ccc;}
button {cursor:pointer; background: none; border:0;}

#wrap {
    max-width: 500px;
    width: 100%;
	min-height:100vh;
    margin: 0 auto;
/* 	border-left:1px solid #ccc;
	border-right:1px solid #ccc; */	
	position: relative;
	overflow:hidden;
}

.hide {display: none;}
body::-webkit-scrollbar {width: .5rem;}
body::-webkit-scrollbar-thumb {background: #ef6b4d; border-radius:2rem}
body::-webkit-scrollbar-track { background: #f1f1f1;}



@media screen and (max-width:280px) {
	html {font-size:6px}
}

/* 애드센스 css */
.ads_wrap {display: flex; justify-content: center; align-items: center;}
.ads_wrap .adsbygoogle {display: inline-block;}
.ads_main_sm .adsbygoogle {width: 300px !important; height: 50px !important;}
.ads_main_sm2 .adsbygoogle {width: 300px !important; height: 100px !important;}
.ads_main_big .adsbygoogle {width: 336px !important; height: 280px !important;}
.ads_sub_sm .adsbygoogle {width: 300px !important; height: 50px !important;}
.ads_sub_big .adsbygoogle {width: 336px !important; height: 280px !important;}
.ads_sm .adsbygoogle {width: 300px !important; height: 50px !important;}
.ads_big .adsbygoogle {width: 336px !important; height: 280px !important;}
.ads_mt1 {margin-top: 1rem;}
.ads_mth {margin-top: 1.5rem;}
.ads_mt2 {margin-top: 2rem;}
.ads_mt3 {margin-top: 3rem;}
.ads_mt5 {margin-top: 5rem;}
.ads_mb1 {margin-bottom: 1rem;}
.ads_mbh {margin-bottom: 1.5rem;}
.ads_mb2 {margin-bottom: 2rem;}
.ads_mb3 {margin-bottom: 3rem;}
.ads_mb5 {margin-bottom: 5rem;}
.ads_wrap {display: flex; justify-content: center; margin: 1.5rem;}
.ads_main_sm .adsbygoogle {display: inline-block; width: 336px !important; height: 98px !important;}
.ads_sub_sm .adsbygoogle {display: inline-block; width: 300px !important; height: 50px !important;}
.ads_main_big .adsbygoogle {display: inline-block; width: 336px !important; height: 280px !important;}