@charset "utf-8";
html, body, font, td, th, ul, li, a, h1, label, p, select, input {
	margin: 0;
	padding: 0;
	color: #666;
	font-family: 'Malgun Gothic', 'dotum', 'verdana', 'Titillium Web', sans-serif;
	word-break: keep-all;
	white-space: normal;
}
*:focus {
	outline: none;
}

img {
	border: 0
}
td>a:hover,
td>p a:hover{
	color: #4d8fc2!important;
	text-decoration: underline!important;
}
.right {
	text-align: right;
}
.center {
	text-align: center;
}
.float_right {
	float: right
}
.float_left {
	float: left
}
.clear_b {
	clear: both;
	width: 100%;
	height: 0px;
	padding: 0px!important;
	font-size: 0px!important;
	display: block!important;
	position: inherit;
}
.font15{font:normal 15px 'verdana', 'malgun gothic'}
.w100 {
	width: 100px!important;
}
.w150 {
	width: 150px!important;
}
.w250 {
	width: 250px!important;
}

/* 버튼스타일 기본크기 */
.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 0 0px;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	cursor: pointer;
	border: 0px;
	outline: 0;
}
/*작은사이즈버튼*/
.button_sm {
	height: 24px;
	padding: 5px 10px;
	border: none;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font: normal 11px 'dotum';
	font-weight: normal;
	margin: 0px 3px;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	cursor: pointer;
}

/*댓글달기 버튼*/
.button_reply{
	height: 74px;
	padding: 3px 30px;
	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_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_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_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_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);
}



/*게시판 내 작은사이즈버튼 ex)변경 */
.button_bsm {
	height: 24px;
	padding: 3px 10px;
	border: none;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font: normal 11px 'dotum';
	font-weight: normal;
	margin: 0px 3px;
	cursor: pointer;
}
.button_bsm02 {
	height: 30px;
	padding: 3px 10px;
	border: none;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font: normal 12px 'dotum';
	font-weight: normal;
	margin: 0px 3px;
	cursor: pointer;
	border-radius: 4px;
}

/*게시판내 기본 사각  버튼*/
.bsm_bd {
	background-color: #f0f7ff;
	color: #728ab0;
	border: 1px solid #c6d3dc;
}
.bsm_bd:hover {
	background-color: #ffffff;
	color: #237bd3;
	border: 1px solid #237bd3;
}
/*댓글작성 버튼  */
.button_rsm {
	height: 20px;
	padding: 3px 3px;
	border: none;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font: normal 11px 'dotum';
	font-weight: normal;
	margin: 0px 3px;
	cursor: pointer;
	border-radius: 3px;
}
.rsm_bd {
	background-color: #fff;
	color: #999;
	border: 1px solid #b3b3b3;
}
.rsm_bd:hover {
	background-color: #ffffff;
	color: #666;
	border: 1px solid #666;
}
/*추첨 당첨여부 컬러*/

.bd_bd_ing {
	background-color: #f0f7ff;
	color: #728ab0;
	border: 1px solid #c6d3dc;
}
.bd_bd_ing:hover {
	background-color: #ffffff;
	color: #237bd3;
	border: 1px solid #237bd3;
}
.span_ing {
	background-color: #ffffff;
	color: #237bd3;
	border: 1px solid #237bd3;
}
.bd_bd_ok{
	background-color: #55b85e;
	color: #fff;
	border: 1px solid #3aa14b;
}
.bd_bd_ok:hover {
	background-color: #40994f;
	color: #fff;
	border: 1px solid #277a3c;
}
.span_ok {
	background-color: #40994f;
	color: #fff;
	border: 1px solid #277a3c;
}
.bd_bd_no{
	background-color: #999;
	color: #fff;
	border: 1px solid #8c8c8c;
}
.bd_bd_no:hover {
	background-color: #666;
	color: #fff;
	border: 1px solid #575757;
}
.span_no{
	background-color: #666;
	color: #fff;
	border: 1px solid #575757;
}
.bd_bd_cok{
	background: #dcb47b;
	color: #fff;
	border: 1px solid #c8a470;
}
.bd_bd_cok:hover {
	background-color: #d7a661;
	color: #fff;
	border: 1px solid #c49758;
}
.span_cok{
	background-color: #d7a661;
	color: #fff;
	border: 1px solid #c49758;
}
.span_cok, .span_no, .span_ok, .span_ing{
	display: inline-block;
	width:auto;
	height: auto;
	padding: 5px 20px;
	font:bold 13px 'malgun guthic', 'verdana'

}
.bsm_white {
	color: #666;
	border: 1px solid #b6b6b6;
	padding-top: 4px;

	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ededed), to(#fff), color-stop(.6,#ededed));/* Chrome,Safari4+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
	background: -moz-linear-gradient(top,  #fff 0%, #ededed 100%);/*FF3.6+*/
	background: -webkit-linear-gradient(top,  #fff 0%,#ededed 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fff 0%,#ededed 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fff 0%,#ededed 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fff 0%,#ededed 100%); /* W3C */}


.bsm_white:hover {
	background: rgba(0, 0, 0, 0.05);
	color: #333;
	border: 1px solid #333;
}
/*작은 타이틀*/
.s_ttl {
	clear: both;
	background: url(/iris/img/ball01.gif) no-repeat 0px 1px;
	font: bold 13px 'malgun gothic';
	padding: 0 0 0 20px;
	height: 20px;
	margin: 10px 0;
}
.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;
}

.s_ttl02 > span {
	font: normal 12px 'malgun gothic';
	padding: 0 0 0 20px;
	height: 20px;
	margin: 10px 0;
	color:#666;
}
/*상단 서브 비쥬얼 이미지*/
.topimg01 {
	background: url(/iris/img/topimg01.jpg) no-repeat right top;
	height: 143px;
	text-align: left;
	margin: 0;
}
.topimg01 h1 {
	font: bold 30px 'malgun gothic';
	color: #333;
	display: block;
	width: 100%;
	height: 80px;
	padding: 50px 0 0 0
}

.topimg02 {
	background: url(/iris/img/topimg02.jpg) no-repeat right top;
	height: 143px;
	text-align: left;
	margin: 0;
}
.topimg02 h1 {
	font: bold 30px 'malgun gothic';
	color: #333;
	display: block;
	width: 100%;
	height: 80px;
	padding: 50px 0 0 0
}

.topimg03 {
	background: url(/iris/img/topimg03.jpg) no-repeat right top;
	height: 143px;
	text-align: left;
	margin: 0;
}
.topimg03 h1 {
	font: bold 30px 'malgun gothic';
	color: #333;
	display: block;
	width: 100%;
	height: 80px;
	padding: 50px 0 0 0
}

.topimg04 {
	background: url(/iris/img/topimg04.jpg) no-repeat right top;
	height: 143px;
	text-align: left;
	margin: 0;
}
.topimg04 h1 {
	font: bold 30px 'malgun gothic';
	color: #333;
	display: block;
	width: 100%;
	height: 80px;
	padding: 50px 0 0 0
}

.topimg05 {
	background: url(/iris/img/topimg05.jpg) no-repeat right top;
	height: 143px;
	text-align: left;
	margin: 0;
}
.topimg05 h1 {
	font: bold 30px 'malgun gothic';
	color: #333;
	display: block;
	width: 100%;
	height: 80px;
	padding: 50px 0 0 0
}

/*탑 바로가기 링크 */
.top_link {
	width: 100%
}
.top_link {
	list-style: none;
	margin: 15px 0 0 0;
	padding: 0
}
.top_link li {
	display: inline-block;
	float: left;
	width: auto;
	height: auto;
	margin: 0 5px 0 0;
	color: #808080;
}
.top_link > li a {
	color: #808080;
	font: normal 12px 'malgun gothic', 'vadana';
}
.top_link > li a:hover {
	color: #6699cc;
}
.top_link > li a.active {
	font-weight: bold;
}
/*푸터 영역 개인정보 및 카피라이트    */
#footer hr {
	width: 100%;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #e0e0e0;
	margin: 0;
	padding: 0;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
#footer div {
	width: 1100px;
	display: block;
}
#footer div.per_info {
	display: block;
	height: 48px;
	font: bold 12px 'malgun gothic';
	margin: auto;
}
#footer div.address {
	display: block;
	height: auto;
	font: normal 12px 'malgun gothic';
	margin: auto;
	color: #a3a3a3;
	padding: 10px 0 20px 0;
	line-height: 16px;
}
#footer > div.per_info a.txt01 {
	font: bold 14px 'malgun gothic';
	display: block;
	float: left;
	height: 20px;
	color: #6699cc;
	width: auto;
	margin: 15px 16px 0 0;
}
#footer > div.per_info a.txt01:hover {
	color: #4e7ba8;
}
#area_tab {
	width: 512px;
	height: 480px;
	padding: 10px 0 0 0;
	float: left
}
#area_info {
	width: 570px;
	float: left;
	display: inline-block;
	height: 435px;
	padding: 10px 0 0 0;

}
#area_info ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: none;
}
#area_info ul.active{
	list-style: none;
	margin: 0;
	padding: 0;
	display:inline-block;
}

#area_info ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
}
#area_info ul li.info {
	width: 332px;
}
#area_info ul li.r_map {
	width: 225px;
	float: right;
}
#area_info ul li > h4 {
	font: bold 19px 'malgun gothic';
	padding: 15px 0 0 0;
	color: #4280d3;
	letter-spacing: -1px;
	background: url(/iris/img/txt_img01.gif) no-repeat top left;
	word-break: keep-all;
	white-space: normal;
	word-wrap:break-word;

}
#area_info ul li > h5 {
	font: normal 12px 'malgun gothic', 'verdana';
	color: #666;
}
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	width: 135px;
	height: 325px;
	list-style: none;
	border-left: none;
	font: bold 15px 'malgun gothic', 'verdana';
	color: #7c7c7c;
}
ul.tabs li {
	float: left;
	text-align: center;
	cursor: pointer;
	width: 135px;
	height: 16.7%;
	line-height: 31px;
	border: 1px solid #eee;
	border-right: none;
	border-bottom: none;
	font-weight: bold;
	background: #f7f7f7;
	overflow: hidden;
	position: relative;
	padding: 10px 0 0 0;
	color: #909090
}
ul.tabs li.active {
	width: 136px;
	background: #FFFFFF;
	color: #333;
	border: 1px solid #3973ba;
	border-right: 1px solid #FFFFFF;
}
/* 스크롤바의 폭 너비 */
.tab_container::-webkit-scrollbar {
	width: 10px;
}

.tab_container::-webkit-scrollbar-thumb {
	background: rgba(57, 115, 186); /* 스크롤바 색상 */
	border-radius: 10px; /* 스크롤바 둥근 테두리 */
}

.tab_container::-webkit-scrollbar-track {
	background: rgba(220, 20, 60, .1);  /*스크롤바 뒷 배경 색상*/
}
.all_state_box::-webkit-scrollbar {
	width: 10px;
	cursor: pointer;
}

.all_state_box::-webkit-scrollbar-thumb {
	background: rgba(57, 115, 186); /* 스크롤바 색상 */
	border-radius: 10px; /* 스크롤바 둥근 테두리 */
}

.all_state_box::-webkit-scrollbar-track {
	background: rgba(220, 20, 60, .1);  /*스크롤바 뒷 배경 색상*/
}

.tab_container {
	display: inline-block;
	border: 1px solid #3973ba;
	float: left;
	width: 340px;
	height: 450px;
	background: #fff;
	padding: 22px;/*	  margin-left:1px; */
	overflow-y: scroll;
}
.tab_content {
	padding: 5px;
	font-size: 12px;
	display: none;
}
.tab_container .tab_content ul {
	width: 100%;
	margin: 0px;
	padding: 0px;
}
.tab_container .tab_content ul li {
	list-style: none
}
.area_sel_box {
	height: auto;
	list-style: none;
	margin: 0;
	padding: 0;
}
.area_sel_box li {
	list-style: none;
	width: auto;
	font: normal 12px 'malgun gothic', 'dotum', 'verdana';
	float: left;
}
.area_sel_box li.zone_box {
	height: auto;
	float: left;
}
.area_sel_box div.zone {
	width: 104px;
	background: #f8f8f8;
	color: #0066cc;
	min-height: 25px;
	height: auto;
	padding: 3px 0 3px 0;
	margin: 0 10px 19px 0;
	font: bold 13px 'malgun gothic', 'dotum', 'verdana';
	text-align: center;
	position: relative;
	float: left;
}
/*마우스 오버X 18.10.05 수정 */
/*.area_sel_box div.zone:hover {
	background: #9dc1e6;
	color: #fff;
	cursor: pointer;
}*/
.area_sel_box div.zone.active {
	background: #9dc1e6;
	color: #fff;
	cursor: pointer;
}
.area_sel_box li.r_kind {
	float: left;
	display: block;
	position: relative;
	width: auto;
	height: auto;
	border: 1px solid #d7d7d7;
	margin: 0 2px 1px 0;
	padding: 1px 1px;
}
.area_sel_box li.r_kind.last_m {
	float: left;
	display: inline-block;
	position: relative;
	width: auto;
	height: auto;
	border: 1px solid #d7d7d7;
	margin: 0 1px 10px 0;
}
.area_sel_box li.r_kind:hover {
	border: 1px solid #759ed0;
	color: #3973ba;
	cursor: pointer;
	background: #edf2f7;
}
.area_sel_box li.r_kind.active {
	border: 1px solid #759ed0;
	color: #3973ba;
	cursor: pointer;
	background: #edf2f7;
}
.tab_content > hr {
	clear: both;
	width: 100%;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #eaeaea;
	margin: 19px 0;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
/*객실 현황박스*/
#state_box {
	clear: both;
}
/*현황 셀렉트박스 부분 */
#state_box .select_box_ul {
	height: auto;
	margin: 0;
	padding: 0;
}
#state_box .select_box_ul li {
	list-style: none;
	display: inline-block;
	float: left;
	width: auto;
	padding: 0 5px 10px 0;
}
#state_box .select_box_ul li.color_red {
	color: red;
	font: bold 15px 'malgun gothic', 'dotum';
	padding: 6px 0 0 10px;
}
/* 월 선택 탭   */
.month_select_tab {
	margin: 15px 0;
	padding: 0;
	clear: both;
	width: 100%;
	border-bottom: 1px solid #cccccc;
	height: 39px;
}
.month_select_tab li {
	list-style: none;
	display: inline-block;
	float: left;
	padding: 10px 40px;
	margin: 0 0 20px 0;
	width: auto;
	border-left: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	background: #ededed;
	font: bold 13px 'malgun gothic';
}
.month_select_tab li.last_line {
	border-right: 1px solid #cccccc;
}
.month_select_tab li.select_mon_tab, .month_select_tab li:hover {
	background: #FFFFFF;
	height: 39px;
	cursor: pointer;
	color: #333;
}
/* 테이블 기본  왼쪽정렬 */
.table01 {
	clear: both;
	width: 100%;
	table-layout: auto;
	border-collapse: collapse;
	border-top: 2px solid #89b9de;
	border-bottom: 1px 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 10px;
	border-right: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
	font: normal 12px 'malgun gothic';
	line-height: 22px;

}
.table01 td a {
	color: #666;
}

/*테이블 가운데정렬 */
.table02 {
	clear: both;
	width: 100%;
	table-layout: auto;
	border-collapse: collapse;
	border-top: 2px solid #89b9de;
	border-bottom: 1px 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: 6px 5px;
	border-right: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
	font: normal 12px 'malgun gothic';
	line-height: 18px;
	text-align: center;
}
.table02 td a {
	color: #666;
}


/*테이블 가운데정렬 상단 회색 */
.table04 {
	clear: both;
	width: 100%;
	table-layout: auto;
	border-collapse: collapse;
	border-top: 2px solid #d9d9d9;
	border-bottom: 1px solid #e8e8e8;
	box-sizing: border-box;
}
.table04 th {
	padding: 8px 5px;
	border-right: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
	background: #f9f9fa;
	font: bold 12px 'malgun gothic';
	text-align: center;
}
.table04 td {
	padding: 8px 5px;
	border-right: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
	font: normal 12px 'malgun gothic';
	line-height: 18px;
	text-align: center;
}
.table04 td a {
	color: #666;
}

.clear_txt_top li {
	clear:both;
	width: 100%;
	height: auto;
	display:block;
	padding:2px 0;
	font:normal 12px 'malgun gothic', 'verdana', 'dotum';
	margin:0px!important;
	list-style: none;
}

.clear_txt_top span.info_txt01::before {
	font-family: 'Font Awesome 5 Free';
	content: "\f06a";
	padding-right: 8px;
	font-size: 1.2em;
	color:#999;
}
.clear_txt_top02{
	font:bold 12px 'malgun gothic';
	height: 24px;
}

.clear_txt li {
	clear:both;
	width: 100%;
	height: auto;
	display:block;
	padding:2px 0;
	font:normal 12px 'malgun gothic', 'verdana', 'dotum';
	margin:0px!important;
	list-style: none;
}
.clear_txt02 li {
	clear:both;
	width: 100%;
	height: auto;
	display:block;
	padding:2px 0;
	font:normal 15px 'malgun gothic', 'verdana', 'dotum';
	margin:0px!important;
	list-style: none;
}


/*테이블 작은사이즈*/
.table03 {
	clear: both;
	width: 100%;
	table-layout: auto;
	border-collapse: collapse;
	border-top: 2px solid #89b9de;
	border-bottom: 1px solid #e8e8e8;
	box-sizing: border-box;
	margin: 0 0 10px 0 ;
}
.table03 th {
	padding: 8px 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 10px;
	border-right: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
	font: normal 12px 'malgun gothic';
	line-height: 22px;

}
.table03 td a {
	color: #666;
}


/*테이블 view  */
.table_view {
	clear: both;
	width: 100%;
	table-layout: auto;
	border-collapse: collapse;
	border-top: 2px solid #89b9de;
	border-bottom: 1px solid #e8e8e8;
	box-sizing: border-box;
}
.table_view th {
	padding: 8px 8px;
	border-bottom: 1px solid #e8e8e8;
	background: #fff;
	font: bold 12px 'malgun gothic';
	text-align: center;
	background: url(/iris/img/border_line.gif) no-repeat right #fdfdfd;
	background-size: 1px 55%;
	line-height: 24px;
}
.table_view td {
	padding: 15px ;
	border-right: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
	font: normal 12px 'malgun gothic';
	line-height: 18px;
	text-align: left;
	height: auto;;

}
.table_view tr > .date2 {
	font: normal 14px 'verdana';
}
.table_view td>.date{
	font: normal 16px 'malgun gothic';
}

.table_view td a {
	color: #666;
}
.table_view  td > span{
	display: inline-block;
	height : 28px;
	width:auto;
	margin:0px 5px;
	font-family: 'malgun gothic', 'dotum', 'verdana';

}
.table_view td span > a:link{
	color:#617daa;
	text-decoration: underline;
}


/*추첨접수자 결과 테이블 */
.table_view02 {
	clear: both;
	width: 100%;
	table-layout: auto;
	border-collapse: collapse;
	border-top:2px solid #89b9de;
	box-sizing: border-box;
}
.table_view02 th {
	padding: 10px 8px;
	border-right: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
	background: #fff;
	font: bold 12px 'malgun gothic','verdana';
	text-align: center;
	background:#f9f9f9;
	line-height: 24px;
}
.table_view02 td {
	padding: 12px 15px;
	border-right: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
	font: normal 12px 'malgun gothic','verdana';
	line-height: 18px;
	text-align: center;
	line-height: 24px;
}

/*추첨접수 테이블  */
.info_table {
	clear: both;
	border-collapse:separate;
	border: 1px solid #89b9de;
	border-radius: 10px;
	-moz-border-radius: 10px !important;
	padding: 15px;
	background: url(/iris/img/dt_bg.png) no-repeat 95% 0px #f9f9f9;
	box-shadow: 0 1px 3px 0 rgba(0,0,0,0.15);
}
.info_table th{
	padding: 5px;
	background: #fff;
	font: bold 12px 'malgun gothic';
	text-align: center;
	background: url(/iris/img/border_line.gif) no-repeat right ;
	line-height: 24px;
	color:#333;
}
.info_table td{
	padding: 5px 35px;
	font: normal 15px 'malgun gothic';
	line-height: 18px;
	text-align: left;
	height: 32px;
	line-height: 32px;
	color:#333;
}
.info_table td > span{
	font: bold 15px 'malgun gothic';
	line-height: 18px;
	line-height: 24px;
	color:#0066cc;
}
.info_table th,
.info_table td {
	border: none !important
}

/*요금관련*/
.fee {
	list-style: none;
	margin: 0;
	padding: 0
}
.fee li.btn_ar {
	width: 130px;
	height: 50px;
}
.fee li {
	display: block;
	float: left;
	width: 500px;
	margin: 4px 15px 0 0;
	height: 20px;
	font: bold 14px  'malgun gothic','verdana'
}
.fee li >span{
	color:#5284C0;
	font: bold 14px 'verdana', 'malgun gothic'
}
/*.table01 td a:hover {
	color: #4a87c9;
}
.table01 tr:hover {
	background: #F9F9F9;
}
*/
th.b_none, td.b_none {
	border-right: none;
}
/*예약테이블 */
.res_table01 {
	clear: both;
	width: 1100px;
	table-layout: auto;
	border-collapse: collapse;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	box-sizing: border-box;
}
.res_table01 th {
	padding: 8px 5px;
	border-right: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	background: #f5f5f5;
	font: bold 12px 'malgun gothic';
	text-align: center;
}
.res_table01 td {
	padding: 6px 5px;
	border-right: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	font: normal 12px 'malgun gothic';
	text-align: center;
	line-height: 22px;
}
.res_table01 td a {
	color: #666;
}
/*.res_table01 td a:hover {
	color: #4a87c9;
}
.res_table01 tr:hover {
	background: #F9F9F9;
}*/
.res_table01 td.left{
	text-align: left;
}
.res_table01 th.b_none, .res_table01 td.b_none {
	border-right: none;
}
.res_table01 td.date {
	font: normal 16px 'verdana';
}
.res_red {
	color: red;
}
.res_table01 td > span {
	display: block;
	width: 100%;
	height: 24px;
	font: normal 12px 'malgun gothic';
	color: #fff;
	padding: 3px 0 ;
	text-align: center;
	cursor: pointer;
	border-radius: 3px;
	border: 1px solid rgba(0, 0, 0, 0.15);
}
/*예약현황 테이블*/
.res_table02 {
	table-layout: fixed;
	clear: both;
	table-layout: auto;
	border-collapse: collapse;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	box-sizing: border-box;
	margin: 10px 0 0 0;
}
.res_table02 th {
	padding: 8px 5px;
	border-bottom: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
	background: #f5f5f5;
	font: bold 12px 'malgun gothic';
	text-align: center;
}
.res_table02 td {
	padding: 6px 8px;
	border-bottom: 1px solid #e0e0e0;
	font: normal 12px 'malgun gothic';
	text-align: left;
	line-height: 18px;
}
.res_table02 td a {
	color: #666;
}
.res_table02 td span {
	display: block;
	height: 30px;
	font: normal 12px 'malgun gothic';
	color: #fff;
	padding: 5px 0 0 0;
	text-align: center;
	cursor: pointer;
	border-radius: 3px;
	border: 1px solid rgba(0, 0, 0, 0.15);
}
/* 예약상태  블럭 색상 */

span.bg01 {
	background: #27afbd;
}
span.bg02 {
	background: #7297c4;
}
span.bg03 {
	background: #cc7e9a;
}
span.bg04 {
	background: #bfbfbf;
} /*예약불가 */
span.bg05 {
	background: #dcb47b;
}/*예약대기 749677*/
span.bg06 {
	background: #9ecf84;
}/*추첨 예정 ab8ad1*/
span.bg07 {
	background: #6870d5;
}/*추첨접수  */
span.bg08 {
	background: #749677;
}/*추첨불가 */

/*예약결과저옵 배너 공간 */
.re_banner{
	width:800px; height: 150px;
	clear: both;
	margin: 30px auto;
}

/*전지역객실현황 날짜 선택 박스 */
.state_date_box {
	border: 1px solid #e8e8e8;
	background: #fcfcfc;
	width: 100%;
	height: 50px;
	clear: both;
}
.state_date_box > ul {
	list-style: none;
	margin: 10px auto;
	width: 440px;
	height: 30px;
}
.state_date_box li {
	list-style: none;
	display: inline-block;
	float: left;
	text-align: center;
	padding: 0 20px
}
.state_date_box li.arrow {
	padding : 4px 0;
	ext-align: center;
	width: 30px;
}
.state_date_box li.arrow > a:link > i {
	color:#0066cc;
	border:none;
}
.state_date_box li.arrow >  a:hover > i {
	color:#72a6e5;
	border:none;
}
.state_date_box li.arrow > a:active > i {
	color:#0066cc;
	border:none;
}
.state_date_box > ul li.date {
	text-align: center;
	font: bold 18px 'malgun gothic', 'tahoma';
	color: #333;
	width: 380px;
}
/*전지역객실현황 날짜  */
.state_date {
	clear: both;
	list-style: none;
	font: normal 12px 'malgun gothic', 'vadana';
	text-align: center;
	margin: 10px 0 0 0;
	border-bottom: 1px solid #e0e0e0;
	height: 50px;
	padding: 5px 0 0 0;
}
.state_date li {
	display: block;
	float: left;
	height: 40px;
	width: 79px;
}
.state_date li.line {
	width: 1px;
	margin: 0;
	padding: 5px 0;
	color: #e8e8e8;
}
.state_date li.m_blank {
	width: 280px;
}
.all_state_box {
	width: 1100px;
	height:480px;
	overflow-x: auto;
	box-sizing: border-box;
}
.all_state_box > h3 {
	font: bold 19px 'malgun gothic', 'vadana';
	padding: 12px 0 0 10px;
	display: block;
	height: 35px;
	margin: 2px 0 0 0;
}
/*색상별 코드*/

.color_red {
	color: #cc7e9a
}
.color_red2 {
	color: #ff0000
}
.color_blue {
	color: #7297c4
}
.color_blue2 {
	color: #0066cc
}
.color_teal {
	color: #27afbd
}
.color_green{
	color:#55b85e;
}
_white {
	color: #fff
}
/*정렬 */
.dis_in_block {
	display: inline-block
}
.dis_block {
	display: block
}
/*상단 텍스트 가이드 */
.top_txt_guide {
	clear: both;
	width: 100%;
	border: 1px solid #89b9de;
	border-radius: 10px;
	padding-bottom: 16px;
	margin: 0 0 20px 0 ;
}
.top_txt_guide dt {
	border-bottom: 1px solid #e3e3e3;
	padding: 18px 38px;
	margin-bottom: 10px;
	background: url(/iris/img/dt_bg.png) no-repeat 95% 0px #fdfdfd;
	color: #4d8fc2;
	border-radius: 10px 10px 0 0;
	font: bold 18px 'malgun gothic';
}
.top_txt_guide dd {
	padding: 3px 38px;
	font: normal 12px 'malgun gothic';
	margin: 0px;
	line-height: 20px;
}

.top_txt_guide dd.htxt {
	padding: 3px 38px;
	font: bold 13px 'malgun gothic';
	margin: 0px;
	line-height: 21px;
}
.top_txt_guide dd > .color_orange,
.top_txt_guide > .color_orange{
	font: normal 12px 'malgun gothic';
	margin: 0px;
	color:#eb6100 !important;
}


.top_txt_guide dd > div {
	border:1px solid #f0f0f0;
	background:#fdfdfd;
	border-radius: 4px ;
	padding: 15px 20px;
	margin: 10px 0;
}


.top_txt_guide dd > p{
	font: normal 11px 'malgun gothic';
	color:#999;
	line-height: 17px;
	margin: 0 0 0 10px ;
}

/* 서치박스   */
.search_box01 {
	clear: both;
	width: 100%;
	border: 1px solid #e3e3e3;
	border-radius: 10px;
	padding-bottom: 16px;
}
.search_box01 dt {
	border-bottom: 1px solid #e3e3e3;
	padding: 12px 38px;
	margin-bottom: 10px;
	background: #fdfdfd;
	color: #666;
	border-radius: 10px 10px 0 0;
	font: 500 15px 'Titillium Web','malgun gothic';
}
.search_box01 dd {
	font: normal 12px 'malgun gothic';
}
.search_form_box {
	width:100%;
	list-style: none;
	padding: 0 20px 0 0;
	margin: 0;
}
.search_form_box li {
	list-style: none;
	display: inline-block;
	padding: 5px;
	margin: 0;
}
.search_form_box li.form_area {
	width: 80%;
}
.search_form_box li.txt_area {
	width: 110px;
	font: bold 12px 'malgun gothic', 'dotum', 'verdana'
}
/*체크박스 스타일 기본 */
input[type=checkbox] {
	display: none;
	overflow: unset;
}
input[type=checkbox] + label {
	cursor: pointer;
	overflow: unset;

}
input[type=checkbox] + label > div {
	display: inline-block;
	cursor: pointer;
	vertical-align: text-bottom;
	background: #fff;
	box-sizing: border-box;
	width: 17px;
	height: 17px;
	border: 1px solid #ccc;
	border-radius: 2px;
	overflow: unset;
}
input[type=checkbox]:checked + label > div:before {
	font-family: 'Font Awesome 5 Free';
	content: "\f00c";
	font-size: 12px;
	font-weight: 800;
	color: #fff;
	text-align: center;
	background: #659ee3;
	line-height: 10px;
	width: 17px;
	height: 17px!important;
	display: block;
	padding-top: 4px;
	border-radius: 2px;
	overflow: unset!important;
	box-sizing: border-box;
}
input[type=checkbox]:checked + label > div {
	border: none;
	overflow: unset;
}
.form_stxt {
	width:auto;
	font:normal 18px 'malgun gothic';
	line-height: 18px;
	vertical-align: bottom;
	height: auto;
	color:#666;

}

.form_ch_box{
	border-top:1px solid #d9d9d9;
	padding: 20px 0 ;
	text-align: right;
}

.btn_list_box {
	width: 100%;
	clear: both;
	height: 30px;
	margin: 30px 0 5px 0;
	padding: 0;
	list-style: none;
}
.btn_list_box li {
	width: auto;
	height: auto;
	list-style: none;
	display: inline-block;
	margin: 0;
	padding: 0;
}
.btn_list_box_r {
	text-align: right;
	width: 100%;
	clear: both;
	height: 30px;
	margin: 30px 0 5px 0;
	padding: 0;
	list-style: none;
}
.btn_list_box_r li {
	width: auto;
	height: auto;
	list-style: none;
	display: inline-block;
	margin: 0;
	padding: 0;
}
.mj_b30{
	margin-bottom:30px;
}
.mj_b20{
	margin-bottom:20px ;
}
.mj_t30{
	margin-top:30px ;
}
.mj_t20{
	margin-top:20px ;
}

input {
	font: normal 15px 'malgun gothic', 'dotum', 'verdana';
	height: 34px!important;
	position: relative;
	cursor: pointer;
	display: inline-block;
	*display: inline;
	*float: left;
	*margin-right: 10px;
	border: 1px solid #cccccc;
	border-radius: 4px;
	padding: 10px;
	line-height:0.8em !important;line-height:0.6em
}
input.cal_num {
	font: normal 15px 'malgun gothic', 'dotum', 'verdana';
	width: 100px;
	height: 34px!important;
	position: relative;
	cursor: pointer;
	display: inline-block;
	*display: inline;
	*float: left;
	*margin-right: 10px;
	border: 1px solid #cccccc;
	border-radius: 4px;
	padding: 10px;
	line-height:0.8em !important;line-height:0.6em
}

input.cellp_num{
	font: normal 12px 'malgun gothic', 'dotum', 'verdana';
	width: 55px;
	height: 34px!important;
	position: relative;
	cursor: pointer;
	display: inline-block;
	*display: inline;
	*float: left;
	*margin-right: 10px;
	border: 1px solid #cccccc;
	border-radius: 4px;
	padding: 10px;
	line-height:0.8em !important;line-height:0.6em

}

input.search_form{
	font: normal 12px 'malgun gothic', 'dotum', 'verdana';
	width: 250px;
	height: 34px!important;
	position: relative;
	cursor: pointer;
	display: inline-block;
	*display: inline;
	*float: left;
	*margin-right: 10px;
	border: 1px solid #cccccc;
	border-radius: 4px;
	padding: 10px;
	line-height:0.8em !important;line-height:0.6em

}

input.search_form:focus {
	height: 34px!important;
	position: relative;
	cursor: pointer;
	display: inline-block;
	*display: inline;
	*float: left;
	*margin-right: 10px;
	border-radius: 4px;
	padding: 10px;
	background: #ffffff!important;
}


input.cal_num:focus {
	font: normal 15px 'malgun gothic', 'dotum', 'verdana';
	width: 100px;
	height: 34px!important;
	position: relative;
	cursor: pointer;
	display: inline-block;
	*display: inline;
	*float: left;
	*margin-right: 10px;
	border: 1px solid #cccccc;
	border-radius: 4px;
	padding: 10px;
	background: #f9f9fa;
}

input.password:focus {
	font: normal 15px 'malgun gothic', 'dotum', 'verdana';
	width: 100px;
	height: 34px!important;
	position: relative;
	cursor: pointer;
	display: inline-block;
	*display: inline;
	*float: left;
	*margin-right: 10px;
	border: 1px solid #cccccc;
	border-radius: 4px;
	padding: 10px;
	background: #f9f9fa;
}

input[type=text]:focus {border:1px #0066cc solid; background: #f9f9fa;}
input.cal_num[type=text]:focus {border:1px #0066cc solid}
input.search_form[type=text]:focus {border:1px #0066cc solid}
input[type=password]:focus {border:1px #0066cc solid}

.td_in_row_box{
	list-style: none;
	margin: 0;
	padding: 0;
	width:100%;
	display: inline-block;
}
.td_in_row_box li{
	list-style: none;
	display: inline-block;
	float: left;
	width:auto;
	margin: 0 7px 0 0px ;
	height: auto;
	vertical-align: middle;
	line-height:2.8em;
}

.td_in_row_box2{
	list-style: none;
	margin: 0;
	padding: 0;
	width:100%;
	display: inline-block;
}
.td_in_row_box2 li{
	list-style: none;
	display: inline-block;
	float: left;
	width:auto;
	margin: 0 7px 0 4px ;
	height: auto;
	vertical-align: middle;
	line-height:2.8em;
}
.td_in_row_box2 li > p{
	display: block;
	height: 19px;
	width: auto;
	line-height: 18px;
	padding-left: 20px;

}
.td_in_row_box2 li.message_ch_box{
	width:auto;
	border: 1px solid #efefef;
	padding: 10px 25px 20px 25px ;
	border-radius: 4px;
	background: #f9f9f9;
}
/*페이징*/
.pagination_box {
	text-align: center;
	margin: 10px auto;
	width:910px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	height: 70px;
}
.pagination {
	width:auto;
	margin-bottom: 10px ;
}

.pagination>li {
	display: inline;
}
.pagination>li>a>span>i{color:#999}

.pagination>li>a, .pagination>li>span {
	position: relative;
	float: left;
	padding: 6px 12px;
	margin-left: -1px;
	line-height: 1.42857143;
	color: #337ab7;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ddd
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
	margin-left: 0;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px
}
.pagination>li:last-child>a, .pagination>li:last-child>span {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px
}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
	z-index: 2;
	color: #23527c;
	background-color: #eee;
	border-color: #ddd
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
	z-index: 3;
	color: #fff;
	cursor: default;
	background-color: #6a9ae2;
	border-color: #6a9ae2
}
.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {
	color: #777;
	cursor: not-allowed;
	background-color: #fff;
	border-color: #ddd
}
.pagination-lg>li>a, .pagination-lg>li>span {
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.3333333
}
.pagination-lg>li:first-child>a, .pagination-lg>li:first-child>span {
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px
}
.pagination-lg>li:last-child>a, .pagination-lg>li:last-child>span {
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px
}
.pagination-sm>li>a, .pagination-sm>li>span {
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5
}
.pagination-sm>li:first-child>a, .pagination-sm>li:first-child>span {
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px
}
.pagination-sm>li:last-child>a, .pagination-sm>li:last-child>span {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px
}


/* 팝업 */
#pop_con_box {
	/*width: 100%;*/
	display: inline-block;
	/*height: 100%;*/
	overflow-x: unset;
}
.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: auto;
	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 i.close_btn {
	color: #fff!important;
	text-decoration: none;
}
.pop_ttl i:hover {
	color: #efefef!important;
	text-decoration: none;
}
.pop_con_notice {
	box-sizing: border-box;
	display:block;
	height: 100%;
	width:100%;
	padding: 0px;
	margin: 0;
}
.pop_con {
	box-sizing: border-box;
	display:block;
	height: 100%;
	width:100%;
	padding: 20px;
}
.pop_con > h4,
.pop_con > h5{
	clear: both;
	display: block;
	width:auto;
	height: auto;
	margin: 10px;
}
.pop_con > h4{
	font:bold  19px 'malgun gothic', 'dotum', 'verdana';
	color:#6987aa;
}

.pop_con > h5{
	font:normal  12px 'malgun gothic', 'dotum', 'verdana';
	color:#666;
	line-height: 22px;
}

.pop_con > h5.font16{
	font:normal  16px 'malgun gothic', 'dotum', 'verdana';
	color:#666;
	line-height: 22px;
}

/*팝업 테이블 가운데정렬 */
.pop_table01 {
	box-sizing: border-box;
	clear: both;
	width: 100%;
	table-layout:fixed;
	border-collapse: collapse;
	border-top: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
	box-sizing: border-box;
}
.pop_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;
}
.pop_table01 td {
	padding: 8px;
	border-right: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
	font: normal 12px 'malgun gothic', 'dotum', 'verdana';
	line-height: 19px;
	text-align: center;
	word-break: keep-all;
	white-space: normal;
}
.pop_table01 td > a {
	color: #666;
	text-decoration: none;
}
.pop_table01 td > a:hover{
	color: #0066cc;
	text-decoration: none;
}
.pop_table01 th.b_none,
.pop_table01 td.b_none{
	border-right: none;
}
.pop_btn_box{
	list-style: none;
	clear: both;
	width:100%;
	text-align: center;
	margin: 30px 0 20px 0 ;
}
.pop_btn_box li{
	list-style: none;
	margin: -2px;
	padding: 0;
	display: inline-block;
}
.caution{
	color:red;
	margin: 0;
	font:normal 12px 'malgun gothic', 'verdana';
	display: inline-block;
	width: auto;
	height: auto;
}
.pop_txt_ttl_02 {
	color:#666;
	margin:10px 0 5px 0 ;
	font:normal 12px 'malgun gothic', 'verdana';
	display:block;
	width: auto;
	line-height:23px;
	vertical-align: middle;
	padding-bottom: 0px!important;
}
.pop_txt_ttl_02 > img{
	margin:3px 5px -2px 0px;


}
/*성수기 추첨상단 */
.lot_ttl_box{
	width:100%;
	height: auto;
	clear: both;
	display: inline-block;
	list-style: none;
	margin: 0px 0 30px 0 ;
	padding: 0
}

.lot_ttl_box > li{
	width:32%;
	list-style: none;
	display: inline-block;
	text-align: center;
	cursor: pointer;
	margin-right: 8px;
	padding: 0;
	float: left;
	box-sizing: border-box;
}

.lot_ttl_box > li > a {
	min-width:280px;
	padding: 16px 20px;
	display:inline-block;
	width:100%;
	height: 60px;
	border:1px solid #cbcbcb;
	font:bold 17px 'malgun gothic';
	color:#999;
	box-sizing: border-box;
}

.lot_ttl_box > li > a:hover{
	border-color: #0066cc;
	cursor: pointer;
	color:#0066cc;
	font:bold 17px 'malgun gothic';
}

.lot_ttl_box > li > a.active{
	border-color: #0066cc;
	cursor: pointer;
	color:#0066cc;
	font:bold 17px 'malgun gothic';
	border:2px solid  #0066cc;
}

.txt_select{
	clear: both;
	width: 100%;
	border: 1px solid #e0e0e0;
	border-radius: 10px;
	padding-bottom: 16px;
	margin: 0 0 20px 0 ;
}

.txt_select dt {
	border-bottom: 1px solid #e3e3e3;
	padding: 18px 38px;
	margin-bottom: 10px;
	background:  #fdfdfd;
	border-radius: 10px 10px 0 0;
	font: normal 12px 'malgun gothic';
	height: auto;
	display: inline-block;
}

.txt_select dd {
	padding: 3px 38px;
	font: normal 12px 'malgun gothic';
	margin: 0px;
	line-height: 20px;
}
.txt_select > ul{
	margin: 0;
	padding: 0;
	list-style: none;
	width:100%;
}
.txt_select > dt > ul >li {
	display: inline-block;
	float: left;
	font: normal 12px 'malgun gothic';
	list-style: none;
	height: auto;
	padding: 10px;
}

.txt_select > dt > ul >li.w50{
	width: 30px;
}

.txt_select > dt > ul >li.txt{
	width: 800px;
	line-height: 21px;
	padding-top: 5px;
}

.peo_state{
	list-style: none;
	margin-bottom:-20px;
	margin-top:-8px;
	padding: 0
}

.peo_state li{
	list-style: none;
	display: block;
	margin: 10px 0;
	padding:0;
	font:normal 12px 'tahoma';
	color:#b3b3b3;
}

/*마이대명 상단 */
ul.my_dm_info{
	clear: both;
	list-style: none;
	display: inline-block;
	width:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	maring:0;
	padding: 5px;
	height: 100px;
	background:#fdfdfd;
	border: 1px solid #89b9de;
	border-radius: 10px;
	-moz-border-radius: 10px !important;
	box-shadow: 0 1px 3px 0 rgba(0,0,0,0.15);
	height: auto;
	min-height: 100px;
}
.my_dm_info li{
	list-style: none;
	float: left;
	background:  url(/iris/img/border_line2.gif) no-repeat left;
	height: 100%;
	padding: 18px 10px 12px 30px;
	box-sizing: border-box;
	display: inline-block;
}
.my_dm_info li.left{
	background: url(/iris/img/my_dm_img.gif) no-repeat 50% ;
	width:160px;
	height: 100px;
	display: inline-block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.my_dm_info li.right{
	background:  url(/iris/img/border_line2.gif) no-repeat left 15px;
	height: 100%;
	padding: 23px 10px 12px 30px;
}
.my_dm_info li>div{
	display:block;
	width:570px;
	height: 35px;

}
.my_dm_info li>div.mem_num{
	font: bold 18px 'malgun gothic';
	color:#0066cc;
}
.my_dm_info li div.mem_num>span{
	font: bold 18px 'malgun gothic';
	line-height: 18px;
	color:#666;
}
.my_dm_info li div span{
	font: normal 12px 'malgun gothic';
	display: inline-block;
	margin:8px 18px 0px 0;
	color:#565656;
}
.my_dm_info li div span.name{
	font: bold 18px 'malgun gothic';
	line-height: 18px;
	display: inline-block;
	margin:8px 18px 0px 0 ;
	color:#0066cc;

}
.my_dm_info li p > span.col_grey{
	display: inline-block;
	color:#999;
	margin-right: 7px;
}

.my_dm_info li > button{
	margin:16px 0px
}

.info_txt{
	clear: both;
	font:normal 12px 'malgun gothic','verdana','dotum';
	display:block;
	height: 20px;
	margin:0px 0 13px 20px;
}

/*마이대명- 비번변경 상단 */
ul.my_pass_info{
	clear: both;
	list-style: none;
	display: inline-block;
	width:100%;
	height: 176px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	maring:0;
	padding: 20px;
	background:#fff;
	border: 1px solid #d8d8d8;
	border-radius: 10px;
	-moz-border-radius: 10px !important;
	box-shadow: 0 1px 3px 0 rgba(0,0,0,0.15);

}
.my_pass_info li{
	list-style: none;
	float: left;
	background: url(/iris/img/border_line2.gif) repeat-y left;
	padding: 0px 0px 12px 40px;
	box-sizing: border-box;
	display: inline-block;
}

.my_pass_info li.left{
	background: url(/iris/img/my_pass_img.gif) no-repeat 25% 10px ;
	width:200px;
	height: 168px;
	display: inline-block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px;
}

.my_pass_info li>p{
	display:block;
	width:610px;
	height:25px;
	font:normal 12px 'malgun gothic','verdana','dotum';
}

.my_pass_info li>p.sttl{
	display:block;
	width:590px;
	height: 25px;
	margin: 10px 0 0px 0;
	font:bold 16px 'malgun gothic','verdana','dotum';
	color:#00a7b8
}


/*공지사항 상단 분류  */
.class_ttl_box{
	box-sizing: border-box;
	width:100%;
	height: auto;
	clear: both;
	display: inline-block;
	list-style: none;
	margin: 0px 0 20px 0 ;
	padding: 0;

}

.class_ttl_box > li{
	width:108px;;
	list-style: none;
	display: inline-block;
	text-align: center;
	cursor: pointer;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 0;
	float: left;
	box-sizing: border-box;
}

.class_ttl_box > li > a {
	min-width:108px;
	padding: 5px 5px;
	display:inline-block;
	width:100%;
	height: 28px;
	border:1px solid #cbcbcb;
	font:normal 12px 'malgun gothic';
	color:#999;
	box-sizing: border-box;
}

.class_ttl_box > li > a:hover{
	border-color: #0066cc;
	cursor: pointer;
	color:#0066cc;
	font:normal 12px 'malgun gothic';
}

.class_ttl_box > li > a.active{
	border-color: #0066cc;
	cursor: pointer;
	color:#fff;
	background: #89b9de;
	font:bold 12px 'malgun gothic';
	border:none

}

.div_top_select{
	width:100%;
	margin: 0 0 10px 0;
	clear: both;

}
/* 공지사항 리스트  테이블 기본  */
.board_table {
	clear: both;
	width: 100%;
	table-layout: auto;
	border-collapse: collapse;
	border-top: 2px solid #89b9de;
	border-bottom: 1px solid #e8e8e8;
	box-sizing: border-box;
}
.board_table th {
	background: url(/iris/img/board_line.gif) no-repeat right #fff;
	border-bottom: 1px solid #e8e8e8;
	font: bold 12px 'malgun gothic';
	text-align: center;
	margin: 10px;
	height: 41px;
}
.board_table th.b_none {
	background:none
}
.board_table td {
	padding: 11px  ;
	/*	border-right: 1px solid #e8e8e8;*/
	border-bottom: 1px solid #e8e8e8;
	font: normal 12px 'malgun gothic';
	line-height: 20px;
	text-align: center;

}
.board_table td> img {
	margin:0px 5px 0px 5px;
	vertical-align:text-bottom

}
.board_table tr.notice {
	background:#f7f7fb;
}

.board_table td.left {
	text-align: left;
}
.board_table td a {
	color: #666;
}

/* 공지사항 리스트  테이블 view  */
.board_table_view {
	clear: both;
	width: 100%;
	table-layout: auto;
	border-collapse: collapse;
	border-top: 2px solid #89b9de;
	border-bottom: 1px solid #e8e8e8;
	box-sizing: border-box;
}
.board_table_view th {
	border-bottom: 1px solid #e8e8e8;
	font: bold 15px 'malgun gothic';
	text-align: center;
	margin: 10px;
	height: 50px;
	text-align: left;
	padding-left: 20px;
}
.board_table_view th.b_none {
	background:none
}
.board_table_view td {
	padding: 8px 10px 8px 16px ;
	border-bottom: 1px solid #e8e8e8;
	font: normal 12px 'malgun gothic';
	line-height: 20px;
	text-align: left;

}
.board_table_view td.the_body {
	padding: 25px 30px;
	line-height: 25px;
	color:#666;
	text-align: left;
}

.board_table_view td.left_ttl {
	padding: 8px 20px;
	background: url(/iris/img/board_line.gif) no-repeat right ;
	background-size: 1px 35%;
	border-bottom: 1px solid #e8e8e8;
	font: normal 12px 'malgun gothic';
	line-height: 20px;
	text-align: left;
	color:#a6a6a6
}

.board_table_view td> img {
	vertical-align:text-top;
	margin: 15px 0

}
.board_table_view tr.notice {
	background:#f7f7fb;
}

.board_table_view td.left {
	text-align: left;
}
.board_table_view td a {
	color: #666;
}
/*게시판 답글 */
.board_reply_table{
	width:100%;
	background:#f7fbfd;
}
.board_reply_table th{
	font:bold 13px 'malgun gothic';
	color:#5d606c;
	border-bottom: 1px solid #e8e8e8;
	text-align: center;
	margin: 10px;
	height: 40px;
	text-align: left;
	padding-left: 20px;
}
.board_reply_table th > span{
	font:bold 11px 'malgun gothic';
	color:#a1a1a2;
	text-align: center;
	margin-right: 10px;
	text-align: left;
}
.board_reply_table td.the_body {
	padding: 25px 30px;
	line-height: 25px;
	color:#666;
}

.board_reply_table td {
	padding: 8px 10px 8px 16px ;
	border-bottom: 1px solid #e8e8e8;
	font: normal 12px 'malgun gothic';
	line-height: 20px;
	text-align: left;
}
.board_reply_table td.left_ttl {
	padding: 8px 20px;
	background: url(/iris/img/board_line.gif) no-repeat right ;
	background-size: 1px 35%;
	border-bottom: 1px solid #e8e8e8;
	font: normal 12px 'malgun gothic';
	line-height: 20px;
	text-align: left;
	color:#a6a6a6
}
.p_reply_ttl{
	margin: 10px;
	font: bold 12px '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: flex;
	padding: 15px;

}
#search_box .search_line {
	width: 100%;
	height: auto;
	text-align: left;
	list-style: none;
	margin: auto;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

#search_box .search_line li {
	align-items: center;
	flex-direction: row;
	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 button, #search_box button {
	margin: 0;
}

.reply_td{
	padding-left: 30px!important;
}



/* 게시판 상단 안내  */
ul.notice_info{
	clear: both;
	list-style: none;
	display: inline-block;
	width:100%;
	height: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	maring:0;
	padding: 16px;
	background:#fcfcfc;
	border: 1px solid #d8d8d8;
	border-radius: 10px;
	-moz-border-radius: 10px !important;
	box-shadow: 0 1px 3px 0 rgba(0,0,0,0.15);

}
.notice_info li{
	list-style: none;
	float: left;
	height: auto;
	min-height: 80px;
	background: url(/iris/img/border_line2.gif) repeat-y left 100% ;
	padding: 0px 0px 12px 40px;
	box-sizing: border-box;
	display: inline-block;
	margin: 5px 0;
}

.notice_info li.left{
	background: url(/iris/img/notice_info_img.gif) no-repeat 25% ;
	width:200px;
	height: auto;
	min-height: 80px;
	display: inline-block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

}

.notice_info li>p{
	display:block;
	width:610px;
	height:25px;
	font:normal 12px 'malgun gothic','verdana','dotum';
	line-height: 21px;
}

.notice_info li>p.sttl{
	display:block;
	width:590px;
	height: 25px;
	margin: 0px 0 10px 0;
	font:bold 18px 'malgun gothic','verdana','dotum';
	color:#4d8fc2
}

/*댓글*/
#reply_area{
	margin: 0 0 30px 0 ;
	display: inline-block;
}
.reply_input_box{
	list-style: none;
	margin: 0;
	padding: 0;
	background: #f7fbfd;
	display: flex
}
.reply_input_box textarea{
	font: normal 12px 'malgun gothic';
	line-height: 20px;
	color:#666;
	padding: 5px;
}
ul.reply_input_box li input{
	font: normal 18px 'malgun gothic';
	color:#666;
	padding: 5px;
	height:22px!important;
}
.reply_input_box li{
	list-style: none;
	margin: 0;
	padding: 24px 0 20px 24px;
}

.reply_input_box li.btn{
	margin-left: -20px;
}
.reply_input{
	width:760px;
	height: 74px;
}
.pop_reply_input{
	width:300px;
	height: 61px!important;
}
.con_input{
	width:100%;
	height: 300px;
	font: normal 12px 'malgun gothic';
	line-height: 20px;
	color:#666;
	padding: 5px;
}
.title_con_input{
	width:100%;
}
.reply_list{
	list-style: none;
	display: inline-block;
	border-top: 1px solid #e8e8e8;
	width:100%;
	margin: 0;
	padding: 5px 0 0 0 ;
	height: auto;

}
.reply_list li{
	list-style: none;
	font: normal 12px 'malgun gothic';
	float: left;
	width:auto;
	margin: 5px;
	color:#a6a6a6;
	padding: 0;
}
.reply_list li.name{
	background: url(/iris/img/default_pers_icon.gif) no-repeat 0px 2px;
	font: bold 12px 'malgun gothic';
	line-height: 20px;
	padding-left: 25px;
	width:auto;
	color:#666;
	clear: both;
}
.reply_list li.date{
	font: normal 11px 'verdana';
	line-height: 20px;
	padding-left: 15px;
	width:auto;
	color:#a6a6a6;
}
.reply_list li.float_btn_right{
	float: right;
}
.reply_list li.txt{
	border-top: 1px dotted #ededed;
	color:#666;
	width:100%;
	padding: 15px 30px;
	margin: 0;
	line-height: 18px;
	height: auto;
	border-bottom: 1px solid #e8e8e8;
	clear: both;
}
/*포토갤러리 */
.photo_gallery {
	width:100%;
	border-top:2px solid #89b9de;
	border-bottom:1px solid #cbcbcb;
	padding: 20px 0 20px 0 ;
	flex-direction: row;
	float: left;
}
.photo_gallery li{
	width: 192px;
	height: 211px;
	list-style: none;
	margin:10px 17px;
	float: left;
	display: inline-block;
}
.photo_gallery >li div{
	width:192px;
	height: 211px;
	border:1px solid #cbcbcb;
	box-sizing: border-box;
	background: #FFFFFF;
}
.photo_gallery >li div:hover{
	width:192px;
	height: 211px;
	border:1px solid #0066cc;
	box-sizing: border-box;
	background: #fff;
	cursor: pointer;
	color:#0066cc!important;
}

.photo_gallery li div:hover > h4 a{
	color:#3676d2!important;
}
.photo_gallery li div > p{
	margin:0;
	height: 140px;
}
.photo_gallery  li >div  h4 {

	font: bold 13px 'malgun gothic';
	margin: 0px;
	padding: 15px 13px 0 13px ;
	height: 30px;
	width:100%;
	line-height: 16px;
	display: table-cell;
	vertical-align: middle;
}

.photo_gallery > li h5 {
	color:#b3b3b3;
	font: normal 10px 'verdana';
	display: inline-block;
	height: auto;
	margin: 0 13px;
	height: 20px;
}


/*현장스케치  */
.board_sketch {
	width:100%;
	border-top:2px solid #89b9de;
	/*	border-bottom:1px solid #cbcbcb;*/

}
.board_sketch li{
	width: 100%;
	height: auto;
	list-style: none;
	margin:0px 0px;
	float: left;
	display: inline-block;

}
.board_sketch li:hover{
	width: 100%;
	height: auto;
	list-style: none;
	margin:0px 0px;
	float: left;
	display: inline-block;
	background: #f9f9f9;
	cursor: pointer;

}
.board_sketch li:hover > div h3 {
	color:#3676d2!important;
}

.board_sketch li div{
	width:100%;
	height: 170px;
	border-bottom:1px solid #e8e8e8;
	box-sizing: border-box;
	padding: 15px 0!important ;

}

.board_sketch li div > p{
	margin:0;
	height: 140px;
	float: left;
	display: inline-block;
	position: relative;
	box-sizing: border-box;
}

.board_sketch  li div > h3 {
	color:#464646;
	font: bold 14px 'malgun gothic';
	margin: 0px;
	padding: 0px 0px 0 23px ;
	height: 30px;
	width:690px;
	line-height: 16px;
	display: inline-block;
	float: left;
	line-height: 22px;
	box-sizing: border-box;
}
.board_sketch  li div > h4 {
	color:#464646;
	font: normal 12px 'malgun gothic';
	margin: 0px;
	padding: 0px 0px 0 23px ;
	height: 92px;
	width:690px;
	line-height: 16px;
	display: inline-block;
	float: left;
	line-height: 20px;
	box-sizing: border-box;



}

.board_sketch li h5 {
	color:#b3b3b3;
	font: normal 12px 'verdana';
	display: inline-block;
	height: auto;
	margin: 0 23px;
	height: 20px;
	float: left;
	width:220px;
	line-height: 12px;
}
.board_sketch li h5 > span{
	color:#666;
	font: normal 12px 'malgun gothic';
	display: inline-block;
	height: 12px;
	float: left;
	width:auto;
	padding: 0 15px 0 0 ;
	margin: 0px 15px 0 0 ;
	border-right :1px solid #efefef;
	display: inline-block;
	line-height: 12px;
}

/*FAQ*/
.faq_box{
	border-top:2px solid #89b9de;
	border-bottom:2px solid #b3b3b3;
}
.faq_box >.h_ttl{
	font: bold 13px 'malgun gothic';
	color:#666;
	padding: 20px 35px 20px 55px;
	border-bottom:1px solid #e8e8e8;
	cursor: pointer;
	background: url(/iris/img/question.png) no-repeat 15px 19px
}

.faq_box >.faq_content{
	font: normal 12px 'malgun gothic';
	color:#666;
	padding:20px 35px 20px 55px;
	line-height: 22px;

	border-bottom:1px solid #e8e8e8;
	display: none;
	background: url(/iris/img/answer.png) no-repeat 17px 23px #f7f7fb;
}

.add_file{
	list-style:none;
}
.add_file li{
	list-style:none;
	padding: 5px 2px 0 2px ;
	display: block
}

.add_file li > span{
	list-style:none;
	padding: 2px;
}

/*공지팝업  오늘하루 그만보기 */
.close_check{
	list-style: none;
	text-align: right;
	background: #f6f6f6;
	height: auto;
	margin: 0;
	width:100%;
	padding: 5px 40px 5px 0 ;
	display: inline-block;
	font:normal 12px 'malgun gothic';
	display: block;
	box-sizing: border-box;
}


/*회원가입 절차 */
.step_box{
	list-style: none;
}
.step_box li.txt{
	list-style: none;
	margin-bottom: 20px;
	padding:0;
	color:#666;
	font:normal 12px 'malgun gothic';

}
.step_box li.ttl{
	color:#0066cc;
	font:bold 18px 'malgun gothic';
	display: inline-block;
	height: 30px;
	margin-top: 20px;
}

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

}

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

}

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

.terms_box >h2,
.terms_box_pop>h2{
	font:bold 16px 'malgun gothic';
	margin: 15px 0;
	color: #555;
	height: auto;
	display:block;
}

.terms_box > h3,
.terms_box_pop>h3{
	font:bold 13px 'malgun gothic';
	height: auto;
	display: block;
}
.terms_box > h4{
	font:bold 12px 'malgun gothic';
	display: block;
	height: auto;
}
.terms_box > p.txt,
.terms_box_pop> p.txt{
	font:normal 12px 'malgun gothic';
	padding-left: 10px;
	margin: 3px 0;
	line-height: 18px;
}

/*라디오 버튼 스타일 기본 */
input[type=radio] {
	display: none;
}
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 {
	font:bold 11px 'Font Awesome 5 Free';
	content: "\f00c";
	border: none;
	color: #fff;
	backgrotext-align: center;
	line-height: 13px;
	border: 2px solid #659ee3;
	background: #659ee3;
}
input[type=radio] + label {
	display: inline-block;
	cursor: pointer;
	position: relative;
	padding-left: 25px;
	margin-right: 15px;
	font-weight: normal;
	font-size: 12px;
	line-height: 17px;
}

/*회원가입절차 */
.mem_guide {
	clear: both;
	width: 100%;
	border: 2px solid #89b9de;
	border-radius: 10px;
	padding-bottom: 16px;
	margin: 0 0 20px 0 ;
	padding: 0;
}
.mem_guide dt {
	border-bottom: 1px solid #e3e3e3;
	padding:120px 0px 0px 0 ;
	background: url(/iris/img/mem_guide_img.jpg) no-repeat 50% 50px ;
	color: #3c7eb1;
	border-radius: 10px 10px 0 0;
	font: bold 25px 'malgun gothic';
	height: 190px;
	text-align: center;
}
.mem_guide dd {
	font: normal 12px 'malgun gothic';
	margin: 0px;
	line-height: 20px;
	border-radius: 0 0 10px 10px;
	background: #fbfbfb;
}
.mem_guide dd.htxt {
	padding: 25px 0px;
	font: normal 14px 'malgun gothic';
	margin: 0px;
	line-height: 21px;
	text-align: center;
}

/*로그인 */
.login_box{
	border:2px solid #89b9de;
	border-radius: 10px;
	height: auto;
	display: inline-block;
	background:url(/iris/img/dm_symbol.png) no-repeat 120% 90px;
	min-height: 240px;
	margin: 50px auto;
}

.login_form_box {
	list-style: none;
	padding: 0;
	width:390px;
	height: auto;
	margin: 50px 30px 20px 80px;

}
.login_form_box li {
	list-style: none;
	margin: 0;
	padding: 0 10px 10px 0;
	dislpay: inline-block;
}
.login_form_box li.btn_lo {
	float: right;
	width: 126px;
	height: 80px;
	margin-top: -88px;
}

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

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

}
.id_search_form_box li span{
	margin: 0 5px;
}
.id_search_form_box li span.txt{
	margin: 0 5px;
	width:58px;
	text-align: right;
	display: inline-block;
	font:normal 12px 'malgun gothic'
}
.id_search_form_box li.btn_lo {
	float: right;
	width: 126px;
	height: 80px;
	margin-top: -88px;
	padding-left: 10px;

}

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

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

.id_search_form_box li.right{
	text-align : right;
}
.id_search_form_box li.small{
	font-weight : 1000;
	font-size: 12px;
}

.id_ch_box {
	list-style: none;
	margin: 5px 0 0 0;
	padding: 0;
	display: inline-block;
	background: #f9f9f9;
	border-top:1px solid #e3e3e3;
	border-radius: 0 0 0 10px;
	width: 100%;
	padding: 20px 15px 7px 15px;
	clear: both;
	height: 95px;
}
.id_ch_box.flex{
	display : flex !important;
	padding: 10px;
}

ul.id_ch_box li {
	float: left;
	display: inline-block;
	font: bold 12px 'malgun gothic';
	text-align: center;
}

ul.id_ch_box li.ic_li {
	margin: 0 25px 0 25px;
	width:200px;
}

ul.id_ch_box li.ic_li >p {
	margin: 5px
}

.button_login {
	height: 78px;
	width: 124px;
	padding: 6px 20px;
	border: 1px solid #4770a0;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 17px;
	font-weight: bold;
	margin: 0px 0px;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	cursor: pointer;
	outline: 0;
}
.button_login2 {
	border: 1px solid #4770a0;
	height: 60px;
	width: 260px;
	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; /* Safari */
	transition-duration: 0.4s;
	cursor: pointer;
	outline: 0;
}
.id_save{
	margin: -2px  0 0 0px ;
	font:normal 12px 'malgun gothic'
}
.login_area{
	width:546px;
	float:left;
	height: auto;
	display: inline-block;
	border-right:1px solid #e3e3e3;
}
.btn_area{
	width:500px;
	float:right;
	padding-top: 75px;
	text-align: center;
}

.btn_area> h3{
	font:bold 16px 'malgun gothic';
	display: inline-block;
	margin: 0;
	color:#333;
}
.btn_area> h4{
	font:normal 13px 'malgun gothic';
	height:15px;
	margin: 10px 0 40px 0 ;
	display: inline-block;
}
.id_search_area{
	width:100%;
	padding: 40px 0 20px 0 ;
	text-align: center;
}
.id_search_area li{
	list-style: none;

}

.id_search_area li.ttl_img{
	background:url(/iris/img/search_id_img.gif) no-repeat 10% 5px;

}
.id_search_area li.ttl_img02{
	background:url(/iris/img/search_id_img02.gif) no-repeat 8% 0px;

}

.id_search_area li.line{
	/*	border-top:1px solid #d3d3d3;*/
	height: 100%;
}
.id_search_ttl{
	font:bold 20px 'malgun gothic';
	color:#333;
	height: 30px;
	display: inline-block;
	margin:20px 0 0px 10px;
}

.id_search_area li > h3{
	font:bold 22px 'malgun gothic';
	display: inline-block;
	margin: 0;
	color:#333;
	width:100%;
	text-align: left;
	margin-left:120px;
}
.id_search_area li > h4{
	font:normal 16px 'malgun gothic';
	height:15px;
	margin: 10px 0 0px 120px ;
	display: inline-block;
	clear: both;
	width: 100%;
	text-align: left;
}
.id_search_area li > p{
	font:normal 15px 'malgun gothic';
	height:auto;
	margin: 30px 0 0px 0 ;
	display: inline-block;
	clear: both;
	width: 430px;
	background: #f9f9f9;
	padding: 15px;
	border:1px solid #e0e0e0;
	border-radius: 10px;
}
.id_search_area li p label{
	font:bold 15px 'malgun gothic';
	line-height: 15px;
}


.id_search_box{
	border:2px solid #6a9ae2;
	border-radius: 10px;
	height:420px;
	display: block;
	/*	background:url(/iris/img/dm_symbol.png) no-repeat 120% 155px;*/
	margin: 10px 0;
	width:530px;
	box-shadow: 0 1px 3px 0 rgba(0,0,0,0.10);

}

.id_pass_search{
	display:inline-block;
	float: left;
	width:550px;
	height: 500px;
}
.id_pass_search2{
	display:inline-block;
	float: right;
	width:500px;
	height: 500px;
}

ul,li { list-style:none; }
.tab_terms {
	border:1px solid #ddd;
	border-left:none;
	background:#f3f3f3;
	overflow:hidden;
}

.tab_terms li {
	float:left;
	width:50%;
	border-left:1px solid #ddd;
	text-align:center;
	box-sizing:border-box;
}
.tab_terms li {
	display:inline-block;
	padding:20px;
	font:bold 16px 'malgun gothic';
	cursor:pointer;
}
.tab_terms li.on {
	background-color:#fff;
	color:#0066cc; font:bold 16px 'malgun gothic';
	padding:20px;
	border-bottom: 1px solid #fff ;
	z-index: 0;
	box-sizing: border-box;
}
.tab_terms_con {
	clear:both;
	margin-top:-2px;
	border:1px solid #ddd;
	z-index:1
}
.tab_terms_con div {
	padding: 10px 20px;
	display:none;
	height:500px;
	background:#fff;
	overflow-y: auto;
	font:normal 12px 'malgun gothic';
}
.tab_terms_con div > h2{
	font:bold 16px 'malgun gothic';
	display: block;
	margin: 15px 0;
	color: #555;
}
.tab_terms_con div > h3 {font:bold 13px 'malgun gothic';
}
.tab_terms_con div > h4{
	font:bold 12px 'malgun gothic';
}
/*개인정보 제3자 제공 동의*/
.terms_con {
	clear:both;
	margin-top:-2px;
	border:1px solid #ddd;
	z-index:1
}
.terms_con div {
	padding: 10px 20px;
	height:auto;
	background:#fff;
	overflow-y: auto;
	font:normal 12px 'malgun gothic';
}
.terms_con div > h2{
	font:bold 16px 'malgun gothic';
	display: block;
	margin: 15px 0;
	color: #555;
}
.terms_con div > h3 {font:bold 13px 'malgun gothic';
}
.terms_con div > h4{
	font:bold 12px 'malgun gothic';
}
.agree_check{
	list-style: none;
}
.agree_check li{
	list-style: none; display: block;
	font:normal 12px 'malgun gothic';
	height: 20px;
	margin: 10px 0 0 20px;
}
.agree_check li.ttl{
	font:bold 15px 'malgun gothic';
	line-height: 15px;
	height: auto;
}
.agree_check li.txt{
	padding: 0px 0 0 20px;
	color:#ff0000;
}


/*에러 */
.error_box{
	border:1px solid #e0e0e0;
	border-radius: 10px;
	height: 310px;
	display: block;
	background:url(/iris/img/error_bg.gif) no-repeat -90px -30px;
	min-height: 240px;
	margin: 50px auto;
	width:800px;

}

.error_box>div{
	display: block;
	float: left;
	margin: 70px 50px 0 80px;
	height: 240px;

}
.error_box>h1{
	font:bold 30px 'malgun gothic';
	margin: 60px 0 20px 0 ;
	display: inline-block;
	float:left;
	width:500px;
	color:#333333;
}

.error_box>h2{
	font:normal 13px 'malgun gothic';
	margin: auto;
	height: 50px;
	display: inline-block;
	float:left;
	width:500px;
}

.error_box>h3{
	font:bold 12px 'malgun gothic';
	height: 20px;
	display: inline-block;
	float:left;
	width:500px;
	color:#4976ad;
}
.error_box>p{
	display: inline-block;
	float:left;
	width:500px;

}

#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 img{
	position:fixed;
	left:50%;
	top:50%;
	transform: translate(-50%, 0);
	border-radius: 15px;
	width: 40px;
	height: 40px;
}

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

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