@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
body{
	font-family:"Nanum Gothic", serif;
	min-width:940px;
}
.ui-tabs .ui-tabs-panel{
	padding:0.5em 0.5em;
}
#content{
	width:98%;
	height:607px;
	padding: 2.5em 0 0 0;
	text-align:center;
	display:flex;
	background:url("https://www.obms.co.kr/images/serviceReservation/body_bg_toss.png") no-repeat;		
}
#wrapper{
	margin: 0 auto;		
	padding:0;
	display:flex;
	align-items:center;
	justify-content: center;
	height:100vh;
	width:950px;
	min-width:950px;
}

#leftDiv{
	flex: 0 0 auto;	
	width: 568px;
}
.costTableDiv{
	height:440px;
	overflow-y:auto;
	overflow-x:hidden;
}
#leftDiv fieldset{
	text-align:left;
	height:590px;	
	width:560px;
	border:1px solid #aaaaaa;
	border:0px;
}
#card_policy_table {
	width:100%;
}
#card_policy_table td,
#card_policy_table th {
	line-height:1.5em;
}
#rightDiv{
	flex: 1;
	margin-left:11px;
	height: 100%;
	width: 340px;
	height:607px;	
}
#button_section{
	margin-left:2em;
}

label.title{
	width:80px;
	float:left;
	text-align:right;
	margin-right:1em;
}
.align_center{
	text-align:center;
}

.form_div{
	line-height:1.2em;
	clear:both;
	margin:0.7em;
}

#issue_account_section,
#noissue_account_section,
#dialog_issue_account_section,
#dialog_noissue_account_section{
	margin-left:100px;
}
table {
	border-collapse:collapse;
	width:290px;
}
table, td ,th{
	border:1px solid black;
}
td,th{
	padding:0.2em;
	font-weight:normal;
	font-size:0.8em;
}
.alert{
	font-weight:bold;
	color:maroon;
	opacity:0.8;
}
.hidden{
	display:none!important;
	height:0;
}
.wrapper{
	margin-right:1em;
}

#obmpos_sms_point{
	font-size:smaller;
	margin-right:1em;
	color:gray;
}

.useImeActive{
	ime-mode:active;
	-ms-ime-mode:active;
	-webkit-ime-mode:active;
	-moz-ime-mode:active;
	-o-ime-mode:active;
}

.cost_info{
	color:blue;
	font-size:smaller;
}

strong{
	font-weight:bold;	
}

.redFont{
	color:red;
}

.ui-tabs-anchor{
	font-size:0.8em;
}

.center{
	text-align:center;
}

#dialog_card_section{
	padding-top:2em;
}

.validateTips{
	font-weight:bold;
	margin:0.5em;
}

#inicis_link,
#bank_link,
#regist{
    background: brown;
    color: white;
    font-weight: bold;
}
#sms_section,
#mms_section {
	display:flex;
}
#sms_section.title,
#mms_section.title{
	flex: 0 0 auto;
	width: 80px;
}

h4 {
	text-align:left;
	margin-bottom: 0.3em;
}
#card_sms_alert{
	color: red;
	margin-top: 1em;
	font-size:10pt;
}
#card_sms_alert2{
	color: red;
	margin-top: 0.5em;
	font-size:10pt;
	font-weight: bold;
}
.sms_input{
	flex: 1;
}
.card_input {
	flex: 1;
}
b{
	font-weight: bold;
}
#card_alert{
	margin-left:2em;
}
#costTabs{
	width: 331px;
	height: 585px;
}
.radio-grid {
	display: grid;
	height: 100px;
	max-height: 200px;
	width: 270px;
	grid-template-columns: repeat(1, 1fr);
	gap: 10px;
	grid-auto-rows: 25px;
	overflow-y:auto;
}
#card_policy_alert {
	text-align: left;
	margin-top: 1em;
	line-height: 1.2em;
	color: red;
	font-size:10pt;
}
@keyframes fadeIn {
  from { 
	visibility: 0; 
	display: none;
  }
  to { 
	opacity: 1; 
	display: visible;
  }
}

@keyframes fadeOut {
  from { 
	opacity: 1;
	visibility: visible;
  }
  to { 
	opacity: 0; 
	visibility: hidden;
  }
}

.sectionShow {
  animation: fadeIn 0.5s forwards;
}

.sectionHide {
  animation: fadeOut 0.5s forwards;
}