@charset "utf-8";


@font-face {
  font-family: "NotosansT";
  src: url(/home/css/boot_fonts/NotoSansKR-Thin.woff2) format("woff2");
}

@font-face {
  font-family: "NotosansR";
  src: url(/home/css/boot_fonts/NotoSansKR-Regular.woff2) format("woff2");
}

@font-face {
  font-family: "NotosansM";
  src: url(/home/css/boot_fonts/NotoSansKR-Medium.woff2) format("woff2");
}

@font-face {
  font-family: "NotosansBold";
  src: url(/home/css/boot_fonts/NotoSansKR-Bold.woff2) format("woff2");
}

@font-face {
  font-family: "NotosansBlack";
  src: url(/home/css/boot_fonts/NotoSansKR-Black.woff2) format("woff2");
}




@font-face {
  font-family: 'GmarketSansM';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'GmarketSansB';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}




* {
    margin: 0;
    padding: 0;
    list-style: none;
    box-sizing: border-box;
    font-family: "NotosansR";
  }
  
  a {
    display: block;
    text-decoration: none;
    color: inherit;
    font-family: "NotosansR";
  }
  
  a{cursor:pointer}
  
  html {
      width: 100%;
      height: 100%;
    }
  a.noul:hover { text-decoration:none !important }
  a:link { text-decoration: none !important; }
  a:visited { text-decoration: none !important; }
  a:hover { text-decoration: none !important; }
  img{display:block;border:none}
  div, label, article, section, footer{position:relative;vertical-align: top;}
  tr, td{position:relative;}
  /*article, section{display: inline-block;}*/
  
  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 {
    margin: 0;
    padding: 0;
    border: 0;
  }
  
  article,
  aside,
  details,
  figcaption,
  figure,
  footer,
  header,
  hgroup,
  menu,
  nav,
  section {
    display: block;
  }
  
  ul,
  ol,
  li {
    list-style: none;
  }
  
  /**/
  img,
  fieldset {
    border: none;
    vertical-align: top;
  }
  
  body {
    width: 100%;
  }

  tr,
  td {
    position: relative;
  }

  h4 {
    color: #111111;
    letter-spacing: 1px;
    font-weight: bold;
  }
  small {
    display: block;
    color: #111111;
    font-weight: 500;
  }
  
  .ui-datepicker-title select {
    padding: 0;
  }
  
  .cursor_pointer {
    cursor: pointer;
  }
  .block {
    display: block !important;
  }
  .inline_block {
    display: inline-block !important;
  }
  .box_center {
    margin: 0 auto;
  }
  .text_center {
    text-align: center !important;
  }
  .text_right {
    text-align: right !important;
  }
  .bg_tc {
    background-repeat: no-repeat;
    background-position: top center;
    background-size: auto 100%;
  }
  .bg_contain {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
  }
  .bg_cover {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }
  .full_box {
    display: block;
    width: 100%;
    height: 100%;
  }
  .float_left {
    float: left;
  }
  .float_right {
    float: right;
  }


    /*************************************** 폰트 사이즈 s **************************************/
    .fs12 {
        font-size: 1rem !important;
      }
      .fs13 {
        font-size: 1.1rem !important;
      }
      .fs14 {
        font-size: 1.18rem !important;
      }
      .fs15 {
        font-size: 1.25rem !important;
      }
      .fs16 {
        font-size: 1.35rem !important;
      }
      .fs17 {
        font-size: 1.42rem !important;
      }
      .fs18 {
        font-size: 1.5rem !important;
      }
      .fs20 {
        font-size: 1.67rem !important;
      }
      .fs22 {
        font-size: 1.8rem !important;
      }
      .fs24 {
        font-size: 2rem !important;
      }
      .fs25 {
        font-size: 2.1rem !important;
      }
      .fs28 {
        font-size: 2.33rem !important;
      }
      .fs30 {
        font-size: 2.5rem !important;
      }
      .fs32 {
        font-size: 2.67rem !important;
      }
      .fs38 {
        font-size: 3.15rem !important;
      }
      .fs40 {
        font-size: 3.3rem !important;
      }
      .fs42 {
        font-size: 3.5rem !important;
      }
      .fs44 {
        font-size: 44px !important;
      }
      .fs50 {
        font-size: 4.2rem !important;
      }

       /*************************************** 컬러 s **************************************/
  .bg_red {
    background-color: #ff2a00;
  }
  .bg_blue{
    background:#214a99;
  }
  .bg_gray {
    background-color: #abafb5;
  }
  .bg_gray1 {
    background-color: #666;
  }
  .bg_gray2 {
    background-color: #9e9e9e;
  }
  .bg_gray4 {
    background-color: #eeeff0;
  }
  .bg_gray3 {
    background-color: #f6f6f6;
  }
  .bg_black {
    background-color: #1c1c1f;
  }
  .bg_black2 {
    background-color: #111111;
  }
  .bg_black3 {
    background-color: #333333;
  }
  .bg_black4 {
    background-color: #888888;
  }
  .bg_black5 {
    background-color: #7d7d7d;
  }
  .bg_pink {
    background-color: pink;
  }
  .bg_white {
    background-color: #fff;
  }
  .bg_transparent {
    background-color: transparent;
  }
  .color_white {
    color: #fff !important;
  }
  .color_red {
    color: #ff2a00;
  }
  .color_gray {
    color: #abafb5;
  }
  .color_gray1 {
    color: #666;
  }
  .color_gray2 {
    color: #9e9e9e;
  }
  .color_gray4 {
    color: #eeeff0;
  }
  .color_gray3 {
    color: #f6f6f6;
  }
  .color_black {
    color: #1c1c1f;
  }
  .color_black2 {
    color: #111111;
  }
  .color_black3 {
    color: #333333;
  }
  .color_black4 {
    color: #888888;
  }
  .color_black5 {
    color: #7d7d7d;
  }
  .text_gray {
    color: #666 !important;
  }
  .text_bold {
    font-weight: bold;
  }

  .lineh{
    line-height:20px;
  }
  /*************************************** 컬러 e **************************************/
  
  /*************************************** 박스 s **************************************/
  .white_box {
    color: #000;
    background: #fff;
    border: 1px solid #000;
    box-sizing: border-box;
    text-align: center;
  }
  .white_border_box {
    color: #000;
    background: transparent;
    border: 1px solid #000;
    box-sizing: border-box;
    text-align: center;
  }
  .black_box {
    color: #fff;
    background: #333;
    border: 1px solid #333;
    box-sizing: border-box;
    text-align: center;
  }
  .black_box2 {
    color: #fff;
    background: #111;
    border: 1px solid #111;
    box-sizing: border-box;
    text-align: center;
  }
  .green_box {
    color: #fff;
    background: #19838d;
    border: 1px solid #19838d;
    box-sizing: border-box;
    text-align: center;
  }
  .red_box {
    color: #fff;
    background: #ff2a00;
    border: 1px solid #ff2a00;
    box-sizing: border-box;
    text-align: center;
  }
  .gray_box {
    color: #fff;
    background: #abafb5;
    border: 1px solid #abafb5;
    box-sizing: border-box;
    text-align: center;
  }

  .blue_box {
    color: #fff;
    background: #214a99;
    border: 1px solid #214a99;
    box-sizing: border-box;
    text-align: center;
  }

  .blue_box1{
    color: #fff;
    background: #214a99;
    border: 1px solid #214a99;
    box-sizing: border-box;
    text-align: center;
    line-height:20px;   
  }
  /*************************************** 박스 e **************************************/
  
  /*************************************** 마진 s **************************************/
  .mt5 {
    margin-top: 5px;
  }
  .mt10 {
    margin-top: 10px;
  }
  .mt15 {
    margin-top: 15px;
  }
  .mt20 {
    margin-top: 20px;
  }
  .mt25 {
    margin-top: 25px;
  }
  .mt30 {
    margin-top: 30px;
  }
  .mt35 {
    margin-top: 35px;
  }
  .ml10 {
    margin-left: 10px;
  }
  .ml15 {
    margin-left: 15px;
  }
  .ml30 {
    margin-left: 30px !important;
  }
  .ml50 {
    margin-left: 50px !important;
  }
  .ml110 {
    margin-left: 110px;
  }
  .ml130 {
    margin-left: 130px;
  }
  .mr10 {
    margin-right: 10px !important;
  }
  .mr15 {
    margin-right: 15px !important;
  }
  .mr30 {
    margin-right: 30px !important;
  }
  .mb20 {
    margin-bottom: 20px;
  }
  /*************************************** 마진 e **************************************/
  
  /*************************************** 너비 s **************************************/
  .w100p {
    width: 100% !important;
  }
  .w50 {
    width: 50px !important;
  }
  .w80 {
    width: 80px !important;
  }
  .w90 {
    width: 90px !important;
  }
  .w100 {
    width: 100px !important;
  }
  .w120 {
    width: 120px !important;
  }
  .w150 {
    width: 150px !important;
  }
  .w180 {
    width: 180px !important;
  }
  .w200 {
    width: 200px !important;
  }
  .w250 {
    width: 250px !important;
  }
  .w300 {
    width: 300px !important;
  }
  .w350 {
    width: 350px !important;
  }
  .w400 {
    width: 400px !important;
  }
  .w500 {
    width: 500px !important;
  }
  .w600 {
    width: 600px !important;
  }
  .w700 {
    width: 700px !important;
  }
  .w1200 {
    width: 1200px !important;
  }
  .w1240 {
    width: 1240px !important;
  }
  .w1400 {
    width: 1400px !important;
  }
  .w25p {
    width: 25% !important;
  }
  .w50p {
    width: 50% !important;
  }
  .w90p {
    width: 90% !important;
  }
  .w92p {
    width: 92% !important;
  }
  .w93p {
    width: 93% !important;
  }
  .w95p {
    width: 95% !important;
  }
  .w98p {
    width: 98% !important;
  }
  .w99p {
    width: 99% !important;
  }
  .w100p {
    width: 100% !important;
  }
  .h2 {
    height: 2px !important;
  }
  .h3 {
    height: 3px !important;
  }
  .h100 {
    height: 100px !important;
  }
  .h500 {
    height: 500px !important;
  }
  .h100p {
    height: 100% !important;
  }
  .wh100p {
    width: 100% !important;
    height: 100% !important;
  }
  .w1200a {
    width: 1200px !important;
    margin: 0 auto;
  }
  .w1220a {
    width: 1220px !important;
    margin: 0 auto;
  }
  .w1400a {
    width: 1400px !important;
    margin: 0 auto;
  }
  .w1600a {
    width: 1600px !important;
    margin: 0 auto;
  }
  .w1800a {
    width: 1800px !important;
    margin: 0 auto;
  }
  /*************************************** 너비 e **************************************/
  
  /*************************************** 선 s **************************************/
  .black_line1 {
    background: #000;
    border: 0;
    height: 0px;
    box-sizing: border-box;
  }
  .black_line2 {
    background: #000;
    border: 0;
    height: 2px;
  }
  .black_line3 {
    background: #000;
    border: 0;
    height: 3px;
  }
  .white_line1 {
    background: #fff;
    border: 0;
    height: 1px;
    box-sizing: border-box;
  }
  .gray_line1 {
    background: #abafb5;
    border: 0;
    height: 1px;
    box-sizing: border-box;
  }
  .gray1_line1 {
    background: #666;
    border: 0;
    height: 1px;
    box-sizing: border-box;
  }
  .red_line2 {
    background: #ff2a00;
    border: 0;
    height: 2px;
  }
  .red_line3 {
    background: #ff2a00;
    border: 0;
    height: 3px;
  }
  /*************************************** 선 e **************************************/
  
  div.t_chk {
    position: absolute;
    top: 4px;
    right: -15px;
    color: red;
  }
  
  input[type="text"],
  input[type="password"] {
    padding: 0 15px;
  }
  select {
    padding: 0 15px;
  }
  
  .ui-datepicker-trigger {
    display: inline-block;
    margin-left: 5px;
  }
  
  .absolute_tl {
    position: absolute;
    top: 0;
    left: 0;
  }
  .absolute_tr {
    position: absolute;
    top: 0;
    right: 0;
  }
  .absolute_bl {
    position: absolute;
    bottom: 0;
    left: 0;
  }
  .absolute_br {
    position: absolute;
    bottom: 0;
    right: 0;
  }
  .y_center {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
  .x_center {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
  .all_center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  select,
  input,
  textarea {
    border: 0;
    background: #f6f6f6;
    border: 1px solid #ddd;
  }