/* header.jsp */

.text-en{
	letter-spacing: 1px !important;
}

.nav--light .menu > li > a {
    color: #fff;
    font-size: 18px;
    letter-spacing: 1px;
    opacity: .9;
    text-shadow: 0 0 2px #000;
}
.nav--light .menu > li > a:hover{
	opacity: 1;
}

.nav--light .menu > li > a.total-reserve{
    font-size: 14px;
    border: 1px solid rgb(16,207,179);
    padding: 8px 21px;
    background: #0C3;
    border-radius: 3px;
    letter-spacing: 0px;
    min-width: 100px;
    max-width: 100px;
    margin-left: 20px;
    text-align: center;
    color: #fff !important;
    font-weight: 400;
}
.nav--light .menu > li > a.login{
    font-size: 14px;
    border: 1px solid #efefef;
    padding: 9px 21px;
    border-radius: 3px;
    letter-spacing: 0px;
    min-width: 91px;
    max-width: 91px;
    text-align: center;
    margin-left: 20px;
	
}
nav.sticky {
    -webkit-box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.41);
    -moz-box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.41);
    box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.41);
    background-color: #fff;
    padding-bottom: 0;
    position: fixed;
}

.nav--light.sticky .menu > li > a.login{
    font-size: 14px;
    border: 1px solid rgb(102,102,102);
    padding: 9px 21px;
    border-radius: 3px;
    letter-spacing: 0px;
    min-width: 91px;
    max-width: 91px;
    text-align: center;
    margin-left: 20px;
    color: rgb(102,102,102);
}
.nav--light.sticky .menu > li > a.total-reserve{
    font-size: 14px;
    border: 1px solid rgb(16,207,179);
    padding: 8px 21px;
    background: #0C3;
    border-radius: 3px;
    letter-spacing: 0px;
    min-width: 100px;
    max-width: 100px;
    margin-left: 20px;
    text-align: center;
    color: #fff !important;
    font-weight: 400;
}


.nav--light .material-icons.search{
	font-size:32px; color:#fff;
}
.nav--light.sticky .material-icons.search{
	font-size:32px; color:rgb(102,102,102);
}

.nav--light.sticky .menu > li > a {
    color: rgb(102,102,102);
    font-size: 18px;
    letter-spacing: 0px;
    text-shadow: none;
}


.nav--light #keyword{
	width: 80%;
    border: none;
    color: #fff;
}

.nav--light #keyword::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #FFF;
  font-size: 14px;
  letter-spacing: -0.5px;
  font-weight: 400;
}
.nav--light #keyword::-moz-placeholder { /* Firefox 19+ */
 	color: #FFF;
    font-size: 14px;
    letter-spacing:-0.5px;
    font-weight: 400;
}
.nav--light #keyword:-ms-input-placeholder { /* IE 10+ */
 	color: #FFF;
    font-size: 14px;
    letter-spacing: -0.5px;
    font-weight: 400;
}
.nav--light #keyword:-moz-placeholder { /* Firefox 18- */
 	color: #FFF;
    font-size: 14px;
    letter-spacing: -0.5px;
    font-weight: 400;
}

.nav--light.sticky #keyword{
	width: 80%;
    border: none;
    color: rgb(102,102,102);
}

.nav--light.sticky #keyword::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: rgb(102,102,102);
  font-size: 14px;
  letter-spacing: -0.5px;
  font-weight: 400;
}
.nav--light.sticky #keyword::-moz-placeholder { /* Firefox 19+ */
 	color: rgb(102,102,102);
    font-size: 14px;
    letter-spacing:-0.5px;
    font-weight: 400;
}
.nav--light.sticky #keyword:-ms-input-placeholder { /* IE 10+ */
 	color: rgb(102,102,102);
    font-size: 14px;
    letter-spacing: -0.5px;
    font-weight: 400;
}
.nav--light.sticky #keyword:-moz-placeholder { /* Firefox 18- */
 	color: rgb(102,102,102);
    font-size: 14px;
    letter-spacing: -0.5px;
    font-weight: 400;
}

.nav--light.sticky .menu > li > a:hover {
    color: #0C3;
}

@media (max-width: 991px){
	.nav--light .menu > li > a {
    	color: #000;
    	text-shadow: none;
	}
	.row--nav--baseline > .nav-mod.logo *, .row--nav--baseline > .nav-mod.nav * {
	    vertical-align: middle;
	}
}



/* footer.jsp */
.footer-group-p,.footer-group-p a{
	color: #FFF ;
}
.footer-group-p a{
    padding: 0 7px;
    font-size: 13.5px;
    font-weight: 600;
    opacity: 0.7;
    letter-spacing: -1px;
}
.footer-info {
    font-family: '돋움' !important;
    font-size: 12px;
    margin-bottom: 0px !important;
    line-height: 16px;
    color: #737373;
    opacity: .7;
}
.footer-group-p a:hover {
    color: #777;
    opacity: 1;
}
.footer-a-link:hover{
	color: rgb(230,188,140);
}

.nav--light .btn--line{border: 1px solid #1E4E65;border-radius:3px;color: #1E4E65;font-size: 14px;line-height:15px;}
.btn--line.btn-sm{padding-top: 8px;padding-bottom: 8px;}
.row.plan{margin : -6px;}
.row.plan > [class*="col-"]{padding : 12.5px;margin:0}
.bg-img{
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
[data-shadow-bottom]:before{
    background: -moz-linear-gradient(top, rgba(255,126,0,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,126,0,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,126,0,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7e00', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}
.boxed{padding:20px;background:#FFF; }
.boxed-main{float: left;width: 100%;height: 100%;position: relative;overflow: hidden;border-radius:3px;}
.bg-color--white:hover .overlay {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);}
.bg-color--white:hover .overlay-bg{
	opacity: 1;
	transition: opacity .35s;
}
.bg-color--white:hover h2{    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.bg-color--white:hover p{    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.side-bar-symbol{padding-top:42px;padding-bottom: 30px;text-align: center;}
.side-bar-nav{overflow-y:auto;max-height:400px;}
.site-header h1{font-weight:500;font-size:36px;}
.site-header p{font-weight:400;font-size: 16px;}
.boxed-main .boxed h5 {
    margin: 0 0 8px;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: -.02em;
    line-height: 24px;
    height: 24px;
    color: #1D2129;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    white-space: nowrap;
    width: 100%;
}
.boxed-main .boxed small{
	font-family:'Noto Sans KR','Roboto', sans-serif;
	margin: 0;
    padding-bottom: 16px;
    font-weight: 400;
    font-size: 13px;
    line-height: 15px;
    height:48px;
    color: #B8B5B5;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    min-width: 1px;
}
.boxed-main .boxed p{
    display: block;
    text-align: right;
    font-size: 17px;
    color: #0CC;
    letter-spacing: -1px;
    box-sizing: border-box !important;
    height: 22px;
    line-height: 17px;
    font-weight:bold;
}
.overlay h2{
	background-color: transparent;
    -webkit-transition: opacity .35s,-webkit-transform .35s;
    transition: opacity .35s,transform .35s;
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0);
    text-align: center;
    margin-top: 150px;
    margin-bottom: 5px;
    opacity: 0;
    font-size:17px;
    font-weight:600;
    color: #FFF;
    line-height:1.2;
    word-break:keep-all;
}
.overlay p{
background-color: transparent;
    -webkit-transition: opacity .35s,-webkit-transform .35s;
    transition: opacity .35s,transform .35s;
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0);
    text-align: center;
    opacity: 0;
    font-size:13px;
    color: #FFF;
    line-height: 1.3;
}
.overlay-bg{width: 100%;height: 100%;position: absolute;top: 0;left: 0;opacity: 0;overflow: hidden;border-radius:3px;}
.overlay-bg.blue{background-color: rgba(30,78,101,.9)}
.overlay-bg.gray{background-color: rgba(115,115,115,.9)}
.overlay-bg.green{background-color: rgba(168,206,63,.9)}
.overlay.gray p{color: #333}
.overlay.yello p{color: #333}
.overlay.yello h2{color: #333}
.background-image .gradient{background: -moz-linear-gradient(top, rgba(255,255,255,0) 60%, rgba(0,0,0,0.4) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 60%,rgba(0,0,0,0.4) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0) 60%,rgba(0,0,0,0.4) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#a6000000',GradientType=0 );
position: absolute;width: 100%;height: 100%;}
.background-image span{font-size: 12px;font-weight:bold;position: absolute;right: 10px;opacity:1 !important;bottom:0;text-shadow: 0 0 4px rgba(0,0,0,.2);}
.background-image span.HTL{color:#4F9FF2 !important}
.background-image span.GHS{color:#C4C4C4 !important}
.background-image span.ACT{color:#A8CE3F !important}
.background-image span.HTL i{color:#4F9FF2 !important}
.background-image span.GHS i{color:#C4C4C4 !important}
.background-image span.ACT i{color:#A8CE3F !important}

.overlay{    width: 80%;
    height: 88%;
    left: 10%;
    top: 6%;
    border-bottom: 1px solid #FFF;
    border-top: 1px solid #FFF;
    transition: opacity .35s,transform .35s;
    -webkit-transform: scale(0,1);
    transform: scale(0,1);position: absolute;}
.price{
	font-size: 1em;
	line-height: 26px;
}
ul.ul--split li{
	overflow: initial;
}
.menu__dropdown li{
	width: auto;
}
.menu__dropdown li:hover > .menu__dropdown, .menu__dropdown li.active > .menu__dropdown{
	right: inherit;
	left:140px;
}
.menu__dropdown li{white-space: normal;}
.features{padding-bottom: 30px;}
.side-bar{overflow-y: inherit;}
.side-bar-logo{text-align: center;background-color:rgba(255,204,0,1);padding: 18px;}

.service .boxed h5{
	font-size: 17px;
	font-weight: 700;
	
}
.service .boxed p{
	font-size: 14px;
	font-weight: 600;
	color: #000;
	opacity:.4;
	line-height: 16px;
	word-break:keep-all;
}

#top{
	position: fixed;
	padding: 0 15px;
	right:25px;
	bottom:163px;
	z-index: 99;
	background: #5C6BC0;
	width: 50px;
    height: 50px;
    border-radius:25px;
    cursor: pointer;
}
#top i{color: #fff;font-size: 24px;margin-top: 13px;margin-left: -2px;float: left;}

#reserveCheckBtn{
	position: fixed;
	padding: 0 15px;
	right:25px;
	bottom:100px;
	z-index: 99;
	background: #5C6BC0;
	width: 50px;
    height: 50px;
    border-radius:25px;
    cursor: pointer;
}
#reserveCheckBtn i{color: #fff;font-size: 24px;margin-top: 13px;margin-left: -1px;float: left;}
#reserveCheckBtn a{color: #FFF;display: none;line-height: 53px;padding-left: 30px;}
#reserveCheckBtn:hover{width: 164px;}
#reserveCheckBtn:hover > a{display: block}
.row.row--nav {
    line-height: 84px !important;
}



.ax5-ui-calendar .calendar-body table tbody td .calendar-item-day.disable span.addon{
	color: #dddedf
}


/* 부대시설  */
.mini-title{
	font-size: 14px;
    margin-bottom: 40px;
    width: 59px;
    border-bottom: 1px solid;
    line-height: 24px;
    color: #c0c0c0 !important;
}
.card-title{font-weight: 500;font-size: 29px;letter-spacing: -2.5px !important;color: #0C3 !important;}
.descript {font-size: 16px;line-height: 21px;font-weight: 300;color: #666 !important;}
.marg-b-5{margin-bottom: 5px !important;}
.marg-b-10{margin-bottom: 10px !important;}
.marg-b-90{margin-bottom: 90px;}
.marg-b-65{margin-bottom: 65px;}

/* 유의사항 */
.icon-notice div{background:#FFF;border-radius:3px;padding: 65px 0 23px;}
.icon-notice a div *{color:#bbb !important}
.icon-notice i{font-size: 82px;margin-bottom: 42px;}
.icon-notice p{font-size: 24px;font-weight:600}
.icon-notice a:hover div > i{color:#0C3 !important}
.icon-notice a:hover div > p{color:#333 !important}

.tabs__links.li-cnt-4 li{width: 25%}
.tabs__links.li-cnt-4 li{color: #999;border-bottom:2px solid #999;margin-right:-3px;padding: 10px 15px;}
.tabs__links.li-cnt-4 li.active{color:#FFF;border-bottom-color:#0C3}

.boxed .list-title{font-weight:500}
.boxed .list-detail {
    font-size: 14px;
    font-weight: 350;
    color: #aaa;
    line-height: 10px;
    padding-bottom: 0px;
    margin-bottom: 10px;
}

footer .autopus-logo {
	display: inline-block;
	margin-top: 20px;
	opacity: 0.6;
}
footer .autopus-logo:hover {
	opacity: 1;
}

.room-image{height:180px;}
.before-hover{position: relative;}
.hover-list{display:none;background:rgba(0,204,51,.7);position:absolute;top:0;left: 0;width:100%;height:100%}
.hover-list .list-title{color: #FFF;width: 100%;margin: 65px 0 33px;font-weight: 500;font-size:23px;}
.hover-list a.list-hover-text{border:1px solid #FFF;border-radius:3px;color:#FFF;text-align: center;padding:5px 0;float: right;margin-right: 30px;width:90px} 
.gallery-item a:first-child{display: block !important;text-align: center;float: left;width: 82px;}
.before-hover:hover > .hover-list{display: block;}
.hover-list a.list-hover-text:hover{background:rgba(0,204,51,.5)}

/* 게시판 */
.board-list .board-item{padding: 4px 0;font-size: 0.9em;}
.board-list > div{border:1px solid #EEE}
.board-list > div:hover{background:#F1F1F1}
.board-list > a{float: right;font-size: 14px;padding: 10px;border: 1px solid #EEE;color:#AAA;margin-top: 10px;}
.board-list > a:hover{color: #999;background:#F1F1F1}
@media (min-width: 992px){
	.side-bar-logo{width: 105%;border-radius: 0 10px 10px 0;}
	.container--swipe > .row{display: list-item;}
	.pointer.swiperight,.pointer.swipeleft{display: none;} 
	.nav--light.nav--hover--line .menu > li:hover {border-color: #A8CE3F;}
}
@media (max-width: 991px){
	nav .nav-mod:not(.side-bar) .menu{
		-webkit-box-shadow: none;
    	box-shadow: none;
	}
	
}


@media (max-width:430px){
	.footer-group-p a {
	    padding: 0 5px;
	    font-size: 11.5px;
	}
	
}

@media (max-width:530px){
.custom-navigation:not(.container){
	display: none;
}
nav .logo img{height: 33px;}
.row.row--nav{line-height:63px !important}
#top{bottom:80px;}
#reserveCheckBtn {bottom: 13px;}
.container--swipe a .col-xs-6{min-width:250px;}
}

@media (min-width:991px) and (max-width:1356px){
	.nav--light .menu > li > a {
	    color: #fff;
	    font-size: 18px;
	    letter-spacing: -1px;
	    padding: 0 10px;
	}
}