@charset "utf-8";
@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	font-display: swap;
	src: local('Pretendard Bold'), url(../fonts/Pretendard-Bold.woff2) format('woff2'), url(../fonts/Pretendard-Bold.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	font-display: swap;
	src: local('Pretendard Medium'), url(../fonts/Pretendard-Medium.woff2) format('woff2'), url(../fonts/Pretendard-Medium.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	font-display: swap;
	src: local('Pretendard Regular'), url(../fonts/Pretendard-Regular.woff2) format('woff2'), url(../fonts/Pretendard-Regular.woff) format('woff');
}

*{font-family: "Pretendard", sans-serif; color:inherit; font-size:16px; font-weight: inherit; }
html,body{height:100%; color: #222; font-weight: 500;}
html,body,input,button {
  font-family: "Pretendard", sans-serif;
  color: var(--blk-01);
}
.mont,
.en {
  font-family: "Pretendard", serif;
}
:root {
  --pri-1: #002cc9;
  --pri-2: #2d66ae;
  --pri-3: #44372f;
  --sub-1: #fbf4e4;
  --sub-2: #df1a00;
  --sub-3: #258c5d;
  --sub-4: #f9bc36;
  --sub-5: #f1605a;
  --sub-6: #b0d07b;
  --gray-1: #aaaaaa;
  --gray-2: #ebebeb;
  --gray-3: #f9f9f9;
  --gra-1: linear-gradient(90deg, #444 0%, #fff 100%);
  --gra-2: linear-gradient(180deg, #444 0%, #fff 100%);
  --gra-3: linear-gradient(to right, #007, #fff);
  --gra-4: linear-gradient(to right, #080, #fff);
  --white: #fff;
  --black: #000;
  --swiper-theme-color: var(--pri-1);
}
.white {
  color: var(--white);
}
.black {
  color: var(--black);
}
::-moz-selection {
  background: #333;
  color: #fff;
}
::selection {
  background: #333;
  color: #fff;
}
*::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
*::-webkit-scrollbar-track {
  border-radius: 10px;
}
*::-webkit-scrollbar-thumb {
  background: #ef3b24;
  border-radius: 10px;
}
span,div,p {
  word-break: keep-all;
}
img {
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* 초기화 */
html {overflow-y:scroll}
/* body {margin:0;padding:0;font-family:'Malgun Gothic', dotum, sans-serif;background:#fff} */
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
/* h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Malgun Gothic', dotum, sans-serif} */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
/* input, button {margin:0;padding:0;font-family:'Malgun Gothic', dotum, sans-serif;font-size:1em} */
input[type="submit"] {cursor:pointer}
button {cursor:pointer; background-color: transparent;}

/* textarea, select {font-family:'Malgun Gothic', dotum, sans-serif;font-size:1em} */
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}

*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

.hide{position: absolute; overflow:hidden; height:1px; width:1px; z-index:-1; opacity: 0;}
.placeholdersjs {color:#aaa !important}
a,
button{cursor:pointer; outline: none;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
    -moz-appearance:textfield; /* Firefox */
}

html {-ms-content-zooming: none;-ms-touch-action: pan-x pan-y;}
input {
	/* font-size: 16rem; */
    outline:none;
}
input:placholder {
	color: #aaa;
}
.w5p {width: 5%;}
.w10p {width: 10%;}
.w15p {width: 15%;}
.w20p {width: 20%;}
.w25p {width: 25%;}
.w30p {width: 30%;}
.w35p {width: 35%;}
.w40p {width: 40%;}
.w45p {width: 45%;}
.w50p {width: 50%;}
.w55p {width: 55%;}
.w60p {width: 60%;}
.w65p {width: 65%;}
.w70p {width: 70%;}
.w75p {width: 75%;}
.w80p {width: 80%;}
.w85p {width: 85%;}
.w90p {width: 90%;}
.w95p {width: 95%;}
/* .w200{width: 200px;} */
.flex-none{flex:none !important;}
.ml-16{margin-left:16px;}
.mr-32{margin-right:32px;}
.mt-40{margin-top:40px;}
.fw-800{font-weight: 800;}
.tac{text-align: center !important;}
.w-100{flex:none !important; width:100px !important;}
.w-105{flex:none !important; width:105px !important;}
.w-150{flex:none !important; width:105px !important;}
.border-b0{border-bottom:0 !important;}
.txt-18{font-size: 18px;}
.txt-bold{font-weight: bold;}