@charset "utf-8";
html, body, font, td, th, li, a, span, h1, label, p {
	margin: 0;
	padding: 0;
	color: #666;
	font-family: 'Malgun Gothic', 'Titillium Web', sans-serif;
	word-breka: keep-all;
	white-space: normal;
}
button:focus {
	outline: none;
}
.right {
	text-align: right;
}
.center {
	text-align: center;
}
.center_box {
	margin: auto;
}
#bi_box {
	display: inline-block;
	float: left;
	padding: 20px 40px;
	height: 45px;
}
.header_box {
	height: 85px;
	border-bottom: 1px solid #d8d8d8;
}
/*상단 로그인*/
#login_info {
	display: inline-block;
	float: right;
	margin: 22px 35px 0 0
}
#login_info a.login {
	border : 1px solid #bababa;
	min-width: 85px;
	height: 32px;
	display: block;
	padding: 5px;
	text-align: center;
	font: bold 13px 'Malgun Gothic';
	color: #7C7C7C;
	float: left;
	margin: 4px 0 0 0;
	text-decoration:none;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
}
#login_info a.login:hover {
	border : 1px solid #a4b8d4;
	background: #a4b8d4;
	cursor: pointer;
	color: #ffffff;
	text-decoration: none
}
#login_info span {
	display: inline-block;
	min-width: 56px;
	height: 20px;
	float: left;
}
#login_info span.info1 {
	background: url( /iris/img/admin_bg_icon.gif) no-repeat;
	min-width: 100px;
	height: 30px;
	padding: 0 10px 0 30px;
	margin: 10px 0 0 0;
	font-weight: 600
}
#login_info span.info2 {
	height: 30px;
	padding: 0 10px 0 0;
	margin: 10px 0 0 0;
	color: #4a87c9;
	font: bold 16px 'Malgun Gothic'
}
.info2 a:hover {
	color: #1F59BF;
	text-decoration: none;
}
/* 상단 타이틀 */
#title_box {
	font: bold 20px 'Malgun Gothic';
	border-bottom: 1px solid #d8d8d8;
	margin: 0px 0px 0px 0px;
	padding-bottom: 12px;
}
#title_box ul {
	float: right;
	list-style: none;
	display: block;
	margin: -13px 0 0 0;
	text-align: right;
}
#title_box li {
	display: inline-block;
	margin: 0px;
	padding: 0;
}
#title_box a.btn01 {
	background: #a8a8a8;
	width: 112px;
	height: 42px;
	display: block;
	padding-top: 10px;
	text-align: center;
	font: normal 15px 'Malgun Gothic';
	color: #fff;
	float: left;
	margin: 0 0px 0 0;
	text-decoration: none;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
}
#title_box a.btn01:hover {
	background: #4a87c9;
	cursor: pointer;
	color: #ffffff;
	text-decoration: none
}
#title_box a.active {
	background: #4a87c9
}
.s_tlt {
	background: url(/iris/img/tlt_dot.png) no-repeat 0px 13px;
	display: block;
	width: 100%;
	height: 30px;
	padding: 10px 10px 10px 20px;
	font-weight: bold;
	font-size: 14px;
	margin: 10px 0 5px 0;
	clear: both;
	font-family: 'Malgun Gothic';
}
/* 서치박스 및 체크박스 */
#search_box {
	background: #f7f7f7;
	border: 1px solid #e8e8e8;
	margin: 10px 0px 20px 0px;
	min-height: 50px;
	height: inherit;
	width: 100%;
	border-radius: 4px;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	display: inline-block;
	padding: 15px
}
#search_box .search_line {
	width: 850px;
}
#search_box .search_line {
	margin: 0px;
	padding: 0px;
}
#search_box .search_line li {
	list-style: none;
	float: left;
	display: inline-block;
	padding: 3px;
}
#search_box .search_line li.clear_box {
	margin-top: 10px;
	clear: both;
	display: block;
}
#search_box li.clear_box label {
	margin-right: 15px;
	font-weight: normal;
	font-size: 14px;
	color: #666
}
#search_box li.clear_box input {
	margin-right: 5px
}
#search_box .search_line2 {
	min-width: 850px;
	display: block;
	height: 40px;
	clear: both
}
#search_box .search_line2 {
	margin: 0px;
	padding: 0
}
#search_box .search_line2 li {
	list-style: none;
	float: left;
	display: inline-block;
	padding: 3px;
}

#search_box .search_line2 li>span {
	margin: 7px 6px 0px 10px;
	display: block;
	font-weight: bold;
	font-size: 13px
}

#search_box .search_line2 li.ch_pa{
	padding-top:9px;
}

#search_box button, #search_box button {
	margin: 0;
}
.search_def {
	margin: 0px;
	padding: 0px;
}
.search_def li {
	list-style: none;
	float: left;
	display: inline-block;
	padding: 3px;
}
.search_def02 {
	height:35px;

	margin: 0px;
	padding: 0px;
	list-style: none;
}
.search_def02 li {
	list-style: none;
	float: left;
	display: inline-block;
	padding: 3px 3px 3px 0 ;
}
/* 체크박스_영역 */
#ch_box {
	background: #f7f7f7;
	border: 1px solid #e8e8e8;
	margin: 10px 0px 20px 0px;
	min-height: 50px;
	min-width: 700px;
	border-radius: 4px;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
}
#receive_line {
	float: left;
	width: 300px;
	height: 20px;
	margin: 10px 0;
}
#receive_line>label {
	font-weight: normal;
	display: inline-block;
	font-size: 15px;
	float: right;
	margin: 3px 5px 0 5px;
	float: left;
	font-weight: bold;
}
#ch_box> .search_line {
	margin: 18px;
	padding: 0
}
#ch_box> .search_line li {
	list-style: none;
	float: left;
	display: inline-block;
	padding: 3px;
}
#ch_box> .search_line li.clear_box {
	float: none;
	height: 30px
}
#ch_box li.clear_box label {
	margin-right: 15px;
	font-weight: bold;
	font-size: 14px;
	color: #666
}
#ch_box li.clear_box input {
	margin-right: 5px
}
#ch_box li.clear_box input {
	margin-right: 5px
}
.search_f>span {
	height: 32px;
	display: inline-block;
	text-align: left;
	float: left;
}
.search_f>span button {
	margin: 0px 0 0 6px
}
/* 버튼박스 및 정렬 */
#btn_box {
	clear: both;
	display: inline-block;
	width: 100%;
	margin: 10px 0;
}
#btn_box> button {
	margin: 0px;
}
#btn_box> button.left {
	float: left;
	margin-right: 2px;
}
#btn_box_right {
	display: inline-block;
	margin: 10px 0;
	text-align: right;
	float: right;
}
#btn_box_right>button {
	margin: 0;
}
#btn_box_td {
	clear: both;
	display: inline-block;
	width: 100%;
	margin: 0;
	line-height: 14px;
}
#btn_box_td button {
	margin: 0;
}
/* 버튼스타일 기본크기 */

.button {
	height: 33px;
	padding: 6px 20px;
	border: none;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 13px;
	font-weight: bold;
	margin: 0px 3px;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	cursor: pointer;
	border: 0px;
	outline: 0;
}
/*작은사이즈버튼*/
.button_sm {
	height: 24px;
	padding: 3px 10px;
	border: none;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 11px;
	font-weight: normal;
	margin: 0px 3px;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	cursor: pointer;
}
.button_pop {
	height: 29px;
	padding: 3px 10px;
	border: none;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 12px;
	font-weight: normal;
	margin: 0px 3px;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	cursor: pointer;
}
/*큰 사이즈버튼*/
.button_big {
	height: 41px;
	padding: 3px 25px;
	border: none;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 15px;
	font-weight: bold;
	margin: 0px 3px;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	cursor: pointer;
}
/* 서치 버튼 */
.button_icon {
	height: 33px;
	width: 35px;
	border: none;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 13px;
	font-weight: bold;
	margin: 0px 3px;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	cursor: pointer;
	border: 0px;
	outline: 0;
}

/*기본서치블랙*/
.button_black {
	background-color: #333;
	color: #fff;
	border: 1px solid #000;
	border-radius: 4px;
	box-shadow: 0 1px 3px 0 rgba(0,0,0,0.10);
}
.button_black:hover {
	background-color: #4d4d4d;
	color: #fff;
	border-radius: 4px;
	border: 1px solid #333;
	box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.35);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.35);
}
/* 그레이버튼  */
.button_grey {
	background-color: #9e9e9e;
	color: #fff;
	border: 1px solid #808080;
	border-radius: 4px;
	box-shadow: 0 1px 3px 0 rgba(0,0,0,0.10);
}
.button_grey:hover {
	background-color: #333;
	color: #fff;
	border-radius: 4px;
	border: 1px solid #000;
	box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.35);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.80);
}
/*기본화이트 버튼*/
.button_white {
	background-color: #ffffff;
	color: #666;
	border: 1px solid #c2c2c2;
	border-radius: 4px;
	box-shadow: 0 1px 3px 0 rgba(0,0,0,0.10);
}
.button_white:hover {
	background-color: #ffffff;
	color: #333;
	border-radius: 4px;
	border: 1px solid #666;
	box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.35);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.20);
}
/*버튼 그린 */
.button_gr {
	background-color: #55b85e;
	color: #fff;
	border: 1px solid #3aa14b;
	border-radius: 4px;
	box-shadow: 0 1px 3px 0 rgba(0,0,0,0.10);
}
.button_gr:hover {
	background-color: #40994f;
	color: #fff;
	border-radius: 4px;
	border: 1px solid #277a3c;
	box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.35);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.20);
}
/*블루  버튼*/
.button_blue {
	background-color: #659ee3;
	color: #fff;
	border: 1px solid #4770a0;
	border-radius: 4px;
	box-shadow: 0 1px 3px 0 rgba(0,0,0,0.10);
}
.button_blue:hover {
	background-color: #5a82bf;
	color: #fff;
	border-radius: 4px;
	border: 1px solid #375c90;
	box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.35);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.35);
}
/*옐로우 버튼*/
.button_ass {
	background-color: #de9932;
	color: #fff;
	border: 1px solid #c28226;
	border-radius: 4px;
	box-shadow: 0 1px 3px 0 rgba(0,0,0,0.19);
}
.button_ass:hover {
	background-color: #bf842c;
	color: #fff;
	border-radius: 4px;
	border: 1px solid #96641e;
	box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.35);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.35);
}
/*버튼 레드 */
.button_red {
	background-color: #b6302c;
	color: #fff;
	border: 1px solid #81211d;
	border-radius: 4px;
	box-shadow: 0 1px 3px 0 rgba(0,0,0,0.10);
}
.button_red:hover {
	background: #992f28;
	color: #fff;
	border-radius: 4px;
	border: 1px solid #731c19;
	box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.35);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.35);
}
/* 테이블 서치영역 */
#table_search {
	width: 100%;
	padding: 0;
	height: 53px;
	display: inline-block;
	margin: 6px 0 0 0;
}
#table_search ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#table_search li {
	float: left;
	display: inline;
	padding: 10px 0px 0px 0;
	margin: 0
}
#table_search li.txt_box {
	float: right;
	font: bold 15px 'malgun gothic';
	display: block;
	margin: 0;
	padding: 16px 0 0 0
}
#table_search li.txt_box span {
	color: #4a87c9
}
#table_search li.btn_box {
	float: right;
}
#table_search li.btn_box button {
	margin: 0
}
#table_search li.txt_a {
	padding: 15px 5px;
}
/* 테이블 기본 */
.table01 {
	clear: both;
	min-width: 700px;
	width: 100%;
	table-layout: auto;
	border-collapse: collapse;
	border-top: 2px solid #89b9de;
	border-bottom: 2px solid #e8e8e8;
	box-sizing: border-box;
}
.table01 th {
	padding: 8px 5px;
	border-right: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
	background: #f9f9fa;
	font: bold 12px 'malgun gothic';
	text-align: center;
}
.table01 td {
	padding: 6px 5px;
	border-right: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
	font: normal 12px 'malgun gothic';
	text-align: center;
	line-height: 22px;
}
.table01 td a {
	color: #666;
}
.table01 td a:hover {
	color: #4a87c9;
}
.table01 tr:hover {
	background: #F9F9F9;
}
th.b_none, td.b_none {
	border-right: none;
}
.table02 {
	clear: both;
	min-width: 700px;
	width: 100%;
	table-layout: auto;
	border-collapse: collapse;
	border-top: 2px solid #89b9de;
	border-bottom: 2px solid #e8e8e8;
	box-sizing: border-box;
}
.table02 th {
	padding: 8px 5px;
	border-right: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
	background: #f9f9fa;
	font: bold 12px 'malgun gothic';
	text-align: center;
}
.table02 td {
	padding: 8px 15px;
	border-right: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
	font: normal 12px 'malgun gothic';
	text-align: left;
	line-height: 22px;
}
.table02 td a {
	color: #666
}
.table02 td a:hover {
	color: #4a87c9;
}
th.b_none, td.b_none {
	border-right: none;
}
.table03 {
	clear: both;
	min-width: 700px;
	width: 100%;
	table-layout: auto;
	border-collapse: collapse;
	border-top: 2px solid #89b9de;
	border-bottom: 2px solid #e8e8e8;
	box-sizing: border-box;
	line-height: 22px;
}
.table03 th {
	padding: 6px 5px;
	border-right: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
	background: #f9f9fa;
	font: bold 12px 'malgun gothic';
	text-align: center;
}
.table03 td {
	padding: 6px 5px;
	border-right: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
	font: normal 11px 'malgun gothic';
	text-align: center;
}
.table03 td a {
	color: #666
}
.table03 td a:hover {
	color: #4a87c9;
}
th.b_none, td.b_none {
	border-right: none;
}
/*체크박스 스타일 기본 */
input[type=checkbox] {
	display: none;
}
input[type=checkbox]+ label:before {
	content: "";
	display: inline-block;
	width: 17px;
	height: 17px;
	margin-right: 10px;
	position: absolute;
	left: 0;
	bottom: 1px;
	border: 1px solid #b3b3b3;
	background-color: #fff;
	border-radius: 2px;
}
input[type=checkbox]:checked + label:before {
	content: "\2713";  /* 체크모양 */
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
	border: none;
	font-size: 12px;
	font-weight: 800;
	color: #fff;
	background: #659ee3;
	text-align: center;
	line-height: 14px;
	box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);
}
input[type=checkbox] + label {
	display: inline-block;
	cursor: pointer;
	position: relative;
	padding-left: 25px;
	margin-right: 15px;
	font-weight: normal;
	font-size: 12px;
}
input[type=checkbox].read + label:before {
	content: "\2713";  /* 체크모양 */
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
	border: none;
	font-size: 12px;
	font-weight: 800;
	color: #fff;
	background: #ccc;
	text-align: center;
	line-height: 14px;
	box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);

}
/* 체크박스 스타일 로그인  */
input[type=checkbox].login01 + label {
	display: inline-block;
+ cursor: pointer;
	position: relative;
	padding-left: 25px;
	margin-right: 15px;
	font-size: 13px;
	font-weight: normal;
}
input[type=checkbox].login01+ label:before {
	content: "";
	display: inline-block;
	width: 18px;
	height: 18px;
	margin-right: 10px;
	position: absolute;
	left: 0;
	bottom: 1px;
	background-color: #c1c1c1;
	border-radius: 2px;
	box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);
}
input[type=checkbox].login01:checked + label:before {
	content: "\2714";  /* 체크모양 */
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
	font-size: 13px;
	font-weight: 800;
	color: #fff;
	background: #659ee3;
	text-align: center;
	line-height: 15px;
}
/* 체크박스 스타일 테이블안   */
input[type=checkbox].st01 + label {
	display: inline-block;
	cursor: pointer;
	position: relative;
	text-align: center;
	margin-right: 0px;
	font-size: 13px;
	margin-left: 7px;
	margin-bottom: -5px;
	font-weight: normal;
	font-size: 12px;
}
input[type=checkbox].st01+ label:before {
	content: "";
	display: inline-block;
	width: 17px;
	height: 17px;
	position: absolute;
	left: 0;
	bottom: 1px;
	border: 1px solid #b3b3b3;
	border-radius: 2px;
}
input[type=checkbox].st01:disabled+ label:before {
	background-color: #eeeeee;
}
input[type=checkbox].st01:checked + label:before {
	content: "\2713";  /* 체크모양 */
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
	border: none;
	font-size: 12px;
	font-weight: 800;
	color: #fff;
	backgrounld: #659ee3;
	text-align: center;
	line-height: 14px;
	box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);
}
/*라디오 버튼 스타일 기본 */

input[type=radio] {
	display: inline;
}
input[type=radio]+ label:before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-bottom: 0px;
	position: absolute;
	left: 0;
	bottom: 1px;
	border: 1px solid #b3b3b3;
	background-color: #fff;
	border-radius: 50px;
}
input[type=radio]:checked + label:before {
	content: "\00B7";
	border: none;
	font-size: 60px;
	font-weight: 500;
	color: #659ee3;
	background: #ffffff;
	text-align: center;
	line-height: 2px;
	border: 1px solid #659ee3;
}
input[type=radio] + label {
	display: inline-block;
	cursor: pointer;
	position: relative;
	padding-left: 25px;
	margin-right: 15px;
	font-weight: normal;
	font-size: 12px;
}
/*넓이지정  */
.w120 {
	width: 120px!important;
}
.w130 {
	width: 130px!important;
}
.w140 {
	width: 140px!important;
}
.w145 {
	width: 145px!important;
}
.w150 {
	width: 150px!important;
}
.w160 {
	width: 160px!important;
}
.w170 {
	width: 170px!important;
}
.w180 {
	width: 180px!important;
}
.w190 {
	width: 190px!important;
}
.w200 {
	width: 200px!important;
}
.w210 {
	width: 210px!important;
}
.w220 {
	width: 220px!important;
}
.w230 {
	width: 230px!important;
}
.w240 {
	width: 240px!important;
}
.w250 {
	width: 250px!important;
}
.w260 {
	width: 260px!important;
}
.w270 {
	width: 270px!important;
}
.w280 {
	width: 280px!important;
}
span.point_ball {
	content: "\2731";
	font-size: 5px;
	color: #237FE0;
	line-height: 14px;
	padding: 0 3px;
}
/*설명 텍스트 박스 */
.txt_alerts {
	margin: 10px 0px 10px 2px;
	border: 1px solid #efefef;
	padding: 15px;
	border-radius: 10px;
}
.txt_alerts ul {
	margin-left: 0;
}
.txt_alerts li {
	list-style: none;
	margin-left: 0px;
	font-size: 12px;
	padding: 2px 2px 2px 13px;
}
.txt_alerts>li.ttl {
	font-size: 14px;
	padding-left: 0px;
	color: #237FE0;
}
span.point_ball2 {
	content: "\2714";
	color: #95c0e1;
	line-height: 12px;
	padding: 0 5px;
}
/* 팝업 */
#pop_con_box {
	min-width: 500px;
	display: inline;
	height: 100%;

}
.w_big {
	width: 1000px;
}
.w_def {
	width: 740px;
}
.w_sm {
	width: 500px;
}
.pop_ttl {
	background: url(/iris/img/pop_bg.jpg) no-repeat 80% 0px #6987aa;
	height: 52px;
}
.pop_ttl>p {
	display: inline-block;
	float: left;
	font: bold 17px 'malgun gothic';
	color: #fff;
	width: 300px;
	padding: 14px 0 0px 20px;
	text-shadow: 1px 2px 2px rgba(0,0,0,0.10);
}
.pop_ttl>span {
	display: inline-block;
	float: right;
	margin: 11px 20px 0px 0;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.35);
	font-weight: bold;
	font-size: 20px;
}
.pop_ttl a.close_btn {
	color: #fff!important;
	text-decoration: none;
}
.pop_ttl a:hover {
	color: #efefef!important;
	text-decoration: none;
}
.pop_con {
	display: inline-block!important;
	background: #fff;
	margin: 0;

}
span {
	content: "\2716";
}
span {
	content: "\002B";
}
span {
	content: "\2212";
}
#pop_search_box {
	background: #f7f7f7;
	border: 1px solid #e8e8e8;
	margin: 0px 0px 10px 0px;
	min-height: 45px;
	height: inherit;
	box-sizing: border-box;
	border-radius: 4px;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	display: block;
	padding: 6px;
}
#pop_search_box .pop_search_line {
	display: block;
	height: 36px;
	clear: both;
}
#pop_search_box .pop_search_line {
	margin: 0px;
	padding: 0px;
}
#pop_search_box .pop_search_line li {
	list-style: none;
	float: left;
	display: inline-block;
	padding: 3px;
}
#pop_search_box .pop_search_line li>span {
	margin: 8px 6px 0px 10px;
	display: block;
	font-weight: bold;
	font-size: 13px;
}
#pop_search_box button {
	margin: 0;
}
/*팝업 설명 텍스트 박스 */

.txt_guide {
	box-sizing: border-box;
	margin: 0px 0px 10px 0px;
	border: 1px solid #cddcec;
	padding: 15px;
	border-radius: 4px;
	font-size: 12px;
	color: #788da5;
	min-height: 50px;
	background: #f4f9ff;
	line-height: 20px;
}
.txt_guide>p {
	font-size: 13px;
	font-weight: bold;
	color: #788da5;
	margin: 0;
}
.txt_guide2 {
	box-sizing: border-box;
	margin: 0px 0px 10px 0px;
	border: 1px solid #f1daae;
	padding: 15px;
	border-radius: 4px;
	font-size: 12px;
	color: #cb8938;
	min-height: 50px;
	background: #fdf8ef;
	line-height: 20px;
}
.txt_guide2>p {
	font-size: 13px;
	font-weight: bold;
	color: #cb8938;
	margin: 0;
}
.txt_guide3 {
	box-sizing: border-box;
	margin: 0px 0px 10px 0px;
	border: 1px solid #e8e8e8;
;
	padding: 15px;
	border-radius: 4px;
	font-size: 12px;
	color: #666;
	min-height: 50px;
	background: #f7f7f7;
;
	line-height: 20px;
}
.txt_guide3>p {
	font-size: 13px;
	font-weight: bold;
	color: #666;
	margin: 0;
}
/*추가삭제버튼 */
.button_add {
	background-color: #9e9e9e;
	width: 20px;
	height: 20px;
	border-radius: 2px;
	border: 1px solid #808080;
	font-weight: bold;
	font-size: 19px;
	line-height: 0;
	padding: 0px 2px 6px 2px;
	box-shadow: 0 1px 3px 0 rgba(0,0,0,0.10);
	margin: 0;
	cursor: pointer;
}
.button_add:hover {
	background-color: #4d4d4d;
	width: 20px;
	height: 20px;
	color: #fff;
	border: 1px solid #333;
	border-radius: 2px;
	box-shadow: 0 1px 3px 0 rgba(0,0,0,0.35);
}
.button_add span {
	color: #fff;
}
.button_add:hover span {
	color: #fff
}
.cal_box {
	width: 304px;
	margin: auto;
	padding: 0;
}
.cal_box>ul {
	padding: 0;
	list-style: none;
}
.cal_box>li {
	float: left;
	padding: 0 5px 0 0;
	list-style: none;
}
.cal_box2 {
	width: 304px;
	padding: 0;
}
.cal_box2>ul {
	padding: 0;
	list-style: none;
}
.cal_box2>li {
	float: left;
	padding: 0 5px 0 0;
	list-style: none;
}
.cal_box_pop {
	width: 273px;
	margin: auto;
	padding: 0;
}
.cal_box_pop>ul {
	padding: 0;
	list-style: none;
}
.cal_box_pop>li {
	float: left;
	padding: 0 5px 0 0;
	list-style: none;
}
span.pad_t_10 {
	padding: 8px 0 0 0;
	display: block;
}
.tel_form {
	width: 85px;
	margin: 0 5px;
	display: inline-block;
	float: left;
}
.clear {
	clear: both;
	width: 100%;
}
#pag_box {
	width: 100%;
}
#pag_box button {
	margin: 0
}
#pag_box td.btn_l150 {
	padding: 17px 0 0 0;
	width: 150px;
}
#pag_box td.btn_r150 {
	padding: 17px 0 0 0;
	width: 150px;
	text-align: right;
}
#pag_box td.btn_l320 {
	padding: 17px 0 0 0;
	width: 320px;
}
#pag_box td.btn_r320 {
	padding: 17px 0 0 0;
	width: 320px;
	text-align: right;
}
#pag_box td.btn_r400 {
	padding: 17px 0 0 0;
	width: 400px;
	text-align: right;
}
/* 로그인박스 */
#login_con_box {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -233px 0 0 -250px;
	width: 500px;
	box-sizing: border-box;
}
.login_box {
	border: 1px solid #ccc;
	background: #fff;
	width: 500px;
	height: auto;
	padding: 45px 45px 25px 45px;
	border-radius: 10px;
	box-shadow: 1px 0px 2px 0 rgba(0,0,0,0.10), 0px 0px 3px 2px rgba(0,0,0,0.10);
	box-sizing: border-box;
}
.login_box h1 {
	font: bold 22px 'malgun gothic';
	margin: 0 0 5px 0;
}
.login_box h1 span {
	color: #3973ba
}
.login_box h2 {
	font: normal 12px 'malgun gothic';
	margin: 0;
	color: #666;
}
.login_box p {
	display: inline-block;
	width: 100%;
	clear: both;
	font: normal 11px 'malgun gothic';
	padding: 5px 0
}
.login_form_box {
	list-style: none;
	margin: 25px 0 0 0;
	padding: 0
}
ul.login_form_box li {
	list-style: none;
	margin: 0;
	padding: 0 10px 10px 0;
	dislpay: inline-block;
}
ul.login_form_box li.btn_lo {
	float: right;
	width: 126px;
	height: 80px;
	margin-top: -88px;
}
ul.id_ch_box {
	list-style: none;
	margin: 5px 0 0 0;
	padding: 0;
	display: inline-block;
	background: #f9f9f9;
	border-radius: 5px;
	width: 100%;
	padding: 13px 15px 7px 15px;
	clear: both;
	height: 42px;
}
ul.id_ch_box li {
	float: left;
	display: inline-block;
	font: bold 12px 'malgun gothic';
}
ul.id_ch_box li a {
	text-decoration: none;
	color: #666;
}
ul.id_ch_box li a:hover {
	text-decoration: none;
	color: #333;
}
ul.id_ch_box li.ic_li {
	margin: 0 5px 0 25px;
}
.button_login {
	height: 78px;
	width: 124px;
	padding: 6px 20px;
	border: none;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	margin: 0px 0px;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	cursor: pointer;
	outline: 0;
}
/* Rules for sizing the icon. */

.material-icons.md-18 {
	font-size: 16px;
}
.material-icons.md-24 {
	font-size: 24px;
}
.material-icons.md-36 {
	font-size: 36px;
}
.material-icons.md-48 {
	font-size: 48px;
}
/* Rules for using icons as black on a light background. */
.material-icons.md-dark {
	color: rgba(0, 0, 0, 0.54);
}
.material-icons.md-dark.md-inactive {
	color: rgba(0, 0, 0, 0.26);
}
/* Rules for using icons as white on a dark background. */
.material-icons.md-light {
	color: rgba(255, 255, 255, 1);
}
.material-icons.md-light.md-inactive {
	color: rgba(255, 255, 255, 0.3);
}
/*제목 + 우측 버튼 영역 2018.07.04 추가 */
#table_tlt {
	width: 100%;
	height: 30px;
	display: block;
	clear: both;
	margin: 10px 0 0 0;
}
#table_tlt ul li {
	list-style: none;
	display: inline-block;
}
#table_tlt ul>.btn_box {
	float: right;
	display: inline-block;
}
#table_tlt ul>.s_tlt01 {
	background: url(/iris/img/tlt_dot.png) no-repeat 0px 13px;
	height: 30px;
	padding: 10px 10px 10px 20px;
	font-weight: bold;
	font-size: 14px;
	margin: 0px 0 10px 0;
	clear: both;
	font-family: 'Malgun Gothic';
	float: left;
	color: #666;
}
#table_tlt button {
	margin: 0;
}
/* 첨부파일*/
.add_file {
	display: inline-block;
	margin: 6px 0 0 4px;
	min-height: 80px
}
.add_file ul {
	margin: 0;
	padding: 0;
	width:400px;
}
.add_file ul li {
	list-style: none;

	background: #F9f9f9;
	margin: 4px 0 0 0;
	padding: 2px 10px;
	height: 28px;
}
.add_file ul li span {
	font: bold 11px 'malgun gothic';
	color: #617daa;
}
.add_file ul li a {
	border: 0;
	font: bold 16px 'tahoma';
	width: 15px;
	height: 15px;
	text-decoration: none;
	vertical-align: top;
	display: inline-block;
	padding:2px 10px 0px 10px;
	float: right;
}


/* 댓글작성 버튼을위한 css 변형구 추가 #title_box 를 복제 하여 수정 하였음 */
#button_box {
	font: bold 20px 'Malgun Gothic';
	margin: 0px 0px 0px 0px;
	vertical-align:middle;

}
#button_box ul {
	float: right;
	list-style: none;
	display: block;
	margin: 0 0 0 0;
	text-align: right;
}
#button_box li {
	display: inline-block;
	margin: 0px;
	padding: 5px 0 0 0 ;
	vertical-align:middle;
}
#button_box a.btn01 {
	background: #a8a8a8;
	width: 112px;
	height: 42px;
	display: block;
	padding-top: 10px;

	text-align: center;
	font: normal 15px 'Malgun Gothic';
	color: #fff;
	float: left;
	margin: 0 0px 0 0;
	text-decoration: none;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
}
#button_box a.btn01:hover {
	background: #4a87c9;
	cursor: pointer;
	color: #ffffff;
	text-decoration: none
}
#button_box a.active {
	background: #4a87c9
}

#mask{
	position:absolute; z-index:90000; background-color:#000000; display:none; left:0; top:0;
}

#loadingImg{
	display: none;
	z-index: 10001;
	pointer-events: none;
	position: fixed;
	top: 0;
	pointer-events: visible;
	transition: All .2s ease-in-out;
	-webkit-transition: All .2s ease-in-out;
	-moz-transition: All .2s ease-in-out;
	-o-transition: All .2s ease-in-out
}

#loadingImg.mask{
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.1);
}

#loadingImg img{
	position:fixed;
	left:50%;
	top:50%;
	transform: translate(-50%, 0);
	border-radius: 15px;
	width: 40px;
	height: 40px;
}


#pop_con_box.pop_verify_select .pop_con {
	box-sizing: border-box;
	display: block;
	width: 100%;
	padding: 20px;
}
#pop_con_box.pop_verify_select .s_ttl02 {
	clear: both;
	background: url(/iris/img/ball01.gif) no-repeat 0px 2px;
	font: bold 15px 'malgun gothic';
	padding: 0 0 0 20px;
	height: 20px;
	margin: 10px 0;
	color: #617daa;
}

#pop_con_box.pop_verify_select .terms_box_pop2{
	height: auto;
	overflow-y: auto;
	clear: both;
	display: block;
	font:normal 12px 'malgun gothic';
	line-height: 18px;
	border:1px solid #d1d1d1;
	padding: 10px;
	box-sizing: border-box;
}

#pop_con_box.pop_verify_select .button_login{
	height: 78px;
	width: 124px;
	padding: 6px 20px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 17px;
	font-weight: bold;
	margin: 0px 0px;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
	cursor: pointer;
	outline: 0;
}

#pop_con_box.pop_verify_select .id_search_form_box {
	list-style: none;
	padding: 0;
	width: 400px;
	height: auto;
	margin: 30px 30px 10px 30px;
	display: inline-block;
	clear: both;
}


#pop_con_box.pop_verify_select .id_search_form_box li {
	list-style: none;
	margin: 0;
	padding: 0 10px 10px 0;
	dislpay: inline-block;
	width: auto;
	text-align: left;
}

#pop_con_box.pop_verify_select .id_search_form_box li span.txt {
	margin: 0 5px;
	width: 58px;
	text-align: right;
	display: inline-block;
	font: normal 12px 'malgun gothic';
}

#pop_con_box.pop_verify_select .id_search_form_box li span {
	margin: 0 5px;
}

#pop_con_box.pop_verify_select .id_search_form_box li.btn_lo {
	float: right;
	width: 126px;
	height: 80px;
	margin-top: -88px;
	padding-left: 10px;
}


#pop_con_box.pop_verify_select .terms_box_pop2 .btn_full_size{
	display: flex;
	justify-content: space-around;
}

#pop_con_box.pop_verify_select .terms_box_pop2 .btn_full_size button{
	width: 200px;
	height: 100px;
}


#pop_con_box.pop_verify_select .pop_ttl>span {
	display: inline-block;
	float: right;
	margin: 11px 20px 0px 0px;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.35);
	font-weight: bold;
	font-size: 20px;
}

#pop_con_box.pop_verify_select .pop_ttl i.close_btn{
	color: #fff!important;
	text-decoration: none;
}


#pop_con_box.pop_verify_select .id_search_form_box li.sub_text{
	font: normal 12px 'malgun gothic';
	color: #617daa;
}

#pop_con_box.pop_verify_select .id_search_form_box li.title{
	text-align : center;
	font-weight : 1000;
	font-size: 15px;
	color: #617daa;
}
#pop_con_box.pop_verify_select .id_search_form_box li.center{
	text-align : center;
}

/*블루 버튼*/
.button_blue {
	background-color: #659ee3;
	color: #fff;
	border: 1px solid #4770a0;
	border-radius: 4px;
	box-shadow: 0 1px 3px 0 rgba(0,0,0,0.10);
}
.button_blue:hover {
	background-color: #5a82bf;
	color: #fff;
	border-radius: 4px;
	border: 1px solid #375c90;
	box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.35);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.35);
}

/*틸그린  버튼*/
.button_tealg {
	background-color: #27afbd;
	color: #fff;
	border: 1px solid #2e8d97;
	border-radius: 4px;
	box-shadow: 0 1px 3px 0 rgba(0,0,0,0.10);
}
.button_tealg:hover {
	background-color: #1b96a3;
	color: #fff;
	border-radius: 4px;
	border: 1px solid #1c6c74;
}

.button.button_pls_mns{
	font-size: 18px;
	height: auto;
}
.button.button_mns{
	background-color: #f6f6f6;
}

/* 팝업 css */
dialog{
	overflow: hidden;
}
dialog #dialog-close{
	display: none;
}