@charset "utf-8";

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


/* base */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0;padding:0;border:0; }
html, body {height:100%;}
* {margin: 0; padding: 0; box-sizing: border-box;}
body{font-family:'Noto Sans KR', sans-serif; font-size:16px; color:#666;word-break:keep-all;-webkit-text-size-adjust:none;-webkit-user-select:none; font-weight:400;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: 300;}
a:link {color:#666; text-decoration:none; }
a:visited {color:#666; text-decoration:none; }
a:hover {color:#666; text-decoration:none; }
a:active {color:#666; text-decoration:none; }
a:focus {color:#666; text-decoration:none; }
a, span {display: inline-block;}
input,textarea,select,button{border: 0; font-size: inherit; font-family: inherit; font-size: inherit; resize: none;}
i,em,address{font-style:normal}
label,button{cursor:pointer}
button{margin:0;padding:0; border:none; }
button * {position:relative; overflow:hidden;}
input:focus, textarea:focus, select:focus {outline: none;}
select, option {-webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none;}
select::-ms-expand {display: none; /* 화살표 없애기 for IE10, 11*/}
/* button{border:none; text-indent:-9999px} */
ol, ul {list-style: none;}
u{text-decoration:none}
label {cursor: pointer;}
dfn, address{font-style:normal;}
legend, caption {width:1px; height:1px; font-size:0; line-height:0; margin:-1px;}
img {vertical-align: top;}
textarea{resize:none;}
table{/* border-collapse:collapse;table-layout:fixed; */ border-collapse:collapse;border-spacing:0}
/*  img, a{outline: none; select-dummy: expression(this.hideFocus=true); }  */
/* HTML5 Reset */


.blind {position: absolute; left:-9999px; top:-9999px; width:0; height:0; font-size:0; line-height:0;}


input[type="text"] {box-sizing:border-box; -webkit-appearance:none;}
input[type="checkbox"] {}
input::placeholder {
  color: #333;
}

.radio input[type="radio"] {display:none;}
.radio input[type="radio"] + label {color:#3b4859; font-size: 15px; line-height: 36px;}
.radio input[type="radio"] + label span {display:inline-block; width:20px; height:20px; border-radius: 10px; vertical-align: -5px; background: #fff; background-size: cover; border: 1px solid #b3b3b3; cursor: pointer; margin-right: 10px;}
.radio input[type="radio"]:checked + label {color: #3b4859;}
.radio input[type="radio"]:checked + label span {position: relative;}
.radio input[type="radio"]:checked + label span:after {content: ''; display: inline-block; position: absolute; width: 6px; height: 6px; border-radius: 3px; background: #656565; top: 6px; left: 6px;}

.tc {text-align:center;}
.tr {text-align:right;}
.tl {text-align:left;}

.b2{width:50%; float:left;}
.b3{width:33%; float:left;}

.fl {float:left;}
.fr {float:right;}
.clear {clear:both;}
.clearfix:after{content:''; display:block; clear:both;}

#skip-nav {position: absolute; width: 100%; top: 0; left: 0; z-index: 2000;}
#skip-nav a {display:block; width:1px; height:1px; margin-bottom: -1px; overflow: hidden; text-align: center; color: #fff; font-weight: 500;}
#skip-nav a:focus, #accessibility a:active {width:100%; height: auto; padding:10px 0; background-color: #555;}

/*********************************************
* Main Event Popup
*********************************************/
.pop_notice_set{position :absolute;top:125px;left:-10px;z-index:5000}
.pop_notice_set .pop_notice{ float: left; margin: 10px 0 0 10px;background :#fff;position:relative}
.pop_notice_set .pop_notice .pop_notice_content{ width: auto; max-width: 460px; min-height: 200px; /* border: 1px solid #3d3d3d; */background :#fff;text-align:left;}
.pop_notice_set .pop_notice .pop_notice_content p{margin:10px;line-height:1.4}
.pop_notice_set .pop_notice .pop_notice_content img{ width: 100%; min-width: 200px}
.pop_notice_set .pop_notice .pop_notice_footer{ position: absolute; left: 0; bottom: 0; right: 0; /* border-width: 0 1px 1px; */ background: #252525;/* border-style :solid; */border-color:#3d3d3d; height:50px; line-height:38px;padding:5px 10px 0 ;text-align :left}
.pop_notice_set .pop_notice .pop_notice_footer input{ vertical-align: middle}
.pop_notice_set .pop_notice .pop_notice_footer label{ color: #ADACAC; vertical-align: middle; display: inline-block}
.pop_notice_set .pop_notice .pop_notice_footer a.btn_close {background: url(../../images/homepage/common/ico_popup_close.png) center center no-repeat; width: 17px; height: 17px; display: inline-block; text-indent: -9999px; position: absolute; right: 15px; top: 15px;}
.pop_notice_set .pop_notice .pop_notice_footer a.notToday{display :inline-block;padding:0 15px 0 5px;/* background :url(../../images/homepage/common/ico_close.gif) 0 50% no-repeat;font-family:dotum; */font-size:14px; color: #fff;}
.pop_notice_set .pop_notice .pop_notice_content.bg01{ width: 383px; height: 319px; background: url(../../images/homepage/common/bg_ind_pop.jpg) no-repeat!important}
.pop_notice_set .pop_notice .pop_notice_content.bg02{ width: 383px; height: 319px; background: url(../../images/homepage/common/bg_ind_pop02.jpg) no-repeat!important}
.pop_notice_set .pop_notice .pop_notice_content.bg03{ width: 383px; height: 319px; background: url(../../images/homepage/common/bg_ind_pop03.jpg) no-repeat!important}
.pop_notice_set .pop_notice .pop_notice_content.bg01 p,.pop_notice_set .pop_notice .pop_notice_content.bg02 p,.pop_notice_set .pop_notice .pop_notice_content.bg03 p{margin:13px 16px}

/*********************************************
* loading Box
*********************************************/
.loadingWrap { height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 9999; display:none; }
.loadingBg {background: none repeat scroll 0 0 #fff; height: 100%; left: 0; filter:alpha(opacity=50,FinishOpacity=0,Style=0);-moz-opacity:0.50; opacity: 0.5; position: absolute; top: 0; width: 100%; }
.loading {border: 1px solid #BBA07C;margin-left: -500px;
background: #f2f2f2; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmY2ZjZmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #f2f2f2 0%, #fcfcfc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#fcfcfc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f2f2f2 0%,#fcfcfc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f2f2f2 0%,#fcfcfc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f2f2f2 0%,#fcfcfc 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f2f2f2 0%,#fcfcfc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#fcfcfc',GradientType=0 ); /* IE6-8 */
position:fixed;top:-1px;left:50%;width:1000px;height:51px;line-height:50px;z-index:9999;text-align:center;}
.loading p {color:#525252;letter-spacing:-0.03em;}


/***************
Booking Button
***************/
.bookingButton {
  position: fixed;
  right: 50px;
  bottom: 50px;
  width: 95px;
  height: 95px;
  border-radius: 50%;
  margin: 0 auto;
  overflow: hidden;
  text-indent: -9999px;
  z-index: 9999;
  box-shadow: 4px 4px 18px rgba(0,0,0,0.17);  
}

.bookingButton .booking-img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 4;
    opacity: 1;
    background: url(/LavideAtlanHotel_common/images/homepage/common/booking-img.png?v=1) center 23px no-repeat;
    -webkit-animation: booking-img 5s infinite alternate;
    -moz-animation:    booking-img 5s infinite alternate;
    -o-animation:      booking-img 5s infinite alternate;
    animation:         booking-img 5s infinite alternate;
}

.bookingButton .booking-img2 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 3;
    opacity: 0;
    background: url(/LavideAtlanHotel_common/images/homepage/common/booking-img2.png) center 23px no-repeat;
    -webkit-animation: booking-img2 5s infinite alternate;
    -moz-animation:    booking-img2 5s infinite alternate;
    -o-animation:      booking-img2 5s infinite alternate;
    animation:         booking-img2 5s infinite alternate;
}

@-webkit-keyframes booking-img {
  18% { opacity: 1; }
  20% { opacity: 0; }
  80% { opacity: 0; }
  82% { opacity: 1; }
  90% { opacity: 1; }
}
@-moz-keyframes booking-img {
  18% { opacity: 1; }
  20% { opacity: 0; }
  80% { opacity: 0; }
  82% { opacity: 1; }
  90% { opacity: 1; }
}
@-o-keyframes booking-img {
  18% { opacity: 1; }
  20% { opacity: 0; }
  80% { opacity: 0; }
  82% { opacity: 1; }
  90% { opacity: 1; }
}
@keyframes booking-img {
  18% { opacity: 1; }
  20% { opacity: 0; }
  80% { opacity: 0; }
  82% { opacity: 1; }
  90% { opacity: 1; }
}

@-webkit-keyframes booking-img2 {
  18% { opacity: 0; }
  20% { opacity: 1; }
  80% { opacity: 1; }
  82% { opacity: 0; }
  90% { opacity: 0; }
}
@-moz-keyframes booking-img2 {
  18% { opacity: 0; }
  20% { opacity: 1; }
  80% { opacity: 1; }
  82% { opacity: 0; }
  90% { opacity: 0; }
}
@-o-keyframes booking-img2 {
  18% { opacity: 0; }
  20% { opacity: 1; }
  80% { opacity: 1; }
  82% { opacity: 0; }
  90% { opacity: 0; }
}
@keyframes booking-img2 {
  18% { opacity: 0; }
  20% { opacity: 1; }
  80% { opacity: 1; }
  82% { opacity: 0; }
  90% { opacity: 0; }
}
    
.bookingButton .booking-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 100%;
    top: 0;
    z-index: 2;
    background: #6f6f6f;
    -webkit-animation: booking-bg 5s ease-in-out infinite alternate;
    -moz-animation:    booking-bg 5s ease-in-out infinite alternate;
    -o-animation:      booking-bg 5s ease-in-out infinite alternate;
    animation:         booking-bg 5s ease-in-out infinite alternate;
}

.bookingButton .booking-bg2 {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    background: #fff;
    -webkit-animation: booking-bg2 5s ease-in-out infinite alternate;
    -moz-animation:    booking-bg2 5s ease-in-out infinite alternate;
    -o-animation:      booking-bg2 5s ease-in-out infinite alternate;
    animation:         booking-bg2 5s ease-in-out infinite alternate;
}

@-webkit-keyframes booking-bg {
  10% { left: 100%; }
  20% { left: 100%; }
  30% { left: 0; }
  80% { left: 0; }
  90% { left: 100%; }
}
@-moz-keyframes booking-bg {
  10% { left: 100%; }
  20% { left: 100%; }
  30% { left: 0; }
  80% { left: 0; }
  90% { left: 100%; }
}
@-o-keyframes booking-bg {
  10% { left: 100%; }
  20% { left: 100%; }
  30% { left: 0; }
  80% { left: 0; }
  90% { left: 100%; }
}
@keyframes booking-bg {
  10% { left: 100%; }
  20% { left: 100%; }
  30% { left: 0; }
  80% { left: 0; }
  90% { left: 100%; }
}


@-webkit-keyframes booking-bg2 {
  10% { left: 0; }
  20% { left: 0; }
  30% { left: -100%; }
  80% { left: -100%; }
  90% { left: 0; }
}
@-moz-keyframes booking-bg2 {
  10% { left: 0; }
  20% { left: 0; }
  30% { left: -100%; }
  80% { left: -100%; }
  90% { left: 0; }
}
@-o-keyframes booking-bg2 {
  10% { left: 0; }
  20% { left: 0; }
  30% { left: -100%; }
  80% { left: -100%; }
  90% { left: 0; }
}
@keyframes booking-bg2 {
  10% { left: 0; }
  20% { left: 0; }
  30% { left: -100%; }
  80% { left: -100%; }
  90% { left: 0; }
}

#bookArea .bookIns .fb_rsvn button {background: #6F6F6F !important;}

@media screen and (max-width: 970px){
	.bookingButton {width: 70px; height: 70px; right: 20px; bottom: 20px;}
	.bookingButton .booking-img,.bookingButton .booking-img2 {background-size: 48px 33px; background-position: center 16px;}
}

@media screen and (max-width:470px){
	.radio input[type="radio"] + label {font-size: 14px;}
	.radio input[type="radio"] + label span {margin-right: 6px;}
}

/* 반응형 퀵부킹 css 수정 */
.date-picker-wrapper .month-wrapper table th {font-size: 18px;color: #000 !important;}
.date-picker-wrapper table .caption .prev {background: #fff url(../../../../LavideAtlanHotel_common/images/homepage/common/cal_btn_prev.svg) no-repeat left top !important;height: 22px !important;width: 12px !important;top: 21px !important;}
.date-picker-wrapper table .caption .next {background: #fff url(../../../../LavideAtlanHotel_common/images/homepage/common/cal_btn_next.svg) no-repeat left top !important;height: 22px !important;width: 12px !important;top: 21px !important;}
.date-picker-wrapper table .caption {height: 70px !important;}
.date-picker-wrapper .month-wrapper table .week-name th {font-weight: 300;font-size: 16px;}
.month-wrapper:before {display: none;}
.date-picker-wrapper .month-wrapper table .day {color: #000 !important;}
.date-picker-wrapper .month-wrapper table .day.toMonth.valid.real-today {background: none;}
.date-picker-wrapper .last-date-selected {background-color: #00316b !important;border-radius: 50%;color: #fff !important;}
.date-picker-wrapper .month-wrapper table .day.first-date-selected:before,
.date-picker-wrapper .month-wrapper table .day.last-date-selected:before {content: '';position: absolute;width: 28px;height: 28px;background: #00316b;top: 0;left: 50%;margin-left: -14px;border-radius: 14px;z-index: 2;}
.date-picker-wrapper .month-wrapper table .day.first-date-selected span,
.date-picker-wrapper .month-wrapper table .day.last-date-selected span {position: relative;z-index: 3;}
.date-picker-wrapper .month-wrapper table .day.first-date-selected:after {
	content: '';
    position: absolute;
    width: 50%;
    height: 28px;
    background: #e1f1f0;
    top: 0;
    left: 50%;
    z-index: 1;
}
.date-picker-wrapper .month-wrapper table .day.last-date-selected:after {
    content: '';
    position: absolute;
    width: 50%;
    height: 28px;
    background: #e1f1f0;
    top: 0;
    right: 50%;
    z-index: 1;
}
.date-picker-wrapper .month-wrapper table .day.checked {background-color: #e3edf9 !important;}
.date-picker-wrapper .month-wrapper table .day.first-date-selected {background: none !important;position: relative;color: #fff !important;}
.date-picker-wrapper .month-wrapper table .day.last-date-selected {background: none !important;position: relative;color: #fff !important;}
.date-picker-wrapper .month-wrapper table .day.toMonth.hovering {background-color: #e3edf9 !important;}