/* bundangent 원본 CSS 번들(비즈템플릿 파이브스톤 틀) — .sm 스코프 · 쪽 전용 = :where(.pg-…) · 생성 2026-11-07T11:44:21.143Z */

/* ── 01_site_default_inc_bootstrap.css (전 쪽) ── */
/*!
 * Bootstrap (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
.sm {
  font-family: Malgun Gothic, 돋움, 굴림, Open Sans;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}
.sm {
  overflow-x:hidden;
  margin: 0;
}
.sm li{ list-style:none;} 
.sm ul{ list-style:none; padding-left:0; margin-left:0;} 
.sm article,.sm 
aside,.sm 
details,.sm 
figcaption,.sm 
figure,.sm 
footer,.sm 
header,.sm 
hgroup,.sm 
main,.sm 
menu,.sm 
nav,.sm 
section,.sm 
summary {
  display: block;
}
.sm audio,.sm 
canvas,.sm 
progress,.sm 
video {
  display: inline-block;
  vertical-align: baseline;
}
.sm audio:not([controls]) {
  display: none;
  height: 0;
}
.sm [hidden],.sm 
template {
  display: none;
}
.sm a {
  background-color: transparent;
}
.sm a:active,.sm 
a:hover {
  outline: 0;
}
.sm abbr[title] {
  border-bottom: 1px dotted;
}
.sm b,.sm 
strong {
  font-weight: bold;
}
.sm dfn {
  font-style: italic;
}
.sm mark {
  color: #000;
  background: #ff0;
}
.sm small {
  font-size: 80%;
}
.sm sub,.sm 
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
.sm sup {
  top: -.5em;
}
.sm sub {
  bottom: -.25em;
}
.sm img {
  border: 0;
}
.sm svg:not(:root) {
  overflow: hidden;
}
.sm figure {
  margin: 1em 40px;
}
.sm hr {
  height: 0;
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}
.sm pre {
  overflow: auto;
}
.sm code,.sm 
kbd,.sm 
pre,.sm 
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
.sm button,.sm 
input,.sm 
optgroup,.sm 
select,.sm 
textarea {
  margin: 0;
  font: inherit;
  color: inherit;
}
.sm button {
  overflow: visible;
}
.sm button,.sm 
select {
  text-transform: none;
}
.sm button,.sm input[type="button"],.sm 
input[type="reset"],.sm 
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
.sm input[type="image"] {
 border:none;
} 
.sm button[disabled],.sm input[disabled] {
  cursor: default;
}
.sm button::-moz-focus-inner,.sm 
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.sm input {
  line-height: normal;
}
.sm input[type="checkbox"],.sm 
input[type="radio"] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}
.sm input[type="number"]::-webkit-inner-spin-button,.sm 
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
.sm input[type="search"] {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-appearance: textfield;
}
.sm input[type="search"]::-webkit-search-cancel-button,.sm 
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
.sm fieldset {
  padding: .35em .625em .75em;
  margin: 0 2px;
  border: 1px solid #c0c0c0;
}
.sm legend {
  padding: 0;
  border: 0;
}
.sm textarea {
  overflow: auto;
}
.sm optgroup {
  font-weight: bold;
}
.sm table {
  border-spacing: 0;
  border-collapse: collapse;
}
.sm td,.sm 
th {
  padding: 0;
}
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  .sm *,.sm 
  *:before,.sm 
  *:after {
    color: #000 !important;
    text-shadow: none !important;
    background: transparent !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
  }
  .sm a,.sm 
  a:visited {
    text-decoration: underline;
  }
  .sm a[href]:after {
    content: " (" attr(href) ")";
  }
  .sm abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .sm a[href^="#"]:after,.sm 
  a[href^="javascript:"]:after {
    content: "";
  }
  .sm pre,.sm 
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  .sm thead {
    display: table-header-group;
  }
  .sm tr,.sm 
  img {
    page-break-inside: avoid;
  }
  .sm img {
    max-width: 100% !important;
  }
  .sm p,.sm 
  h2,.sm 
  h3 {
    orphans: 3;
    widows: 3;
  }
  .sm h2,.sm 
  h3 {
    page-break-after: avoid;
  }
  .sm .navbar {
    display: none;
  }
  .sm .btn > .caret,.sm 
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }
  .sm .label {
    border: 1px solid #000;
  }
  .sm .table {
    border-collapse: collapse !important;
  }
  .sm .table td,.sm 
  .table th {
    background-color: #fff !important;
  }
  .sm .table-bordered th,.sm 
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
}
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.sm * {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.sm *:before,.sm 
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.sm {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.sm {
  font-family: Malgun Gothic, 돋움, 굴림, Open Sans;
  font-size: 17px;
  color: #777;
  background-color: #fff;
}
@media (max-width: 1024px) {
 .sm {font-size: 13px;}
}
.sm input,.sm 
button,.sm 
select,.sm 
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
.sm a {
  color: #5a5a5a;
  text-decoration: none;
}
.sm a:hover,.sm 
a:focus {
  color: #de3a00;
  text-decoration: none;
}
.sm a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.sm figure {
  margin: 0;
}
.sm img {
  vertical-align: middle;
}
.sm .img-responsive,.sm 
.thumbnail > img,.sm 
.thumbnail a > img,.sm 
.carousel-inner > .item > img,.sm 
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}
.sm .img-responsive01 { 
  display: block;
  max-width: 100%;
  width: 100%;
  height: 100%;
  margin-top:30px;
}
.sm .img-responsive02,.sm 
.thumbnail > img,.sm 
.thumbnail a > img,.sm 
.carousel-inner > .item > img,.sm 
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}
@media (max-width: 1279px) {
.sm .img-responsive01 {
  display: block;
  max-width: 100%;
  width: 100%;
  height: auto;
  margin-top:20px;
}
}
@media (max-width: 1024px) {
.sm .img-responsive02,.sm 
.thumbnail > img,.sm 
.thumbnail a > img,.sm 
.carousel-inner > .item > img,.sm 
.carousel-inner > .item > a > img {
  display: block;
  max-width: 50%;
  height: auto;
}
}
.sm ul,.sm 
ol {
  margin-top: 0;
  margin-bottom: 10px;
}
.sm ul ul,.sm 
ol ul,.sm 
ul ol,.sm 
ol ol {
  margin-bottom: 0;
}
.sm .list-unstyled {
  padding-left: 0;
  list-style: none;
}
.sm .list-inline {
  padding-left: 0;
  margin-left: -5px;
  list-style: none;
}
.sm .list-inline > li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}
.sm dl {
  margin-top: 0;
  margin-bottom: 20px;
}
.sm dt,.sm 
dd {
  line-height: 1.42857143;
}
.sm dt {
  font-weight: bold;
}
.sm dd {
  margin-left: 0;
}
@media (min-width: 768px) {
  .sm .dl-horizontal dt {
    float: left;
    width: 160px;
    overflow: hidden;
    clear: left;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .sm .dl-horizontal dd {
    margin-left: 180px;
  }
}
.sm .container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  position:relative;
}
.sm .container01 {
 width: 100%;
 margin:0 auto;
 background-color:#f2f2f2;
 padding:50px 15px 100px 15px;
}
.sm .container02 {
 width: 100%;
 margin:0 auto;
 background-color:#f2f2f2;
 padding:60px 0 80px 0;
}
.sm .container03 {
 width: 100%;
}
.sm .container-gnb {
 padding-right: 0px;
 padding-left: 0px;
 margin-right: auto;
 margin-left: auto;
}
.sm .container-mc {
 margin:0 auto;
 padding:120px 15px 120px 15px;
}
.sm .container-sc {
 padding-right: 15px;
 padding-left: 15px;
 margin-right: auto;
 margin-left: auto;
}
.sm .container-wc {
 padding-right: 15px;
 padding-left: 15px;
 margin-right: auto;
 margin-left: auto;
}
@media (max-width: 1024px) {
  .sm .container01 {
    padding:30px 0px 40px 0px;
  }
  .sm .container02 {
    padding:30px 0 30px 0;
  }
  .sm .container-mc {
    padding:50px 15px 50px 15px;
  }
}
/*@media (min-width: 768px) {
  .container {
    width: 850px;
  }
  .container-gnb {
    width: 840px;
  }
}*/
@media (min-width: 1025px) {
  .sm .container {
    width: 1110px;
  }
  .sm .container-gnb {
    width: 1042px;
  }
  .sm .container-sc {
    width: 900px;
  }
  .sm .container-wc {
    width: 900px;
  }
}
@media (min-width: 1280px) {
  .sm .container {
    width: 1200px;
  }
  .sm .container-gnb {
    width: 1260px;
  }
  .sm .container-sc {
    width: 1000px;
  }
  .sm .container-wc {
    width: 1000px;
  }
}
@media (min-width: 1281px) {
  .sm .container {
    width: 1300px;
  }
  .sm .container-gnb {
    width: 1260px;
  }
  .sm .container-sc {
    width: 1100px;
  }
  .sm .container-wc {
    width: 900px;
  }

}
.sm .container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.sm .row {
  margin-right: -15px;
  margin-left: -15px;
}
.sm .row-fs {
  margin-right: 0px;
  margin-left: 0px;
}
.sm .col-xs-1,.sm  .col-xs-2,.sm  .col-xs-3,.sm  .col-xs-4,.sm  .col-xs-5,.sm  .col-xs-6,.sm  .col-xs-7,.sm  .col-xs-8,.sm  .col-xs-9,.sm  .col-xs-10,.sm  .col-xs-11,.sm  .col-xs-12 {
  position: relative;
  min-height: 1px;
  padding-left:20px;
  padding-right:20px;
  padding-top:20px;
  padding-bottom:20px;
}
.sm .col-sm-1,.sm  .col-sm-2,.sm  .col-sm-3,.sm  .col-sm-4,.sm  .col-sm-5,.sm  .col-sm-6,.sm  .col-sm-7,.sm  .col-sm-8,.sm  .col-sm-9,.sm  .col-sm-10,.sm  .col-sm-11,.sm  .col-sm-12 {
  position: relative;
  min-height: 1px;
  padding-left:10px;
  padding-right:10px;
  padding-top:10px;
  padding-bottom:10px;
}
.sm .col-lg-1,.sm  .col-lg-2,.sm  .col-lg-3,.sm  .col-lg-4,.sm  .col-lg-5,.sm  .col-lg-6,.sm  .col-lg-7,.sm  .col-lg-8,.sm  .col-lg-9,.sm  .col-lg-10,.sm  .col-lg-11,.sm  .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left:20px;
  padding-right:20px;
  padding-top:10px;
  padding-bottom:10px;
}
.sm .col-md-1,.sm  .col-md-2,.sm  .col-md-3,.sm  .col-md-4,.sm  .col-md-5,.sm  .col-md-6,.sm  .col-md-7,.sm  .col-md-8,.sm  .col-md-9,.sm  .col-md-10,.sm  .col-md-11,.sm  .col-md-12 {
  position: relative;
  min-height: 1px;
  padding-left:15px;
  padding-right:15px;
}
.sm .col-fs-1,.sm  .col-fs-2,.sm  .col-fs-3,.sm  .col-fs-4,.sm  .col-fs-5,.sm  .col-fs-6,.sm  .col-fs-7,.sm  .col-fs-8,.sm  .col-fs-9,.sm  .col-fs-10,.sm  .col-fs-11,.sm  .col-fs-12 {
  position: relative;
  min-height: 1px;
  padding-left:0px;
  padding-right:0px;
  padding-top:0px;
  padding-bottom:0px;
}
.sm .col-fsl-1,.sm  .col-fsl-2,.sm  .col-fsl-3,.sm  .col-fsl-4,.sm  .col-fsl-5,.sm  .col-fsl-6,.sm  .col-fsl-7,.sm  .col-fsl-8,.sm  .col-fsl-9,.sm  .col-fsl-10 {
  position: relative;
  min-height: 1px;
  padding: 10px 15px 10px 15px;
  margin: 20px 0 20px 0;
  border-right:1px solid #9da2b7;
  text-align:center;
}
.sm .col-fsl-3r,.sm  .col-fsl-4r {
  position: relative;
  min-height: 1px;
  padding: 10px 15px 10px 15px;
  margin: 20px 0 20px 0;
  border-left:0px solid #ddd;
  border-right:0px solid #ddd;
  text-align:center;
}
@media (min-width: 768px) {
.sm .col-xs-1,.sm  .col-xs-2,.sm  .col-xs-3,.sm  .col-xs-4,.sm  .col-xs-5,.sm  .col-xs-6,.sm  .col-xs-7,.sm  .col-xs-8,.sm  .col-xs-9,.sm  .col-xs-10,.sm  .col-xs-11,.sm  .col-xs-12 {
  float: left;
}
.sm .col-xs-12 {
  width: 100%;
}
.sm .col-xs-11 {
  width: 91.66666667%;
}
.sm .col-xs-10 {
  width: 83.33333333%;
}
.sm .col-xs-9 {
  width: 75%;
}
.sm .col-xs-8 {
  width: 66.66666667%;
}
.sm .col-xs-7 {
  width: 58.33333333%;
}
.sm .col-xs-6 {
  width: 50%;
}
.sm .col-xs-5 {
  width: 33.33333333%;
}
.sm .col-xs-4 {
  width: 33.33333333%;
}
.sm .col-xs-3 {
  width: 25%;
}
.sm .col-xs-2 {
  width: 16.66666667%;
}
.sm .col-xs-1 {
  width: 8.33333333%;
}
}
@media (min-width: 768px) {
  .sm .col-sm-1,.sm  .col-sm-2,.sm  .col-sm-3,.sm  .col-sm-4,.sm  .col-sm-5,.sm  .col-sm-6,.sm  .col-sm-7,.sm  .col-sm-8,.sm  .col-sm-9,.sm  .col-sm-10,.sm  .col-sm-11,.sm  .col-sm-12 {
    float: left;
  }
  .sm .col-sm-12 {
    width: 100%;
  }
  .sm .col-sm-11 {
    width: 91.66666667%;
  }
  .sm .col-sm-10 {
    width: 83.33333333%;
  }
  .sm .col-sm-9 {
    width: 75%;
  }
  .sm .col-sm-8 {
    width: 66.66666667%;
  }
  .sm .col-sm-7 {
    width: 58.33333333%;
  }
  .sm .col-sm-6 {
    width: 50%;
  }
  .sm .col-sm-5 {
    width: 33.33333333%;
  }
  .sm .col-sm-4 {
    width: 33.33333333%;
  }
  .sm .col-sm-3 {
    width: 25%;
  }
  .sm .col-sm-2 {
    width: 16.66666667%;
  }
  .sm .col-sm-1 {
    width: 8.33333333%;
  }
}
@media (min-width: 768px) {
  .sm .col-fs-1,.sm  .col-fs-2,.sm  .col-fs-3,.sm  .col-fs-4,.sm  .col-fs-5,.sm  .col-fs-6,.sm  .col-fs-7,.sm  .col-fs-8,.sm  .col-fs-9,.sm  .col-fs-10,.sm  .col-fs-11,.sm  .col-fs-12 {
    float: left;
  }
  .sm .col-fs-12 {
    width: 100%;
  }
  .sm .col-fs-11 {
    width: 91.66666667%;
  }
  .sm .col-fs-10 {
    width: 83.33333333%;
  }
  .sm .col-fs-9 {
    width: 75%;
  }
  .sm .col-fs-8 {
    width: 66.66666667%;
  }
  .sm .col-fs-7 {
    width: 58.33333333%;
  }
  .sm .col-fs-6 {
    width: 50%;
  }
  .sm .col-fs-5 {
    width: 41.66666667%;
  }
  .sm .col-fs-4 {
    width: 33.33333333%;
  }
  .sm .col-fs-3 {
    width: 25%;
  }
  .sm .col-fs-2 {
    width: 16.66666667%;
  }
  .sm .col-fs-1 {
    width: 8.33333333%;
  }
 .sm .col-fsl-1,.sm  .col-fsl-2,.sm  .col-fsl-3,.sm  .col-fsl-3r,.sm  .col-fsl-4,.sm  .col-fsl-4r,.sm  .col-fsl-5,.sm  .col-fsl-6,.sm  .col-fsl-7,.sm  .col-fsl-8,.sm  .col-fsl-9,.sm  .col-fsl-10 {
    float: left;
  }
  .sm .col-fsl-10 {
    width: 83.33333333%;
  }
  .sm .col-fsl-9 {
    width: 75%;
  }
  .sm .col-fsl-8 {
    width: 66.66666667%;
  }
  .sm .col-fsl-7 {
    width: 58.33333333%;
  }
  .sm .col-fsl-6 {
    width: 50%;
  }
  .sm .col-fsl-5 {
    width: 41.66666667%;
  }
  .sm .col-fsl-4,.sm  .col-fsl-4r {
    width: 33.33333333%;
  }
  .sm .col-fsl-3,.sm  .col-fsl-3r {
    width: 25%;
  }
  .sm .col-fsl-2 {
    width: 16.66666667%;
  }
  .sm .col-fsl-1 {
    width: 8.33333333%;
  }
  .sm .col-md-1,.sm  .col-md-2,.sm  .col-md-3,.sm  .col-md-4,.sm  .col-md-5,.sm  .col-md-6,.sm  .col-md-7,.sm  .col-md-8,.sm  .col-md-9,.sm  .col-md-10,.sm  .col-md-11,.sm  .col-md-12 {
    float: left;
  }
  .sm .col-md-12 {
    width: 100%;
  }
  .sm .col-md-11 {
    width: 91.66666667%;
  }
  .sm .col-md-10 {
    width: 83.33333333%;
  }
  .sm .col-md-9 {
    width: 75%;
  }
  .sm .col-md-8 {
    width: 66.66666667%;
  }
  .sm .col-md-7 {
    width: 58.33333333%;
  }
  .sm .col-md-6 {
    width: 50%;
  }
  .sm .col-md-5 {
    width: 41.66666667%;
  }
  .sm .col-md-4 {
    width: 33.33333333%;
  }
  .sm .col-md-3 {
    width: 25%;
  }
  .sm .col-md-2 {
    width: 16.66666667%;
  }
  .sm .col-md-1 {
    width: 8.33333333%;
  }
}
@media (min-width: 300px) and (max-width: 767px) {
  .sm .col-md-3,.sm  .col-xs-4,.sm  .col-xs-6 {
    width: 50%;
    float: left;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .sm .col-md-4 {
    width: 100%;
    float: left;
  }
}
@media (max-width: 767px) {
  .sm .col-sm-3,.sm  .col-fs-3,.sm  .col-fs-4,.sm  .col-fs-6,.sm  .col-xs-3 {
    width: 50%;
    float: left;
  }
  .sm .col-sm-4 {
    width: 33.33333333%;
    float: left;
  }
}
@media (max-width: 499px) {
  .sm .col-md-3 {
    width: 50%;
    float: left;
    padding-top:10px;
    padding-bottom:10px;
  }
}
@media (min-width: 768px) {
  .sm .col-lg-1,.sm  .col-lg-2,.sm  .col-lg-3,.sm  .col-lg-4,.sm  .col-lg-5,.sm  .col-lg-6,.sm  .col-lg-7,.sm  .col-lg-8,.sm  .col-lg-9,.sm  .col-lg-10,.sm  .col-lg-11,.sm  .col-lg-12 {
    float: left;
  }
  .sm .col-lg-12 {
    width: 100%;
  }
  .sm .col-lg-11 {
    width: 91.66666667%;
  }
  .sm .col-lg-10 {
    width: 83.33333333%;
  }
  .sm .col-lg-9 {
    width: 75%;
  }
  .sm .col-lg-8 {
    width: 66.66666667%;
  }
  .sm .col-lg-7 {
    width: 58.33333333%;
  }
  .sm .col-lg-6 {
    width: 50%;
  }
  .sm .col-lg-5 {
    width: 41.66666667%;
  }
  .sm .col-lg-4 {
    width: 33.33333333%;
  }
  .sm .col-lg-3 {
    width: 25%;
  }
  .sm .col-lg-2 {
    width: 16.66666667%;
  }
  .sm .col-lg-1 {
    width: 8.33333333%;
  }
}
@media (min-width: 768px) {
  .sm .col-zc-6 {width:100%;}
  .sm .zcw01{width:90%;margin:0 auto;}
  .sm .zcw02{width:80%;margin:0 auto;}
  .sm .col-zc-6 .aci01{float:left;width: 66.66666667%;height:auto;padding:70px 20px 70px 20px;}
  .sm .col-zc-6 .aci02{float:left;width: 33.33333333%;height:auto;padding:70px 20px 70px 20px;}
  .sm .col-zc-6:nth-child(2) .aci01{display:block;float:right;}
  .sm .col-zc-6:nth-child(4) .aci01{display:block;float:right;}
  .sm .col-zc-6:nth-child(6) .aci01{display:block;float:right;}
}
@media (max-width: 767px) {
  .sm .col-zc-6 {width:100%;padding:0px 15px 0 15px;}
  .sm .zcw01{width:100%;}
  .sm .zcw02{width:100%;}
  .sm .col-zc-6 .aci01{width:100%;float:none;display:block;padding:20px 0px 20px 0px;}
  .sm .col-zc-6 .aci02{width:100%;float:none;display:block;padding:1px 0px 20px 0px;}
  .sm .col-zc-6:nth-child(2) .aci01{float:none}
  .sm .col-zc-6:nth-child(4) .aci01{float:none}
  .sm .col-zc-6:nth-child(6) .aci01{float:none}
}
@media (max-width: 1024px) {
  .sm .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 767px) {
  .sm .hidden-fs {
    display: none !important;
  }
}
.sm table {
  background-color: transparent;
}
.sm caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777;
  text-align: left;
}
.sm th {
  text-align: left;
}
.sm .table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.sm .table > thead > tr > th,.sm 
.table > tbody > tr > th,.sm 
.table > tfoot > tr > th,.sm 
.table > thead > tr > td,.sm 
.table > tbody > tr > td,.sm 
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.sm .table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}
.sm .table > caption + thead > tr:first-child > th,.sm 
.table > colgroup + thead > tr:first-child > th,.sm 
.table > thead:first-child > tr:first-child > th,.sm 
.table > caption + thead > tr:first-child > td,.sm 
.table > colgroup + thead > tr:first-child > td,.sm 
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.sm .table > tbody + tbody {
  border-top: 2px solid #ddd;
}
.sm .table .table {
  background-color: #fff;
}
.sm .table-condensed > thead > tr > th,.sm 
.table-condensed > tbody > tr > th,.sm 
.table-condensed > tfoot > tr > th,.sm 
.table-condensed > thead > tr > td,.sm 
.table-condensed > tbody > tr > td,.sm 
.table-condensed > tfoot > tr > td {
  padding: 5px;
}
.sm .table-bordered {
  border: 1px solid #ddd;
}
.sm .table-bordered > thead > tr > th,.sm 
.table-bordered > tbody > tr > th,.sm 
.table-bordered > tfoot > tr > th,.sm 
.table-bordered > thead > tr > td,.sm 
.table-bordered > tbody > tr > td,.sm 
.table-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}
.sm .table-bordered > thead > tr > th,.sm 
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.sm .table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}
.sm .table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}
.sm table col[class*="col-"] {
  position: static;
  display: table-column;
  float: none;
}
.sm table td[class*="col-"],.sm 
table th[class*="col-"] {
  position: static;
  display: table-cell;
  float: none;
}
.sm .table > thead > tr > td.active,.sm 
.table > tbody > tr > td.active,.sm 
.table > tfoot > tr > td.active,.sm 
.table > thead > tr > th.active,.sm 
.table > tbody > tr > th.active,.sm 
.table > tfoot > tr > th.active,.sm 
.table > thead > tr.active > td,.sm 
.table > tbody > tr.active > td,.sm 
.table > tfoot > tr.active > td,.sm 
.table > thead > tr.active > th,.sm 
.table > tbody > tr.active > th,.sm 
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.sm .table-hover > tbody > tr > td.active:hover,.sm 
.table-hover > tbody > tr > th.active:hover,.sm 
.table-hover > tbody > tr.active:hover > td,.sm 
.table-hover > tbody > tr:hover > .active,.sm 
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}
.sm .table > thead > tr > td.success,.sm 
.table > tbody > tr > td.success,.sm 
.table > tfoot > tr > td.success,.sm 
.table > thead > tr > th.success,.sm 
.table > tbody > tr > th.success,.sm 
.table > tfoot > tr > th.success,.sm 
.table > thead > tr.success > td,.sm 
.table > tbody > tr.success > td,.sm 
.table > tfoot > tr.success > td,.sm 
.table > thead > tr.success > th,.sm 
.table > tbody > tr.success > th,.sm 
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}
.sm .table-hover > tbody > tr > td.success:hover,.sm 
.table-hover > tbody > tr > th.success:hover,.sm 
.table-hover > tbody > tr.success:hover > td,.sm 
.table-hover > tbody > tr:hover > .success,.sm 
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
.sm .table > thead > tr > td.info,.sm 
.table > tbody > tr > td.info,.sm 
.table > tfoot > tr > td.info,.sm 
.table > thead > tr > th.info,.sm 
.table > tbody > tr > th.info,.sm 
.table > tfoot > tr > th.info,.sm 
.table > thead > tr.info > td,.sm 
.table > tbody > tr.info > td,.sm 
.table > tfoot > tr.info > td,.sm 
.table > thead > tr.info > th,.sm 
.table > tbody > tr.info > th,.sm 
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}
.sm .table-hover > tbody > tr > td.info:hover,.sm 
.table-hover > tbody > tr > th.info:hover,.sm 
.table-hover > tbody > tr.info:hover > td,.sm 
.table-hover > tbody > tr:hover > .info,.sm 
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
.sm .table > thead > tr > td.warning,.sm 
.table > tbody > tr > td.warning,.sm 
.table > tfoot > tr > td.warning,.sm 
.table > thead > tr > th.warning,.sm 
.table > tbody > tr > th.warning,.sm 
.table > tfoot > tr > th.warning,.sm 
.table > thead > tr.warning > td,.sm 
.table > tbody > tr.warning > td,.sm 
.table > tfoot > tr.warning > td,.sm 
.table > thead > tr.warning > th,.sm 
.table > tbody > tr.warning > th,.sm 
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
.sm .table-hover > tbody > tr > td.warning:hover,.sm 
.table-hover > tbody > tr > th.warning:hover,.sm 
.table-hover > tbody > tr.warning:hover > td,.sm 
.table-hover > tbody > tr:hover > .warning,.sm 
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
.sm .table > thead > tr > td.danger,.sm 
.table > tbody > tr > td.danger,.sm 
.table > tfoot > tr > td.danger,.sm 
.table > thead > tr > th.danger,.sm 
.table > tbody > tr > th.danger,.sm 
.table > tfoot > tr > th.danger,.sm 
.table > thead > tr.danger > td,.sm 
.table > tbody > tr.danger > td,.sm 
.table > tfoot > tr.danger > td,.sm 
.table > thead > tr.danger > th,.sm 
.table > tbody > tr.danger > th,.sm 
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}
.sm .table-hover > tbody > tr > td.danger:hover,.sm 
.table-hover > tbody > tr > th.danger:hover,.sm 
.table-hover > tbody > tr.danger:hover > td,.sm 
.table-hover > tbody > tr:hover > .danger,.sm 
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}
.sm .table-responsive {
  min-height: .01%;
  overflow-x: auto;
}
@media screen and (max-width: 767px) {
  .sm .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }
  .sm .table-responsive > .table {
    margin-bottom: 0;
  }
  .sm .table-responsive > .table > thead > tr > th,.sm 
  .table-responsive > .table > tbody > tr > th,.sm 
  .table-responsive > .table > tfoot > tr > th,.sm 
  .table-responsive > .table > thead > tr > td,.sm 
  .table-responsive > .table > tbody > tr > td,.sm 
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .sm .table-responsive > .table-bordered {
    border: 0;
  }
  .sm .table-responsive > .table-bordered > thead > tr > th:first-child,.sm 
  .table-responsive > .table-bordered > tbody > tr > th:first-child,.sm 
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,.sm 
  .table-responsive > .table-bordered > thead > tr > td:first-child,.sm 
  .table-responsive > .table-bordered > tbody > tr > td:first-child,.sm 
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .sm .table-responsive > .table-bordered > thead > tr > th:last-child,.sm 
  .table-responsive > .table-bordered > tbody > tr > th:last-child,.sm 
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,.sm 
  .table-responsive > .table-bordered > thead > tr > td:last-child,.sm 
  .table-responsive > .table-bordered > tbody > tr > td:last-child,.sm 
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .sm .table-responsive > .table-bordered > tbody > tr:last-child > th,.sm 
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,.sm 
  .table-responsive > .table-bordered > tbody > tr:last-child > td,.sm 
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}
.sm fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
.sm legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
.sm label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
}
.sm input[type="search"] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.sm input[type="radio"],.sm 
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}
.sm input[type="file"] {
  display: block;
}
.sm input[type="range"] {
  display: block;
  width: 100%;
}
.sm select[multiple],.sm 
select[size] {
  height: auto;
}
.sm input[type="file"]:focus,.sm 
input[type="radio"]:focus,.sm 
input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.sm output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
}
.sm input[type="search"] {
  -webkit-appearance: none;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .sm input[type="date"].form-control,.sm 
  input[type="time"].form-control,.sm 
  input[type="datetime-local"].form-control,.sm 
  input[type="month"].form-control {
    line-height: 34px;
  }
  .sm input[type="date"].input-sm,.sm 
  input[type="time"].input-sm,.sm 
  input[type="datetime-local"].input-sm,.sm 
  input[type="month"].input-sm,.sm 
  .input-group-sm input[type="date"],.sm 
  .input-group-sm input[type="time"],.sm 
  .input-group-sm input[type="datetime-local"],.sm 
  .input-group-sm input[type="month"] {
    line-height: 30px;
  }
  .sm input[type="date"].input-lg,.sm 
  input[type="time"].input-lg,.sm 
  input[type="datetime-local"].input-lg,.sm 
  input[type="month"].input-lg,.sm 
  .input-group-lg input[type="date"],.sm 
  .input-group-lg input[type="time"],.sm 
  .input-group-lg input[type="datetime-local"],.sm 
  .input-group-lg input[type="month"] {
    line-height: 46px;
  }
}
.sm .radio,.sm 
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.sm .radio label,.sm 
.checkbox label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}
.sm .radio input[type="radio"],.sm 
.radio-inline input[type="radio"],.sm 
.checkbox input[type="checkbox"],.sm 
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-top: 4px \9;
  margin-left: -20px;
}
.sm .radio + .radio,.sm 
.checkbox + .checkbox {
  margin-top: -5px;
}
.sm .radio-inline,.sm 
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  vertical-align: middle;
  cursor: pointer;
}
.sm .radio-inline + .radio-inline,.sm 
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}
.sm input[type="radio"][disabled],.sm 
input[type="checkbox"][disabled],.sm 
input[type="radio"].disabled,.sm 
input[type="checkbox"].disabled,.sm 
fieldset[disabled] input[type="radio"],.sm 
fieldset[disabled] input[type="checkbox"] {
  cursor: not-allowed;
}
.sm .radio-inline.disabled,.sm 
.checkbox-inline.disabled,.sm 
fieldset[disabled] .radio-inline,.sm 
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}
.sm .radio.disabled label,.sm 
.checkbox.disabled label,.sm 
fieldset[disabled] .radio label,.sm 
fieldset[disabled] .checkbox label {
  cursor: not-allowed;
}
.sm .btn { 
  display: inline-block;
  padding: 7px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  background-color:#ed4e17;
  border: 0px solid transparent;
  border-radius: 0px;
}
.sm .btn:focus,.sm 
.btn:active:focus,.sm 
.btn.active:focus,.sm 
.btn.focus,.sm 
.btn:active.focus,.sm 
.btn.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.sm .btn:hover,.sm 
.btn:focus,.sm 
.btn.focus {
  color: #333;
  text-decoration: none;
}
.sm .btn:active,.sm 
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.sm .btn.disabled,.sm 
.btn[disabled],.sm 
fieldset[disabled] .btn {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
          box-shadow: none;
  opacity: .65;
}
.sm a.btn.disabled,.sm 
fieldset[disabled] a.btn {
  pointer-events: none;
}
.sm .fade {
  opacity: 0;
  -webkit-transition: opacity .15s linear;
       -o-transition: opacity .15s linear;
          transition: opacity .15s linear;
}
.sm .fade.in {
  opacity: 1;
}
.sm .collapse {
  display: none;
}
.sm .collapse.in {
  display: block;
}
.sm tr.collapse.in {
  display: table-row;
}
.sm tbody.collapse.in {
  display: table-row-group;
}
.sm .collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: .35s;
       -o-transition-duration: .35s;
          transition-duration: .35s;
  -webkit-transition-property: height, visibility;
       -o-transition-property: height, visibility;
          transition-property: height, visibility;
}
.sm .caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.sm .dropup,.sm 
.dropdown {
  position: relative;
  text-align:left;
}
.sm .dropdown-toggle:focus {
  outline: 0;
}
.sm .dropdown-menu { 
  position: absolute;
  top: 100%;
  left: 10px;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 10px 0 0;
  margin: 20px 0px 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #000;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border-top: 0px solid #0249ad;
  border-bottom: 0px solid #0a2268;
  border-left: 0px solid #0a2268;
  border-right: 0px solid #0a2268;
  /*border: 0px solid rgba(0, 0, 0, .15);*/
  border-radius: 0px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
@media (min-width: 1025px) and (max-width: 1279px) {
 .sm .dropdown-menu { 
    left: 0px;
  }
}
.sm .dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.sm .dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.sm .dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 25px;
  color: #fff;
  white-space: nowrap;
}
.sm .dropdown-menu > li > a:hover,.sm 
.dropdown-menu > li > a:focus {
  color: #fff;
  text-decoration: underline;
  /*background-color: #fff;*/
}
.sm .dropdown-menu > .active > a,.sm 
.dropdown-menu > .active > a:hover,.sm 
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #337ab7;
  outline: 0;
}
.sm .dropdown-menu > .disabled > a,.sm 
.dropdown-menu > .disabled > a:hover,.sm 
.dropdown-menu > .disabled > a:focus {
  color: #777;
}
.sm .dropdown-menu > .disabled > a:hover,.sm 
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.sm .open > .dropdown-menu {
  display: block;
}
.sm .open > a {
  outline: 0;
}
.sm .dropdown-menu-right {
  right: 0;
  left: auto;
}
.sm .dropdown-menu-left {
  right: auto;
  left: 0;
}
.sm .dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #777;
  white-space: nowrap;
}
.sm .dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990;
}
.sm .pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.sm .dropup .caret,.sm 
.navbar-fixed-bottom .dropdown .caret {
  content: "";
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
}
.sm .dropup .dropdown-menu,.sm 
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}
@media (min-width: 1025px) {
  .sm .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }
  .sm .navbar-right .dropdown-menu-left {
    right: auto;
    left: 0;
  }
}
.sm .nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.sm .nav > li {
  position: relative;
  display: block;
}
.sm .nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.sm .nav > li > a:hover,.sm 
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eee;
}
.sm .nav > li.disabled > a {
  color: #777;
}
.sm .nav > li.disabled > a:hover,.sm 
.nav > li.disabled > a:focus {
  color: #777;
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
}
.sm .nav .open > a,.sm 
.nav .open > a:hover,.sm 
.nav .open > a:focus {
  /*background-color: #eee;*/
  border-color: #337ab7;
}
.sm .nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.sm .nav > li > a > img {
  max-width: none;
}
.sm .nav-tabs {
  border-bottom: 1px solid #ddd;
}
.sm .nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.sm .nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
.sm .nav-tabs > li > a:hover {
  border-color: #eee #eee #ddd;
}
.sm .nav-tabs > li.active > a,.sm 
.nav-tabs > li.active > a:hover,.sm 
.nav-tabs > li.active > a:focus {
  color: #555;
  cursor: default;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}
.sm .nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.sm .nav-tabs.nav-justified > li {
  float: none;
}
.sm .nav-tabs.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}
.sm .nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .sm .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .sm .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}
.sm .nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.sm .nav-tabs.nav-justified > .active > a,.sm 
.nav-tabs.nav-justified > .active > a:hover,.sm 
.nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .sm .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .sm .nav-tabs.nav-justified > .active > a,.sm 
  .nav-tabs.nav-justified > .active > a:hover,.sm 
  .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}
.sm .nav-pills > li {
  float: left;
}
.sm .nav-pills > li > a {
  border-radius: 4px;
}
.sm .nav-pills > li + li {
  margin-left: 2px;
}
.sm .nav-pills > li.active > a,.sm 
.nav-pills > li.active > a:hover,.sm 
.nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #337ab7;
}
.sm .nav-stacked > li {
  float: none;
}
.sm .nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}
.sm .nav-justified {
  width: 100%;
}
.sm .nav-justified > li {
  float: none;
}
.sm .nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}
.sm .nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .sm .nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .sm .nav-justified > li > a {
    margin-bottom: 0;
  }
}
.sm .nav-tabs-justified {
  border-bottom: 0;
}
.sm .nav-tabs-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.sm .nav-tabs-justified > .active > a,.sm 
.nav-tabs-justified > .active > a:hover,.sm 
.nav-tabs-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .sm .nav-tabs-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .sm .nav-tabs-justified > .active > a,.sm 
  .nav-tabs-justified > .active > a:hover,.sm 
  .nav-tabs-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}
.sm .tab-content > .tab-pane {
  display: none;
}
.sm .tab-content > .active {
  display: block;
}
.sm .nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.sm .navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 0px solid transparent;
}
@media (min-width: 1025px) {
  .sm .navbar {
    border-radius: 4px;
  }
}
@media (min-width: 1025px) {
.sm .navbar-header {
    float: left;
}
.sm .navbar-menu {
  margin:0 auto;
  width: 900px;
  padding-left:50px;
  text-align:center;
}
.sm .navbar-collapse { 
  float: right;
  padding-right: 15px;
  padding-left: 15px;
  overflow-x: visible;
  -webkit-overflow-scrolling: touch;
  border-top: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
}
}
@media (max-width: 1024px) {
.sm .navbar-collapse {
  padding-right: 0px;
  padding-left: 0px;
  overflow-x: visible;
  -webkit-overflow-scrolling: touch;
  border-top: 1px solid #ccc;
  -webkit-box-shadow: inset 0 0px 0 rgba(255, 255, 255, .1);
          box-shadow: inset 0 0px 0 rgba(255, 255, 255, .1);
}
}
.sm .navbar-collapse.in {
  overflow-y: auto;
}
@media (min-width: 1025px) {
  .sm .navbar-collapse {
    width: auto;
    border-top: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .sm .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .sm .navbar-collapse.in {
    overflow-y: visible;
  }
  .sm .navbar-fixed-top .navbar-collapse,.sm 
  .navbar-static-top .navbar-collapse,.sm 
  .navbar-fixed-bottom .navbar-collapse {
    padding-right: 0;
    padding-left: 0;
  }
}
.sm .navbar-fixed-top .navbar-collapse,.sm 
.navbar-fixed-bottom .navbar-collapse {
  max-height: 340px;
}
@media (max-device-width: 480px) and (orientation: landscape) {
  .sm .navbar-fixed-top .navbar-collapse,.sm 
  .navbar-fixed-bottom .navbar-collapse {
    max-height: 200px;
  }
}
.sm .container > .navbar-header,.sm 
.container-fluid > .navbar-header,.sm 
.container > .navbar-collapse,.sm 
.container-fluid > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 1025px) {
  .sm .container > .navbar-header,.sm 
  .container-fluid > .navbar-header,.sm 
  .container > .navbar-collapse,.sm 
  .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}
.sm .navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px;
}
@media (min-width: 1025px) {
  .sm .navbar-static-top {
    border-radius: 0;
  }
}
.sm .navbar-fixed-top,.sm 
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}
@media (min-width: 1025px) {
  .sm .navbar-fixed-top,.sm 
  .navbar-fixed-bottom {
    border-radius: 0;
  }
}
.sm .navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}
.sm .navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0;
}
.sm .navbar-brand {
  float: left;
  width: 300px;
  height: 80px;
  padding:23px 0 0 41px;
}
.sm .navbar-brand:hover,.sm 
.navbar-brand:focus {
  text-decoration: none;
}
.sm .navbar-brand > img {
  display: block;
}
@media (min-width: 1025px) {
  .sm .navbar > .container .navbar-brand,.sm 
  .navbar > .container-fluid .navbar-brand {
    margin-left: -15px;
  }
}
.sm .navbar-toggle { 
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-top:11px;
  margin-right: 5px;
  margin-bottom: 8px;
  background-color: transparent;/*#ff5100*/
  background-image: none;
  border: 0px solid transparent;
  border-radius: 0px; 
}
.sm .navbar-toggle:focus {
  outline: 0;
}
.sm .navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
.sm .navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}
@media (min-width: 1025px) {
  .sm .navbar-toggle {
    display: none;
  }
}
.sm .navbar-nav {
  margin: 7.5px -15px;
}
.sm .navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}
@media (max-width: 1024px) {
  .sm .navbar-brand {
    float: left;
    width: 250px;
    height: 50px;
    padding: 13px 0 0 12px;
  }
  .sm .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .sm .navbar-nav .open .dropdown-menu > li > a,.sm 
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .sm .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }
  .sm .navbar-nav .open .dropdown-menu > li > a:hover,.sm 
  .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}
@media (min-width: 1280px) {
  .sm .navbar-nav {
    float: left;
    margin: 0;
  }
  .sm .navbar-nav > li {
    float: left;
  }
  .sm .navbar-nav > li > a { 
    padding-top: 28px;
    padding-bottom: 31px;
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (min-width: 1025px) and (max-width: 1279px) {
  .sm .navbar-nav {
    float: left;
    margin: 0;
  }
  .sm .navbar-nav > li {
    float: left;
  }
  .sm .navbar-nav > li > a { 
    padding-top: 28px;
    padding-bottom: 31px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.sm .navbar-form {
  padding: 10px 15px;
  margin-top: 8px;
  margin-right: -15px;
  margin-bottom: 8px;
  margin-left: -15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
}
@media (min-width: 1025px) {
  .sm .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .sm .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .sm .navbar-form .form-control-static {
    display: inline-block;
  }
  .sm .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .sm .navbar-form .input-group .input-group-addon,.sm 
  .navbar-form .input-group .input-group-btn,.sm 
  .navbar-form .input-group .form-control {
    width: auto;
  }
  .sm .navbar-form .input-group > .form-control {
    width: 100%;
  }
  .sm .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .sm .navbar-form .radio,.sm 
  .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .sm .navbar-form .radio label,.sm 
  .navbar-form .checkbox label {
    padding-left: 0;
  }
  .sm .navbar-form .radio input[type="radio"],.sm 
  .navbar-form .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .sm .navbar-form .has-feedback .form-control-feedback {
    top: 0;
  }
}
@media (max-width: 1024px) {
  .sm .navbar-form .form-group {
    margin-bottom: 5px;
  }
  .sm .navbar-form .form-group:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 1025px) {
  .sm .navbar-form {
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 0;
    margin-left: 0;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
.sm .navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.sm .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.sm .navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px;
}
.sm .navbar-btn.btn-sm {
  margin-top: 10px;
  margin-bottom: 10px;
}
.sm .navbar-btn.btn-xs {
  margin-top: 14px;
  margin-bottom: 14px;
}
.sm .navbar-text {
  margin-top: 15px;
  margin-bottom: 15px;
}
@media (min-width: 1025px) {
  .sm .navbar-text {
    float: left;
    margin-right: 15px;
    margin-left: 15px;
  }
}
@media (min-width: 1025px) {
  .sm .navbar-left {
    float: left !important;
  }
  .sm .navbar-right {
    float: right !important;
    margin-right: -15px;
  }
  .sm .navbar-right ~ .navbar-right {
    margin-right: 0;
  }
}
.sm .navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}
.sm .navbar-default .navbar-brand {
  color: #777;
}
.sm .navbar-default .navbar-brand:hover,.sm 
.navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}
.sm .navbar-default .navbar-text {
  color: #777;
}
.sm .navbar-default .navbar-nav > li > a {
  color: #777;
}
.sm .navbar-default .navbar-nav > li > a:hover,.sm 
.navbar-default .navbar-nav > li > a:focus {
  color: #333;
  background-color: transparent;
}
.sm .navbar-default .navbar-nav > .active > a,.sm 
.navbar-default .navbar-nav > .active > a:hover,.sm 
.navbar-default .navbar-nav > .active > a:focus {
  color: #555;
  background-color: #e7e7e7;
}
.sm .navbar-default .navbar-nav > .disabled > a,.sm 
.navbar-default .navbar-nav > .disabled > a:hover,.sm 
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}
.sm .navbar-default .navbar-toggle {
  border-color: #ddd;
}
.sm .navbar-default .navbar-toggle:hover,.sm 
.navbar-default .navbar-toggle:focus {
  background-color: #ddd;
}
.sm .navbar-default .navbar-toggle .icon-bar {
  background-color: #888;
}
.sm .navbar-default .navbar-collapse,.sm 
.navbar-default .navbar-form {
  border-color: #e7e7e7;
}
.sm .navbar-default .navbar-nav > .open > a,.sm 
.navbar-default .navbar-nav > .open > a:hover,.sm 
.navbar-default .navbar-nav > .open > a:focus {
  color: #555;
  background-color: #e7e7e7;
}
@media (max-width: 1024px) {
  .sm .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
  }
  .sm .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,.sm 
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    background-color: transparent;
  }
  .sm .navbar-default .navbar-nav .open .dropdown-menu > .active > a,.sm 
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,.sm 
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: #e7e7e7;
  }
  .sm .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,.sm 
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,.sm 
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
}
.sm .navbar-default .navbar-link {
  color: #777;
}
.sm .navbar-default .navbar-link:hover {
  color: #333;
}
.sm .navbar-default .btn-link {
  color: #777;
}
.sm .navbar-default .btn-link:hover,.sm 
.navbar-default .btn-link:focus {
  color: #333;
}
.sm .navbar-default .btn-link[disabled]:hover,.sm 
fieldset[disabled] .navbar-default .btn-link:hover,.sm 
.navbar-default .btn-link[disabled]:focus,.sm 
fieldset[disabled] .navbar-default .btn-link:focus {
  color: #ccc;
}
.sm .navbar-inverse {
  /*background-color: #fff;*/
  border: 0px solid transparent;
  /*border-color: #000;*/
}
.sm .navbar-inverse .navbar-brand {
  color: #fff; 
}
.sm .navbar-inverse .navbar-brand:hover,.sm 
.navbar-inverse .navbar-brand:focus {
  color: #fff;
  background-color: transparent;
}
.sm .navbar-inverse .navbar-text {
  color: #9d9d9d;
}
.sm .navbar-inverse .navbar-nav > li > a {
  color: #222; 
  font-size:18px;
  font-weight:normal;
}
.sm .navbar-inverse .navbar-nav > li > a:hover,.sm 
.navbar-inverse .navbar-nav > li > a:focus {
  color: #555; 
  background-color: transparent;
}
.sm .navbar-inverse .navbar-nav > .active > a,.sm 
.navbar-inverse .navbar-nav > .active > a:hover,.sm 
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #080808;
}
.sm .navbar-inverse .navbar-nav > .disabled > a,.sm 
.navbar-inverse .navbar-nav > .disabled > a:hover,.sm 
.navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444;
  background-color: transparent;
}
.sm .navbar-inverse .navbar-toggle .icon-bar {
  background-color: #333;
}
/*!.navbar-inverse .navbar-toggle .icon-bar:hover {
  background-color: #0a2268; 
}*/
/*.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #555; 
}*/
.sm .navbar-inverse .navbar-nav > .open > a,.sm 
.navbar-inverse .navbar-nav > .open > a:hover,.sm 
.navbar-inverse .navbar-nav > .open > a:focus {
  color: #000;
  /*background-color: #161618;*/ 
}
@media (max-width: 1024px) {
  .sm .navbar-inverse .navbar-nav > li > a {
    color: #555; 
    font-size:16px;
    font-weight:500;
  }
  .sm .navbar-inverse { 
    border-bottom: 0px solid transparent;
    border-color: #ccc;
  }
  .sm .navbar-inverse .navbar-nav {
    background:#fff;
    margin-top:0px;
    padding:15px 0 15px 0;
    opacity:0.99;
  }
  .sm .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808;
  }
  .sm .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #080808;
  }
  .sm .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { 
    color: #555;
  }
  .sm .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,.sm 
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { 
    color: #0a2268;
    background-color: transparent;
    text-decoration:underline;
  }
  .sm .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,.sm 
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,.sm 
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #080808;
  }
  .sm .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,.sm 
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,.sm 
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
  .sm .navbar-inverse .navbar-nav > .open > a,.sm 
  .navbar-inverse .navbar-nav > .open > a:hover,.sm 
  .navbar-inverse .navbar-nav > .open > a:focus {
    color: #ffffff;
    background-color: #0a2268; 
}
}
.sm .navbar-inverse .navbar-link {
  color: #9d9d9d;
}
.sm .navbar-inverse .navbar-link:hover {
  color: #fff;
}
.sm .navbar-inverse .btn-link {
  color: #9d9d9d;
}
.sm .navbar-inverse .btn-link:hover,.sm 
.navbar-inverse .btn-link:focus {
  color: #fff;
}
.sm .navbar-inverse .btn-link[disabled]:hover,.sm 
fieldset[disabled] .navbar-inverse .btn-link:hover,.sm 
.navbar-inverse .btn-link[disabled]:focus,.sm 
fieldset[disabled] .navbar-inverse .btn-link:focus {
  color: #444;
}
.sm .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sm .sr-only-focusable:active,.sm 
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
.sm .close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: .2;
}
.sm .close:hover,.sm 
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: .5;
}
.sm button.close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}
.sm .modal-open {
  overflow: hidden;
}
.sm .modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.sm .modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform .3s ease-out;
       -o-transition:      -o-transform .3s ease-out;
          transition:         transform .3s ease-out;
  -webkit-transform: translate(0, -25%);
      -ms-transform: translate(0, -25%);
       -o-transform: translate(0, -25%);
          transform: translate(0, -25%);
}
.sm .modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
}
.sm .modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.sm .modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.sm .modal-content {
  position: relative;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
          box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}
.sm .modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.sm .modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.sm .modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: .5;
}
.sm .modal-header {
  min-height: 16.42857143px;
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.sm .modal-header .close {
  margin-top: -2px;
}
.sm .modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.sm .modal-body {
  position: relative;
  padding: 15px;
}
.sm .modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.sm .modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}
.sm .modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.sm .modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.sm .modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 768px) {
  .sm .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .sm .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
            box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
  }
  .sm .modal-sm {
    width: 300px;
  }
}
@media (min-width: 1025px) {
  .sm .modal-lg {
    width: 900px;
  }
}
.sm .carousel {
  position: relative;
}
.sm .carousel-inner {
  position: relative;
  width: 100%;
  margin:0 auto;
  overflow: hidden;
}
.sm .carousel-inner > .item {
  position: relative;
  display: none;
  -webkit-transition: .6s ease-in-out left;
       -o-transition: .6s ease-in-out left;
          transition: .6s ease-in-out left;
}
.sm .carousel-inner > .item > img,.sm 
.carousel-inner > .item > a > img {
  line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .sm .carousel-inner > .item {
    -webkit-transition: -webkit-transform .6s ease-in-out;
         -o-transition:      -o-transform .6s ease-in-out;
            transition:         transform .6s ease-in-out;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-perspective: 1000px;
            perspective: 1000px;
  }
  .sm .carousel-inner > .item.next,.sm 
  .carousel-inner > .item.active.right {
    left: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  .sm .carousel-inner > .item.prev,.sm 
  .carousel-inner > .item.active.left {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  .sm .carousel-inner > .item.next.left,.sm 
  .carousel-inner > .item.prev.right,.sm 
  .carousel-inner > .item.active {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.sm .carousel-inner > .active,.sm 
.carousel-inner > .next,.sm 
.carousel-inner > .prev {
  display: block;
}
.sm .carousel-inner > .active {
  left: 0;
}
.sm .carousel-inner > .next,.sm 
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.sm .carousel-inner > .next {
  left: 100%;
}
.sm .carousel-inner > .prev {
  left: -100%;
}
.sm .carousel-inner > .next.left,.sm 
.carousel-inner > .prev.right {
  left: 0;
}
.sm .carousel-inner > .active.left {
  left: -100%;
}
.sm .carousel-inner > .active.right {
  left: 100%;
}
.sm .carousel-control { 
  position: absolute;
  top: 0;
  bottom: 0;
  width: 10%;
  font-size: 50px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
  filter: alpha(opacity=0);
  opacity: 0;
  z-index:999;
}
.sm .carousel-control.left {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
  background-image:         linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
  background-repeat: repeat-x;
  filter: alpha(opacity=0); 
  opacity: 0;
}
.sm .carousel-control.right {
  right: 0;
  left: auto;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
  background-image:         linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
  background-repeat: repeat-x;
  filter: alpha(opacity=0); 
  opacity: 0;
}
.sm .carousel-control:hover,.sm  
.carousel-control:focus {
  color: #fff;
  text-decoration: none;
  filter: alpha(opacity=0);
  outline: 0;
  opacity: 0;
}
.sm .carousel-control .icon-prev,.sm 
.carousel-control .icon-next,.sm 
.carousel-control .glyphicon-chevron-left,.sm 
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
  margin-top: -10px;
}
.sm .carousel-control .icon-prev,.sm 
.carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px;
}
.sm .carousel-control .icon-next,.sm 
.carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px;
}
.sm .carousel-control .icon-prev,.sm 
.carousel-control .icon-next {
  width: 0px;
  height: 20px;
  font-family:Georgia, "Times New Roman", Times, serif;
  line-height: 1;
}
.sm .carousel-control .icon-prev:before {
  content: '\2039';
}
.sm .carousel-control .icon-next:before {
  content: '\203a';
}
.sm .carousel-indicators {
  position: absolute;
  bottom: 50px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
  filter: alpha(opacity=100);
  opacity: 1;
}
.sm .carousel-indicators li {
  display: inline-block;
  width: 50px;
  height: 5px;
  margin: 0 0px 0 0px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  border-radius: 0px;;
}
.sm .carousel-indicators .active {
  width: 50px;
  height: 5px;
  margin: 0px 0px 0 0px;
  background-color: #4175fe;
  border: 1px solid #4175fe;
}
.sm .carousel-caption { 
  position: absolute;
  top: 52%; 
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
}
.sm .carousel-caption-sub {
  position: absolute;
  top: 50%; 
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
}
.sm .carousel-caption .btn {
  text-shadow: none;
}
@media screen and (min-width: 768px) {
  .sm .carousel-control .glyphicon-chevron-left,.sm 
  .carousel-control .glyphicon-chevron-right,.sm 
  .carousel-control .icon-prev,.sm 
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    font-size: 30px;
  }
  .sm .carousel-control .glyphicon-chevron-left,.sm 
  .carousel-control .icon-prev {
    margin-left: -15px;
  }
  .sm .carousel-control .glyphicon-chevron-right,.sm 
  .carousel-control .icon-next {
    margin-right: -15px;
  }
  /*.carousel-caption {
    right: 20%;
    left: 20%;
    padding-bottom: 30px;
  }*/
  .sm .carousel-indicators {
    bottom: 20px;
  }
}


/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */
/* Special class on .container surrounding .navbar, used for positioning it into place. */
.sm .navbar-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
}
/* Flip around the padding for proper display in narrow viewports */
.sm .navbar-wrapper > .container {
  padding-right: 0;
  padding-left: 0;
}
.sm .navbar-wrapper .navbar {
  padding-right: 0px;
  padding-left: 0px;
}
.sm .navbar-wrapper .navbar .container {
  width: auto;
}
/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
/* Carousel base class */
.sm .carousel {
  height: 770px;
  margin-bottom: 0px;
  margin-top:0px;
  background-color: #fff;
}
.sm .carousel-sub {
  height: 450px;
  margin-bottom: 0px;
  margin-top:0px;
}
/* Since positioning the image, we need to help out the caption */
.sm .carousel-caption {
  z-index: 10;
}
/* Declare heights because of positioning of img element */
.sm .carousel .item {
  height: 770px;
  background-color: #fff;
}
.sm .carousel .subitem {
  height: 450px;
  background-color: #fff;
}
.sm .carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 500px;
}
/* MARKETING CONTENT
-------------------------------------------------- */
/* Center align the text within the three columns below the carousel */
.sm .marketing .col-lg-4 {
  margin-bottom: 20px;
  text-align: center;
}
.sm .marketing h2 {
  font-weight: normal;
}
.sm .marketing .col-lg-4 p {
  margin-right: 10px;
  margin-left: 10px;
}
/* Thin out the marketing headings */
.sm .featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}
/* RESPONSIVE CSS
-------------------------------------------------- */
@media (max-width: 1600px) {
/* Carousel base class */
.sm .carousel { 
  height: 642px;
  margin-bottom: 0px;
}
.sm .carousel .item { 
  height: 642px;
}
}
@media (max-width: 1366px) {
/* Carousel base class */
.sm .carousel { 
  height: 548px;
  margin-bottom: 0px;
}
.sm .carousel .item { 
  height: 548px;
}
}
@media (max-width: 1280px) {
/* Carousel base class */
.sm .carousel { 
  height: 513px;
  margin-bottom: 0px;
}
.sm .carousel .item { 
  height: 513px;
}
}
@media (max-width: 1024px) {
/* Carousel base class */
.sm .carousel { 
  height: 500px;
  margin-bottom: 0;
  margin-top:0; 
}
.sm .carousel .item { 
  height: 500px;
}
.sm .carousel-sub {
  height: 250px;
  margin-bottom: 0px;
  margin-top:0;
}
.sm .carousel .subitem {
  height: 250px;
}
.sm .carousel-control { 
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 6%; 
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .2);
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.sm .carousel-control.left {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
  background-image:         linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
  margin:215px 0 0 0;
  background-repeat: no-repeat;
  background-image:url(/api/storage?path=hospital-images/hospital-26/sm/default/img/main/arrow-left.png); 
  filter: alpha(opacity=50); 
  opacity: 0.7;
}
.sm .carousel-control.right {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
  background-image:         linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
  margin:215px -30px 0 0;
  background-repeat: no-repeat;
  background-image:url(/api/storage?path=hospital-images/hospital-26/sm/default/img/main/arrow-right.png);  
  filter: alpha(opacity=50); 
  opacity: 0.7;
}
.sm .carousel-control:hover,.sm  
.carousel-control:focus {
  color: #fff;
  text-decoration: none;
  filter: alpha(opacity=100);
  outline: 0;
  opacity: 1;
}
.sm .carousel-caption { 
  position: absolute;
  top: 50%; 
  left: 50%;
  transform: translate(-50%, -50%);
}
.sm .carousel-indicators {
  bottom: 10px;
}
} 
@media (max-width: 800px) {
/* Carousel base class */
.sm .carousel { 
  height: 400px;
  margin-bottom: 0; 
}
.sm .carousel .item { 
  height: 400px;
}
.sm .carousel-sub {
  height: 200px;
  margin-bottom: 0px;
}
.sm .carousel .subitem {
  height: 200px;
}
.sm .carousel-control.left {
  margin:170px 0 0 0;
}
.sm .carousel-control.right {
  margin:170px -15px 0 0;
}
.sm .carousel-indicators {
  bottom: 10px;
}
} 
@media (max-width: 420px) {
.sm .carousel { 
  height: 300px;
  margin-bottom: 0; 
}
.sm .carousel .item { 
  height: 300px;
}
.sm .carousel-sub {
  height: 200px;
  margin-bottom: 0px;
}
.sm .carousel .subitem {
  height: 200px;
}
.sm .carousel-control.left {
  margin:115px 0 0 0;
}
.sm .carousel-control.right {
  margin:115px 0 0 0;
}
.sm .carousel-indicators { 
  bottom: 5px;
}
}
@media (min-width: 1025px) {
  /* Navbar positioning foo */
  .sm .navbar-wrapper {
    margin-top: 0px;
  }
  .sm .navbar-wrapper .container {
    padding-right: 15px;
    padding-left: 15px;
  }
  .sm .navbar-wrapper .navbar {
    padding-right: 0;
    padding-left: 0;
  }
  /* The navbar becomes detached from the top, so we round the corners */
  .sm .navbar-wrapper .navbar {
    border-radius: 0px;
  }
  /* Bump up size of carousel content */
  .sm .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }
  .sm .featurette-heading {
    font-size: 50px;
  }
}
@media (min-width: 1025px) {
  .sm .featurette-heading {
    margin-top: 120px;
  }
}
.sm .clearfix:before,.sm 
.clearfix:after,.sm 
.dl-horizontal dd:before,.sm 
.dl-horizontal dd:after,.sm 
.container:before,.sm 
.container:after,.sm 
.container-fluid:before,.sm 
.container-fluid:after,.sm 
.row:before,.sm 
.row:after,.sm 
.form-horizontal .form-group:before,.sm 
.form-horizontal .form-group:after,.sm 
.btn-toolbar:before,.sm 
.btn-toolbar:after,.sm 
.btn-group-vertical > .btn-group:before,.sm 
.btn-group-vertical > .btn-group:after,.sm 
.nav:before,.sm 
.nav:after,.sm 
.navbar:before,.sm 
.navbar:after,.sm 
.navbar-header:before,.sm 
.navbar-header:after,.sm 
.navbar-collapse:before,.sm 
.navbar-collapse:after,.sm 
.pager:before,.sm 
.pager:after,.sm 
.panel-body:before,.sm 
.panel-body:after,.sm 
.modal-footer:before,.sm 
.modal-footer:after {
  display: table;
  content: " ";
}
.sm .clearfix:after,.sm 
.dl-horizontal dd:after,.sm 
.container:after,.sm 
.container-fluid:after,.sm 
.row:after,.sm 
.form-horizontal .form-group:after,.sm 
.btn-toolbar:after,.sm 
.btn-group-vertical > .btn-group:after,.sm 
.nav:after,.sm 
.navbar:after,.sm 
.navbar-header:after,.sm 
.navbar-collapse:after,.sm 
.pager:after,.sm 
.panel-body:after,.sm 
.modal-footer:after {
  clear: both;
}
.sm .center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.sm .pull-right {
  float: right !important;
}
.sm .pull-left {
  float: left !important;
}
.sm .hide {
  display: none !important;
}
.sm .show {
  display: block !important;
}
.sm .invisible {
  visibility: hidden;
}
.sm .text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.sm .hidden {
  display: none !important;
}
.sm .affix {
  position: fixed;
}
/*# sourceMappingURL=bootstrap.css.map */

.sm input {
 webkit-box-sizing:border-box;
 padding:2px 2px 2px 2px;
 margin:0 0 0 2px;
 border:1px solid #ccc;
}
/* ── 02_site_default_inc_main.css (전 쪽) ── */
.sm .color-box01{width:100%;margin-top:100px;background-color:#333333}
.sm a:focus {outline:none;}
.sm .amDim {display: none;position: absolute;width: 100%;background-color: rgba(0,0,0,.5);right: 0;top: 0;z-index: 98;}
.sm .amline {position: relative;top:100px;border-bottom:1px solid #fff;opacity:.3;}
.sm .main #container {margin-top: 0;}
.sm #header {position: fixed;left: 0;right:0;margin:0 auto;width: 100%;top: 0px;z-index: 999999;transition:top .6s ease-in-out;-webkit-transition:top .6s ease-in-out;box-sizing:border-box;max-width:1920px;}
.sm #header.load {top: 0;}
.sm #header .gnbWrap {position: relative;text-align: center;}
.sm #header h1,.sm  #header .hp-dfs-logo {z-index: 97;position: absolute;width:300px;height:100px;left: 45px;top: 8px;background-repeat: no-repeat;text-indent: -9999px;}
.sm #header h1 a,.sm #header .hp-dfs-logo a{display: block;height: 100%;}
.sm #header #gnb {font-size: 0;text-align: center;display: inline-block;vertical-align: top;}
.sm #header #gnb > li{display: block;text-align: center;float: left;}
.sm #header #gnb > li > a{display: block;line-height: 90px;color: #fff;padding: 0 35px;font-size: 18px;font-weight: 500;position:relative;top:4px;}
.sm #header #gnb > li > a > span {display: block;position: relative;}
.sm #header #gnb > li > a > span:after {display: none;bottom: 0;left: 0;content:'';width: 100%;height: 2px;position: absolute;background-color: #8dc63f;transform:scale(0);-webkit-transform:scale(0);transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;}
.sm #header #gnb > li.on > a > span:after {transform:scale(1);-webkit-transform:scale(1);}
.sm #header #gnb > li:hover > a > span:after {transform:scale(1);-webkit-transform:scale(1);}
.sm #header #gnb > li .depth2 {font-size: 0;display: none;padding: 40px 0 24px 0;box-sizing:border-box;width: 100%;text-align: center}
.sm #header #gnb:hover > li .depth2 {display: block;}
.sm #header #gnb > li .depth2:after {clear: both;content:'';display: block;} 
.sm #header #gnb > li .depth2 > li {text-align: center;display: block;}
.sm #header #gnb > li .depth2 > li > a{display: block;font-size: 15px;line-height: 36px;font-weight: normal;color: #fff;}
.sm #header #gnb > li:hover .depth2 > li:hover > a{font-weight: 400;color: #c83044;}
.sm #header .btn_all_menu {z-index: 100;position: absolute;width: 100px;height: 100px;top: 0;right: 12px;}
.sm #header .btn_all_menu div {position: absolute;width: 33px;height: 25px;left: 50%;top: 50%;margin-left: -16.5px;margin-top: -12.5px;}
.sm #header .btn_all_menu span{position: absolute;right: 0;height: 3px;background-color: #fff;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;width: 100%;border-radius: 2px;}
.sm #header .btn_all_menu span.barTop{top: 0;}
.sm #header .btn_all_menu span.barMid{top: 11px;width: 70%;}
.sm #header .btn_all_menu span.barBot{top: 22px;}
.sm #header .btn_all_menu.on .barTop{width: 100%;transform:rotate(45deg);-webkit-transform:rotate(45deg);top:12px;}
.sm #header .btn_all_menu.on .barBot{width: 100%;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);top:12px;}
.sm #header .btn_all_menu.on .barMid {width: 0;}
.sm #header.active {}
.sm #header.active:after {content:'';position: absolute;width: 100%;height: 1px;background-color: #fff;top: 0px;z-index: -1;height:101px;box-shadow:0 0 14px rgba(0,0,0,.0);border-bottom: 1px solid #ddd;}
.sm .sub #header:after {content:'';position: absolute;width: 100%;height: 1px;background-color: #fff;top: 100px;z-index: -1;}
.sm #header.active h1,.sm  #header.active .hp-dfs-logo {background-image: url(/api/storage?path=hospital-images/hospital-26/sm/default/img/common/bundang_logo-c.png) !important;}
.sm #header.ov {background-color: #fff;border-bottom: 1px solid #eaeaea;box-shadow:0 0 14px rgba(0,0,0,.2)}
.sm #header.ov:after {content:'';position: absolute;width: 100%;height: 1px;background-color: #eaeaea;top: 100px;z-index: -1;}
.sm #header.ov h1,.sm  #header.ov .hp-dfs-logo {background-image: url(/api/storage?path=hospital-images/hospital-26/sm/default/img/common/bundang_logo-c.png) !important;}
.sm #header.active #gnb > li > a{color: #000;}
.sm #header.active #gnb > li .depth2 > li > a {color: #7a7a7a;}
.sm #header.active #gnb > li .depth2 > li > a:hover {color: #4176ff;font-weight: 700;}
.sm #header.active #gnb > li:hover > a{}
.sm #header.active  .btn_all_menu span {background-color: #000;}
.sm #header.fff  .btn_all_menu span {background-color: #000;}
.sm #header.ov #gnb > li > a{color: #000;}
.sm #header.ov #gnb > li .depth2 > li > a {color: #7a7a7a;}
.sm #header.ov #gnb > li .depth2 > li > a:hover {color: #4176ff;font-weight: 500;}
.sm #header.ov #gnb > li:hover > a{}
.sm #header.ov .btn_all_menu span {background-color: #000;}
.sm #header:hover {background-color: #fff;border-bottom: 0px solid #eaeaea;box-shadow:0 0 14px rgba(0,0,0,.2);}
.sm #header:hover:after {content:'';position: absolute;width: 100%;height: 1px;background-color: #eaeaea;top: 100px;z-index: -1;}
.sm #header:hover h1,.sm  #header:hover .hp-dfs-logo {background-image: url(/api/storage?path=hospital-images/hospital-26/sm/default/img/common/bundang_logo-c.png) !important;}
.sm #header:hover #gnb > li > a{color: #000;}
.sm #header:hover #gnb > li .depth2 > li > a {color: #7a7a7a;}
.sm #header:hover #gnb > li .depth2 > li > a:hover {color: #4176ff;font-weight: 500;}
.sm #header:hover #gnb > li:hover > a{}
.sm #header:hover .btn_all_menu span {background-color: #000;}
.sm #header .allMenuWrap {z-index: 99;position: absolute;width: 25%;right: -100%;top: 0;box-sizing:border-box;background-color: #fff;transition:right .4s ease-in-out;-webkit-transition:right .4s ease-in-out;padding: 100px 50px 100px 50px;}
.sm #header .allMenuWrap.active {right: 0;}
.sm #header .allMenuWrap .allMenuWrap_inner {display: table;table-layout: fixed;height: 100%;width: 100%;}
.sm #header .allMenuWrap .allMenu_inner{display: table-cell;vertical-align: middle;height: 100%;padding: 0 4% 0 12%;overflow-y: auto;}
@media screen and (max-width: 1440px){
.sm #header .allMenuWrap {width: 30%;}
}
@media screen and (max-width: 1279px){
.sm #header #gnb > li > a{padding: 0 20px;}
}
@media screen and (max-width: 1024px){
.sm .amline {display: none;}
.sm .gnbWrap {display: none;} 
.sm #header {display: none;} 
.sm #header .allMenuWrap {display: none;} 
.sm #header-m {position: fixed;left: 0;right:0;margin:0 auto;width: 100%;top: 0px;z-index: 999999;transition:top .6s ease-in-out;-webkit-transition:top .6s ease-in-out;box-sizing:border-box;}
.sm #header-m.load {top: 0;}
.sm #header-m .gnbWrap {position: relative;text-align: center;}
.sm #header-m h1,.sm  #header-m .hp-dfs-logo {z-index: 97;position: absolute;width:200px;height:60px;left: 15px;top: 50%;margin-top:14px;background-repeat: no-repeat;text-indent: -9999px;}
.sm #header-m h1 a,.sm #header-m .hp-dfs-logo a{display: block;height: 100%;}
.sm #header-m .mbtn_all_menu {z-index: 100;position: absolute;width: 60px;height: 60px;top: 0;right: 12px;}
.sm #header-m .mbtn_all_menu div {position: absolute;width: 20px;height: 20px;left: 50%;top: 50%;margin-left: -16.5px;margin-top: -12.5px;}
.sm #header-m .mbtn_all_menu span{position: absolute;right: 0;height: 3px;background-color: #fff;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;width: 100%;border-radius: 2px;}
.sm #header-m .mbtn_all_menu span.barTop{top: 0;}
.sm #header-m .mbtn_all_menu span.barMid{top: 8px;width: 70%;}
.sm #header-m .mbtn_all_menu span.barBot{top: 16px;}
.sm #header-m .mbtn_all_menu.on .barTop{width: 100%;transform:rotate(45deg);-webkit-transform:rotate(45deg);top:8px;}
.sm #header-m .mbtn_all_menu.on .barBot{width: 100%;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);top:8px;}
.sm #header-m .mbtn_all_menu.on .barMid {width: 0;}
.sm #header-m .mbtn_all_menu{width: 60px;height: 60px;right: 0;}
.sm #header-m .mbtn_all_menu div {width: 20px;height: 20px;margin-left: -10px;margin-top: -10px;}
.sm #header-m .mbtn_all_menu span.barMid {top: 8px;}
.sm #header-m .mbtn_all_menu span.barBot {top: 16px;}
.sm #header-m .mbtn_all_menu.on .barTop {top: 8px;}
.sm #header-m .mbtn_all_menu.on .barBot {top: 8px;}
.sm #header-m.active {}
.sm #header-m.active:after {content:'';position: absolute;width: 100%;height: 1px;background-color: #fff;top: 0px;z-index: -1;height:60px;box-shadow:0 0 14px rgba(0,0,0,.0);border-bottom: 1px solid #ddd;}
.sm .sub #header-m:after {content:'';position: absolute;width: 100%;height: 1px;background-color: #fff;top: 100px;z-index: -1;}
.sm #header-m.active h1,.sm  #header-m.active .hp-dfs-logo {background-image: url(/api/storage?path=hospital-images/hospital-26/sm/default/img/common/bundang_logo_mc.png) !important;margin-top:15px;}
.sm #header-m.ov {background-color: #fff;border-bottom: 1px solid #eaeaea;box-shadow:0 0 14px rgba(0,0,0,.2)}
.sm #header-m.ov:after {content:'';position: absolute;width: 100%;height: 1px;background-color: #eaeaea;top: 100px;z-index: -1;}
.sm #header-m.ov h1,.sm  #header-m.ov .hp-dfs-logo {background-image: url(/api/storage?path=hospital-images/hospital-26/sm/default/img/common/bundang_logo_mc.png) !important;margin-top:14px;}
.sm #header-m.active .mbtn_all_menu span {background-color: #000;}
.sm #header-m.fff    .mbtn_all_menu span {background-color: #000;}
.sm #header-m.ov     .mbtn_all_menu span {background-color: #000;}
.sm #header-m .allMenu {padding: 0;}
.sm #header-m .allMenu > li{display: block;width: 100%;float: none;width: auto;padding: 0;}
.sm #header-m .allMenuWrap {padding: 50px 20px 50px 20px;display: block;z-index: 99;position: absolute;right: -100%;top: 0;box-sizing:border-box;background-color: #fff;transition:right .4s ease-in-out;-webkit-transition:right .4s ease-in-out;}
.sm #header-m .allMenuWrap.active {right: 0;}
.sm #header-m .allMenuWrap .allMenuWrap_inner{padding-top: 80px;display: block;box-sizing:border-box}
.sm #header-m .allMenuWrap .allMenu_inner {display: block;padding: 0;}
.sm #header-m .allMenuWrap {width: 40%;}
.sm #header-m .allMenuWrap .allMenuWrap_inner {padding-top: 60px;}
}
@media screen and (max-width: 600px){
.sm #header-m .allMenuWrap {width: 70%;}
}

.sm #gnbmenu,.sm #gnbmenu-m,.sm 
#gnbmenu ul,.sm 
#gnbmenu-m ul,.sm 
#gnbmenu ul li,.sm 
#gnbmenu-m ul li,.sm 
#gnbmenu ul li a,.sm 
#gnbmenu-m ul li a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.sm #gnbmenu,.sm #gnbmenu-m { 
  width: 100%;
  font-family: Helvetica, Arial, sans-serif;
  color: #ffffff;
}
.sm #gnbmenu ul ul,.sm #gnbmenu-m ul ul {
  display: none;
}
.sm .align-right {
  float: right;
}
.sm #gnbmenu > ul > li > a,.sm #gnbmenu-m > ul > li > a {
  padding: 24px 20px;
  border-left: 0px solid #1c74a2;
  border-right: 0px solid #1c74a2;
  border-top: 0px solid #1c74a2;
  cursor: pointer;
  z-index: 2;
  font-size: 30px;
  font-weight: 500;
  text-decoration: none;
  color: #555;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0);
  background: #fff;   
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
  transition:0.3s ease;
  border-bottom: 1px solid #f1f1f1; /*****텍스트아래라인*****/
}
.sm #gnbmenu > ul > li > a:hover,.sm #gnbmenu-m > ul > li > a:hover,.sm 
#gnbmenu > ul > li.active > a,.sm 
#gnbmenu-m > ul > li.active > a,.sm 
#gnbmenu > ul > li.open > a,.sm 
#gnbmenu-m > ul > li.open > a {
  color: #c83044;
  /*****background: #555;*****/
}
.sm #gnbmenu > ul > li.open > a,.sm #gnbmenu-m > ul > li.open > a {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0);
  border-bottom: 1px solid #f1f1f1; /*****펼쳤을때텍스트아래라인*****/
}
.sm #gnbmenu > ul > li:last-child > a,.sm #gnbmenu-m > ul > li:last-child > a,.sm 
#gnbmenu > ul > li.last > a,.sm 
#gnbmenu-m > ul > li.last > a {
  border-bottom: 1px solid #f1f1f1; /*****마지막메뉴텍스트아래라인*****/
}
.sm #gnbmenu .holder,.sm #gnbmenu-m .holder {
  width: 0;
  height: 0;
  position: absolute;
  top: 17px; /*****화살표위치*****/
  right: 0;
}
.sm #gnbmenu .holder::after,.sm #gnbmenu-m .holder::after,.sm 
#gnbmenu .holder::before,.sm 
#gnbmenu-m .holder::before {
  display: block;
  position: absolute;
  content: "";
  width: 7px; /*****화살표크기*****/
  height: 7px;
  right: 20px;
  z-index: 10;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.sm #gnbmenu .holder::after,.sm #gnbmenu-m .holder::after {
  top: 17px;
  border-top: 2px solid #555; /*****화살표컬러*****/
  border-left: 2px solid #555;
}
.sm #gnbmenu > ul > li > a:hover > span::after,.sm #gnbmenu-m > ul > li > a:hover > span::after,.sm 
#gnbmenu > ul > li.active > a > span::after,.sm 
#gnbmenu-m > ul > li.active > a > span::after,.sm 
#gnbmenu > ul > li.open > a > span::after,.sm 
#gnbmenu-m > ul > li.open > a > span::after {
  border-color: #c83044; /*****화살표마우스오버컬러*****/
}
.sm #gnbmenu .holder::before,.sm #gnbmenu-m .holder::before {
  top: 18px;
  border-top: 2px solid;
  border-left: 2px solid;
  /*****border-top-color: #c83044;  화살표마우스그림자컬러
  border-left-color: #c83044; *****/
}
.sm #gnbmenu ul ul li a,.sm #gnbmenu-m ul ul li a {
  cursor: pointer;
  border-bottom: 0px solid #2d4d66;
  border-left: 0px solid #2d4d66;
  border-right: 0px solid #2d4d66;
  padding: 10px 20px;
  z-index: 1;
  text-decoration: none;
  font-size: 15px;
  font-weight:500;
  color: #777;
  background: #fff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
.sm #gnbmenu ul ul li:hover > a,.sm #gnbmenu-m ul ul li:hover > a,.sm 
#gnbmenu ul ul li.open > a,.sm 
#gnbmenu-m ul ul li.open > a,.sm 
#gnbmenu ul ul li.active > a,.sm 
#gnbmenu-m ul ul li.active > a {
  background: #fff;
  color: #c83044;
  text-decoration:none;
}
.sm #gnbmenu ul ul li:first-child > a,.sm #gnbmenu-m ul ul li:first-child > a {
  box-shadow: none;
  padding-top:25px;
}
.sm #gnbmenu ul ul ul li:first-child > a,.sm #gnbmenu-m ul ul ul li:first-child > a {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
.sm #gnbmenu ul ul ul li a,.sm #gnbmenu-m ul ul ul li a {
  padding-left: 30px;
}
.sm #gnbmenu > ul > li > ul > li:last-child > a,.sm #gnbmenu-m > ul > li > ul > li:last-child > a,.sm 
#gnbmenu > ul > li > ul > li.last > a,.sm 
#gnbmenu-m > ul > li > ul > li.last > a {
  border-bottom: 0;
  padding-bottom:25px;
}
.sm #gnbmenu > ul > li > ul > li.open:last-child > a,.sm #gnbmenu-m > ul > li > ul > li.open:last-child > a,.sm 
#gnbmenu > ul > li > ul > li.last.open > a,.sm 
#gnbmenu-m > ul > li > ul > li.last.open > a {
  border-bottom: 1px solid #32373e;
}
.sm #gnbmenu > ul > li > ul > li.open:last-child > ul > li:last-child > a,.sm #gnbmenu-m > ul > li > ul > li.open:last-child > ul > li:last-child > a {
  border-bottom: 0;
}
.sm #gnbmenu ul ul li.has-sub > a::after,.sm #gnbmenu-m ul ul li.has-sub > a::after {
  display: block;
  position: absolute;
  content: "";
  width: 5px;
  height: 5px;
  right: 20px;
  z-index: 10;
  top: 11.5px;
  border-top: 2px solid #eeeeee;
  border-left: 2px solid #eeeeee;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.sm #gnbmenu ul ul li.active > a::after,.sm #gnbmenu-m ul ul li.active > a::after,.sm 
#gnbmenu ul ul li.open > a::after,.sm 
#gnbmenu-m ul ul li.open > a::after,.sm 
#gnbmenu ul ul li > a:hover::after,.sm 
#gnbmenu-m ul ul li > a:hover::after {
  border-color: #ffffff;
}
@media (max-width: 1024px) {
.sm #gnbmenu,.sm #gnbmenu-m {
  margin:10px 0 0 0;
}
.sm #gnbmenu > ul > li > a,.sm #gnbmenu-m > ul > li > a {
  padding: 16px 24px;
  font-size: 20px;
}
.sm #gnbmenu .holder,.sm #gnbmenu-m .holder {
  top: 5px;
}
.sm #gnbmenu ul ul li a,.sm #gnbmenu-m ul ul li a {
  padding: 8px 20px;
  font-size: 15px;
}
}
@media (max-width: 600px) {
.sm #gnbmenu,.sm #gnbmenu-m {
  margin:10px 0 0 0;
}
.sm #gnbmenu > ul > li > a,.sm #gnbmenu-m > ul > li > a {
  padding: 12px 20px;
  font-size: 15px;
}
.sm #gnbmenu .holder,.sm #gnbmenu-m .holder {
  top: -2px;
}
.sm #gnbmenu ul ul li a,.sm #gnbmenu-m ul ul li a {
  padding: 8px 20px;
  font-size: 13px;
}
}
.sm .lnb-menu{position:relative;top:-60px;width:100%;padding:15px 0 0 0;text-align:center;font-size:16px;font-weight:normal;}
.sm .lnb-menu a:link{color:#fff;}
.sm .lnb-menu a:visited{color:#fff;}
.sm .lnb-menu a:hover{color:#fff;border-top:2px solid #4176ff;padding:15px 0 0 0;}
.sm .lnb-menu .on{color:#fff;border-top:2px solid #4176ff;padding:15px 0 0 0;}
.sm .lnb-line{color:#ccc;font-size:10px;margin:0 30px 0 30px;position:relative;top:-1px;}
.sm .lnb-tline{position:relative;top:-61px;border-top:1px solid #fff;opacity:0.2;}

.sm #lnb-wrap {position:relative;top:0px;height:30px;list-style: none;width:100%;margin:0 0 26px 0;z-index:100;}
.sm #lnbmenu,.sm 
#lnbmenu ul,.sm 
#lnbmenu ul li,.sm 
#lnbmenu ul li a {margin: 0;padding: 0;border: 0;list-style: none;line-height: 1;display: block;position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.sm #lnbmenu {width: 100%;height:30px;}
.sm #lnbmenu ul ul {display: none;}
.sm .align-right {float: right;}
.sm #lnbmenu > ul > li > a {
  padding: 12px 20px;
  border-left: 0px solid #1c74a2;
  border-right: 0px solid #1c74a2;
  border-top: 0px solid #1c74a2;
  cursor: pointer;
  z-index: 2;
  font-size:18px;
  text-align:center;
  font-weight: bold;
  text-decoration: none;
  color: #000;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
}
.sm #lnbmenu > ul > li > a:hover,.sm 
#lnbmenu > ul > li.active > a,.sm 
#lnbmenu > ul > li.open > a {
  color: #fff;
  background: #777;
}
.sm .holder {
  width: 0;
  height: 0;
  position: absolute;
  top: -3px; /*****화살표위치*****/
  right: 0;
}
.sm .holder::after,.sm 
.holder::before {
  display: block;
  position: absolute;
  content: "";
  width: 8px; /*****화살표크기*****/
  height: 8px;
  right: 20px;
  z-index: 10;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.sm .holder::after {
  top: 18px;
  border-top: 2px solid #000;
  border-left: 2px solid #000;
}
.sm #lnbmenu > ul > li > a:hover > span::after,.sm 
#lnbmenu > ul > li.active > a > span::after,.sm 
#lnbmenu > ul > li.open > a > span::after {
  border-color: #fff;
}
.sm .holder::before {
  top: 19px;
  border-top: 2px solid;
  border-left: 2px solid;
  border-top-color: inherit;
  border-left-color: inherit;
}
.sm #lnbmenu ul ul li a {
  cursor: pointer;
  border-bottom: 1px solid #ddd;
  border-left: 0px solid #00a8e1;
  border-right: 0px solid #00a8e1;
  padding: 16px 20px; 
  z-index: 1;
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;
  color: #5b5c5e;
  background: #eee;
  box-shadow: inset 0 0px 0 rgba(255, 255, 255, 0.1);
}
.sm #lnbmenu ul ul li:hover > a,.sm 
#lnbmenu ul ul li.open > a,.sm 
#lnbmenu ul ul li.active > a {
  background: #eee;
  color: #5b5c5e;
}
.sm #lnbmenu ul ul li:first-child > a {
  box-shadow: none;
}
.sm #lnbmenu ul ul ul li:first-child > a {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
.sm #lnbmenu ul ul ul li a {
  padding-left: 30px;
}
.sm #lnbmenu > ul > li > ul > li:last-child > a,.sm 
#lnbmenu > ul > li > ul > li.last > a {
  border-bottom: 1px solid #ccc;
}
.sm #lnbmenu > ul > li > ul > li.open:last-child > a,.sm 
#lnbmenu > ul > li > ul > li.last.open > a {
  border-bottom: 1px solid #32373e;
}
.sm #lnbmenu > ul > li > ul > li.open:last-child > ul > li:last-child > a {
  border-bottom: 0;
}
.sm #lnbmenu ul ul li.has-sub > a::after {
  display: block;
  position: absolute;
  content: "";
  width: 5px;
  height: 5px;
  right: 20px;
  z-index: 10;
  top: 11.5px;
  border-top: 2px solid #eeeeee;
  border-left: 2px solid #eeeeee;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.sm #lnbmenu ul ul li.active > a::after,.sm 
#lnbmenu ul ul li.open > a::after,.sm 
#lnbmenu ul ul li > a:hover::after {
  border-color: #ffffff;
}

.sm .nav{position:relative;text-align:center;font-size:12px;color:#fff;margin:5px 0 0 0;text-shadow: 0 1px 2px rgba(0, 0, 0, .0);}
.sm .nav img{vertical-align:-1px;}
.sm .nav .current{display:inline-block;color:#fff;padding:0 0 0 8px;}
.sm .tc01{color:#c83044;text-decoration:underline;}
.sm .tc02{color:#c83044;text-decoration:none;}
.sm .ta-l{text-align:left;}
.sm .ta-c{text-align:center;}
.sm .ta-r{text-align:right;}
.sm .ta-j{text-align:justify;}
.sm .ta-b{font-weight:500;}
.sm .ts01{color:#444;font-size:24px;margin:30px 0 0 0;font-weight:normal;text-align:left;}
.sm .ts02{color:#777;font-size:17px;margin:10px 0 0 0;font-weight:normal;text-align:left;}
.sm .ts03{color:#444;font-size:30px;margin:18px 0 20px 0;font-weight:normal;}
.sm .ts04{color:#111;font-size:60px;margin:20px 0 0 0;font-weight:500;}
.sm .ts05{color:#333;font-size:24px;margin:15px 0 15px 0;font-weight:500;}
.sm .ts06{color:#444;font-size:46px;margin:5px 0 20px 0;line-height:56px;}
.sm .tb01{font-size:16px;color:#666;padding:0 0 0 11px;margin:0 0 5px 0;background:url(/api/storage?path=hospital-images/hospital-26/sm/default/img/common/blet01.png) 0px 10px; background-repeat:no-repeat;}
.sm .tl01{color:#555555;text-decoration:none;font-size:29px;border-top:1px solid #cccccc;border-bottom:1px solid #cccccc;padding:18px 0 23px 0;margin:35px 0 60px 0;text-align:center;letter-spacing:1px;}
.sm .gnbmenu01{position:relative;top:0;}
.sm .t1{width:100%;margin:0 auto;border-left:0px solid #ddd;border-right:0px solid #ddd;border-top:3px solid #555;border-bottom:1px solid #ddd;font-size:17px;}
.sm .t1 caption{display:none;}
.sm .t1 th{padding:20px 20px 20px 20px;background-color:#fafafa;color:#555;border-bottom:1px solid #ddd;border-left:1px solid #ddd;text-align:center;font-weight:500;}
.sm .t1 td{padding:20px 20px 20px 20px;background-color:#ffffff;color:#777;border-bottom:1px solid #ddd;border-left:1px solid #ddd;text-align:left;}
.sm .t1 th.left{text-align:left;}
.sm .t1 td.left{text-align:left;}
.sm .t1 td.rline{border-right:1px solid #ddd;}
.sm .t1 th.fst{background:#fafafa;text-align:center;font-weight:bold;color:#555;}
.sm .t1 td.fst{background:#fff;text-align:center;font-weight:normal;color:#777;}
.sm .t1 th:first-child{border-left:0px;}
.sm .t1 td:first-child{border-left:0px;}
.sm .tit-main01 {text-align:center;font-size:36px;font-weight:bold;color:#333;padding:70px 0 0 0;}
.sm .tit-main02 {text-align:center;font-size:18px;font-weight:normal;color:#888;padding:0 0 40px 0;}
.sm .tit-main03 {text-align:center;font-size:34px;font-weight:bold;color:#333;padding:0 0 0 0;}
.sm .tit-main04 {text-align:center;font-size:18px;font-weight:normal;color:#888;padding:0 0 30px 0;}
.sm .tit-main05 {text-align:center;font-size:34px;font-weight:bold;color:#333;padding:0 0 0 0;}
.sm .tit-main06 {text-align:center;font-size:18px;font-weight:normal;color:#888;padding:0 0 30px 0;}
.sm .tit-main07 {text-align:center;font-size:34px;font-weight:500;color:#fff;padding:5px 0 0 0;}
.sm .tit-main08 {text-align:center;font-size:18px;font-weight:normal;color:#fff;padding:5px 0 30px 0;}
.sm .mts01 {color:#111;font-size:60px;margin:30px 0 20px 0;font-weight:500;}
.sm .mts02 {color:#333;font-size:24px;margin:0 0 20px 0;font-weight:500;}
.sm .mts03 {color:#111;font-size:60px;margin:50px 0 20px 0;font-weight:500;}
.sm .mts04 {color:#333;font-size:24px;margin:0 0 20px 0;font-weight:500;}
.sm .tsm01{margin-top:-70px;}
.sm .tsm02{margin-top:-20px;}
.sm .tit-sub01{text-align:center;font-size:40px;font-weight:500;color:#222;position:relative;padding:20px 0 0 0;}
.sm .tit-sub02 {text-align:center;font-size:14px;font-weight:normal;color:#999;margin:5px 0 50px 0;letter-spacing:2px;}
.sm .tit-sub03 {text-align:center;font-size:40px;color:#111;font-weight:normal;margin:0;}
.sm .tit-sub04 {text-align:center;font-size:16px;font-weight:normal;color:#999;margin:5px 0 40px 0;}
.sm .map-area{margin:0 0 50px 0;}
.sm .lan-wrap {position:relative;top:50px;left: 20px;}
.sm .lan-wrap .btn{display:inline-block;position:relative;font-size:17px;text-align:center;padding:10px 30px 10px 30px;margin-right:15px;border-radius:5px;border:1px solid #bbb;color:#555;background:#fff;transition:0.3s ease;}
.sm .lan-wrap a:hover .btn{color:#fff;background:#c83044;border:1px solid #c83044;}
.sm .au-btn{display:inline-block;position:relative;font-size:12px;text-align:center;padding:6px 30px 6px 30px;margin:30px 0 0 0;border-radius:0px;border:1px solid #bbb;color:#555;background:#fff;transition:0.3s ease;}
 .sm a:hover .au-btn{color:#fff;background:#c83044;border:1px solid #c83044;}
.sm .ms-wrap{background: #000;text-decoration:none;overflow:hidden;}
.sm .ms-wrap .ms-img{display:block;transform:scale(1); transition:0.3s ease;}
 .sm a:hover .ms-wrap{color:#555;text-decoration:none;background:#000;}
 .sm a:hover .ms-img{transform:scale(1.1); filter: blur(0px);opacity: 0.7;}
.sm .ms-title{background:#fff;text-align:left;padding:20px 0 0 5px;transition: background 1s;}
 .sm a:hover .ms-title{background:#fff;}
.sm .ms-title h3{font-size:20px;font-weight:500;color:#333;margin:1px 0 0 0;}
.sm .ms-title h5{font-size:14px;font-weight:normal;color:#777;margin:5px 0 20px 0;}
 .sm a:hover .ms-title h3{color:#c83044;}
 .sm a:hover .ms-title h5{color:#555;}
.sm .ms-title .ms-btn{display:inline-block;font-size:12px;padding: 6px 30px 6px 30px;border-radius: 0px;border:1px solid #aaa;color:#444;background:#fff;transition:0.3s ease;}
 .sm a:hover .ms-title .ms-btn{color:#fff;background:#c83044;border:1px solid #c83044;}
.sm .op-wrap{background:#000;text-decoration:none;overflow:hidden;}
.sm .op-wrap .op-img{display:block;transition:0.3s ease;}
 .sm a:hover .op-wrap{color:#555;text-decoration:none;background:#000;}
 .sm a:hover .op-img{opacity: 0.2;}
.sm .op-wrap .op-title{display: block;width: 100%;position: absolute;text-align:center;top:50%;left:0px;margin-top:-20px;}
.sm .op-wrap .op-title h3{color:#fff;font-size:32px;font-weight:normal;margin:0 0 10px 0;opacity:0;transition:0.2s ease;}
 .sm a:hover .op-wrap .op-title h3{opacity:1;transform:translateY(-20px);}
.sm .op-wrap .op-title h5{color:#fff;font-size:24px;font-weight:normal;margin:0 0 10px 0;opacity:0;transition:0.2s ease;}
 .sm a:hover .op-wrap .op-title h5{opacity:1;transform:translateY(-20px);}
.sm .op-btn{display:inline-block;font-size:12px;padding: 5px 25px 6px 25px;transition:0.2s ease;opacity:0;}
 .sm a:hover .op-btn{color:#fff;border:1px solid #fff;opacity:1;transform:translateY(-20px);}
.sm .mb-wrap{background: #000;text-decoration:none;overflow:hidden;}
.sm .mb-wrap .mb-img{display:block;transform:scale(1); 
 -webkit-transition:0.5s ease;transition:0.5s ease;}
 .sm a:hover .mb-wrap{color:#555;text-decoration:none;background:#000;}
 .sm a:hover .mb-img{transform:scale(1.1);filter: blur(0px);opacity: 0.5;}
.sm .mb-title{background:#fff;text-align:left;padding:15px 15px 15px 15px;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
 .sm a:hover .mb-title{background:#fff;}
.sm .mb-title h3{color:#333;font-size:18px;font-weight:500;margin:3px 0 0 0;}
.sm .mb-title h5{color:#777;font-size:13px;font-weight:normal;margin:7px 0 0 0;}
 .sm a:hover .mb-title h3{color:#c83044;}
 .sm a:hover .mb-title h5{color:#888;}
.sm .bundang01 {background-color:#f8f8f8;}
.sm .bundang02 {background-color:#f8f8f8;}
.sm .an-wrap {margin:0 auto;padding:180px 30px 180px 30px;background:url('/api/storage?path=hospital-images/hospital-26/sm/default/img/main/bundangintro01.jpg') center top no-repeat;background-attachment:scroll; background-size:cover;}
.sm .an-wrap h3 {color:#fff;font-size:34px;font-weight:500;margin:0 0 15px 0;}
.sm .an-wrap h5 {color:#fff;font-size:16px;font-weight:normal;margin:0 0 25px; }
.sm .an-btn{display:inline-block;font-size:12px;padding: 6px 30px 6px 30px;border-radius: 20px;border:1px solid #fff;color:#fff;transition:0.3s ease;}
 .sm a:hover .an-btn{color:#fff;background:#c83044;border:1px solid #c83044;}
.sm .bn-wrap {margin:0 auto;padding:110px 30px 120px 30px;background-position: center top;background-size: initial;background-repeat: no-repeat;background-attachment: initial;background-origin: initial;background-clip: initial;background-color: initial;background-attachment:scroll;background-size:cover;}
.sm .bn-wrap h3 {color:#fff;font-size:34px;font-weight:500;margin:0 0 15px 0;}
.sm .bn-wrap h5 {color:#fff;font-size:17px;font-weight:normal;margin:0 0 25px; }


.sm .bd-wrap {margin:0 auto; background-position: center top; background-size: initial; background-repeat: no-repeat; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial;background-attachment:scroll;background-size:cover; max-width:1920px;}
.sm .bd-wrap02 {margin:0 auto; background-position: center top; background-size: initial; background-repeat: no-repeat; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial;background-attachment:scroll;background-size:cover; max-width:1920px;}

.sm .bd02-wrap {margin:0 auto; background-color:#f8f8f8; background-attachment:scroll;background-size:cover; max-width:1920px;}



.sm .bn-btn{display:inline-block;font-size:12px;padding: 6px 30px 6px 30px;border-radius: 0px;border:1px solid #fff;color:#fff;transition:0.3s ease;}
 .sm a:hover .bn-btn{color:#fff;background:#0a2268;border:1px solid #0a2268;}
.sm .os-wrap{text-decoration:none;border:1px solid #aaa;padding:30px 15px 30px 15px;border-radius:0px;transition:0.5s ease;}
 .sm a:hover .os-wrap{background:#4175fe;border:1px solid #4175fe;}
.sm .os-wrap h3{font-size:18px;font-weight:normal;color:#fff;text-align:center;margin:0;}
 .sm a:hover .os-wrap h3{color:#fff;}
.sm .it-wrap {margin:0 auto;padding:100px 50px 150px 50px;background:url('/api/storage?path=hospital-images/hospital-26/sm/default/img/company/img0101.jpg') center top no-repeat;background-attachment:scroll;background-size:cover;}
.sm .it-wrap h3 {color:#fff;font-size:34px;font-weight:500;margin:0 0 15px 0;}
.sm .it-wrap h5 {color:#fff;font-size:15px;font-weight:normal;}
.sm .co-wrap{text-decoration:none;background:#fff;border:1px solid #ccc;padding:80px 15px 50px 15px;}
 .sm a:hover .co-wrap{color:#555;text-decoration:none;}
.sm .co-wrap .co-title{text-align:center;}
 .sm a:hover .co-title{color:#ff3000;}
.sm .co-wrap h3{color:#333;font-size:18px;font-weight:bold;margin:15px 0 0 0;}
.sm .co-wrap h5{color:#777;font-size:14px;font-weight:normal;margin:5px 0 0 0;}
.sm .sb-wrap{text-decoration:none;margin:0 0 0 0;}
.sm .sb-wrap .sb-title{background:#fff;text-align:left;padding:15px 15px 15px 15px;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
.sm .sb-wrap h3{color:#333;font-size:18px;font-weight:500;margin:5px 0 0 0;}
.sm .sb-wrap h5{color:#777;font-size:15px;font-weight:normal;margin:5px 0 0 0;}
.sm .xb-wrap{text-decoration:none;margin:0 auto;}
.sm .xb-wrap .xb-title{text-align:left;padding:15px 0px 0px 0px;border-left:0px solid #ddd;border-right:0px solid #ddd;border-bottom:0px solid #ddd;}
.sm .xb-wrap h3{color:#333;font-size:20px;font-weight:200;margin:5px 0 0 0;}
.sm .xb-wrap h5{color:#777;font-size:17px;font-weight:normal;margin:5px 0 0 0;}
.sm .mov-wrap { position: relative; padding-bottom: 55%;height: 0; overflow: hidden;} 
.sm .mov-wrap iframe,.sm  .mov-wrap object,.sm  .mov-wrap embed { position: absolute; top: 70px;left: 140px; width: 900px; height: 505px; }
.sm .featurette-divider {margin: 80px 0;}
.sm .dfs-divider00 {margin: 120px 0;clear:both;}
.sm .dfs-divider01 {margin: 100px 0;clear:both;}
.sm .dfs-divider02 {margin: 80px 0;clear:both;}
.sm .dfs-divider03 {margin: 50px 0;clear:both;}
.sm .dfs-line01 {margin:100px 0;border-top:1px solid #ddd;}
.sm .dfs-line02 {margin:100px 0;border-top:1px solid #ddd;}
.sm #history-box{width:900px;margin:0 0 0 0;text-align:center;margin:0 auto;}
.sm #history-box dl{font-weight:normal;clear:both;border-top:1px dotted #999999;}
.sm #history-box dl.noline{border:none;}
.sm #history-box dt{float:left;text-align:left;font-weight:bold;font-size:34px;color:#333;padding:20px 0 5px 0;font-family:Arial, Helvetica, sans-serif;position:absolute;}
.sm #history-box dd{float:left;text-align:left;padding:20px 0 20px 100px;}
.sm #history-box dd ul li{position:relative;text-align:left;padding:10px 0 10px 50px;font-size:17px;}
.sm #history-box dd .num{position:absolute;left:10px;}
.sm #history-box dd .year{padding:0 50px 0 0;text-align:left;font-weight:bold;font-size:2.8em;}
.sm #square_box{float:left;width:100%;padding:25px;margin:0 0 30px 0;border:1px solid #b2b2b2;}
.sm #square_box h3{font-size:18px;font-weight:500;color:#555;margin:0 0 10px 0;}
.sm #square_box h5{font-size:15px;font-weight:normal;color:#787878;margin:5px 0 0 0;}
.sm #square_box01{float:left;width:100%;padding:25px;margin:0 0 30px 0;background:#eee;}
.sm #square_box01 h3{font-size:20px;font-weight:500;color:#555;margin:0 0 5px 0;}
.sm #square_box01 h5{font-size:15px;font-weight:normal;color:#787878;margin:5px 0 0 0;}
.sm .mj-tit01{color:#333;font-size:18px;font-weight:500;padding:0 0 10px 2px;}
.sm .mj-tit02{color:#555;font-size:17px;font-weight:500;padding:0 0 5px 2px;}
.sm #footerwrap {width:100%;position:relative;clear:both;padding:20px 0 80px 0;background-color:#333;border-top:0px solid #eee;}
.sm #footerwrap:after {content:""; display:block; clear:both;}
.sm footer {position:relative; margin:0 auto;}
.sm footer:after {content:""; display:block; clear:both;}
.sm footer .f-logo {position:absolute; left:0px; top:17px;}
.sm footer .fnb {width:100%; padding:15px 0 0 0; overflow:hidden;margin:0 0 0 120px;}
.sm footer .fnb ul {margin:0 0 0 1px;text-align:center;}
.sm footer .fnb ul:after {content:""; display:block; clear:both;}
.sm footer .fnb ul li {float:left; font-size:15px;padding:0 13px 0 0;margin:0 12px 0 0;background:url('/api/storage?path=hospital-images/hospital-26/sm/default/img/common/fnb-line.png') right 7px no-repeat;}
.sm footer .fnb ul li a {color:#ddd;}
.sm footer .fnb ul li a:hover {color:#fff;}
.sm footer .fnb ul li.last {background:none;}
.sm footer .sns {position:absolute; right:10px; top:20px;}
.sm footer .sns ul:after {content:""; display:block; clear:both;}
.sm footer .sns ul li {float:left; padding:0 0 0 10px;}
.sm footer .sns ul li.last {padding:0 0 0 12px;}
.sm footer .address {width:100%; padding:15px 0 1px 1px; overflow:hidden;font-size:13px; color:#999;margin:0 0 0 120px;}
.sm footer .address ul:after {content:""; display:block; clear:both;}
.sm footer .address ul li {float:left; font-size:14px;line-height:15px;color:#999; padding:0 13px 0 0;margin:0 12px 0 0;background:url('/api/storage?path=hospital-images/hospital-26/sm/default/img/common/fnb-line.png') right 4px no-repeat;}
.sm footer .address ul li.last {background:none;}
.sm footer .address ul li strong {font-size:14px; color:#999; font-weight:600;}
.sm footer .copy {width:100%; font-size:13px; color:#888; padding: 0 0 0; margin:-4px 0 0 120px; overflow:hidden;}
.sm footer .copy span {font-size:13px;}

@media (min-width: 1025px) {
.sm #header-m{display:none;}
.sm .mj-menu02{display:none;}
.sm #lnb-wrap{display:none;}
.sm #lnbmenu{display:none;}
.sm #lnbmenu .left_menu .lnb01{display:none;}
.sm .top-line{color:#777;padding:30px 3px 0 3px;position:relative;top:-1px;width:1px;font-size:0.8em;font-weight:lighter;z-index:-10;}
.sm .back-to-top {cursor: pointer;position: fixed;bottom: 20px;right: 10px;display:none;z-index:9999;}
}
@media (max-width: 1024px) {
.sm .logo{position:absolute;top:13px;left:10px;text-align:left;z-index:999;width:200px;}
.sm .ts01{font-size:17px;margin:10 0 10px 0;}
.sm .ts02{font-size:13px;margin:0 0 0 0;}
.sm .ts03{font-size:20px;margin:15px 0 15px 0;}
.sm .ts04{font-size:30px;margin:5px 0 10px 0;}
.sm .ts05{font-size:14px;margin:0px 0 10px 0;}
.sm .ts06{font-size:24px;margin:0px 0 20px 0;line-height:30px;}
.sm .tb01{font-size:13px;padding:0 0 0 9px;margin:0 0 5px 0;background:url(/api/storage?path=hospital-images/hospital-26/sm/default/img/common/blet01.png) 0px 6px; background-repeat:no-repeat;}
.sm .tl01{font-size:20px;padding:20px 0 15px 0;margin:20px 0 35px 0;text-align:center;}
.sm .tit-main01 {font-size:24px;padding:40px 0 0 0;}
.sm .tit-main02 {font-size:12px;padding:5px 0 15px 0;}
.sm .tit-main03 {font-size:24px;padding:0 0 5px 0;}
.sm .tit-main04 {font-size:12px;padding:0 0 15px 0;}
.sm .tit-main05 {font-size:24px;padding:0 0 5px 0;}
.sm .tit-main06 {font-size:12px;padding:0 0 15px 0;}
.sm .tit-main07 {font-size:24px;padding:0 0 5px 0;}
.sm .tit-main08 {font-size:12px;padding:0 0 15px 0;}
.sm .mts01 {font-size:30px;margin:10px 0 10px 0;}
.sm .mts02 {font-size:14px;margin:0 0 10px 0;}
.sm .mts03 {font-size:30px;margin:10px 0 10px 0;}
.sm .mts04 {font-size:14px;margin:0 0 10px 0;}
.sm .tsm01{margin-top:-20px;}
.sm .tsm02{margin-top:-20px;}
.sm .tit-sub01{font-size:24px;padding:25px 0 0 0;}
.sm .tit-sub02 {font-size:12px;margin:0 0 30px 0;}
.sm .tit-sub03 {font-size:24px;margin:20px 0 5px 0;}
.sm .tit-sub04 {font-size:12px;margin:0 0 30px 0;}
.sm .map-area{margin:0 0 30px 0;}
.sm .top-line{display:none;height:1px;}
.sm .back-to-top {position:fixed;bottom:0px;right:0px;display:none;z-index:9999;opacity:0;}
.sm .t1{width:100%;font-size:13px;}
.sm .t1 th{padding:10px 5px 10px 5px;}
.sm .t1 td{padding:10px 5px 10px 5px;}
.sm .lan-wrap {top:30px;left: 15px;}
.sm .lan-wrap .btn{font-size:12px;padding:5px 15px 5px 15px;margin-right:10px;border-radius:5px;}
.sm .lan-wrap a:hover .btn{}
.sm .au-btn{font-size:11px;padding:6px 15px 5px 15px;margin:15px 0 15px 0;}
 .sm a:hover .au-btn{}
.sm .ms-wrap{}
.sm .ms-wrap .ms-img{}
 .sm a:hover .ms-wrap{}
 .sm a:hover .ms-img{}
.sm .ms-title{padding:10px 5px 0 5px;}
 .sm a:hover .ms-title{}
.sm .ms-title h3{font-size:16px;margin:1px 0 0 0;}
.sm .ms-title h5{font-size:10px;margin:5px 0 10px 0;}
 .sm a:hover .ms-title h3{}
 .sm a:hover .ms-title h5{}
.sm .ms-title .ms-btn{font-size:8px;padding:4px 5px 4px 5px;}
 .sm a:hover .ms-title .ms-btn{}
.sm .op-wrap{}
.sm .op-wrap .op-img{}
 .sm a:hover .op-wrap{}
 .sm a:hover .op-img{}
.sm .op-wrap .op-title{top:50%;left:0px;margin-top:-10px;}
.sm .op-wrap .op-title h3{font-size:20px;margin:0 0 10px 0;}
 .sm a:hover .op-wrap .op-title h3{transform:translateY(-20px);}
.sm .op-wrap .op-title h5{font-size:13px;margin:0 0 10px 0;}
 .sm a:hover .op-wrap .op-title h5{transform:translateY(-20px);}
.sm .op-btn{font-size:10px;padding: 4px 15px 5px 15px;}
 .sm a:hover .op-btn{transform:translateY(-20px);}
.sm .mb-wrap{}
.sm .mb-wrap .mb-img{}
 .sm a:hover .mb-wrap{}
 .sm a:hover .mb-img{}
.sm .mb-title{padding:10px 10px 10px 10px;}
 .sm a:hover .mb-title{}
.sm .mb-title h3{font-size:14px;margin:3px 0 0 0;}
.sm .mb-title h5{font-size:11px;margin:5px 0 0 0;}
 .sm a:hover .mb-title h3{}
 .sm a:hover .mb-title h5{}
.sm .an-wrap {padding:50px 0 50px 0;background-attachment:scroll; background-size:cover;}
.sm .an-wrap h3 {font-size:22px;margin:0 0 10px 0;}
.sm .an-wrap h5 {font-size:12px;margin:0 0 20px; }
.sm .bundang04 {background-color :#f6f7fb;}
.sm .an-btn{font-size:10px;padding: 5px 20px 5px 20px;}
 .sm a:hover .an-btn{}
.sm .bn-wrap {padding:50px 0 50 px 0;background-attachment:scroll; background-size:cover;}
.sm .bn-wrap h3 {font-size:22px;margin:0 0 10px 0;}
.sm .bn-wrap h5 {font-size:12px;margin:0 0 20px; }
.sm .bn-btn{font-size:10px;padding: 5px 20px 5px 20px;}
 .sm a:hover .bn-btn{}
.sm .os-wrap{padding:20px 10px 20px 10px;}
 .sm a:hover .os-wrap{}
.sm .os-wrap h3{font-size:15px;margin:0;}
 .sm a:hover .os-wrap h3{}
.sm .more {top:16px;right:25px;font-size:12px;}
 .sm a:hover .more {}
.sm .it-wrap {padding:50px 20px 50px 20px;background-attachment:scroll; background-size:cover;}
.sm .it-wrap h3 {font-size:22px;margin:0 0 10px 0;}
.sm .it-wrap h5 {font-size:12px;}
.sm .co-wrap{padding:50px 10px 30px 10px;}
 .sm a:hover .co-wrap{}
.sm .co-wrap .co-title{}
 .sm a:hover .co-title{}
.sm .co-wrap h3{font-size:14px;margin:15px 0 0 0;}
.sm .co-wrap h5{font-size:11px;margin:5px 0 0 0;}
.sm .sb-wrap{}
.sm .sb-wrap .sb-title{padding:10px;}
.sm .sb-wrap h3{font-size:14px;margin:5px 0 0 0;}
.sm .sb-wrap h5{font-size:13px;margin:5px 0 0 0;}
.sm .xb-wrap{}
.sm .xb-wrap .xb-title{padding:15px 0px 0px 0px;}
.sm .xb-wrap h3{font-size:14px;margin:5px 0 0 0;}
.sm .xb-wrap h5{font-size:13px;margin:5px 0 0 0;}
.sm .mov-wrap {position:relative;padding-bottom:60%;padding-top:0px;height:0;overflow:hidden;margin-left:-15px;margin-right:-15px;} 
.sm .mov-wrap iframe,.sm  .mov-wrap object,.sm  .mov-wrap embed {position:absolute;top:0;left:0;width:100%;height: 100%;}
.sm .featurette-divider {margin: 60px 0;}
.sm .dfs-divider00 {margin: 50px 0;}
.sm .dfs-divider01 {margin: 50px 0;}
.sm .dfs-divider02 {margin: 40px 0;}
.sm .dfs-divider03 {margin: 20px 0;}
.sm .dfs-line01 {margin:50px 0;border-top:1px solid #ddd;}
.sm .dfs-line02 {margin:30px 0;border-top:1px solid #ddd;}
.sm #history-box{width:100%;margin:-15px 0 0 0;}
.sm #history-box dl{font-weight:normal;clear:both;border-top:1px dotted #999999;}
.sm #history-box dl.noline{border:none;}
.sm #history-box dt{float:left;text-align:left;font-weight:bold;font-size:24px;padding:30px 50px 0 0;position:relative;}
.sm #history-box dd{clear:both;float:left;text-align:left;padding:5px 0 20px 0;}
.sm #history-box dd ul li{position:relative;text-align:left;padding:10px 0 1px 50px;font-size:13px;}
.sm #history-box dd .num{position:absolute;left:10px;}
.sm #history-box dd .year{padding:0 50px 0 0;margin:30px 0 0 0;text-align:left;font-weight:bold;font-size:2em;}
.sm #square_box{padding:15px;margin:0 0 20px 0;}
.sm #square_box h3{font-size:15px;margin:0 0 5px 0;}
.sm #square_box h5{font-size:12px;margin:5px 0 0 0;}
.sm #square_box01{padding:15px;margin:0 0 30px 0;}
.sm #square_box01 h3{font-size:15px;margin:0 0 5px 0;}
.sm #square_box01 h5{font-size:12px;margin:5px 0 0 0;}
.sm #footerwrap {width:100%;position:relative;clear:both;padding:10px 0 20px 0;}
.sm footer {margin:0 10px 10px;}
.sm footer .f-logo {position:relative; left:0; top:0; margin:30px 0 0 0; text-align:center;}
.sm footer .fnb {padding:20px 0 0 0;margin:0 0 0 0;}
.sm footer .fnb ul {text-align:center; margin:0;}
.sm footer .fnb ul li {display:inline; float:none; margin:0 6px 0 0;background:url('/api/storage?path=hospital-images/hospital-26/sm/default/img/common/fnb-line.png') right 8px no-repeat;}
.sm footer .fnb ul li a {font-size:12px;}
.sm footer .fnb ul li.last {padding:0; margin:0;}
.sm footer .sns {position:relative; right:auto; left:0; top:0; margin:20px 0 0 -10px;}
.sm footer .sns ul {text-align:center;}
.sm footer .sns ul li {display:inline; float:none;}
.sm footer .sns ul li.last {padding:0 0 0 12px;}
.sm footer .address {padding:10px 0 2px 0;text-align:center;margin:0 0 0 5px;}
.sm footer .address ul {text-align:center;padding:0;margin:0;}
.sm footer .address ul li {display:block; font-size:12px;float:none; padding:1px 0;background:none;}
.sm footer .address ul li.last {background:none;}
.sm footer .address ul li strong {font-size:14px; color:#999; font-weight:600;}
.sm footer .copy {font-size:12px;text-align:center; margin:5px 0 0 0;}
.sm footer .copy span {display:block; padding:8px 0 0 0;}
.sm .mj-tit01{font-size:15px;padding:0 0 10px 2px;}
.sm .mj-tit02{font-size:15px;padding:0 0 5px 2px;}
.sm .mj-menu01{display:none;}
.sm .mj-menu02{font-size:11px;height:30px;position:relative;text-align:left;margin:10px 0 7px 0px;padding:0 0 0 15px;border-top:0px solid #333;border-bottom:1px solid #444;}
.sm .mj-menu02 a{font-size:11px;padding:5px 10px 5px 10px;color:#fff;background:#333;border-radius:2px;margin:0 10px 0 0;font-family: Open Sans, Malgun Gothic, Nanum Gothic;}
.sm .mj-menu02 .fst{}
.sm .mj-menu02 .snd{}
.sm .mj-menu02 .trd{}
.sm .lnb-menu{display:none;}
.sm .lnb-line{display:none;}
.sm .lnb-tline{display:none;}
}

/***** 메인 롤링 이미지 및 서브 상단 이미지 영역*****/
/*****PC 해상도 시작*****/
/*****모바일에서 백그라운드 이미지의 중심축 이동은 background:url() 0px 0px; 에서 앞의 0px 값을 적절히 조절해주시면 됩니다.*****/
.sm .visual-main01{position:relative;top:0;left:50%;width:1920px;height:770px;margin-left:-960px;background:url(/api/storage?path=hospital-images/hospital-26/sm/default/img/main/bundang050.jpg);}
.sm .visual-main02{position:relative;top:0;left:50%;width:1920px;height:770px;margin-left:-960px;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;background-color: initial;}
.sm .visual-main03{position:relative;top:0;left:50%;width:1920px;height:770px;margin-left:-960px;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;background-color: initial;}
.sm .visual-sub01{position:relative;top:0;left:50%;width:1920px;height:450px;margin-left:-960px;background:url(/api/storage?path=hospital-images/hospital-26/sm/default/img/main/bundang_sub-visual01.jpg);}
.sm .visual-sub02{position:relative;top:0;left:50%;width:1920px;height:450px;margin-left:-960px;background:url(/api/storage?path=hospital-images/hospital-26/sm/default/img/main/bundang_sub-visual01.jpg);}
.sm .visual-sub03{position:relative;top:0;left:50%;width:1920px;height:450px;margin-left:-960px;background:url(/api/storage?path=hospital-images/hospital-26/sm/default/img/main/bundang_sub-visual02.jpg);}
.sm .visual-sub04{position:relative;top:0;left:50%;width:1920px;height:450px;margin-left:-960px;background:url(/api/storage?path=hospital-images/hospital-26/sm/default/img/main/bundang_sub-visual03.jpg);}
.sm .visual-sub05{position:relative;top:0;left:50%;width:1920px;height:450px;margin-left:-960px;background:url(/api/storage?path=hospital-images/hospital-26/sm/default/img/main/bundang_sub-visual04.jpg);}
.sm .visual-sub06{position:relative;top:0;left:50%;width:1920px;height:450px;margin-left:-960px;background:url(/api/storage?path=hospital-images/hospital-26/sm/default/img/main/sub-visual06.jpg);}
.sm .v-mt01{color:#fff;font-size:60px;font-weight:700;line-height:66px;padding:0 0 30px 0;letter-spacing:3px;text-shadow: 0 1px 2px rgba(0, 0, 0, .2);}
.sm .v-mt02{color:#eee;font-size:18px;text-shadow: 0 1px 2px rgba(0, 0, 0, .2);}
.sm .v-st01{text-align:center;font-size:54px;font-weight:normal;color:#fff;margin:0px 0 0px 0;text-shadow: 0 1px 2px rgba(0, 0, 0, .1);}
.sm .v-st02{text-align:center;font-size:15px;font-weight:normal;color:#fff;margin:0px 0 0px 0;text-shadow: 0 1px 2px rgba(0, 0, 0, .1);}
@media (max-width: 1600px) {
.sm .visual-main01{position:relative;top:0;left:50%;width:1600px;height:642px;margin-left:-800px;background:url(/api/storage?path=hospital-images/hospital-26/sm/default/img/main/bundang050.jpg) 0px 0px;background-size:100%;}
.sm .visual-main02{position:relative;top:0;left:50%;width:1600px;height:642px;margin-left:-800px;background:url(/api/storage?path=hospital-images/hospital-26/sm/default/img/main/bundang052.jpg) 0px 0px;background-size:100%;}
.sm .visual-main03{position:relative;top:0;left:50%;width:1600px;height:642px;margin-left:-800px;background:url(/api/storage?path=hospital-images/hospital-26/sm/default/img/main/bundang053.jpg) 0px 0px;background-size:100%;}
}
@media (max-width: 1366px) {
.sm .visual-main01{position:relative;top:0;left:50%;width:1366px;height:548px;margin-left:-683px;background:url(/api/storage?path=hospital-images/hospital-26/sm/default/img/main/bundang050.jpg) 0px 0px;background-size:100%;}
.sm .visual-main02{position:relative;top:0;left:50%;width:1366px;height:548px;margin-left:-683px;background:url(/api/storage?path=hospital-images/hospital-26/sm/default/img/main/bundang052.jpg) 0px 0px;background-size:100%;}
.sm .visual-main03{position:relative;top:0;left:50%;width:1366px;height:548px;margin-left:-683px;background:url(/api/storage?path=hospital-images/hospital-26/sm/default/img/main/bundang053.jpg) 0px 0px;background-size:100%;}
.sm .v-mt01{font-size:50px;line-height:56px;padding:0 0 20px 0;}
.sm .v-mt02{font-size:16px;}
}
@media (max-width: 1280px) {
.sm .visual-main01{position:relative;top:0;left:50%;width:1280px;height:513px;margin-left:-640px;background:url(/api/storage?path=hospital-images/hospital-26/sm/default/img/main/bundang050.jpg) 0px 0px;background-size:100%;}
.sm .visual-main02{position:relative;top:0;left:50%;width:1280px;height:513px;margin-left:-640px;background:url(/api/storage?path=hospital-images/hospital-26/sm/default/img/main/bundang052.jpg) 0px 0px;background-size:100%;}
.sm .visual-main03{position:relative;top:0;left:50%;width:1280px;height:513px;margin-left:-640px;background:url(/api/storage?path=hospital-images/hospital-26/sm/default/img/main/bundang053.jpg) 0px 0px;background-size:100%;}
}
/*****태블릿PC 해상도 시작*****/
/*****모바일에서 백그라운드 이미지의 중심축 이동은 background:url() 0px 0px; 에서 앞의 0px 값을 적절히 조절해주시면 됩니다.*****/
@media (max-width: 1024px) {
.sm .visual-main01{position:relative;top:0;left:50%;width:1024px;height:500px;margin-left:-512px;background:url(/api/storage?path=hospital-images/hospital-26/sm/default/img/main/bundang050.jpg) 0px 0px;background-size:122%;}
.sm .visual-main02{position:relative;top:0;left:50%;width:1024px;height:500px;margin-left:-512px;background:url(/api/storage?path=hospital-images/hospital-26/sm/default/img/main/bundang052.jpg) 0px 0px;background-size:122%;}
.sm .visual-main03{position:relative;top:0;left:50%;width:1024px;height:500px;margin-left:-512px;background:url(/api/storage?path=hospital-images/hospital-26/sm/default/img/main/bundang053.jpg) 0px 0px;background-size:122%;}
.sm .visual-sub01{position:relative;top:0;left:50%;width:1024px;height:250px;margin-left:-512px;background:url(/api/storage?path=hospital-images/hospital-26/sm/default/img/main/bundang_sub-visual01.jpg) 0px 0px;background-size:105%;}
.sm .visual-sub02{position:relative;top:0;left:50%;width:1024px;height:250px;margin-left:-512px;background:url(/api/storage?path=hospital-images/hospital-26/sm/default/img/main/bundang_sub-visual01.jpg) 0px 0px;background-size:105%;}
.sm .visual-sub03{position:relative;top:0;left:50%;width:1024px;height:250px;margin-left:-512px;background:url(/api/storage?path=hospital-images/hospital-26/sm/default/img/main/bundang_sub-visual02.jpg) 0px 0px;background-size:105%;}
.sm .visual-sub04{position:relative;top:0;left:50%;width:1024px;height:250px;margin-left:-512px;background:url(/api/storage?path=hospital-images/hospital-26/sm/default/img/main/bundang_sub-visual03.jpg) 0px 0px;background-size:105%;}
.sm .visual-sub05{position:relative;top:0;left:50%;width:1024px;height:250px;margin-left:-512px;background:url(/api/storage?path=hospital-images/hospital-26/sm/default/img/main/bundang_sub-visual04.jpg) 0px 0px;background-size:105%;}
.sm .visual-sub06{position:relative;top:0;left:50%;width:1024px;height:250px;margin-left:-512px;background:url(/api/storage?path=hospital-images/hospital-26/sm/default/img/main/sub-visual06.jpg) 0px 0px;background-size:105%;}
.sm .v-mt01{font-size:42px;line-height:48px;padding:0 0 20px 0;}
.sm .v-mt02{font-size:14px;}
.sm .v-st01{font-size:40px;}
.sm .v-st02{font-size:14px;}
}
@media (max-width: 800px) {
.sm .visual-main01{position:relative;top:0;left:50%;width:800px;height:400px;margin-left:-400px;background:url(/api/storage?path=hospital-images/hospital-26/sm/default/img/main/bundang050.jpg) 0px 0px;background-size:125%;}
.sm .visual-main02{position:relative;top:0;left:50%;width:800px;height:400px;margin-left:-400px;background:url(/api/storage?path=hospital-images/hospital-26/sm/default/img/main/bundang052.jpg) 0px 0px;background-size:125%;}
.sm .visual-main03{position:relative;top:0;left:50%;width:800px;height:400px;margin-left:-400px;background:url(/api/storage?path=hospital-images/hospital-26/sm/default/img/main/bundang053.jpg) 0px 0px;background-size:125%;}
.sm .visual-sub01{position:relative;top:0;left:50%;width:800px;height:200px;margin-left:-400px;background:url(/api/storage?path=hospital-images/hospital-26/sm/default/img/main/bundang_sub-visual01.jpg) 0px 0px;background-size:110%;}
.sm .visual-sub02{position:relative;top:0;left:50%;width:800px;height:200px;margin-left:-400px;background:url(/api/storage?path=hospital-images/hospital-26/sm/default/img/main/bundang_sub-visual01.jpg) 0px 0px;background-size:110%;}
.sm .visual-sub03{position:relative;top:0;left:50%;width:800px;height:200px;margin-left:-400px;background:url(/api/storage?path=hospital-images/hospital-26/sm/default/img/main/bundang_sub-visual02.jpg) 0px 0px;background-size:110%;}
.sm .visual-sub04{position:relative;top:0;left:50%;width:800px;height:200px;margin-left:-400px;background:url(/api/storage?path=hospital-images/hospital-26/sm/default/img/main/bundang_sub-visual03.jpg) 0px 0px;background-size:110%;}
.sm .visual-sub05{position:relative;top:0;left:50%;width:800px;height:200px;margin-left:-400px;background:url(/api/storage?path=hospital-images/hospital-26/sm/default/img/main/bundang_sub-visual04.jpg) 0px 0px;background-size:110%;}
.sm .visual-sub06{position:relative;top:0;left:50%;width:800px;height:200px;margin-left:-400px;background:url(/api/storage?path=hospital-images/hospital-26/sm/default/img/main/sub-visual06.jpg) 0px 0px;background-size:110%;}
.sm .v-mt01{font-size:34px;line-height:40px;padding:0 0 20px 0;}
.sm .v-mt02{font-size:13px;}
.sm .v-st01{font-size:32px;}
.sm .v-st02{font-size:13px;}
}
/*****스마트폰 해상도 시작*****/
/*****모바일에서 백그라운드 이미지의 중심축 이동은 background:url() 0px 0px; 에서 앞의 0px 값을 적절히 조절해주시면 됩니다.*****/
@media (max-width: 420px) {
.sm .visual-main01{position:relative;top:0;left:50%;width:420px;height:300px;margin-left:-210px;background:url(/api/storage?path=hospital-images/hospital-26/sm/default/img/main/bundang050.jpg) -50px 0px;background-size:178%;}
.sm .visual-main02{position:relative;top:0;left:50%;width:420px;height:300px;margin-left:-210px;background:url(/api/storage?path=hospital-images/hospital-26/sm/default/img/main/bundang052.jpg) -50px 0px;background-size:178%;}
.sm .visual-main03{position:relative;top:0;left:50%;width:420px;height:300px;margin-left:-210px;background:url(/api/storage?path=hospital-images/hospital-26/sm/default/img/main/bundang053.jpg) -160px 0px;background-size:178%;}
.sm .visual-sub01{position:relative;top:0;left:50%;width:420px;height:200px;margin-left:-210px;background:url(/api/storage?path=hospital-images/hospital-26/sm/default/img/main/bundang_sub-visual01.jpg) -180px 0px;background-size:205%;}
.sm .visual-sub02{position:relative;top:0;left:50%;width:420px;height:200px;margin-left:-210px;background:url(/api/storage?path=hospital-images/hospital-26/sm/default/img/main/bundang_sub-visual01.jpg) -180px 0px;background-size:205%;}
.sm .visual-sub03{position:relative;top:0;left:50%;width:420px;height:200px;margin-left:-210px;background:url(/api/storage?path=hospital-images/hospital-26/sm/default/img/main/bundang_sub-visual02.jpg) -180px 0px;background-size:205%;}
.sm .visual-sub04{position:relative;top:0;left:50%;width:420px;height:200px;margin-left:-210px;background:url(/api/storage?path=hospital-images/hospital-26/sm/default/img/main/bundang_sub-visual03.jpg) -180px 0px;background-size:205%;}
.sm .visual-sub05{position:relative;top:0;left:50%;width:420px;height:200px;margin-left:-210px;background:url(/api/storage?path=hospital-images/hospital-26/sm/default/img/main/bundang_sub-visual04.jpg) -180px 0px;background-size:205%;}
.sm .visual-sub06{position:relative;top:0;left:50%;width:420px;height:200px;margin-left:-210px;background:url(/api/storage?path=hospital-images/hospital-26/sm/default/img/main/sub-visual06.jpg) -180px 0px;background-size:205%;}
.sm .v-mt01{font-size:22px;line-height:28px;padding:0 0 15px 0;letter-spacing:1px;}
.sm .v-mt02{font-size:11px;}
.sm .v-st01{font-size:30px;}
.sm .v-st02{font-size:11px;}
}
/* ── 03_site_default_inc_animate.css (전 쪽) ── */
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license
Copyright (c) 2013 Daniel Eden
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
.sm .animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.sm .animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
.sm .bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}
@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
.sm .flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
.sm .pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}
@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}
@keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
}
.sm .shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
.sm .swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}
@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}
.sm .tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
.sm .wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}
@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(.9);
    transform: scale(.9);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
  }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
.sm .bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.sm .bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
  }
  80% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.sm .bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.sm .bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.sm .bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  25% {
    -webkit-transform: scale(.95);
    transform: scale(.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }
}
@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  25% {
    -webkit-transform: scale(.95);
    -ms-transform: scale(.95);
    transform: scale(.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }
}
.sm .bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
@keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
.sm .bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
.sm .bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
.sm .bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
.sm .bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.sm .fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.sm .fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.sm .fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.sm .fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.sm .fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.sm .fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.sm .fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.sm .fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.sm .fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.sm .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
}
.sm .fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
.sm .fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}
.sm .fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
.sm .fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
}
.sm .fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
.sm .fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}
.sm .fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
.sm .fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.sm .animated.flip {
  -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}
@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
.sm .flipInX {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}
@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
.sm .flipInY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
.sm .flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
.sm .flipOutY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}
@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}
.sm .lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}
.sm .lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
.sm .rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
.sm .rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
.sm .rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
.sm .rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
.sm .rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}
.sm .rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
.sm .rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}
.sm .rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}
.sm .rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
.sm .rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}
@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.sm .slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.sm .slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.sm .slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}
@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
.sm .slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
.sm .slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
.sm .slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}
@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  100% {
    -webkit-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40% {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  100% {
    -webkit-transform: translateY(700px);
    -ms-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}
.sm .hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}
@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}
.sm .rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}
@keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}
.sm .rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}
/* ── 04_site_bizdemo141812_inc_board_board_1.css (communication-communication01) ── */
.sm:where(.pg-board-news) td#board {padding:4 5 5 5;font-size:12px;color:#333333;}
.sm:where(.pg-board-news) .board {padding:4 5 5 5;font-size:12px;color:#333333;}
.sm:where(.pg-board-news) .board a:link{padding:0 0 0 0;font-size:12px;color:#000000;text-decoration:none;}
.sm:where(.pg-board-news) .board a:visited{padding:0 0 0 0;font-size:12px;color:#000000;text-decoration:none;}
.sm:where(.pg-board-news) .board a:hover{padding:0 0 0 0;font-size:12px;color:#000000;text-decoration:underline;}
.sm:where(.pg-board-news) .board a:active{padding:0 0 0 0;font-size:12px;color:#000000;text-decoration:none;}
/*게시판 제목*/
.sm:where(.pg-board-news) .bbsnewf5 {padding:10 10 10 10;font-size:12px;color:#333333;}
.sm:where(.pg-board-news) .bbsnewf5 a:link{color:#777;text-decoration:none}
.sm:where(.pg-board-news) .bbsnewf5 a:visited{color:#777;text-decoration:none}
.sm:where(.pg-board-news) .bbsnewf5 a:hover{color:#333;text-decoration:none}
/*제목*/
.sm:where(.pg-board-news) .bbsbody03{width:340px;overflow:hidden;text-overflow:ellipsis;padding-left:5;padding-right:5}
/*뉴스_보도자료 제목*/
.sm:where(.pg-board-news) .news_title {color:#0E3D72;font-size:14px;letter-spacing:-1;text-decoration:none;}
.sm:where(.pg-board-news) .news_title a:link{color:#0E3D72;font-size:14px;letter-spacing:-1;text-decoration:none}
.sm:where(.pg-board-news) .news_title a:visited{color:#0E3D72;font-size:14px;letter-spacing:-1;text-decoration:none}
.sm:where(.pg-board-news) .news_title a:hover{color:#0E3D72;font-size:14px;letter-spacing:-1;text-decoration:underline}
/*뉴스_보도자료 내용*/
.sm:where(.pg-board-news) .news_cont {color:#555555;text-decoration:none}
.sm:where(.pg-board-news) .news_cont a:link{color:#555555;text-decoration:none}
.sm:where(.pg-board-news) .news_cont a:visited{color:#555555;text-decoration:none}
.sm:where(.pg-board-news) .news_cont a:hover{color:#FF5500;text-decoration:none}
/*갤러리 제목*/
.sm:where(.pg-board-news) .gallery_title {font-size:12px;color:#666666;}
/*갤러리 내용*/
.sm:where(.pg-board-news) .gallery_cont {font-size:12px;color:#666666}
/*페이징*/
.sm:where(.pg-board-news) .paging {font-size:14px;width:100%;}
.sm:where(.pg-board-news) .paging b{font-size:14px;color:#fff;font-weight:normal;text-decoration:none;border:0px solid #000;padding:5px 12px 5px 12px;background:#000;}
.sm:where(.pg-board-news) .paging a:link{font-size:14px;color:#777;font-weight:normal;text-decoration:none;border:0px solid #aaa;padding:5px 5px 5px 5px;background:#fff;}
.sm:where(.pg-board-news) .paging a:visited{font-size:14px;color:#777;font-weight:normal;text-decoration:none;border:0px solid #aaa;padding:5px 5px 5px 5px;}
.sm:where(.pg-board-news) .paging a:hover{font-size:14px;color:#000;font-weight:normal;text-decoration:underline;border:0px solid #000;padding:5px 5px 5px 5px;background:#fff;}
@media (max-width: 768px) {
.sm:where(.pg-board-news) .paging {font-size:12px;}
.sm:where(.pg-board-news) .paging b{font-size:12px;padding:3px 5px 3px 5px;}
.sm:where(.pg-board-news) .paging a:link{font-size:12px;padding:0;}
.sm:where(.pg-board-news) .paging a:visited{font-size:12px;padding:0;}
.sm:where(.pg-board-news) .paging a:hover{font-size:12px;padding:0;}
}
/*검색폰트(셀렉트박스)*/
.sm:where(.pg-board-news) .search_txt {font-size:12px;color:#666666}
/*기본폰트*/
.sm:where(.pg-board-news) .board_txt {font-size:12px;color:#000000;text-decoration:none;padding-top:4;}
.sm:where(.pg-board-news) .board_txt a:link{font-size:12px;color:#000000;text-decoration:none;}
.sm:where(.pg-board-news) .board_txt a:visited{font-size:12px;color:#000000;text-decoration:none;}
.sm:where(.pg-board-news) .board_txt a:hover{font-size:12px;color:#000000;text-decoration:none;}
.sm:where(.pg-board-news) .board_txt2 {font-size:12px;color:#333333;text-decoration:none;padding-top:4;}
.sm:where(.pg-board-news) .board_txt2 a:link{font-size:12px;color:#333333;text-decoration:none;}
.sm:where(.pg-board-news) .board_txt2 a:visited{font-size:12px;color:#333333;text-decoration:none;}
.sm:where(.pg-board-news) .board_txt2 a:hover{font-size:12px;color:#333333;text-decoration:none;}
.sm:where(.pg-board-news) input#border {font-size:14px;color:##666666;border:1 solid #D4D4D4}
.sm:where(.pg-board-news) textarea#border {font-size:14px;color:##666666;border:1 solid #D4D4D4}
/* bgcolor : 게시판 항목 */
.sm:where(.pg-board-news) .board_bgcolor {width:100px;background-color:#F7F7F7;font-size:12px;color:#000000;height:44px;}
.sm:where(.pg-board-news) .board_rate {padding:0 0 0 0;font-size:12px;color:#333333;background-color:#E6F0F9;}
.sm:where(.pg-board-news) .board_rate_td {padding:4 5 5 5;font-size:12px;color:#333333;background-color:#FFFFFF}
.sm:where(.pg-board-news) .board_comment_bgcolor {background-color:#F6F6F6;}
/* 추출 게시판 스타일에서 link에 line-height를 주면 추출된 제목간 간격을 넓힐 수 있다 */
.sm:where(.pg-board-news) .board_output {padding:4 0 0 0;font-size:14px;color:#fff;}
.sm:where(.pg-board-news) .board_output a:link{padding:0 0 0 0;font-size:14px;color:#777;text-decoration:none;line-height:20px}
.sm:where(.pg-board-news) .board_output a:visited{padding:0 0 0 0;font-size:14px;color:#777;text-decoration:none;}
.sm:where(.pg-board-news) .board_output a:hover{padding:0 0 0 0;font-size:14px;color:#333;text-decoration:none;}
.sm:where(.pg-board-news) .board_output a:active{padding:0 0 0 0;font-size:14px;color:#333;text-decoration:none;}
/*댓글폰트*/
.sm:where(.pg-board-news) .comment_name {font-size:12px;color:#0055B5;text-decoration:none;padding-top:4px;}
.sm:where(.pg-board-news) .comment_txt {font-size:12px;text-decoration:none;padding-top:4px;}
.sm:where(.pg-board-news) .comment_txt a:link{font-size:12px;text-decoration:none;}
.sm:where(.pg-board-news) .comment_txt a:visited{font-size:12px;text-decoration:none;}
.sm:where(.pg-board-news) .comment_txt a:hover{font-size:12px;text-decoration:none;}
/* 웹진형 게시판 (세로배열)*/
.sm:where(.pg-board-news) .webzine_type2 {width:100%;}
.sm:where(.pg-board-news) .webzine_type2 td { color:#666666;  font-size:12px; }
.sm:where(.pg-board-news) .webzine_type2 dl,.sm:where(.pg-board-news)  #webzine_type2 dt,.sm:where(.pg-board-news)  #webzine_type2 dd {margin:0;padding:0}
.sm:where(.pg-board-news) .webzine_type2 dl    {float:left;clear:both;width:100%;padding:0 0 16px 0;margin-bottom:0;}
.sm:where(.pg-board-news) .webzine_type2 .webzine_type_img_td { vertical-align:top;}
.sm:where(.pg-board-news) .webzine_type2 .webzine_type_img img {border:4px solid #cc3232; }
.sm:where(.pg-board-news) .webzine_type2 .webzine_type2_table_line { width:100%; border-top:1px solid #cccccc;}
.sm:where(.pg-board-news) .webzine_type2 dd   {float:left;width:100%;height:25px;padding:3px 0 1px 0;margin:0 0 -1px 0;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;}
.sm:where(.pg-board-news) .webzine_type2 .obj_name {display:inline-block;width:90px;height:25px;padding:5px 0 0 12px;color:#666666;background:url(/api/storage?path=hospital-images/hospital-26/sm/cimg/board/cafe24_webzine/bl_webzine_type2_title.gif) right 6px no-repeat;}
.sm:where(.pg-board-news) .webzine_type2 .obj_value {height:25px;padding:5px 0 0 10px;}
/* 이미지가 왼쪽일때 */
.sm:where(.pg-board-news) .webzine_type2 .webzine_type_text_td_left { width:100%; padding:0 0 0 8px; }
/* 이미지가 오른쪽일때 */
.sm:where(.pg-board-news) .webzine_type2 .webzine_type_text_td_right { width:100%; padding:0 9px 0 0; }
/* 갤러리형 추출 제목, 내용 정렬 */
.sm:where(.pg-board-news) .board_output_gallery_subject { text-align:center;width:100%;  font-size:5px;}
.sm:where(.pg-board-news) .board_output_gallery_description { text-align:center;width:100%; font-size:5px;}
/* 게시판 기본테이블 */
.sm:where(.pg-board-news) .table_02   { width:100%; border-top:3px #666 solid; border-bottom:0px #999999 solid; border-left:0px #e5e5e5 solid;}
.sm:where(.pg-board-news) .table_02 td  { border-bottom:1px #cccccc solid; border-right:0px #e5e5e5 solid; padding:4px;color:#777;font-size:17px;height:74px;}
.sm:where(.pg-board-news) .table_02 td td {border-bottom:none; border-right:none !important;font-size:17px;}
@media (max-width: 1024px) {
.sm:where(.pg-board-news) .table_02   { width:100%; border-top:3px #666 solid; border-bottom:0px #999999 solid; border-left:0px #e5e5e5 solid;}
.sm:where(.pg-board-news) .table_02 td  { border-bottom:1px #cccccc solid; border-right:0px #e5e5e5 solid; padding:4px;color:#777;font-size:13px;height:54px;}
.sm:where(.pg-board-news) .table_02 td td {border-bottom:none; border-right:none !important;font-size:13px;}
}
.sm:where(.pg-board-news) #board_list_output{width:340px;}
.sm:where(.pg-board-news) #board_list_output .tab{width:340px;font-size:0;margin:0 10px 0 0;}
.sm:where(.pg-board-news) #board_list_output .tab a{font-size:0;padding:0 1px 0 0;}
.sm:where(.pg-board-news) #board_list_output .tab .more{float:right;margin:8px 0 0 0;}
.sm:where(.pg-board-news) #board_list_output .output_table{width:340px;margin:8px 0 0 0;}
.sm:where(.pg-board-news) #board_list_output .output_table td {font-size:11px;font-family:dotum;color:#777777;height:19px;}
.sm:where(.pg-board-news) #board_list_output .output_table .title{background:url(/default/img/main/bl_output_board.gif) no-repeat 8px 7px;padding:0 0 0 17px;}
.sm:where(.pg-board-news) #board_list_output .output_table a{font-size:11px;font-family:dotum;color:#777777;}
.sm:where(.pg-board-news) #board_list_output .output_table .date {color:#999;}
/* ── 05_site_bizdemo141812_inc_formmail_formmail_1.css (communication-communication02) ── */
/* 기본 텍스트 스타일 */
.sm:where(.pg-consult) .formmail_txt {font-size:12px;color:#333333}
/* 텍스트박스 스타일 */
.sm:where(.pg-consult) .formmail_border {font-size:12px;color:#333333;border:1 solid #ccc}
/* 항목칸 스타일 */
.sm:where(.pg-consult) .formmail_title_bgcolor {background-color:#F7F7F7;}
/* 입력칸 스타일 */
.sm:where(.pg-consult) .formmail_cell_bgcolor {background-color:#FFFFFF;font-size:12;color:#333333;padding-left:10;height:60px;}
/* 게시판 기본테이블 */
.sm:where(.pg-consult) .table_02 { width:100%; border-top:3px #666 solid; border-bottom:0px #999999 solid; border-left:0px #e5e5e5 solid;}
.sm:where(.pg-consult) .table_02 td { border-bottom:1px #ddd solid; border-right:0px #e5e5e5 solid; padding:4px;color:#555555;font-size:12px;line-height:18px; }
.sm:where(.pg-consult) .table_02 td td {border-bottom:none; border-right:none !important;font-size:15px;}
/* ── 06_site_bizdemo141812_inc_board_board_14.css (communication-communication03) ── */
.sm:where(.pg-faq) td#board {padding:4 5 5 5;font-size:12px;color:#333333;}
.sm:where(.pg-faq) .board {padding:4 5 5 5;font-size:12px;color:#333333;}
.sm:where(.pg-faq) .board a:link{padding:0 0 0 0;font-size:12px;color:#000000;text-decoration:none;}
.sm:where(.pg-faq) .board a:visited{padding:0 0 0 0;font-size:12px;color:#000000;text-decoration:none;}
.sm:where(.pg-faq) .board a:hover{padding:0 0 0 0;font-size:12px;color:#000000;text-decoration:underline;}
.sm:where(.pg-faq) .board a:active{padding:0 0 0 0;font-size:12px;color:#000000;text-decoration:none;}
/*게시판 제목*/
.sm:where(.pg-faq) .bbsnewf5 {padding:10 10 10 10;font-size:12px;color:#333333;}
.sm:where(.pg-faq) .bbsnewf5 a:link{color:#777;text-decoration:none}
.sm:where(.pg-faq) .bbsnewf5 a:visited{color:#777;text-decoration:none}
.sm:where(.pg-faq) .bbsnewf5 a:hover{color:#333;text-decoration:none}
/*제목*/
.sm:where(.pg-faq) .bbsbody03{width:340px;overflow:hidden;text-overflow:ellipsis;padding-left:5;padding-right:5}
/*뉴스_보도자료 제목*/
.sm:where(.pg-faq) .news_title {color:#0E3D72;font-size:14px;letter-spacing:-1;text-decoration:none;}
.sm:where(.pg-faq) .news_title a:link{color:#0E3D72;font-size:14px;letter-spacing:-1;text-decoration:none}
.sm:where(.pg-faq) .news_title a:visited{color:#0E3D72;font-size:14px;letter-spacing:-1;text-decoration:none}
.sm:where(.pg-faq) .news_title a:hover{color:#0E3D72;font-size:14px;letter-spacing:-1;text-decoration:underline}
/*뉴스_보도자료 내용*/
.sm:where(.pg-faq) .news_cont {color:#555555;text-decoration:none}
.sm:where(.pg-faq) .news_cont a:link{color:#555555;text-decoration:none}
.sm:where(.pg-faq) .news_cont a:visited{color:#555555;text-decoration:none}
.sm:where(.pg-faq) .news_cont a:hover{color:#FF5500;text-decoration:none}
/*갤러리 제목*/
.sm:where(.pg-faq) .gallery_title {font-size:12px;color:#666666;}
/*갤러리 내용*/
.sm:where(.pg-faq) .gallery_cont {font-size:12px;color:#666666}
/*페이징*/
.sm:where(.pg-faq) .paging {font-size:14px;width:100%;}
.sm:where(.pg-faq) .paging b{font-size:14px;color:#fff;font-weight:normal;text-decoration:none;border:0px solid #000;padding:5px 12px 5px 12px;background:#000;}
.sm:where(.pg-faq) .paging a:link{font-size:14px;color:#777;font-weight:normal;text-decoration:none;border:0px solid #aaa;padding:5px 5px 5px 5px;background:#fff;}
.sm:where(.pg-faq) .paging a:visited{font-size:14px;color:#777;font-weight:normal;text-decoration:none;border:0px solid #aaa;padding:5px 5px 5px 5px;}
.sm:where(.pg-faq) .paging a:hover{font-size:14px;color:#000;font-weight:normal;text-decoration:underline;border:0px solid #000;padding:5px 5px 5px 5px;background:#fff;}
@media (max-width: 768px) {
.sm:where(.pg-faq) .paging {font-size:12px;}
.sm:where(.pg-faq) .paging b{font-size:12px;padding:3px 5px 3px 5px;}
.sm:where(.pg-faq) .paging a:link{font-size:12px;padding:0;}
.sm:where(.pg-faq) .paging a:visited{font-size:12px;padding:0;}
.sm:where(.pg-faq) .paging a:hover{font-size:12px;padding:0;}
}
/*검색폰트(셀렉트박스)*/
.sm:where(.pg-faq) .search_txt {font-size:12px;color:#666666}
/*기본폰트*/
.sm:where(.pg-faq) .board_txt {font-size:12px;color:#000000;text-decoration:none;padding-top:4;}
.sm:where(.pg-faq) .board_txt a:link{font-size:12px;color:#000000;text-decoration:none;}
.sm:where(.pg-faq) .board_txt a:visited{font-size:12px;color:#000000;text-decoration:none;}
.sm:where(.pg-faq) .board_txt a:hover{font-size:12px;color:#000000;text-decoration:none;}
.sm:where(.pg-faq) .board_txt2 {font-size:12px;color:#333333;text-decoration:none;padding-top:4;}
.sm:where(.pg-faq) .board_txt2 a:link{font-size:12px;color:#333333;text-decoration:none;}
.sm:where(.pg-faq) .board_txt2 a:visited{font-size:12px;color:#333333;text-decoration:none;}
.sm:where(.pg-faq) .board_txt2 a:hover{font-size:12px;color:#333333;text-decoration:none;}
.sm:where(.pg-faq) input#border {font-size:14px;color:##666666;border:1 solid #D4D4D4}
.sm:where(.pg-faq) textarea#border {font-size:14px;color:##666666;border:1 solid #D4D4D4}
/* bgcolor : 게시판 항목 */
.sm:where(.pg-faq) .board_bgcolor {width:100px;background-color:#F7F7F7;font-size:12px;color:#000000;height:44px;}
.sm:where(.pg-faq) .board_rate {padding:0 0 0 0;font-size:12px;color:#333333;background-color:#E6F0F9;}
.sm:where(.pg-faq) .board_rate_td {padding:4 5 5 5;font-size:12px;color:#333333;background-color:#FFFFFF}
.sm:where(.pg-faq) .board_comment_bgcolor {background-color:#F6F6F6;}
/* 추출 게시판 스타일에서 link에 line-height를 주면 추출된 제목간 간격을 넓힐 수 있다 */
.sm:where(.pg-faq) .board_output {padding:4 0 0 0;font-size:14px;color:#fff;}
.sm:where(.pg-faq) .board_output a:link{padding:0 0 0 0;font-size:14px;color:#777;text-decoration:none;line-height:20px}
.sm:where(.pg-faq) .board_output a:visited{padding:0 0 0 0;font-size:14px;color:#777;text-decoration:none;}
.sm:where(.pg-faq) .board_output a:hover{padding:0 0 0 0;font-size:14px;color:#333;text-decoration:none;}
.sm:where(.pg-faq) .board_output a:active{padding:0 0 0 0;font-size:14px;color:#333;text-decoration:none;}
/*댓글폰트*/
.sm:where(.pg-faq) .comment_name {font-size:12px;color:#0055B5;text-decoration:none;padding-top:4px;}
.sm:where(.pg-faq) .comment_txt {font-size:12px;text-decoration:none;padding-top:4px;}
.sm:where(.pg-faq) .comment_txt a:link{font-size:12px;text-decoration:none;}
.sm:where(.pg-faq) .comment_txt a:visited{font-size:12px;text-decoration:none;}
.sm:where(.pg-faq) .comment_txt a:hover{font-size:12px;text-decoration:none;}
/* 웹진형 게시판 (세로배열)*/
.sm:where(.pg-faq) .webzine_type2 {width:100%;}
.sm:where(.pg-faq) .webzine_type2 td { color:#666666;  font-size:12px; }
.sm:where(.pg-faq) .webzine_type2 dl,.sm:where(.pg-faq)  #webzine_type2 dt,.sm:where(.pg-faq)  #webzine_type2 dd {margin:0;padding:0}
.sm:where(.pg-faq) .webzine_type2 dl    {float:left;clear:both;width:100%;padding:0 0 16px 0;margin-bottom:0;}
.sm:where(.pg-faq) .webzine_type2 .webzine_type_img_td { vertical-align:top;}
.sm:where(.pg-faq) .webzine_type2 .webzine_type_img img {border:4px solid #cc3232; }
.sm:where(.pg-faq) .webzine_type2 .webzine_type2_table_line { width:100%; border-top:1px solid #cccccc;}
.sm:where(.pg-faq) .webzine_type2 dd   {float:left;width:100%;height:25px;padding:3px 0 1px 0;margin:0 0 -1px 0;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;}
.sm:where(.pg-faq) .webzine_type2 .obj_name {display:inline-block;width:90px;height:25px;padding:5px 0 0 12px;color:#666666;background:url(/api/storage?path=hospital-images/hospital-26/sm/cimg/board/cafe24_webzine/bl_webzine_type2_title.gif) right 6px no-repeat;}
.sm:where(.pg-faq) .webzine_type2 .obj_value {height:25px;padding:5px 0 0 10px;}
/* 이미지가 왼쪽일때 */
.sm:where(.pg-faq) .webzine_type2 .webzine_type_text_td_left { width:100%; padding:0 0 0 8px; }
/* 이미지가 오른쪽일때 */
.sm:where(.pg-faq) .webzine_type2 .webzine_type_text_td_right { width:100%; padding:0 9px 0 0; }
/* 갤러리형 추출 제목, 내용 정렬 */
.sm:where(.pg-faq) .board_output_gallery_subject { text-align:center;width:100%;  font-size:5px;}
.sm:where(.pg-faq) .board_output_gallery_description { text-align:center;width:100%; font-size:5px;}
/* 게시판 기본테이블 */
.sm:where(.pg-faq) .table_02   { width:100%; border-top:3px #666 solid; border-bottom:0px #999999 solid; border-left:0px #e5e5e5 solid;}
.sm:where(.pg-faq) .table_02 td  { border-bottom:1px #cccccc solid; border-right:0px #e5e5e5 solid; padding:4px;color:#777;font-size:17px;height:74px;}
.sm:where(.pg-faq) .table_02 td td {border-bottom:none; border-right:none !important;font-size:17px;}
@media (max-width: 1024px) {
.sm:where(.pg-faq) .table_02   { width:100%; border-top:3px #666 solid; border-bottom:0px #999999 solid; border-left:0px #e5e5e5 solid;}
.sm:where(.pg-faq) .table_02 td  { border-bottom:1px #cccccc solid; border-right:0px #e5e5e5 solid; padding:4px;color:#777;font-size:13px;height:54px;}
.sm:where(.pg-faq) .table_02 td td {border-bottom:none; border-right:none !important;font-size:13px;}
}
.sm:where(.pg-faq) #board_list_output{width:340px;}
.sm:where(.pg-faq) #board_list_output .tab{width:340px;font-size:0;margin:0 10px 0 0;}
.sm:where(.pg-faq) #board_list_output .tab a{font-size:0;padding:0 1px 0 0;}
.sm:where(.pg-faq) #board_list_output .tab .more{float:right;margin:8px 0 0 0;}
.sm:where(.pg-faq) #board_list_output .output_table{width:340px;margin:8px 0 0 0;}
.sm:where(.pg-faq) #board_list_output .output_table td {font-size:11px;font-family:dotum;color:#777777;height:19px;}
.sm:where(.pg-faq) #board_list_output .output_table .title{background:url(/default/img/main/bl_output_board.gif) no-repeat 8px 7px;padding:0 0 0 17px;}
.sm:where(.pg-faq) #board_list_output .output_table a{font-size:11px;font-family:dotum;color:#777777;}
.sm:where(.pg-faq) #board_list_output .output_table .date {color:#999;}
/* ── 07_cdn_cdnjs.cloudflare.com_ajax_libs_fotorama_4.6.4_fotorama.css = 안 실음(둘러보기 .hp-gallery) ── */

/* ── inline main #1 ── */

    
/* ── inline communication-communication01 #1 ── */

 .sm:where(.pg-board-news) select{font-size:13px;-webkit-box-sizing:border-box;padding:4px 5px 4px 5px;border:1px solid #aaa;}
 .sm:where(.pg-board-news) input{font-size:13px;-webkit-box-sizing:border-box;padding:5px 5px 5px 5px;margin:0 0 0 2px;border:1px solid #aaa;}
 .sm:where(.pg-board-news) input[type="image"] {border:1px solid #aaa;padding:6px;}
 @media (max-width: 768px) {
 .sm:where(.pg-board-news) input{width:98%; -webkit-box-sizing:border-box;}
 .sm:where(.pg-board-news) input[type="image"] {border:1px solid #aaa;width:32px;}
 }

/* ── inline communication-communication02 #1 ── */

@media (max-width: 1024px) {
 .sm:where(.pg-consult) input[type="text"]{width:90%; -webkit-box-sizing:border-box;}
}
 .sm:where(.pg-consult) input{webkit-box-sizing:border-box;padding:5px 5px 5px 5px;margin:0 0 0 2px;border:1px solid #ccc;border-radius:5px;}
 .sm:where(.pg-consult) textarea{width:90%; -webkit-box-sizing:border-box;border:1px solid #ccc;border-radius:5px;}

/* ── inline communication-communication02 #2 ── */

        .sm:where(.pg-consult) .formmail_agreement { float:left; }
        
/* ── inline communication-communication03 #1 ── */

 .sm:where(.pg-faq) select{font-size:13px;-webkit-box-sizing:border-box;padding:4px 5px 4px 5px;border:1px solid #aaa;}
 .sm:where(.pg-faq) input{font-size:13px;-webkit-box-sizing:border-box;padding:5px 5px 5px 5px;margin:0 0 0 2px;border:1px solid #aaa;}
 .sm:where(.pg-faq) input[type="image"] {border:1px solid #aaa;padding:6px;}
 @media (max-width: 768px) {
 .sm:where(.pg-faq) input{width:98%; -webkit-box-sizing:border-box;}
 .sm:where(.pg-faq) input[type="image"] {border:1px solid #aaa;width:32px;}
 }

/* ── 클론 보정(빌드 생성) ── */
.sm .hp-srttl{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
.sm .root_daum_roughmap .map{margin:0}
.sm header.hp-dfs-header{display:contents}
.sm .hp-dfs-logo{margin-top:22.78px;margin-bottom:22.78px}
.sm.pg-tour .hp-gallery-wrap .hp-gallery-main{width:100%;aspect-ratio:16/9;position:relative;overflow:hidden}
.sm.pg-tour .hp-gallery-wrap .hp-gallery-main .swiper-slide{height:100%}
.sm.pg-tour .hp-gallery-wrap .hp-gallery-main .swiper-slide>img{display:block;width:100%;height:100%;object-fit:contain}
.sm.pg-tour .hp-gallery-wrap .hp-gallery-main .swiper-button-prev,.sm.pg-tour .hp-gallery-wrap .hp-gallery-main .swiper-button-next{width:32px;height:32px;margin-top:-16px;background-position: initial;background-size: initial;background-repeat: no-repeat;background-attachment: initial;background-origin: initial;background-clip: initial;background-color: initial;opacity:1;transition:opacity .3s}
.sm.pg-tour .hp-gallery-wrap .hp-gallery-main .swiper-button-prev{left:2px;right:auto;background-position:0 -32px}
.sm.pg-tour .hp-gallery-wrap .hp-gallery-main .swiper-button-next{right:2px;left:auto;background-position:-32px -32px}
.sm.pg-tour .hp-gallery-wrap .hp-gallery-main .swiper-button-prev::after,.sm.pg-tour .hp-gallery-wrap .hp-gallery-main .swiper-button-next::after{display:none}
.sm.pg-tour .hp-gallery-wrap .hp-gallery-main .swiper-button-disabled{opacity:.1}
.sm.pg-tour .hp-gallery-wrap .hp-gallery-thumbs{height:68px;padding:2px 0;box-sizing:border-box}
.sm.pg-tour .hp-gallery-wrap .hp-gallery-thumbs .swiper-wrapper{width:max-content;margin:0 auto}
.sm.pg-tour .hp-gallery-wrap .hp-gallery-thumbs .swiper-slide{width:64px;height:64px;box-sizing:border-box;overflow:hidden;cursor:pointer}
.sm.pg-tour .hp-gallery-wrap .hp-gallery-thumbs .swiper-slide>img{display:block;width:100%;height:100%;object-fit:cover}
.sm.pg-tour .hp-gallery-wrap .hp-gallery-thumbs .swiper-slide-thumb-active>img{outline:2px solid #00afea;outline-offset:-2px}