@charset "UTF-8";

@import url('http://fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif');

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
	font-weight: 100;
    src: url('font/NotoSans/NotoSans-Thin.woff') format('woff');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
	font-weight: 300;
    src: url('font/NotoSans/NotoSans-Light.woff') format('woff');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
	font-weight: 400;
    src: url('font/NotoSans/NotoSans-Regular.woff') format('woff');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
	font-weight: 500;
    src: url('font/NotoSans/NotoSans-Medium.woff') format('woff');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
	font-weight: 700;
    src: url('font/NotoSans/NotoSans-Bold.woff') format('woff');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
	font-weight: 900;
    src: url('font/NotoSans/NotoSans-Bold.woff') format('woff');
}

@font-face {
    font-family:'Noto Serif';
    font-style: normal;
	font-weight: 400;
    src: url('font/NofoSerif/NotoSerif-Regular.woff') format('woff');
}

/* Reset CSS
 * --------------------------------------- */
 html { height:100%; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
    padding: 0;
    margin: 0;
	font-size:13px;
	font-family: 'Noto Sans KR','NanumGoithic', "맑은 고딕", "Malgun Gothic" , "Apple Gothic", "돋움", Dotum, "굴림", Gulim, sans-serif;
	letter-spacing:-0.025em;
}
a{
	text-decoration:none;
}
table {
    border-spacing: 0;
}
fieldset,img {
    border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
    font-weight: normal;
    font-style: normal;
}
strong{
	font-weight: bold;
}
ol,ul {
    list-style: none;
    margin:0;
    padding:0;
}
caption,th {
    text-align: left;

}
h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
    font-size: 100%;
    margin:0;
    padding:0;
    color:#444;
}
q:before,q:after {
    content:'';
}



/* 전체 페이지 */
abbr,acronym { border: 0; }
/* fullpage-pager */
.fullpage-pager-wrap {
	position:fixed;
	top:0;
	right:14px;
	bottom:0;
	display:table;
	z-index: 100;
	height:100%;
}
.fullpage-pager {
	display:table-cell;
	width: 100%;
	padding: 0;
	margin:0;
	vertical-align:middle;
}
.fullpage-pager li + li {
	margin-top:8px
}
.fullpage-pager li a {
	display:block;
	border:1px solid #fff;
	width:10px;
	height:10px;
	border-radius:50%;
	background:transparent;
	background:rgba(0,0,0,.1);
	text-indent:-999px;
	overflow:hidden;
	font-size:1px;
	line-height:1px;
	box-shadow:0 0 5px rgba(0,0,0,.3);
}
.fullpage-pager li.active a {
	background:#fff;
}
.fullpage-pager li a:hover,
.fullpage-pager li a:focus {
	background:rgba(255,255,255,.5);
}


/* MAIN */
#poster {
	display:none;
	position: absolute;
	top:50%;
	left:50%;
	min-width: 100%;
	min-height: 100%;
	-webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	/*background-size: 100% 100%;
	background:url("../images/main/poster.jpg") center center no-repeat;
	background-size:cover;*/
	background:transparent;
	z-index:5;
}
#poster span { 
	position:absolute;
	font-size:13px;
	height:27px;
	line-height:26px;
	color:#555;
	text-align:center;
	width:222px;
	background:#fff;
	border-radius:13px;
	left:50%;
	top:50%;
	margin-left:-111px;
	margin-top:-13px;
	font-weight:300;
	opacity:.6; 
	-webkit-animation: blink 2s infinite;
	-moz-animation: blink 2s infinite;
    -ms-animation: blink 2s infinite;
    -o-animation: blink 2s infinite;
	animation: blink 2s infinite;
}

@-webkit-keyframes blink {
 0% {opacity:.6}
 50% {opacity:.9}
}
@keyframes blink {
 0% {opacity:.6}
 50% {opacity:.9}
} 
#myVideo{
	position: absolute;
	top:50%;
	left:50%;
	min-width: 100%;
	min-height: 100%;
	background-size: 100% 100%;
	-webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	background-color: black; /* in case the video doesn't fit the whole page*/
	background-image: /* our video */;
	background-position: center center;
	background-size: contain;
	object-fit: cover; /*cover video background */
	z-index:3;
}
body.main {
	height:100%;
	background:url("../images/common/loading.png") center center no-repeat #000;
}
body.main > * { display:none;opacity:0; }


video#myVideo::-webkit-media-controls {
  display:none !important;
}

.vdobtn-cont {
	position:absolute;
	z-index:4;
	border:0;
	top:993px;
	left:57%;
	margin-left:-100px;
	color:#000;
	bottom:0;
	width:200px;
	height:20px;
	text-align:center;
}
.vdobtn { outline:0;height:20px;border:0;overflow:hidden;text-indent:-999px;background:url("../images/main/vdo_controls.png") no-repeat;}
.vdobtn.soundon { width:88px;background-position:0 0; }
.vdobtn.soundoff { width:88px;background-position:0 -20px; }
.vdobtn.pause { width:21px;background-position:right 0; }
.vdobtn.play { width:21px;background-position:right -20px; }

.header {
	position:fixed;
	z-index:900;
	top:0;
	left:0;
    /*left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
	max-width:2356px;*/
	width:100%;    
	height:75px;
    background:#fff; min-width: 1200px;
  border-bottom:1px solid #e8e8e8;
}
#header {position:fixed;top:-2px;background:#fff;width:100%;min-width:1200px;height:75px;border-top:2px solid #bea085;border-bottom:1px solid #e8e8e8;z-index:500;}
#header h1 {float:left;margin-left:20px;padding-top:5px;}

.header #gnb1{position:relative;width:65%; margin-left: 18%; margin-top: 5px;}
.header #gnb1 > li {float:left;margin-right:1px;text-align:center;margin-top:9px;}
.header #gnb1 > li > a {display:block;height:51px;line-height:3.3em;padding:0 42px;font-size:15px;font-weight:bold;color:#000;}
.header #gnb1 > li > a:hover {color:darkslategray;}
.header #gnb1 > li > a:hover ul {margin-top:1px;}
.header #gnb1 > li > a.active {color:darkslategray;}

.header #gnb1 > li > ul {position:absolute;top:65px;width:180px;display}
.header #gnb1 > li > ul.navi_01 {left:-25px;}
.header #gnb1 > li > ul.navi_02 {left:110px;}
.header #gnb1 > li > ul.navi_03 {left:245px;}
.header #gnb1 > li > ul.navi_04 {left:605px;}
.header #gnb1 > li > ul.navi_05 {left:740px;}
.header #gnb1 > li > ul > li {background:url(../images/main/gnb1.jpg) repeat left top;}
.header #gnb1 > li > ul > li a {line-height:3.5em;height:45px;padding:0 7px;margin-bottom:1px;font-size:13px;font-weight:bold;text-align:center;display:block;color:#111111;}
.header #gnb1 > li > ul > li a:hover {color:darkolivegreen;}

.header .header-wrap {
	position:relative;
	margin:0 auto;
	max-width:2356px;
}
.header .header-wrap > h1 {
	position:absolute;
	width:334px;
	left:50%;
	top:40px;
	margin-left:-167px;
}
.header h1 { float:left;margin-left:20px;padding-top:5px;
width: 200px; height: 60px;}
.header.active h1 a {
	background:none;
}
.header button.gnb-toggle {
	width:22px;
	height:22px;
	position:absolute;
	top:17px;
	left:20px;
	border:0;
	background:transparent;
	z-index:999;
	outline:0;
} 
.header button.gnb-toggle:before,
.header button.gnb-toggle:after,
.header button.gnb-toggle span {
	content:"";
	display:block;
	width:22px;
	height:2px;
	text-indent:-999px;
	overflow:hidden;
	background:#fff;
	left:0;
	position:absolute;
	opacity:1;
	transition:all .3s;
	-webkit-transform: rotate(0deg);;
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);;
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
.header button.gnb-toggle:before { top:2px; }
.header button.gnb-toggle:after { top:10px; }
.header button.gnb-toggle span { top:18px; }

.header button.gnb-toggle.active:before { background:#8a8a8a;top:10px;-webkit-transform: rotate(45deg);;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);;
    -o-transform: rotate(45deg);
    transform: rotate(45deg); }
.header button.gnb-toggle.active:after { background:#8a8a8a;opacity:0; }
.header button.gnb-toggle.active span { background:#8a8a8a;top:10px;-webkit-transform: rotate(-45deg);;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);;
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg); }
.header .header-wrap > a  {
	color:#fff;
	font-size:13px;
	position:absolute;
	height:20px;
	line-height:20px;
	padding:0 5px;
	border:1px solid rgba(255,255,255,.6);
	top:17px;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s;
	z-index:999;
}
.header .header-wrap > a:hover {
	background:rgba(0,0,0,.1);
	border:1px solid rgba(255,255,255,.8);
}
.header a.reservation {
	left:54px;
}
.header a.watch {
	right:20px;
} 

.header.active {}
.header.active .gnb {
	top:0;
}
.header.active button.gnb-toggle:before,
.header.active button.gnb-toggle:after,
.header.active button.gnb-toggle span {
	background:#8a8a8a;
}
.header.active .header-wrap > a {
	border-color:#8a8a8a;
	color:#8a8a8a;
}
.header.active .header-wrap > a.blog {
	display:block;
}
.header.active .header-wrap > a.instagram {
	display:block;
}
.header.active .header-wrap > a.facebook {
	display:block;
}

.pop-watch {
    display:none;
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:rgba(0,0,0,.8);
    z-index:9999;
}
/*.pop-video {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    max-width:1920px;
    width:100%;
    padding:0 3%;
    box-sizing:border-box;
}*/
.pop-video {
    position:absolute;
    top:70px;
    bottom:80px;
    left:0;
    width:100%;
    box-sizing:border-box;
    
}
.pop-video video {
    display:block;
    /*width:100%;*/
    height:100%;
    margin:0 auto;
}

.pop-video:before,
.pop-video:after {
    position:absolute;
    top:-25px;
    right:3%;
    content:"";
    width:30px;
    height:1px;
    background:#fff;
}
.pop-video:before {
	-webkit-transform: rotate(45deg);;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);;
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.pop-video:after {
    -webkit-transform: rotate(-45deg);;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);;
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

/*.scroll-next {
	position:fixed;
	bottom: 20px;
	left:50%;
	margin-left:-25px;
	z-index: 999;
	width:92px;
	height:92px;
	background:url("../spre1/images/n.png")  0 0 no-repeat;
	overflow:hidden;
	text-indent:-999px;
	z-index:100;
	display:none;
}*/
/*.scroll-next:hover {
	animation-duration: 2s;
    animation-name: jump;
	animation-iteration-count: infinite;
	animation-timing-function:ease-out;
}*/
.scroll-next:hover {
	-webkit-animation: jump 2s infinite ease-out; 
	-moz-animation: jump 2s infinite ease-out;
    -ms-animation: jump 2s infinite ease-out;
    -o-animation: jump 2s infinite ease-out;
	animation: jump 2s infinite ease-out;
}
@keyframes jump {
  from { bottom:20px; }
  25% { bottom:40px; }
  50% { bottom:20px; }
  to {  bottom:20px; }
}

#section1 .fp-tableCell{
    overflow:hidden;
}
#section1 .bx-wrapper {
    position:relative;
    height:100%;
}
#section1 .bx-wrapper,
#section1 .bx-viewport,
#section1 ul,
#section1 li {
    display:block;
    margin:0 auto;
	width:100%;
    height:100% !important;
    box-sizing:border-box;
}
#section1 li {
	position:relative;
}
#section1 li img {
	position:absolute;
	display:block;
	left:50%;
	top:50%;
	-webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	min-width:100%;
	min-height:100%;
}
#section1 .bx-controls {
}
#section1 .bx-prev,
#section1 .bx-next {
    position:absolute;
    display:block;
    margin-top:-36px;
    top:50%;
    left: 85px;
    width: 42px;
    height: 72px;
    background: url('../images/main/arr_left.png') center no-repeat;
    text-indent:-9999px;
    z-index:100;
}
#section1 .bx-next {
    left: auto;
    right: 85px;
    background-image: url('../images/main/arr_right.png');
}

/* SECTION2  .quick */
.quick {
    width: 100%;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	box-sizing:border-box;
	z-index:4;
    float: left;
    background-color:darkolivegreen;
}
.quick li {
	position:absolute;
    top: 8%;
	width:33%;
	height:78%;
	box-sizing:border-box;
}
.quick li a {
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	display:block;
	right:0;
	bottom:0;
}
.quick li a span {
	position:absolute;
	width:220px;
	height:150px;
	left:50%;
	top:45%;
	margin-left:-110px;
	margin-top:-140px;
	background:#3d3d3d;
	text-align:center;
	color:#fff;
	box-sizing:border-box;
	padding-top:45px;
	box-shadow:0 0 15px rgba(0,0,0,0);
	
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-ms-transition:all .5s;
	-o-transition:all .5s;
	transition:all .5s;
	z-index:99;
    /*animation-name: opacitySpecial;
	animation-fill-mode: forwards;
	animation-timing-function:ease-out;
    animation-delay: .3s;
    animation-duration: .3s;*/
    opacity:0;
}
.fp-completely li a span {
    width: 100%;
    margin-left:-50%; 
    top:118%;
    height: 140px;
    opacity:1;
}

.fp-completely li:nth-child(2) a span {
	-webkit-transition:all 1s;
	-moz-transition:all 1s;
	-ms-transition:all 1s;
	-o-transition:all 1s;
    transition:all 1s;
} 
.fp-completely li:nth-child(3) a span {
	-webkit-transition:all 1.5s;
	-moz-transition:all 1.5s;
	-ms-transition:all 1.5s;
	-o-transition:all 1.5s;
    transition:all 1.5s;
} 
.fp-completely li a:hover span {
    width:100%;
    height:120px;
    font-size:15px;
/*    margin-left:-115px;*/
    margin-top:-145px;
	background-color:darkolivegreen;
	box-shadow:0 0 15px rgba(0,0,0,.3);	
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-ms-transition:all .5s;
	-o-transition:all .5s;
    transition:all .5s;
}
.quick li a span:before {
	content:"";
	display:block;
	width:10px;
	height:20px;
	background:#fff;
	-webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
	margin:-20px auto 5px auto;
}
.quick li a span:after {
	content:"";
	display:block;
	/*background:url("../images/main/quick_logo1.png") no-repeat #fff;*/
	width:100%;
	height:188px;
	position:absolute;
	top:0;
	left:0;
}
.quick li:nth-child(1) a span:after { background-position:center 70; }
.quick li:nth-child(2) a span:after { background-position:center -100px; }
.quick li:nth-child(3) a span:after { background-position:center -270px; }
.quick li:nth-child(4) a span:after { background-position:center -460; }
.quick li:nth-child(5) a span:after { background-position:center -660; }
.quick li a:after {
	content:"";
	position:absolute;
	width:100%;
	height:100%;
	z-index:90;
	opacity:0;
	-webkit-transition:opacity 1s;
	-moz-transition:opacity 1s;
	-ms-transition:opacity 1s;
	-o-transition:opacity 1s;
	transition:opacity 1s;
	top:0;
	left:0;
	right:0;
	bottom:0;
}

/*
#facs {
    padding-bottom: 50px;
}
*/
#facs {
    top:0%;
    height: auto;
/*    background: #121212;*/
    text-align: center;
}
.cpage {
    clear: both;
    position: relative;
    overflow: visible;
    width: 100%;
    height: auto;
    min-height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.decoEng {
    font-size: 11px;
    line-height: 20px;
    color: #888888;
    text-align: center;
}
#facs ul {
    width: 100%;
    height: auto;
    padding-top: 250px;
    margin-left: 10px;
}
.slider_area {
    width: 100%;
    height: 100%;
    font-size: 0px;
    white-space: nowrap;
    word-break: break-all;
}
ul, ol {
	list-style: none;
	padding:0;
}
#facs ul li {
    width: 13%;
    max-width: 120%;
    padding: 0 1%;
    font-size: 14px;
    line-height: 19px;
    color: #616161;
    font-weight: bold;
    cursor: pointer;
}
.slider_area li {
    white-space: normal;
    word-break: normal;
    position: relative;
    display: inline-block;
    _display: inline;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
#facs ul .photo {
    display: inline-block;
    position: relative;
    z-index: 5;
    overflow: hidden;
    width: 355px;
    max-width: 100%;
    border-radius: 25px;
    padding-top: 100%;
    margin-bottom: 30px;
}
#facs ul .photo .loader {
    position: absolute;
    top: 0;
    transform: scale(1) rotate(0deg);
    transition: transform 0.5s;
}
.loader {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    transform-origin: 50% 50%;
    left: 0%;
}
#facs ul .titleE {
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 20px;
    color: #8d8d8d;
    font-weight: bold;
    font-family: 'Libre Baskerville', serif !important;
    transition: color 0.5s;
}
#facs ul .titleH {
    margin-bottom: 30px;
    font-size: 16px;
    color: #8d8d8d;
    font-weight: bold;
    font-family: 'Libre Baskerville', serif !important;
    transition: color 0.5s;
}


.quick li:nth-child(1) {width:25%;left:0%; }
.quick li:nth-child(2) { width:25%;left:25%; }
.quick li:nth-child(3) { width:25%;left:50%; }
.quick li:nth-child(4) { width:25%;left:75%; }
.quick li:nth-child(5) { width:20%;left:80%; }
/*.quick li:nth-child(1) img {width:100%;}*/
.quick li:nth-child(1) a { background:url("../images/main/quick1.jpg") center center no-repeat;background-size:cover; }
.quick li:nth-child(2) a { background:url("../images/main/quick2.jpg") center center no-repeat;background-size:cover; }
.quick li:nth-child(3) a { background:url("../images/main/quick3.jpg") center center no-repeat;background-size:cover; }
.quick li:nth-child(4) a { background:url("../images/main/quick4.jpg") center center no-repeat;background-size:cover; }
.quick li:nth-child(5) a { background:url("../images/main/quick5.png") center center no-repeat;background-size:cover; }
.quick li:nth-child(1) a:hover:after,
.quick li:nth-child(1) a:focus:after { opacity:1;background:url("../images/main/quick1_on.jpg") center center no-repeat;background-size:cover; }
.quick li:nth-child(2) a:hover:after,
.quick li:nth-child(2) a:focus:after { opacity:1;background:url("../images/main/quick2_on.jpg") center center no-repeat;background-size:cover; }
.quick li:nth-child(3) a:hover:after,
.quick li:nth-child(3) a:focus:after { opacity:1;background:url("../images/main/quick3_on.jpg") center center no-repeat;background-size:cover; }
.quick li:nth-child(4) a:hover:after,
.quick li:nth-child(4) a:focus:after { opacity:1;background:url("../images/main/quick4_on.jpg") center center no-repeat;background-size:cover; }
.quick li:nth-child(5) a:hover:after,
.quick li:nth-child(5) a:focus:after { opacity:1;background:url("../images/main/quick5_on.png") center center no-repeat;background-size:cover; }

.roomPre_list { position:relative;width:100%; padding-left:39.3%;max-width:1920px; text-align: right; z-index:2; }
.roomPre_list li { display:inline-block; width:50.8%; overflow:hidden; margin-left:-3px; margin-top:-6px;}
.roomPre_list li a { display:block; text-align:center; font-family:"Noto Sans KR", "NanumBarunGothic", sans-serif;}
.roomPre_list li a img { height:50.4vh;width:100%; vertical-align:top; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.roomPre_list li a:hover img, .roomPre_list li a:focus img {}
.roomPre_list li a .text01 { display:block; margin:0.3em 0 0.6em; font-size:16px; color:#000; line-height:1.5em; font-weight:700;}
.roomPre_list li a .text02 { display:block; font-size:15px; color:#656565; line-height:1.3em;}

.roomPre_list2 { position:relative;width:100%; text-align: center; top:17%; z-index:2; }
.roomPre_list2 li { display:inline-block; width:21%;}
.roomPre_list2 li a { display:block; text-align:center; font-family:"Noto Sans KR", "NanumBarunGothic", sans-serif;}
.roomPre_list2 li a img {width:100%; vertical-align:top; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.roomPre_list2 li a:hover img, .roomPre_list li a:focus img {-webkit-transform:rotateY(180deg); transform:rotateY(180deg)}
.roomPre_list2 li a .text01 { display:block; margin:0.3em 0 0.6em; font-size:16px; color:#000; line-height:1.5em; font-weight:700;}
.roomPre_list2 li a .text02 { display:block; font-size:15px; color:#656565; line-height:1.3em;}

#section0{
    position:relative;
	overflow: hidden;
	text-align:center;
}
/*#section0:before {
    content:"";
    position:absolute;
	left:0;
    width:100%;
    height:50%;
    z-index:4;
    background: -moz-linear-gradient(top, rgba(99,99,99,0.65) 0%, rgba(43,43,43,0) 30%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(top, rgba(99,99,99,0.65) 0%,rgba(43,43,43,0) 30%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom, rgba(99,99,99,0.65) 0%,rgba(43,43,43,0) 30%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6636363', endColorstr='#00000000',GradientType=0 );
}*/

/* FOOTER */
.footer {
/*padding-top:87px;*/
	height:200px;
	position:relative;
	background:#fff;
}
.footer ul.fnb {
	border-top:1px solid #ccc;
	text-align:center;
	padding-top:50px;
	padding-bottom:65px;
}
.footer ul.fnb li {
	display:inline-block;
	margin:0 40px;
}
.footer ul.fnb li strong {
	font-family:"Noto Serif","serif";
	font-size:17px;
	color:#271d1d;
	display:block;
	padding-bottom:15px;
}
.footer ul.fnb li p {
	padding:10px 0;
	font-weight:500;
	font-size:14px;
	color:#555;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
.footer ul.fnb li a {
	color:#000;
}
.footer ul.fnb li address {
    color: #271d1d;
    font-size: 17px;
    line-height: 20px;
    padding-top: 15px;
	display:contents;
}




   .row_cover {

  display:table;
  /*width:100%;*/ 
}

.row_cover.landscape {
  background:#807873;
}
.intro_content {
  position:relative;
  display:table-cell;
  vertical-align: middle;
  text-align:center;
}
/*.row_cover .intro_content::before {
  content:'';
  position:absolute;
  top:50%;
  left:0;
  width:50px;
  height:1px;
  background:#000;
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
  z-index:10;
}
*/
.row_cover {
  color:#807873;
  font-size:1.07em;
  font-weight:100;
}
.row_cover a {
  color:#807873;
  /* padding:0 10px; 
  line-height:1;*/
}

.row_cover.landscape, .row_cover.landscape a {
  color:#fff;
}
.row_cover.landscape .intro_content::before {
  background:#fff;
  left:auto;
  right:0;
  -webkit-transform:translate(50%,-50%);
  transform:translate(50%,-50%);
}
 .intro_image {
  display:table-cell;
  vertical-align: middle;
  width:52.3%;
}
.intro_image img {
  width:100%;
  /*float:left;*/
}
.text_bot {
  margin-top:2%;
}

.text_top {
  font-size:1.9rem;
  font-family: 'Noto Sans KR', sans-serif;
  letter-spacing:0.5em;
}
.text_top .strong {
  font-weight:500;
}
.text_bot ul li + li::before {
  content:'|';
  /*margin:0 10px;*/
}
.text_bot ul li a {
	position:relative;
}
.text_bot ul li a::before, .text_bot ul li a::after {
	content:'';
	position:absolute;
	height:1px;
	width:100%;
	left:0;
	background:#807873;
	opacity:0;
	-webkit-transform:scale(0,1);
	-ms-transform:scale(0,1);
	transform:scale(0,1);
	-webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out;

}
.text_bot ul li.active a::before, .text_bot ul li.active a::after, .text_bot ul li a:hover::before, .text_bot ul li a:hover::after {
	opacity:1;
	-webkit-transform:scale(1,1);
	-ms-transform:scale(1,1);
	transform:scale(1,1);
}
.text_bot ul li a::before {
	top:0;
}
.text_bot ul li a::after {
	bottom:0;
}

@media  (max-width: 1680px){
	.text_top {
  font-size:1.5rem;
  font-family: 'Noto Sans KR', sans-serif;
  letter-spacing:0.5em;
}
	}
@media  (max-width: 1480px){
.intro_content {font-size:0.9em}
.text_top {letter-spacing:0.4em;}
.text_top {
  font-size:1rem;
  font-family: 'Noto Sans KR', sans-serif;
  letter-spacing:0.5em;
}
}

@media  (max-width: 1024px){
.text_top {letter-spacing:0.3em;}
.row_cover .intro_content::before {width:25px;}
}

@media  (max-width: 768px){
  .intro_content {font-size:0.6em}
/* .intro_content {font-size:0.5em} */
}

@media  (max-width: 560px){
/* .intro_content {font-size:0.45em} */
.text_top {letter-spacing:0.1em;}
}

@media  (max-width: 420px){
/* .intro_content {font-size:0.4em} */
}


.box {width: 180px; height: 57px; position: absolute; z-index: 10000; top: 89%; left: 86%; background-color:#fff;}
@media (max-width:1600px){
    .box {top: 65%; left: 3.8%;}
}
@media (max-width:1440px){
    .box { width: 
        180px; height: 110px; top: 63.6%; left: 12%;}
}
@media (max-width:1280px){
    .box { width: 
        180px; height: 80px; top: 64.6%; left: 11.3%;}
}
#section3 {
	/*background:url("") 0 0 no-repeat;
	background-size:cover;*/
}
#section3 .special {
	background:rgba(255,255,255,.9);
	margin:11% 0;
	width:100%;
	
	height:100%;
	-webkit-transition:all 1s;
	-moz-transition:all 1s;
	-ms-transition:all 1s;
	-o-transition:all 1s;
	transition:all 1s;
}
#section3.active .special {
	/*left:0;*/
}
#section3 .special .bx-wrapper {
	margin:0 auto;
	opacity:0;
}
/*#section3.active .special .bx-wrapper {
    animation-name: opacitySpecial;
	animation-fill-mode: forwards;
	animation-timing-function:ease-out;
    animation-delay: 1s;
    animation-duration: 1s;
}*/
#section3.active .special .bx-wrapper {
	-webkit-animation: opacitySpecial 1s 1s forwards ease-out; 
	-moz-animation: opacitySpecial 1s 1s forwards ease-out;
    -ms-animation: opacitySpecial 1s 1s forwards ease-out;
    -o-animation: opacitySpecial 1s 1s forwards ease-out;
    animation: opacitySpecial 1s 1s forwards ease-out;
}
#section3 .special .bx-wrapper li {
	text-align:center;
}
#section3 .special .bx-wrapper li a {
	display:block;
	width:296px;
	height:158px;
	box-sizing:border-box;
	position:relative;
	overflow:hidden;
}
#section3 .special .bx-wrapper li a img {
	display:block;
}
#section3 .special .bx-wrapper li a:after {
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	border:4px solid #316ec8;
	box-sizing:border-box;
	top:0;
	left:0;
	opacity:0;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s;
}
#section3 .special .bx-wrapper li a:hover:after,
#section3 .special .bx-wrapper li a:focus:after {
	opacity:1;
}
#section3 .special h2 { 
	background:#414141; 
	margin:35px auto 50px;
	width:140px;
	text-align:center;
	padding:5px 50px;
	font-family:'Noto Serif','serif';
	color:#fefefe;
	font-size:15px;
	font-style:italic;
	white-space:nowrap;
	opacity:0;
}
/*#section3.active .special h2 {
	animation-name: opacitySpecial;
	animation-fill-mode: forwards;
	animation-timing-function:ease-out;
	animation-delay: .5s;
	animation-duration: 1s;
}*/
#section3.active .special h2 {
	-webkit-animation: opacitySpecial 1s .5s forwards ease-out;
	-moz-animation: opacitySpecial 1s .5s forwards ease-out;
    -ms-animation: opacitySpecial 1s .5s forwards ease-out;
    -o-animation: opacitySpecial 1s .5s forwards ease-out;
	animation:opacitySpecial 1s .5s forwards ease-out;
}
@media (max-width:1800px){
#section3 .special{bottom:20px !important;}
.cpage {
    clear: both;
    position: relative;
    overflow: visible;
    width: 100%;
    height: 50%;
    min-height: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;}
	
.fp-tableCell {
/*
    display: table-cell;
    vertical-align: middle;
    width: 1333px;
    height: 50%;
*/
}

#rooms{
	padding:0 !important;
	
	}
	
#rooms .photoWrap {
    position: absolute;
    right: 0;
    top: 0px;
    bottom: 0;
    left: 1%;
    margin-left: 524px;
    background-position: center;
    background-size: cover;
}

.box1 .w3-button demo img{
    left: -3px;
    
    height:126px !important;
}


.bada-center{
	position: absolute;
    bottom: -130px !important;
    left: 0;
}

.btnWrap .img{
margin: -25px 0 0px 30px !important;

height: 25px;
	}

#header_pc .top_menu_area #tnb{
	/*float:none !important;*/
	}
	
}
	
.slider_area {
    width: 50%;
    height: 20%;
    font-size: 0px;
    white-space: nowrap;
    word-break: break-all;}
	
    #myVideo{
	position: absolute;
	top:50%;
	left:50%;
	min-width: 10%;
	min-height: 10%;
	background-size: 100% 100%;
	-webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -53%);
	background-color: black; /* in case the video doesn't fit the whole page*/
	background-image: /* our video */;
	background-position: center center;
	background-size: contain;
	object-fit: cover; /*cover video background */
	z-index:3;
}
    
     
}
      
    .quick li a span {
    position: absolute;
    width: 140px;
    height: 100px;
    margin-left: -110px;
    margin-top: -100px;
    padding-top: 0px;
}
}

@media (max-width:1730px){
#section1 li img{width:100%;}
#myVideo{width:100%;}
#section3 .special{bottom:-60px !important;}
    
.cpage {
    margin-left: 50px;
    clear: both;
    position: relative;
    overflow: visible;
    width: 35%;
    height: 50%;
    min-height: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;}
	
/*.fp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 40%;
    height: 50%;
}      */

.bada-center{
	position: absolute;
    bottom: -99px !important;
    left: 0;
}

.w3-button demo img{
    left: -3px;
    *left: auto;
    height: 126px !important;}
	
.btnWrap .img{
margin: -47px 0 0px 34px !important;

height: 25px;
	}

#header_pc .top_menu_area #tnb{
	float:none !important;
	}

}
    
    
    .quick li a span {
    position: absolute;
    width: 140px;
    height: 100px;
    margin-left: -110px;
    margin-top: -100px;
    padding-top: 0px;
    }
 .loader {
    width: 100%;
    height: 60%;
    margin-top: 30% !important;
}
    }
	
@media (max-width:1680px){
	
.w3-button demo img{
    left: -3px;
    *left: auto;
    height: 126px !important;}
	
.bada-center{
	position: absolute;
    bottom: -180px !important;
    left: 0;
}	
	
	}




@media (max-width:1600px){
#section1 .bx-wrapper, #section1 .bx-viewport, #section1 ul, #section1 li{width:1600px}
    .text01 img {border: 1px solid red;}
    #im {border: 1px solid red;}
#facs ul li {
    width: 20%;
    max-width: 120%;
    padding: 0 1%;
    font-size: 14px;
    line-height: 19px;
    color: #616161;
    font-weight: bold;
    cursor: pointer;
}    
.fp-tableCell {
    display: table-cell;
    vertical-align: sub;
    width: 40%;
    height: 50%;
}      

.w3-button demo img{
    left: -3px;
    *left: auto;
    height: 126px !important;}
	
.bada-center{
	position: absolute;
    bottom: -205px !important;
    left: 0;
}

.btnWrap .img{
margin: -47px 0 0px 34px;

height: 25px;
	}

#header_pc .top_menu_area #tnb{
	float:none !important;
	}

#rooms .photoWrap {
    position: absolute;
    right: 0;
    top: 25px !important; 
    bottom: 0;
    left: 1%;
    margin-left: 581px;
}

#rooms {

    padding-left: 90px;
    font-size: 16px;
    line-height: 26px;
    color: #979797;
}
#rooms .btnWrap{margin-top:7% !important;}

    #myVideo{
    transform: translate(-50%, -60%);
}
}

@media  (max-width: 1440px){
	
	    #myVideo{
    transform: translate(-50%, -60%);
}
    #header_pc #sub_menu_area #snb>li:nth-child(1){margin-left:0px !important;}
    #header_pc #sub_menu_area #snb>li:nth-child(2){margin-left:0px !important;}
    #header_pc #sub_menu_area #snb>li:nth-child(3){margin-left:0px;}
     #header_pc #sub_menu_area #snb>li:nth-child(4){margin-left:40px !important; width: 30px;}
    #header_pc #sub_menu_area #snb>li:nth-child(5){margin-left:106px !important; width: 30}
     #header_pc #sub_menu_area #snb>li:nth-child(6){margin-left:111px !important; width: 30}
#facs ul {
    width: 100%;
    height: auto;
    padding-top: 50px;
    margin-left: -80px;
}
    #section1 .bx-prev,
#section1 .bx-next {
    position:absolute;
    display:block;
    margin-top:-36px;
    top:50%;
    left: 45px;
    width: 42px;
    height: 72px;
    background: url('../images/main/arr_left.png') center no-repeat;
    text-indent:-9999px;
    z-index:100;
}
#section1 .bx-next {
    left: auto;
    right: 40px;
    background-image: url('../images/main/arr_right.png');
}
    #section1 li img {
    position: absolute;
    display: block;
    left: 50%;
    top: 51.5%;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
}


.bada-center{
	position: absolute;
    bottom: -38% !important;
    left: 0;
}

.btnWrap .img{
margin: -23px 0 0px 63px !important;

height: 22px;
	}

#header_pc .top_menu_area #tnb{
	float:none !important;
	}
	
	
	#rooms .btnWrap{  margin-top:10% !important;}
}

@media  (max-width: 1366px){
#section1 .bx-wrapper, #section1 .bx-viewport, #section1 ul, #section1 li{width:1360px}
#header_pc .top_menu_area #tnb li {
    float: left;
    margin-left: -10px;
    height: 86px;
}
    #header_pc #sub_menu_area #snb>li:nth-child(1){margin-left:-18px !important;}
    #header_pc #sub_menu_area #snb>li:nth-child(2){margin-left:0px !important;}
    #header_pc #sub_menu_area #snb>li:nth-child(3){margin-left:15px;}
     #header_pc #sub_menu_area #snb>li:nth-child(4){margin-left:9px !important; width: 30px;}
    #header_pc #sub_menu_area #snb>li:nth-child(5){margin-left:121px !important; width: 30}
     #header_pc #sub_menu_area #snb>li:nth-child(6){margin-left:122px !important; width: 30}
    #header_pc #sub_menu_area { background:#333; opacity:0.7; display:none; position:fixed; width:100%; height: 35% !important; top:86;}

#rooms .btnWrap{margin-top:9% !important;}
#rooms .btnWrap .box1 img{width:85% !important;}
#rooms .btnWrap .box2 img{width:85% !important;}
#rooms .btnWrap .box3 img{width:85% !important;}
#rooms .btnWrap .box4 img{width:85% !important;}
.bada-center{ bottom:-55% !important;}




.slider_area {
    width: 50%;
    height: 20%;
    font-size: 0px;
    white-space: nowrap;
    word-break: break-all;}
	
    #myVideo{
    transform: translate(-50%, -65%);
}


@media  (max-width: 1360px){
#section1 .bx-wrapper, #section1 .bx-viewport, #section1 ul, #section1 li{width:1360px}
.header #gnb > li > ul{width:129px !important;}
.header #gnb1 > li > ul.navi_01{left:69px !important;}
.header #gnb1 > li > ul.navi_02{left:184px!important;}
.header #gnb1 > li > ul.navi_03{left:316px !important;}
.header #gnb1 > li > ul.navi_04{left:444px !important;}
.header #gnb1 > li > ul.navi_05{left:576px !important;} 

#rooms .photoWrap {
    position: absolute;
    right: 0;
    top: 104px !important; 
    bottom: 0;
    left: 1%;
    margin-left: 590px !important;
}



}

@media (max-width:1280px){
    .subTitle{ left: 80% !important;}
#section1 .bx-wrapper, #section1 .bx-viewport, #section1 ul, #section1 li{width:1280px}
#section1 li img{width:100%;}
#myVideo{width:100%;}
#section3 .special{bottom:15px !important;}
#facs ul{padding-top:5px; margin-left: -10%;}
#section1 .bx-wrapper, #section1 .bx-viewport, #section1 ul, #section1 li{width:1600px}
    #header_pc #sub_menu_area #snb>li:nth-child(1) {
    margin-left: 0px !important;
}
#header_pc #sub_menu_area #snb>li:nth-child(2) {
    margin-left: -50px !important;
}
    #header_pc #sub_menu_area #snb>li:nth-child(3) {
    margin-left: -23px !important;
}
        #header_pc #sub_menu_area #snb>li:nth-child(4) {
    margin-left: -16px !important;
}
            #header_pc #sub_menu_area #snb>li:nth-child(5) {
    margin-left: 95px !important;
}
            #header_pc #sub_menu_area #snb>li:nth-child(6) {
    margin-left: 90px !important;
}
#header_pc #sub_menu_area #snb {margin-left:230px !important; }
#header_pc .top_menu_area #tnb li a {
    margin-left: 32px;
    font-family: 'NGB';
    font-size: 18px;
    font-weight: bolder;
    letter-spacing: -1px;
    display: inline-block;
    margin-top: 20px;
    padding: 20px 4px 0 24px !important;
}
    #r1 {width: 30px !important;}
 #header_pc #sub_menu_area { background:#333; opacity:0.7; display:none; position:fixed; width:100%; height: 33% !important; top:86;}
#header_pc #sub_menu_area #snb>li {padding:15px 0 30px 20px; display:block;  float:left;}
#facs ul li {
    width: 17%;
    max-width: 120%;
    padding: 0 1%;
    font-size: 14px;
    line-height: 19px;
    color: #616161;
    font-weight: bold;
    cursor: pointer;
}
        #section1 .bx-prev,
#section1 .bx-next {
    position:absolute;
    display:block;
    margin-top:-36px;
    top:50%;
    left: 50px;
    width: 42px;
    height: 72px;
    background: url('../images/main/arr_left.png') center no-repeat;
    text-indent:-9999px;
    z-index:100;
}
#section1 .bx-next {
    left: auto;
    right: 87px;
    background-image: url('../images/main/arr_right.png');
}
    #i1 {margin-left: -20%}
}

@keyframes opacitySpecial {
  from { opacity:0 }
  to {opacity:1; }
}
.special {
	padding-bottom:px;
	margin-top:3.9%;
}
.special li:hover strong { 
	color:#3e78cc;
}
.special li strong {
	font-family:'Noto Serif','serif', 'Noto Sans KR','NanumGoithic', "맑은 고딕", 'Nanum Myeongjo';
	display:block;
	font-size:17px;
	font-style:italic;
	color:#494949;
	margin-top:15px;
	margin-bottom:7px;
}
.no-italic {
	font-style:normal !important;
}
.special li span {
	color:#888;
	font-size:13px;
	display:block;
	font-weight:300;
}
.special .bx-controls-direction { position:relative; }
.special .bx-controls-direction a { 
	position:absolute;
	width:20px;
	height:22px;
	background:url("../images/main/bx_arr.png") no-repeat;
	text-indent:-999px;
	bottom:128px;
	overflow:hidden;
}
.special .bx-controls-direction .bx-prev { background-position:0 0;left:-90px; }
.special .bx-controls-direction .bx-next { background-position:right 0;right:-90px; }

/* FOOTER */
.footer {
/*padding-top:87px;*/
	height:200px;
	position:relative;
	background:#fff;
}
.footer ul.fnb {
	border-top:1px solid #ccc;
	text-align:center;
	padding-top:50px;
	padding-bottom:65px;
}
.footer ul.fnb li {
	display:inline-block;
	width:385px;
	margin:0 40px;
}
.footer ul.fnb li strong {
	font-family:"Noto Serif","serif";
	font-size:17px;
	color:#271d1d;
	display:block;
	padding-bottom:15px;
}
.footer ul.fnb li p {
	padding:10px 0;
	font-weight:500;
	font-size:14px;
	color:#555;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
.footer ul.fnb li a {
	margin-top:20px;
	display:inline-block;
	height:39px;
	/*width:39px;*/
    padding:0 11px 0 9px;
	border-radius:50%;
	line-height:38px;
	font-family:"Noto Serif","serif";
	font-style:italic;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	background:#b6b6b6;
}
.footer ul.fnb li address {
    color: #271d1d;
    font-size: 17px;
    line-height: 20px;
    padding-top: 15px;
	display:contents;
}


.footer1 {
/*padding-top:87px;*/
	height:200px;
	position:relative;
	background:#fff;
}
.footer1 ul.fnb1 {
	border-top:1px solid #ccc;
	text-align:center;
/*	padding-top:50px;
padding-bottom:65px;*/
}
.footer1 ul.fnb1 li {
	display:inline-block;
	width:385px;
	margin:0 40px;
}
.footer1 ul.fnb1 li strong {
	font-family:"Noto Serif","serif";
	font-size:17px;
	color:#271d1d;
	display:block;
	padding-bottom:15px;
}
.footer1 ul.fnb1 li p {
	padding:10px 0;
	font-weight:500;
	font-size:14px;
	color:#555;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
.footer1 ul.fnb1 li a {
	margin-top:20px;
	display:inline-block;
	height:39px;
	/*width:39px;*/
    padding:0 11px 0 9px;
	border-radius:50%;
	line-height:38px;
	font-family:"Noto Serif","serif";
	font-style:italic;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	background:#b6b6b6;
}
.footer1 ul.fnb1 li address {
    color: #271d1d;
    font-size: 1rem;
    line-height: 20px;
    padding-top: 15px;
	display:contents;
}
.select-quick {
	height:24px;
	position:absolute;
	z-index:9;
	top:75px;
	left:50%;
	margin-left:-130px;
	width:260px;
}
.select-quick button {
	display:block;
	background:url("../images/main/select_up_arr.gif") 240px center no-repeat #fff;
	border:1px solid #aaa;
	height:24px;
	width:260px;
	box-sizing:border-box;
	font-size:12px;
	text-align:left;
	padding:0 10px;
	outline:0;
}
.select-quick ul { 
	position:absolute; 
	border:1px solid #fff;
	border-bottom:0;
	width:260px;
	box-sizing:border-box;
	left:0;
	bottom:24px;
	background:#fff;
	overflow:hidden;
	max-height:0;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-ms-transition:all .5s;
	-o-transition:all .5s;
	transition:all .5s;
	padding:5px 0;
}
.select-quick.on ul {
	max-height:1000px;
	border:1px solid #aaa;
	border-bottom:0;
}
.select-quick ul li a {
	display:block;
	line-height:24px;
	font-size:12px;
	padding:0 10px;
	color:#777;
}
.select-quick ul li a:hover {
	background:#f5f5f5;
}

body.main > .popup {
	display:block;
	opacity:1;
	min-width:300px;
}
.popup {
	background:#fff;
	position:absolute;
	z-index:9999;
	top:100px;
	right:82px;	
}
.popup.hide {
	display:none !important;
	opacity:0;
}

.popup-body a { display:block; }
@media (max-height: 816px) { 
	.popup {
		top:auto;
		bottom:10px;
	}
	.popup .popup-body {
		max-height:90vh;
		box-sizing:border-box;
	}
	.popup .popup-body a {
		max-height:calc(90vh - 50px);
	}
	.popup .popup-body a img {
		display:block;
		max-height:calc(90vh - 50px);
		margin:0 auto;
	}
}
.popup .close {
	padding:0 20px 10px;
	position:relative;
}
.popup .close input { vertical-align:middle;border-radius:0; }
.popup .close label { color:#3c3c3c;vertical-align:middle;font-size:14px; }
.bnn-close { 
	border:0;
	padding:0;
	background:none;
	position:absolute;
	right:25px;
	top:5px;
	color:#555;
	outline:0;
	cursor:pointer;
}
.bnn-close span {
	display:inline-block;
	height:20px;
	font-size:14px;
	line-height:20px;
	vertical-align:bottom;
}
.ico-x {  
	display:inline-block;
	width:20px;
	height:20px;
	vertical-align:bottom;
	position:relative;
}
.ico-x:before,
.ico-x:after {
	content:'';
	width:20px;
	height:1px;
	background:#555;
	display:block;
	position:absolute;
	top:10px;
	left:0px;
}
.ico-x:before { 
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
}
.ico-x:after {
	-webkit-transform:rotate(135deg);
	-moz-transform:rotate(135deg);
	-ms-transform:rotate(135deg);
	transform:rotate(135deg);
}
}