@charset 'utf-8';
/*===========================================================================
	RESET CSS
============================================================================*/
html {
  -webkit-text-size-adjust: none;
  -webkit-overflow-scrolling: none;
  /* TODO: 메인에 팝업띄우면 스크롤이 튕겨서 사용성에 안좋음 (사이드이펙트 있을지 모르니 주석처리) */
  /* overflow-y: scroll; */
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
select,
textarea,
p,
blockquote,
address {
  margin: 0;
  padding: 0;
  outline-style: none;
  outline-offset: 0;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
input[type="image"],
input[type="text"],
input[type="submit"],
input[type="password"] {
  -webkit-border-radius: 0;
  -webkit-appearance: none;
}
img,
fieldset,
button,
iframe {
  border: 0 none;
}
fieldset {
  min-width: 0;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
  -webkit-padding-before: 0;
  -webkit-padding-start: 0;
  -webkit-padding-end: 0;
  -webkit-padding-after: 0;
}
hr,
button img:not([class*="tp-uk-"]) {
  display: none;
  /* -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; */
}
caption,
th {
  text-align: left;
}
ol,
ul {
  list-style: none;
}
textarea {
  overflow: auto;
}
legend {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  overflow: hidden;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
}
a,
a:link,
a:visited,
a:active,
a:hover {
  text-decoration: none;
}
br {
  display: block;
  margin-bottom: 0;
  font-size: 0;
  line-height: 0;
}
br:before {
  display: block;
  margin-top: 0;
  content: "";
}
br:after {
  content: ".";
  visibility: hidden;
  display: block;
}
/*===========================================================================
	FONT
============================================================================*/
* {
}

/*===========================================================================
	CONTENT DIMENSION SETTING
===========================================================================*/
html,
body {
  height: 100%;
}
/*===========================================================================
	CONTENT USER SETTING
===========================================================================*/
/*- visibility,display ----------------------------------------------------------------------*/
.fixed {
  display: block;
  min-height: 1%;
  *zoom: 1;
}
.fixed:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: ".";
  font-size: 0;
  line-height: 0;
}
* html .fixed {
  height: 1%;
}
.show {
  display: block;
  visibility: visible;
}
.hide {
  display: none;
  visibility: hidden;
}
/* .no-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
} */
.img-txt,
.img-txt *,
.img-txt-title {
  display: inline-block !important;
  overflow: hidden;
  text-indent: -99999px !important;
  font-size: 0px !important;
  line-height: 0px !important;
  *text-indent: 0 !important;
  /* -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; */
}
.img-menu,
.img-menu * {
  display: inline-block !important;
  text-indent: -99999px !important;
  font-size: 0px !important;
  line-height: 0px !important;
  *text-indent: 0 !important;
  /* -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; */
}
/*- link ----------------------------------------------------------------------*/
a,
a *,
a:link,
a:link * {
  cursor: pointer;
}
/*- cursor ----------------------------------------------------------------------*/
.cursor {
  cursor: pointer;
}
/*- li,ol,ul,dl ----------------------------------------------------------------------*/
ol {
  list-style: decimal;
  list-style-position: outside;
}
ul {
  list-style-position: outside;
}
dl dt {
}
/*- table ----------------------------------------------------------------------*/
table {
  position: relative;
  border-spacing: 0;
}
table th {
  text-align: left;
  font-weight: 500;
}
table th,
table td {
  vertical-align: top;
  word-wrap: break-word;
}
/*vertical*/
table.tbl-vertical {
}
/*horizontal*/
table.tbl-horizon {
}
/*layout*/
table.tbl-layout {
}
/*tblForm*/
table.tbl-form {
}
/*sortOption*/
table .set-hidden-position > *,
table .set-hidden-position > tr > * {
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
  border: 0 !important;
  background: none !important;
}
/*- form-area ----------------------------------------------------------------------*/
.form-area .txt-label {
  display: inline-block;
  font-weight: 500;
}
.form-area .txt-guide {
  display: inline-block;
}
/*error*/
.form-area .required-star {
  vertical-align: middle;
}
.form-area input.validate-error,
.form-area select.validate-error,
.form-area div.validate-error-area {
  border-style: dotted;
}
/*.form-area div.validate-error{white-space:nowrap;}*/
/*- form ----------------------------------------------------------------------*/
.text-field,
.select-field,
.textarea-field,
.radio-field,
.file-field {
  display: inline-block;
  margin: 0;
  padding: 0;
  outline: 0;
  border-style: solid;
  border: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background: none;
  vertical-align: top !important;
  box-sizing: border-box;
}
.text-field {
  *text-indent: 0;
  -webkit-appearance: none;
}
.select-field {
  *text-indent: 0;
  border: 0;
  display: inline-block;
  font: inherit;
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  outline: 0;
  background-repeat: no-repeat;
}
@-moz-document url-prefix() {
  .select-field {
    padding-left: 0;
  }
}
.select-field::-ms-expand {
  display: none;
}
.select-field.multiple {
  height: auto;
}
.file-field {
}
.textarea-field {
  resize: none;
  *margin: 0;
  -webkit-appearance: none;
}
.checkbox-field {
  outline: none;
  display: inline-block;
  -webkit-appearance: none;
  vertical-align: top !important;
}
.radio-field {
  vertical-align: top !important;
}
.txt-input-guide {
}
.text-field[disabled],
.select-field[disabled],
.textarea-field[disabled],
.file-field[disabled] {
}
/*- button ----------------------------------------------------------------------*/
.btn {
  position: relative;
  display: inline-block !important;
  overflow: visible !important;
  margin: 0;
  padding: 0;
  outline: none !important;
  border: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  vertical-align: top;
  text-decoration: none !important;
  cursor: pointer !important;
  zoom: 1;
  *display: inline !important;
}
/*- background-image Button  ----------------------------------------------------------------------*/
.bg-btn {
  position: relative;
  display: inline-block !important;
  overflow: visible !important;
  margin: 0;
  padding: 0;
  outline: none !important;
  border: 0 !important;
  background-color: transparent;
  background-repeat: repeat-x;
  vertical-align: top;
  text-decoration: none !important;
  cursor: pointer !important;
  zoom: 1;
  *display: inline !important;
}
/*- Image Button ----------------------------------------------------------------------*/
.img-btn {
  display: inline-block !important;
  overflow: visible;
  margin: 0;
  padding: 0;
  outline: none !important;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  vertical-align: top;
  text-align: center;
  text-decoration: none !important;
  text-indent: -99999px !important;
  font-size: 0px !important;
  line-height: 0px !important;
  cursor: pointer;
  *text-indent: 0 !important;
  /* -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; */
}
/*- img Bullet ----------------------------------------------------------------------*/
.img-bul {
  display: inline-block !important;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  vertical-align: top;
  text-indent: -99999px !important;
  font-size: 0px !important;
  line-height: 0px !important;
  *text-indent: 0 !important;
  /* -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; */
}
/*- imgBlock ----------------------------------------------------------------------*/
.img-block {
  overflow: hidden;
}
.img-block > a > img,
.img-block > img {
  float: left;
  max-width: 100%;
  min-width: 100%;
  width: 100%;
}
/*===========================================================================
	CONTAINER
============================================================================*/
body .content > .head {
  display: block;
  min-height: 1%;
  *zoom: 1;
}
body .content > .head:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: ".";
  font-size: 0;
  line-height: 0;
}
* html body .content > .head {
  height: 1%;
}
body .content > .main {
  display: block;
  min-height: 1%;
  *zoom: 1;
}
body .content > .main:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: ".";
  font-size: 0;
  line-height: 0;
}
* html body .content > .main {
  height: 1%;
}
body .content > .foot {
  display: block;
  min-height: 1%;
  *zoom: 1;
}
body .content > .foot:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: ".";
  font-size: 0;
  line-height: 0;
}
* html body .content > .foot {
  height: 1%;
}
body .content .section {
  display: block;
  min-height: 1%;
  *zoom: 1;
}
body .content .section:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: ".";
  font-size: 0;
  line-height: 0;
}
* html body .content .section {
  height: 1%;
}
body .content .inner-section {
  display: block;
  min-height: 1%;
  *zoom: 1;
}
body .content .inner-section:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: ".";
  font-size: 0;
  line-height: 0;
}
* html body .content .inner-section {
  height: 1%;
}
/*===========================================================================
	Extend Jquery.ui
============================================================================*
/*===========================================================================
	MODAL
============================================================================*/
/*- GModal ----------------------------------------------------------------------*/
html.use-gModal {
  overflow: hidden;
}
html.use-gModal body {
  overflow: hidden;
}
.gModal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: auto;
  overflow-y: overlay;
  padding: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.6);
}
.gModal > .gModal-content {
  position: absolute;
  display: none;
}
.gModal > .gModal-content > * {
}
.gModal > .gModal-content .gModal-close {
  position: absolute;
  z-index: 1;
}
.gModal-background {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 998;
  display: block;
  width: 100%;
  height: 100%;
}
.gModal-content.img > * {
}
/*- toastMessage ----------------------------------------------------------------------*/
.toastMessage {
  position: fixed;
  bottom: 100px;
  left: 0;
  z-index: 999;
  overflow: auto;
  padding: 0;
}
.toastMessage > .gModal-content {
  position: relative;
}
.toastMessage > .gModal-content > .opacity-bg {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}