/* ±âº» ¼³Á¤ */
@charset "utf-8";

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

html,body {font-family: 'Noto Sans'; overflow-x: hidden;}

#idxbtn {padding: 5% 0%; width: 70%;}

#tblemp {border-left: 1px solid #ff0000; border-right: 1px solid #ff0000;}
#inputtable th label {font-size: 14px; color: #333333; font-weight: 700;}
#inputtable {border-collapse: collapse;}


#inputtable td input {font-weight: 600; color: #555555; border: 1px solid #cccccc; box-shadow: inset 0 1px 1px rgba(0,0,0,.075); transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
#inputtable td .radio-inline {font-size: 14px;}

.registtitle {font-size: 21px; font-weight: bold; text-align: center; margin: 10px; text-align: left;}

.left_table{height:279px;}

@media (min-width: 769px) {
	.idxtitle {font-size: 36px; margin: 30px; font-weight: 700;}
	.idxtitle2 {font-size: 21px; font-weight: 700; margin: 10px;}
	.daywise {font-size: 20px; font-weight: 500; margin-bottom: 15px;}	
	#tstable th {font-size: 16px; background-color: rgba(123,123,123,0.7); color: #ffffff; font-size: 15px; text-align: center; vertical-align: middle; font-weight: 400;}
	#tstable td {font-size: 16px; text-align: center; vertical-align: middle;}
	
}
@media (max-width: 768px) {
	.idxtitle {font-size: 24px; margin: 15px 0px; font-weight: 500;}
	.idxtitle2 {font-size: 21px; font-weight: 700; margin: 10px;}
	.daywise {font-size: 15px; font-weight: 500; margin-bottom: 10px;}
	#tstable {width: 700px;}
	#tstable th {font-size: 14px; background-color: rgba(123,123,123,0.7); color: #ffffff; font-size: 11px; text-align: center; vertical-align: middle;}
	#tstable td {font-size: 14px; text-align: center; vertical-align: middle;}

	.mobile-scroll-x {overflow-x: scroll;}
	.left_table{height:auto;}
}

.idxbtn {display: inline-block; width: 280px; margin-bottom: 10px;}
.privacyheader {padding: 10px; font-weight: 600;}
.privacytext {padding: 10px; font-size: 13px; color: #333333; border: 1px solid #dddddd;line-height: 180%;}
#inputlabel {padding: 5px; font-weight: 600;}
#programname {border: 1px solid #dddddd; margin-right: -1px; margin-bottom: -1px; padding: 15px; text-align: center; font-size: 15px; background-color: rgba(51,51,51,0.7); color: #ffffff; font-weight: 600; line-height: 200%;}

#timetable {width: 100%;}

#timetable th, #timetable td, #mp_reg_timetable th, #mp_reg_timetable td, #mp_wait_timetable th, #mp_wait_timetable td, #mp_cancel_timetable th, #mp_cancel_timetable td, #mp_bus_timetable th, #mp_bus_timetable  td {font-size: 14px; vertical-align: middle; text-align: center; border: 1px solid silver;}
#timetable th, #mp_reg_timetable th, #mp_wait_timetable th, #mp_cancel_timetable th, #mp_bus_timetable th {background-color: rgba(51,51,51,0.7); color: #ffffff; text-align: center;}

#timetable th:first-child {border-left: 0px;}
#timetable th:last-child {border-right: 0px;}
#timetable td:first-child {border-left: 0px;}
#timetable td:last-child {border-right: 0px;}

.waitnumber {padding: 10px; display: inline;}
.gowait {background-color: #eea236; border-color: #eea236; padding: 4px 14px 4px; line-height: 25px; height: 25px; color: #ffffff;}
.gowait:hover {background-color: #eea236; border-color: #eea236; color: #ffffff;}

#gobustable, #backbustable, #bustable {width: 100%;}
#gobustable th, #backbustable th, #bustable th {text-align: center;}
#gobustable th, #backbustable th, #bustable th, #gobustable td, #backbustable td, #bustable td {vertical-align: middle; font-size: 14px;}

#footer {padding: 20px 0px; font-size: 13px; color: #b0b0b0; background-color: #46474c;}
#gobusselect {text-align: left;}

#notipay {background-color: #ffffff; border: 1px solid #d3d3d3; margin-right: -1px; margin-bottom: -1px; padding: 15px;}

.notipaytitle {font-size: 16px; color: #333333; font-weight: 700;}
.notipaytext1 {font-size: 16px; color: #5e5e5e; font-weight: 600;}
.notipaytext2 {font-size: 13px; color: #5e5e5e; font-weight: 600;}

#lemp {border-left: 3px solid #075fae;}
#remp {border-right: 3px solid #075fae;}

#frmbox {border: 1px solid silver; border-radius: 5px; padding: 25px; background-color: #FBFBFB;}

@media (min-width: 769px) {
	#frmbox {min-height: 230px; overflow: hidden;}
}

.leftzero {border-left: 0px;}
.rightzero {border-right: 0px;}

#mypageul a {font-family: 'Noto Sans'; color: #ffffff; text-decoration: none; font-weight: 400;}
#mypageul a:hover {text-decoration: none; color: #ffffff; font-weight: 400;}
#mypageul a p {margin: 0px;}
#mypageul li {background-color: rgba(51,51,51,0.7); padding: 15px;}

#mypagetitle {padding: 15px; font-size: 30px; font-family: 'Noto Sans'; background-color: #333333; color: #ffffff;}

#addregist a {padding: 15px; width: 100%; display: inline-block; margin-bottom: 15px; font-size: 18px;}

#mypagexsmenu {font-size:12px; font-family: 'Noto Sans'; font-weight: 500; padding: 5px 0px; text-align: center; text-decoration: none; background-color: #dddddd; color: #333333; border-right: 1px solid #aaaaaa;}

@media (min-width: 992px) {
	.pwinputlabel {width: 250px;}
	.pwinputcell {width: calc (100% - 250px);}
}
@media (max-width: 991px) {
	.pwinputlabel {width: 190px;}
	.pwinputcell {width: calc (100% - 190px);}
}
@media (max-width: 768px) {
	.pwinputlabel {width: 110px;}
	.pwinputcell {width: calc (100% - 110px);}
}

#qsdiv {display: inline-block; width: 30px; height: 25px; margin-bottom: -5px; border-radius: 3px; background-image: url('../img/qs.png'); background-size: 100% 100%}

.badge.badge-danger {background-color: #e32429;}

.select_label {background-color: #000000; color: #ffffff;}