/* 여행박사 - 유심상품 페이지 - travel_usim.php */
/*공통*/


.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
border: 0; background:gold;
}


#traUsimForm img  {
	margin: 0 auto;
	padding: 0 auto;
	text-align: center;
}
#traUsimForm table {
	border:0;
	cellpadding:0;
	cellspacing:0;
}
#traUsimForm .w1100 {
	max-width: 1100px;
	width: 100%;
	margin: 0 auto;
	padding: 0 auto;
}
#traUsimForm .w780 {
	max-width: 780px;
	width: 100%;
	margin: 0 auto;
	padding: 0 auto;
}
#traUsimForm .w781 {
	max-width: 780px;
	width: 100%;
	margin: 0 auto;
	padding: 0 auto;
}
#traUsimForm .w1100 img {
	width: 100%;
	margin: 0 auto;
	padding: 0 auto;
	text-align: center;
}
#traUsimForm .w780 img {
	width: 100%;
	margin: 0 auto;
	padding: 0 auto;
	text-align: center;
}
#traUsimForm table#traform {
  border: 1px solid #ddd;
  max-width: 780px;
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  text-align: left;
}
#traUsimForm table#traform tr {
	border-bottom: 0px solid #ddd;
	height: 45px;
}
#traUsimForm table#traform tr:last-child {
	border-bottom: 0px solid #ddd;
}
#traUsimForm table#traform th {
  padding-left: 5px;
  height: 40px;
  background: #ecf7f8;
}
#traUsimForm table#traform td input,
#traUsimForm table#traform td select {
	border: 1px solid #ddd;
	height: 30px;
	padding-left: 5px;
	margin-left: 5px;
}
.w100 {
	width: 98%;
}
.gray {
	color: #b3b3b3;
}
.top {
	vertical-align: top;
}
.middle {
	vertical-align: middle;
}
#traUsimForm button#usim_res {
	box-sizing: border-box;
	max-width: 780px;
	width: 100%;
	padding: 10px 30px;
	color: #fff;
	font-weight: 500;
	font-size: 1.5em;
	margin: 20px 0px;
	background: #e25147;
	border: none;
}
#traUsimForm .s_border {
}
#traUsimForm table#traform .s_half td {
	width: 100%:
	box-sizing: border-box;
}
#traUsimForm table#traform .s_half  input {
	width: 77.5%;
}
#traUsimForm table#traform .s_half  button {
	width: 20%;
	border: none;
	border: 1px solid #ddd;
	height: 30px;
	background: none;
}
.pa_top_20 {
	padding-top: 20px;
}
#traUsimForm table.traimg tr:nth-child(3) td img {
	padding: 0 auto;
	margin: 0 auto;
	text-align: center;
	padding: 30px 0;
}
#traUsimForm table#traform .phoneInput {
	text-align: left;
}
#traUsimForm table#traform .phoneInput select {
	width: 20%;
	min-width: 70px;
	height: 30px;
	border: 1px solid #ddd;
	padding-left: 5px;
	margin-left: 5px;
}
#traUsimForm table#traform .phoneInput input {
	width: 20%;
	height: 30px;
	min-width: 70px;
	border: 1px solid #ddd;
	padding-left: 5px;
	margin-left: 5px;
}
#user_deposit {
	color: #e25147;
	font-size: 1.2em;
}
#traUsimForm table#traform .radioInput {
	text-align: left;
}
#traUsimForm table#traform .radioInput input {
	width: 20px;
}
.left {
	text-align: left;
}
#traUsimForm .p_o td,
#traUsimForm .p_o th {
	height: 50px;
	line-height: 50px;
}
#traUsimForm table#traform th.greenBac {
	background: #148764;
	color: #fff;
}
#traUsimForm table#traform tr.borderGreen {
border: 1px solid #148764;
height: 60px;
}
#traUsimForm table#traform .borderGreen input {
border: 0px solid #148764;
width: 80%;
height: 100%;
}
#traUsimForm th.blueBac {
	background: #2a7aff;
	color: #fff;
}
#traUsimForm  tr.borderBlue td,
#traUsimForm  tr.borderBlue th{
border: 1px solid #2a7aff;
height: 60px;
line-height: 60px;
}
#traUsimForm .borderBlue input {
border: 0px solid #2a7aff;
width: 80%;
height: 100%;
}
#traUsimForm table#traform input.redBorder {
	border: 1px solid #e25147;
}
.table>thead>tr>th {
	border-bottom: 0px solid #ddd;
}
* {
  box-sizing: border-box;
}

.input-number {
  width: 70px;
  padding: 0 12px;
  vertical-align: middle;
  text-align: center;
  outline: none;
  line-height: 40px;
}

.input-number,
.input-number-decrement,
.input-number-increment {
  border: 1px solid #ccc;
  height: 40px;
  user-select: none;
  vertical-align: middle;
}

.input-number-decrement,
.input-number-increment {
  display: inline-block;
  width: 30px;
  line-height: 38px;
  background: #f1f1f1;
  color: #444;
  text-align: center;
  font-weight: bold;
  cursor: pointer;
}
.input-number-decrement:active,
.input-number-increment:active {
  background: #ddd;
}

.input-number-decrement {
  border-right: none;
  border-radius: 4px 0 0 4px;
}

.input-number-increment {
  border-left: none;
  border-radius: 0 4px 4px 0;
}

.pb_10 {
	paddign-bottom: 10px;
}
#final_table th {
	width: 200px;
}
.receipt_time input {
	width: 150px;
}


.ui-timepicker-standard a {
    border: 1px solid transparent;
    color: #222;
    display: block;
    padding: .0em .0em;
    text-decoration: none;
}
#wifiForm table .radioInput {
	text-align: left;
}
#wifiForm table .radioInput input {
	width: 20px;
	margin-left: 10px;
}
#wifiForm .nav-pills {
	width: 100%;
	padding: 0 auto;
	margin: 0 auto;
	text-align: center;
}
#wifiForm .nav-pills li {
	width: 33%;
}
#wifiForm .nav-pills > li.active > a,
#wifiForm .nav-pills > li.active > a:hover,
#wifiForm .nav-pills > li.active > a:focus {
    color: #fff;
    background-color: #fa5050;
    /*border: 0px solid #ddd;*/
    font-weight: 300;
	/*font-size: 1.3em;*/
}
#wifiForm .nav li a {
    color: rgba(0,0,0,0.7);
    text-shadow: 0px 1px 1px rgba(0,0,0,.1);
    border: 1px solid rgba(228,232,234,.8);
    font-size: 1em;
    text-decoration: none;
    font-weight: 400;
}
.red_btn {
	width: 100%;
    padding: 5px;
    text-align: center;
    background-color: #fa5050;
    color: #fff;
    line-height: 1.2em;
    border: 0px solid #111;
    box-shadow: none;
    padding: 10px;
    font-size: 20px;
}

/*미디어쿼리*/
@media (max-width: 602px) {
	#traUsimForm table#traform {
		 font-size: 12px;
	}
	.input-number {
		width: 40px;
		padding: 0 5px;
	}
	#traUsimForm table#traform .s_half input {
		width: 75%;
	}
	#traUsimForm table#traform .s_half button {
		width: 19%;
		font-size: 12px;
	}
	#traUsimForm table#traform th {
		width: 80px;
	}
	#final_table th {
		width: 180px;
	}
	.receipt_time input {
		width: 100px;
	}
	#wifiForm .nav-pills > li.active > a,
	#wifiForm .nav-pills > li.active > a:hover,
	#wifiForm .nav-pills > li.active > a:focus {
		color: #fff;
		background-color: #fa5050;
		border: 0px solid #ddd;
		font-weight: 300;
		font-size: .7em;
	}
	#wifiForm .nav li a {
		color: rgba(0,0,0,0.7);
		text-shadow: 0px 1px 1px rgba(0,0,0,.1);
		border: 1px solid rgba(228,232,234,.8);
		font-size: .7em;
		text-decoration: none;
		font-weight: 400;
	}
	#wifiForm .nav-pills li {
		width: 32.8%;
	}
	#wifiForm table th {
		padding-left: 10px;
		font-size: .7em;
		font-weight: 500;
		background: #ffd7df;
	}
	#wifiForm table input,
	#wifiForm table select {
		width: 100%;
		height: 30px;
		border: none;
		padding-left: 5px;
		font-size: .7em;
	}
	#wifiForm .radioInput {
		font-size: .7em;
	}
}