@charset "UTF-8";

select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
input[type="text"]{
background:#fff;
}

/* button reset */
.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-size:14px;
	line-height: 32px;
	height: 32px;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px;
	width: 105px;

}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

.button * {vertical-align:middle;}

/* color styles */


/* black */
.black {
	color:#FBFBFC;
	background: #000;
	border: none;
}


/* gray */
.gray {
	color:#FBFBFC;
	background: #888;
	border: none;
}


/* gray2 */
.gray2 {
	color:#888888;
	background: #EBEBEB;
	border: none;
}



/* white */
.white {
	color: #888;
	border: solid 1px #ddd;
	background: #fff;
}


/* orange */
.orange {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

/* red */
.red {
	color: #faddde;
	border: solid 1px #980c10;
	background: #d81b21;
	background: -webkit-gradient(linear, left top, left bottom, from(#d47f86), to(#ab4f54));
	background: -moz-linear-gradient(top,  #d47f86,  #ab4f54);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#d47f86', endColorstr='#ab4f54');
}
.red:hover {
	background: #b61318;
	background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
	background: -moz-linear-gradient(top,  #c9151b,  #a11115);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
}
.red:active {
	color: #de898c;
	background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
	background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');
}

/* blue */
.blue {
	color: #fff;
	background: #29C2EC;
	border: none;
	font-weight: 500;
}


/* rosy */
.rosy {
	color: #fae7e9;
	border: solid 1px #b73948;
	background: #da5867;
	background: -webkit-gradient(linear, left top, left bottom, from(#f16c7c), to(#bf404f));
	background: -moz-linear-gradient(top,  #f16c7c,  #bf404f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f16c7c', endColorstr='#bf404f');
}
.rosy:hover {
	background: #ba4b58;
	background: -webkit-gradient(linear, left top, left bottom, from(#cf5d6a), to(#a53845));
	background: -moz-linear-gradient(top,  #cf5d6a,  #a53845);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cf5d6a', endColorstr='#a53845');
}
.rosy:active {
	color: #dca4ab;
	background: -webkit-gradient(linear, left top, left bottom, from(#bf404f), to(#f16c7c));
	background: -moz-linear-gradient(top,  #bf404f,  #f16c7c);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf404f', endColorstr='#f16c7c');
}

/* green */
.green {
	color: #e8f0de;
	border: solid 1px #538312;
	background: #64991e;
	background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
	background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
}
.green:hover {
	background: #538018;
	background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
	background: -moz-linear-gradient(top,  #6b9d28,  #436b0c);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
}
.green:active {
	color: #a9c08c;
	background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
	background: -moz-linear-gradient(top,  #4e7d0e,  #7db72f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
}

/* pink */
.pink {
	color: #feeef5;
	border: solid 1px #d2729e;
	background: #f895c2;
	background: -webkit-gradient(linear, left top, left bottom, from(#feb1d3), to(#f171ab));
	background: -moz-linear-gradient(top,  #feb1d3,  #f171ab);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#feb1d3', endColorstr='#f171ab');
}
.pink:hover {
	background: #d57ea5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f4aacb), to(#e86ca4));
	background: -moz-linear-gradient(top,  #f4aacb,  #e86ca4);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4aacb', endColorstr='#e86ca4');
}
.pink:active {
	color: #f3c3d9;
	background: -webkit-gradient(linear, left top, left bottom, from(#f171ab), to(#feb1d3));
	background: -moz-linear-gradient(top,  #f171ab,  #feb1d3);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f171ab', endColorstr='#feb1d3');
}


/* selectBox */
div.selectBox
{
	position:relative;
	display:inline-block;
	cursor:default;
	text-align:left;
	line-height:23px;
	clear:both;
	color:#888;


}
span.selected
{
	width:120px;
	text-indent:8px;
	border:1px solid #ccc;
	border-right:none;
	border-top-left-radius:3px;
	border-bottom-left-radius:3px;
	background:#fff;
	overflow:hidden;
}
span.selectArrow
{
	width:25px;
	border:1px solid #cdcdcd;
	border-top-right-radius:3px;
	border-bottom-right-radius:3px;
	text-align:center;
	font-size:12px;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	background-color: #e9e9e9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#e9e9e9));
    background-image: -webkit-linear-gradient(top, #f7f7f7, #e9e9e9);
    background-image:    -moz-linear-gradient(top, #f7f7f7, #e9e9e9);
    background-image:     -ms-linear-gradient(top, #f7f7f7, #e9e9e9);
    background-image:      -o-linear-gradient(top, #f7f7f7, #e9e9e9);
    background-image:         linear-gradient(top, #f7f7f7, #e9e9e9);
}

span.selectArrow,span.selected
{
	position:relative;
	float:left;
	height:23px;
	z-index:1;
}

div.selectOptions
{
	position:absolute;
	top:24px;
	left:0;
	width:146px;
	border:1px solid #ccc;
	border-bottom-right-radius:3px;
	border-bottom-left-radius:3px;
	overflow:hidden;
	background:#fff;
	display:none;
	z-index:1000;
}
	
span.selectOption
{
	display:block;
	width:80%;
	line-height:20px;
	padding:5px 10%;
}

span.selectOption:hover
{
	color:#f6f6f6;
	background:#4096ee;	
}


/* search_type01 */
.search_type01{
	position:relative;
	margin:0 0 55px 0;
}

.search_type01 .search_wrap{
	padding: 20px 20px 0;
	background:#F7F8FA;
	border-bottom: 1px solid #888;
}


.search_type01 .col{ overflow: hidden;}
.search_type01 .col strong {display:block; min-width: 44px; margin:0 10px 0 0; font-weight: 600;}
.search_type01 .col select{ min-width: 160px; border-radius: 0; border: none; height: 32px;}
.search_type01 .col select + select{ margin-left: 15px;}
.search_type01 .col .select_set {display: flex; align-items: center; float:left; margin:0 15px 21px 0;}
.search_type01 .col .select_set input{display:inline-block; vertical-align:middle;}
.search_type01 .col .select_set .ui-datepicker-trigger{display:inline-block; vertical-align:middle;}

.search_type01 .btn_wrap{ display: flex; justify-content: center; margin-top: 30px; gap: 10px;}
.search_type01 .searchBar{ margin-left: 15px; background:#fff url(../images/common/searchCon.png)no-repeat 15px center; padding-left: 36px;}