/* variable */

@import url('https://fonts.googleapis.com/css2?family=Alumni+Sans+SC:ital,wght@0,100..900;1,100..900&display=swap');

:root {
    --main_color: #00ADEF;
    --sub_color: #2B419F;
    --point_color:#00ADEF;
    --ylColor:#ffe23c;
    --container:1600px;
    --incontainer:1400px;
    --incontainer2:1200px;
    --bdColor:#e6e6e6;
    --border-radius:5px;
    --bgColor:#f5f5f5;
    --bgColor2:#f4fdff;
    --brColor:#f8f8f8;
    --gray:#565759;
    --monoGray:#8B9398;
    --dark:#2d2d2d;
    --font:'Pretendard',sans-serif;
    --font-eng:'Alumni Sans SC','Pretendard', sans-serif;
    --icon:'Material Symbols Outlined', 'Pretendard',sans-serif;
    --smb:30px;
    --mb:50px;
    --subTit:2em;
    --subTxt:1.4em;
    --conTit:1.2em;
    --conTxt:1em;
  }


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

  :root {
    --smb:50px;
    --mb:80px;
    --subTit:2.3em;
    --subTxt:1.8em;
    --conTit:1.4em;
    --conTxt:1.2em;

  }

}

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

  :root {
    --mb:120px;
    --subTit:3em;
    --subTxt:2em;
    --conTit:1.8em;

  }

}

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

  :root {
    --mb:180px;

  }

}



::-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.65rem; 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; }

@media all and (min-width:1200px) {
body { font-size: 1.8rem;}

}