/*font*/
	@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

/*reset*/
	html, body, div, span, iframe, address, em, img, q, strong, table, tbody, thead, tfoot, tr, th, td, b, i, audio, video, dl, dt, dd, ul, li, ol, h1, h2, h3, h4, h5, h6, pre, form, input, textarea, p {margin:0;padding:0;}
	dl,ul,ol,li {list-style:none; }
	input,select,textarea,button {vertical-align:middle; font-family:inherit; color:inherit; font-size:inherit; outline:0; border:none;  background:none; }
	img {border:0; max-width:100%;}
	img, li {vertical-align:middle;}
	table {border-collapse:collapse; table-layout: fixed;} address{font-style:normal}
	h1, h2, h3, h4, h5, h6 {font-weight:normal;font-size:100%;}
	a,a:hover {color:inherit; text-decoration:none;}
	body {color:#333; font-size:12px; font-family:"Noto Sans KR",dotum,sans-serif; font-weight:300; background:#fff; letter-spacing:-1px;}

/*basic_design*/
	.p_basic {
		text-align:center;
		font-size:30px;
		margin-top:15px;
	}
	.button_basic {
		border-radius:23px;
		padding:15px 75px;
		background: #d8bd8f; /* Old browsers */
		background: -moz-linear-gradient(-45deg,  #d8bd8f 0%, #c0a069 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(-45deg,  #d8bd8f 0%,#c0a069 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(135deg,  #d8bd8f 0%,#c0a069 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8bd8f', endColorstr='#c0a069',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	}
	.button_half {
		display:inline-block;
		width: 18.5%;
		border-radius:23px;
		padding:1.5% 6%;
		background: #d8bd8f; /* Old browsers */
		background: -moz-linear-gradient(-45deg,  #d8bd8f 0%, #c0a069 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(-45deg,  #d8bd8f 0%,#c0a069 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(135deg,  #d8bd8f 0%,#c0a069 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8bd8f', endColorstr='#c0a069',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	}
	.button_full {
		display:inline-block;
		width:30%;
		font-weight:400;
		border-radius:15px;
		padding:2.5% 6%;
		background: #d8bd8f; /* Old browsers */
		background: -moz-linear-gradient(-45deg,  #d8bd8f 0%, #c0a069 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(-45deg,  #d8bd8f 0%,#c0a069 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(135deg,  #d8bd8f 0%,#c0a069 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8bd8f', endColorstr='#c0a069',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	}
	.txc {text-align:center;}

/*index*/
	.wrap {position:relative;	width:1024px; height:768px;}
	.autoSizeImg {width:1024px; height:768px;}
	.rightPad {
		position:absolute; right:3%; top:10%;
		width:49%;
		background-color:#FFF;
	}
	.rightPad h1 {
		font-size:20px;
		padding:20px;
		border-bottom:4px solid #bb9a63;
	}
	.inserted_phoneNum {
		font-size:50px;
		text-align:center;
		padding:20px 0;
	}
	.padNum {
		border-top:1px solid #e1e1e1;
	}
	.padNum:after {content:""; display:block; clear:both;}
	.padNum li {
		float:left;
		width:33.3334%;
		height:108px;
		font-size:58px;
		line-height:108px;
		text-align:center;
		cursor:pointer;
		border-bottom:1px solid #e1e1e1;
		/* padding:17px 0; */
	}
	.bg_gray li {
		background: rgb(255,255,255);
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg3JSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
		background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 45%, rgba(241,241,241,1) 87%);
		background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 45%,rgba(241,241,241,1) 87%);
		background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 45%,rgba(241,241,241,1) 87%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0 );
	}
	.bg_gray li:hover,	.bg_gray li:active {
		background: rgb(255,255,255);
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ1JSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg3JSIgc3RvcC1jb2xvcj0iI2VhZWFlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
		background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(241,241,241,1) 45%, rgba(234,234,234,1) 87%);
		background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 45%,rgba(234,234,234,1) 87%);
		background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 45%,rgba(234,234,234,1) 87%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
	}
	.padNum .scnLi {position:relative;}
	.padNum .scnLi:before, .padNum .scnLi:after {
		position:absolute; top:0;
		width:1px; height:108px;
		content:"";
		background-color:#e1e1e1;
	}
	.padNum .scnLi:before {left:0;}
	.padNum .scnLi:after {right:0;}
	.padNum .confirm {
		font-size:30px;
		font-weight:500;
		/* padding:32px 0;  */
		background: #d7be8e !important; /* Old browsers */
		background: -moz-linear-gradient(-45deg,  #d7be8e 0%, #a7915a 100%) !important; /* FF3.6-15 */
		background: -webkit-linear-gradient(-45deg,  #d7be8e 0%,#a7915a 100%) !important; /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(135deg,  #d7be8e 0%,#a7915a 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7be8e', endColorstr='#a7915a',GradientType=1 ) !important; /* IE6-9 fallback on horizontal gradient */
	}


/*sub*/
	.wholePad {width:100%;}
	.wholePad h1 {
		font-size:32px;
		font-weight:500;
		color:#454545;
		padding:23px;
		border-bottom:1px solid #c7a975;
	}
	.toHome {
		position:absolute;
		top:10px; right:0;
		font-weight: 500;
		font-size: 25px;
		color:#5c5b5b;
		text-align:right;
		padding:20px;
	}
	.info {
		font-size:30px;
		color: #454545;
		text-align:center;
		margin-top:40px;
	}
	.info_middle {
		font-size:30px;
		text-align:center;
		margin-top:70px;
	}
	.uline {
		display:inline-block;
		font-weight:700;
		font-size:40px;
		width:200px;
		border-bottom:1px solid #333;
	}
	.info_point {
		font-size:50px;
		text-align:center;
		margin-top:150px;
	}
	.save_point {
		font-size:55px;
		font-weight:500;
		text-align:center;
		margin-top:60px;
	}
	.reserveNum {
		width:64%;
		margin:50px auto 0;
		border-top:1px solid #e1e1e1;
		border-left:1px solid #e1e1e1;
		border-right:1px solid #e1e1e1;
	}
	.reserveNum:after {content:""; display:block; clear:both;}
	.reserveNum li {
		float:left;
		width:50%;
		font-size:42px;
		font-weight:500;
		text-align:center;
		cursor:pointer;
		border-bottom:1px solid #e1e1e1;
		padding:20px 0;
	}
	.reserveNum .halfLi {position:relative;}
	.reserveNum .halfLi:after {
		content:"";
		position:absolute; top:0; left:0;
		width:1px; height:93px;
		background-color:#e1e1e1;
	}
	.howToSettle {
		font-size:35px;
		text-align:center;
		margin-top:20px;
	}
	.account {
		font-size:40px;
		font-weight:700;
		text-align:center;
		margin-top:70px;
	}
	.accountBank {
		font-size:30px;
		text-align:center;
		margin-bottom:80px;
	}
	.passline {
		display:inline-block;
		font-weight:700;
		font-size:30px;
		text-align:center;
		width:200px;
		border-bottom:1px solid #454545;
	}
	.passNum {
		width:45%;
		border:1px solid #e1e1e1;
		margin:40px auto 0;
	}
	.passNum:after {content:""; display:block; clear:both;}
	.passNum li {
		float:left;
		width:33.3334%;
		height:93px;
		font-size:45px;
		text-align:center;
		line-height:93px;
		cursor:pointer;
		border-bottom:1px solid #e1e1e1;
		/* padding:8px 0; */
	}
	.passNum .scnLi {position:relative;}
	.passNum .scnLi:before, .passNum .scnLi:after {
		position:absolute; top:0;
		width:1px; height:93px;
		content:"";
		background-color:#e1e1e1;
	}
	.passNum .scnLi:before {left:0;}
	.passNum .scnLi:after {right:0;}
	.passNum .confirm {
		font-size:26px;
		font-weight:500;
		/* padding:22px 0; */
		background: #d7be8e !important; /* Old browsers */
		background: -moz-linear-gradient(-45deg,  #d7be8e 0%, #a7915a 100%) !important; /* FF3.6-15 */
		background: -webkit-linear-gradient(-45deg,  #d7be8e 0%,#a7915a 100%) !important; /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(135deg,  #d7be8e 0%,#a7915a 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7be8e', endColorstr='#a7915a',GradientType=1 ) !important; /* IE6-9 fallback on horizontal gradient */
	}

/*keyframes*/
	 @keyframes slidy1 {
			0% { background-color:#bbb;}
			20% { background-color:#bbb;}
			40% { background-color:#bbb;}
			60% { background-color:#bbb;}
			80% { background-color:#bbb;}
			100% { background-color:#fff;}
		}
	 @keyframes slidy2 {
			0% { background-color:#fff;}
			20% { background-color:#fff;}
			40% { background-color:#bbb;}
			60% { background-color:#bbb;}
			80% { background-color:#bbb;}
			100% { background-color:#fff;}
		}
	 @keyframes slidy3 {
			0% { background-color:#fff;}
			20% { background-color:#fff;}
			40% { background-color:#fff;}
			60% { background-color:#bbb;}
			80% { background-color:#bbb;}
			100% { background-color:#fff;}
	}
	.waiter {
		width:180px;
		margin:30px auto 0;
	}
	.waiter:after {content:""; display:block; clear:both;}
	.waiter li {
		float:left;
		margin:20px;
		border-radius:100%;
		width:20px; height:20px;
		background-color:#e1e1e1;
	}
	.waiter .fstLi {
		-webkit-animation: 4s slidy1 ease-in-out infinite;
	  animation: 4s slidy1 ease-in-out infinite;
	}
		.waiter .scnLi {
		-webkit-animation: 4s slidy2 ease-in-out infinite;
	  animation: 4s slidy2 ease-in-out infinite;
	}
		.waiter .thdLi {
		-webkit-animation: 4s slidy3 ease-in-out infinite;
	  animation: 4s slidy3 ease-in-out infinite;
	}