p, a, h1, h2, h3, h4, h5, h6 {
    transform: skew(-0.1deg);
}


#wrap {
  width: 100%;
  margin: 0;
  padding: 0;
}
html, body {
  width: 100%;
  width: 100%;
  height: 100%;
}
body {
  width: 100%;
  font-family: 'Noto Sans KR', sans-serif;
  overflow-x: hidden !important;
	text-decoration: none;
}

/**프리미엄***********************************************/
.pre {
  position: relative;
  display: block;
  width: 100%;
  height: 145vw;
}
.pretitlebox {
	position: absolute;
    width: 43vw;
    height: 10vw;
    z-index: 99;
    left: 29vw;
    top: 14vw;
}
.pretitlebox p {
	font-size: 7vw;
	line-height: 5vw;
	font-weight: 700;
	color: #1b2741
}
.swiper-container {
  position: relative;
  width: 85%;
  height: 87vw;
  margin: 0 auto;
  top: 21%;
}
.prepicbox {
	position: absolute;
    width: 100%;
    height: 42vw;
    z-index: 99;
    bottom: 0;
}
.prepicbox img {
	width: 100%;
}
.pretxtbox {
	position: absolute;
    width: 100%;
    height: 40vw;
    z-index: 99;
    top: 0;
	text-align: center;
}
.pretxtbox h1 {
	color: #005bac;
	font-size: 3vw;
	padding-top: 1vw;
}
.pretxtbox h2 {
	color: #000000;
	font-size: 6vw;
	font-weight: 700;
	padding-top: 4vw;
}
.pretxtbox h3 {
	color: #2d2d2d;
	font-size: 3.7vw;
	font-weight: 500;
	padding-top: 4vw;
	letter-spacing: -0.1vw;
}
.pretxtbox h4 {
	color: #3d3d3d;
	font-size: 3vw;	
	padding-top: 4vw;
	letter-spacing: -0.1vw;
	line-height: 4.2vw;
}
.pre img {
  width: 100%;
}
.pret {
  display: block;
  margin: 0 auto;
  position: absolute;
  width: 100% !important;
  top: 0;
}
.pre .swiper-wrapper {
  position: relative;
}
.pre .swiper-wrapper img {
  width: 90%;
  text-align: center;
  margin: 0 auto;
  display: block;
  position: relative;
}
.swiper-pagination {
  position: relative;
  text-align: center;
  transition: .3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
  top: 39vw;
}
.swiper-pagination-bullet {
    width: 3vw;
    height: 3vw;
    display: inline-block;
    margin-left: 2vw;
    border-radius: 100%;
    border: 2px solid #fff;
}
.prebg {
	position: absolute;	
	width: 100%;
    height: 140vw;
	top:0;
}
.prebg img {
	width: 100%;
}
/**********************************************/
#facility {
  position: relative;
  width: 100%;
  height: 123vw;
  display: block;
}
.factxtbox {
	position: absolute;
	width: 67vw;
	height: 24vw;
	top:12vw;
	left: 16vw;
	z-index: 99;	
	text-align: center;
}
.factxtbox h1 {
	font-size: 9vw;
	font-weight: 900;
	color: #1b2741;
}
.factxtbox h2 {
	color: #3d3d3d;
	font-size: 3.5vw;
	font-weight: 500;
	padding-top: 4vw;
	letter-spacing: -0.1vw;
	line-height: 4.5vw;
}
.facbox {
	position: relative;
	width: 85%;
	height: 68vw;
	top: 41vw;
	left: 15vw;
	overflow: hidden;
}
.facsltxt {
    position: absolute;
    width: 54vw;
    height: 16vw;
    top: 51vw;
    left: 5vw;
    z-index: 99;
}
.facsltxt h1{
	font-size: 5.5vw;
	font-weight: 600;
	color: #fff;
}
.facsltxt h2{
	font-size: 3.5vw;
	color: #fff;
	padding-top: 2vw;
}
.swiper-container2 {
  position: relative;
  width: 90%;
}
#facility .swiper-wrapper {
	width: 100%;
}
#facility .swiper-wrapper img {
  width: 90%;
  display: block;
  position: relative;
}


/* 0818_SH - Table Scroll Bar Custom - */


.scroll{
    width: 100%;
    overflow-x: scroll;
    box-sizing: border-box;
}

.simplebar-content-wrapper {
      overflow: auto;
    }
    
.loading-box {position:relative; width:100%; height: 30px; line-height: 28px;}
.loading-box .scroll_txt {position: relative; padding-top: 10px; font-weight: 700; font-size: 12px; text-align: center; animation:moveBox 6.5s ease-in-out infinite alternate-reverse; position:absolute; top:1px; left:0%; }
.loading-box .scroll_txt:after {content: ''; position: absolute; top: 0; left: 6px; background:url('../img/sub/lr_arr_ico.png') 48% 0 no-repeat; background-size:30px; width: 30px;
    height: 25px; }

@keyframes moveBox {
	from {left:0%;}
	to {left:100%;}
}

/* 0818_SH - Table Scroll Bar Custom - END */

/**********************************************/
.open {
  position: fixed;
  width: 100%;
  display: block;
  margin: 0 auto;
  bottom: 0px;
  z-index: 100000000;
}
/*footer*/
#footer {
  position: relative;
  width: 100%;
  height: 41vw;
  bottom: 0;
  display: block;
  top: 0;
}
#footer img {
  display: block;
  width: 100%;
}
.dasan {
  width: 30vw;
  height: 7vw;
  position: absolute;
  display: block;
  z-index: 99999;
  top: 28vw;
  right: 5vw;
}
.wh {
	width: 100%;
	height: 10vw;
	background-color: #e7e2dc;
	color: #2a2b2b;
	z-index: 999999999;
	position: fixed;
	display: block;
	bottom:0;
	text-align: center;
	line-height: 9vw;
	font-weight: 700;
	font-size: 1.2em;
}
/*footer end*/