@charset "utf-8";
/* CSS Document */


/* ===============================================================
 typeCheck
=============================================================== */
.pageTtlWrap .condOrgn{
	font-size: 20px;
	font-weight: normal;
}
.typeTtl{
	font-size: 15px;
	font-weight: bold;
	margin: 10px 0;
	padding-left: 40px;
	background: url(/assets/pc/common/img/icon_check_grn.png) no-repeat left 10px center;
	background-size: 16px;
}
.typeList .shadowWrap{
	width: 150px;
	float: left;
	margin-right: 15px;
}
.typeList .shadowWrap:last-child{
	margin-right: 0;
}
.typeList .shadowWrap .btnShadow{
	display: block;
	background-color: #fff;
	color: #333;
	box-shadow: 0 4px 0 0 #aaa;
	border: 1px solid #ccc;
	border-radius: 8px;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
}
.typeList .checked .btnShadow{
	box-shadow: none;
	border: 3px solid #008342;
	padding: 7px 10px;
}
.typeList .checked{
	padding-top: 4px;
	padding-bottom: 0px;
}
.typeList .shadowWrap .btnShadow .check{
	height: 20px;
}

/* ===============================================================
 condTable
=============================================================== */
.condTableTtl{
	background-color: #008342;
	color: #fff;
	font-size: 12px;
	text-align: left;
	padding: 5px 20px;
}
.condTtl{
	font-size: 16px;
	font-weight: bold;
	margin: 40px 5px 10px;
}
.condTtl .cate{
	background-color: #008342;
	color: #fff;
	font-weight: bold;
	text-align: center;
	display: inline-block;
	border-radius: 15px;
	min-width: 150px;
	margin-right: 10px;
}
.condTable{
	border: 2px solid #ddd;
	width: 100%;
}
.condTable tr{
	border: 1px solid #ddd;
}
.condTable .inputTtl{
	background-color: #efefef;
	font-size: 16px;
	padding: 15px 20px;
	width: 170px;
	text-align: left;
}
.condTable .inputArea{
	padding: 15px 10px 5px 20px;
	vertical-align: top;
}
.condTable .inputArea .selectBox select{
	border: 1px solid #999;
  background-image: linear-gradient( to top, rgb(204,204,204) 0%, rgb(255,255,255) 25%);
  border-radius: 4px;
	font-size: 16px;
	padding: 3px 18px 3px 10px;
	margin-bottom: 10px;
	min-width: 170px;
}
.condTable .inputArea .selectBox:after{
  margin-top: -9px;
}
.inputArea .inputList{
	font-size: 0;
}
.inputArea .inputList li{
	font-size: 14px;
	display: inline-block;
	min-width: 192px;
	margin-bottom: 10px;
}
.inputArea .bus{
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 10px 10px;
}

/* ===============================================================
 condResult
=============================================================== */
.condResult{
	border: 4px solid #008342;
  border-radius: 8px;
	margin-top: 30px;
	overflow: hidden;
}
.condResult.disabled{
	border: 4px solid #bbb;
}
.condResult .txtArea,
.condResult .btnArea,
.condResult .back,
.condResult .next,
.condResult .regMsg,
.condResult .registarArea .btn{
	font-weight: bold;
	display: inline-block;
	vertical-align: middle;
}
.condResult .txtArea{
	width: 240px;
}
.condResult .total_item_size{
	font-size: 22px;
	color: #ca2828;
	padding-right: 5px;
}
.condResult .checkBox + span:after{
	width: 16px;
	height: 16px;
	margin-top: -8px;
}
.condResult.disabled .txtArea label{
	display: none;
}
.condResult .back,
.condResult .next,
#selectView .back,
#selectView .next{
	margin-right: 20px;
}
.condResult .back .btnShadow,
.condResult .next .btnShadow,
#selectView .back .btnShadow,
#selectView .next .btnShadow{
	color: #333;
	background-color: #fff;
	border: 1px solid #999;
	box-shadow: 0 3px 0 0 #aaa;
	font-size: 16px;
	padding: 10px 30px;
	font-weight: bold;
}
.condResult.disabled .next,
#selectView.disabled .next{
	padding: 3px 0 0;
	pointer-events: none;
}
.condResult.disabled .next .btnShadow,
#selectView.disabled .next .btnShadow{
	pointer-events: none;
	box-shadow: none;
	background-color: #eee;
}
.condResult .submitWrap,
#selectView .submitWrap{
	display: inline-block;
	vertical-align: middle;
	width: 360px;
}
.condResult .act input{
	display: none;
}
.condResult .act .shadowWrap{
	display: block;
}
.condResult .act .shadowWrap .btnShadow,
#selectView .act .shadowWrap .btnShadow{
	font-size: 20px;
	padding: 14px 10px;
	border-radius: 4px;
	text-align: center;
	color: #fff;
	display: block;
	background-color: #d75a45;
	box-shadow: 0 5px 0 0 #932614;
	cursor: pointer;
	font-weight: bold;
}
.condResult.disabled .submitWrap .shadowWrap,
#selectView.disabled .submitWrap .shadowWrap{
	pointer-events: none;
	padding: 5px 0 0;
}
.condResult.disabled .submitWrap .btnShadow,
#selectView.disabled .submitWrap .btnShadow{
	background-color: #aaa;
	pointer-events: none;
	box-shadow: none;
}
.condResult .act .shadowWrap .btnShadow:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 24px;
	height: 24px;
	margin:0 15px 2px 0;
	background: url(/assets/pc/common/img/icon_search_wh.png) no-repeat;
	background-size: contain;
}
.condResult .searchArea{
	margin: 15px 80px;
}
.condResult .registarArea{
	background-color: #008342;
	color: #fff;
	text-align: center;
	padding: 7px 0 7px;
}
.statIn .condResult .registarArea{
	display: none;
}
.condResult .registarArea .regMsg{
	font-weight: normal;
	font-size: 20px;
	margin-right: 15px;
}
.condResult .registarArea .btnGrad{
	background-color: #fff;
	padding: 4px 10px;
	color: #333;
  border-radius: 2px;
}
.condResult .login{
	margin-left: 15px;
}
.condResult .login a{
	display: inline-block;
  padding: 4px 10px;
  background-image: linear-gradient( to top, #15412b 0%, #206140 25%);
  border-radius: 2px;
	font-size: 14px;
	color: #fff;
	border: 1px solid #002b14;
}
.condResult .login a:hover{
	background: #206140;
}
/*============================
#selectView
============================*/
#selectView{
	border: 0;
	border-radius: 0;
}
#selectView .total_item_size{
	color: #fff;
}
#selectView .back .btnShadow,
#selectView .next .btnShadow{
	padding: 8px 30px 7px;
  font-size: 14px;
}
#selectView .act .shadowWrap .btnShadow{
	font-size: 16px;
	padding: 8px 10px 7px;
}

/*============================
#cond_modal
============================*/

#cond-modal{
	position: absolute;
	font-size: 14px;
	z-index: 9999;
	display: none;
	padding: 0;
	top: 80px;
	left: 50%;
	width: 1000px;
	margin-left: -490px;
}
#cond-modal .condIn{
	background-color: #fff;
	padding: 20px;
	overflow: auto;
	max-height: 100%;
}
#cond-modal .condTable .inputTtl{
	width:160px;
}
#cond-modal .inputArea .inputList li{
	min-width: 185px;
}
#cond-modal .typeList .shadowWrap {
	width: 143px;
}
.condBg{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
	background-color: rgba(0,0,0,0.70);
}
.remove-modal{
	z-index: 99999;
}
#selectView.select-cond{
	z-index: 99999;
}