@charset "UTF-8";
@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins-Light.woff2") format("woff2"), url("../fonts/Poppins-Light.woff") format("woff");
  font-weight: 300; /* Light */
  font-style: normal;
}
@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins-Regular.woff2") format("woff2"), url("../fonts/Poppins-Regular.woff") format("woff");
  font-weight: normal; /* 400 */
  font-style: normal;
}
@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins-Medium.woff2") format("woff2"), url("../fonts/Poppins-Medium.woff") format("woff");
  font-weight: 500; /* Medium */
  font-style: normal;
}
@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins-SemiBold.woff2") format("woff2"), url("../fonts/Poppins-SemiBold.woff") format("woff");
  font-weight: 600; /* SemiBold */
  font-style: normal;
}
@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins-Bold.woff2") format("woff2"), url("../fonts/Poppins-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Pretendard";
  src: url("../fonts/Pretendard-Light.woff2") format("woff2"), url("../fonts/Pretendard-Light.woff") format("woff");
  font-weight: 300; /* Light */
  font-style: normal;
}
@font-face {
  font-family: "Pretendard";
  src: url("../fonts/Pretendard-Regular.woff2") format("woff2"), url("../fonts/Pretendard-Regular.woff") format("woff");
  font-weight: normal; /* 400 */
  font-style: normal;
}
@font-face {
  font-family: "Pretendard";
  src: url("../fonts/Pretendard-Medium.woff2") format("woff2"), url("../fonts/Pretendard-Medium.woff") format("woff");
  font-weight: 500; /* Medium */
  font-style: normal;
}
@font-face {
  font-family: "Pretendard";
  src: url("../fonts/Pretendard-SemiBold.woff2") format("woff2"), url("../fonts/Pretendard-SemiBold.woff") format("woff");
  font-weight: 600; /* SemiBold */
  font-style: normal;
}
@font-face {
  font-family: "Pretendard";
  src: url("../fonts/Pretendard-Bold.woff2") format("woff2"), url("../fonts/Pretendard-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Pretendard";
  src: url("../fonts/Pretendard-Black.woff2") format("woff2"), url("../fonts/Pretendard-Black.woff") format("woff");
  font-weight: 900; /* Black */
  font-style: normal;
}
/* Material-Symbols-Outlined */
@font-face {
  font-family: "Material-Symbols-Outlined";
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/Material-Symbols-Outlined.woff2) format("woff2");
}
.mso {
  font-family: "Material-Symbols-Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

/*=========================================== Reset ================================================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, button {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  word-break: keep-all;
  box-sizing: border-box;
}

input, select, textarea {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

textarea {
  resize: none;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

body::-webkit-scrollbar {
  width: 10px;
}

body::-webkit-scrollbar-thumb {
  background-color: #2f3542;
  border-radius: 10px;
}

body::-webkit-scrollbar-track {
  background-color: grey;
  border-radius: 10px;
}

* {
  font-family: "Pretendard", sans-serif;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  letter-spacing: -0.2px;
  color: #111;
  -webkit-text-size-adjust: none;
}

i, em {
  font-style: normal;
}

blockquote, q {
  quotes: none;
}

sub {
  vertical-align: sub;
  font-size: smaller;
  line-height: 0;
}

sup {
  vertical-align: super;
  font-size: smaller;
  line-height: 0;
}

img, fieldset {
  vertical-align: middle;
}

a {
  color: inherit;
  vertical-align: inherit;
  text-decoration: none;
}

a:link, a:hover {
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
  color: inherit;
  font-weight: inherit;
  font-size: inherit;
}

ol, ul, li {
  list-style: none;
}

table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  word-break: normal;
}

th, td {
  text-align: center;
  vertical-align: middle;
}

caption, legend {
  width: 1px;
  height: 1px;
  margin: -1px 0 0 0;
  padding: 0;
  border: 0; /* clip:rect(0 0 0 0) !important; */
  overflow: hidden;
  font-size: 0;
  color: transparent;
  line-height: 0;
}

fieldset, legend {
  border: 0;
  background-color: transparent;
}

/*hr {display:none;}*/
hr {
  height: 0;
  border: 0;
  background-color: transparent;
}

button {
  display: inline-block;
  border: 0;
  background-color: transparent;
  font-size: inherit;
  text-align: center;
  cursor: pointer;
  overflow: visible;
  -webkit-appearance: button;
}

a[href^=tel] {
  cursor: text;
  pointer-events: none;
}

a[href^=tel]:hover {
  color: currentColor;
  text-decoration: none;
}

[role=button] {
  cursor: pointer;
}

button, a {
  -webkit-tap-highlight-color: transparent; /* 모바일 사파리/크롬 */
}

button:focus,
button:active {
  outline: none;
  box-shadow: none;
}

button {
  -webkit-appearance: none;
  outline: none;
}

button {
  touch-action: manipulation;
}

.main .tab__wrap,
.main .tab__wrap *,
.menu,
.menu *,
.select,
.select *,
.tabs,
.tabs * {
  -webkit-tap-highlight-color: transparent;
}

/*================================================ Basic ================================================*/
.clfix:before,
.clfix:after {
  display: block;
  content: "";
}

.clfix:after {
  clear: both;
}

.clfix {
  zoom: 1;
}

* html .clfix {
  height: 1%;
} /* Hides from IE-mac */
.rel {
  position: relative !important;
}

.abs {
  position: absolute !important;
}

.blk {
  display: block !important;
}

.inB {
  display: inline-block !important;
}

.tb {
  display: table !important;
}

.tbCell, .tbCell.nowrap {
  display: table-cell !important;
}

.nowrap {
  display: inline-block;
  white-space: nowrap !important;
}

.bgNone {
  background: none !important;
}

.blind {
  display: inline-block;
  position: absolute !important;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
}

.underline {
  text-decoration: underline !important;
}

.overA {
  overflow: auto !important;
}

.overH {
  overflow: hidden !important;
}

.overV {
  overflow: visible !important;
}

.displayN {
  display: none !important;
}

.shadowNone {
  box-shadow: none !important;
}

.ellipsis {
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.ellipsis2 {
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.ellipsis2.normal {
  white-space: normal;
}

.normal {
  font-weight: normal !important;
}

.vcNone:after,
.vcNone:before {
  content: none !important;
}

.row_g {
  margin: 0 auto;
  line-height: 0;
  font-size: 0;
}

/*================================================ Font ================================================*/
.fs14 {
  font-size: 14px !important;
}

.fs18 {
  font-size: 18px !important;
}

.fwRegular {
  font-weight: 400 !important;
}

.fwMedium {
  font-weight: 500 !important;
}

.fwSemibold {
  font-weight: 600 !important;
}

.fwBold {
  font-weight: 700 !important;
}

.lh16 {
  line-height: 16px !important;
}

/*================================================ Color ================================================*/
.fcGreen {
  color: #36880A !important;
}

.fcBlue {
  color: #01458C !important;
}

.fcGray {
  color: #777 !important;
}

.fcWhite {
  color: #fff !important;
}

/*================================================ Border ================================================*/
.bdNone {
  border: none !important;
}

.blNone {
  border-left: none !important;
}

.brNone {
  border-right: none !important;
}

.btNone {
  border-top: none !important;
}

.bbNone {
  border-bottom: none !important;
}

.bbLine {
  border-bottom: 1px solid #DCE2ED;
}

/*  */
.bgF4F4F4 {
  background-color: #F4F4F4 !important;
}

/*================================================ Align ================================================*/
.f_g:after {
  content: "";
  display: block;
  clear: both;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.fn {
  float: none !important;
}

.ac {
  text-align: center !important;
}

.al {
  text-align: left !important;
}

.ar {
  text-align: right !important;
}

.jcr {
  justify-content: right;
}

.vm {
  vertical-align: middle !important;
}

.vt {
  vertical-align: top !important;
}

.vb {
  vertical-align: bottom !important;
}

.tblAuto {
  min-width: 100%;
  table-layout: auto !important;
}

/*================================================ 여백 ================================================*/
.mg0 {
  margin: 0 !important;
}

.mt0 {
  margin-top: 0 !important;
}

.mr0 {
  margin-right: 0 !important;
}

.mb0 {
  margin-bottom: 0 !important;
}

.ml0 {
  margin-left: 0 !important;
}

.mt2 {
  margin-top: 2px !important;
}

.mr2 {
  margin-right: 2px !important;
}

.mb2 {
  margin-bottom: 2px !important;
}

.ml2 {
  margin-left: 2px !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.mt24 {
  margin-top: 24px !important;
}

.mr24 {
  margin-right: 24px !important;
}

.mb24 {
  margin-bottom: 24px !important;
}

.ml24 {
  margin-left: 24px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mr30 {
  margin-right: 30px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mr40 {
  margin-right: 40px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.ml40 {
  margin-left: 40px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mr50 {
  margin-right: 50px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.ml50 {
  margin-left: 50px !important;
}

.mt60 {
  margin-top: 60px !important;
}

.mr60 {
  margin-right: 60px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.ml60 {
  margin-left: 60px !important;
}

.mt100 {
  margin-top: 100px !important;
}

.mr100 {
  margin-right: 100px !important;
}

.mb100 {
  margin-bottom: 100px !important;
}

.ml100 {
  margin-left: 100px !important;
}

.mt130 {
  margin-top: 130px !important;
}

.mr130 {
  margin-right: 130px !important;
}

.mb130 {
  margin-bottom: 130px !important;
}

.ml130 {
  margin-left: 130px !important;
}

.pd0 {
  padding: 0 !important;
}

.pt0 {
  padding-top: 0 !important;
}

.pr0 {
  padding-right: 0 !important;
}

.pb0 {
  padding-bottom: 0 !important;
}

.pl0 {
  padding-left: 0 !important;
}

.pd10 {
  padding: 10px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pr10 {
  padding-right: 10px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pl10 {
  padding-left: 10px !important;
}

.pd20 {
  padding: 20px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pr20 {
  padding-right: 20px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pl20 {
  padding-left: 20px !important;
}

.pd30 {
  padding: 30px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pr30 {
  padding-right: 30px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.pl30 {
  padding-left: 30px !important;
}

.pd40 {
  padding: 40px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.pr40 {
  padding-right: 40px !important;
}

.pb40 {
  padding-bottom: 40px !important;
}

.pl40 {
  padding-left: 40px !important;
}

.pd50 {
  padding: 50px !important;
}

.pt50 {
  padding-top: 50px !important;
}

.pr50 {
  padding-right: 50px !important;
}

.pb50 {
  padding-bottom: 50px !important;
}

.pl50 {
  padding-left: 50px !important;
}

.pd60 {
  padding: 60px !important;
}

.pt60 {
  padding-top: 60px !important;
}

.pr60 {
  padding-right: 60px !important;
}

.pb60 {
  padding-bottom: 60px !important;
}

.pl60 {
  padding-left: 60px !important;
}

.pd70 {
  padding: 70px !important;
}

.pt70 {
  padding-top: 70px !important;
}

.pr70 {
  padding-right: 70px !important;
}

.pb70 {
  padding-bottom: 70px !important;
}

.pl70 {
  padding-left: 70px !important;
}

/*================================================ width 정의 ================================================*/
.w80 {
  width: 80px !important;
}

.w120 {
  width: 120px !important;
}

.w130 {
  width: 130px !important;
}

.w150 {
  width: 150px !important;
}

.w290 {
  width: 290px !important;
}

.w300 {
  width: 300px !important;
}

.w400 {
  width: 400px !important;
}

.w800 {
  width: 800px !important;
}

.w1080 {
  width: 1080px !important;
}

.w50p {
  width: 50% !important;
}

.w100p {
  width: 100% !important;
}

.wAuto {
  width: auto !important;
}

/*================================================ Form ================================================*/
/*input:not([type=checkbox]):not([type=radio]):not([type=range]),
select,
textarea {width:100%; border:1px solid #ccc; background-color:#fff; color:#222; font-family:'Roboto Light', 'NotoSans Light', 'Malgun Gothic', '맑은 고딕', 'Apple SD Gothic Neo', sans-serif; font-size:15px; font-weight:500; transition:border-color ease-in-out 0.225s; -webkit-transition:border-color ease-in-out 0.225s;}
select {background:transparent url(../img/ico_select.png) no-repeat right center;}
textarea {padding:18px 16px; color:#666; font-size:14px; line-height:1.4; resize:none;}*//*# sourceMappingURL=reset.css.map */