/* variable */
:root {
    --main_color: #16355E;
    --sub_color: #0095E2;
    --gr_color: #BCBCBC;
    --gr_color2: #505050;
    --gr_color3: #414F5B;
    --point_color:#2B71B8;
    --scontainer:1400px;
    --container:1600px;
    --bdColor:#e6e6e6;
    --bgColor:#f8f8f8;
    --border-radius:5px;
    --font-eng:'Outfit','Pretendard', sans-serif;
    --font-eng2:'Play', 'Pretendard',sans-serif;
    --icon:'Material Symbols Outlined', 'Pretendard',sans-serif;
    --commTit:1.4em;
    --commTitb:1.6em;
    --mb:30px;
    --bmb:80px;
    --fmg:30px;
    --bdr:0 10px;


  }

  @media all and (min-width:768px) {
    :root {

    --commTit:2em;
    --commTitb:2.8em;
    --mb:50px;
    --bmb:100px;
    --fmg:40px;
    --bdr:0 15px;

    }

  }

  @media all and (min-width:1200px) {
    :root {
    --commTit:2.5em;
    --commTitb:3.6em;
    --mb:80px;
    --bmb:140px;
    --fmg:50px;
    --bdr:0 20px;
    }

  }


::-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: 400; font-size: 1.8rem; color:#333; letter-spacing: -0.0125rem; line-height: 1.5; word-break: keep-all; min-width: 320px;}
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:inherit;}
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; }