@media (min-width: 1400px){
	
	.reservation-date{
		font-size:17px;
		text-align:center !important;
		line-height:1.4 !important;
	}
	.reservation-state-big{
		font-size:30px;
		text-align:center !important;
		line-height:1.3;
		margin-top:15px;
		line-height:1.4 !important;
	}
	.reservation-state-sm{
		font-size:15px;
		text-align:center !important;
		margin-top:3px;
		line-height:1.4 !important;
	}

	.reservation-title{
		font-size:20px;
		color:#ffffff;
		line-height:33px !important;
	}
	.reservation-board-layout{
		
	}
	.reservation-number{
		margin-top:9px !important;
		text-align:center !important;

		
	}
	.reservation-number-bar{
		display:inline-block;
		border-top:2px solid #ffffff;
		width:10px;
		margin: 0 5px !important;
		color:#ffffff;
		vertical-align:middle;
		line-height:32px !important;
		
	}
	.reservation-number-box{
		display:inline-block;
		padding: 10px 10px !important;
		font-size:20px;
		font-weight:700;
		background-color:#36383a;
		color:#ffffff;
	}
	.reservation-input{
		position:relative;
	}
	.reservation-input input{
		width:100%;
		height:33px;
		background:none;
		font-size:13px;
		border-top:0 !important;
		border-left:0 !important;
		border-right:0 !important;
		border-bottom:2px solid #fff;
		padding-bottom:3px !important;
		color:#fff;
	}
	.reservation-input input:focus{
		outline: none;
	}
	.reservation-input-desc{
		font-size:13px;
		color:#ffffff;
		margin-top:5px;
	}
	.reservation-input-btn{
		position:absolute;
		right:0;
		top:0px;
	}
}
@media (max-width: 1400px){
	
	

	.reservation-date{
		font-size:14px !important;
		text-align:center !important;
		line-height:1.4 !important;
	}
	.reservation-state-big{
		font-size:22px  !important;
		text-align:center !important;
		line-height:1.3;
		margin-top:5px;
		line-height:1.4 !important;
	}
	.reservation-state-sm{
		font-size:13px  !important;
		text-align:center !important;
		margin-top:3px;
		line-height:1.4 !important;
	}

	.reservation-title{
		font-size:13px  !important;
		color:#ffffff;
		line-height:23px !important;
	}
	.reservation-number{
		margin-top:13px  !important;
		text-align:center !important;
		line-height:1.4 !important;
	}
	.reservation-number-bar{
		display:inline-block;
		border-top:2px solid #ffffff;
		width:10px;
		margin: 0 5px !important;
		color:#ffffff;
		vertical-align:middle;
		line-height:20px !important;
		
	}
	.reservation-number-box{
		display:inline-block;
		padding: 10px 5px !important;
		font-size:16px;
		font-weight:700;
		background-color:#36383a;
		color:#ffffff;
	}
	.reservation-input{
		position:relative;
	}
	.reservation-input input{
		width: 100%;
		height:23px;
		background: none;
		font-size: 12px !important;
		line-height: 1.1 !important;
		border-top: 0 !important;
		border-left: 0 !important;
		border-right: 0 !important;
		border-bottom: 2px solid #fff;
		padding-bottom: 5px !important;
		color:#fff;
	}
	.reservation-input input:focus{
		outline: none;
	}
	.reservation-input-desc{
		font-size:13px;
		color:#ffffff;
		margin-top:5px;
	}
	.reservation-input-btn{
		position:absolute;
		right:0;
		top:0;
	}
}
@media (min-width: 992px){
	
	.reservation-box{
		margin-top: -180px;
		margin-left:-310px;
	}
	.black-clear{
		padding:20px;
		width:620px;
	}
	
	.main-title-big{
		font-size:45px;
	}
	.main-title-sm{
		font-size:35px;
	}
	
	    
}
@media (max-width: 991px){
	.reservation-box{
		margin-top: -260px;
		margin-left:-240px;
	}
	.black-clear{
		padding:20px;
		width:480px;
	}
	
	.main-title-big{
		font-size:35px;
	}
	.main-title-sm{
		font-size:25px;
	}
	
	
}
@media (min-width: 767px){
	.cable_center {		
		width: 520px;
		height: 460px;
		margin: -230px 0 0 -260px;		
		background: url(/assets/images/bg_center.png) 0 0 no-repeat;		
	}
	.cable_center .title_sub {		
		padding-bottom: 20px;
		font-size: 2em;
		color: #fff;
		line-height: 1;
	}
	.cable_center .title_head {
		display: block;
		padding-bottom: 29px;    
		color: #fff;
		line-height: 1;
		font-size: 3.4em;
		font-weight:400;
	}
	.cable_center .desc {
		padding-bottom: 50px;
		font-size: 1.33em;
		color: #fff;
		opacity: 0.8;
		line-height: 1;
	}
	.cable_center .btn {
		position: absolute;
		left: 235px;
		bottom: 120px;
		display: inline-block;
		width: 47px;
		height: 39px;
		background: url(/assets/images/btn_more.png) 0 0 no-repeat;
	}
	.btn_arrowU {
		position: absolute;
		left: 50%;
		top: 0px;
		width: 327px;
		height: 18px;
		margin-left: -163.5px;
		border: 0;
	}
	.btn_arrowD{
		position: absolute;
		left: 50%;
		bottom:0;
		width: 321px;
		height: 8px;
		margin-left: -160.5px;
		border: 0;
	}
	.btn_arrowU {
		background: url(/assets/images/arrow-top.png)  no-repeat;
	}
	.btn_arrowD {
		background: url(/assets/images/arrow-bottom.png)  no-repeat;
	}

	

	/* navigation */
	#fp-nav .fp-tooltip{
		font-size:13px;
	}



	#fp-nav ul li a.active ,
	#fp-nav ul li:hover a.active ,
	#fp-nav ul li a:hover,
	.fp-slidesNav ul li a.active ,
	.fp-slidesNav ul li:hover a.active
	.fp-slidesNav ul li a:hover{
		display:inline-block;
		width:16px;
		height:16px;
		border-radius:50%;
		border:2px solid #178fff;
	}

	#fp-nav ul li a.active span,
	#fp-nav ul li:hover a.active span,
	.fp-slidesNav ul li a.active span,
	.fp-slidesNav ul li:hover a.active span,
	#fp-nav ul li:hover a span{
		border-radius: 50%;
		position: absolute;
		z-index: 1;
		height: 4px !important;
		width: 4px  !important;
		border: 0;
		background: #178fff !important;
		left: 50%;
		top: 50%;
		margin: -2px 0 0 -2px;
		-webkit-transition: all .1s ease-in-out;
		-moz-transition: all .1s ease-in-out;
		-o-transition: all .1s ease-in-out;
		transition: all .1s ease-in-out;
	}

	#fp-nav ul li a span, .fp-slidesNav ul li a span {
		border-radius: 50%;
		position: absolute;
		z-index: 1;
		height: 4px !important;
		width: 4px !important;
		border: 0;
		background: #fff !important;
		left: 50%;
		top: 50%;
		margin: -2px 0 0 -2px  !important;
		-webkit-transition: all .1s ease-in-out;
		-moz-transition: all .1s ease-in-out;
		-o-transition: all .1s ease-in-out;
		transition: all .1s ease-in-out;
	}
	#fp-nav ul li:hover .fp-tooltip{
		color:#fff;
	}


	#fp-nav ul li .fp-tooltip.left {
		left: 25px !important;
		top: -2px;
		
	}


	#fp-nav ul li, .fp-slidesNav ul li {
		display: block !important;
		width:16px !important;
		height:16px !important;
		margin: 8px !important;
		position: relative !important;
	}


	#fp-nav ul li .fp-tooltip {
		position: absolute;
		top: -2px;
		color: #fff;
		font-size: 14px;
		font-family: arial, helvetica, sans-serif;
		white-space: nowrap;
		max-width: 220px;
		overflow: hidden;
		display: block;
		opacity: 0;
		width: 0;
		cursor: pointer;
	}


	#fp-nav ul li:last-of-type a,
	#fp-nav ul li:last-of-type span{
		display:none;
	}
	

}

@media (max-width: 767px){
	.black-clear{
		width:480px;
	}
	.reservation-box{
		margin-top: -260px;
		margin-left:-240px;
	}
	.cable_center {
		width: 320px;
		height: 333px;
		margin: -166px 0 0 -160px;
		background: url(/assets/images/m_bg_center.png) 50% 50% no-repeat;
		background-size: 320px 333px;
	}

	.cable_center .title_sub {
		margin-top:20px;
		padding-bottom: 14px;
		font-size: 1.16em;
		color:#ffffff;
	}

	.cable_center .title_head {
		padding-bottom: 14px;
		font-size: 2em;
		
		color:#ffffff;
	}
	
	.cable_center .desc {
		padding-bottom: 37px;
		font-size: 1.16em;
		line-height: 1.28em;
		color:#ffffff;
	}
	.btn_arrowU {
		position: absolute;
		left: 50%;
		top: 0px;
		width: 196px;
		height: 11px;
		margin-left: -98px;
		border: 0;
	}
	.btn_arrowD{
		position: absolute;
		left: 50%;
		bottom:0;
		width: 192px;
		height: 5px;
		margin-left: -96px;
		border: 0;
	}
	.btn_arrowU {
		background: url(/assets/images/m-arrow-top.png)  no-repeat;
	}
	.btn_arrowD {
		background: url(/assets/images/m-arrow-bottom.png)  no-repeat;
	}

	.cable_center .btn {
		display:inline-block;
		margin-left: 7px;
		width: 37px;
		height: 37px;
		background: url(/assets/images/btn_more.png) 0 0 no-repeat;
		background-size: 37px 37px;
	}

	.quick,
	.quick-menu{
		display:none;
	}
	.reservation-title{
		font-size:12px  !important;
		font-weight:600;
		
	}
	.reservation-input-desc{
		font-size:12px;
	}

	#fp-nav{
		display:none;
	}	

}
@media (max-width: 480px){
	.black-clear{
		width:310px;
		padding: 20px 10px;
	}
	.reservation-box{
		margin-top: -220px;
		margin-left:-155px;
	}

	.reservation-number-box{
		
		padding: 5px !important;
		
	}
}
body {    
    font-family: "Malgun Gothic","맑은 고딕",Dotum,"돋움",Gulim,"굴림",Helvetica Neue,Helvetica,Arial,Verdana,Tahoma,sans-serif;
}
p{
	margin-top:0;
	margin-bottom:0;
}
.header-layout{
	overflow:auto;
}
.black-clear{
	margin-top:20px;
}
.black-clear:first-of-type{
	margin-top:0;
}
.margin-top-20{
	margin-top:20px;
}
.text-left{
	text-align:left !important;
}
.text-center{
	text-align:center !important;
}
.text-right{
	text-align:right !important;
}
.margin-top-10{
	margin-top:10px;
}

.black-clear{
	background:rgba(0,0,0, 0.4);
	
}
.black-clear p{
	color:#ffffff;
	margin-bottom:0;
	
}

.cable_center {
		position: absolute;
		left: 50%;
		top: 50%;
		z-index: 100;
		text-align: center;
}
.cable_center .title_sub {
	display: block;	
}
.content {
    padding-top: 0;
    padding-bottom: 0;
}
.outer_box .cable_center.active {
    position: fixed;
    z-index: 999;
}


.clearfix{}
.cable_center:after {
    display: inline-block;
    content: "";
    width: 0;
    height: 100%;
    vertical-align: middle;
}
.cable_center .inner_center {
    display: inline-block;
    vertical-align: middle;
}











button{
	cursor:pointer;
}



.uranus .tp-bullet-inner{
	transform: scale(0.4);
    -webkit-transform: scale(0.4);
    background-color: #818280;
}


.reservation-button{
	display:inline-block;
	background-image: url('/assets/images/reservation-btn.png');
	background-repeat:no-repeat;
	width:106px;
	height:39px;
	color:#fff;
	line-height:39px !important;
	font-size:17px !important;
	margin-top:10px;
}
.reservation-button:hover{
	text-decoration:none;
	color:#fff;
}
.video{
    object-fit: cover;
    background-size: cover;
    visible: hidden;
    width: 100%;
    height: 110.64%;
    left: 0px;
    top: -4.82%;
    display: block;
    visibility: inherit;
    position: absolute;
    opacity: 1;
}




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


	.section{
		background-size: cover;
		background-position:center center;
	}
.reservation-box{
	position:absolute;
	z-index: 100;
	top:50%;
	left:50%;	
	
}
.main-title-big,
.main-title-sm{
	color:#ffffff;
	font-weight:600;	
	text-align:center;
	margin-bottom:0;
}
.main-title-big{
	
	line-height:1.4;	
}
.main-title-sm{
	
	word-spacing:1px;
	line-height:1.3;
}





.player-btn{
	position:absolute;
	z-index:999;
	bottom:10px;
	left:10px;
	display:inline-block;
	font-size:25px;
	color:#fff;
}