@charset "utf-8";
@import url(//cdn.jsdelivr.net/npm/xeicon@2.3.3/xeicon.min.css);
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css);
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&display=swap');

*{
  margin:0;
  padding:0;
  list-style-type:none;
  box-sizing:border-box;
  border:0;
  outline:0;
  font-family: 'Pretendard', 'Noto Sans SC', 'Noto Sans JP', 'Microsoft YaHei', 'PingFang SC', 'Hiragino Sans', 'Malgun Gothic', 'dotum', '돋움', 'gulim', '굴림', 'Tahoma';
}
*::placeholder{color:#707070;}
*::selection{background:#19BEE3;color:#fff;}

html{
  font-size:62.5%;
  -webkit-text-size-adjust:none;
  -webkit-font-smoothing:antialiased;
  scroll-behavior: smooth
}
body{
  line-height: 1.4295;
  font-size:16px;
  color: #383b40;
}
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary{
  display:block;
}
blockquote, q{
  quotes:none;
}
blockquote:before, blockquote:after, q:before, q:after{
  content:'';
  content:none;
}
a{
  color: #272727;
  text-decoration:none;
  background:transparent;
  cursor:pointer;
}
mark{
  background-color:#ff9;
  color:#000;
  font-style:italic;
  font-weight:bold;
}
ins{
  color:#000;
  text-decoration:none;
}
del{
  color:#aaa;
  text-decoration:line-through;
}
abbr[title], dfn[title]{
  border-bottom:1px dotted #000;
  cursor:help
}
button{
  cursor:pointer
}
pre,code,kbd,samp,tt{
  font-size:100%;
  line-height:100%;
}
legend {
  position:absolute;
  font-size:0;
  line-height:0;
  text-indent:-9999em;
  overflow:hidden;
}
select{
  font-size:14px;
  border: 1px solid #E4E4E4;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent url("../img/common/select_arrow.png") no-repeat right 24px center / auto 24px;
}
label, input, button, select, img{
  vertical-align:middle;
}
p {
  word-break:break-all;
}
caption,hr{
  position:absolute;
  top:0;
  left:0;
  display:inline-block;
  line-height:0;
  font-size:0;
  overflow:hidden;
}
pre{
  overflow-x:scroll;
  font-size:1.1em;
}
input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
input[type="number"] {
  -moz-appearance: textfield;
}
input:read-only{
  background: #ffffff !important;
  color: #1c1c1c !important;
}
.skip, .hide{
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  border: 0;
  clip: rect(0,0,0,0);
}

.tal{text-align:left !important}
.tac{text-align:center !important}
.tar{text-align:right !important}

.w10p{width:10%}
.w16p{width:16.66%}
.w20p{width:20%}
.w25p{width:25%}
.w30p{width:30%}
.w33p{width:33.33%}
.w40p{width:40%}
.w50p{width:50%}
.w60p{width:60%}
.w66p{width:66.66%}
.w70p{width:70%}
.w75p{width:75%}
.w80p{width:80%}
.w90p{width:90%}
.w100p{width:100%}

@keyframes loading {
    0%  {opacity: 0}
    20% {opacity: 0}
    50% {opacity: 1}
    100%{opacity: 0}
}