@font-face {
    font-family: 'NanumGothic';
    src: url('../css/font/NanumGothic.eot');
    src: url('../css/font/NanumGothic.eot?#iefix') format('embedded-opentype'),
         url('../css/font/NanumGothic.woff') format('woff'),
         url('../css/font/NanumGothic.ttf') format('truetype'),
         url('../css/font/NanumGothic.svg#DaumRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: '나눔고딕';
    src: url('../css/font/NanumGothic.eot');
    src: url('../css/font/NanumGothic.eot?#iefix') format('embedded-opentype'),
         url('../css/font/NanumGothic.woff') format('woff'),
         url('../css/font/NanumGothic.ttf') format('truetype'),
         url('../css/font/NanumGothic.svg#DaumRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}



	img, form, input, select, textarea, button { border:0; margin:0; }
	th { font-family:'NanumGothic'; font-size:9pt; color:#333333;line-height:18px; font-weight: normal;}
	td { font-family:'NanumGothic'; font-size:9pt; color:#333333;line-height:18px; font-weight: normal;}
	.td { font-family:'NanumGothic'; font-size:9pt; color:#333333;line-height:18px;}


input[type=checkbox].checkbox {

overflow: hidden; 
/*clip: rect(0 0 0 0); */
height:14px;
width:14px; 
margin:0px; 
padding:0;
border:0;
}

/* ---------------------------------------------------------------------------------------------------
	input 박스
--------------------------------------------------------------------------------------------------- */
input		{ font-size:9pt; font-family:'나눔고딕'; line-height:9pt; vertical-align:middle; }
	.input		{ border:1px solid #CCCCCC; padding:4px; font-size:10pt; }

/* ---------------------------------------------------------------------------------------------------
	text 박스
--------------------------------------------------------------------------------------------------- */
textarea	{ font-size:9pt; font-family:'나눔고딕'; line-height:14pt; vertical-align:middle; }
	.textarea	{ border:1px solid #CCCCCC; padding:2px; }

/* ---------------------------------------------------------------------------------------------------
	버튼
--------------------------------------------------------------------------------------------------- */
button { font-size:9pt; font-family:'나눔고딕'; line-height:9pt; padding:0px; margin-left:1px; margin-right:1px; vertical-align:middle; cursor:pointer;  }


	.select		{ border:1px solid #CCCCCC; height:22px;  vertical-align:middle; font-size:9pt; font-family:'나눔고딕'; }
	/* 셀렉트 초기열 */	
	.select_init{ color:#AAAAAA; }

	a{color:#333333;text-decoration:none}
	a:link {color:#0000CC;text-decoration:none},a:visited {color:#0000CC;text-decoration:none}, a:active {color:#0000CC;text-decoration:none} a:hover {color:#999999;text-decoration:none}


	div,dl,dt,dd,ul,ol,li{list-style:none; margin:0px; padding:0px;  font-family:'나눔고딕'; font-size:9pt;color:#333333;line-height:18px;}

	/* 작을글씨 */
	.t_small	{  font-size: 8pt; line-height: 12pt }

	/* 설명문 */ 
	.doc		{  font-size: 8pt; color: #999999; line-height: 12pt}
	/* 경고문 */ 
	.doc_alert  {  font-size: 8pt; color: #FF0000; line-height: 12pt}


	.height_1	{height:1px; width:100%; float:left;}
	.height_2	{height:2px; width:100%; float:left;}
	.height_3	{height:3px; width:100%; float:left;}
	.height_4	{height:4px; width:100%; float:left;}
	.height_5	{height:5px; width:100%; float:left;}
	.height_6	{height:6px; width:100%; float:left;}
	.height_7	{height:7px; width:100%; float:left;}
	.height_8	{height:8px; width:100%; float:left;}
	.height_9	{height:9px; width:100%; float:left;}
	.height_10	{height:10px; width:100%; float:left;}
	.height_11	{height:11px; width:100%; float:left;}
	.height_12	{height:12px; width:100%; float:left;}
	.height_13	{height:13px; width:100%; float:left;}
	.height_14	{height:14px; width:100%; float:left;}
	.height_15	{height:15px; width:100%; float:left;}
	.height_16	{height:16px; width:100%; float:left;}
	.height_17	{height:17px; width:100%; float:left;}
	.height_18	{height:18px; width:100%; float:left;}
	.height_19	{height:19px; width:100%; float:left;}
	.height_20	{height:20px; width:100%; float:left;}
	.height_21	{height:21px; width:100%; float:left;}
	.height_22	{height:22px; width:100%; float:left;}
	.height_23	{height:23px; width:100%; float:left;}
	.height_24	{height:24px; width:100%; float:left;}
	.height_25	{height:25px; width:100%; float:left;}
	.height_26	{height:26px; width:100%; float:left;}
	.height_27	{height:27px; width:100%; float:left;}
	.height_28	{height:28px; width:100%; float:left;}
	.height_29	{height:29px; width:100%; float:left;}
	.height_30	{height:30px; width:100%; float:left;}
	.height_31	{height:31px; width:100%; float:left;}
	.height_32	{height:32px; width:100%; float:left;}
	.height_33	{height:33px; width:100%; float:left;}
	.height_34	{height:34px; width:100%; float:left;}
	.height_35	{height:35px; width:100%; float:left;}
	.height_36	{height:36px; width:100%; float:left;}
	.height_37	{height:37px; width:100%; float:left;}
	.height_38	{height:38px; width:100%; float:left;}
	.height_39	{height:39px; width:100%; float:left;}
	.height_40	{height:40px; width:100%; float:left;}
	.height_50	{height:50px; width:100%; float:left;}
	.height_60	{height:60px; width:100%; float:left;}
	.height_70	{height:70px; width:100%; float:left;}
	.height_80	{height:80px; width:100%; float:left;}
	.height_90	{height:90px; width:100%; float:left;}
	.height_100 {height:100px; width:100%; float:left;}


body {
margin: 0px; <!-- 언제나 전체 body에는 margin 값을 0으로 세팅해준다-->
}
html, body {
    height: 100%;
}
 



/* 테이블 라인없음 */
table.blank {  clear:both; padding:0px; border-collapse: collapse;}
table.blank caption  { margin: 0; padding: 0; }
table.blank th {  margin: 0; padding:0px 0px 0px 0px;  vertical-align:top; text-align:left;}
table.blank td {  margin: 0; padding:0px 0px 0px 0px;  vertical-align:top; text-align:left;}
table.blank .center { padding:0px 0px 0px 0px; text-align:center;}
table.blank .right  { padding:0px 0px 0px 0px; text-align:right;}


/* 표 */
table.post {  clear:both; width:100%; margin:auto; padding:0px;   border-right: 1px solid #cccccc; border-collapse: collapse; border-top:2px solid #444444;  }
table.post th, table.post td { margin:0px; padding:8px 8px 8px 8px;  text-align:left; border-bottom: 1px solid #cccccc; }
table.post caption { margin: 0; padding: 0; }
table.post th { background-color: #f9f9f9; color:#000000; border-left: 1px solid #cccccc;}
table.post td { background-color: #FFFFFF; color:#000000; border-left: 1px solid #cccccc;}
table.post .center { text-align:center;}

.post_exe	{width:100%; padding:15px 0px 50px 0px; position: relative;clear: both; text-align:center; }

table.list { clear:both; width:100%; margin:auto; padding:0px;  border-left: 1px solid #cccccc;  border-collapse: collapse; border-top:2px solid #444444;  }
table.list caption  { margin: 0; padding: 0; }
table.list th {  margin: 0; padding:10px 0px 10px 0px;  text-align:center;  border:1px #cccccc; border-style:none solid solid none; background-color: #f9f9f9; color:#000000;}
table.list td {  margin: 0; padding:10px 0px 10px 0px;  text-align:center;  border:1px #cccccc; border-style:none solid solid none; background-color: #FFFFFF; color:#000000;}
table.list .left {   padding:10px 8px 10px 8px; text-align:left;}
table.list .right {   padding:10px 8px 10px 8px; text-align:right;}




/* ---------------------------------------------------------------------------------------------------
	예약화면
--------------------------------------------------------------------------------------------------- */
/* 상단화면 */
table.t_top { width:100%; clear:both; margin:auto; padding:0px; border-collapse: collapse; border-bottom:1px solid #2566bf; }
table.t_top caption  { margin: 0; padding: 0; }
table.t_top th {  margin:0px; padding:0px; vertical-align:top; background-color:#f9fafc; }
table.t_top td {  margin:0px; padding:0px; vertical-align:top; background-color:#f9fafc; }
  .top_pen_name  { padding-top:20px; padding-left:10px; color:#2566bf; font-size:18pt; letter-spacing:-1px; text-align:left; }


/* 하단화면 */
.bottom_area { clear:both; margin:auto; height:80px; margin-top:40px; border-top:1px dashed #cccccc;}
	.bottom  { padding-right:10px; padding-top:8px; color:#888888; text-align:right; }

/* 제목 */
.title { clear:both; margin:auto; width:100%; margin-top:50px;  }
  .title_rev { float:left; width:30%; }
  .title_img { float:left; width:70%; text-align:right;}
.title_line { clear:both; margin:auto; width:100%; height:67px; background: url("img/title_line.gif") repeat left top;}

.sub_title { clear:both; margin:auto; width:100%; margin-top:20px; margin-bottom:6px; font-size:11pt; color:#444444; font-weight:bold; }


.rev_make_info { clear:both; margin:auto; width:100%; padding:0px; margin-bottom:25px;  }

.rev_group { clear:both; margin:auto; width:100%; }
.rev_group li { float:left; height:27px; padding-top:7px; padding-left:20px; padding-right:20px; margin-left:2px; margin-bottom:2px; border:0px solid #e4e4e4; }
  .rev_group_on   { background: url("img/group_on.gif"); }
  .rev_group_on a { color:#ffffff; font-size:10pt; font-weight:normal;}
  .rev_group_off  { background: url("img/group_off.gif"); }
  .rev_group_off a{ color:#333333; font-size:10pt; font-weight:normal;}


/* 예약달력 */
table.t_rev { clear:both; margin:auto; width:100%; padding:0px;  border-left: 1px solid #cccccc;  border-collapse: collapse; border-top:2px solid #444444;  }
table.t_rev caption  { margin: 0; padding: 0; }
table.t_rev th {  margin: 0; padding:3px 0px 3px 0px;  text-align:center;  border:1px #cccccc; border-style:none solid solid none;  background-color: #f9f9f9; color:#000000;}
table.t_rev td {  margin: 0; padding:3px 0px 3px 0px;  height:50px; vertical-align:top; text-align:center;  border:1px #cccccc; border-style:none solid solid none;  color:#000000;}

.rev_cal_day 		{ width:90px; height:20px; border:0px solid #FF0000; overflow:hidden;}
	.rev_cal_dd		{ float:left;  width:29px; font-size:8pt; text-align:left; padding-left:3px;}
	.rev_cal_season { float:right; width:58px; font-size:8pt; text-align:right; color:#FF3300;}
.rev_cal_room	{  margin-bottom:4px; }
.rev_cal_room li { height:18px; font-size:8pt; text-align:left; padding-left:3px; border-top:0px dashed #dddddd; overflow:hidden; }
.rev_cal_magam { font-size:8pt; text-align:left; padding-left:3px; color:#AAAAAA; }


/* 펜션 예약객실 테이블 */
.rev_stay_period {  text-align:center; margin-bottom:20px; font-size:15pt;  }
	.select_stay_period  {  border:1px solid #CCCCCC; padding:4px; font-size:13pt; width:130px; }

table.t_rev_room { width:100%; clear:both; margin:auto; padding:0px;  border-left:1px solid #cccccc;  border-collapse: collapse; border-top:2px solid #444444;  }
table.t_rev_room caption  { margin: 0; padding: 0; }
table.t_rev_room th {  margin: 0; padding:2px 0px 2px 0px; text-align:center;  border:1px #cccccc; border-style:none solid solid none;  background-color:#f9f9f9; color:#000000;}
table.t_rev_room td {  margin: 0; padding:4px 0px 4px 0px; text-align:center;  border:1px #cccccc; border-style:none solid solid none;  color:#000000;}
table.t_rev_room .left {  text-align:left; padding-left:5px;}
table.t_rev_room .right {  text-align:right; padding-right:5px;}

.room_d_price { color:#ff0000; text-decoration:line-through;  }

.rev_make_exe   {width:100%; margin:auto; padding:20px 0px 50px 0px; position: relative;clear: both; text-align:center; }

/* ---------------------------------------------------------------------------------------------------
	카드결제
--------------------------------------------------------------------------------------------------- */
.rev_make_kcp_info {width:100%; margin:auto; padding-bottom:20px; position: relative;clear: both; }
.but_kcp_pay { width:193px; height:44px; background:url('img/but_pay.gif'); }

/* ---------------------------------------------------------------------------------------------------
	예약완료
--------------------------------------------------------------------------------------------------- */
.rev_make_end_text {clear: both; width:100%; margin:auto; padding-bottom:30px; text-align:center; }


/* ---------------------------------------------------------------------------------------------------
	예약안내
--------------------------------------------------------------------------------------------------- */
/* 시즌선택박스 */
.season  { clear:both;  }
.season li { float:left; padding:10px 20px 10px 20px; margin-right:4px; margin-bottom:4px; }


.rev_info_title		{ clear:both; margin:auto; padding-bottom:8px; margin-bottom:20px; font-size:11pt; color:#444444; font-weight:bold; border-bottom:1px solid #2566bf; }

.rev_info_guide_doc    { clear:both; margin-bottom:40px; }
.rev_info_care_doc     { clear:both; margin-bottom:40px; }
.rev_info_refund_doc   { clear:both; margin-bottom:20px; }

/* ---------------------------------------------------------------------------------------------------
	예약확인 및 취소
--------------------------------------------------------------------------------------------------- */
table.t_rev_login {  clear:both; width:400px; margin:auto; padding:0px;  border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-collapse: collapse; border-top:2px solid #444444;  }
table.t_rev_login th, table.t_rev_login td { margin:0px; padding:10px 8px 10px 8px;  text-align:left; border-bottom: 1px solid #cccccc; }
table.t_rev_login caption { margin: 0; padding: 0; }
table.t_rev_login th { background-color: #f9f9f9; color:#000000;}
table.t_rev_login td { background-color: #FFFFFF; color:#000000;}