@charset "UTF-8";

/* Style */
html { font-size: 10px;} /*1rem*/
body { overflow-x:hidden; font-size: 1rem;} /*--1rem으로 정의하겠다. --*/
body.hidden { position: fixed; overflow-y:hidden;  touch-action: none;}
main { font-size: 1.4rem; line-height:2.1rem; color:#666; display: block;}
p, li{word-break: keep-all;}
a, button {color:#666}
.clear {clear:both;}
.clear:after { content:""; display:block; clear:both;}
caption > div,
legend,
.hide {overflow: hidden; display:block; position:absolute; border: 0; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px);}

.skip { position: absolute; left: 0; right: 0; top:-100%; transition: all .5s; line-height: 5rem; background: #000; color:#fff; text-align: center; z-index: 100;}
.skip:focus { top: 0; }

/* display */
.none{display:none !important;}

.ellipsis{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.blind{overflow:hidden;position:absolute;left:-9999em;width:0;height:0;margin:0;padding:0;text-indent:-9999em;}

#wrap {position:relative; min-width:100.2rem;height:100%;}
html {overflow-x:auto;}
body {width:100%; min-width:110rem; position:relative; word-wrap:break-word; word-break:break-all; /* overflow-y:scroll; */}