/* reset */



* { margin:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; font-family: "Pretendard"; } 
em, address, i { font-style:normal; } 
html,body { max-width:100%; min-height:100%; } 
html { overflow-x:hidden; -webkit-text-size-adjust:none; } 
body { -webkit-print-color-adjust:exact; } 

ul, li, dl,dt,dd { margin:0; padding:0; list-style:none; } 
a { text-decoration:none; box-sizing:border-box; color:inherit; font-size: inherit; } 
img { border:0; font-size:0; vertical-align:top; width: 100%; height: 100%; } 
input[type="submit"], button { cursor:pointer; } 

table, tr, td { border-collapse:collapse; } 
table { border:0; border-spacing:0; width:100%; table-layout:fixed; } 
table caption { overflow:hidden; width:0px; height:0px; } 
hr { display:block; height:1px; border-top:1px solid #ccc; } 
input { border:none; appearance:none; cursor:pointer; appearance:none; background:transparent; } 
select { border:none; appearance:none; cursor:pointer; appearance:none; background:transparent; } 
select option { cursor:pointer; } 
button { background:none; color:inherit; font-size:inherit; font-weight:inherit; border:0; } 
iframe { width:100%; } 
label { font-size: inherit; } 

/* sound only */
.screenOut { overflow: hidden; display: inline-block; border: 0; position: absolute; z-index: -1; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); } 
.hidden { position: absolute; width: 1px; height: 1px; clip: rect(0 0 0 0); overflow: hidden; } 

/* focus */
:focus-visible,
input:focus-visible + label { outline:3px dotted; outline-offset: 0px; }