/* ///// Layout CSS ///// */


	/* Contents - panel layout */
		   /*
		   <div class="contents">
	      <div class="panel panel-default">
	        <div class="panel-heading">
	          타이틀
	        </div>
	        <div class="panel-body">
	          내용
	        </div>
	      </div>
	    </div>
	    */
			.contents {
				padding-top: 20px;
			}
			.contents .panel {
				border-radius: 10px;
			}
			.contents .panel .panel-heading {
				text-align: center;
				padding: 25px 0px;
				font-size: 22px;
				border-top-left-radius: 10px;
				border-top-right-radius: 10px;
			}
			@media (max-width : 767px) {
				.contents { padding-top: 10px; }
				.contents .panel .panel-heading {
					font-size: 18px;
					padding: 15px 0px;
				}
			}


	/* INPUT - line layout */
		/*
		<div class="input-box">
				<div class="input-group line"><i class="fa fa-user theme-text-3"></i><input class="theme-b-bottom-1" type="text" placeholder="INSERT ID"></div>
				<div class="input-group line"><i class="fa fa-unlock-alt theme-text-3"></i><input class="theme-b-bottom-1" type="password" placeholder="PASSWORD"></div>
				<div class="input-group line add-text">
					<i class="fa fa-unlock-alt"></i><span>충전비밀번호</span>
					<input class="theme-b-bottom-1" type="password"  maxlength="12" placeholder="충전비밀번호를 입력하세요">
				</div>
		</div>
		*/
		.input-box .input-group {
			width: 100%;
			line-height: 38px;
			margin-bottom: 15px;
			font-size: 14px;
		}
		.input-group.line input {
			border:none;
			outline:none;
			background-color: transparent;
			padding-left: 40px;
			color:#000;
		}
		.input-box input {
			width:100%;
			box-sizing:border-box;
		}
		.input-group i.fa {
			position:absolute;
			top: 0px;
			bottom: 0px;
			margin:auto;
			height:20px;
			width:20px;
			text-align:center;
			line-height:20px;
			font-size:20px;
			left:4px;
		}
		.input-group.line.add-text > span {
			position: absolute;
			left: 35px;
			bottom: 2px;
			color: #036999 ;
		}
		.input-group.line.add-text input {
			padding-left: 150px;
		}
		.input-group.line.add-text.rock input {
			color: #a9a9a9;
		}
		@media (max-width : 767px) {
			.input-group.line.add-text input { padding-left: 135px; }
		}



		/* GRID - iconbox */

				/* EXAMPLE
				<div class="grid-iconbox">
			    <div class="row">
			      <div class="col-xs-4"><a href="#"><i class="fas fa-envelope" aria-hidden="true"></i> <p>고객센터</p></a></div>
			      <div class="col-xs-4"><a href="#"><i class="fa fa-pen" aria-hidden="true"></i> <p>게시판</p></div>
			      <div class="col-xs-4"><a href="#"><i class="fas fa-cart-plus" aria-hidden="true"></i> <p>배팅내역</p></div>
			    </div>
			  </div>*/
    .grid-iconbox {
      padding-top: 3px;
      background-color: #fff;
    }
    .grid-iconbox .col-xs-4 i {
      font-size: 21px;
      position: relative;
      top: -3px;
    }
    .grid-iconbox .col-xs-4 {
      font-size: 14px;
      padding : 15px 0px;
      color: slategray;
      text-align: center;
    }



		/* TAB - tabmenu */

    .ts-tab .nav-tabs > li > a {
      padding: 20px 0px;
      text-align: center;
      border : 0px;
      border-radius: 0px;
      margin-right: 0px;
      font-size: 14px;
    }
    .ts-tab .nav-tabs > li.active > a {
      color: #fff;
      border-left: 0px;
      border-top: 0px;
      border-right: 0px;
      border-bottom: 0px;
    }




    /* Money button box , charge_v */
	    /*
			<div class="bt full" data-toggle="collapse" href="#moneybutton-wrap" aria-expanded="false" aria-controls="moneybutton-wrap">>
			<div class="collapse" id="moneybutton-wrap">
				<div class="row">
					<div class="col-xs-4"><div ng-click="vm.push_numtext('1')">1</div></div>
					<div class="col-xs-4"><div ng-click="vm.push_numtext('2')">2</div></div>
					<div class="col-xs-4"><div ng-click="vm.push_numtext('3')">3</div></div>
					<div class="col-xs-4"><div ng-click="vm.push_numtext('4')">4</div></div>
					<div class="col-xs-4"><div ng-click="vm.push_numtext('5')">5</div></div>
					<div class="col-xs-4"><div ng-click="vm.push_numtext('6')">6</div></div>
					<div class="col-xs-4"><div ng-click="vm.push_numtext('7')">7</div></div>
					<div class="col-xs-4"><div ng-click="vm.push_numtext('8')">8</div></div>
					<div class="col-xs-4"><div ng-click="vm.push_numtext('9')">9</div></div>
					<div class="col-xs-4"><div ng-click="vm.push_num('C')">초기화</div></div>
					<div class="col-xs-4"><div ng-click="vm.push_numtext('0')">0</div></div>
					<div class="col-xs-4" data-toggle="collapse" href="#moneybutton-wrap"><div>닫기</div></div>
				</div>
			</div>
			*/
		#moneybutton-wrap {
			padding: 0px 30px;
			margin-bottom: 15px;
		}
		#moneybutton-wrap .col-xs-4 {
			padding: 3px;
		}
		#moneybutton-wrap .col-xs-4 > div {
			padding: 25px 0px;
			font-size: 22px;
			color: #a9a9a9;
			background-color: #ededed;
			text-align: center;
			cursor: pointer;
		}
		#moneybutton-wrap .col-xs-4 > div:hover {
			background-color: #e0e0e0;
		}
		#moneybutton-wrap .col-xs-4 > div:active {
			color : #000;
		}
		@media (max-width : 767px) {
			#moneybutton-wrap { padding: 0px 0px; }
		}

			/* Layout Money button short */
			.moneybutton-short .col-xs-4 {
				padding: 3px;
			}
			.moneybutton-short .col-xs-4 > div {
				padding: 22px 0px;
				font-size: 18px;
				color: #fff;
				background-color: #269dd3;
				text-align: center;
				cursor: pointer;
			}
			.moneybutton-short .col-xs-4 > div:hover {
				color: #000;
				background-color: #f7c958;
			}