@charset "utf-8";

@import url('./reset.css');

:root {
  /* Primary Color */
  --color-orange-main: #ff6838;
  --color-orange-sub: #ffbaab;
  --color-red-main: #ca2222;
  --color-red-sub: #eeaaaa;
  
  /* Monotone Color */
  --color-black: #333;
  --color-gray1: #898989;
  --color-gray2: #bfbfbf;
  --color-gray3: #eee;
  --color-gray4: #f6f6f6;
  --color-gray5: #666;
  --color-gray6: #ccc;
  --color-gray7: #999;
  --color-gray8: #d9d9d9;
  --color-gray9: #4c4c4c;
  --color-white: #fff;
  /* --color-blue-main: #2589ca; */
  --color-blue-main: #0383d6;
  --color-blue-sub: #3691CE;
  --color-blue-active: #1f5db6;
  --color-blue-bg: #f2f5f8;

  

  /* Divider Line Color */
  --divider-line: #e0e0e0;
  --divider-dark-line: #d6d6d6;

  /* font-size */
  --fs-36: 36px;
  --fs-32: 32px;
  --fs-30: 30px;
  --fs-28: 28px;
  --fs-26: 26px;
  --fs-24: 24px;
  --fs-22: 22px;
  --fs-20: 20px;
  --fs-18: 18px;
  --fs-16: 16px;
  --fs-14: 14px;
  --fs-12: 12px;
  --fs-10: 10px;

  /* line-height */
  --lh-160: 1.6;
  --lh-145: 1.45;
  --lh-135: 1.35;
  --lh-130: 1.3;
  --lh-120: 1.2;

  --lh-54: 54px;
  --lh-52: 52px;
  --lh-50: 50px;
  --lh-42: 42px;
  --lh-41: 41px;
  --lh-40: 40px;
  --lh-38: 38px;
  --lh-36: 36px;
  --lh-34: 34px;
  --lh-32: 32px;
  --lh-30: 30px;
  --lh-28: 28px;
  --lh-27: 27px;
  --lh-26: 26px;
  --lh-24: 24px;
  --lh-23: 23px;
  --lh-22: 22px;
  --lh-20: 20px;
  --lh-19: 19px;
  --lh-18: 18px;
  --lh-17: 17px;
  --lh-16: 16px;
  --lh-15: 15px;
  --lh-14: 14px;
  --lh-13: 13px;
}
*{caret-color: var(--color-blue-main);}
button{margin: 0;padding: 0;border: 0;cursor: pointer;background-color: unset;overflow: visible;}
input:focus-visible{outline: 0;}
textarea:focus-visible{outline: 0;}

.lazyload,
.lazyloading{opacity: 0;}
.lazyloaded{opacity: 1;transition: opacity .4s;}

.displaynone{display: none !important;}

.sound_only{display:inline-block !important;position:absolute !important;top:0 !important;left:0 !important;width:0 !important;height:0 !important;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important;}