/*============================ 기본 설정 ============================*/

/* 웹폰트 Import */
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

/* 스크롤 설정 */
html {overflow-x: hidden; overflow-y: scroll;}
body {overflow-x: hidden; background-color: #fff;}
.login-layout,.join-layout{
	margin-top:50px;
	padding:20px 0 300px;
}
/* 폰트 설정 */
* {font-family: 'Noto Sans KR', "나눔고딕", "NanumGothic", sans-serif !important;}
h1, h2, h3, h4, h5, h6, p, span, th, td, dt, dd {font-family: 'Noto Sans KR', "나눔고딕", "NanumGothic", sans-serif !important; word-break: keep-all !important;}
.fa {font-family: 'FontAwesome' !important;}
.glyphicon {font-family: 'Glyphicons Halflings' !important;}
.icon { font-family: xeicon !important; }
ol, ul, li {list-style: none;}

/* 레이아웃 설정 */
.topmarginLay_a { height: 0px !important; }
.container { padding: 0px; }
.footer-social-layout { display: none; }
.container_contents, .intro-html-layout, .intro-html-layout > .col-sm-12 { width: 100%; padding: 0px; margin: 0px; }
@media screen and (max-width: 767px) {
	.row { margin: 0px; }
}
.navbar-inverse + br { display: none; }  
#main_content > section {padding: 90px 0;}
#main_content > section .sect_header { text-align: center; }
.sect_title + p.des {
    display: inline-block;
    position: relative;
    margin: 15px 0 0;
    color: #444;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.2em;
}
.sect_title + p.des:before {
    content: "";
    display: inline-block;
    background: #e1e1e1;
    width: 50px;
    height: 1px;
    position: absolute;
    top: 8px;
    left: -70px;
}
.sect_title + p.des:after { 
    content: "";
    display: inline-block;
    background: #e1e1e1;
    width: 50px;
    height: 1px;
    position: absolute;
    top: 8px;
    right: -70px;
}
.small_title { 
	text-align: center;
    color: #555;
}

/*============================ 커스텀 스타일 설정 ============================*/

/* 네비게이션 바 영역 */
.navbar .caret, .navbar .divider-vertical {display: none;} 
.navbar-inverse {
    background: rgba(229,0,17, 1);
    position: fixed;
    top: 0;
    width: 100%;
    margin: 0px;
    padding: 0;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
    transition: all .6s ease;
    z-index: 1000;
}
.navbar-inverse > .container {
    margin: 0 auto -1px;
}
@media screen and (min-width: 992px) {
	.navbar-right { 
		position: relative;
		right: 120px;
	}
	
}
.navbar-inverse .navbar-nav > li > a {
    color: #000;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 0;
    text-shadow: 0 0 0 rgba(0,0,0,0);
    padding: 10px 24px;
    margin: 0 0 20px;
}
.navbar-inverse .navbar-nav > li:hover > a {
    color: #000;
}
.navbar-inverse .navbar-nav > li:hover > a::before {
    content: '';
    background: #e50011;
    width: 7px;
    height: 7px;
    border-radius: 100%;
    position: absolute;
    left: 50%;
    bottom: -8px;
    margin-left: -3px;
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
	background: none !important;
}

/* 모바일 네비게이션 바 */
.navbar-toggle { 
	border:none; 
	margin-top: 15px;
}
.navbar-toggle:hover, .navbar-toggle:focus { background: none !important; }

.navbar-inverse .dropdown{
	perspective:200px;
}
.m-26_sub{
	right:-50%!important;
}
@media screen and (max-width: 767px) {
	.navbar-header { padding: 0 15px; }
	.navbar-inverse .navbar-nav > li:hover > a::before {
		display:none;
	}
	.sub_link a{
		color:#fff !important;
	}
	.navbar-brand{
		width:150px;
		transform:translateY(10px);
	}
}

/* SNS 아이콘 */
.sns_group {
	opacity:0;
    max-width: 1170px;
    margin: 0 auto;
    text-align: right;
    position: relative;
    z-index: -1;
    top: 30px;
}
@media screen and (max-width: 767px) {
	.sns_group { display: none; }
}

.sns_group img { margin: 0 3px; }


/* 슬라이드 영역, section01 */

#main_slide {height: 850px;}
@media screen and (max-width: 767px) {
	#main_slide { height: 560px; }
}
#main_slide #myCarousel, #main_slide .carousel-inner, #main_slide .carousel-inner .item, #main_slide .carousel-inner .item .wrapper {height: 100%;}

#main_slide .carousel-inner .item .wrapper { max-width: 1170px; width: 100%; margin: 0 auto; position: relative;}
@media screen and (max-width: 991px) {
	#main_slide .carousel-inner .item .wrapper { max-width: 750px; }	
}
#main_slide .carousel-caption {
/*     background: ; */
    border: 6px solid rgba(229,0,17, 1);
    max-width: 680px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    left: 0;
    right: 0;
    bottom: 0;
    top: 35%;
    padding: 70px 0 65px;
    text-shadow: 0 0 0 rgba(0,0,0,0);
}
@media screen and (max-width: 767px) {
	#main_slide .carousel-caption { top: 20%; }
}

#main_slide .carousel-caption .slide_title {
    display: block;
    font-size: 50px;
    font-weight: 500;
    letter-spacing: 0.08em;
    line-height: 1;
    margin: 0 0 25px;
	color:rgb(229,0,17);
}
#main_slide .carousel-caption p {
    color: rgb(229,0,17);
    font-size: 18px;
    font-weight: 300;
    letter-spacing: -0.02em;
    line-height: 1.6;
    margin: 0;
}

/* 페이드 효과 */
#myCarousel .carousel-inner .item {
	-webkit-transition-property: opacity;
	transition-property: opacity;
	transition: all 1.2s ease !important;
}

#myCarousel .carousel-inner .item,
#myCarousel .carousel-inner .active.left,
#myCarousel .carousel-inner .active.right {
	opacity: 0;
}

#myCarousel .carousel-inner .active,
#myCarousel .carousel-inner .next.left,
#myCarousel .carousel-inner .prev.right {
	opacity: 1;
}

#myCarousel .carousel-inner .next,
#myCarousel .carousel-inner .prev,
#myCarousel .carousel-inner .active.left,
#myCarousel .carousel-inner .active.right {
	left: 0;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

#myCarousel .carousel-control {
	z-index: 2;
}



/* 하단 인덱스 표시 */
.slide_num { 
	padding-top: 5px;
    position: absolute;
    right: 0;
    bottom: 80px;
}
.slide_num .line {
	background: #B7B7B7;
    width: 60px;
    height: 1px;
    display: inline-block;
    margin-bottom: 6px;
    margin-right: 8px;
}
.slide_num .num {
    display: inline-block;
    color: #dedede;
    font-size: 13px;
}
.slide_num .num strong {
    position: relative;
    top: 6px;
    margin-right: 5px;
    color: #e50011;
    font-size: 24px;
    font-weight: 600;
}
.slide_num .slide_btn_group { 
	display: inline-block;
    margin-left: 15px;
}
.slide_num .slide_btn_group > a {
	display: inline;
    position: relative;
    opacity: 1;
}

.slide_num .slide_btn_group > a img {
	display: inline;
    opacity: 1;
    margin: -3px;
}

/* 슬라이드 배경 */
#main_slide .carousel-inner > .item:nth-child(1) { background: url('/skin/img/slide/slide1.jpg') no-repeat center / cover }
#main_slide .carousel-inner > .item:nth-child(2) { background: url('/skin/img/slide/slide3.jpg') no-repeat center / cover }
#main_slide .carousel-inner > .item:nth-child(3) { background: url('/skin/img/slide/slide4.jpg') no-repeat center / cover }
#main_slide .carousel-inner > .item:nth-child(4) { background: url('/skin/img/slide/slide2.jpg') no-repeat center / cover }


/* 푸터 영역 */
.footer_copy > .col-lg-12 { padding: 0px; text-align: left !important; }
.footer_copy > .col-lg-12 > br { display: none; }
#footer_layout {
	padding: 30px 0 20px;
    background: #555;
}
#footer_layout address { margin: 0px; padding-top:10px; }
#footer_layout strong, #footer_layout dl { margin-right: 20px; }
#footer_layout strong, #footer_layout dl, #footer_layout dl * {
    display: inline-block;
    color: #dedede;
    font-size: 13px;
    font-weight: 300;
    margin-bottom: 2px;
}
#footer_layout strong, #footer_layout dl dt { font-weight: 600; }

@media screen and (max-width: 767px) {
	#footer_layout address { margin: 35px 0; text-align: center;}
	#footer_layout strong, #footer_layout dl, #footer_layout dl *  { display: inline; } 
	#footer_layout strong, #footer_layout dl { display: block !important; }
}


#main_content .sect_header h3 {margin: 0; color: #333333;
    font-size: 32px;
    font-weight: 300;
    letter-spacing: -0.02em;
    line-height: 1;}
#main_content .sect_header h3 span {font-weight: 600;}

/* Rooms View 영역, section02 */
@media screen and (max-width: 767px) {
	#main_content > #rooms_view { padding: 50px 10px; }
}
/* Rooms view 상단버튼 */
.section02_nav {text-align: center; border: none; margin: 40px 0 80px;}
.section02_nav > li {     
	float: none;
	display: inline-block;
	margin: 0 10px; 
	min-width: 150px;
}
.section02_nav > li > a {
    border: 2px solid #e50011 !important;
    border-radius: 50px;
    padding: 12px 42px;
    color: #aaa;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: -0.02em;
    transition: all .4s ease;
}

@media screen and (max-width: 991px) {
	.section02_nav > li > a { padding: 12px 30px; } 
}

@media screen and (max-width: 767px) {
	.section02_nav > li { display: block; }
	.section02_nav > li > a { margin: 10px 0; }
}
.section02_nav > li:not(.active):hover > a, .section02_nav > li.active > a {
    background: #e50011 !important;
    border: 2px solid #e50011 !important;
    color: #fff !important;
    box-shadow: 0px 10px 30px rgba(0,0,0,0.15);
}
/* Rooms view 컨텐츠 */

/* 우측 이미지영역 */
.room_img_wrap {
	position: relative;
}
.room_img_wrap figcaption { 
	position: absolute;
	width: 100%;
	text-align: center;
	bottom: 0;
	background: rgba(255,255,255,0.7);
	padding: 20px 0;
}
.room_img_wrap figcaption h4 { 
	margin: 0px;
	font-size: 18px;
	font-weight: 500;
	color: #2B302C;
}
.section02_num { padding-top: 5px; }
.section02_num .line {
	background: #B7B7B7;
    width: 60px;
    height: 1px;
    display: inline-block;
    margin-bottom: 6px;
    margin-right: 8px;
}
.section02_num .num strong {
	font-size: 24px;
    position: relative;
    top: 5px;
    margin-right: 5px;
    color: #e50011;
}

.switch-wrap{
	position:relative;
}
.room_switch_list { padding-left: 0px; margin-top: 100px;}
.room_switch_list > li { text-align: center; }
.room_switch_list > li > a {
	width: 20px;
	height: 20px;
	margin: 0 auto 5px;
	display: block;
	border: 3px solid #dedede;
	transition: all .4s ease;
}

.room_switch_list > li > a:hover {
	border: 3px solid #dedede !important;
}
.room_switch_list > li > a.active { border: 3px solid #e50011 !important; }

@media screen and (max-width: 767px) {
	.room_switch_list { margin: 20px 0 50px; text-align: center; }  
	.room_switch_list > li { display: inline-block; }
}


/* 좌측 설명영역 */
.room_des { margin: 0px; }
.room_des .wrapper + .wrapper { margin-top: 25px; }
.room_des .wrapper dt {color: #555;
    font-size: 15px;
    font-weight: 600;}
.room_des .wrapper dd {padding-top: 15px;}

.room_des .fare dt, .room_des .fare dd { display: inline-block; }
.room_des .fare dd { color: #aaa; padding-top: 0; padding-left: 5px; text-decoration: line-through;}
.room_des .fare dd span { 
	color: #e50011;
    font-size: 20px; line-height: 1;
    margin-left: 5px;
	text-decoration: none;
	display: inline-block;
}
.room_des .notice_in_use ul {     
	background: #f7f7f7;
	padding: 30px;
	line-height: 1.6;
}

@media screen and (max-width: 767px) {
	.room_des .notice_in_use ul { padding: 30px 10px; }
}

.room_des .notice_in_use ul li:before { 
	content: "";
    background: #5FBFD5;
    width: 2px;
    height: 3px;
    display: inline-block;
    border-radius: 50%;
    margin: 0 8px 3px 0;
} 

.room_des .facility table td .row { margin: 0px; }  
.room_des .facility table td .row > div[class*="col-"] { padding: 0; }
.room_des .facility table td { padding: 11px 15px; vertical-align: middle; }
.room_des .facility table img { margin-right: 5px; }
.room_des .facility table td p { margin: 0px; text-indent: 7px; }

@media screen and (max-width: 991px) {
	.room_des .facility table td .row > div[class*="col-"] { width: 100%; text-align: center; }
	.room_des .facility table td p { text-indent: 0; margin-top: 10px; font-size: 13px; }
}


/* Gallery 영역, section03 */
#main_content #gallery { background: #444; }
#main_content #gallery .sect_header h3 {color: #fff;}
#main_content #gallery .sect_title + p.des {color: #e1e1e1;}
#main_content #gallery .gallery_img_wrap { margin-top: 40px; text-align: center;}
#main_content #gallery .row { margin: 0px; }
#main_content #gallery .row > div[class*="col-"]{ padding: 0px; }
#main_content #gallery .gallery_thumbnail { overflow: hidden; height: 350px; position: relative; }

@media screen and (max-width: 1199px) {
	#main_content #gallery .gallery_thumbnail { height: 210px !important; }
}
@media screen and (max-width: 767px) {
	#main_content #gallery .gallery_thumbnail { height: 260px !important; }
}

#main_content #gallery .gallery_thumbnail:hover { background: rgba(0,0,0,.4); }
#main_content #gallery .gallery_thumbnail > img { height: 100%; width: 100%; }
#main_content #gallery .gallery_thumbnail .hover_area { 
	position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
    background: rgba(0,0,0,.4);
    text-align: center;
	display: table;
}
#main_content #gallery .gallery_thumbnail:hover .hover_area { visibility: visible; }
#main_content #gallery .gallery_thumbnail .hover_area > .wrapper {
	height: 100%;
	display: table-cell;
	vertical-align: middle;
}
#main_content #gallery .gallery_img_wrap .gallery_btn {color: #fff; background: #e50011; border-radius: 50px; padding: 12px 42px; margin: 45px 0 20px; display: inline-block; font-size: 13px; font-weight: 600; letter-spacing: 0.1em;}
#main_content #gallery .gallery_img_wrap .gallery_btn:hover {background: #e50011; box-shadow: 0px 10px 30px rgba(0,0,0,0.15);}

/* 갤러리 모달부분 효과  */
#animatedModal { background-color: rgba(0,0,0,.4) !important; }
#animatedModal .close-animatedModal {
	color: #fff;
    max-width: 1000px;
    margin: 95px auto 0;
    text-align: right;
	z-index: 9999;
    position: relative;
}

@media screen and (max-width: 767px) {
	#animatedModal .close-animatedModal { margin-top: 190px; }
}

.close-modal-button {
  position: absolute;
  right: 0%;
  top: 50%;
  z-index: 10;
  background-color: #fff;
  border-radius: 4em;
  height: 4em;
  width: 4em;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.close-modal-button:before {
  position: absolute;
  left: 50%;
  top: 50%;
  font-family: fontAwesome;
  content: "\f00d";
  color: #000;
  font-size: 2em;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.close-modal-button:hover:before {
  color: #e50011;
  -webkit-transition: background 350ms cubic-bezier(0.42, 0, 0.58, 1) 10ms, all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
  transition: background 350ms cubic-bezier(0.42, 0, 0.58, 1) 10ms, all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
  -webkit-transform: translate(-55%, -48%) rotate(-0.25turn);
  transform: translate(-55%, -48%) rotate(-0.25turn);
  /*Had to bump it b/c the dimensions are not square*/
}

#animatedModal .modal-content { 
	background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
    position: absolute;
    width: 100%;
    top: 43%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    bottom: 0;
    text-align: center !important;
}

@media screen and (max-width: 767px) {
	#animatedModal .modal-content { top: 50%; }
}

#animatedModal .modal-content img { margin: 0 auto !important; }

/* 갤러리 더보기 버튼 효과 */
#loader-1 { 
	overflow: hidden;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    background: rgba(0,0,0,.4);
}
#loader-1:before, #loader-1:after{
  	content: "";
    top: 50%;
    left: calc(100% /2 - 50px);
    width: 100px;
    height: 100px;
    position: fixed;
    border-radius: 100%;
    border: 10px solid transparent;
    border-top-color: #e50011;
}

#loader-1:before{
  z-index: 100;
  animation: spin 1s infinite;
}

#loader-1:after{
  border: 10px solid #eee;
}

@keyframes spin{
  0%{
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100%{
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/* 예약방법, 문의전화 영역, section04 */
#main_contact { 
	background: url(/skin/img/main/gallery/bg_img.png) no-repeat #f1f1f1;
    background-position: left center;
	padding: 0px !important;
}
#main_contact .wrapper { padding: 50px 0px; }
#main_contact .small_title {
    font-size: 25px;
    font-weight: 600;
    margin: 0 0 30px;
    letter-spacing: 0.08em;
}
#main_contact .reservation ol { padding: 0 30px; }
#main_contact .reservation ol li {
    background: #fff;
    border: 1px solid #fff;
    border-radius: 50px;
    padding: 15px 0;
    font-size: 14px;
    text-align: center;
    line-height: 1;
    letter-spacing: -0.02em;
    position: relative;
    transition: all .4s ease;
}
#main_contact .reservation ol li:hover { color: #e50011; border: 1px solid;  }

#main_contact .reservation ol li:not(:last-child) {margin-bottom: 30px;}
#main_contact .reservation ol li:not(:last-child):after {
    content: url(/skin/img/main/gallery/arrow.png);
    display: block;
    margin: 0 auto;
    max-width: 100%;
    position: absolute;
    left: 50%;
    top: 53px;
    margin-left: -8px;
}
#main_contact .contact_number {background: #C4AA6C; min-height: 445px;}
@media screen and (max-width: 767px) {
	#main_contact .contact_number { min-width: 0; }
}
#main_contact .contact_number * {color: #fff;}
#main_contact .contact_number img { margin: 25px auto 0 }
#main_contact .contact_number .contact_des p { margin: 0; font-weight: 300;}
#main_contact .contact_number .contact_des .num {
    font-size: 28px;
    font-weight: bold;
    letter-spacing: -0.01em;
    margin: 10px 0 15px;
}
#main_contact .contact_number .contact_des .italic {
    font-size: 13px;
    letter-spacing: -0.02em;
    line-height: 1.6;
}
#main_contact .contact_number .contact_des .mail_address {
    background: rgba(0,0,0,0.2);
    padding: 8px 20px;
    border-radius: 50px;
    margin: 20px auto 0px;
    display: inline-block;
}

/* Service 영역, section05 */
#main_content #service .container { margin-top: 40px; }
#main_content #service .container .row > div[class*="col-"] { display: table; }
@media screen and (min-width: 768px) and (max-width: 991px) {
	#main_content #service .container .row > div[class*="col-"] { width: 50%; margin: 10px 0; }	
}
@media screen and (max-width: 767px) {
	#main_content #service .container .row > div[class*="col-"] { width: 100%; }	
}
#main_content #service .service_des_wrap {
	height: 310px;
    vertical-align: middle;
	display: table-cell;
}

#main_content #service .service_des_wrap * { color: #fff; text-align: center; }
#main_content #service .service_des_wrap h4 {
    margin: 15px 0 20px;
    font-size: 21px;
    font-weight: 600;
    letter-spacing: -0.04em;
    line-height: 1;
}
#main_content #service .service_des_wrap01 { background: linear-gradient(rgba(0,0,0,.4), rgba(0,0,0,.4)), url('/skin/img/main/service/service1.png') no-repeat center / cover; }
#main_content #service .service_des_wrap02 { background: linear-gradient(rgba(0,0,0,.4), rgba(0,0,0,.4)), url('/skin/img/main/service/service2.png') no-repeat center / cover; }
#main_content #service .service_des_wrap03 { background: linear-gradient(rgba(0,0,0,.4), rgba(0,0,0,.4)), url('/skin/img/main/service/service3.png') no-repeat center / cover; }
#main_content #service .service_des_wrap04 { background: linear-gradient(rgba(0,0,0,.4), rgba(0,0,0,.4)), url('/skin/img/main/service/service4.png') no-repeat center / cover; }
#main_content #service .service_des_wrap01:hover { background: linear-gradient(rgba(160, 138, 89, 0.8), rgba(160, 138, 89, 0.8)), url('/skin/img/main/service/service1.png') no-repeat center / cover; }
#main_content #service .service_des_wrap02:hover { background: linear-gradient(rgba(160, 138, 89, 0.8), rgba(160, 138, 89, 0.8)), url('/skin/img/main/service/service2.png') no-repeat center / cover; }
#main_content #service .service_des_wrap03:hover { background: linear-gradient(rgba(160, 138, 89, 0.8), rgba(160, 138, 89, 0.8)), url('/skin/img/main/service/service3.png') no-repeat center / cover; }
#main_content #service .service_des_wrap04:hover { background: linear-gradient(rgba(160, 138, 89, 0.8), rgba(160, 138, 89, 0.8)), url('/skin/img/main/service/service4.png') no-repeat center / cover; }
#main_content #service .service_des_wrap p {
    display: none;
    padding: 0 30px;
    margin: 0;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: -0.02em;
    line-height: 24px;
}
#main_content #service .service_des_wrap:hover p { display: block; }

/* Booking, 예약하기 영역 */
#booking_area { 
	text-align: center; 
	background: url('/skin/img/main/banner.jpg') no-repeat center / cover;
	min-height: 240px;
	padding: 50px 0px;
}
@media screen and (max-width: 767px) {
	#booking_area { margin-top: 0; }
}
#booking_area .sect_title {
    font-size: 40px;
    font-family: 'Nanum Myeongjo', "나눔고딕", 'NanumGothic' !important;
    font-weight: bold;
    letter-spacing: 1.2px;
    margin: 0 0 6px;
    color: #fff;
}
#booking_area .sect_title span {
    font-family: 'Noto Sans KR', "나눔고딕", "NanumGothic", sans-serif !important;
    display: block;
    font-size: 15px;
    font-weight: 500;
    color: #ffffff;
    margin-bottom: 5px;
}

#booking_area p { color: #fff; display: block; }

#booking_area p.des:before, #booking_area p.des:after { display: none; }
#booking_area a.booking_btn {
	width:180px;
    color: #fff;
    background: #e50011;
    border-radius: 50px;
    padding: 10px 20px;
    margin: 30px 5px 0;
    display: inline-block;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: -0.02em;
}
#booking_area a.booking_btn:hover {background: #e50011; box-shadow: 0px 10px 30px rgba(0,0,0,0.15);}

#booking_area .naver-btn{
	background:#1ec800 !important;
}
#booking_area .naver-btn:hover{
	background:#1bb300 !important;
}

/* about us */
#about {
    background: #f7f7f7;
}
.about-tab {
    position: relative;
    margin-top: 40px;
    overflow: hidden;
    border: 1px solid #e6e6e6;
}
.about-nav {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100;
    background: none;
    border: none;
}
.about-nav > li {
	width: 33.3333%;
	text-align: center;
	border: none;
}
.about-nav > li.active, .about-nav > li:hover, .about-nav > li:active, .about-nav > li:focus {
	background: #e50011;
}
.about-nav > li > a {
    background: rgba(0, 0, 0, 0.5);
    margin: 0 !important;
    line-height: 1 !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 15px 0 !important;
}
.about-nav > li.active a, .about-nav > li.active a:hover, .about-nav > li.active a:active, .about-nav > li.active a:focus, .about-nav > li:hover a:hover {
	color: #fff;
	background: #e50011;
	border: none !important;
}
.about-nav a {
	color: #fff;
	border: none !important;
}

.about-tab > div > div:first-child{
    height:400px;
    overflow:hidden;
}
.about-main-img{
	height:100%;
	cursor:pointer;
}
#about-tab1 .about-main-img{
    background:url(/skin/img/main/about-main.jpg) no-repeat 0 30%;
    background-size:cover;
}
#about-tab2 .about-main-img{
    background:url(/skin/img/main/ez-main.jpg) no-repeat 0 95%;
    background-size:cover;
}
#about-tab3 .about-main-img{
    background:url(/skin/img/main/win-main.jpg) no-repeat 0 30%;
    background-size:cover;
}
.about-map{	
	height:300px;
	padding:0;
}
#about-tab1 .about-map{
    background:url(/skin/img/main/about-sub.jpg) no-repeat 0 20%;
    background-size:cover;
}

.about-description{
    padding: 30px 35px;
    background: #fff;
    box-sizing: border-box;
	word-spacing:.3em;
	
}
@media (min-width:767px) {
	.about-description {
    height: 300px;
    padding: 35px 55px 30px 40px;
    background: #fff;
    box-sizing: border-box;
	}
}
@media (max-width:767px){
	.about-nav li{
		height:59px;
	}
}
.about-description ul {
    margin: 0;
    padding: 0;
}
.about-description ul li {
    position: relative;
    padding-left: 15px;
    line-height: 1.6;
    margin: 0 0 10px;
    color: #555;
    font-size: 15px;
    letter-spacing: -0.04em;
}
.about-description ul li:before {
    content: "";
    background: #aaa;
    width: 6px;
    height: 2px;
    position: absolute;
    top: 11px;
    left: 0;
}

/* dropdown */
.navbar-inverse .dropdown-menu {
	transform: rotatey(-180deg);
    transform-origin: center center;
    transition: all .5s ease;
    opacity: 0;
    display: block;
    visibility: hidden;
    background-color: rgba(68, 68, 68, 0.85);
    border: none;
    border-radius: 0;
    padding: 5px;
}
.navbar-inverse .dropdown.open{
	background:none !important;
}
.navbar-inverse .dropdown.open .dropdown-menu, .navbar-inverse .dropdown:hover .dropdown-menu{
	transform:rotateY(0);
	opacity:1;
	visibility:visible;
}
.navbar-inverse .dropdown-menu > li > a {
    color: #fff;
    font-size: 13px;
    padding: 10px 12px;
}
.navbar-inverse .dropdown-menu > li > a:hover {
    background: #e50011;
}

/* modal */
.modal-title{
	text-align:center;
}