.px-demo-no-transition {
  -webkit-transition: none !important;
  transition: none !important;
}

.px-demo-no-transition * {
  -webkit-transition: none !important;
  transition: none !important;
}

.px-demo-brand {
  font-size: 18px !important;
  font-family: "Noto Sans KR", Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 700;
  display: inline-block;
}

a.px-demo-brand:hover {
  opacity: .8;
  transition: opacity .3s;
}

.px-demo-logo {
  width: 150px;
  height: 30px;
  float: left;
  margin-right: 10px;
  margin-top: 5px;
  display: inline-block;
  background:url("/images/common/logo_white.svg") no-repeat center center;
  background-size:auto 100%;
}

.px-demo-logo-1,
.px-demo-logo-2,
.px-demo-logo-3,
.px-demo-logo-4,
.px-demo-logo-5,
.px-demo-logo-6,
.px-demo-logo-7,
.px-demo-logo-8,
.px-demo-logo-9 {
  display: block;
  width: 6px;
  height: 6px;
  float: left;
}

.px-demo-logo-1 { background: rgba(255, 255, 255, .25); }
.px-demo-logo-2 { background: rgba(255, 255, 255, .4); }
.px-demo-logo-3 { background: rgba(255, 255, 255, .65); }
.px-demo-logo-4 { background: rgba(255, 255, 255, .6); }
.px-demo-logo-5 { background: rgba(255, 255, 255, .15); }
.px-demo-logo-6 { background: rgba(255, 255, 255, .4); }
.px-demo-logo-7 { background: rgba(255, 255, 255, .3); }
.px-demo-logo-8 { background: rgba(255, 255, 255, .6); }
.px-demo-logo-9 { background: rgba(255, 255, 255, .25); }

/* Large logo */

.px-demo-brand-lg {
  font-size: 22px !important;
  line-height:30px;
  color:#000;
  letter-spacing:-0.1rem;
}

.px-demo-brand-lg .px-demo-logo {
  background-image:url("/images/common/logo.svg"); margin-right:2px;
}

.px-demo-brand-lg .px-demo-logo-1,
.px-demo-brand-lg .px-demo-logo-2,
.px-demo-brand-lg .px-demo-logo-3,
.px-demo-brand-lg .px-demo-logo-4,
.px-demo-brand-lg .px-demo-logo-5,
.px-demo-brand-lg .px-demo-logo-6,
.px-demo-brand-lg .px-demo-logo-7,
.px-demo-brand-lg .px-demo-logo-8,
.px-demo-brand-lg .px-demo-logo-9 {
  width: 8px;
  height: 8px;
}

/* Error pages */

.page-404-header .px-demo-brand,
.page-500-header .px-demo-brand {
  color: #444;
}

.page-404-header .px-demo-logo,
.page-500-header .px-demo-logo {
  margin-top: 0;
}

.px-demo-bgs {
  display: block;
  position: fixed;
  right: 0;
  bottom: 0;
  white-space: nowrap;
  z-index: 999999;
  border-top: 2px solid rgba(0, 0, 0, .1);
  border-left: 2px solid rgba(0, 0, 0, .1);
}

.px-demo-bgs-container {
  display: inline-block;
  height: 40px;
  vertical-align: bottom;
}

.px-demo-bgs-container:hover,
.px-demo-bgs-container:focus {
  opacity: .7;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.px-demo-bgs-clear {
  background: #fff;
  line-height: 40px;
  text-align: center;
  width: 60px;
  color: #e97c6f;
  font-size: 20px;
  text-decoration: none !important;
}

.px-demo-bgs-clear:hover,
.px-demo-bgs-clear:focus {
  color: #db5949;
}

.px-demo-bgs-container > img {
  height: 100%;
  display: block;
  margin: 0;
  padding: 0;
}

/* Sidebar */

#px-demo-sidebar-toggle {
  border-radius: 3px;
  margin-top: 20px;
  width: 40px;
  height: 40px;
  left: -41px;
  display: block;
  position: absolute;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  text-decoration: none !important;
  text-align: center;
}

#px-demo-sidebar-toggle * {
  border-color: transparent !important;
}

#px-demo-sidebar-toggle,
#px-demo-sidebar-toggle i {
  font-size: 18px;
  line-height: 40px;
}

#px-demo-sidebar-toggle i {
  position: relative;
  top: -1px;
}

#px-demo-sidebar-toggle .ion-android-close { display: none; }
#px-demo-sidebar.open #px-demo-sidebar-toggle .ion-ios-gear { display: none; }
#px-demo-sidebar.open #px-demo-sidebar-toggle .ion-android-close { display: inline-block; }

.px-demo-sidebar-header {
  margin: 0;
  line-height: 40px;
  padding: 0 20px;
}

#px-demo-sidebar label {
  margin: 0;
  cursor: pointer;
  font-weight: 600;
}

#px-demo-sidebar .switcher {
  margin: 0;
  float: right;
}

#px-demo-sidebar .box-row {
  height: 40px;
  vertical-align: middle;
}

#px-demo-sidebar .ps-scrollbar-x-rail,
#px-demo-sidebar .ps-scrollbar-y-rail {
  z-index: 10;
}

#px-demo-sidebar .switcher input:checked ~ .switcher-indicator {
  background: none !important;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, .33) !important;
}

#px-demo-sidebar .custom-select {
  border-color: rgba(0, 0, 0, .08);
}

#px-demo-togglers .box-row + .box-row .box-cell,
#px-demo-sidebar #px-demo-togglers > div + div {
  border-top: 1px solid rgba(0, 0, 0, .1) !important;
}

.px-demo-themes-list {
  position: relative;
  padding-left: 6px;
  padding-bottom: 6px;
}

.px-demo-themes-item {
  width: 111px;
  height: 66px;
  overflow: hidden;
  display: block;
  float: left;
  position: relative;
  margin-top: 6px !important;
  margin-right: 6px !important;
  overflow: hidden;
}

.px-demo-themes-item,
.px-demo-themes-item * {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.px-demo-themes-toggler {
  position: absolute;
  z-index: -1;
  margin: 0;
  padding: 0;
  opacity: 0;
}

.px-demo-themes-thumbnail {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 120px;
  border: none;
  padding: 0;
  margin: 0;
  z-index: 1;
}

.px-demo-themes-title {
  display: block;
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 111px;
  height: 66px;
  color: rgba(255, 255, 255, 0);
  line-height: 66px;
  text-align: center;
}

.px-demo-themes-title > span {
  position: absolute;
  z-index: 10;
  display: block;
  text-align: center;
  padding: 0 6px;
  font-size: 11px;
  width: 111px;
  height: 66px;
  line-height: 66px;
  background: rgba(39, 38, 52, .7);
  top: 0;
  white-space: nowrap;
  transition-property: line-height, height, background, top;
  transition-duration: .1s;
  -webkit-transition-property: line-height, height, background, top;
  -webkit-transition-duration: .1s;
}

.px-demo-themes-item:hover .px-demo-themes-toggler:not(:disabled) ~ .px-demo-themes-title > span {
  line-height: 26px;
  height: 26px;
  background: rgba(0, 0, 0, 1);
  width: auto;
  top: 20px;
  /*@noflip*/ left: 50%;
  -webkit-transform: translate(-50%, 0) scale(1);
      -ms-transform: translate(-50%, 0) scale(1);
          transform: translate(-50%, 0) scale(1);
}

.px-demo-themes-title > div {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  opacity: .7;
  z-index: 5;
  display: none;
}

.px-demo-themes-item .px-demo-themes-toggler:checked ~ .px-demo-themes-title > span {
  background: rgba(39, 38, 52, 0) !important;
}

.px-demo-themes-item .px-demo-themes-toggler:checked ~ .px-demo-themes-title > div {
  display: block !important;
}

#px-demo-sidebar-loader {
  position: absolute !important;
  z-index: 1000 !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  display: none;
}
body.index {background-image:url(/images/common/main-bg.jpg); background-repeat:no-repeat; background-position:center bottom; background-size:100% auto;}
.main-link {margin-bottom:50px;}
.main-link .panel { margin:0;}
.main-link .panel-info { padding:0;}
.main-link .panel-body { padding:15px;}
.main-link .box-link { padding:10px;}
.main-link .box-link .panel-body { cursor:pointer;}
.main-link .box-link strong { color:#475766; font-size:14px;letter-spacing:-0.07rem; font-weight:500;}
.main-link .box-link p { margin:0;}
.main-magazine { bottom:50px; text-align:center;  box-sizing:border-box;  }
.main-magazine-row { margin:0 auto;padding:0 0px  }
.owl-carousel { padding:0 60px; }
.px-navbar~.px-main { position:relative;}
.px-navbar~.px-main .panel-favorite .btn { width:calc(50% - 2.5px); margin:2.5px 0;background:rgb(242,235,235) url(/images/common/bg-light2.png) repeat-x 0 0; border-color:rgb(204,194,194);color:#000; font-weight:500;}
.owl-carousel.owl-drag .owl-item { position:relative; }
.owl-carousel.owl-drag .owl-item img.owl-lazy { background-color:#fff;box-shadow:2px 2px 2px 2px rgba(0,0,0,0.2)}
/*.owl-carousel.owl-drag .owl-item::before, .owl-carousel.owl-drag .owl-item::after { content:""; width:30px;  position:absolute;   height: 0;top:0; }
.owl-carousel.owl-drag .owl-item::before { border-top: 30px solid #f5f5f5;border-left: 0px solid transparent;border-right: 30px solid transparent; left:0px; }
.owl-carousel.owl-drag .owl-item::after { border-top: 30px solid #f5f5f5;border-left: 30px solid transparent;border-right: 0px solid transparent; right:0px; }*/
.px-main .widget-products-item { padding:0 30px 0 0; }
.px-main .widget-products-image { padding:0; border:none; background:transparent; }
.px-main .widget-products-image img { float:left; clear:both; }
.px-main .widget-products-image img.thumb { box-shadow:0px 3px 3px 3px rgba(0,0,0,0.1) ;background-repeat:no-repeat; background-size:cover; }
.px-main .row { margin:0 auto -1px auto; }
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {padding-left:1px; padding-right:1px; }
table .col-lg-1, table .col-lg-10, table .col-lg-11, table .col-lg-12, table .col-lg-2, table .col-lg-3, table .col-lg-4, table .col-lg-5, table .col-lg-6, table .col-lg-7, table .col-lg-8, table .col-lg-9, table .col-md-1, table .col-md-10, table .col-md-11, table .col-md-12, table .col-md-2, table .col-md-3, table .col-md-4, table .col-md-5, table .col-md-6, table .col-md-7, table .col-md-8, table .col-md-9, table .col-sm-1, table .col-sm-10, table .col-sm-11, table .col-sm-12, table .col-sm-2, table .col-sm-3, table .col-sm-4, table .col-sm-5, table .col-sm-6, table .col-sm-7, table .col-sm-8, table .col-sm-9, table .col-xs-1, table .col-xs-10, table .col-xs-11, table .col-xs-12, table .col-xs-2, table .col-xs-3, table .col-xs-4, table .col-xs-5, table .col-xs-6, table .col-xs-7, table .col-xs-8, table .col-xs-9 {padding-left:0px; padding-right:2px; }
.form-group .col-lg-1, .form-group .col-lg-10, .form-group .col-lg-11, .form-group .col-lg-12, .form-group .col-lg-2, .form-group .col-lg-3, .form-group .col-lg-4, .form-group .col-lg-5, .form-group .col-lg-6, .form-group .col-lg-7, .form-group .col-lg-8, .form-group .col-lg-9, .form-group .col-md-1, .form-group .col-md-10, .form-group .col-md-11, .form-group .col-md-12, .form-group .col-md-2, .form-group .col-md-3, .form-group .col-md-4, .form-group .col-md-5, .form-group .col-md-6, .form-group .col-md-7, .form-group .col-md-8, .form-group .col-md-9, .form-group .col-sm-1, .form-group .col-sm-10, .form-group .col-sm-11, .form-group .col-sm-12, .form-group .col-sm-2, .form-group .col-sm-3, .form-group .col-sm-4, .form-group .col-sm-5, .form-group .col-sm-6, .form-group .col-sm-7, .form-group .col-sm-8, .form-group .col-sm-9, .form-group .col-xs-1, .form-group .col-xs-10, .form-group .col-xs-11, .form-group .col-xs-12, .form-group .col-xs-2, .form-group .col-xs-3, .form-group .col-xs-4, .form-group .col-xs-5, .form-group .col-xs-6, .form-group .col-xs-7, .form-group .col-xs-8, .form-group .col-xs-9 {padding-left:0px; padding-right:2px; }
.tab-content.tab-content-bordered { padding:0px 0px 0px;margin:0px; border-bottom:none;border-right:none;border-left:none;}
tr.text-center * { text-align:center; }
.table>tbody>tr>th { padding:6px; line-height:1.2; font-weight:bold; }
.multiselect-native-select, .multiselect { width:100%; text-align:left; position:relative; }
.multiselect { background-color:#fff;; }
.open>.dropdown-menu { width:100%; }
.dropdown-toggle:after { position:absolute; right:5px;top:50%;border-top: .4em solid;margin-top:-0.2em;}
.mylink_list > label { display:block; border-top:1px solid #00946f; padding:5px 5px 5px 20px; font-weight:400 !important;}
.mylink_list > label:first-child { border-top:none;}
.text-grey { color:#97a0a8; }
.text-grey2 { color:#d0d4d9; }
.form-group, .form-horizontal .form-group { margin:0; }
.b-t-1, .b-b-1, .b-b-2, .b-l-3, .b-r-1, .b-x-2, .b-y-3, .b-a-1 { border-color:#e0e0e0; }
/*
.panel-body { font-family:"Malgun Gothic"}
    .page-signin {
		background-image: url(/images/common/copy-main.png);
		background-repeat: no-repeat;
		background-position: 95% 90%;
	}
    .page-signin-header {
		position:relative;
		background-image: linear-gradient(180deg, #fff, #f5f5f5);
      box-shadow: 0 2px 2px rgba(0,0,0,.05), 0 1px 0 rgba(0,0,0,.05);
    }

    .page-signin-header .btn {
      position: absolute;
      top: 12px;
      right: 15px;
    }

    html[dir="rtl"] .page-signin-header .btn {
      right: auto;
      left: 15px;
    }

    .page-signin-container {
		width: auto;
		margin: 30px 10px;
	}

    .page-signin-container .form-group { margin-bottom:15px; }
    .page-signin-container form {
      border: 0;
      box-shadow: 0 2px 2px rgba(0,0,0,.05), 0 1px 0 rgba(0,0,0,.05);
    }

    @media (min-width: 544px) {
      .page-signin-container {
        width: 350px;
        margin: 60px auto;
      }
    }

    .page-signin-social-btn {
      width: 40px;
      padding: 0;
      line-height: 40px;
      text-align: center;
      border: none !important;
    }

    #page-signin-forgot-form { display: none; }
*/
    .page-signin { background:url(/images/common/login_bg_02.jpg) no-repeat center center; background-size:cover; }
    .box-signin { vertical-align:middle;background-color:transparent; overflow:visible; }
    .box-signin::after { content:""; position:fixed; left:0; top:0; width:100vw; height:100%; background-color:rgba(0,0,0,0.4); }
    .box-signin .box-cell { height:80vh }
	.page-signin-form-group { margin-bottom:15px; }
    .page-signin-modal {
      position: relative;
      top: auto;
      right: auto;
      bottom: auto;
      left: auto;
      z-index: 1;
      display: block;
    }

    .page-signin-form-group { position: relative; }

    .page-signin-icon {
      position: absolute;
      line-height: 21px;
      width: 36px;
      border-color: rgba(0, 0, 0, .14);
      border-right-width: 1px;
      border-right-style: solid;
      left: 1px;
      top: 9px;
      text-align: center;
      font-size: 15px;
    }

    html[dir="rtl"] .page-signin-icon {
      border-right: 0;
      border-left-width: 1px;
      border-left-style: solid;
      left: auto;
      right: 1px;
    }

    html:not([dir="rtl"]) .page-signin-icon + .page-signin-form-control { padding-left: 50px; }
    html[dir="rtl"] .page-signin-icon + .page-signin-form-control { padding-right: 50px; }

    #page-signin-forgot-form {
      display: none;
    }

    /* Margins */

    .page-signin-modal > .modal-dialog { margin: 30px 10px; }

    @media (min-width: 544px) {
      .page-signin-modal > .modal-dialog { width:400px; margin:0px auto }
	  }
/* Page Error */
    .page-404-bg {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
    }

    .page-404-header,
    .page-404-error-code,
    .page-404-subheader,
    .page-404-text,
    .page-404-form {
      position: relative;
      padding: 0 30px;
      text-align: center;
    }

    .page-404-header {
      width: 100%;
      padding: 20px 0;

      box-shadow: 0 4px 0 rgba(0,0,0,.1);
    }

    .page-404-error-code {
      margin-top: 30px;
      color: #fff;
      text-shadow: 0 4px 0 rgba(0,0,0,.1);
      font-size: 70px;
      font-weight: 700;
      line-height: 100px;
	  position:relative;
    }
    .page-404-error-code > strong { display:inline-block; width:100px; height:100px; }

    .page-404-subheader,
    .page-404-text {
      margin-bottom: 50px;
      color: rgba(0,0,0,.5);
      font-weight: 600;
    }
    .page-404-subheader { font-size: 40px; color:#333; }

    .page-404-subheader:after {
      position: absolute;
      bottom: -30px;
      left: 50%;
      display: block;
      width: 40px;
      height: 4px;
      margin-left: -20px;
      content: "";
      background: rgba(0,0,0,.2);
    }

    .page-404-text { font-size: 14px;font-weight:400;line-height:1.6 }

    .page-404-form {
      max-width: 500px;
      margin: 0 auto 60px auto;
    }

    .page-404-form * {
      margin: 0 !important;
      border: none !important;
    }

    .page-404-form .btn {
      background: rgba(0, 0, 0, .3);
    }
/* jQuery datepicker */
.ui-datepicker { font:12px dotum;z-index:1090 !important }
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width: 70px;}
.ui-datepicker-trigger { margin:0 0 0px 0px; display:table-cell;float:left;/*position:absolute;right:0;z-index:2;*/ }
.input-date, .hasDatepicker { width:calc(100% - 30px) !important; }
/* jQuery datepicker */
@media (max-width: 979px){
	.main-magazine-row { padding:0 20px; }
	.px-main .widget-products-item { padding:0 5px; }
	.widget-products-item { margin-bottom:0; }
	/*.main-magazine { position:relative;bottom:auto;  }*/
}
