@charset "utf-8";

/******************** mos_common.css ***************/
table th, table td {height:40px; padding:4px; color:#373737;}
table th {text-align:center;}
.selectH .ui-radio .ui-radio-off, .selectH .ui-checkbox .ui-checkbox-off { border-right: 1px solid #fff; border-left: none;}
.selectH .ui-radio .ui-btn, .selectH .ui-checkbox .ui-btn { padding: 5px 0 1px !important; text-align: center;}
.selectH div.ui-radio { width: initial !important; display: inline-block; margin-right: 5px; float: none;}
.selectH .ui-radio, .selectH .ui-checkbox { box-sizing: border-box; clear: none; margin: 0; padding: 0;}
.selectH .ui-radio .ui-btn:after, .selectH .ui-checkbox .ui-btn:after {visibility: hidden;}
.ui-checkbox .ui-btn, .ui-radio .ui-btn {min-height: 32px; border: none; }
.ui-checkbox .ui-btn:hover, .ui-radio .ui-btn:hover { border: none;}
.ui-checkbox .ui-btn, .ui-radio .ui-btn {min-height: 32px;}
.ui-btn {display:block; margin:0; padding:0; border:none; margin:0;}

/************** mos_psnr.css *************/
body {margin:0; padding:0;}
header {display:block; margin:0;}
.subtitlearea.ui-bar-inherit {background:#0a4380; height:45px; padding:0 53px; border:none; border-bottom:2px solid #1b42a3;}
.subtitlearea h1.ui-title {color: #fff; font-size: 20px; margin:0; padding:0; font-weight:bold; text-align:center; position: relative; vertical-align: middle; line-height: 45px; z-index: 10; }
table td div.selectH {margin-top:1px; padding-left:30%;}
table th, table td {font-size: 15px;}
.selectH {border:0px; text-align:left;}
.selectH .ui-radio input, .selectH .ui-checkbox input{ display:none; }
.selectH .ui-radio .ui-radio-off, .selectH .ui-checkbox .ui-checkbox-off {
	background: #515151 !important;
    color: #fff !important;
    font-size: 12px;
    font-weight: bold;
    width: 70px;
    height: 30px;
    line-height: 14px;
    min-width: 70px;
    border-radius: 40px;
    padding-top: 0px !important;
    display: table-cell;
    vertical-align: middle;
}
.selectH .ui-radio .ui-radio-on, .selectH .ui-radio .ui-radio-on:hover, .selectH .ui-checkbox .ui-checkbox-on, .selectH .ui-checkbox .ui-checkbox-on:hover {
    background: #155eb6;
    text-decoration: underline;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    width: 40px;
    height: 30px;
    line-height: 14px;
    min-width: 40px;
    border-radius: 40px;
    padding-top: 0px !important;
    display: table-cell;
    vertical-align: middle;
}


/********************** custom **********************/
table {border-collapse:collapse;}
table, table td {border:1px solid black; text-align:left; padding-left:15px; background:#fff;}
table th {background:#e6e6e6; border:1px solid black; }
table td div.selectH {padding-left:30%;}
label {cursor:pointer;}
button {background:linear-gradient(#557dce, #496fbc); color:white; border-radius:3px; padding:0 15px; cursor:pointer;}

.wid100 {display:inline-block; width:100px !important;}
.textCenter {text-align:center;}
.textRight {text-align:right;}
.fwBold {font-weight:bold;}
.mgb10 {margin-bottom:10px;}

.detailInputB1 table th, .detailInputB1 table td {height:22px !important;} 
.detailInputB2 table th, .detailInputB2 table td {height:22px !important;} 
.detailInputB3 table th, .detailInputB3 table td {height:22px !important;} 
.detailInputB4 table th, .detailInputB4 table td {height:22px !important;} 

.tariifInfo {margin-bottom:10px; border:1px solid black; background:#e6edfd; width:200px; font-weight:bold;}
.declareRst {margin-bottom:20px;}
.declareRst table th, .declareResult table td {height:22px !important;} 

/**********************적용환율 테이블(gubun) 폰트크기설정 **********************/
table[gubun] td {font-size:12px;}