/* variable */
:root {
    --main_color: #143C8F;
    --sub_color: #0299D2;
    --point_color:#2B71B8;
    --container:1400px;
    --border_color:#ccc;
    --border-radius:5px;
    --font-eng:'Montserrat', sans-serif
  }

::-moz-selection { /* Code for Firefox */ color: #fff;  background:var(--main_color);}
::selection {  color: #fff;  background:var(--main_color);}

/* Style */
html { font-size: 10px; scroll-behavior: smooth; box-sizing: border-box;}
body { overflow-x:hidden; font-family:'Pretendard', sans-serif; font-weight: normal; font-size: 1.8rem; color:#333; letter-spacing: -0.0125rem; line-height: 1.4; word-break: keep-all;}
body.hidden { position: fixed; overflow-y:hidden;  touch-action: none;}
main { font-size: 1.8rem; line-height:2.1rem; color:#666; display: block;}
a, button { color:#333;}
p, li{word-break: keep-all;}

.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; }