@charset "utf-8";
/* CSS Document */


*{margin:0 auto;}

@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

/* * Noto Sans KR (korean) http://www.google.com/fonts/earlyaccess */
@font-face {
font-family: 'Noto Sans KR';
font-style: normal;
font-weight: 100;
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
	 url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
     url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
 }
@font-face {
font-family: 'Noto Sans KR'; font-style: normal;
font-weight: 300;
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}

@font-face {
font-family: 'Noto Sans KR';
font-style: normal;
font-weight: 400;
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
}

@font-face {
font-family: 'Noto Sans KR';
font-style: normal;
font-weight: 500; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
}

@font-face {
font-family: 'Noto Sans KR';
font-style: normal;
font-weight: 700; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
}

@font-face {
font-family: 'Noto Sans KR';
font-style: normal;
font-weight: 900; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
 }


@font-face{
font-family:'Godo';
font-style:normal;
font-weight:700;
src:url('//cdn.jsdelivr.net/korean-webfonts/1/corps/godo/Godo/GodoB.woff2') format('woff2'),
    url('//cdn.jsdelivr.net/korean-webfonts/1/corps/godo/Godo/GodoB.woff') format('woff');
}

@font-face {
font-family: 'NanumBarunGothic';
font-style: normal;
font-weight: 400;
src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot');
src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.ttf') format('truetype');
}
@font-face {
font-family: 'NanumBarunGothic';
font-style: normal;
font-weight: 700;
src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot');
src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.ttf') format('truetype')
}
@font-face {
font-family: 'NanumBarunGothic';
font-style: normal;
font-weight: 300;
src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot');
src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.ttf') format('truetype');
}
.nanumbarungothic * {
font-family: 'NanumBarunGothic', sans-serif;
}
.normal {
font-style: normal;
}
.w250 {
font-weight: 250;
}
.w300 {
font-weight: 300;
}
.w350 {
font-weight: 350;
}
.w400 {
font-weight: 400;
}
.w500 {
font-weight: 500;
}
.w700 {
font-weight: 700;
}
.w800 {
font-weight: 800;
}
.w900 {
font-weight: 900;
}
li span {
line-height: 1.8;
font-size: 1.3em;
}


.notosanskr * {
 font-family: 'NotoSansKR', sans-serif;
}

.normal {
 font-style: normal;
}

.w250 {
 font-weight: 250;
}

.w300 {
 font-weight: 300;
}

.w350 {
 font-weight: 350;
}

.w400 {
 font-weight: 400;
}

.w500 {
 font-weight: 500;
}

.w700 {
 font-weight: 700;
}

.w800 {
 font-weight: 800;
}

.w900 {
 font-weight: 900;
}

li span {
 line-height: 1.8;
 font-size: 1.3em;
}

@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:700&subset=korean');

@charset "utf-8";
.ie6 img {
	width:100%;
	height: auto;
}

ul, li {list-style:none;}

body {
	font: 12px;
	font-family: 'NanumBarunGothic', sans-serif !important;
	list-style: none;
	letter-spacing: -0.3px;
	color:#ffffff;
}

#bu1 a{font-size:12px; color:#ffffff;font-weight:500;}
#bu1 a:hover{font-size:12px; color:#ffffff;font-weight:500;}

.ttext {
	font-size:14px; font-weight:900; letter-spacing:-1.2; color:#fff; text-align:center;}
}


/*레이아웃 설정 */

#blog-header-container {
    position: relative;
    top: 5px;
    width: 100%;
    background-color: #fff;
}

#blog-header-container h1 {
    position: relative;
    top: 0px;
    font-size: 20px;
    font-weight: bold;
}

#menu-container {
    position: relative;
    /* width:100%; */
    padding-left: 0px;
    padding-top: 0px;
	z-index:10;
}
#menu-container.fixed {
    padding-left: 0px;
}
#menu-container .menu-item {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
	width:100%;
}

#blog-container {
  width: 100%;
  margin: 22% 0 0 0;
}
#contents {
	color: #222;
}

#footer{height:70px;width:100%;position:relative;bottom:0;background:#000000;}


/*이하부터 본문꾸밈 */
.rpadd {
    padding-right:10px;
}
.lpadd_menu {
    padding-right:20px;
}

/* quickmenu */
.tqmenuwrap{
  position: relative;
  background: #222;
  height: 43px;
  width: 100%;
}

.tqmenu {
  position: absolute;
  background: #222;
  height: 43px;
	margin: 0 auto;
	right: 0%;
}

.tqmenu ul {
  position: relative;
  margin-top: 3px;
	margin-left: -10%;
  z-index: 1;
}

.tqmenu li {
  float:left;
  margin: 5px;
  z-index: 1;
}

/* admun */
.admun
{	  
	z-index: 0;
    color: #fff;
    padding: 5px 0;
    margin: 0 auto;
    font-weight: bold;
    background: #555;
    width: 100%;
    font-size: 12px;
    text-align: center;
}

/* topmenu */

.topmenu{
  position: relative;
  width: 100%;
}

.logo {
  text-align : center;
	width : 40%;
}
.logo img {
	width : 100%;
	margin: 5% 0;
}
a.logo img {
	width : 100%;
	margin: 5% 0;

}

.logotext {
  color: #a9a9a9;
  font-size:0.6em;
  font-weight:600;
}

.logotextpo {
  color: #56cdd1;
  font-size:0.6em;
  font-weight:600;
}

.menuwrap {
  position: absolute;
	width: 100%;
}

.menuwrap ul {
  position: relative;
  z-index: 1;
  margin-left: -40px;
}

.menuwrap li {
  float: left;
  width: 20%;
  padding: 1% 1%;
}

a.menurollover img { border-width:0px; width: 100%; }
a.menurollover img.over { display:none; }
a.menurollover:hover { border:0px }
a.menurollover:hover img { display:none; }
a.menurollover:hover img.over { display:inline; }


#upchewrap { width:100%; margin:0 auto; padding: 0 0 5% 0;}

.ttextdeco {
  text-align:center;
  font-weight: 500;
  font-size: 1.2em;
  font-family: 'Noto Sans KR';
}

.ttextdeco_sub {
	text-align: center;
	font-weight: 500;
	font-size: 1.2em;
	font-family: 'Noto Sans KR';
	margin: 0;
	background: #8F9FB6;
	color: #fff;
	padding: 2%;
	/* border-top: 1px dotted #8F9FB6;
	border-bottom: 1px dotted #8F9FB6; */
}

.titbar {
  background: #222222;
  height:5px;
  margin-top: 1%;
  }

/* 펜션바로가기 효과 */
.column {
  padding: 0;
}
.column:last-child {
  padding-bottom: 0px;
}
.column::after {
  content: '';
  clear: both;
  display: block;
}
.column div {
  position: relative;
  float: left;
  width: 50%;
	padding: 2%;
}

.column div:first-child {
  margin-left: 0;
}
.column div span {
  position: absolute;
  bottom: -20px;
  left: 0;
  z-index: -1;
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  color: #444;
  font-size: 12px;
  text-decoration: none;
  text-align: center;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  opacity: 0;
}

figure {
  width: 100%;
  margin: 0;
  background: #fff;
  overflow: hidden;
  color:#222;
}

figure :link, figure:hover: {
  width: 100%;
  margin: 0;
  padding: 5px;
  background: #fff;
  overflow: hidden;
  color:#222;
}

figure:hover+span {
  bottom: -36px;
  opacity: 1;
  color:#222;
}

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

.mwimg {
	width:100%;
	height: 95px;
	background: url(../img/pension/1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (min-width: 320px) {
	.mwimg {
		width:100%;
		height: 95px;
		background: url(../img/pension/1.jpg);
		background-repeat: no-repeat;
		background-size: cover;
	}
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (min-width: 360px) {
	.mwimg {
		width:100%;
		height: 110px;
		background: url(../img/pension/1.jpg);
		background-repeat: no-repeat;
		background-size: cover;
	}
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (min-width: 411px) {
	.mwimg {
		width:100%;
		height: 120px;
		background: url(../img/pension/1.jpg);
		background-repeat: no-repeat;
		background-size: cover;
	}
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (min-width: 768px) {
	.mwimg {
		width:100%;
		height: 240px;
		background: url(../img/pension/1.jpg);
		background-repeat: no-repeat;
		background-size: cover;
	}
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (min-width: 1024px) {
	.mwimg {
		width:100%;
		height: 310px;
		background: url(../img/pension/1.jpg);
		background-repeat: no-repeat;
		background-size: cover;
	}
}




.pnamelayer {
  position:absolute;
  height:50px;
  bottom: 24px;
    color: #fff;
    Background: rgba(0, 0, 0, 0.7);


}

/* 펜션바로가기2 효과 */
.column2 {
  padding: 0;
}
.column2:last-child {
  padding-bottom: 0px;
}
.column2::after {
  content: '';
  clear: both;
  display: block;
}
.column2 div {
  position: relative;
  float: left;
  width: 33.3%;
	padding: 2%;
}

.column2 div:first-child {
  margin-left: 0;
}
.column2 div span {
  position: absolute;
  bottom: -20px;
  left: 0;
  z-index: -1;
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  color: #444;
  font-size: 12px;
  text-decoration: none;
  text-align: center;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  opacity: 0;
}

figure2 {
  width: 100%;
  margin: 0;
  background: #fff;
  overflow: hidden;
  color:#222;
}

figure2 :link, figure2:hover: {
  width: 100%;
  margin: 0;
  padding: 5px;
  background: #fff;
  overflow: hidden;
  color:#222;
}

figure2:hover+span {
  bottom: -36px;
  opacity: 1;
  color:#222;
}

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

.mwimg2 {
	width:100%;
	height: 65px;
	background: url(../img/pension/1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (min-width: 320px) {
	.mwimg2 {
		width:100%;
		height: 65px;
		background: url(../img/pension/1.jpg);
		background-repeat: no-repeat;
		background-size: cover;
	}
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (min-width: 360px) {
	.mwimg2 {
		width:100%;
		height: 70px;
		background: url(../img/pension/1.jpg);
		background-repeat: no-repeat;
		background-size: cover;
	}
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (min-width: 411px) {
	.mwimg2 {
		width:100%;
		height: 80px;
		background: url(../img/pension/1.jpg);
		background-repeat: no-repeat;
		background-size: cover;
	}
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (min-width: 768px) {
	.mwimg2 {
		width:100%;
		height: 150px;
		background: url(../img/pension/1.jpg);
		background-repeat: no-repeat;
		background-size: cover;
	}
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (min-width: 1024px) {
	.mwimg2 {
		width:100%;
		height: 200px;
		background: url(../img/pension/1.jpg);
		background-repeat: no-repeat;
		background-size: cover;
	}
}


.pnamelayer2 {
  position:absolute;
  height:50px;
  bottom: 24px;
    color: #fff;
    Background: rgba(0, 0, 0, 0.7);


}


/*---버튼 스타일---*/
.button, .button:link{
color: #ffffff;
font-size: 0.7em;
font-weight: 400;
LETTER-SPACING: 0.2;
width: 100%;
}

.button, .button:visited {
width: 100%;
background: #222 url(overlay.png) repeat-x;
display: inline-block;
font-weight: 400;
padding:  2% 0 ;
color: #ffffff;
text-decoration: none;
position: relative;
cursor: pointer;
LETTER-SPACING: 0.2px;

}

.button:hover{
background-color: #646464; color: #ffffff; LETTER-SPACING: 0.2px; text-decoration: none;
}

.btnbotpad {
padding-bottom:1.5%;
}

.pnamepad {
font-weight:700;
letter-spacing:0;
font-size:0.95em;
padding: 1%;
}

#text{
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 50px;
  color: white;
  transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
}



/*---버튼 스타일---*/
.button2, .button2:link{
color: #ffffff;
font-size: 0.5em;
font-weight: 400;
LETTER-SPACING: 0;
width: 100%;
}

.button2, .button2:visited {
width: 100%;
background: #222 url(overlay.png) repeat-x;
display: inline-block;
font-weight: 400;
padding:  2% 0 ;
color: #ffffff;
text-decoration: none;
position: relative;
cursor: pointer;
LETTER-SPACING: 0;

}

.button2:hover{
background-color: #646464; color: #ffffff; LETTER-SPACING: 0; text-decoration: none;
}

.btnbotpad2 {
padding-bottom:1.5%;
}

.pnamepad2 {
font-weight:700;
letter-spacing:0;
font-size:0.7em;
}

#text2{
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 50px;
  color: white;
  transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
}

/*---버튼 스타일 3---*/
.button3, .button3:link{
color: #ffffff;
font-size: 12px;
font-weight: 400;
LETTER-SPACING: -0.2px;
width: 100%;
}

.button3, .button3:visited {
width: 100%;
background: #A6B3C3;
display: inline-block;
font-weight: 400;
padding:  10px 20px 10px ;
color: #ffffff;
text-decoration: none;
position: relative;
cursor: pointer;
LETTER-SPACING: -0.2px;

}

.button3:hover{
background-color: #646464; color: #ffffff; LETTER-SPACING: -0.2px; text-decoration: none;
}

.btnbotpad3 {
padding-bottom:30px;
}

.pnamepad3 {
padding:7px 10;
font-weight:700;
letter-spacing:0.5px;
font-size:16px;
}

#text3{
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: 50px;
	color: white;
	transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
}


/* top scroll */
#myBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 2%; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
}

#myBtn:hover {
  /* background-color: #555; */
}


/* 뉴드림홈피 꾸밈 */

.m_morepsname { font-family: 'Nanum Gothic', serif; font-size:2.5em; color: #272727; font-weight:600; padding:29px 0 27px 0;}
.m_morepsbpad { padding:0 0 0 46px; }
.m_morepsbpad2 { padding:46px; }
.m_morepsbpad3 { padding:20px 0 20px 0; }
.m_morepsbpad4 { padding:0px; }
.m_morepsinfot { color: #343434; padding:0 0 8px 0; font-size:1em;  }
.m_morepsinfotext { color: #838383; font-size:1em;  }
.m_morepsresertit {  font-family: 'Noto Sans KR'; font-size:1.4em; color: #444443; font-weight:500; padding:0px 0 10px 0; }
.m_morepsresertext { font-family: 'Noto Sans KR'; color: #888; font-size:14px; line-height:140%; font-weight:400; }
.m_submtit { font-size:1.2em; color:#3c3c3c; font-weight:700; padding:20px 0 15px 0; }
.m_listbpad { padding:0 0 44px 0; }

.m_ndbt_wrap {width: 100%; position:relative; }
.m_ndbt_pad {padding-top:3px;}
.m_ndbt_pad2 {padding:2px;}
.m_ndbt_wrap:after {content:""; display:block; clear:both; *zoom:1}
.m_ndbt { float:left;  width:32%; margin-right:0.1em; margin-left:0.1em; margin-bottom: 3px;}
.m_ndbt a:link, .m_ndbt a:visited, .m_ndbt a:active {
 display:block;
  border:1px solid #222222;
 text-align:center;
 padding: 6px 5px 6px 5px;
 text-decoration: none;
 background-repeat:repeat-x;
 background:#ffffff;
 color:#222;
 font-size:0.95em;
 font-weight:500;
 letter-spacing:-0.7px;
 overflow:hidden;
 border-radius: 20px;
}

.m_ndbt a:hover {
 display:block;
 border:1px solid #222222;
 text-align:center;
 padding: 6px 5px 6px 5px;
 text-decoration: none;
 background:#393939;
 color:#ffffff;
 font-size:0.95em;
 font-weight:500;
 letter-spacing:-1px;
 overflow:hidden;
}

.m_ndbton { float:left; width:32%; margin-right:0.1em; margin-left:0.1em;  }
.m_ndbton {
 display:block;
 text-align:center;
 padding: 6px 5px 6px 5px;
 text-decoration: none;
 background:#393939;
 color:#ffffff;
 font-size:0.95em;
 font-weight:500;
 letter-spacing:-1px;
 overflow:hidden;
 border-radius: 20px;
 border:1px solid #222222;
 margin-bottom: 3px;
}
.m_ndbton a:link, .m_ndbton a:visited, .m_ndbton a:active, .m_ndbton a:hover {
	color:#ffffff;
	text-decoration: none;
	text-align:center;
	font-weight:500;
	overflow:hidden;
	border-radius: 20px;
}

.m_ndsmpad{
    display: block;
	width: auto;
    height: 3px;
}

.m_dsmtline { border-top:1px dotted #989898; }

.mlocalpad { padding: 1px;}

.m_submtit { font-size:1.2em; color:#3c3c3c; font-weight:700; padding:5px 0 5px 0; }

.newdmmenu a:link, .newdmmenu a:visited, .newdmmenu a:active {
	color:#ffffff;
	text-decoration: none;
	text-align:center;
	font-weight:600;
	}

.newdmmenu a:hover {
	color:#ededed;
	text-decoration: none;
	text-align:center;
	font-weight:600;
	}


/* 객실바로가기 효과 */
.column {
	margin: 5px 5px 0;
	padding: 0;
}
.column:last-child {
	padding-bottom: 0px;
}
.column::after {
	content: '';
	clear: both;
	display: block;
}
.column div {
	position: relative;
	float: left;
	width: 50%;
	margin: 0 0 0 0;
	padding: 0;
}
.column div:first-child {
	margin-left: 0;
}
.column div span {
	position: absolute;
	bottom: -20px;
	left: 0;
	z-index: -1;
	display: block;
	width: 100%;
	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;
}

figure {
	width: 100%;
	margin: 0;
	padding: 5px;
	background: #fff;
	overflow: hidden;
	color:#222;
}

figure :link, figure:hover: {
	width: 100%;
	margin: 0;
	padding: 5px;
	background: #fff;
	overflow: hidden;
	color:#222;
}

figure:hover+span {
	bottom: -36px;
	opacity: 1;
	color:#222;
}

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


.m_green_window {
	display: inline-block;
	width: 78%;
	height: 35px;
	border: 3px solid #ff493d;
	background: white;
}
.m_input_text {
	width: 100%; height:auto;
	padding: 6px 10px;
	border: 0;
	line-height: 16px;
	font-weight: 400;
	font-size: 14px;
	outline: none;
}
.m_sch_smit {
	width: 20%; height: 35px;
	margin: 0; border: 0;
	vertical-align: top;
	background: #ff493d;
	color: white;
	font-weight: bold;
	border-radius: 1px;
	cursor: pointer;
}
.m_sch_smit:hover {
	background: #ff493d;
}