@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(http://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/jejugothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/hanna.css);

body {
scrollbar-3dlight-color:cccccc;
        scrollbar-arrow-color:585858;
        scrollbar-base-color:ffffff;
        scrollbar-darkshadow-color:ffffff;
        scrollbar-face-color:ffffff;
        scrollbar-highlight-color:ffffff;
        scrollbar-shadow-color:585858 
		
		margin: 0;
		min-width: 1100px;
		padding: 0;
		
        font-family: font-family: 'Noto Sans KR', sans-serif !important;

		
}body  
     

td {font-size:14px; line-height: 130%; font-family: 'Noto Sans KR', sans-serif !important; text-decoration: none; color: #3e3e3e; letter-spacing:-0.2px;}

input { clear:both; border:0; outline-style:none;}

/* ·Î°íÅؽºÆ® */
.logot1 {font-family: 'Noto Sans KR', sans-serif !important; font-size:32px; font-weight:bold; color:#0c79ab}
.logot2 {font-family: 'Noto Sans KR', sans-serif !important; font-size:32px; font-weight:bold; color:#000000}


/* ¼­ºê ¹öÆ° ½ºÅ¸ÀÏ */

.buttonmenu, .button:link{
	text-decoration: none;
	color: #ffffff; 
	font-size: 0.95em; 
	font-weight: bold;
	width:144px;
	}


.buttonmenu, .button:visited {
	background: #000; 
	display: inline-block; 
	font-weight: bold;
	padding: 10px 0 10px; 
	color: #ffffff;  
	text-decoration: none;
	position: relative;
	font-size: 0.95em; 
	cursor: pointer;
}

.buttonmenu:hover { background-color: #707070; color: #fff; font-size: 0.95em; font-weight: bold; text-decoration: none; }


.buttontour, .button:link{
	text-decoration: none;
	color: #ffffff; 
	font-size: 0.95em; 
	font-weight: bold;
	}


.buttontour, .button:visited {
	background: #000; 
	display: inline-block; 
	font-weight: bold;
	padding: 10px 10px 10px; 
	color: #ffffff;  
	text-decoration: none;
	position: relative;
	font-size: 0.95em; 
	cursor: pointer;
}

.buttontour:hover { background-color: #707070; color: #fff; font-size: 0.95em; font-weight: bold; text-decoration: none; }


/* Ä«ÇÇ ½ºÅ¸ÀÏ */
.copybigtel {font-size: 1.7em; font-weight: bold; text-decoration: none;}
.copyaccount {font-size: 1.2em; font-weight: bold; text-decoration: none;}





/* ÇÏ´Ü °´½Ç¹Ù·Î°¡±â ŸÀÌƲ */
.roomgotit {font-size: 4.6em; font-weight: 500; text-decoration: none;}

/* ÇÏ´Ü °´½Ç¹Ù·Î°¡±â È¿°ú */
.column {
	margin: 15px 15px 0;
	padding: 0;
	width: 100%;
	box-sizing: border-box;
}
.column:last-child {
	padding-bottom: 60px;
}
.column::after {
	content: '';
	clear: both;
	display: block;
}
.column div {
	position: relative;
	float: left;
	width: 23%;
	height: 280px;
	margin: 0 1%;
	padding: 0;
	box-sizing: border-box;
}
.column div:first-child {
	/* margin-left: 0; */
}
.column div span {
	position: absolute;
	bottom: -20px;
	left: 0;
	z-index: -1;
	display: block;
	width: 268px;
	margin: 0;
	padding: 0;
	color: #444;
	font-size: 18px;
	text-decoration: none;
	text-align: center;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	opacity: 0;
}

.roompadd { padding:0 0 20px; }

figure {
	width: 268px;
	height: 188px;
	margin: 0;
	padding: 0;
	background: #fff;
	overflow: hidden;
}
figure:hover+span {
	bottom: -36px;
	opacity: 1;
}

/* Opacity #1 */
.hover11 figure img {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover11 figure:hover img {
	opacity: .5;
}


/*ÆäÀÌÁö ¹è°æ*/
.pro_bg{
	background-image:url(../img/pro/pro_bg.jpg);
	background-repeat:no-repeat;
	height:588px;
}

.pre_bg{
	background-image:url(../img/preview/pre_bg.jpg);
	background-repeat:no-repeat;
	background-position: center bottom;
	background-color:#eeeeee;
	height:636px;
}

.spe_bg{
	background-image:url(../img/special/spe_bg.jpg);
	background-repeat:no-repeat;
	background-position: center bottom;
	background-color:#eeeeee;
	min-height:230px;
}

/*ÅؽºÆ® ½ºÅ¸ÀÏ*/
.text01 {
	font-family:'Bodoni MT', serif !important;
	font-size:4em;
	color:#000;
}
.text01 span{
	color:#2080aa;
}

.text02 {
	font-size:1.23em;
	color:#464646;
	font-weight:bold;
	font-family:"NG",serif !important;
}

.text03 {
	font-family:'Bodoni MT', serif !important;
	font-size:4.5em;
	color:#969696;
}

.text04 {
	font-size:1.2em;
	color:#383838;
	line-height:27px;
}

.text05 {
	font-size:3.2em;
	color:#383838;
	text-decoration:underline;
	padding-top:20px;
}

.text06 {
	font-size:1.2em;
	color:#383838;
	line-height:25px;
}

.text06 span{
	color:#ff0000;
	font-weight:bold;
}

.text07 {
	font-family:'Myriad Pro', serif !important;
	font-style:italic;
	font-size:20px;
	color:#6b6b6b;
}
.text08{
	font-size:3em;
	color:#2d2d2d;
	border-bottom:1px solid #2d2d2d;
}

.text09{
   font-size:30px;
   color:#2d2d2d;
   font-weight:500;
   line-height:50px;
}

.text10{
   font-size:1.1em;
   color:#2d2d2d;
   line-height:22px;
}

.text11{
   font-size:15px;
   color:#303030;
   line-height:30px;

}

.text12 {
	font-family:"NG",serif !important;
	font-size:14px;
	color:#000;
}


/*¸ÞÀΠƯº°ÇÔ*/

.spego_wrap {
  position: relative;
  width: 100%;
  width:310px;
  max-width:310px;
  height: 180px;
  overflow: hidden;
}

.spego_img {
  display: block;
  width: 100%;
  height: auto;
}

.sp_overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 180px;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #222;
}

.spego_wrap:hover .sp_overlay {
  opacity: 1;
  cursor: pointer;
}

.sptit {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

/* °¶·¯¸® */
.carousel { height: 590px; overflow: hidden; }