@charset "utf-8";

/* Font 
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */


/* Reset 
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
	html,body{margin:0; padding:0; width:100%; min-width:320px; height:100%;}
	body,div,section,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0; padding:0; box-sizing:border-box;}
	article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block;}
	fieldset,img {border:0 none;}
	dl,ul,ol,menu,li {list-style:none;}
	blockquote, q {quotes:none;}
	blockquote:before, blockquote:after,q:before, q:after {content:''; content:none;}
	img,input,select,textarea,button {vertical-align:middle;}
	body{background:#fff; overflow-y:scroll; *overflow-y:; -webkit-text-size-adjust:none;}
	body,th,td,input,select,textarea,button,pre{font-weight:300; font-size:14px; line-height:1.5; font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "돋움", dotum, sans-serif; color:#555;}
	h1,h2,h3,h4,h5,h6{font-weight:normal;}
	a{box-sizing:border-box; text-decoration:none; font-weight:300; font-size:14px; color:#555; transition:.3s all linear;}
	a:active, a:hover {text-decoration:none;}
	address,caption,cite,code,dfn,em,var {font-style:normal; font-weight:normal;}
	table{table-layout:fixed; border-collapse:collapse; border-spacing:0;}
	caption{text-align:left;}
	fieldset{border:0 none;}
	hr{display:none;}
	abbr,acronym{border:0 none;} 
	abbr[title], dfn[title] {border-bottom:1px dotted #000000; cursor: help;}
	em{font-style:normal;}

	/* form */
	input:focus, button:focus, select:focus, textarea:focus{outline:0;}
	input[type="text"], input[type="password"], input[type="image"], input[type="date"], select, textarea{display:inline-block; vertical-align:middle; -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; appearance:none; margin:0; padding:0; min-height:40px; border:0 none; box-sizing:border-box; border-radius:3px; outline:0; border:1px solid #ddd;}
	input[type="text"], input[type="password"], input[type="date"]{padding:0 10px; height:40px; vertical-align:middle;}
	input[type="radio"]{width:20px; height:20px; background:#fff;}
	input[type="checkbox"]{width:20px; height:20px; background:#fff; border:1px solid #ddd;}
	input[type="image"]{border:0 none;}
	button{-webkit-appearance:none; -moz-appearance:none; appearance:none; margin:0; padding:0; box-sizing:border-box; border:0 none; background-color:transparent; cursor:pointer;}
	select{padding:0 26px 0 10px; height:40px; background:#fff url('/skin/m_japan/images/common/arrow_down_b.png') no-repeat right 15px center/12px;}
	select::-ms-expand{display:none;}
	textarea{padding:10px; min-height:80px;}
	label{display:inline-block; vertical-align:middle;}


/* Common 
------------------------------------------------------ */
	strong{font-weight:bold;}
	
	/* 마크업에만 보이게 */
	.hidden{width:0; height:0; margin:0 !important; padding:0 !important; text-indent:-9999em; overflow:hidden; line-height:0; font-size:0;}
	
	/* 말줄임 */
	.ellipsis{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.ellipsis2{display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; white-space:initial;}
	.ellipsis3{display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; white-space:initial;}

	/* 강조 */
	.input_required {color:#F0513E;}


/* Layout
------------------------------------------------------ */	
	#wrap{position:relative; margin:0 auto; width:100%; min-width:320px; max-width:760px;}


/* Header
------------------------------------------------------*/
	/* 헤더 ----------------- */
	#header{z-index:888; position:fixed; top:0; left:0; right:0; margin:0 auto; min-width:320px; max-width:760px; width:100%; background:#fff; box-shadow:0 0 15px rgba(0,0,0,0.1);}

	#header .top-menu {display:block; position:relative; height:60px;}
	#header h1{position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; width:120px; height:27px; vertical-align:middle;}
	#header h1 a{display:block; width:100%; height:100%; vertical-align:middle;}
	#header h1 img{width:100%;}
	
	/* 메뉴 버튼 */
	.btn-nav{display:block; position:absolute; top:50%; left:20px; transform:translateY(-50%); width:30px; height:25px; cursor:pointer;}
	.btn-nav span{position:absolute; left:50%; display:block; margin-left:-15px; width:30px; height:3px; background:#f04d23;}
	.btn-nav span:nth-child(1){top:0;}
	.btn-nav span:nth-child(2){top:11px;}
	.btn-nav span:nth-child(3){top:22px;}

	/* 로그인 버튼 */
	.head-login{position:relative; top:50%; transform:translateY(-50%); float:right; margin-right:20px; width:66px; height:26px; text-align:center; font-weight:500; font-size:15px; letter-spacing:-2px; line-height:22px; color:#999; border:2px solid #999; border-radius:3px;}
	.head-logout{position:relative; top:50%; transform:translateY(-50%); float:right; margin-right:20px; width:66px; height:22px; text-align:center; font-weight:500; font-size:13px; letter-spacing:-2px; line-height:20px; color:#FFF; border:2px solid #FFF; border-radius:3px;}
	
	/* 예약 상태 버튼 */
	.head-rsv{position:relative; top:50%; transform:translateY(-50%); float:right; margin-right:20px;}
	.head-rsv img{height:26px;}
	.head-rsv span{display:inline-block; margin-right:5px; width:20px; height:20px; text-align:center; vertical-align:middle; line-height:20px; font-weight:500; font-size:13px; color:#fff; background:#333; border-radius:50%;}

	/* 검색바 */
	.search-box{margin-top:60px; position:relative; padding:7px 20px; width:100%; background:#f04d23;}
	.search-box > div{background:#fff; border-radius:3px; overflow:hidden;}
	.search-box > div:after{content:""; display:block; clear:both;}
	.search-box input[type="text"]{float:left; width:calc(100% - 40px); height:40px; font-size:16px; border:0;}
	.search-box input[type="text"]::-webkit-input-placeholder{font-size:14px; color:#999;}
	.search-box input[type="text"]::-moz-placeholder{font-size:14px; color:#999;}
	.search-box input[type="text"]:-ms-input-placeholder{font-size:14px; color:#999;}
	.search-box input[type="text"]:-moz-placeholder{font-size:14px; color:#999;}
	.search-box input[type="image"]{float:right; width:40px; vertical-align:middle;}

	/* 마이페이지/이용안내/Q&A */
	.quide-menu{border-bottom:1px solid #d5d5d5;}
	.quide-menu:after{content:""; display:block; clear:both;}
	.quide-menu li{float:left; width:33.33%; height:54px;}
	.quide-menu li a{display:block; text-align:center; line-height:54px; font-weight:500; font-size:14px; color:#555; border-left:1px solid #d5d5d5;}
	.quide-menu li:first-child a{border-left:0;}
	.quide-menu li:first-child img{margin-right:0px;}
	.quide-menu li img{margin-right:10px; height:24px;}

	/* 네비게이션 ----------------- */
	#nav{z-index:999; position:fixed; top:0; left:0; left:0; right:0; margin:0 auto; min-width:320px; max-width:760px; width:100%; height:100%; overflow-x:hidden; background:#fff;}
	.nav-head{position:relative; width:100%; height:60px; background:#f04d23;}
	.nav-head img {float:right; width:35px; border-radius:50%; border:2px solid #BFBFBF; margin-top:10px; margin-right:10px;}
	
	/* 닫기 버튼 */
	.btn-close{z-index:999; position:absolute; top:50%; left:20px; transform:translateY(-50%); width:26px; height:26px; cursor:pointer;}
	.btn-close span{position:absolute; left:50%; display:block; margin-left:-15px; width:30px; height:3px; background:#fff;}
	.btn-close span:nth-child(1){top:50%; transform:rotate(45deg);}
	.btn-close span:nth-child(2){top:50%; transform:rotate(-45deg);}

	#nav .head-login{color:#fff; border-color:#fff;}
	#nav .head-rsv span{color:#f04d23; background:#fff;}
	#nav .user-name{float:right; padding:17px 0; margin-right:15px; height:60px; font-weight:500; font-size:23px; line-height:26px; color:#fff;}
	#nav .quide-menu{border-bottom:0;}
	
	/* 이용시간 */
	.cs-info{padding:20px; width:100%; text-align:center; background:#f5f5f5;}
	.call-num a{line-height:1; font-size:30px; font-weight:400; color:#f04d23;}
	
	.business-hours{margin-top:10px;}
	.business-hours span{display:inline-block; margin-left:10px; padding-left:10px; vertical-align:middle; font-size:16px; line-height:16px; border-left:1px solid #ddd;}
	.business-hours span:first-child{margin-left:0; padding-left:0; border-left:0;}
	.business-hours span strong{font-weight:400;}
	
	/* 메뉴 */
	.navigation{width:calc(100%); height:calc(100% - 60px); overflow-y:scroll; overflow-x:hidden;}
	.navigation .main-menu{display:block; padding:0 20px; width:100%; line-height:30px; font-weight:500; font-size:14px; color:#888; border-top:1px solid #f04d23;;}
	.navigation .main-menu img{margin:-3px 0 0 10px; width:12px;}

	.navigation .sub-menu{padding:15px 20px; border-top:1px solid #d5d5d5;}
	.navigation .sub-menu a{display:block; line-height:30px; font-weight:400; font-size:17px; color:#555;}



/* Footer
----------------------------------------------------- */
	#footer{padding:30px 20px; border-top:1px solid #d5d5d5;}
	
	.gt-sns{padding:0 20px; text-align:center; line-height:0; font-size:0;}
	.gt-sns li{display:inline-block; width:25%; text-align:center;}
	.gt-sns li img{max-width:100%; width:58px;}

	.kata {display:block; height:50px; margin:15px; text-align:center;}

	.foot-area{margin-top:30px;}
	.foot-info{text-align:center; letter-spacing:-0.2px; line-height:1.6; font-weight:400; font-size:13px; color:#999;}
	
	.foot-menu{margin-bottom:20px; text-align:center; line-height:0; font-size:0;}
	.foot-menu li{display:inline-block; margin-left:8px; padding-left:8px; border-left:1px solid #d5d5d5;}
	.foot-menu li:first-child{margin-left:0; padding-left:0; border-left:0;}
	.foot-menu li a{line-height:14px; font-weight:400; font-size:13px; color:#999;}
	

/* 폰트 스타일 */
.fc_red {color:#F24E4C;}
.fc_orange {color:#f0513e;}
.fc_pay {color:#f0513e;}
.ff_arial {font-family:arial;}
.fs_10 {font-size:10px;}
.fs_11 {font-size:11px;}
.fs_12 {font-size:12px;}
.fs_14 {font-size:14px;}
.fs_18 {font-size:18px;}
.fs_22 {font-size:22px;}
.fs_26 {font-size:26px;}

/* 버튼 스타일 */
.btn_navy { 
	position:relative; 
	display:inline-block; 
	margin: 0 2px;
	padding:0 25px;
	min-width:70px; height:40px; 
	background:#5e6679; 
	font-size:15px; 
	line-height:40px; 
	color:#FFF; 
	text-align:center; 
	font-weight:bold;
	cursor:pointer;
}

.btn_navy_m {
	display:inline-block; 
	margin: 0 2px;
	padding:0 13px;
	min-width:70px; height:25px; 
	background:#F4F4F4; 
	border: 1px solid #C8C8C8;
	font-size:13px; 
	line-height:25px; 
	color:#536685; 
	text-align:center; 
	cursor:pointer;
	letter-spacing:0.1em;
}

.btn-red{display:block; margin-top:10px; width:100%; height:45px; text-align:center; line-height:45px; font-weight:400; font-size:16px; border-radius:3px; border:1px solid #f04d23; color:#f04d23; background-color:#FFF;}
.btn-red-reverse{display:block; margin-top:10px; width:100%; height:45px; text-align:center; line-height:45px; font-weight:400; font-size:16px; border-radius:3px; background-color:#f04d23; color:#FFF;}

.btn_red { 
	display:inline-block; 
	margin: 0 2px;
	padding:0 25px;
	min-width:70px; height:40px; 
	background:#f0513e; 
	font-size:15px; 
	line-height:40px; 
	color:#FFF; 
	text-align:center; 
	font-weight:bold;
	cursor:pointer;

	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	overflow: hidden;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: color, background-color;
	transition-property: color, background-color;
}

.btn_red_m {
	display:inline-block; 
	margin: 0 2px;
	padding:0 13px;
	min-width:70px; height:25px; 
	background:#f0513e; 
	font-size:13px; 
	line-height:25px; 
	color:#FFF; 
	text-align:center; 
	cursor:pointer;
	letter-spacing:0.1em;

	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	overflow: hidden;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: color, background-color;
	transition-property: color, background-color;
}

.small_gray_btn{
	margin-top: 10px; 
	background: #fe610b;
	 background-image: -webkit-linear-gradient(top, #c9c8c8, #9e9c9c);
	 background-image: -moz-linear-gradient(top, #c9c8c8, #9e9c9c);
	 background-image: -ms-linear-gradient(top, #c9c8c8, #9e9c9c);
	 background-image: -o-linear-gradient(top, #c9c8c8, #9e9c9c);
	 background-image: linear-gradient(to bottom, #c9c8c8, #9e9c9c);
	-webkit-border-radius: 3;
	-moz-border-radius: 3;
	border-radius: 3px;
	color: #ffffff;
	font-size: 12px;
	padding: 4px 10px 4px 10px;
	border: solid #a7a7a7 1px;
	text-decoration: none;
	font-weight: bold;
}

/* Top Notification Bar */
.top-noti-bar {background-color:#FC6D58; height:40px; color:#FFF; padding:5px 0;}
.top-noti-box {width:1070px; height:100%; overflow:hidden; margin:0 auto;}
.top-noti-box .noti-contents {display:inline-block; width:1020px; float:left;  height:100%; display:flex; align-items:center; font-size:12pt;}
.top-noti-box .close-box {width:50px; height:100%; padding-top:3px; float:right; display:flex; justify-content: center; align-items:center;}
.top-noti-box .close-box .close {display:inline-block;*display:inline; cursor:pointer;}
.top-noti-box .close-box .close:after {display: inline-block;content: "\00d7"; font-size:24pt;}