@charset "utf-8";

@font-face {
  font-family: "NotoSansKR";
  font-style: normal;
  font-weight: 300;
  src: url(../fonts//NotoSansKR-Light.woff2) format("woff2"),
    url(../fonts//NotoSansKR-Light.woff) format("woff"),
    url(../fonts//NotoSansKR-Light.otf) format("opentype");
}
@font-face {
  font-family: "NotoSansKR";
  font-style: normal;
  font-weight: 400;
  src: url(../fonts//NotoSansKR-Regular.woff2) format("woff2"),
    url(../fonts//NotoSansKR-Regular.woff) format("woff"),
    url(../fonts//NotoSansKR-Regular.otf) format("opentype");
}
@font-face {
  font-family: "NotoSansKR";
  font-style: normal;
  font-weight: 500;
  src: url(../fonts//NotoSansKR-Medium.woff2) format("woff2"),
    url(../fonts//NotoSansKR-Medium.woff) format("woff"),
    url(../fonts//NotoSansKR-Medium.otf) format("opentype");
}


/*
@font-face {font-family: 'NotoSansKR';font-style: normal;font-weight: 300;
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2)
format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff)
format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}

@font-face {font-family: 'NotoSansKR';font-style: normal;font-weight: 400;
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2)
format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff)
format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}

@font-face {font-family: 'NotoSansKR';font-style: normal;font-weight: 500;
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}
 */

/* IE10 뷰포트 버그대응 */
@-ms-viewport {
  width: device-width;
}
@-o-viewport {
  width: device-width;
}
@viewport {
  width: device-width;
}

/* common */
* {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.clear {
  clear: both;
}
.split {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.splitTwoLine {
  max-height: 40px;
  line-height: 1.4;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

a {
  text-decoration: none !important;
  outline: none !important;
  selector-dummy: expression(this.hideFocus=true) !important;
}
/* 여백 */
.h5 {
  height: 5px;
  clear: both;
}
.h10 {
  height: 10px;
  clear: both;
}
.h20 {
  height: 20px;
  clear: both;
}
.h30 {
  height: 30px;
  clear: both;
}
.h40 {
  height: 40px !important;
  clear: both;
}
.h50 {
  height: 50px;
  clear: both;
}
.h60 {
  height: 60px;
  clear: both;
}
.h70 {
  height: 70px;
  clear: both;
}
.h80 {
  height: 80px;
  clear: both;
}
.h90 {
  height: 90px;
  clear: both;
}
.h100 {
  height: 100px;
  clear: both;
}

/* pre 리셋 */
pre {
  white-space: pre-wrap; /* CSS3*/
  white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  white-space: -pre-wrap; /* Opera 4-6 */
  white-space: -o-pre-wrap; /* Opera 7 */
  word-wrap: break-all; /* Internet Explorer 5.5+ */
}

body,
html {
  height: 100%;
}

body {
  display: table;
  font-family: "NotoSansKR", sans-serif;
  font-weight: 400;
  font-size: 15px;
  color: #333;
  background: #f2f5f9;
  min-width: 1400px;
}

body * {
  font-family: "NotoSansKR", sans-serif;
  font-weight: 400;
  font-size: 15px;
}

.ml10 { margin-left: 10px; }

.mar0 {
  margin: 0 !important;
}

.mr0 {
  margin-right: 0 !important;
}
.mr5 {
  margin-right: 5px;
}
.mr10 {
  margin-right: 10px;
}
.mr20 {
  margin-right: 20px;
}
.ml20 {
  margin-left: 20px;
}
.mt0 {
  margin-top: 0 !important;
}
.mt5 {
  margin-top: 5px !important;
}
.mt10 {
  margin-top: 10px !important;
}
.mt20 {
  margin-top: 20px !important;
}
.mt50 {
  margin-top: 50px !important;
}
.mb10 {
  margin-bottom: 10px !important;
}
.mb20 {
  margin-bottom: 20px !important;
}

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

.pad30 {
  padding: 30px 0 !important;
}

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

.w100 {
  width: 100% !important;
}

button {
  background: none;
}

.fs11 {
  font-size: 11px !important;
}
.fs12 {
  font-size: 12px !important;
}
.fs13 {
  font-size: 13px !important;
}

.fs14 {
  font-size: 14px !important;
}
.fs16 {
  font-size: 16px !important;
}
.fs18 {
  font-size: 18px !important;
}
.w58 {
  width: 58px !important;
}
.w60 {
  width: 60px !important;
}
.w64 {
  width: 64px !important;
}
.w70 {
  width: 70px !important;
}
.w76 {
  width: 76px !important;
}
.w80 {
  width: 80px !important;
}
.w90 {
  width: 90px !important;
}
.w120 {
  width: 120px !important;
}
.w140 {
  width: 140px !important;
}
.w160 {
  width: 160px !important;
}
.w175 {
  width: 175px !important;
}
.w200 {
  width: 200px !important;
}
.w280 {
  width: 280px !important;
}
.w300 {
  width: 300px !important;
}
.w306 {
  width: 306px !important;
}
.w330 {
  width: 330px !important;
}
.w500 {
  width: 500px !important;
}
.h30 {
  height: 30px !important;
}
.h240 {
  height: 240px !important;
}
.w840 {
  width: 840px !important;
}
.w1100 {
  width: 1100px !important;
}
.w1250 {
  width: 1250px !important;
}
.w1340 {
  width: 1340px !important;
}
.minW60 {
  min-width: 60px !important;
}
.h32 {
  height: 32px !important;
}
.h34 {
  height: 34px !important;
}
.h44 {
  height: 44px !important;
}
.h46 {
  height: 46px !important;
}
.h170 {
  height: 170px !important;
}
.textLeft {
  text-align: left !important;
}
.minH90 {
  min-height: 90px !important;
}

.minH190 {
  min-height: 190px !important;
}

.decoNone:hover {
  text-decoration: none !important;
}

.fixedBtm.on {
  position: fixed;
  left: 0;
  bottom: 0;
  width: calc(100% - 260px);
  margin-bottom: 0;
  min-height: 50px !important;
  padding: 0;
  margin: 0;
  margin-left:260px;
  z-index: 2;
}
.fixedBtm.on button {
  width: 100%;
}
.popup .fixedBtm.on { margin-left: 20px; }
.fontWeightMedium {
  font-weight: 500;
}

.mlr20 { margin-left:20px; margin-right:20px; }

.text-red {color:#FF5454 !important;}
.text-blue {color:#3686FF !important;}
[class^="link_"] { cursor: pointer; }