/* ===================================================================== 
'*	ÇÁ·Î±×·¥¸í : user.v2.0.css
'*	±â´É : °í°´»ç¸ðµâ °øÅë CSS
'*  ¸¸µç³¯Â¥ : 2018-08-22
'*	¸¶Áö¸· ¼öÁ¤ÀÏ :
'*	¸¶Áö¸· ¼öÁ¤ÀÚ :
'*	¹öÁ¯ : 1.0
'*	±âŸ »çÇ× :
'* ==================================================================== */

/* input, select, textarea ½ºÅ¸ÀÏ */
.form_input {
	padding: 0;
	font-size: 11pt;
	color: #999;
	line-height: 150%;
	text-indent: 10px;
	border: 1px solid #ddd;
	background: #fff;
}

.form_sel {
	padding: 0 25px 0 8px;
	font-size: 11pt;
	color: #999;
	line-height: 150%;
	border: 1px solid #ddd;
	background: #fff url('/common/img/skin/type6/arr_down.png') right 7px center no-repeat;
	background-size: 13px;
	cursor: pointer;
}

.form_textarea {
	padding: 10px;
	font-size: 11pt;
	color: #999;
	line-height: 150%;
	border: 1px solid #ddd;
	background: #fff;
}

.form_file {
	padding: 0;
	font-size: 11pt;
	color: #999;
	line-height: 130%;
	text-indent: 0;
	border: 1px solid #ddd;
	background: #fff;
}

.form_cal {
	padding: 0 30px 0 0;
	background: #fff url('/common/img/skin/type6/datepicker/icon_cal.png') right 0 center no-repeat;
	background-size: 25px;
}
/* üũ¹Ú½º */
.form_chkbox20 {
	line-height: 20px;
	display: inline-block;
	position: relative;
}

	.form_chkbox20 > input[type='checkbox'] {
		display: none;
	}

	.form_chkbox20 > label {
		margin: 0 5px 0 0;
		float: left;
		padding: 0;
		width: 20px;
		height: 20px;
		line-height: 20px;
		background: url('/common/img/skin/type6/form_check_empty.png') no-repeat;
		background-size: 20px;
		background-color: #dcdcdc; /*display:inline-block;*/
		cursor: pointer;
	}

		.form_chkbox20 > label + label {
			margin: -1px 0 0;
			padding: 0;
			width: auto;
			height: 20px;
			font-size: 11pt;
			color: #999;
			line-height: 20px;
			background: none;
			display: inline-block;
		}

	.form_chkbox20 > input[type='checkbox']:checked + label {
		background: url('/common/img/skin/type6/form_check.png') no-repeat;
		background-size: 20px;
		background-color: #333;
	}

		.form_chkbox20 > input[type='checkbox']:checked + label + label {
			color: #333;
		}

.form_chkbox201 {
	height: 20px;
	line-height: 20px;
	display: inline-block;
	position: relative;
}

	.form_chkbox201 > input[type='checkbox'] {
		display: none;
	}

	.form_chkbox201 > label {
		top: 0;
		left: 0;
		margin: 1px 0 0;
		padding: 0;
		width: 20px;
		height: 20px;
		line-height: 20px;
		background: url('/common/img/skin/type6/form_check_empty.png') no-repeat;
		background-size: 20px;
		background-color: #dcdcdc;
		position: absolute;
		cursor: pointer;
	}

		.form_chkbox201 > label + label {
			margin: -2px 0 0 23px;
			padding: 0;
			width: auto;
			height: 20px;
			font-size: 11pt;
			color: #999;
			line-height: 20px;
			background: none;
			display: inline-block;
			position: relative;
		}

	.form_chkbox201 > input[type='checkbox']:checked + label {
		background: url('/common/img/skin/type6/form_check.png') no-repeat;
		background-size: 20px;
		background-color: #333;
	}

		.form_chkbox201 > input[type='checkbox']:checked + label + label {
			color: #333;
		}

.form_chkbox18 {
	line-height: 18px;
	display: inline-block;
	position: relative;
}

	.form_chkbox18 > input[type='checkbox'] {
		display: none;
	}

	.form_chkbox18 > label {
		margin: 0 5px 0 0;
		padding: 0;
		width: 18px;
		height: 18px;
		line-height: 18px;
		background: url('/common/img/skin/type6/form_check_empty.png') no-repeat;
		background-size: 18px;
		background-color: #dcdcdc;
		float: left; /*display:inline-block;*/
		cursor: pointer;
	}

		.form_chkbox18 > label + label {
			margin: -1px 0 0;
			padding: 0;
			width: auto;
			height: 18px;
			font-size: 10.5pt;
			color: #999;
			line-height: 18px;
			background: none;
			display: inline-block;
		}

	.form_chkbox18 > input[type='checkbox']:checked + label {
		background: url('/common/img/skin/type6/form_check.png') no-repeat;
		background-size: 18px;
		background-color: #333;
	}

		.form_chkbox18 > input[type='checkbox']:checked + label + label {
			color: #333;
		}

.form_chkbox16 {
	line-height: 16px;
	display: inline-block;
	position: relative;
}

	.form_chkbox16 > input[type='checkbox'] {
		display: none;
	}

	.form_chkbox16 > label {
		margin: 0 0 0;
		padding: 0;
		width: 16px;
		height: 16px;
		line-height: 16px;
		background: url('/common/img/skin/type6/form_check_empty.png') no-repeat;
		background-size: 16px;
		background-color: #dcdcdc;
		display: inline-block;
		cursor: pointer;
	}

		.form_chkbox16 > label + label {
			margin: -1px 0 0;
			padding: 0;
			width: auto;
			height: 16px;
			font-size: 10pt;
			color: #999;
			line-height: 16px;
			background: none;
			display: inline-block;
		}

	.form_chkbox16 > input[type='checkbox']:checked + label {
		background: url('/common/img/skin/type6/form_check.png') no-repeat;
		background-size: 16px;
		background-color: #333;
	}

		.form_chkbox16 > input[type='checkbox']:checked + label + label {
			color: #333;
		}
/* ¶óµð¿À¹Ú½º */
.form_radio20 {
	line-height: 20px;
	display: inline-block;
	position: relative;
}

	.form_radio20 > input[type='radio'] {
		display: none;
	}

	.form_radio20 > label {
		margin: 0 0 0;
		padding: 0;
		width: 20px;
		height: 20px;
		line-height: 20px;
		background: url('/common/img/skin/type6/form_radio_empty.png') no-repeat;
		background-size: 20px;
		background-color: #dcdcdc;
		display: inline-block;
		cursor: pointer;
	}

		.form_radio20 > label + label {
			margin: -1px 0 0;
			padding: 0;
			width: auto;
			height: 20px;
			font-size: 11.8pt;
			color: #999;
			line-height: 20px;
			background: none;
			display: inline-block;
		}

			.form_radio20 > label + label > span {
				margin: 0;
				font-size: 11.8pt;
				height: 20px;
				line-height: 20px;
				display: inline-block;
			}

	.form_radio20 > input[type='radio']:checked + label {
		background: url('/common/img/skin/type6/form_radio.png') no-repeat;
		background-size: 20px;
		background-color: #333;
	}

		.form_radio20 > input[type='radio']:checked + label + label {
			color: #333;
		}

.form_radio18 {
	line-height: 18px;
	display: inline-block;
	position: relative;
}

	.form_radio18 > input[type='radio'] {
		display: none;
	}

	.form_radio18 > label {
		margin: 0 0 0;
		padding: 0;
		width: 18px;
		height: 18px;
		line-height: 18px;
		background: url('/common/img/skin/type6/form_radio_empty.png') no-repeat;
		background-size: 18px;
		background-color: #dcdcdc;
		display: inline-block;
		cursor: pointer;
	}

		.form_radio18 > label + label {
			margin: -1px 0 0;
			padding: 0;
			width: auto;
			height: 18px;
			font-size: 10.9pt;
			color: #999;
			line-height: 18px;
			background: none;
			display: inline-block;
		}

			.form_radio18 > label + label > span {
				margin: 0;
				font-size: 10.9pt;
				height: 18px;
				line-height: 18px;
				display: inline-block;
			}

	.form_radio18 > input[type='radio']:checked + label {
		background: url('/common/img/skin/type6/form_radio.png') no-repeat;
		background-size: 18px;
		background-color: #333;
	}

		.form_radio18 > input[type='radio']:checked + label + label {
			color: #333;
		}

.form_radio16 {
	line-height: 16px;
	display: inline-block;
	position: relative;
}

	.form_radio16 > input[type='radio'] {
		display: none;
	}

	.form_radio16 > label {
		margin: 0 0 0;
		padding: 0;
		width: 14px;
		height: 14px;
		line-height: 14px;
		background: url('/common/img/skin/type6/form_radio_empty.png') no-repeat;
		background-size: 14px;
		background-color: #dcdcdc;
		display: inline-block;
		cursor: pointer;
	}

		.form_radio16 > label + label {
			margin: -1px 0 0;
			padding: 0;
			width: auto;
			height: 16px;
			font-size: 10pt;
			color: #999;
			line-height: 16px;
			background: none;
			display: inline-block;
		}

			.form_radio16 > label + label > span {
				margin: 0;
				font-size: 10pt;
				height: 16px;
				line-height: 16px;
				display: inline-block;
			}

	.form_radio16 > input[type='radio']:checked + label {
		background: url('/common/img/skin/type6/form_radio.png') no-repeat;
		background-size: 14px;
		background-color: #333;
	}

		.form_radio16 > input[type='radio']:checked + label + label {
			color: #333;
		}
/* üũ/¶óµð¿À LABEL Æ÷Áö¼Ç */
.form_top {
	margin-left: 8px;
	width: auto;
	display: inline-block;
	position: relative;
}

	.form_top > div {
		width: 100%;
		padding-top: 25px;
		position: relative;
	}

		.form_top > div > label:first-of-type {
			top: 0;
			left: 50%;
			position: absolute;
			transform: translate(-50%, 0);
		}

		.form_top > div > label + label {
			text-align: center;
			display: block;
			position: relative;
		}

.form_left {
	margin-left: 8px;
	height: 34px;
	line-height: 100%;
	display: inline-block;
	position: relative;
}

	.form_left > div {
		top: 50%;
		margin-left: 8px;
		padding-right: 25px;
		position: relative;
		transform: translate(0,-50%);
	}

		.form_left > div > label:first-of-type {
			top: 0;
			right: 0;
			position: absolute;
		}

		.form_left > div > label + label {
			text-align: center;
			display: block;
			position: relative;
		}

.form_right {
	margin-left: 8px;
	height: 34px;
	line-height: 100%;
	display: inline-block;
	position: relative;
}

	.form_right > div {
		top: 50%;
		transform: translate(0,-50%);
	}

.form_bottom {
	margin-left: 8px;
	width: auto;
	display: inline-block;
	position: relative;
}

	.form_bottom > div {
		width: 100%;
		padding-bottom: 25px;
		position: relative;
	}

		.form_bottom > div > label:first-of-type {
			top: 25px;
			left: 50%;
			position: absolute;
			transform: translate(-50%, 0);
		}

		.form_bottom > div > label + label {
			text-align: center;
			display: block;
			position: relative;
		}

	.form_top:first-of-type,
	.form_left:first-of-type,
	.form_right:first-of-type,
	.form_bottom:first-of-type {
		margin-left: 0;
	}

/* ±âº» Ä÷¯*/
.cr_blue {
	color: blue;
}

.cr_green {
	color: green;
}

.cr_orange {
	color: orange;
}

.cr_violet {
	color: blueviolet;
}

.cr_red {
	color: red;
}

.cr_gray {
	color: #666;
}

.cr_gray1 {
	color: #555;
}

.cr_gray2 {
	color: #ccc;
}

.cr_gray3 {
	color: #eee;
}

.cr_black {
	color: #111;
}

.cr_edit {
	color: #095ec6;
}

.cr_del {
	color: #f15f5f;
}

.cr_white {
	color: #fff;
}


.cr_blue1cus {
	color: #00D8FF
}

.cr_red1cus {
	color: #FF5E00
}

.cr_red2cus {
	color: #e53333
}

.cr_blueb {
	font-weight: bold;
	color: blue;
}

.cr_greenb {
	font-weight: bold;
	color: green;
}

.cr_orangeb {
	font-weight: bold;
	color: orange;
}

.cr_violetb {
	font-weight: bold;
	color: blueviolet;
}

.cr_redb {
	font-weight: bold;
	color: red;
}

.cr_blackb {
	font-weight: bold;
	color: #111;
}

.cr_whiteb {
	font-weight: bold;
	color: #fff;
}

.cr_editb {
	font-weight: bold;
	color: #095ec6;
}

.cr_delb {
	font-weight: bold;
	color: #f15f5f;
}

.fs_085 {
	font-size: 8.5pt;
}

.fs_09 {
	font-size: 9pt;
}

.fs_10 {
	font-size: 10pt;
}

.fs_11 {
	font-size: 11pt;
}

.fs_13 {
	font-size: 13pt;
}

.fwb {
	font-weight: bold;
}

.fwn {
	font-weight: normal;
}

/* °í°´»ç Ä¿½ºÅÒ Ä÷¯*/
/* text */
.ccr_custom_m {
}

.ccr_custom_s {
}
/* border-color */
.cbc_custom_m {
}

.cbc_custom_s {
}
/* background */
.cbg_custom_m {
}

.cbg_custom_s {
}

/* Class width */
.w100 {
	width: 100px;
}

.w110 {
	width: 110px;
}

.w120 {
	width: 120px;
}

.w130 {
	width: 130px;
}

.w145 {
	width: 145px;
}

.w150 {
	width: 150px;
}

.w160 {
	width: 160px;
}

.w200 {
	width: 200px;
}

.w230 {
	width: 230px;
}

.w240 {
	width: 240px;
}

.w330 {
	width: 330px;
}


.w5p {
	width: 5%;
}

.w8p {
	width: 8%;
}

.w10p {
	width: 10%;
}

.w20p {
	width: 20%;
}

.w25p {
	width: 25%;
}

.w30p {
	width: 30%;
}

.w40p {
	width: 40%;
}

.w50p {
	width: 50%;
}

.w60p {
	width: 60%;
}

.w70p {
	width: 70%;
}

.w80p {
	width: 80%;
}

.w90p {
	width: 90%;
}

.w100p {
	width: 100%;
}

/* Class height */
.h50 {
	height: 50px;
}

.h80 {
	height: 80px;
}

.h100 {
	height: 100px;
}

.h150 {
	height: 150px;
}

.h200 {
	height: 200px;
}

.h100p {
	height: 100%;
}

.error {
	color: red;
}

/* Class text-align */
.ta-c {
	text-align: center;
}

.ta-l {
	text-align: left;
}

.ta-r {
	text-align: right;
}

/* Class Float */
.ft-l {
	float: left;
}

.ft-r {
	float: right;
}

.clear {
	clear: both;
}

/* ¿¹¾à»óÅ text color */
.txt-r-1 {
	color: #47c83e;
}
/*½ÅûÁ¢¼ö(±×¸°)	 */
.txt-r-2 {
	color: #0054ff;
}
/*¹èÁ¤´ë±â(ºí·ç)	 */
.txt-r-3 {
	color: #47c83e;
}
/*¹èÁ¤¿Ï·á(±×¸°)	 */
.txt-r-4 {
	color: #afafaf;
}
/*¹Ì¹èÁ¤(±×·¹ÀÌ)	 */
.txt-r-5 {
	color: #ff8224;
}
/*ºí·°(·¹µå)		 */
.txt-r-6 {
	color: #f15f5f;
}
/*½ÅûÃë¼Ò(·¹µå)	 */
.txt-r-7 {
	color: #f15f5f;
}
/*Ãë¼Ò´ë±â(·¹µå)	 */
.txt-r-8 {
	color: #fcb200;
}
/*´ë±âÁ¢¼ö(¿À·»Áö)	 */
.txt-r-9 {
	color: #666666;
}
/*ȯºÒ¿Ï·á(ºí·¢)	 */

/* ¿¹¾à»óÅ button layer(span) */
.btn-r-1 {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	min-width: 55px;
	max-width: 70px;
	height: 28px;
	font-weight: 400;
	font-size: 10.5pt;
	color: #47c83e;
	line-height: 24px;
	text-align: center;
	border: 2px solid #47c83e;
	border-radius: 5px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background: #fff;
	display: inline-block;
}

.btn-r-2 {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	min-width: 55px;
	max-width: 70px;
	height: 28px;
	font-weight: 400;
	font-size: 10.5pt;
	color: #fff;
	line-height: 26px;
	text-align: center;
	border: 0px solid #0054ff;
	border-radius: 5px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background: #0054ff;
	display: inline-block;
}

.btn-r-3 {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	min-width: 55px;
	max-width: 70px;
	height: 28px;
	font-weight: 400;
	font-size: 10.5pt;
	color: #fff;
	line-height: 26px;
	text-align: center;
	border: 0px solid #47c83e;
	border-radius: 5px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background: #47c83e;
	display: inline-block;
}

.btn-r-4 {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	min-width: 55px;
	max-width: 70px;
	height: 28px;
	font-weight: 400;
	font-size: 10.5pt;
	color: #afafaf;
	line-height: 26px;
	text-align: center;
	border: 2px solid #afafaf;
	border-radius: 5px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background: #fff;
	display: inline-block;
}

.btn-r-5 {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	min-width: 55px;
	max-width: 70px;
	height: 28px;
	font-weight: 400;
	font-size: 10.5pt;
	color: #fff;
	line-height: 26px;
	text-align: center;
	border: 0px solid #ff8224;
	border-radius: 5px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background: #ff8224;
	display: inline-block;
}

.btn-r-6 {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	min-width: 55px;
	max-width: 70px;
	height: 28px;
	font-weight: 400;
	font-size: 10.5pt;
	color: #fff;
	line-height: 26px;
	text-align: center;
	border: 0px solid #f15f5f;
	border-radius: 5px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background: #f15f5f;
	display: inline-block;
}

.btn-r-7 {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	min-width: 55px;
	max-width: 70px;
	height: 28px;
	font-weight: 400;
	font-size: 10.5pt;
	color: #f15f5f;
	line-height: 24px;
	text-align: center;
	border: 2px solid #f15f5f;
	border-radius: 5px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background: #fff;
	display: inline-block;
}

.btn-r-8 {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	min-width: 55px;
	max-width: 70px;
	height: 28px;
	font-weight: 400;
	font-size: 10.5pt;
	color: #fcb200;
	line-height: 24px;
	text-align: center;
	border: 2px solid #fcb200;
	border-radius: 5px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background: #fff;
	display: inline-block;
}

.btn-r-9 {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	min-width: 55px;
	max-width: 70px;
	height: 28px;
	font-weight: 400;
	font-size: 10.5pt;
	color: #fff;
	line-height: 24px;
	text-align: center;
	border: 0px solid #fcb200;
	border-radius: 5px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background: #afafaf;
	display: inline-block;
}


/* ¹öÆ°Á¤º¸ */
.btn {
	margin: 0;
	padding: 0;
	text-align: right;
	display: block;
	position: relative;
}

	.btn > a {
		padding: 0;
		width: 170px;
		font-size: 10.5pt;
		font-weight: normal;
		color: #fff;
		line-height: 275%;
		text-align: center;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		display: inline-block;
		cursor: pointer;
	}

		.btn > a.list {
			color: #777;
			border: 1px solid #bbb;
		}

		.btn > a.search {
			padding: 1px 0;
			color: #fff;
			background: #e5e5e5;
		}

		.btn > a.payment {
			padding: 1px 0;
			color: #fff;
			background: #e5e5e5;
		}

		.btn > a.voucher {
			padding: 1px 0;
			color: #fff;
			background: #e5e5e5;
		}

		.btn > a.transfer {
			padding: 1px 0;
			color: #fff;
			background: #e5e5e5;
		}

		.btn > a.reser {
			padding: 1px 0;
			color: #fff;
		}

		.btn > a.write {
			color: #fff;
			border: 1px solid #ddd;
		}

		.btn > a.close {
			color: #666;
			border: 1px solid #ddd;
		}

		.btn > a.cancel {
			color: #f15f5f;
			border: 1px solid #f15f5f;
		}

		.btn > a.edit {
			padding: 1px 0;
			color: #fff;
			background: #095ec6;
		}

		.btn > a.delete {
			padding: 1px 0;
			color: #fff;
			background: #f15f5f;
		}

	.btn > input[type='button'] {
		padding: 0 20px;
		font-size: 12.5pt;
		font-weight: bold;
		color: #fff;
		line-height: 240%;
		display: inline-block;
		cursor: pointer;
	}


	.btn.fixBR {
		bottom: 0%;
		right: 0%;
		width: 100%;
		position: fixed;
		z-index: 1;
	}

		.btn.fixBR > a {
			width: 100%;
			height: 45px;
			vertical-align: middle;
		}

.btndetail {
	right: 0;
	padding: 3px 5px;
	font-weight: normal;
	font-size: 9pt;
	color: #666;
	line-height: 100%;
	border: 1px solid #666;
	position: absolute;
	cursor: pointer;
}

.pc_blind {
	display: none !important;
}

.m_blind {
	display: block !important;
}

.pci_blind {
	display: none !important;
}

.mi_blind {
	display: inline-block !important;
}

/* °øÅë layer */
.inner {
	margin: 0 auto;
	padding: 0;
	width: 1100px;
	position: relative;
}

	.inner:after {
		display: block;
		clear: both;
		content: "";
	}

	.inner > h2 {
		margin: 0;
		padding: 2% 0;
		font-size: 19pt;
		font-weight: 600;
		text-align: center;
		line-height: 150%;
		text-overflow: ellipsis;
		white-space: nowrap;
		word-wrap: normal;
		border-bottom: 2px solid;
		overflow: hidden;
		position: relative;
	}

		.inner > h2.nonborder {
			border-bottom: 0;
		}

/* ±âº»Å×À̺í(¸®½ºÆ®) */
table.tb {
	font-size: 10pt;
	color: #223;
	background: #555;
	position: relative;
	table-layout: fixed;
	clear: both;
}

	table.tb > caption {
		display: none;
	}

	table.tb th, table.tb td {
		border: 1px solid #ddd;
	}

	table.tb > thead > tr > th {
		padding: 1% 0;
		font-weight: bold;
		font-size: 10.5pt;
		color: #efefef;
		line-height: 150%;
		text-align: center;
	}

	table.tb > thead > tr > td {
		padding: 1% 0;
		font-weight: normal;
		font-size: 10.5pt;
		color: #555;
		line-height: 150%;
		text-align: center;
		background: #fff;
	}

	table.tb > tbody > tr {
		width: 100%;
	}

		table.tb > tbody > tr:hover {
			background: #f7f7f7;
		}

		table.tb > tbody > tr > td {
			padding: 0;
			font-size: 10.5pt;
			color: #666;
			line-height: 150%;
			text-align: left;
			background: #fff;
		}

			table.tb > tbody > tr > td.cen {
				text-align: center;
			}

			table.tb > tbody > tr > td.rig {
				text-align: right;
			}

			table.tb > tbody > tr > td.lef {
				text-align: left;
			}

			table.tb > tbody > tr > td.padA1p {
				padding: 1%;
			}

			table.tb > tbody > tr > td.rig {
				text-align: right;
			}

			table.tb > tbody > tr > td.padTB1p {
				padding: 1% 0;
			}



/* Å×À̺í */

.restcondition {
	margin: 10px 0 10px;
	max-height: 650px;
	overflow: auto;
}

	.restcondition:after {
		position: relative;
		display: block;
		clear: both;
		content: "";
	}

	.restcondition > .loading {
		font-size: 10pt;
		line-height: 500px;
		text-align: center;
		border: 1px solid #dfdfdf;
	}

	.restcondition .tb {
		margin: 0;
		padding: 0;
		font-size: 10pt;
		color: #223;
		background-color: #ddd;
		table-layout: fixed;
		display: table;
		position: relative;
		clear: both;
	}

		.restcondition .tb tr {
			margin: 0;
			padding: 0;
		}

		.restcondition .tb th {
			padding: 0 0;
			height: 25px;
			font-weight: normal;
			font-size: 10pt;
			color: #fff;
			line-height: 100%;
			text-align: center;
			vertical-align: middle;
		}

		.restcondition .tb td {
			padding: 0 0;
			height: 25px;
			font-weight: normal;
			font-size: 10pt;
			color: #666;
			line-height: 100%;
			text-align: center;
			vertical-align: middle;
			background: none;
		}

		.restcondition .tb th,
		.restcondition .tb td {
			border: 1px solid #ddd;
		}

			.restcondition .tb th.elss, .tb td.elss {
				text-overflow: ellipsis;
				white-space: nowrap;
				word-wrap: normal;
				overflow: hidden;
			}

			.restcondition .tb th.crg, .restcondition .tb td.crg {
				color: #666;
			}

			.restcondition .tb th.crr, .restcondition .tb td.crr {
				color: #666;
			}

			.restcondition .tb th.bgw, .restcondition .tb td.bgw {
				background-color: #fff;
			}

			.restcondition .tb th.bgg, .restcondition .tb td.bgg {
				background-color: #eee;
			}

table.tb1 {
	font-size: 10pt;
	color: #223;
	background: #555;
	position: relative;
	table-layout: fixed;
	clear: both;
}

	table.tb1 > caption {
		display: none;
	}

	table.tb1 th, table.tb1 td {
		border: 1px solid #ddd;
	}

	table.tb1 > thead th {
		font-weight: bold;
		font-size: 10.5pt;
		color: #efefef;
		line-height: 150%;
		text-align: center;
	}

	table.tb1 > tbody td {
		font-weight: normal;
		font-size: 10.0pt;
		color: #555;
		line-height: 150%;
		text-align: center;
		background: #fff;
		text-overflow: ellipsis;
		white-space: nowrap;
		word-wrap: normal;
		overflow: hidden;
	}

/* DivTable ================================================ */
/*<div class='dtb roomlistitem'>
	<div class='dtb-h'>
		<div class='dtb-r'>
			<div class='dtb-h-c w-01 ac'>head1</div>
			<div class='dtb-h-c w-02 ac'>head2</div>
			<div class='dtb-h-c w-at ac'>head3</div>
			<div class='dtb-h-c w-at ac'>head4</div>
			<div class='dtb-h-c w-at ac'>head5</div>
			<div class='dtb-h-c w-09 ac'>head6</div>
		</div>
	</div>
	<div class='dtb-b'>
		<div class='dtb-r'>
			<div class='dtb-b-c al'>body1</div>
			<div class='dtb-b-c ac'>body2</div>
			<div class='dtb-b-c ac'>body3</div>
			<div class='dtb-b-c ac'>body4</div>
			<div class='dtb-b-c ac'>body5</div>
			<div class='dtb-b-c ac'><a class='btn01'>body6</a></div>
		</div>
	</div>
	<div class='dtb-bn'>
		<div class='dtb-r'>
			<div class='dtb-b-c al'>body1</div>
			<div class='dtb-b-c ac'>body2</div>
			<div class='dtb-b-c ac'>body3</div>
			<div class='dtb-b-c ac'>body4</div>
			<div class='dtb-b-c ac'>body5</div>
			<div class='dtb-b-c ac'><a class='btn01'>body6</a></div>
		</div>
	</div>
	<div class='dtb-f'>
		<div class='dtb-r'>
			<div class='dtb-f-c ac'>foot1</div>
			<div class='dtb-f-c ac'>foot2</div>
			<div class='dtb-f-c ac'>foot3</div>
			<div class='dtb-f-c ac'>foot4</div>
			<div class='dtb-f-c ac'>foot5</div>
			<div class='dtb-f-c ac'>foot6</div>
		</div>
	</div>
</div>*/
.dtb {
	font-family: 'Noto Sans KR', sans-serif;
	display: table;
	border-collapse: collapse;
}

	.dtb .dtb-h {
		display: table-header-group;
		border-top: 1px solid #cfcfcf;
		border-bottom: 1px solid #cfcfcf;
		background: #efefef;
	}

	.dtb .dtb-b,
	.dtb .dtb-bn {
		display: table-row-group;
		border-bottom: 1px solid #cfcfcf;
	}

	.dtb .dtb-f {
		display: table-footer-group;
		border-bottom: 1px solid #cfcfcf;
		background: #efefef;
	}

	.dtb .dtb-r {
		display: table-row;
		position: relative;
	}
	/* header, body, footer */
	.dtb .dtb-h-c, .dtb .dtb-b-c, .dtb .dtb-f-c {
		display: table-cell;
		vertical-align: middle;
	}
	/* header, footer ÆùÆ® */
	.dtb .dtb-h-c, .dtb .dtb-f-c {
		font-weight: bold;
	}
	/* body ÆùÆ® */
	.dtb .dtb-b-c {
		font-weight: normal;
	}
	/* body µ¥ÀÌÅÍ none */
	.dtb .dtb-b-c-n {
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border-bottom: 1px solid #cfcfcf;
		background: #fff;
		display: block;
		position: absolute;
	}

		.dtb .dtb-b-c-n > div {
			top: 50%;
			left: 50%;
			color: #999;
			position: absolute;
			transform: translate(-50%, -50%);
		}
	/* width */
	.dtb .w-01 {
		width: 45%;
	}

	.dtb .w-02 {
		width: 15%;
	}

	.dtb .w-03 {
		width: 10%;
	}

	.dtb .w-99 {
		width: 8%;
	}

	.dtb .w-at {
		width: auto;
	}

	.dtb .w-5p {
		width: 5%;
	}

	.dtb .w-8p {
		width: 8%;
	}

	.dtb .w-9p {
		width: 9%;
	}

	.dtb .w-10p {
		width: 10%;
	}

	.dtb .w-12p {
		width: 12%;
	}

	.dtb .w-15p {
		width: 15%;
	}

	.dtb .w-25p {
		width: 25%;
	}

	.dtb .w-35p {
		width: 35%;
	}

	.dtb .w-45p {
		width: 45%;
	}

	.dtb .w-55p {
		width: 55%;
	}

	.dtb .w-65p {
		width: 65%;
	}
	/* header align */
	.dtb .al, .dtb .al, .dtb .al {
		text-align: left;
	}

	.dtb .ac, .dtb .ac, .dtb .ac {
		text-align: center;
	}

	.dtb .ar, .dtb .ar, .dtb .ar {
		text-align: right;
	}
/*// DivTable ============================================== */

/* DivTable2 =============================================== */
/*<div class='dtl'>
	<dl>
		<dt>head1</dt>
		<dd>head2</dd>
	</dl>
	<dl class="w50p">
		<dt>head1</dt>
		<dd>head2</dd>
	</dl>
	<dl class="w50pe">
		<dt>head1</dt>
		<dd>head2</dd>
	</dl>
</div>*/
.dtl {
	margin: 20px 0;
	width: 100%;
	font-size: 12pt;
	position: relative;
}

	.dtl dl {
		width: 100%;
		border-bottom: 1px solid #cfcfcf;
		display: block;
		position: relative;
	}

	.dtl dt {
		top: 0;
		left: 0;
		margin: 0;
		padding: 0;
		width: 20%;
		height: 100%;
		font-weight: 600;
		text-align: center;
		background: #efefef;
		position: absolute;
		transform: none;
	}

	.dtl dd {
		margin-left: 20%;
		padding: 0;
		width: auto;
		height: 100%;
	}

	.dtl dl:first-child {
		border-top: 1px solid #cfcfcf;
	}

	.dtl dl.w50p {
		width: 50%;
		position: absolute;
	}

		.dtl dl.w50p > dt {
			width: 40%;
			height: 100%;
		}

		.dtl dl.w50p > dd {
			margin-left: 40%;
		}

	.dtl dl.w50pe {
		margin-left: 50%;
		width: 50%;
	}

		.dtl dl.w50pe > dt {
			width: 40%;
		}

		.dtl dl.w50pe > dd {
			margin-left: 40%;
		}
/* DivTable2 =============================================== */


/* Agree Layer ============================================= */
/*<div class="agree">
	<h2>¾à°ü</h2>
	<dl>
		<dt>¾à°ü</dt>
		<dd>checkbox</dd>
	</dl>
	<dl>		
		<dd class="cont">³»¿ë</dd>
	</dl>
</div>*/
.agree {
	margin: 0 auto;
	width: 100%;
	position: relative;
}

	.agree h2 {
		font-weight: 500;
	}

	.agree dl {
		margin: 0;
		padding: 0;
		width: 100%;
		position: relative;
	}

		.agree dl dt {
			top: 0;
			left: 0;
			margin: 0;
			padding: 0;
			height: 100%;
			font-weight: 500;
			position: absolute;
			transform: translate(0,0);
		}

		.agree dl dd {
			margin: 0;
			padding: 0;
			height: 100%;
			text-align: right;
		}

			.agree dl dd.cont {
				text-align: justify;
				border: 1px solid #ddd;
				background: #fafafa;
				overflow-y: scroll;
			}

				.agree dl dd.cont div {
					font-weight: bold;
					font-size: 11.5pt;
				}

				.agree dl dd.cont span.t1 {
					font-size: 10.5pt;
					font-weight: bold;
					color: #000;
					line-height: 180%;
				}

				.agree dl dd.cont span.t2r {
					color: red;
				}

				.agree dl dd.cont span.t2rb {
					color: red;
					font-weight: bold;
					font-size: 12pt;
				}
/* Agree Layer ============================================= */


.restcondition2 {
	margin: 10px 0 10px;
	max-height: 650px;
	overflow: hidden;
}

	.restcondition2:after {
		position: relative;
		display: block;
		clear: both;
		content: "";
	}

	.restcondition2 > .loading {
		line-height: 450px;
		text-align: center;
		border: 1px solid #dfdfdf;
	}

	.restcondition2 .tb1 {
	}


	.restcondition2 #tbcondition {
		table-layout: fixed;
	}

		.restcondition2 #tbcondition > colgroup col.leftarea {
			width: 35%;
			min-width: 350px;
		}

		.restcondition2 #tbcondition > colgroup col.rightarea {
			width: 65%;
		}

	.restcondition2 #left_header, .restcondition2 #right_header {
		width: 100%;
		overflow-x: hidden;
		overflow-y: hidden;
	}

	.restcondition2 #right_header, .restcondition2 #right_contents {
		margin-left: 0px;
	}

	.restcondition2 .tb1 > colgroup col.no {
		width: 35px;
	}

	.restcondition2 .tb1 > colgroup col.gr {
		width: 60px;
	}

	.restcondition2 .tb1 > colgroup col.gnm {
		width: auto;
	}

	.restcondition2 .tb1 > colgroup col.gb {
		width: 45px;
	}

	.restcondition2 #left_header .tb1 > thead th {
		height: 66px;
		line-height: 120%;
		vertical-align: middle;
		overflow: hidden;
	}

	.restcondition2 #right_header .tb1 > thead th {
		font-size: 10.5pt;
		height: 30px;
		line-height: 30px;
		vertical-align: middle;
	}

		.restcondition2 #right_header .tb1 > thead th.day {
			height: 35px;
			line-height: 100%;
			vertical-align: middle;
		}

	.restcondition2 #left_contents {
		height: 545px;
		overflow-x: hidden;
		overflow-y: hidden;
	}

	.restcondition2 #right_contents {
		height: 560px;
		max-height: 560px;
		overflow-x: scroll;
		overflow-y: scroll;
	}

		.restcondition2 #left_contents .tb1 > tbody td,
		.restcondition2 #right_contents .tb1 > tbody td {
			height: 26px;
			line-height: 120%;
			vertical-align: middle;
			overflow: hidden;
		}

	.restcondition2 .tb1 th.crg, .restcondition2 .tb1 td.crg {
		color: #666;
	}

	.restcondition2 .tb1 th.crr, .restcondition2 .tb1 td.crr {
		color: #666;
	}

	.restcondition2 .tb1 th.bgw, .restcondition2 .tb1 td.bgw {
		background-color: #fff;
	}

	.restcondition2 .tb1 th.bgg, .restcondition2 .tb1 td.bgg {
		background-color: #eee;
	}


.cdt {
	margin-top: 0;
	padding: 0;
	height: 15px;
	text-align: center;
}

	.cdt span {
		margin: 0;
		padding: 0;
		font-size: 10.5pt;
		line-height: 100%;
	}

		.cdt span.fw {
			font-weight: bold;
			color: orange;
		}

		.cdt span.fo {
			font-weight: bold;
			color: green;
		}

		.cdt span.fb {
			font-weight: bold;
			color: red;
		}

		.cdt span.fa {
			font-weight: bold;
			color: blue;
		}

		.cdt span.fa1 {
			font-weight: bold;
			color: #2fc304;
		}

		.cdt span.fa2 {
			font-weight: bold;
			color: #5e5e5e;
		}

		.cdt span.fa3 {
			font-weight: bold;
			color: red;
		}

		.cdt span.fr {
			font-weight: bold;
			color: black;
		}


.restmain {
	margin: 10px 0 10px;
	line-height: 500px;
	text-align: center;
}

	.restmain:after {
		position: relative;
		display: block;
		clear: both;
		content: "";
	}

	.restmain > .img {
		margin: 100px 0;
		width: 45%;
		height: 300px;
		background-position: center center !important;
		background-size: cover !important;
		border: 1px solid #ccc;
		display: inline-block;
		position: relative;
	}

		.restmain > .img > div.bg {
			width: 100%;
			height: 100%;
			background-color: #000;
			opacity: 0.4;
			cursor: pointer;
		}

		.restmain > .img > div.tit {
			top: 50%;
			left: 50%;
			color: #fff;
			font-size: 30pt;
			font-weight: 900;
			line-height: 100%;
			position: absolute;
			transform: translate(-50%, -50%);
			cursor: pointer;
		}

			.restmain > .img > div.tit > span {
				font-size: 20pt;
			}
/*
table.tb > tbody > tr > td > span {margin:0 auto;}
table.tb > tbody > tr > td > a.btngoods {width:40px; height:36px; color:#fff; line-height:36px; background:#dfdfdf; display:inline-block;}
table.tb > tbody > tr > td > a.btncancel {width:40px; height:36px; color:#f15f5f; line-height:32px; border:2px solid #f15f5f; background:#fff; display:inline-block;}
table.tb > tbody > tr > td > a.btndel {width:40px; height:36px; color:#fff; line-height:36px; background:#f15f5f ; display:inline-block;}
table.tb > tbody > tr > td > a + a {margin-left:5px;}
table.tb > tbody > tr > td.left {text-align:left;}
table.tb > tbody > tr > td.right {text-align:right;}

table.tb {width:100%; background-color:#afafaf;}
table.tb th {padding:5px 20px; width:30%; background-color:#eee; border:1px solid #ddd;}
table.tb td {padding:5px 20px; width:30%; background-color:#fff; border:1px solid #ddd;}
table.tb td div.penalty {font-size:10.5pt;}
*/





/* div Å×À̺í */
.table {
	width: 100%;
	color: #666;
	table-layout: fixed;
	display: table;
	position: relative;
}

	.table > h2 {
		display: table-caption;
		text-indent: -99999px;
		position: absolute;
	}

	.table > .tgroup {
		display: table-column-group;
		position: relative;
	}

	.table > .thead {
		border-bottom: 1px solid #ddd;
		background-color: #f5f5f5;
		display: table-header-group;
		position: relative;
	}

		.table > .thead .cell {
			height: 60px;
			font-weight: 500;
			color: #555;
			line-height: 50px;
			vertical-align: text-bottom;
			font-size: 11pt;
		}

	.table > .tbody {
		display: table-row-group;
		position: relative;
	}

	.table > .tgroup > .col {
		display: table-column;
	}

	.table .row {
		border-top: 1px dotted #ccc;
		display: table-row;
		position: relative;
		cursor: pointer;
	}

		.table .row:first-of-type {
			border: 0;
		}

		.table .row:hover {
			background-color: #f7f7f7;
		}

	.table .cell {
		padding: 0;
		height: 55px;
		font-size: 10.7pt;
		line-height: 140%;
		text-align: center;
		display: table-cell;
		position: relative;
		vertical-align: middle;
		font-weight: normal;
	}

	.table .guide {
		bottom: 0;
		left: 0;
		margin: 0;
		padding: 0;
		width: 100%;
		height: 65px;
		line-height: 65px;
		font-size: 11pt;
		text-align: center;
		border-top: 1px solid #ddd;
		background: #fff;
		display: block;
		position: absolute;
		z-index: 1;
	}

	/* Á¤º¸ layer */


	.table.themelist .cell {
		height: 60px;
		font-size: 11pt;
		font-weight: 500;
		color: #555;
		line-height: 55px;
		vertical-align: text-bottom;
		position: relative;
	}

	.table.themelist .tmday {
		width: auto;
	}

	.table.themelist .tmorder {
		width: 25%;
	}

	.table.themelist .tmocnt {
		width: 10%;
	}

	.table.themelist .tmwcnt {
		width: 10%;
	}

	.table.themelist .tmoccnt {
		width: 12%;
	}

	.table.themelist .tmowcnt {
		width: 12%;
	}

	.table.themelist .manage {
		width: 7%;
	}

	.table.themelist > .thead {
		border-top: 1px solid #ddd;
		background-color: #efefef;
	}

	.table.themelist > .tbody {
		border-bottom: 1px solid #ddd;
	}

		.table.themelist > .tbody .row {
			border-bottom: 1px dotted #ddd;
		}

			.table.themelist > .tbody .row:last-of-type {
				border-bottom: 0;
			}

		.table.themelist > .tbody .cell.manage {
			position: relative;
		}

		.table.themelist > .tbody .manage > .bg {
			top: 0;
			left: 50%;
			margin: 0;
			padding: 0;
			width: 26px;
			height: 26px;
			transform: translate(-50%, 60%);
			position: absolute;
		}

			.table.themelist > .tbody .manage > .bg > span {
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				text-indent: -9999px;
				background: url('/common/img/skin/type6/icon_acc_open.png') center center no-repeat;
				background-size: 100%;
				display: inline-block;
				position: absolute;
				border: 0px dotted red;
			}

	.table.point .c1 {
		width: 40px;
	}

	.table.point .c2 {
		width: 100px;
	}

	.table.point .c3 {
		width: 100px;
	}

	.table.point .c4 {
		width: auto
	}

	.table.point .c5 {
		width: 120px;
	}

	.table.point .c6 {
		width: 80px;
	}

	.table.point > .thead {
		border: 0;
		background-color: #fff;
		display: table-header-group;
		position: relative;
	}

		.table.point > .thead > .cell {
			height: 40px;
			font-size: 10pt;
			font-weight: bold;
			color: #fff;
			line-height: 40px;
			vertical-align: text-bottom;
			background-color: #666;
			border: 1px solid #666;
		}

	.table.point > .tbody .row {
		border-bottom: 0px dotted #ddd;
	}

		.table.point > .tbody .row > .cell {
			height: 30px;
			font-size: 10pt;
			font-weight: bold;
			color: #555;
			line-height: 30px;
			vertical-align: text-bottom;
			background-color: #fff;
			position: relative;
		}


/* DivTable.com */
.divTable {
	display: table;
}

	.divTable > .tgroup {
		display: table-column-group;
		position: relative;
	}

	.divTable > .thead {
		display: table-header-group;
		position: relative;
	}

	.divTable > .tbody {
		display: table-row-group;
		position: relative;
	}

	.divTable > .tfoot {
		display: table-footer-group;
		position: relative;
	}

	.divTable .c30px {
		width: 30px;
	}

	.divTable .c35px {
		width: 35px;
	}

	.divTable .c40px {
		width: 40px;
	}

	.divTable .c50px {
		width: 50px;
	}

	.divTable .c60px {
		width: 60px;
	}

	.divTable .c70px {
		width: 70px;
	}

	.divTable .c80px {
		width: 80px;
	}

	.divTable .c100px {
		width: 100px;
	}

	.divTable .c120px {
		width: 120px;
	}

	.divTable .cauto {
		width: auto;
	}

	.divTable .c100p {
		width: 100%;
	}

	.divTable .col {
		display: table-column;
	}

	.divTable .row {
		display: table-row;
	}

	.divTable .cell {
		display: table-cell;
	}

	.divTable .noncell {
		bottom: 0;
		margin: 0;
		padding: 0;
		width: 100%;
		font-size: 13px;
		text-align: center;
		display: block;
		position: absolute;
		background: #fff;
		z-index: 1;
	}

	/* ¹èÁ¡»ó¼¼³»¿ª ==================================================================== */
	.divTable.assign {
		width: 100%;
		border: 0px solid #000;
		border-collapse: collapse;
	}

		.divTable.assign .col.c1 {
			width: 35px;
		}

		.divTable.assign .col.c2 {
			width: 70px;
		}

		.divTable.assign .col.c3 {
			width: 80px;
		}

		.divTable.assign .col.c4 {
			width: auto;
		}

		.divTable.assign .col.c5 {
			width: 100px;
		}

		.divTable.assign .col.c6 {
			width: 70px;
		}

		.divTable.assign .cell {
			padding: 0px 5px;
			border: 1px solid #dfdfdf;
		}

		.divTable.assign .noncell {
			height: 35px;
			line-height: 35px;
			border-left: 1px solid #dfdfdf;
		}

		.divTable.assign > .thead > .row > .cell {
			height: 40px;
			font-weight: bold;
			font-size: 13px;
			color: #fff;
			text-align: center;
			line-height: 40px;
			background-color: #666;
		}

		.divTable.assign > .tbody > .row > .cell {
			height: 35px;
			font-size: 13px;
			text-align: center;
			line-height: 130%;
			vertical-align: middle;
			background-color: #fff;
		}

		.divTable.assign > .tfoot > .row > .cell {
			height: 35px;
			font-size: 13px;
			text-align: center;
			line-height: 130%;
			vertical-align: middle;
			background-color: #ccc;
		}
	/*// ¹èÁ¡»ó¼¼³»¿ª ================================================================== */

	/* Æ÷ÀÎÆ®»ó¼¼³»¿ª ================================================================== */
	.divTable.point {
		width: 100%;
		border: 0px solid #000;
		border-collapse: collapse;
	}

		.divTable.point .col.c1 {
			width: 35px;
		}

		.divTable.point .col.c2 {
			width: 70px;
		}

		.divTable.point .col.c3 {
			width: 80px;
		}

		.divTable.point .col.c4 {
			width: auto;
		}

		.divTable.point .col.c5 {
			width: 100px;
		}

		.divTable.point .col.c6 {
			width: 70px;
		}

		.divTable.point .cell {
			padding: 0px 5px;
			border: 1px solid #dfdfdf;
		}

		.divTable.point .noncell {
			height: 35px;
			line-height: 35px;
			border-left: 1px solid #dfdfdf;
		}

		.divTable.point > .thead > .row > .cell {
			height: 40px;
			font-weight: bold;
			font-size: 13px;
			color: #fff;
			text-align: center;
			line-height: 40px;
			background-color: #666;
		}

		.divTable.point > .tbody > .row > .cell {
			height: 35px;
			font-size: 13px;
			text-align: center;
			line-height: 130%;
			vertical-align: middle;
			background-color: #fff;
		}

		.divTable.point > .tfoot > .row > .cell {
			height: 35px;
			font-size: 13px;
			text-align: center;
			line-height: 130%;
			vertical-align: middle;
			background-color: #ccc;
		}
/* Æ÷ÀÎÆ®»ó¼¼³»¿ª ================================================================== */










.info {
	margin: 0;
	padding: 0;
	position: relative;
}

	.info > dl {
		padding: 0;
		position: relative;
		box-sizing: border-box
	}

		.info > dl:after {
			display: block;
			clear: both;
			content: "";
		}

		.info > dl > dt {
			top: 50%;
			left: 0;
			width: 25%;
			font-weight: 600;
			font-size: 12pt;
			color: #555;
			line-height: 100%;
			position: absolute;
			transform: translate(0,-50%);
		}

		.info > dl > dd {
			padding: 1% 0 1% 25%;
			font-size: 12pt;
			color: #666;
			line-height: 150%;
			text-overflow: ellipsis;
			white-space: nowrap;
			word-wrap: normal;
			position: relative;
			overflow: hidden;
		}

		.info > dl.dl50p {
			width: 50%;
			position: absolute;
			z-index: 1;
		}

			.info > dl.dl50p > dt {
				width: 50%;
			}

			.info > dl.dl50p > dd {
				padding: 2% 0 2% 50%;
			}

		.info > dl.dl50pc {
			padding-left: 50%;
		}

			.info > dl.dl50pc > dt {
				left: 50%;
				width: 25%;
			}

			.info > dl.dl50pc > dd {
				padding: 2% 0 2% 50%;
			}


		.info > dl > dd span.div {
			font-size: 9pt;
		}

			.info > dl > dd span.div.c1 {
				color: #2b67d3;
			}

			.info > dl > dd span.div.c2 {
				color: #f15f5f;
			}

			.info > dl > dd span.div.c3 {
			}

/* ÆäÀÌ¡ ³×ºñ°ÔÀÌ¼Ç */
.paging {
	margin: 0;
	text-align: center;
}

	.paging > ul {
		display: inline-block;
		position: relative;
	}

		.paging > ul:after {
			display: block;
			clear: both;
			content: "";
		}

		.paging > ul > li {
			margin-left: 15px;
			position: relative;
			float: left;
		}

			.paging > ul > li:first-of-type {
				margin-left: 0;
			}

			.paging > ul > li > a {
				margin: 0;
				padding: 0;
				width: 26px;
				height: 26px;
				font-size: 11pt;
				font-weight: normal;
				color: #555;
				line-height: 25px;
				text-align: center;
				border-radius: 3px;
				display: block;
			}

				.paging > ul > li > a.active {
					font-weight: bold;
					color: #fff;
					-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.2);
					-moz-box-shadow: 2px 2px 2px 3px rgba(0,0,0,0.2);
					box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.2);
				}

			.paging > ul > li.page_pre > a {
				margin-right: 10px;
				font-size: 15pt;
				font-weight: 600;
				color: #ddd;
				border: 1px solid #ddd;
				position: relative;
			}

				.paging > ul > li.page_pre > a:after {
					top: -2px;
					left: 6px;
					position: absolute;
					content: "<";
				}

			.paging > ul > li.page_nex > a {
				margin-left: 10px;
				font-size: 15pt;
				font-weight: 600;
				color: #ddd;
				border: 1px solid #ddd;
				position: relative;
			}

				.paging > ul > li.page_nex > a:after {
					top: -2px;
					left: 6px;
					position: absolute;
					content: ">";
				}

/* ½Ã¼³Á¤º¸ */
.goods {
	margin: 0;
	padding: 0;
	display: block;
	position: relative;
}

	.goods:after {
		display: block;
		clear: both;
		content: "";
	}

/* Å׸¶»óÇ°Á¤º¸ */
.tmgoods {
	margin: 0;
	padding: 0;
	display: block;
	position: relative;
}

	.tmgoods:after {
		display: block;
		clear: both;
		content: "";
	}
/* °´½ÇÁ¤º¸ */
.room {
	margin: 0%;
	padding: 0;
	display: block;
	position: relative;
}

	.room:after {
		display: block;
		clear: both;
		content: "";
	}
/* ¿¹¾àÁ¤º¸ */
.reserinfo {
	margin: 0;
	padding: 0;
	display: block;
	position: relative;
}

	.reserinfo:after {
		display: block;
		clear: both;
		content: "";
	}
/* °áÁ¦Á¤º¸ 
.payment {margin:0 0 2%; padding:0 0 2%; display:block; position:relative;}
.payment:after {display:block; clear:both; content:"";}
*/
/* ÆäÀÌÁö³×ºñ */
.pagenavi {
	margin: 0 0 0;
	padding: 2% 0 2%;
	border-top: 1px solid #ddd;
	position: relative;
}

	.pagenavi:after {
		display: block;
		clear: both;
		content: "";
	}


.desc {
	margin: 0 auto;
	padding: 1.5% 0 0;
	width: 880px;
	font-size: 12.5pt;
	line-height: 160%;
	text-align: center;
}

.form {
	margin: 2% auto;
	width: 530px;
	position: relative;
}

	.form .loading {
		width: 100%;
		height: 50px;
		font-size: 10pt;
		color: #555;
		line-height: 50px;
		text-align: center;
		border-radius: 7px;
		background: #fff;
	}

	.form input[type='text'],
	.form input[type='password'],
	.form select {
		height: 34px;
		font-size: 11pt;
		line-height: 150%;
		border-color: #ddd;
	}

	.form p {
		margin: 0 0;
		padding: 0 0 1%;
		font-size: 12pt;
		color: #666;
		line-height: 2.6em;
		text-align: center;
		border-bottom: 1px dotted #ccc;
	}

	.form dl {
		margin: 0;
		padding: 1.5% 0 1.5%;
		border-bottom: 1px dotted #ccc;
		position: relative;
	}

		.form dl:first-of-type {
			margin-top: 0;
		}

		.form dl:last-of-type {
			margin-bottom: 3%;
		}

		.form dl dt {
			top: 50%;
			font-size: 11pt;
			font-weight: 400;
			color: #666;
			line-height: 100%;
			position: absolute;
			transform: translate(0,-50%);
			z-index: 1;
		}

		.form dl dd {
			padding-left: 25%;
			position: relative;
		}

			.form dl dd:after {
				display: block;
				clear: both;
				content: "";
			}

			.form dl dd > input {
				width: 100%;
			}

			.form dl dd > select {
				width: 30%;
				float: left;
			}

				.form dl dd > select + input {
					margin-left: 5%;
					width: 30%;
					float: left;
				}

					.form dl dd > select + input + input {
						margin-left: 5%;
						width: 30%;
						float: left;
					}

			.form dl dd > textarea {
				width: 100%;
			}

		.form dl.dl50p {
			width: 50%;
			position: absolute;
			z-index: 1;
		}

			.form dl.dl50p > dt {
				width: 50%;
			}

			.form dl.dl50p > dd {
				padding: 3.5% 0 3% 50%;
			}

		.form dl.dl50pc {
			padding-left: 50%;
		}

			.form dl.dl50pc > dt {
				left: 50%;
				width: 25%;
			}

			.form dl.dl50pc > dd {
				padding: 3.5% 0 3% 50%;
			}


	.form .btn > input[type='button'] {
		margin: 0;
		width: 100%;
		line-height: 280%;
	}


/* ¼³¹®Á¶»ç ========================================== */
.survey {
	margin: 2% 0 0;
	padding: 0;
	border: 1px solid #ccc;
	position: relative;
}

	.survey > .form {
		width: 880px;
	}

		.survey > .form dl {
		}

			.survey > .form dl > dt {
				margin: 0;
				padding: 0;
				font-size: 12pt;
				color: #666;
				line-height: 220%;
				position: relative;
				transform: none;
			}

			.survey > .form dl > dd {
				margin: 0;
				padding: 0;
				line-height: 30px;
			}

				.survey > .form dl > dd > input[type='text'] {
					height: 32px;
					line-height: 32px;
					width: initial;
				}

				.survey > .form dl > dd select {
					height: 32px;
					line-height: 32px;
				}

				.survey > .form dl > dd.empty {
					line-height: 250px;
					text-align: center;
					font-size: 11pt;
				}

				.survey > .form dl > dd > .box {
					border: 1px solid #ddd;
				}

					.survey > .form dl > dd > .box > dl {
						margin: 0;
						padding: 1% 0 0;
						border: 0;
					}

						.survey > .form dl > dd > .box > dl:last-of-type {
							padding-bottom: 1%;
						}

						.survey > .form dl > dd > .box > dl > dt {
							top: 50%;
							margin-left: 1%;
							padding: 1% 0 0;
							position: absolute;
							transform: translate(0,-50%);
						}

						.survey > .form dl > dd > .box > dl > dd {
							padding-left: 20%;
						}


				.survey > .form dl > dd .form_right {
				}

			.survey > .form dl.depth1 {
			}

				.survey > .form dl.depth1 > dt {
				}

				.survey > .form dl.depth1 > dd {
					padding-left: 1%;
				}

			.survey > .form dl.depth2 {
			}

				.survey > .form dl.depth2 > dt {
					padding-left: 2%;
				}

				.survey > .form dl.depth2 > dd {
					padding-left: 3%;
				}

			.survey > .form dl.depth3 {
			}

				.survey > .form dl.depth3 > dt {
					padding-left: 4%;
				}

				.survey > .form dl.depth3 > dd {
					padding-left: 5%;
				}

			.survey > .form dl.depth4 {
			}

				.survey > .form dl.depth4 > dt {
					padding-left: 6%;
				}

				.survey > .form dl.depth4 > dd {
					padding-left: 7%;
				}

			.survey > .form dl.depth5 {
			}

				.survey > .form dl.depth5 > dt {
					padding-left: 8%;
				}

				.survey > .form dl.depth5 > dd {
					padding-left: 9%;
				}




/*// ¼³¹®Á¶»ç ======================================== */


/* ºñȸ¿ø °Ë»ö Æû ==================================== */
.search {
	margin: 2% 0 0;
	padding: 0;
	border: 1px solid #ccc;
	position: relative;
}
/*// ºñȸ¿ø °Ë»ö Æû ================================== */

/* °Ô½ÃÆÇ °Ë»ö Æû ==================================== */
.search_board {
	margin: 2% 0 0;
	padding: 0;
	border: 1px solid #ccc;
	position: relative;
}

	.search_board > .form {
		margin: 0 auto;
	}

		.search_board > .form dl {
			width: 100%;
			border: 0;
		}

			.search_board > .form dl:last-of-type {
				margin-bottom: 0;
			}

		.search_board > .form .btn {
			top: 50%;
			right: 0;
			width: 18%;
			position: absolute;
			transform: translate(0,-50%);
		}

			.search_board > .form .btn > input[type="button"] {
				padding: 0 0;
				height: 34px;
				line-height: 150%;
				font-weight: 500;
				font-size: 11.5pt;
			}

/* °Ô½ÃÆÇ °Ë»ö Æû ==================================== */

/* °Ë»öÁ¤º¸ ========================================== */
.searchinfo {
	margin: 2% 0 0;
	padding: 15px 0;
	position: relative;
}

	.searchinfo:after {
		display: block;
		clear: both;
		content: "";
	}

	.searchinfo > .left {
		margin-left: 1%;
		position: relative;
		font-size: 10.5pt;
	}

		.searchinfo > .left > .ccr_custom_s {
			font-size: 10.5pt;
			font-weight: 500;
		}

		.searchinfo > .left > .disc {
			display: inline-block;
			font-size: 10.5pt;
		}

			.searchinfo > .left > .disc > .ccr_custom_m {
				font-size: 10.5pt;
				font-weight: 500;
			}

	.searchinfo > .right {
		top: 50%;
		right: 0;
		margin-right: 1%;
		padding: 1% 0;
		text-align: right;
		position: absolute;
		transform: translate(0,-50%);
	}

		.searchinfo > .right select {
			height: 36px;
		}
/*// °Ë»öÁ¤º¸ ======================================== */

/* °Ë»ö±×·ì ========================================== */
.searchgroup {
	margin: 0 0 0;
	padding: 15px 0;
	position: relative;
}

	.searchgroup:after {
		display: block;
		clear: both;
		content: "";
	}

	.searchgroup > div {
		margin-bottom: 5px;
		padding: 10px 7px;
		width: 8.5%;
		text-align: center;
		display: inline-block;
		border: 1px solid #999;
	}

		.searchgroup > div a.btn {
			display: inline-block;
		}

		.searchgroup > div + div {
			margin-left: 5px;
		}

		.searchgroup > div:nth-child(11n+1) {
			margin-left: 0px;
		}
/*// °Ë»öÁ¤º¸ ======================================== */

/* °Ë»ö¸®½ºÆ® ======================================== */
.searchlist {
	margin: 0;
	padding: 0;
	border-top: 2px solid #ccc;
	position: relative;
}
	/* ¿¹¾à/¹®ÀÇ ¸®½ºÆ®*/
	.searchlist > .table > .tgroup > .col.no {
		width: 8%;
	}

	.searchlist > .table > .tgroup > .col.cate {
		width: 9%;
	}

	.searchlist > .table > .tgroup > .col.gnm {
		width: auto;
	}

	.searchlist > .table > .tgroup > .col.rnm {
		width: 15%;
	}

	.searchlist > .table > .tgroup > .col.days {
		width: 14%;
	}

	.searchlist > .table > .tgroup > .col.resvno {
		width: 12%;
	}

	.searchlist > .table > .tgroup > .col.assign {
		width: 4%;
	}

	.searchlist > .table > .tgroup > .col.ccd {
		width: 9%;
	}

	.searchlist > .table > .tgroup > .col.manage {
		width: 9%;
	}
	/* °Ô½ÃÆÇ ¸®½ºÆ® */
	.searchlist > .table > .tgroup > .col.group {
		width: 10%;
		display: none;
	}

	.searchlist > .table > .tgroup > .col.bnm {
		margin-left: 5px;
		width: auto;
	}

	.searchlist > .table > .tgroup > .col.attach {
		width: 7%;
	}

	.searchlist > .table > .tgroup > .col.grade {
		width: 10%;
		display: none;
	}

	.searchlist > .table > .tgroup > .col.writer {
		width: 10%;
	}

	.searchlist > .table > .tgroup > .col.regdate {
		width: 10%;
	}

	.searchlist > .table > .tgroup > .col.view {
		width: 6%;
	}

	.searchlist > .table > .header > .cell.assign {
	}

	.searchlist > .table > .thead > .cell.group {
		display: none;
	}

	.searchlist > .table > .thead > .cell.attach {
	}

	.searchlist > .table > .thead > .cell.grade {
		display: none;
	}

	.searchlist > .table > .tbody .row > .cell span.div {
		font-size: 9pt;
	}

		.searchlist > .table > .tbody .row > .cell span.div.c1 {
			color: #2b67d3;
		}

		.searchlist > .table > .tbody .row > .cell span.div.c2 {
			color: #f15f5f;
		}

		.searchlist > .table > .tbody .row > .cell span.div.c3 {
		}

	.searchlist > .table > .tbody .row > .cell.group {
		text-align: center;
		display: none;
	}

	.searchlist > .table > .tbody .row > .cell.gnm {
		padding-left: 0%;
		text-align: left;
	}

		.searchlist > .table > .tbody .row > .cell.gnm.cen {
			text-align: center;
		}


	.searchlist > .table > .tbody .row > .cell.bnm {
		text-align: left;
	}

	.searchlist > .table > .tbody .row > .cell.attach {
	}

	.searchlist > .table > .tbody .row > .cell.grade {
		display: none;
	}

	.searchlist > .table > .tbody .row > .cell.ccd {
		padding: 0 0;
		position: relative; /*border:1px dotted red;*/
	}

		.searchlist > .table > .tbody .row > .cell.ccd > span {
			margin: 0;
			padding: 0;
			width: 90%;
			font-size: 9pt;
		}

	.searchlist > .table > .tbody .row > .cell.assign {
	}

	.searchlist > .table > .tbody .row > .cell.manage {
		padding: 0 0;
		text-align: center;
		position: relative; /*border:1px dotted red;*/
	}

		.searchlist > .table > .tbody .row > .cell.manage > a {
			margin: 0 auto;
			padding: 0;
			width: 90%;
			min-width: 55px;
			max-width: 70px;
			height: 28px;
			font-weight: 400;
			font-size: 9pt;
			color: #fff;
			line-height: 26px;
			text-align: center;
			border-radius: 5px;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			display: block;
			border: 0;
		}
			/*.searchlist > .table > .tbody .row > .cell.manage > a + a {margin-left:0;}*/
			.searchlist > .table > .tbody .row > .cell.manage > a.goods {
			}

			.searchlist > .table > .tbody .row > .cell.manage > a.survey {
			}

			.searchlist > .table > .tbody .row > .cell.manage > a.coupon {
			}

			.searchlist > .table > .tbody .row > .cell.manage > a.delete {
				background: #f15f5f;
			}

			.searchlist > .table > .tbody .row > .cell.manage > a.cancel {
				color: #fff;
				font-size: 9pt;
				line-height: 24px;
				border: 2px solid #ff8224;
				background: #ff8224;
			}

			.searchlist > .table > .tbody .row > .cell.manage > a.complate {
				background: #999;
			}

			.searchlist > .table > .tbody .row > .cell.manage > a.confirm {
				background: #09a942;
			}

			.searchlist > .table > .tbody .row > .cell.manage > a.btn01 {
				width: 40px;
				height: 20px;
				line-height: 20px;
			}


















/*
.btn-r-8 {margin:0 auto; padding:0; width:100%; min-width:55px; max-width:70px; height:28px; font-weight:400; font-size:10.5pt; color:#fcb200;	line-height:24px; text-align:center; border: 2px solid #fcb200; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background:#fff;	 display:inline-block;}
#47c83e
#0054ff
#47c83e
#afafaf
#ff8224
#f15f5f
#f15f5f
#fcb200
#fcb200
*/
.ext {
	margin: 0;
	width: 18px;
	height: 18px;
	background-position: center center !important;
	background-size: cover !important;
	display: inline-block;
	position: relative;
	vertical-align: bottom;
}

	.ext.sct {
		background: url('/common/img/skin/type6/board/icon/secret.gif');
	}

	.ext.scto {
		background: url('/common/img/skin/type6/board/icon/secret_open.gif');
	}

	.ext.atc {
		background: url('/common/img/skin/type6/board/icon/attach.gif');
	}

	.ext.edit {
		background: url('/common/img/skin/type6/board/icon/edit.gif');
	}

	.ext.del {
		background: url('/common/img/skin/type6/board/icon/del.gif');
	}

	.ext.asf {
		background: url('/common/img/skin/type6/board/icon/asf.gif');
	}

	.ext.avi {
		background: url('/common/img/skin/type6/board/icon/avi.gif');
	}

	.ext.bmp {
		background: url('/common/img/skin/type6/board/icon/bmp.gif');
	}

	.ext.doc {
		background: url('/common/img/skin/type6/board/icon/doc.gif');
	}

	.ext.exe {
		background: url('/common/img/skin/type6/board/icon/exe.gif');
	}

	.ext.gif {
		background: url('/common/img/skin/type6/board/icon/gif.gif');
	}

	.ext.htm {
		background: url('/common/img/skin/type6/board/icon/htm.gif');
	}

	.ext.hwp {
		background: url('/common/img/skin/type6/board/icon/hwp.gif');
	}

	.ext.jpg {
		background: url('/common/img/skin/type6/board/icon/jpg.gif');
	}

	.ext.mdb {
		background: url('/common/img/skin/type6/board/icon/mdb.gif');
	}

	.ext.mdi {
		background: url('/common/img/skin/type6/board/icon/mdi.gif');
	}

	.ext.mp3 {
		background: url('/common/img/skin/type6/board/icon/mp3.gif');
	}

	.ext.mpg {
		background: url('/common/img/skin/type6/board/icon/mpg.gif');
	}

	.ext.ppt {
		background: url('/common/img/skin/type6/board/icon/ppt.gif');
	}

	.ext.ra {
		background: url('/common/img/skin/type6/board/icon/ra .gif');
	}

	.ext.rar {
		background: url('/common/img/skin/type6/board/icon/rar.gif');
	}

	.ext.swf {
		background: url('/common/img/skin/type6/board/icon/swf.gif');
	}

	.ext.tif {
		background: url('/common/img/skin/type6/board/icon/tif.gif');
	}

	.ext.png {
		background: url('/common/img/skin/type6/board/icon/png.gif');
	}

	.ext.txt {
		background: url('/common/img/skin/type6/board/icon/txt.gif');
	}

	.ext.wav {
		background: url('/common/img/skin/type6/board/icon/wav.gif');
	}

	.ext.xls {
		background: url('/common/img/skin/type6/board/icon/xls.gif');
	}

	.ext.zip {
		background: url('/common/img/skin/type6/board/icon/zip.gif');
	}

	.ext.etc {
		background: url('/common/img/skin/type6/board/icon/etc.gif');
	}


.star15x5 {
	margin: 0 auto;
	width: 75px;
	height: 15px;
	vertical-align: middle;
	position: relative;
}

	.star15x5 > div.bg {
		top: 0;
		left: 0;
		height: 15px;
		position: absolute;
	}

	.star15x5 > div.star {
		top: 0;
		left: 0;
		width: 75px;
		height: 15px;
		background: url('/common/img/skin/type6/board/icon/star75x15.png');
		position: absolute
	}

.star20x5 {
	margin: 0 auto;
	width: 100px;
	height: 20px;
	vertical-align: middle;
	position: relative;
}

	.star20x5 > div.bg {
		top: 0;
		left: 0;
		height: 20px;
		position: absolute;
	}

	.star20x5 > div.star {
		top: 0;
		left: 0;
		width: 100px;
		height: 20px;
		background: url('/common/img/skin/type6/board/icon/star100x20.png');
		position: absolute
	}

/* °Ë»ö¸®½ºÆ® ======================================== */



/* ÆäÀÌÁö³×ºñ */
.listbtn {
	margin: 0 0 0;
	padding: 0;
}

	.listbtn > .btn {
	}

	.listbtn > .btnl {
		text-align: left;
	}

		.listbtn > .btnl > a {
			width: 210px;
		}

/* ¼½¼Ç ¼­ºêŸÀÌƲ */
h3.sub_tit {
	font-family: "NanumSquare";
	font-weight: 600;
	color: #333;
	line-height: 150%;
	position: relative;
}

	h3.sub_tit:before {
		top: 50%;
		left: 0;
		width: 4px;
		height: 70%;
		position: absolute;
		transform: translate(0,-50%);
		content: "";
	}

	h3.sub_tit:after {
		top: 50%;
		left: 4px;
		width: 4px;
		height: 70%;
		position: absolute;
		transform: translate(0,-50%);
		content: "";
	}

/* ¿¹¾àÁ¤º¸ */
.reservation {
	margin: 0;
	padding: 0;
	background: #fff;
	position: relative;
}

	.reservation:after {
		display: block;
		clear: both;
		content: "";
	}

	/* ¿¹¾àÁ¤º¸ layer Á¦¾î */
	.reservation #isrmem {
	}
	/* ÀÌ¿ëÀοø */
	.reservation #isprioseq {
		display: none;
	}
	/* Áö¸Á¼øÀ§ */
	.reservation #isrstate {
	}
	/* ÁøÇà»óÅ */
	.reservation #iswaitprio {
		display: none;
	}
	/* ´ë±â¼øÀ§ */


	.reservation #tbbed {
		display: none;
	}

	.reservation #tbview {
		display: none;
	}

	.reservation #tbopt {
		display: none;
	}

	.reservation #isopt {
		display: none;
	}

	.reservation #issendnmeng {
		display: none;
	}
		/* ¿¹¾àÀÚ¸í(¿µ¹®) */
		.reservation #issendnmeng input[type='text'] {
			margin-bottom: 5px;
		}

	.reservation #issendgender {
		display: none;
	}
	/* ¼ºº° */

	.reservation [id^=isresvnmeng] {
		display: none;
	}
		/* ¿¹¾àÀÚ¸í(¿µ¹®) */
		.reservation [id^=isresvnmeng] input[type='text'] {
			margin-bottom: 5px;
		}

	.reservation [id^=isresvgender] {
		display: none;
	}
	/* ¼ºº° */


	.reservation #isdiv {
		display: none;
	}
	/* À̿뱸ºÐ */
	.reservation #ishp {
		display: none;
	}
	/* ÈÞ´ëÆù */
	.reservation #isemail {
		display: none;
	}
	/* À̸ÞÀÏ */
	.reservation #isresvnm {
		display: none;
	}
	/* ÀÌ¿ëÀÚ¸í */
	.reservation #ismem {
	}
	/* ÀÌ¿ëÀοø */

	.reservation #isresvdoc {
		display: none;
	}
		/* ¼­·ùÁ¦Ãâ */
		.reservation #isresvdoc input {
			margin-top: 5px;
			width: 80%;
			vertical-align: middle;
		}

			.reservation #isresvdoc input:first-child {
				margin-top: 0;
			}

			.reservation #isresvdoc input + a.btn {
				margin: 0 0 0 1%;
				width: 19%;
				height: 34px;
				color: #fff;
				text-align: center;
				line-height: 34px;
				display: inline-block;
				vertical-align: middle
			}

		.reservation #isresvdoc .docguide {
			padding: 10px;
			font-size: 10pt;
			color: dodgerblue;
			line-height: 120%;
			text-overflow: initial;
			white-space: initial;
			word-wrap: break-word;
		}
	/* Çؿܼ÷¹Ú ´ëÇ¥ÀÌ¿ëÀÚ ¿µ¹® ÀÔ·Â °¡À̵å */

	.reservation #isair {
		display: none;
	}
	/* Ç×°øÆí¸í */


	.reservation #ischeckrange {
		display: none;
	}
	/* ÀÌ¿ë±â°£ */


	.reservation .rmguide {
		padding: 10px;
		font-size: 10pt;
		color: dodgerblue;
		line-height: 120%;
		text-overflow: initial;
		white-space: initial;
		word-wrap: break-word;
		display: none;
	}
	/* Çؿܼ÷¹Ú ´ëÇ¥ÀÌ¿ëÀÚ ¿µ¹® ÀÔ·Â °¡À̵å */

	.reservation #isreq {
		display: none;
	}
	/* ¿äû»çÇ× */


	/* ¿¹¾à°øÅë ŸÀÌƲÁ¤º¸ */
	.reservation .title {
		margin: 0%;
		padding: 1% 0;
		font-weight: 600;
		font-size: 14pt;
		line-height: 250%;
		border-bottom: 1px solid #ddd;
		display: block;
		position: relative;
	}
	/* ¿¹¾à calendar layer */
	.reservation > .step1 {
	}
	/* ¿¹¾àÁ¤º¸ layer */
	.reservation > .step2 {
	}



	/* ¿¹¾à °øÅë Á¤º¸layer */
	.reservation .info > dl {
	}

		.reservation .info > dl:first-of-type {
			border-top: 0;
		}

		.reservation .info > dl > dt {
			padding-left: 1%;
			font-size: 10.5pt;
		}

		.reservation .info > dl > dd {
			padding-right: 1%;
			font-size: 10.5pt;
			text-align: left;
		}

		.reservation .info > dl > dd {
		}

		.reservation .info > dl.dl50p {
			margin-top: 1px;
			border-top: 0;
		}

			.reservation .info > dl.dl50p > dt {
				padding-left: 2%;
			}

			.reservation .info > dl.dl50p > dd {
				padding-right: 2%;
			}

		.reservation .info > dl.dl50pc {
		}

			.reservation .info > dl.dl50pc > dt {
				left: 50%;
				padding-left: 2%;
				width: 25%;
			}

			.reservation .info > dl.dl50pc > dd {
				padding-right: 2%;
			}

		.reservation .info > dl > dd input[type='text'],
		.reservation .info > dl > dd input[type='password'],
		.reservation .info > dl > dd select {
			height: 34px;
			font-size: 11pt;
			line-height: 150%;
			border-color: #ddd;
		}
	/* ½Ã¼³Á¤º¸ ========================================== */
	.reservation .goods {
		border-bottom: 1px solid #ddd;
	}

		.reservation .goods > .title {
			margin-bottom: 1.5%;
		}

		.reservation .goods > .img {
			width: 35%;
			height: 70%;
			background-position: center center !important;
			background-size: cover !important;
			border: 1px solid #ccc;
			display: block;
			position: absolute;
			z-index: 1;
		}

			.reservation .goods > .img .kto {
				top: 0;
				left: 0;
				width: 35px;
				height: 35px;
				background: url('/common/img/skin/type6/menu_kto.png') 0 0 no-repeat;
				position: absolute;
				display: none;
			}

		.reservation .goods > .info {
			margin: 0;
			padding-left: 39%;
			min-height: 220px;
		}

			.reservation .goods > .info > .cate {
				padding-top: 0;
				font-size: 11pt;
				color: #666;
				line-height: 150%;
			}

			.reservation .goods > .info > .nm {
				padding-bottom: 2%;
				font-size: 16pt;
				font-weight: 600;
				color: #333;
				text-overflow: ellipsis;
				white-space: nowrap;
				word-wrap: normal;
				line-height: 150%;
				border-bottom: 1px dotted #ccc;
				overflow: hidden;
			}

				.reservation .goods > .info > .nm.nowrap {
					line-height: 150%;
					text-overflow: initial;
					white-space: normal;
					word-wrap: normal;
					overflow: visible;
				}



				.reservation .goods > .info > .nm > span {
					font-weight: 600;
				}

			.reservation .goods > .info > dl {
				margin-left: 2%;
				padding: 0;
				border: 0;
			}

				.reservation .goods > .info > dl:first-of-type {
					margin-top: 2%;
				}

				.reservation .goods > .info > dl > dt {
					width: 70px;
					font-size: 10.5pt;
					font-weight: normal;
					letter-spacing: 0mm;
					line-height: 100%;
				}

					.reservation .goods > .info > dl > dt:after {
						right: 0;
						position: absolute;
						content: ":";
					}

				.reservation .goods > .info > dl > dd {
					padding: 0 0 0 80px;
					font-size: 10.5pt;
					letter-spacing: 0mm;
					line-height: 150%;
				}
	/* °´½ÇÁ¤º¸ ========================================== */
	.reservation .room {
		border-bottom: 1px solid #ddd;
	}

		.reservation .room > .info {
		}



.btnibmopt {
	padding: 0;
	width: 110px;
	height: 34px;
	font-size: 11.5pt;
	font-weight: normal;
	color: #fff;
	line-height: 30px;
	text-align: center;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	display: inline-block;
	cursor: pointer;
}


/* ¿¹¾àÀÚÁ¤º¸ */
.reservation .reserinfo {
	border-bottom: 1px solid #ddd;
}

	.reservation .reserinfo > .info {
	}
/* °áÁ¦Á¤º¸  */
.reservation .payment {
	border-bottom: 1px solid #ddd;
}

/* ¿ä±ÝÃâ·Â Á¦¾î */
#payment {
	display: none;
}

	#payment .info {
		margin: 10px 0;
	}

		#payment .info dl {
			min-height: 30px;
		}

		#payment .info dt {
			padding-left: 1%;
			width: auto;
			z-index: 1;
		}

		#payment .info dd {
			padding-right: 1%;
			line-height: 150%;
			text-align: right;
		}

			#payment .info dd > .form_right {
				padding: 0;
				text-align: center;
				height: 25px;
			}

	/*°áÁ¦Á¤º¸ Å×ÀÌºí °øÅë*/
	#payment > .info dt {
		transform: translate(0,-55%);
	}

		#payment > .info dt > span {
			font-weight: normal;
			font-size: 10pt;
			line-height: 100%;
			vertical-align: middle;
		}

		#payment > .info dt > .paytit {
			font-weight: 600;
			font-size: 10.5pt;
			line-height: 100%;
			vertical-align: middle;
		}

		#payment > .info dt > .payguide {
			margin-top: 0;
			font-size: 9pt;
			line-height: 20px;
			display: inline-block;
		}

			#payment > .info dt > .payguide > span {
				color: red;
				vertical-align: top;
			}

		#payment > .info dt > a.pbtn {
			margin-top: 5px;
			padding: 0 5px;
			font-size: 9pt;
			color: #fff;
			line-height: 20px;
			display: inline-block;
		}

			#payment > .info dt > a.pbtn.cbg_custom_m {
				display: none;
			}

		#payment > .info dt > .payall {
			display: none;
		}

			#payment > .info dt > .payall > .form_right {
				height: 20px;
				line-height: 20px;
			}

				#payment > .info dt > .payall > .form_right > .form_chkbox16 {
					vertical-align: top;
				}

					#payment > .info dt > .payall > .form_right > .form_chkbox16 > input + label {
						vertical-align: middle;
					}

						#payment > .info dt > .payall > .form_right > .form_chkbox16 > input + label + label {
							vertical-align: bottom;
						}

	#payment > .info dd {
		padding-left: 25%;
		font-size: 10.5pt;
	}

		#payment > .info dd > input {
			padding-right: 2%;
			height: 25px;
			text-align: right;
		}

		#payment > .info dd > .form_input {
			padding-right: 1px;
			width: 100px;
			max-width: 100px;
			height: 28px;
			font-size: 11pt;
			color: red;
			line-height: 100%;
			text-align: right;
		}

		#payment > .info dd > .form_sel {
			width: 100px;
			max-width: 100px;
			height: 28px;
			font-size: 11pt;
		}

		#payment > .info dd > span.unit {
			font-size: 10.5pt;
			color: #777;
			font-weight: normal;
		}

	#payment #txttotal {
		border-bottom: 0;
		display: none;
	}

	#payment #txtdetail {
		padding-bottom: 0%;
		height: auto;
		display: none;
	}

		#payment #txtdetail > dt {
			margin: 0;
			padding: 0.5% 0 0.5% 3%;
			width: 49%;
			font-weight: normal;
			font-size: 10pt;
			color: #777;
			line-height: 130%;
			position: relative;
			float: left;
			transform: none;
		}

		#payment #txtdetail > dd {
			margin: 0;
			padding: 0.5% 1% 0.5% 0;
			width: 50%;
			font-weight: normal;
			font-size: 10pt;
			color: #777;
			line-height: 130%;
			float: right;
		}

	#payment #txtdiscount {
		display: none;
	}

		#payment #txtdiscount #drate {
		}

		#payment #txtdiscount > dt {
			color: red;
		}

		#payment #txtdiscount > dd {
			color: red;
			font-weight: normal;
		}

			#payment #txtdiscount > dd > span.unit {
				font-size: 10.5pt;
				color: red;
				font-weight: 500;
			}

	#payment #txtdiscdetail {
		padding-bottom: 0%;
		height: auto;
		border-top: 0;
		display: none;
	}

		#payment #txtdiscdetail > dt {
			margin: 0;
			padding: 0.5% 0 0.5% 3%;
			width: 47%;
			font-weight: normal;
			font-size: 10pt;
			color: #777;
			line-height: 130%;
			position: relative;
			float: left;
			transform: none;
		}

		#payment #txtdiscdetail > dd {
			margin: 0;
			padding: 0.5% 1% 0.5% 0;
			width: 50%;
			font-weight: normal;
			font-size: 10pt;
			color: #777;
			line-height: 130%;
			float: right;
		}
	/* ¼±¼ö±Ý(¸¶ÄÉÆÃÁö¿ø±Ý) */
	#payment #txtdeposit {
		display: none;
	}

		#payment #txtdeposit > dt {
			color: mediumvioletred;
		}

		#payment #txtdeposit > dd {
		}

		#payment #txtdeposit .form_input {
			color: mediumvioletred;
		}

		#payment #txtdeposit #dpobj {
			display: none;
		}
	/*
#payment #txtdeposit #dpobj > .form_right {}
#payment #txtdeposit #dpobj > .form_right > .form_chkbox16 {vertical-align:top;}
#payment #txtdeposit #dpobj > .form_right > .form_chkbox16 > input + label {vertical-align: top;}
#payment #txtdeposit #dpobj > .form_right > .form_chkbox16 > input + label + label {vertical-align: top;}
#payment #txtdeposit #dpval > .form_input {top:52%; right:15px; padding-right:1px; width:100px; font-size:12pt; color:#348fcb; line-height:100%; text-align:right; border:0; position:absolute; transform:translate(0,-50%);}
#payment #txtdeposit #dpval > .form_input.on {border:1px solid #ddd;}
*/

	/* Áö¿ø±Ý */
	#payment #txtsupport {
		display: none;
	}

		#payment #txtsupport > dt {
			color: #348fcb;
		}

		#payment #txtsupport > dd {
		}

			#payment #txtsupport > dd > span {
				font-size: 10.5pt
			}

		#payment #txtsupport .form_input {
			color: #348fcb;
		}

		#payment #txtsupport #sobj {
			display: none;
		}

		#payment #txtsupport #sobj2 {
			display: none;
		}
	/*
#payment #txtsupport #sobj > .form_right {}
#payment #txtsupport #sobj > .form_right > .form_chkbox16 {vertical-align: top;}
#payment #txtsupport #sobj > .form_right {}
#payment #txtsupport #sobj > .form_right > .form_chkbox16 {vertical-align: top;}
#payment #txtsupport #sobj > .form_right > .form_chkbox16 > input + label {vertical-align: top;}
#payment #txtsupport #sobj > .form_right > .form_chkbox16 > input + label + label {vertical-align: top;}

#payment #txtsupport #sobj2 > .form_right {}
#payment #txtsupport #sobj2 > .form_right > .form_chkbox16 {vertical-align: top;}
#payment #txtsupport #sobj2 > .form_right > .form_chkbox16 > input + label {vertical-align: top;}
#payment #txtsupport #sobj2 > .form_right > .form_chkbox16 > input + label + label {vertical-align: top;}

#payment #txtsupport #sval > .form_input {top:50%; right:15px; padding-right:1px; width:100px; height:30px; font-size:12pt; color:#348fcb; line-height:100%; text-align:right; border:0; position:absolute; transform:translate(0,-50%);}
#payment #txtsupport #sval > .form_input.on {max-width:100px; border:1px solid #ddd;}
*/

	#payment #txtsupportselector,
	#payment #txtsupportselector3 {
		display: none;
	}

		#payment #txtsupportselector > dt,
		#payment #txtsupportselector3 > dt {
			color: #348fcb;
		}

		#payment #txtsupportselector > dd > select,
		#payment #txtsupportselector3 > dd > select {
			color: #348fcb;
		}

	#payment #txtuser {
		display: none;
	}

		#payment #txtuser > dt {
			color: #ff5a00;
		}

		#payment #txtuser > dd {
			color: #ff5a00;
			font-weight: 500;
		}

			#payment #txtuser > dd.strike {
				text-decoration: line-through;
				text-decoration-color: red;
			}

	#payment .info dl#txtsupportagree {
		height: auto;
		display: none;
	}

		#payment .info dl#txtsupportagree > dd {
			padding: 1% 0;
			height: auto;
			text-align: center;
			line-height: 20px;
			overflow: initial;
		}

			#payment .info dl#txtsupportagree > dd > div.penaltyc {
				margin: 2% 0 0;
				padding: 2%;
				height: auto;
				border: 2px solid #0732dd;
				position: relative;
			}

				#payment .info dl#txtsupportagree > dd > div.penaltyc > dl {
					margin: 0;
					padding: 0;
					min-height: 120%;
				}

					#payment .info dl#txtsupportagree > dd > div.penaltyc > dl > dt {
						margin: 0;
						padding: 0 2%;
						width: auto;
						height: auto;
						font-weight: bold;
						font-size: 9.7pt;
						text-align: left;
						position: relative;
					}

					#payment .info dl#txtsupportagree > dd > div.penaltyc > dl > dd {
						margin: 0;
						padding: 0 5%;
						width: auto;
						height: auto;
						font-size: 9.7pt;
						text-align: left;
					}



	#payment #txtsupportagree .form_right {
	}

		#payment #txtsupportagree .form_right > .form_chkbox16 {
			vertical-align: top;
		}

			#payment #txtsupportagree .form_right > .form_chkbox16 > label > span {
				font-size: 10.5pt;
			}

				#payment #txtsupportagree .form_right > .form_chkbox16 > label > span.desc {
					font-size: 10.5pt;
				}

			#payment #txtsupportagree .form_right > .form_chkbox16 > input + label {
				margin-top: 3px;
				vertical-align: top;
			}

				#payment #txtsupportagree .form_right > .form_chkbox16 > input + label + label {
					vertical-align: top;
				}


	/*ÄíÆùÇÒÀαݾ×*/
	#payment #txtcouponrate {
		min-height: 28px;
		display: none;
	}

		#payment #txtcouponrate > dt {
			margin: 0;
			padding: 0.5% 0 0.5% 3%;
			width: 49%;
			font-weight: normal;
			font-size: 10pt;
			color: #777;
			line-height: 130%;
			position: relative;
			float: left;
			transform: none;
		}

			#payment #txtcouponrate > dt > .paytit {
				font-weight: normal;
				font-size: 10pt;
				line-height: 100%;
				vertical-align: middle;
			}

		#payment #txtcouponrate > dd {
			margin: 0;
			padding: 0.5% 1% 0.5% 0;
			width: 50%;
			font-weight: normal;
			font-size: 10pt;
			color: #777;
			line-height: 130%;
			float: right;
		}
	/*ÄíÆùÀû¿ë°¡*/
	#payment #txtcoupon {
		display: none;
	}

		#payment #txtcoupon > dt,
		#payment #txtcoupon > dd {
			color: #a566ff;
			font-weight: 500;
		}

			#payment #txtcoupon > dt > span {
				vertical-align: middle;
			}

				#payment #txtcoupon > dt > span.r {
					padding: 2px 5px 3px;
					font-size: 9pt;
					color: #fff;
					line-height: 15px;
					display: inline-block;
					background: #a566ff;
					vertical-align: middle;
					cursor: pointer;
				}

				#payment #txtcoupon > dt > span.c {
					padding: 2px 5px 3px;
					font-size: 9pt;
					color: #fff;
					line-height: 15px;
					display: inline-block;
					background: #f15f5f;
					vertical-align: middle;
					cursor: pointer;
					display: none;
				}


	/*ÀüȯÆ÷ÀÎÆ®*/
	#payment #txtpaytppoint {
		display: none;
	}

		#payment #txtpaytppoint dt {
			transform: translate(0,-50%);
		}


	/*º¹ÁöÆ÷ÀÎÆ®*/
	#payment #txtpaypoint {
		display: none;
	}

		#payment #txtpaypoint dt {
			transform: translate(0,-50%);
		}

	/*½ºÆä¼ÈÆ÷ÀÎÆ®*/
	#payment #txtpaysppoint {
		display: none;
	}

	/*¸¶Àϸ®Áö*/
	#payment #txtpaymilpoint {
		display: none;
	}

	/*²ÞÄɽ¬*/
	#payment #txtpaywcash {
		display: none;
	}

	/*·¹µåĸ»óÇ°±Ç*/
	#payment #txtpayvoucher {
		display: none;
	}

	/*KG¸ðºô¸®¾ð½º PG*/
	#payment #txtpaycd {
		display: none;
	}

		#payment #txtpaycd > dd > .form_right {
			height: 20px;
			line-height: 20px;
		}

			#payment #txtpaycd > dd > .form_right > .form_radio16 {
				vertical-align: middle;
			}

				#payment #txtpaycd > dd > .form_right > .form_radio16 > input + label {
					vertical-align: middle;
				}

					#payment #txtpaycd > dd > .form_right > .form_radio16 > input + label + label {
						vertical-align: middle;
					}

			#payment #txtpaycd > dd > .form_right > .form_radio18 {
				vertical-align: middle;
			}

				#payment #txtpaycd > dd > .form_right > .form_radio18 > input + label {
					vertical-align: middle;
				}

					#payment #txtpaycd > dd > .form_right > .form_radio18 > input + label + label {
						vertical-align: middle;
					}

	#payment #txtpayinfo1001 {
		display: none;
	}

		#payment #txtpayinfo1001 dd {
			padding-left: 25%;
			font-size: 9pt;
		}

			#payment #txtpayinfo1001 dd > div {
				vertical-align: middle;
			}

	#payment #txtpayinfo1002 {
		display: none;
	}

		#payment #txtpayinfo1002 dd {
			padding-left: 25%;
			font-size: 9pt;
			text-overflow: initial;
			white-space: normal;
			word-wrap: normal;
		}

	#payment #txtpayinfo1003 {
		display: none;
	}

		#payment #txtpayinfo1003 dd {
			padding-left: 25%;
			font-size: 9pt;
		}

			#payment #txtpayinfo1003 dd > .form_right {
				height: 20px;
				line-height: 20px;
			}

				#payment #txtpayinfo1003 dd > .form_right > .form_radio16 {
					vertical-align: middle;
				}

					#payment #txtpayinfo1003 dd > .form_right > .form_radio16 > input + label {
						vertical-align: middle;
					}

						#payment #txtpayinfo1003 dd > .form_right > .form_radio16 > input + label + label {
							vertical-align: middle;
						}

				#payment #txtpayinfo1003 dd > .form_right > .form_radio18 {
					vertical-align: middle;
				}

					#payment #txtpayinfo1003 dd > .form_right > .form_radio18 > input + label {
						vertical-align: middle;
					}

						#payment #txtpayinfo1003 dd > .form_right > .form_radio18 > input + label + label {
							vertical-align: middle;
						}

	#payment .paycdguide > dd > span {
		font-size: 10.5pt;
	}


	/*¹ÌÈ®ÀÎ(º¹ÁöÆ÷ÀÎÆ®)*/
	#payment #txttppoint {
		display: none;
	}

		#payment #txttppoint > dt,
		#payment #txttppoint > dd {
			padding-top: 2px;
			padding-bottom: 2px;
			color: #f8a50f
		}

			#payment #txttppoint > dt > span {
				padding: 2px 5px 3px;
				color: #fff;
				display: inline-block;
				background: #a566ff;
				cursor: pointer;
			}

			#payment #txttppoint > dd > p {
				padding-top: 3px;
				line-height: 150%;
			}

	/*¹ÌÈ®ÀÎ(º¹ÁöÆ÷ÀÎÆ®)*/
	#payment #txtpoint {
		display: none;
	}

		#payment #txtpoint > dt,
		#payment #txtpoint > dd {
			padding-top: 2px;
			padding-bottom: 2px;
			color: #f8a50f
		}

			#payment #txtpoint > dt > span {
				padding: 2px 5px 3px;
				color: #fff;
				display: inline-block;
				background: #a566ff;
				cursor: pointer;
			}

			#payment #txtpoint > dd > p {
				padding-top: 3px;
				line-height: 150%;
			}

	/*¹ÌÈ®ÀÎ(½ºÆä¼ÈÆ÷ÀÎÆ®)*/
	#payment #txtsppoint {
		display: none;
	}

		#payment #txtsppoint > dt,
		#payment #txtsppoint > dd {
			padding-top: 2px;
			padding-bottom: 2px;
			color: #f8a50f
		}

			#payment #txtsppoint > dt > span {
				padding: 2px 5px 3px;
				color: #fff;
				display: inline-block;
				background: #a566ff;
				cursor: pointer;
			}

			#payment #txtsppoint > dd > p {
				padding-top: 3px;
				line-height: 150%;
			}

	/*¹ÌÈ®ÀÎ(¸¶Àϸ®Áö)*/
	#payment #txtmilpoint {
		display: none;
	}

		#payment #txtmilpoint > dt,
		#payment #txtmilpoint > dd {
			padding-top: 2px;
			padding-bottom: 2px;
			color: #f8a50f
		}

			#payment #txtmilpoint > dt > span {
				padding: 2px 5px 3px;
				color: #fff;
				display: inline-block;
				background: #a566ff;
				cursor: pointer;
			}

			#payment #txtmilpoint > dd > p {
				padding-top: 3px;
				line-height: 150%;
			}

	/*¹ÌÈ®ÀÎ(²ÞÄɽ¬)*/
	#payment #txtwcash {
		display: none;
	}

		#payment #txtwcash > dt,
		#payment #txtwcash > dd {
			padding-top: 2px;
			padding-bottom: 2px;
			color: #f8a50f
		}

			#payment #txtwcash > dt > span {
				padding: 2px 5px 3px;
				color: #fff;
				display: inline-block;
				background: #a566ff;
				cursor: pointer;
			}

			#payment #txtwcash > dd > p {
				padding-top: 3px;
				line-height: 150%;
			}

	/*¹ÌÈ®ÀÎ(»óÇ°±Ç)*/
	#payment #txtvoucher {
		display: none;
	}

		#payment #txtvoucher > dt,
		#payment #txtvoucher > dd {
			padding-top: 2px;
			padding-bottom: 2px;
			color: #f8a50f
		}

			#payment #txtvoucher > dt > span {
				padding: 2px 5px 3px;
				color: #fff;
				display: inline-block;
				background: #a566ff;
				cursor: pointer;
			}

			#payment #txtvoucher > dd > p {
				padding-top: 3px;
				line-height: 150%;
			}

	/*¹ÌÈ®ÀÎ(PG)*/
	#payment #txtpayment {
		display: none;
	}

		#payment #txtpayment > dd {
			padding-top: 2px;
			padding-bottom: 2px;
		}

			#payment #txtpayment > dd > p {
				padding-top: 3px;
				line-height: 150%;
			}

	#payment #txtpayprice {
		display: none;
	}

		#payment #txtpayprice > dt > span {
			font-weight: bold;
			font-size: 10.5pt;
		}

		#payment #txtpayprice > dd > span {
			font-weight: bold;
			font-size: 10.5pt;
		}

		#payment #txtpayprice > dd #paysel {
			padding: 0 3px 0 0;
			width: 100px;
			height: 25px;
			line-height: 20px;
			text-align: right;
		}

	/*¹ÌÈ®ÀÎ(°¡À̵å)*/
	#payment #txtguide {
		display: none;
		border-top: 1px dotted #ccc;
	}

		#payment #txtguide > dd {
			padding: 1% 1%;
			font-size: 10.5pt;
			text-align: center;
			text-overflow: initial;
			white-space: initial;
			word-wrap: initial;
		}

#loading {
	display: none;
}

	#loading > .loading {
		width: 100%;
		text-align: center;
		line-height: 100px;
	}

		#loading > .loading > img {
			vertical-align: middle;
		}
/*
.loading  {min-height:100px; font-size:10pt; line-height:100px; text-align:center;}
*/

#payment .my {
	margin: 0;
	padding: 0;
}

	#payment .my > #txttotal {
		padding: 5px 0;
	}

	#payment .my > #txtdetail {
		padding: 0 0;
	}

		#payment .my > #txtdetail > dt {
		}

		#payment .my > #txtdetail > dd {
		}

		#payment .my > #txtdetail > dt:last-of-type {
			border: 0;
		}

		#payment .my > #txtdetail > dd:last-of-type {
			border: 0;
		}

	#payment .my > #txtdeposit {
		padding: 5px 0;
	}

	#payment .my > #txtuser {
		padding: 5px 0;
	}

/* ÀÌ¿ë¹®ÀÇ »ó¼¼ ===================================== */
.reservation .qna {
	position: relative;
}

	.reservation .qna > .qheader {
		margin: 0 0 2%;
		padding: 0 0 2%;
		border-bottom: 1px solid #ddd;
		display: block;
		position: relative;
	}

		.reservation .qna > .qheader:after {
			display: block;
			clear: both;
			content: "";
		}

		.reservation .qna > .qheader > .tit {
			width: 65%;
			font-weight: 600;
			font-size: 15pt;
			text-align: left;
			text-overflow: ellipsis;
			white-space: nowrap;
			word-wrap: normal;
			overflow: hidden;
			float: left;
		}

		.reservation .qna > .qheader > .reginfo {
			width: 35%;
			font-size: 11pt;
			color: #555;
			text-align: right;
			float: right;
		}

	.reservation .qna > .info {
		padding: 20px 20px;
		min-height: 200px;
		color: #555;
		border-bottom: 1px solid #e5e5e5;
	}

	.reservation .qna > .qanswer {
		margin: 0 0 0;
		padding: 20px 15px;
		width: 100%;
		border-bottom: 1px solid #e5e5e5;
		background: #f7f7f7;
		position: relative;
	}

		.reservation .qna > .qanswer:after {
			display: block;
			clear: both;
			content: "";
		}

		.reservation .qna > .qanswer > dd {
			font-size: 12.4pt;
			color: #999;
			line-height: 36px;
			position: relative;
		}

		.reservation .qna > .qanswer > .answerinfo {
			width: 26%;
			float: left;
		}

			.reservation .qna > .qanswer > .answerinfo > p {
				font-size: 11pt
			}

		.reservation .qna > .qanswer > .answer {
			padding: 0 10px;
			width: 74%;
			float: right;
		}

		.reservation .qna > .qanswer > .gubun {
			top: 0;
			left: 25%;
			margin: 20px 0 0;
			width: 1px;
			height: calc(100% - 40px);
			background: #e5e5e5;
			display: block;
			position: absolute;
			clear: both;
			content: "";
		}
/*// ÀÌ¿ë¹®ÀÇ »ó¼¼ =================================== */

/* °Ô½Ã¹° »ó¼¼ ======================================= */
.reservation .board {
	margin: 0;
	position: relative;
}

	.reservation .board > .detail > .header {
		margin: 0 0 2%;
		padding: 2% 1%;
		font-size: 12pt;
		color: #555;
		line-height: 100%;
		border-bottom: 1px solid #ddd;
		display: block;
		position: relative;
	}

		.reservation .board > .detail > .header > .writer {
			padding: 0 220px 0 0;
			color: #555;
			text-align: left;
		}

		.reservation .board > .detail > .header > .regdate {
			top: 50%;
			right: 100px;
			width: auto;
			text-align: center;
			position: absolute;
			transform: translate(0,-50%);
		}

		.reservation .board > .detail > .header > .view {
			top: 50%;
			right: 0;
			width: 100px;
			text-align: center;
			position: absolute;
			transform: translate(0,-50%);
		}

			.reservation .board > .detail > .header > .view > span {
				color: #333;
			}

	.reservation .board > .detail > .body {
		margin: 0;
		padding: 1% 3%;
		min-height: 250px;
		font-size: 11pt;
		color: #555;
		line-height: 150%;
		border-bottom: 1px solid #e5e5e5;
		overflow: auto;
	}

	.reservation .board > .detail > .attach {
		margin: 0 0 0;
		padding: 1% 1% 1.5%;
		font-size: 11.5pt;
		line-height: 100%;
		border-bottom: 1px solid #ddd;
		display: block;
		position: relative;
	}

		.reservation .board > .detail > .attach > div.tit {
			top: 14px;
			position: absolute;
		}

		.reservation .board > .detail > .attach > div.con {
			margin-left: 40px;
			position: relative;
		}

			.reservation .board > .detail > .attach > div.con > div > .ext {
				margin-right: 5px;
				vertical-align: bottom;
			}

			.reservation .board > .detail > .attach > div.con > div {
				margin-bottom: 5px;
			}

				.reservation .board > .detail > .attach > div.con > div:last-child {
					margin-bottom: 0;
				}

	.reservation .board > .detail > .btn > a {
		margin-left: 0.5%;
	}

		.reservation .board > .detail > .btn > a:first-of-type {
			margin-left: 0;
		}

	.reservation .board > .detail > .replay {
		margin: 3% 0 0;
		padding: 0;
		display: none;
	}

		.reservation .board > .detail > .replay > .header {
			padding: 1% 1%;
			font-family: "NanumSquare";
			font-weight: 900;
			font-size: 15pt;
			border-bottom: 1px solid #ddd;
		}

		.reservation .board > .detail > .replay > .body > .item {
			margin: 0;
			padding: 1.5% 1%;
			font-family: "NanumSquare";
			font-size: 11.5pt;
			color: #666;
			border-bottom: 1px dotted #ddd;
			display: block;
			position: relative;
		}

			.reservation .board > .detail > .replay > .body > .item > .con {
				margin: 0 0;
				padding: 0 3% 0 1%;
				width: 80%;
				min-height: 70px;
				border-right: 1px solid #ddd;
				position: relative;
				overflow: hidden;
			}

				.reservation .board > .detail > .replay > .body > .item > .con > a.more {
					top: 5px;
					right: 3%;
					padding: 3px 0;
					width: 35px;
					font-size: 9pt;
					line-height: 90%;
					text-align: center;
					border: 1px solid #ddd;
					position: absolute;
					transform: translate(0,0);
				}

			.reservation .board > .detail > .replay > .body > .item > .off {
				height: 70px;
				transition: height 0.5s;
			}

			.reservation .board > .detail > .replay > .body > .item > .on {
				height: auto;
				transition: height 0.5s;
			}

			.reservation .board > .detail > .replay > .body > .item > .ctrl {
				top: 50%;
				right: 0;
				padding: 0 2%;
				width: 20%;
				text-align: left;
				position: absolute;
				transform: translate(0,-50%);
			}

				.reservation .board > .detail > .replay > .body > .item > .ctrl > p {
					font-weight: 600;
					font-size: 10.5pt;
				}

					.reservation .board > .detail > .replay > .body > .item > .ctrl > p + p {
						font-weight: normal;
					}

				.reservation .board > .detail > .replay > .body > .item > .ctrl > .btn {
					text-align: left;
				}

					.reservation .board > .detail > .replay > .body > .item > .ctrl > .btn > a {
						margin: 0;
						padding: 3% 0 4%;
						font-size: 10pt;
						line-height: 100%;
					}

					.reservation .board > .detail > .replay > .body > .item > .ctrl > .btn > .edit {
						width: 30%;
					}

					.reservation .board > .detail > .replay > .body > .item > .ctrl > .btn > .delete {
						width: 30%;
					}

			.reservation .board > .detail > .replay > .body > .item > .empty {
				line-height: 75px;
				text-align: center;
			}

		.reservation .board > .detail > .replay > .body > .form {
			margin: 0;
			padding: 1.5% 0;
			width: 100%;
			background: #ebebeb;
		}

			.reservation .board > .detail > .replay > .body > .form .info {
				margin: 0 auto;
				width: 680px;
			}

				.reservation .board > .detail > .replay > .body > .form .info > dl {
					margin: 0;
					padding: 0;
				}

					.reservation .board > .detail > .replay > .body > .form .info > dl > dt {
						width: 15%;
						font-weight: 600;
						text-align: center;
					}

					.reservation .board > .detail > .replay > .body > .form .info > dl > dd {
						padding: 2px 0 2px 15%;
					}

					.reservation .board > .detail > .replay > .body > .form .info > dl.cmtgrade {
						display: none;
					}

					.reservation .board > .detail > .replay > .body > .form .info > dl.cmthp {
						display: none;
					}

					.reservation .board > .detail > .replay > .body > .form .info > dl.cmtem {
						display: none;
					}

					.reservation .board > .detail > .replay > .body > .form .info > dl.cmtpws {
						display: none;
					}

					.reservation .board > .detail > .replay > .body > .form .info > dl.cmtagree {
						display: none;
					}

						.reservation .board > .detail > .replay > .body > .form .info > dl.cmtagree > div {
							padding: 10px 5px;
						}

							.reservation .board > .detail > .replay > .body > .form .info > dl.cmtagree > div.agree_chk {
								text-align: right;
							}

								.reservation .board > .detail > .replay > .body > .form .info > dl.cmtagree > div.agree_chk .form_right {
									height: 25px;
									line-height: 25px;
								}

									.reservation .board > .detail > .replay > .body > .form .info > dl.cmtagree > div.agree_chk .form_right > .form_chkbox20 {
									}

										.reservation .board > .detail > .replay > .body > .form .info > dl.cmtagree > div.agree_chk .form_right > .form_chkbox20 input + label {
											vertical-align: bottom;
										}

						.reservation .board > .detail > .replay > .body > .form .info > dl.cmtagree > dd.cont {
							padding: 10px;
							width: 100%;
							height: 150px;
							font-size: 10pt;
							color: #555;
							line-height: 1.5em;
							text-align: justify;
							border: 1px solid #ddd;
							background: #fafafa;
							box-sizing: border-box;
							-moz-box-sizing: border-box;
							-webkit-box-sizing: border-box;
							overflow-y: scroll;
						}

							.reservation .board > .detail > .replay > .body > .form .info > dl.cmtagree > dd.cont span.t1 {
								font-size: 10pt;
								font-weight: bold;
								color: #000;
								line-height: 180%;
							}

							.reservation .board > .detail > .replay > .body > .form .info > dl.cmtagree > dd.cont span.t2r {
								color: red;
							}

							.reservation .board > .detail > .replay > .body > .form .info > dl.cmtagree > dd.cont span.t2rb {
								color: red;
								font-weight: bold;
								font-size: 12pt;
							}




			.reservation .board > .detail > .replay > .body > .form > .btn {
				margin: 1% auto 0;
				width: 680px;
				text-align: center;
			}

	.reservation .board > .write .form {
		margin: 0 auto;
		padding: 0;
		width: 980px;
	}

		.reservation .board > .write .form > dl {
		}

			.reservation .board > .write .form > dl > dt {
				width: 20%;
				text-align: center;
			}

			.reservation .board > .write .form > dl > dd {
				padding-left: 20%;
			}

			.reservation .board > .write .form > dl.dl50p {
				width: 50%;
				position: absolute;
				z-index: 1;
			}

				.reservation .board > .write .form > dl.dl50p > dt {
					width: 40%;
				}

				.reservation .board > .write .form > dl.dl50p > dd {
					padding: 0 0 0 40%;
				}

			.reservation .board > .write .form > dl.dl50pc {
				padding-left: 50%;
			}

				.reservation .board > .write .form > dl.dl50pc > dt {
					left: 50%;
					width: 20%;
				}

				.reservation .board > .write .form > dl.dl50pc > dd {
					padding: 0 0 0 40%;
				}

			.reservation .board > .write .form > dl.writer {
			}

				.reservation .board > .write .form > dl.writer > dd input[type="text"] {
					margin-right: 5px;
					width: 50%;
				}

				.reservation .board > .write .form > dl.writer > dd > .secret {
					display: none;
				}

					.reservation .board > .write .form > dl.writer > dd > .secret > .form_right {
						vertical-align: middle;
					}

						.reservation .board > .write .form > dl.writer > dd > .secret > .form_right > .form_chkbox20 {
						}

							.reservation .board > .write .form > dl.writer > dd > .secret > .form_right > .form_chkbox20 > input,
							.reservation .board > .write .form > dl.writer > dd > .secret > .form_right > .form_chkbox20 > label {
								vertical-align: middle;
							}


			.reservation .board > .write .form > dl.email {
				display: none;
			}

			.reservation .board > .write .form > dl.tel {
				display: none;
			}

				.reservation .board > .write .form > dl.tel > dd {
					width: 60%;
				}

			.reservation .board > .write .form > dl.pass {
				display: none;
			}

				.reservation .board > .write .form > dl.pass > dd input[type="password"] {
					width: 50%;
				}

			.reservation .board > .write .form > dl.contents > dd textarea {
				min-height: 400px;
			}

			.reservation .board > .write .form > dl.attach {
				position: relative;
				display: none;
			}

				.reservation .board > .write .form > dl.attach > dd > #tbattach {
				}

					.reservation .board > .write .form > dl.attach > dd > #tbattach > div {
						padding: 0;
						text-align: left;
						border: 0;
						position: relative;
					}

						.reservation .board > .write .form > dl.attach > dd > #tbattach > div > input[type="file"] {
							margin: 0;
							padding: 0;
							width: 35%;
							height: 28px;
							font-size: 10pt;
							vertical-align: middle;
							border: 1px solid #dfdfdf;
						}

						.reservation .board > .write .form > dl.attach > dd > #tbattach > div > div.attachinfo {
							margin: 0;
							padding: 0px;
							line-height: 25px;
							display: inline-block;
							vertical-align: middle;
						}
							/*
.reservation .board > .write .form > dl.attach > dd > #tbattach > div > div.attachinfo > .icon {margin-right:5px;  display:inline-block; position:relative;}
.reservation .board > .write .form > dl.attach > dd > #tbattach > div > div.attachinfo > .icon:after {position:relative; display:block; clear:both; content:""; }
.reservation .board > .write .form > dl.attach > dd > #tbattach > div > div.attachinfo > .icon > .ext {top:50%; left:0; transform:translate(0, -50%); position:absolute;}
.reservation .board > .write .form > dl.attach > dd > #tbattach > div > div.attachinfo > .fnm {margin-left:30px;  display:inline-block; position:relative;}
.reservation .board > .write .form > dl.attach > dd > #tbattach > div > div.attachinfo  .form_right { height: 25px; line-height:25px;}
.reservation .board > .write .form > dl.attach > dd > #tbattach > div > div.attachinfo  .form_right > .form_chkbox20 {}
.reservation .board > .write .form > dl.attach > dd > #tbattach > div > div.attachinfo  .form_right > .form_chkbox20 input + label {vertical-align:bottom;}
*/
							.reservation .board > .write .form > dl.attach > dd > #tbattach > div > div.attachinfo > .fnm {
								margin-left: 20px;
								display: inline-block;
							}

								.reservation .board > .write .form > dl.attach > dd > #tbattach > div > div.attachinfo > .fnm > .ext {
									top: 50%;
									left: 0;
									transform: translate(0, -50%);
									position: absolute;
								}

							.reservation .board > .write .form > dl.attach > dd > #tbattach > div > div.attachinfo > .fdel {
								margin-left: 10px;
								display: inline-block;
							}

								.reservation .board > .write .form > dl.attach > dd > #tbattach > div > div.attachinfo > .fdel > .form_right {
									height: 24px;
									vertical-align: middle;
								}

									.reservation .board > .write .form > dl.attach > dd > #tbattach > div > div.attachinfo > .fdel > .form_right > .form_chkbox18 {
										height: 20px;
										vertical-align: middle;
									}

										.reservation .board > .write .form > dl.attach > dd > #tbattach > div > div.attachinfo > .fdel > .form_right > .form_chkbox18 > label {
											vertical-align: top;
										}

											.reservation .board > .write .form > dl.attach > dd > #tbattach > div > div.attachinfo > .fdel > .form_right > .form_chkbox18 > label + label {
												line-height: 20px;
											}

						.reservation .board > .write .form > dl.attach > dd > #tbattach > div + div {
							margin-top: 5px;
						}

						.reservation .board > .write .form > dl.attach > dd > #tbattach > div > div.attachbtn {
							margin: 0;
							padding: 0;
							vertical-align: middle;
							display: inline-block;
							position: relative;
						}

							.reservation .board > .write .form > dl.attach > dd > #tbattach > div > div.attachbtn > a {
								margin: 0;
								padding: 0;
								width: 40px;
								height: 28px;
								color: #fff;
								font-size: 10pt;
								text-align: center;
								line-height: 28px;
								background: red;
								display: block;
								border: 0px solid #dfdfdf;
							}

				.reservation .board > .write .form > dl.attach > dd > #btnattach {
					top: 0;
					right: 15px;
					position: absolute;
				}

					.reservation .board > .write .form > dl.attach > dd > #btnattach > a {
						margin: 0;
						padding: 0;
						width: 80px;
						height: 28px;
						color: #fff;
						font-size: 10pt;
						text-align: center;
						line-height: 28px;
						display: block;
						border: 1px solid #dfdfdf;
					}

				.reservation .board > .write .form > dl.attach > dd > #tbattachtype {
					margin-top: 5px;
					height: 13px;
					font-size: 13px;
					color: dodgerblue;
					line-height: 20px;
				}


			.reservation .board > .write .form > dl.agree {
				display: none;
			}

				.reservation .board > .write .form > dl.agree > div {
					padding: 10px 5px;
					line-height: 150%;
				}

					.reservation .board > .write .form > dl.agree > div.agree_chk {
						text-align: right;
					}

						.reservation .board > .write .form > dl.agree > div.agree_chk .form_right {
							height: 25px;
							line-height: 25px;
						}

							.reservation .board > .write .form > dl.agree > div.agree_chk .form_right > .form_chkbox20 {
							}

								.reservation .board > .write .form > dl.agree > div.agree_chk .form_right > .form_chkbox20 input + label {
									vertical-align: bottom;
								}

				.reservation .board > .write .form > dl.agree > dd.cont {
					padding: 10px;
					width: 100%;
					height: 150px;
					font-size: 10pt;
					color: #555;
					line-height: 1.5em;
					text-align: justify;
					border: 1px solid #ddd;
					background: #fafafa;
					box-sizing: border-box;
					-moz-box-sizing: border-box;
					-webkit-box-sizing: border-box;
					overflow-y: scroll;
				}

					.reservation .board > .write .form > dl.agree > dd.cont span.t1 {
						font-size: 10pt;
						font-weight: bold;
						color: #000;
						line-height: 180%;
					}

					.reservation .board > .write .form > dl.agree > dd.cont span.t2r {
						color: red;
					}

					.reservation .board > .write .form > dl.agree > dd.cont span.t2rb {
						color: red;
						font-weight: bold;
						font-size: 12pt;
					}



				.reservation .board > .write .form > dl.agree > agree_chk {
				}


			.reservation .board > .write .form > dl.regdate {
				display: none;
			}

			.reservation .board > .write .form > dl.editdate {
				display: none;
			}

		.reservation .board > .write .form > .btn {
		}

			.reservation .board > .write .form > .btn > a {
			}

				.reservation .board > .write .form > .btn > a:first-of-type {
					margin-right: 1%;
				}

/*

.reservation .board > .detail > .replay > .body > .form .info {margin:0; padding:0; }
.reservation .board > .detail > .replay > .body > .form .info > dl {margin:0; padding:2px 0; border:0;}
.reservation .board > .detail > .replay > .body > .form .info > dl > dt {width:14%; text-align:center;}
.reservation .board > .detail > .replay > .body > .form .info > dl > dd {padding:0 15% 0;}
.reservation .board > .detail > .replay > .body > .form .info > dl > dd > textarea {width:100%; height:80px; line-height:150%;}
.reservation .board > .detail > .replay > .body > .form .info > dl > dd > input[type="password"] {margin-top:5px; width:50%;}
.reservation .board > .detail > .replay > .body > .form .btn {top:50%; right:0; margin:0; padding:0; width:14%; height:80px; position:absolute; transform:translate(0,-50%);}
.reservation .board > .detail > .replay > .body > .form .btn > a {margin:0; padding:0; width:100%; height:100%; line-height:500%;}
*/
/*// °Ô½Ã¹° »ó¼¼ ===================================== */

/* ¿¹¾à¹öÆ° ========================================== */
.reservation .btn {
	margin: 3% 0 3%;
}


/* °øÅë ¸®½ºÆ® ¿µ¿ª ================================== */

/* class Shadow */
.shadow {
	box-shadow: 2px 5px 10px 0 rgba(0,0,0,0.3);
	-webkit-box-shadow: 2px 5px 10px 0 rgba(0,0,0,0.3);
	-moz-box-shadow: 2px 5px 10px 0 rgba(0,0,0,0.3);
}

.test {
	border: 1px dotted red;
}

.test1 {
	border: 1px dotted blue;
}

.test2 {
	border: 1px dotted;
}

.test3 {
	border: 1px dotted yellow;
}

.begintime {
	bottom: 50px;
	left: 0;
	margin: 0;
	width: 200px;
	font-size: 10pt;
	color: #fff;
	line-height: 300%;
	text-align: center;
	border: 2px solid red;
	background: rgba(0,0,0,0.7);
	position: fixed;
	;
}

	.begintime > div {
		margin: 0 5px;
		padding: 0 10px;
		font-size: 12pt;
		color: red;
		line-height: 250%;
		background: rgba(255,255,255,1);
		display: inline-block;
	}


#lgifecareHead {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#wrap {
	margin: 0;
	padding: 0;
	width: 100%;
	min-width: 1100px;
	height: 100%;
	position: relative;
}

	#wrap:after {
		display: block;
		position: relative;
		clear: both;
		content: "";
	}


.top_info {
	background: #f4f4f4;
	padding: 1em;
	color: #747474;
	text-align: center;
	font-size: 14px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

	.top_info span {
		color: #1559be;
		font-weight: bold;
	}



/* header ============================================ */
#header {
	top: 0;
	left: 0;
	width: 100%;
	min-width: 1100px;
	height: 150px;
	background: rgba(0,0,0,0.0);
	border-bottom: 1px solid rgba(255,255,255,0.5);
	position: absolute;
	z-index: 1001;
}

	#header:after {
		display: block;
		clear: both;
		content: "";
	}

	#header * {
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	/* tnb */
	#header > #tnb {
		min-width: 1100px;
		height: 28px;
		display: none;
		position: relative;
	}

		#header > #tnb > .inner {
			height: 100%;
		}

			#header > #tnb > .inner > ul {
				top: auto;
				left: auto;
				right: 10px;
				position: absolute;
				z-index: 1001;
			}

				#header > #tnb > .inner > ul:after {
					display: block;
					clear: both;
					content: "";
				}

				#header > #tnb > .inner > ul > li {
					margin-left: 11px;
					padding-left: 11px;
					font-size: 9.0pt;
					line-height: 28px;
					color: #fff;
					position: relative;
					float: left;
				}

					#header > #tnb > .inner > ul > li:first-of-type:after {
						display: none;
					}

					#header > #tnb > .inner > ul > li:after {
						top: 50%;
						left: 0;
						margin-top: -3px;
						width: 1px;
						height: 8px;
						background: #fff;
						content: "";
						position: absolute;
					}

					#header > #tnb > .inner > ul > li strong {
						font-size: 9.7pt;
						line-height: 28px;
						display: inline-block;
					}

					#header > #tnb > .inner > ul > li a {
						font-size: 9pt;
						font-weight: bold;
						color: #fff;
						line-height: 28px;
						display: inline-block;
					}

					#header > #tnb > .inner > ul > li .emph {
						color: #666;
						background-color: #fff;
						display: inline-block;
					}


			#header > #tnb > .inner > .icon {
				top: auto;
				left: 10px;
				right: auto;
				position: absolute;
				z-index: 1001;
			}

	/* gnb area */
	#header > #gnb {
		margin: 0 auto 0;
		width: 1100px;
		height: 120px;
		position: relative;
	}
		/* °í°´»ç logo */
		#header > #gnb > .logo {
			top: 50%;
			left: 0;
			width: 40%;
			height: 100px;
			position: absolute;
			transform: translate(0,-50%);
		}

			#header > #gnb > .logo img {
				top: 50%;
				position: absolute;
				transform: translate(0,-50%);
			}
		/* »óÇ°±Ç icon */
		#header > #gnb .voucher {
			top: 13px;
			right: 0;
			margin: 0;
			padding: 0;
			width: auto;
			height: 25px;
			position: absolute;
		}

			#header > #gnb .voucher > a {
				display: inline-block;
			}

		/* gnb menu area */
		#header > #gnb > #nav {
			top: 50%;
			right: 0;
			display: none;
			position: absolute;
			transform: translate(0,-50%);
		}
			/* gnb menu button(mobile) */
			#header > #gnb > #nav > div.gnbctrm {
				display: none;
			}
			/* gnb menu background(mobile) */
			#header > #gnb > #nav > div.mbg {
				display: none;
			}
			/* gnb menu item area */
			#header > #gnb > #nav > ul.gnb {
				position: relative;
			}

				#header > #gnb > #nav > ul.gnb:after {
					display: block;
					clear: both;
					content: "";
				}

				/* gnb menu item */
				#header > #gnb > #nav > ul.gnb > li {
					margin: 0;
					padding: 0;
					max-width: 160px;
					height: 100%;
					position: relative;
					float: left;
				}

					#header > #gnb > #nav > ul.gnb > li:after {
						top: 50%;
						left: 0;
						margin-top: 0;
						width: 1px;
						height: 12px;
						position: absolute;
						background: #efefef;
						content: "";
						transform: translate(0,-50%);
					}

					#header > #gnb > #nav > ul.gnb > li:first-of-type:after {
						display: none;
					}

					#header > #gnb > #nav > ul.gnb > li > p {
						padding: 0 15px;
						width: 100%;
						height: 44px;
						font-size: 12pt;
						color: #fff;
						line-height: 44px;
						text-align: center;
						text-overflow: ellipsis;
						white-space: nowrap;
						word-wrap: normal;
						overflow: hidden;
						display: block;
						cursor: pointer;
						z-index: 1003;
					}

					#header > #gnb > #nav > ul.gnb > li > .new {
						top: 0;
						left: 0;
						width: 35px;
						height: 35px;
						background: url('/common/img/skin/type6/menu_new.png') 0 0 no-repeat;
						position: absolute;
					}

					#header > #gnb > #nav > ul.gnb > li > .kto {
						top: 0;
						left: 0;
						width: 35px;
						height: 35px;
						background: url('/common/img/skin/type6/menu_kto.png') 0 0 no-repeat;
						position: absolute;
					}

					#header > #gnb > #nav > ul.gnb > li > ul.snb {
						top: 44px;
						left: 0;
						padding: 10px 0;
						width: 100%;
						min-height: 280px;
						display: none;
						position: absolute;
					}

						#header > #gnb > #nav > ul.gnb > li > ul.snb > li {
							margin: 0;
							padding: 0 0;
							height: 35px;
							text-align: center;
						}

							#header > #gnb > #nav > ul.gnb > li > ul.snb > li > a {
								width: 100%;
								height: 20px;
								font-size: 10.3pt;
								color: #555;
								letter-spacing: -0.2mm;
								line-height: 120%;
								display: block;
								font-weight: normal;
							}

					#header > #gnb > #nav > ul.gnb > li.mc01_bg {
						min-width: 120px;
					}

						#header > #gnb > #nav > ul.gnb > li.mc01_bg > ul.snb {
							background: rgba(255,255,255,0.95);
						}

					#header > #gnb > #nav > ul.gnb > li.mc02_bg {
						min-width: 110px;
					}

						#header > #gnb > #nav > ul.gnb > li.mc02_bg > ul.snb {
							background: rgba(236,241,245,0.95);
						}

					#header > #gnb > #nav > ul.gnb > li.on:after,
					#header > #gnb > #nav > ul.gnb > li.on + li:after {
						display: none;
					}

					#header > #gnb > #nav > ul.gnb > li.mc01_bg.on,
					#header > #gnb > #nav > ul.gnb > li.mc02_bg.on {
						border-top: 1px solid #ccc;
						border-bottom: 1px solid #ccc;
						box-sizing: border-box;
						-moz-box-sizing: border-box;
						-webkit-box-sizing: border-box;
						background: #fff;
					}

						#header > #gnb > #nav > ul.gnb > li.mc01_bg.on > p,
						#header > #gnb > #nav > ul.gnb > li.mc02_bg.on > p {
							height: 42px;
							line-height: 42px;
							font-weight: 500;
						}

						#header > #gnb > #nav > ul.gnb > li.mc01_bg.on:first-child {
							border-left: 1px solid #ccc;
						}

						#header > #gnb > #nav > ul.gnb > li.mc02_bg.on:last-child {
							border-right: 1px solid #ccc;
						}

					#header > #gnb > #nav > ul.gnb > li.mc01_bg + li.mc02_bg:after {
						display: none;
					}

					#header > #gnb > #nav > ul.gnb > li:first-child {
						border-radius: 7px 0 0 7px;
					}

					#header > #gnb > #nav > ul.gnb > li:nth-last-child(2) {
						border-radius: 0 7px 7px 0;
					}

				#header > #gnb > #nav > ul.gnb > #m90 {
					display: none;
				}

		#header > #gnb .voucher + #nav {
			top: 65%;
		}


		/* gnb area button(mobile) */
		#header > #gnb #gmenu.nbtn {
			display: none;
		}

		#header > #gnb #gnavi.ntxt {
			display: none;
		}

		#header > #gnb #gmclose.nbtn {
			display: none;
		}

		#header > #gnb #gsearch.nbtn {
			display: none;
		}

		#header > #gnb #gsclose.nbtn {
			display: none;
		}
	/* gnb menu scroll class */
	#header.scroll {
		background: #fff;
		border-color: rgba(78, 77, 77, 0.3);
	}

		#header.scroll > #gnb > #nav > ul.gnb > li.mc01_bg > ul.snb {
			background: rgba(255,255,255,1);
		}

		#header.scroll > #gnb > #nav > ul.gnb > li.mc02_bg > ul.snb {
			background: rgba(236,241,245,1);
		}
/*// header ========================================== */

/* ¸ÞÀÎSearch ======================================== */
#mainsearch {
	top: 170px;
	left: 0;
	width: 100%;
	min-width: 1100px;
	position: absolute;
	z-index: 1000;
	display: none;
}

	#mainsearch > .inner {
	}

		#mainsearch > .inner > .searchctrm {
			display: none;
		}

		#mainsearch > .inner > .search_form {
			right: 60px;
			margin: 0 0 30px;
			padding: 0;
			width: 300px;
			border-radius: 5px;
			background: rgba(255,255,255,0.8);
			position: absolute; /*z-index:900;*/
			overflow: hidden;
		}

			#mainsearch > .inner > .search_form > h3 {
				margin: 0 25px 10px;
				padding: 15px 0;
				font-size: 12pt;
				text-align: center;
				border-bottom: 1px solid #c2c5c6;
				font-weight: 600;
			}

				#mainsearch > .inner > .search_form > h3 > img {
					margin-top: -3px;
					vertical-align: middle;
				}

			#mainsearch > .inner > .search_form > form {
				margin: 15px 25px;
			}

			#mainsearch > .inner > .search_form .info {
			}

				#mainsearch > .inner > .search_form .info > dl {
					margin-bottom: 5px;
				}

					#mainsearch > .inner > .search_form .info > dl.scp {
						display: block;
					}

					#mainsearch > .inner > .search_form .info > dl.scm {
						display: none;
					}

					#mainsearch > .inner > .search_form .info > dl > dt {
						width: 100%;
						position: relative;
						transform: translate(0,0);
					}

						#mainsearch > .inner > .search_form .info > dl > dt > label {
							font-size: 10.8pt;
							color: #7c7c7c;
							line-height: 30px;
							display: block;
						}

					#mainsearch > .inner > .search_form .info > dl > dd {
						margin: 0;
						padding-left: 0;
						line-height: 100%;
					}

						#mainsearch > .inner > .search_form .info > dl > dd > input {
							width: 100%;
							height: 34px;
							font-size: 10.5pt;
							line-height: 130%;
							border-radius: 5px;
						}

						#mainsearch > .inner > .search_form .info > dl > dd > select {
							width: 100%;
							height: 34px;
							font-size: 10.5pt;
							line-height: 130%;
							border-radius: 5px;
						}

						#mainsearch > .inner > .search_form .info > dl > dd.cal {
						}

							#mainsearch > .inner > .search_form .info > dl > dd.cal > input {
								width: 48%;
								float: left;
							}

								#mainsearch > .inner > .search_form .info > dl > dd.cal > input + input {
									width: 48%;
									float: right;
								}

							#mainsearch > .inner > .search_form .info > dl > dd.cal > select {
								width: 42%;
								float: right;
							}

			#mainsearch > .inner > .search_form .btn > a {
				margin-top: 10px;
				width: 100%;
				height: 38px;
				line-height: 38px;
				border-radius: 5px;
			}

			#mainsearch > .inner > .search_form > .fold {
				margin: 0;
				width: 100%;
				border-radius: 0 0 5px 5px;
				background: #fff;
				z-index: 900;
				overflow: hidden;
			}

				#mainsearch > .inner > .search_form > .fold > a {
					padding: 0;
					width: 100%;
					font-size: 10.5pt;
					font-weight: normal;
					color: #999;
					line-height: 200%;
					text-align: center;
					display: block;
					cursor: pointer;
				}

					#mainsearch > .inner > .search_form > .fold > a > .arr {
						margin-left: 10px;
						width: 13px;
						height: 9px;
						background: url('/common/img/skin/type6/arr_down.png') 0 0 no-repeat;
						display: inline-block;
						vertical-align: middle;
					}

					#mainsearch > .inner > .search_form > .fold > a.on > .arr {
						background: url('/common/img/skin/type6/arr_up.png');
					}

			#mainsearch > .inner > .search_form.active {
				background: rgba(255,255,255,1);
			}

				#mainsearch > .inner > .search_form.active > .fold {
					background: #ddd;
				}

					#mainsearch > .inner > .search_form.active > .fold > a {
						color: #555;
					}
/*// ¸ÞÀÎSearch ====================================== */


/* ¸ÞÀÎVisual ======================================== */
#mainvisual { margin: 0; padding: 150px 0 0; width: 100%; min-width: 1100px; height: 550px; position: relative; overflow: hidden; }
/* mainslide */
#mainvisual > .main_slide {}
#mainvisual > .main_slide > .item {}
/* slide image */
#mainvisual > .main_slide.owl-carousel .item { background-position: center center !important; background-repeat: no-repeat !important; background-size: cover !important; position: relative; }
#mainvisual > .main_slide.owl-carousel .item * { box-sizing: border-box; }
#mainvisual > .main_slide.owl-carousel .item > .inner { height: 100%; display: block; position: relative; }
#mainvisual > .main_slide.owl-carousel .item > .inner > .txt { top: 40%; left: 0; margin: 0; padding: 0; width: 740px; height: 60%; position: absolute; transform: translate(0,-50%); }
#mainvisual > .main_slide.owl-carousel .item > .inner > .txt:after { position: relative; clear: both; content: ""; }
#mainvisual > .main_slide.owl-carousel .item > .inner > .txt > .titrest {
	top: 35%;
	left: 8%;
	width: 80%;
	font-size: 15pt;
	/* font-weight: 500; */
	color: #fff;
	line-height: 150%;
	text-shadow: 2px 2px 10px #444;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	position: absolute;
	transform: translate(0,-50%);
}

#mainvisual > .main_slide.owl-carousel .item > .inner > .txt > .titrest > span { font-size: 15pt; font-weight: 600; line-height: 150%; text-shadow: 1px 1px 3px #efefef; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; }
#mainvisual > .main_slide.owl-carousel .item > .inner > .txt > .titrest > h2 { font-family: "NanumSquare";	font-size: 38pt; font-weight: 900; line-height: 150%; }
#mainvisual > .main_slide.owl-carousel .item > .inner > .txt > .titrest > h2 > span { font-family: "NanumSquare"; font-size: 38pt; font-weight: 900; line-height: 150%; text-shadow: 3px 3px 6px #efefef; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;	}
#mainvisual > .main_slide.owl-carousel .item > .inner > .txt > .titimg {
	top: 50%;
	left: 5%;
	width: 90%;
	height: 100%;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	position: absolute;
	transform: translate(0,-50%);
}
#mainvisual > .main_slide.owl-carousel .item > .inner > .txt > .tittxt { top: 50%; left: 8%; width: 80%; font-family: "NanumSquare"; font-size: 40pt; font-weight: 900; line-height: 150%; position: absolute; transform: translate(0,-50%); }
#mainvisual > .main_slide.owl-carousel .item > .inner > .txt > .tittxt > .maintxt,
#mainvisual > .main_slide.owl-carousel .item > .inner > .txt > .tittxt > .maintxt > span {
	margin-bottom: 10px;
	font-family: "NanumSquare";
	font-size: 32pt;
	font-weight: 900;
	line-height: 120%;
}
#mainvisual > .main_slide.owl-carousel .item > .inner > .txt > .tittxt > .subtxt1,
#mainvisual > .main_slide.owl-carousel .item > .inner > .txt > .tittxt > .subtxt1 > span {
	margin-bottom: 10px;
	font-family: "NanumSquare";
	font-size: 15pt;
	font-weight: 600;
	line-height: 120%;
}

#mainvisual > .main_slide.owl-carousel .item > .inner > .txt > .tittxt > .subtxt2,
#mainvisual > .main_slide.owl-carousel .item > .inner > .txt > .tittxt > .subtxt2 > span {
	font-family: "NanumSquare";
	font-size: 13pt;
	font-weight: 600;
	line-height: 120%;
}

	#mainvisual > .main_slide.owl-carousel .item > .inner > .custxt {
		top: 45%;
		right: 1%;
		margin: 0;
		padding: 5px;
		width: 390px;
		font-size: 20pt;
		font-weight: bold;
		color: #fff;
		text-align: right;
		position: absolute;
		transform: translate(0,-50%);
		display: none;
	}

	#mainvisual > .main_slide.owl-carousel .item > .inner > .custxt > img {
		width: 100%;
	}

	#mainvisual > .main_slide.owl-carousel .item > .inner > .go {
		bottom: 21%;
		right: 35%;
		padding: 0 0;
		width: 150px;
		height: 45px;
		font-weight: bold;
		font-size: 13pt;
		line-height: 40px;
		text-align: center;
		border: 3px solid;
		position: absolute;
		transform: translate(0,-50%);
		z-index: 100;
	}

	#mainvisual > .main_slide.owl-carousel .item > .inner > .go > a {
		width: 100%;
		height: 100%;
		background: #fff;
		display: block;
	}

	/* slide owl-carousel*/
	#mainvisual > .main_slide.owl-carousel .owl-controls {
	}
	/* slide navi */
	#mainvisual > .main_slide.owl-carousel .owl-controls > .owl-nav {
		bottom: 50%;
		left: 50%;
		margin: 0;
		padding: 0;
		position: absolute;
		transform: translate(-50%, 50%);
		z-index: 1;
	}

	#mainvisual > .main_slide.owl-carousel .owl-controls > .owl-nav > .owl-prev {
		top: -33px;
		left: -590px;
		width: 32px;
		height: 66px;
		background: url('/common/img/skin/type6/sub_visual_prev.png') 0 0 no-repeat;
		background-size: 32px;
		text-indent: -9999px;
		position: absolute;
	}

	#mainvisual > .main_slide.owl-carousel .owl-controls > .owl-nav > .owl-next {
		top: -33px;
		right: -590px;
		width: 32px;
		height: 66px;
		background: url('/common/img/skin/type6/sub_visual_next.png') 0 0 no-repeat;
		background-size: 32px;
		text-indent: -9999px;
		position: absolute;
	}
	/* slide dots */
	#mainvisual > .main_slide.owl-carousel .owl-controls > .owl-dots {
		bottom: 30%;
		left: 45%;
		margin: 0;
		padding: 0 10%;
		width: 1100px;
		height: 0;
		position: absolute;
		transform: translate(-50%,-50%);
	}

		#mainvisual > .main_slide.owl-carousel .owl-controls > .owl-dots > .owl-dot {
			margin-left: 10px;
			width: 11px;
			height: 11px;
			border-radius: 50%;
			background: #fff;
			display: inline-block;
			z-index: 1;
		}

			#mainvisual > .main_slide.owl-carousel .owl-controls > .owl-dots > .owl-dot:first-of-type {
				margin-left: 0
			}

			#mainvisual > .main_slide.owl-carousel .owl-controls > .owl-dots > .owl-dot.active {
				width: 30px;
				border-radius: 6px;
			}
	/*// ¸ÞÀι«ºñ ======================================== */

	/* À̺¥Æ®½æ³×ÀÏ ====================================== */
	#mainvisual > .main_event_dots {
		top: 150px;
		width: 100%;
		position: absolute;
		z-index: 1;
		display: none;
	}

		#mainvisual > .main_event_dots > .inner {
			height: 40px;
			background: rgba(0,0,0,0.3);
		}

			#mainvisual > .main_event_dots > .inner.owl-carousel .item {
				padding: 5px 10px;
				height: 40px;
				font-size: 11pt;
				color: #fff;
				line-height: 30px;
				text-align: center;
				text-overflow: ellipsis;
				white-space: nowrap;
				word-wrap: normal;
				overflow: hidden;
				cursor: pointer;
			}

			#mainvisual > .main_event_dots > .inner.owl-carousel .owl-stage-outer > .owl-stage > .owl-item.on {
				border-top: 3px solid #fff;
			}

				#mainvisual > .main_event_dots > .inner.owl-carousel .owl-stage-outer > .owl-stage > .owl-item.on .item {
					padding-top: 2px;
				}
	/* À̺¥Æ®½æ³×ÀÏ ====================================== */

	/* ¸ÞÀÎÃßõ ========================================== */
	#mainvisual > .main_recom {
		bottom: 0;
		width: 100%;
		position: absolute;
		opacity: 0;
		z-index: 1;
	}

		#mainvisual > .main_recom > .tab {
			margin: 0;
			padding: 0;
			position: relative;
		}

			#mainvisual > .main_recom > .tab:after {
				display: block;
				clear: both;
				content: "";
			}

			#mainvisual > .main_recom > .tab > .inner {
			}

				#mainvisual > .main_recom > .tab > .inner .item {
					margin-left: 1%;
					padding: 8px 0;
					width: 20%;
					max-width: 200px;
					font-size: 12.4pt;
					color: #333;
					line-height: 130%;
					text-align: center;
					border-radius: 0 5px 0 0;
					background: rgba(255,255,255,0.7);
					float: left;
				}

					#mainvisual > .main_recom > .tab > .inner .item.on {
						color: #fff;
						background: rgba(0,0,0,0.7);
					}

						#mainvisual > .main_recom > .tab > .inner .item.on > a {
							width: 100%;
							line-height: 110%;
							display: block;
						}

			#mainvisual > .main_recom > .tab > .count {
				top: 50%;
				right: 1%;
				width: 100%;
				color: #fff;
				text-align: right;
				position: absolute;
				transform: translate(0,-50%);
				display: none;
			}

				#mainvisual > .main_recom > .tab > .count > span {
					margin-right: 2%;
					padding: 1% 0;
					font-size: 12.4pt;
					color: #fff;
					line-height: 130%;
					text-align: right;
					float: right;
				}

		#mainvisual > .main_recom > .body {
			background: rgba(0,0,0,0.7);
		}

			#mainvisual > .main_recom > .body > .inner {
				padding: 20px 60px;
				height: 150px;
			}

				#mainvisual > .main_recom > .body > .inner.owl-carousel .item {
					padding: 0;
					height: 110px;
					border-radius: 5px;
					background: #4DC7A0;
					position: relative;
					overflow: hidden;
				}

					#mainvisual > .main_recom > .body > .inner.owl-carousel .item .img {
						width: 100%;
						height: 100%;
						background-position: center center !important;
						background-repeat: no-repeat !important;
						background-size: cover !important;
						position: relative;
					}

						#mainvisual > .main_recom > .body > .inner.owl-carousel .item .img > .disc {
							bottom: 0;
							padding: 7px 0;
							width: 100%;
							background: rgba(255,255,255,0.7);
							position: absolute;
						}

							#mainvisual > .main_recom > .body > .inner.owl-carousel .item .img > .disc > p {
								padding: 0 8px;
								font-family: "NanumSquare";
								font-size: 11pt;
								font-weight: 600;
								color: #555;
								line-height: 130%;
								letter-spacing: -0.3mm;
								text-overflow: ellipsis;
								white-space: nowrap;
								word-wrap: normal;
								overflow: hidden;
							}

								#mainvisual > .main_recom > .body > .inner.owl-carousel .item .img > .disc > p > span {
									font-size: 11pt;
									font-weight: 600;
									line-height: 130%;
									letter-spacing: -0.5mm;
								}

				#mainvisual > .main_recom > .body > .inner.owl-carousel .owl-controls {
					top: 35%;
					left: 50%;
					width: 100%;
					height: 33px;
					position: absolute;
					transform: translate(-50%,0);
					z-index: -1;
				}

					#mainvisual > .main_recom > .body > .inner.owl-carousel .owl-controls > .owl-nav {
						height: 100%;
					}

						#mainvisual > .main_recom > .body > .inner.owl-carousel .owl-controls > .owl-nav > .owl-prev {
							bottom: 0;
							left: 22px;
							margin-top: 0;
							width: 16px;
							height: 33px;
							background: url('/common/img/skin/type6/sub_visual_prev.png') 0 0 no-repeat;
							background-size: 16px;
							text-indent: -9999px;
							position: absolute;
						}

						#mainvisual > .main_recom > .body > .inner.owl-carousel .owl-controls > .owl-nav > .owl-next {
							bottom: 0;
							right: 22px;
							margin-top: 0;
							width: 16px;
							height: 33px;
							background: url('/common/img/skin/type6/sub_visual_next.png') 0 0 no-repeat;
							background-size: 16px;
							text-indent: -9999px;
							position: absolute;
						}

				#mainvisual > .main_recom > .body > .inner.owl-carousel .item .item_bedge {
					top: 0;
					left: 0;
					padding: 3% 3.5%;
					width: 100%;
					display: block;
					position: absolute;
					z-index: 1;
				}

					#mainvisual > .main_recom > .body > .inner.owl-carousel .item .item_bedge img {
						margin-left: 2%;
						width: 15%;
						float: left;
					}

						#mainvisual > .main_recom > .body > .inner.owl-carousel .item .item_bedge img:first-of-type {
							margin-left: 0;
						}

						#mainvisual > .main_recom > .body > .inner.owl-carousel .item .item_bedge img:nth-child(n+7) {
							margin-top: 3%;
						}

						#mainvisual > .main_recom > .body > .inner.owl-carousel .item .item_bedge img:nth-child(6n+1) {
							margin-left: 0;
						}
/*// ¸ÞÀÎÃßõ ======================================== */

/* ¼­ºê¹«ºñ ========================================== */
#subvisual {
	margin: 0;
	padding: 150px 0 0;
	width: 100%;
	min-width: 1100px;
	height: 400px;
	position: relative;
	overflow: hidden;
}
	/* slide area */
	#subvisual > .sub_slide {
	}

		#subvisual > .sub_slide > .item {
		}

		/* slide image */
		#subvisual > .sub_slide.owl-carousel .item {
			background-position: center 80% !important;
			background-repeat: no-repeat !important;
			background-size: cover !important;
			position: relative;
		}

			#subvisual > .sub_slide.owl-carousel .item * {
				box-sizing: border-box;
			}

			#subvisual > .sub_slide.owl-carousel .item > .inner {
				height: 100%;
				display: block;
				position: relative;
			}

				#subvisual > .sub_slide.owl-carousel .item > .inner > .txt {
					top: 50%;
					left: 50%;
					margin: 0;
					padding: 0;
					width: 80%;
					font-family: "NanumSquare";
					font-size: 15pt;
					font-weight: 700;
					color: #fff;
					line-height: 1.5em;
					text-align: center;
					text-shadow: #8f8f8f 0 1px 1px;
					position: absolute;
					transform: translate(-50%,-50%);
				}

					#subvisual > .sub_slide.owl-carousel .item > .inner > .txt:after {
						position: relative;
						clear: both;
						content: "";
					}

					#subvisual > .sub_slide.owl-carousel .item > .inner > .txt > span {
						font-size: 15pt;
						font-weight: 700;
						line-height: 1.5em;
					}

					#subvisual > .sub_slide.owl-carousel .item > .inner > .txt > h2 {
						font-family: "NanumSquare";
						font-size: 30pt;
						font-weight: 700;
						line-height: 1.5em;
						text-shadow: #fff 0 1px 1px;
					}

						#subvisual > .sub_slide.owl-carousel .item > .inner > .txt > h2 > span {
							font-family: "NanumSquare";
							font-weight: 900;
							font-size: 30pt;
							color: #fff;
							line-height: 1.5em;
							text-shadow: 3px 3px 10px #222;
						}
/*// ¼­ºê¹«ºñ ======================================== */


/* slide lnb ========================================= */
#sub_lnb {
	bottom: 0;
	width: 100%;
	position: absolute;
	z-index: 1;
}

	#sub_lnb > .inner {
		margin: 0 auto;
		padding: 0;
		width: 980px;
		height: auto;
	}

	#sub_lnb .owl-carousel .item {
		padding: 4.5% 0;
		border-radius: 0 8px 0 0;
		background: rgba(0,0,0,0.7);
	}

		#sub_lnb .owl-carousel .item > a {
			padding: 0;
			font-size: 11.5pt;
			color: #fff;
			line-height: 180%;
			text-align: center;
			display: block;
		}

	#sub_lnb .owl-carousel .on {
		background: rgba(255,255,255,1);
	}

		#sub_lnb .owl-carousel .on > a {
			font-weight: 600;
		}
/*// slide lnb ====================================== */

/* ¸ÞÀλóÇ° ¸®½ºÆ® ================================== */
#maingoods {
	margin: 0;
	padding: 0;
}

	#maingoods > .inner {
	}

		#maingoods > .inner .empty,
		#maingoods > .inner .loading {
			margin: 0;
			width: 100%;
			font-size: 10pt;
			line-height: 270px;
			text-align: center;
		}

		#maingoods > .inner > h2 > .listtype {
			top: 50%;
			right: 0;
			padding: 0 5px;
			width: auto;
			min-height: 35%;
			font-size: 11pt;
			color: #fff;
			display: block;
			position: absolute;
			transform: translate(0,-50%);
		}

	#maingoods .group {
		margin: 2% 0 2%;
		display: none;
	}

		#maingoods .group:after {
			display: block;
			clear: both;
			content: "";
		}

		#maingoods .group > ul {
		}

			#maingoods .group > ul > li {
				margin: -1px 0 0;
				padding: 0;
				text-align: center;
				display: block;
				float: left;
			}

				#maingoods .group > ul > li:first-child {
					border-radius: 10px 0 0 0;
				}

				#maingoods .group > ul > li:last-child {
					border-radius: 0 10px 0 0;
				}

				#maingoods .group > ul > li > a {
					padding: 8px 0;
					width: 100%;
					font-family: "NanumSquare";
					font-weight: 600;
					font-size: 15pt;
					color: #656565;
					line-height: 240%;
					text-align: center;
					text-overflow: ellipsis;
					white-space: nowrap;
					word-wrap: normal;
					display: block;
					overflow: hidden;
					cursor: pointer;
				}

				#maingoods .group > ul > li.on > a {
					color: #fff;
				}

			#maingoods .group > ul > div {
				margin-bottom: 10px;
			}

				#maingoods .group > ul > div > a {
					margin: 0 0;
					padding: 0 50px;
					height: 40px;
					line-height: 40px;
					display: inline-block;
					border: 1px solid #333;
				}

					#maingoods .group > ul > div > a.on {
						color: #fff;
					}

					#maingoods .group > ul > div > a + a {
						margin-left: 10px;
					}

	#maingoods .area {
		margin: 0 0 3%;
		padding: 0 8% 0 0;
		height: 60px;
		position: relative;
		border: 1px solid #ccc;
	}

		#maingoods .area:after {
			display: block;
			clear: both;
			content: "";
		}

		#maingoods .area > ul {
			padding: 0 30px;
		}

			#maingoods .area > ul li {
				width: 100%;
				height: 58px;
				float: left;
				cursor: pointer;
			}

				#maingoods .area > ul li > div {
					top: 48%;
					width: 100%;
					font-weight: 500;
					font-size: 12.5pt;
					line-height: 120%;
					text-align: center;
					color: #656565;
					border-bottom: 0;
					position: absolute;
					transform: translate(0,-50%);
				}

				#maingoods .area > ul li.active {
					border-bottom: 4px solid;
				}

		#maingoods .area > .more {
			top: 48%;
			right: 1%;
			width: 6%;
			min-height: 60%;
			border-radius: 5px;
			display: block;
			position: absolute;
			transform: translate(0,-50%);
		}

			#maingoods .area > .more > span {
				top: 50%;
				width: 100%;
				font-size: 9pt;
				color: #fff;
				line-height: 130%;
				text-align: center;
				position: absolute;
				transform: translate(0,-50%);
			}

				#maingoods .area > .more > span > br {
					display: none;
				}

		#maingoods .area > .count {
			display: none;
		}

		/* slide owl-carousel*/
		#maingoods .area > ul.owl-carousel .owl-controls {
			top: 50%;
			width: 100%;
			position: absolute;
			z-index: 1;
			transform: translate(0, -50%);
		}
			/* slide navi */
			#maingoods .area > ul.owl-carousel .owl-controls > .owl-nav {
				bottom: 50%;
				left: 0;
				margin: 0;
				padding: 0;
				width: 100%;
				position: absolute;
				transform: translate(0, 50%);
				z-index: 1;
			}

				#maingoods .area > ul.owl-carousel .owl-controls > .owl-nav > .owl-prev {
					top: 50%;
					left: -30px;
					width: 30px;
					height: 55px;
					background: url('/common/img/skin/type6/navi_area_prev.png') 0 0 no-repeat;
					background-color: #ddd;
					background-size: 30px;
					text-indent: -9999px;
					position: absolute;
					transform: translate(0,-50%);
				}

				#maingoods .area > ul.owl-carousel .owl-controls > .owl-nav > .owl-next {
					top: 50%;
					right: 30px;
					width: 30px;
					height: 55px;
					background: url('/common/img/skin/type6/navi_area_next.png') 0 0 no-repeat;
					background-color: #ddd;
					background-size: 30px;
					text-indent: -9999px;
					position: absolute;
					transform: translate(0,-50%);
				}

	#maingoods .goods {
	}

		#maingoods .goods > ul {
			padding: 0 0 2%;
			position: relative;
		}

			#maingoods .goods > ul:after {
				display: block;
				clear: both;
				content: "";
			}

			#maingoods .goods > ul > li {
				margin: 0 0 0 2%;
				padding: 0;
				width: 32%;
				height: auto;
				border: 1px solid #ddd;
				border-radius: 15px;
				background-position: center center !important;
				background-repeat: no-repeat !important;
				background-size: cover !important;
				display: block;
				position: relative;
				float: left;
				overflow: hidden;
			}

				#maingoods .goods > ul > li:nth-of-type(3n+1) {
					margin-left: 0;
				}

				#maingoods .goods > ul > li:nth-of-type(n+4) {
					margin-top: 2%;
				}

				#maingoods .goods > ul > li.empty,
				#maingoods .goods > ul > li.loading {
					margin: 0;
					width: 100%;
					font-size: 10pt;
					line-height: 270px;
					text-align: center;
				}

				#maingoods .goods > ul > li > .item {
					left: 0;
					bottom: 0;
					padding: 0;
					width: 100%;
					height: 60px;
					background: rgba(0,0,0,0.65);
					overflow: hidden;
					position: absolute;
					z-index: 1;
				}

					#maingoods .goods > ul > li > .item > dl {
						margin: 0 3% 10%;
						padding: 18px 0;
						position: relative;
					}

						#maingoods .goods > ul > li > .item > dl:after {
							display: block;
							clear: both;
							content: "";
						}

						#maingoods .goods > ul > li > .item > dl > dt {
							width: 70%;
							font-weight: 500;
							font-size: 11.5pt;
							color: #fff;
							line-height: 150%;
							text-overflow: ellipsis;
							white-space: nowrap;
							word-wrap: normal;
							overflow: hidden;
							float: left;
						}

						#maingoods .goods > ul > li > .item > dl > dd {
							right: 0;
							font-size: 12.5pt;
							color: #fff;
							line-height: 150%;
							position: absolute;
						}

					#maingoods .goods > ul > li > .item > div {
						margin: 0 3%;
						padding: 0;
						height: 60px;
						position: relative;
					}

						#maingoods .goods > ul > li > .item > div > p {
							margin-top: 1%;
							padding: 0;
							height: 40%;
							font-size: 11.5pt;
							color: #fff;
						}

							#maingoods .goods > ul > li > .item > div > p > img {
								margin-left: 1%;
								width: 20px;
								vertical-align: middle;
							}

							#maingoods .goods > ul > li > .item > div > p > span {
								margin-left: 5px;
							}

						#maingoods .goods > ul > li > .item > div > .btn {
							top: 0;
							right: 0;
							margin: 0;
							padding: 0;
							width: 25%;
							height: 50px;
							font-size: 10.5pt;
							color: #fff;
							text-align: center;
							line-height: 50px;
							display: block;
							position: absolute;
						}

				#maingoods .goods > ul > li > .item_bedge {
					top: 0;
					left: 0;
					padding: 3% 3.5%;
					width: 100%;
					display: block;
					position: absolute;
					z-index: 1;
				}

					#maingoods .goods > ul > li > .item_bedge img {
						margin-left: 2%;
						width: 15%;
						float: left;
					}

						#maingoods .goods > ul > li > .item_bedge img:first-of-type {
							margin-left: 0;
						}

						#maingoods .goods > ul > li > .item_bedge img:nth-child(n+7) {
							margin-top: 3%;
						}

						#maingoods .goods > ul > li > .item_bedge img:nth-child(6n+1) {
							margin-left: 0;
						}

				#maingoods .goods > ul > li:hover .item {
					height: 130px;
					transition: height 0.5s;
				}

					#maingoods .goods > ul > li:hover .item > dl {
						margin-bottom: 0;
						transition: margin-bottom 0.5s;
					}


/* ¸ÞÀλóÇ°1 ¸®½ºÆ® ================================== */
#maingoods1 {
	margin: 0;
	padding: 0;
}

	#maingoods1 > .inner {
	}

		#maingoods1 > .inner .empty,
		#maingoods1 > .inner .loading {
			margin: 0;
			width: 100%;
			font-size: 10pt;
			line-height: 270px;
			text-align: center;
		}

		#maingoods1 > .inner > h2 > .listtype {
			top: 50%;
			right: 0;
			padding: 0 5px;
			width: auto;
			min-height: 35%;
			font-size: 11pt;
			color: #fff;
			display: block;
			position: absolute;
			transform: translate(0,-50%);
		}

	#maingoods1 .group {
		margin: 0 0 3%;
		display: none;
	}

		#maingoods1 .group:after {
			display: block;
			clear: both;
			content: "";
		}

		#maingoods1 .group > ul {
		}

			#maingoods1 .group > ul > li {
				margin: -1px 0 0;
				padding: 0;
				text-align: center;
				display: block;
				float: left;
			}

				#maingoods1 .group > ul > li > a {
					padding: 8px 0;
					width: 100%;
					font-family: "NanumSquare";
					font-weight: 600;
					font-size: 15pt;
					color: #656565;
					line-height: 240%;
					text-align: center;
					text-overflow: ellipsis;
					white-space: nowrap;
					word-wrap: normal;
					display: block;
					overflow: hidden;
					cursor: pointer;
				}

				#maingoods1 .group > ul > li.on > a {
					color: #fff;
				}

			#maingoods1.group > ul > div > a {
				margin: 10px 0;
				padding: 0 50px;
				height: 40px;
				line-height: 40px;
				display: inline-block;
				border: 1px solid #333;
			}

				#maingoods1.group > ul > div > a + a {
					margin-left: 10px;
				}

	#maingoods1 .area {
		margin: 0 0 3%;
		padding: 0 8% 0 0;
		height: 60px;
		position: relative;
		border: 1px solid #ccc;
	}

		#maingoods1 .area:after {
			display: block;
			clear: both;
			content: "";
		}

		#maingoods1 .area > ul {
			padding: 0 30px;
		}

			#maingoods1 .area > ul li {
				width: 100%;
				height: 58px;
				float: left;
				cursor: pointer;
			}

				#maingoods1 .area > ul li > div {
					top: 48%;
					width: 100%;
					font-weight: 500;
					font-size: 12.5pt;
					line-height: 120%;
					text-align: center;
					color: #656565;
					border-bottom: 0;
					position: absolute;
					transform: translate(0,-50%);
				}

				#maingoods1 .area > ul li.active {
					border-bottom: 4px solid;
				}

		#maingoods1 .area > .more {
			top: 48%;
			right: 1%;
			width: 6%;
			min-height: 60%;
			display: block;
			position: absolute;
			transform: translate(0,-50%);
		}

			#maingoods1 .area > .more > span {
				top: 50%;
				width: 100%;
				font-size: 9pt;
				color: #fff;
				line-height: 130%;
				text-align: center;
				position: absolute;
				transform: translate(0,-50%);
			}

				#maingoods1 .area > .more > span > br {
					display: none;
				}

		#maingoods1 .area > .count {
			display: none;
		}

		/* slide owl-carousel*/
		#maingoods1 .area > ul.owl-carousel .owl-controls {
			top: 50%;
			width: 100%;
			position: absolute;
			z-index: 1;
			transform: translate(0, -50%);
		}
			/* slide navi */
			#maingoods1 .area > ul.owl-carousel .owl-controls > .owl-nav {
				bottom: 50%;
				left: 0;
				margin: 0;
				padding: 0;
				width: 100%;
				position: absolute;
				transform: translate(0, 50%);
				z-index: 1;
			}

				#maingoods1 .area > ul.owl-carousel .owl-controls > .owl-nav > .owl-prev {
					top: 50%;
					left: -30px;
					width: 30px;
					height: 55px;
					background: url('/common/img/skin/type6/navi_area_prev.png') 0 0 no-repeat;
					background-color: #ddd;
					background-size: 30px;
					text-indent: -9999px;
					position: absolute;
					transform: translate(0,-50%);
				}

				#maingoods1 .area > ul.owl-carousel .owl-controls > .owl-nav > .owl-next {
					top: 50%;
					right: 30px;
					width: 30px;
					height: 55px;
					background: url('/common/img/skin/type6/navi_area_next.png') 0 0 no-repeat;
					background-color: #ddd;
					background-size: 30px;
					text-indent: -9999px;
					position: absolute;
					transform: translate(0,-50%);
				}

	#maingoods1 .goods {
	}

		#maingoods1 .goods > ul {
			padding: 0 0 2%;
			position: relative;
		}

			#maingoods1 .goods > ul:after {
				display: block;
				clear: both;
				content: "";
			}

			#maingoods1 .goods > ul > li {
				margin: 0 0 0 2%;
				padding: 0;
				width: 32%;
				height: auto;
				border: 1px solid #ddd;
				border-radius: 15px;
				background-position: center center !important;
				background-repeat: no-repeat !important;
				background-size: cover !important;
				display: block;
				position: relative;
				float: left;
				overflow: hidden;
			}

				#maingoods1 .goods > ul > li:nth-of-type(3n+1) {
					margin-left: 0;
				}

				#maingoods1 .goods > ul > li:nth-of-type(n+4) {
					margin-top: 2%;
				}

				#maingoods1 .goods > ul > li.empty,
				#maingoods1 .goods > ul > li.loading {
					margin: 0;
					width: 100%;
					font-size: 10pt;
					line-height: 270px;
					text-align: center;
				}

				#maingoods1 .goods > ul > li > .item {
					left: 0;
					bottom: 0;
					padding: 0;
					width: 100%;
					height: 60px;
					background: rgba(0,0,0,0.65);
					overflow: hidden;
					position: absolute;
					z-index: 1;
				}

					#maingoods1 .goods > ul > li > .item > dl {
						margin: 0 3% 10%;
						padding: 18px 0;
						position: relative;
					}

						#maingoods1 .goods > ul > li > .item > dl:after {
							display: block;
							clear: both;
							content: "";
						}

						#maingoods1 .goods > ul > li > .item > dl > dt {
							width: 70%;
							font-weight: 500;
							font-size: 11.5pt;
							color: #fff;
							line-height: 150%;
							text-overflow: ellipsis;
							white-space: nowrap;
							word-wrap: normal;
							overflow: hidden;
							float: left;
						}

						#maingoods1 .goods > ul > li > .item > dl > dd {
							right: 0;
							font-size: 12.5pt;
							color: #fff;
							line-height: 150%;
							position: absolute;
						}

					#maingoods1 .goods > ul > li > .item > div {
						margin: 0 3%;
						padding: 0;
						height: 60px;
						position: relative;
					}

						#maingoods1 .goods > ul > li > .item > div > p {
							margin-top: 1%;
							padding: 0;
							height: 40%;
							font-size: 11.5pt;
							color: #fff;
						}

							#maingoods1 .goods > ul > li > .item > div > p > img {
								margin-left: 1%;
								width: 20px;
								vertical-align: middle;
							}

							#maingoods1 .goods > ul > li > .item > div > p > span {
								margin-left: 5px;
							}

						#maingoods1 .goods > ul > li > .item > div > .btn {
							top: 0;
							right: 0;
							margin: 0;
							padding: 0;
							width: 25%;
							height: 50px;
							font-size: 10.5pt;
							color: #fff;
							text-align: center;
							line-height: 50px;
							display: block;
							position: absolute;
						}

				#maingoods1 .goods > ul > li > .item_bedge {
					top: 0;
					left: 0;
					padding: 3% 3.5%;
					width: 100%;
					display: block;
					position: absolute;
					z-index: 1;
				}

					#maingoods1 .goods > ul > li > .item_bedge img {
						margin-left: 2%;
						width: 15%;
						float: left;
					}

						#maingoods1 .goods > ul > li > .item_bedge img:first-of-type {
							margin-left: 0;
						}

						#maingoods1 .goods > ul > li > .item_bedge img:nth-child(n+7) {
							margin-top: 3%;
						}

						#maingoods1 .goods > ul > li > .item_bedge img:nth-child(6n+1) {
							margin-left: 0;
						}

				#maingoods1 .goods > ul > li:hover .item {
					height: 130px;
					transition: height 0.5s;
				}

					#maingoods1 .goods > ul > li:hover .item > dl {
						margin-bottom: 0;
						transition: margin-bottom 0.5s;
					}











/* ¸ÞÀΰ˻ö */
#maingoods .goods.list {
}

	#maingoods .goods.list > ul > li {
		margin: 0;
		padding: 0;
		width: 100%;
		height: auto;
		background-position: initial;
		background-repeat: initial;
		background-size: initial;
		display: block;
		position: relative;
		float: none;
		overflow: hidden;
	}

		#maingoods .goods.list > ul > li > .guide {
			margin: 0 2%;
			padding: 0.5% 0;
			font-size: 11.5pt;
			line-height: 150%;
		}

			#maingoods .goods.list > ul > li > .guide > .ccr_custom_m {
				font-weight: bold;
			}

		#maingoods .goods.list > ul > li > .item4 {
			margin: 0;
			padding: 0;
			height: auto;
			display: block;
			clear: both;
			overflow: hidden;
		}

			#maingoods .goods.list > ul > li > .item4:hover {
				background: #e5e5e5;
			}

			#maingoods .goods.list > ul > li > .item4 > ul {
				margin: 0 2%;
				padding: 1% 0;
				border-top: 1px dotted #dfdfdf;
				position: relative;
			}

				#maingoods .goods.list > ul > li > .item4 > ul:after {
					display: block;
					clear: both;
					content: "";
				}

				#maingoods .goods.list > ul > li > .item4 > ul > li.img {
					left: 0;
					width: 130px;
					height: 100px;
					background-position: center center !important;
					background-repeat: no-repeat !important;
					background-size: cover !important;
					position: absolute;
					border: 1px solid #ddd;
				}

				#maingoods .goods.list > ul > li > .item4 > ul > li.info {
					margin: 0;
					padding: 0 0 0 130px;
					width: 60%;
					height: 100px;
					border-right: 1px dotted #ddd;
					position: relative;
					float: left;
				}

					#maingoods .goods.list > ul > li > .item4 > ul > li.info > div {
						top: 50%;
						left: auto;
						margin: 0;
						padding: 0 2%;
						width: calc(100% - 130px);
						position: absolute;
						transform: translate(0,-50%);
						overflow: hidden;
					}

						#maingoods .goods.list > ul > li > .item4 > ul > li.info > div > div {
							text-overflow: ellipsis;
							white-space: nowrap;
							word-wrap: normal;
							position: relative;
							overflow: hidden;
						}

						#maingoods .goods.list > ul > li > .item4 > ul > li.info > div > .g1 {
							font-size: 12.5pt;
							font-weight: bold;
						}

						#maingoods .goods.list > ul > li > .item4 > ul > li.info > div > .g2 {
							font-size: 11pt;
						}

						#maingoods .goods.list > ul > li > .item4 > ul > li.info > div > .g3 {
							font-size: 11pt;
						}

						#maingoods .goods.list > ul > li > .item4 > ul > li.info > div > .g4 {
							font-size: 11pt;
							font-weight: bold;
						}

				#maingoods .goods.list > ul > li > .item4 > ul > li.room {
					margin: 0;
					padding: 0 100px 0 0;
					width: 40%;
					height: 100px;
					text-align: left;
					position: relative;
					float: left;
				}

					#maingoods .goods.list > ul > li > .item4 > ul > li.room > div {
						top: 50%;
						left: auto;
						margin: 0;
						padding: 0 2%;
						width: calc(100% - 100px);
						position: absolute;
						transform: translate(0,-50%);
					}

						#maingoods .goods.list > ul > li > .item4 > ul > li.room > div > .r1 {
							font-size: 11pt;
							text-overflow: ellipsis;
							white-space: nowrap;
							word-wrap: normal;
							position: relative;
							overflow: hidden;
						}

				#maingoods .goods.list > ul > li > .item4 > ul > li.btn {
					top: 50%;
					right: 0;
					margin: 0;
					padding: 0;
					width: 100px;
					height: 65px;
					position: absolute;
					transform: translate(0,-50%);
				}

					#maingoods .goods.list > ul > li > .item4 > ul > li.btn > a {
						width: 100%;
						line-height: 65px;
						font-size: 12pt;
						font-weight: bold;
					}

		#maingoods .goods.list > ul > li > .empty {
			margin: 0 2%;
			padding: 1% 0;
			width: auto;
			line-height: 50px;
			border-top: 1px dotted #dfdfdf;
		}

		#maingoods .goods.list > ul > li > .paging {
			margin: 0 2%;
			padding: 2% 0;
			border-top: 1px dotted #dfdfdf;
		}

	#maingoods .goods.list > #searchinfo {
		display: block;
	}

	#maingoods .goods.list > #searchrestann {
		display: none;
	}

	#maingoods .goods.list > #searchrestown {
		display: none;
	}

	#maingoods .goods.list > #searchrestfir {
		display: none;
	}

	#maingoods .goods.list > #searchrestala {
		display: none;
	}

	#maingoods .goods.list > #searchrestwor {
		display: none;
	}

	#maingoods .goods.list > #searchrestsum {
		display: none;
	}

	#maingoods .goods.list > #searchrestwin {
		display: none;
	}

	#maingoods .goods.list > #searchrestfam {
		display: none;
	}

	#maingoods .goods.list > #searchfilial {
		display: none;
	}

	#maingoods .goods.list > #searchlodge {
		display: none;
	}

	#maingoods .goods.list > #searchfore {
		display: none;
	}

	#maingoods .goods.list > #searchevent {
		display: none;
	}

#maingoods .goods.map {
	margin: 0;
	width: 100%;
	height: 650px;
	text-align: center;
	border: 1px solid #ddd;
}

	#maingoods .goods.map .mapinfo {
		padding: 0 5px;
		line-height: 20px;
		font-size: 9pt;
	}






/* ¹®È­/üÀ°Çà»ç */
#maingoods .tmgoods {
}

	#maingoods .tmgoods > ul {
		position: relative;
	}

		#maingoods .tmgoods > ul > li {
			margin: 0 0 2%;
			padding: 0;
			width: 100%;
			height: 480px;
			border: 1px solid #ddd;
			background: rgba(200,152,0,0.2);
			display: block;
			position: relative;
			overflow: hidden;
		}

			#maingoods .tmgoods > ul > li.loading {
				margin: 0;
				width: 100%;
				font-size: 10pt;
				line-height: 480px;
				text-align: center;
				background: #fff;
			}

			#maingoods .tmgoods > ul > li > .img {
				top: 0;
				left: 0;
				padding: 0;
				width: 60%;
				height: 100%;
				background-position: center center !important;
				background-repeat: no-repeat !important;
				background-size: cover !important;
				position: absolute;
			}

				#maingoods .tmgoods > ul > li > .img > .tit {
					display: none;
				}

			#maingoods .tmgoods > ul > li > .item {
				top: 50%;
				right: 2%;
				padding: 1% 2%;
				width: 45%;
				height: 90%;
				border: 1px solid #ddd;
				background: rgba(255,255,255,0.95);
				position: absolute;
				transform: translate(0,-50%);
				z-index: 1;
			}

				#maingoods .tmgoods > ul > li > .item > .tit {
					margin: 0;
					padding-bottom: 2%;
					font-weight: 700;
					font-size: 14pt;
					color: #556;
					line-height: 150%;
					border-bottom: 1px solid #ddd;
				}

				#maingoods .tmgoods > ul > li > .item > .info {
					margin: 10px 0 0;
					padding: 0;
				}

					#maingoods .tmgoods > ul > li > .item > .info > dl {
					}

						#maingoods .tmgoods > ul > li > .item > .info > dl > dt {
							top: 10%;
							width: 20%;
							height: 30px;
							font-size: 11.5pt;
							line-height: 170%;
							text-align: center;
							transform: translate(0,0);
							border: 1px solid #ccc;
						}

						#maingoods .tmgoods > ul > li > .item > .info > dl > dd {
							font-size: 11.5pt;
							line-height: 170%;
						}

							#maingoods .tmgoods > ul > li > .item > .info > dl > dd.desc {
								max-height: 72px;
								text-overflow: initial;
								white-space: initial;
								word-wrap: initial;
								overflow: hidden;
							}

				#maingoods .tmgoods > ul > li > .item > .btn {
					left: 50%;
					bottom: 3%;
					margin: 0;
					padding: 0;
					width: 90%;
					text-align: center;
					position: absolute;
					transform: translate(-50%,0);
				}

					#maingoods .tmgoods > ul > li > .item > .btn > a {
						width: 49.5%;
						float: left;
					}

						#maingoods .tmgoods > ul > li > .item > .btn > a + a {
							margin-left: 1%;
						}
/* °¡Á·Å׸¶ */
#maingoods .tmtheme {
	margin-top: 3%;
}

	#maingoods .tmtheme > ul {
		position: relative;
	}

		#maingoods .tmtheme > ul > li {
			margin: 0 0 2%;
			padding: 0;
			width: 100%;
			height: 350px;
			border: 1px solid #ddd;
			background: rgba(0,0,0,0);
			display: block;
			position: relative;
			overflow: hidden;
		}

			#maingoods .tmtheme > ul > li.loading {
				margin: 0;
				width: 100%;
				font-size: 10pt;
				line-height: 350px;
				text-align: center;
				background: #fff;
			}

			#maingoods .tmtheme > ul > li > .img {
				top: 0;
				left: 0;
				padding: 0;
				width: 100%;
				height: 100%;
				background-position: center center !important;
				background-repeat: no-repeat !important;
				background-size: cover !important;
				opacity: 0.2 !important;
				position: absolute;
			}

				#maingoods .tmtheme > ul > li > .img > .tit {
					display: none
				}

			#maingoods .tmtheme > ul > li > .imgm {
				top: 50%;
				width: 55%;
				height: 90%;
				background-position: center center !important;
				background-repeat: no-repeat !important;
				background-size: cover !important;
				position: absolute;
				transform: translate(0,-50%);
			}

			#maingoods .tmtheme > ul > li > .item {
				top: 50%;
				right: 2%;
				margin: 0;
				padding: 1% 2%;
				width: 45%;
				height: 90%;
				border: 1px solid #ddd;
				background: rgba(255,255,255,0.95);
				position: absolute;
				transform: translate(0,-50%);
				z-index: 1;
			}

				#maingoods .tmtheme > ul > li > .item > .tit {
					margin: 0;
					padding-bottom: 2%;
					font-weight: 700;
					font-size: 14pt;
					color: #556;
					line-height: 150%;
					border-bottom: 1px solid #ddd;
				}

				#maingoods .tmtheme > ul > li > .item > .info {
					margin: 10px 0 0;
					padding: 0;
				}

					#maingoods .tmtheme > ul > li > .item > .info > dl {
					}

						#maingoods .tmtheme > ul > li > .item > .info > dl > dt {
							top: 10%;
							width: 20%;
							height: 30px;
							font-size: 11.5pt;
							line-height: 170%;
							text-align: center;
							transform: translate(0,0);
							border: 1px solid #ccc;
						}

						#maingoods .tmtheme > ul > li > .item > .info > dl > dd {
							font-size: 11.5pt;
							line-height: 170%;
							text-align: left;
						}

							#maingoods .tmtheme > ul > li > .item > .info > dl > dd.desc {
								max-height: 72px;
								text-overflow: initial;
								white-space: initial;
								word-wrap: initial;
								overflow: hidden;
							}

				#maingoods .tmtheme > ul > li > .item > .btn {
					left: 50%;
					bottom: 3%;
					margin: 0;
					padding: 0;
					width: 90%;
					text-align: center;
					position: absolute;
					transform: translate(-50%,0);
				}

#maingoods .pagenavi {
}
/*// ¸ÞÀλóÇ° ¸®½ºÆ® ================================ */

/* Å׸¶»óÇ° ========================================= */
#themetit {
	display: none;
}

#themegoods {
	margin: 0;
	padding: 0;
	background-color: #000;
	position: relative;
	display: none;
}

	#themegoods > .themetit {
	}

	#themegoods > .themebg {
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-image: url('/common/img/skin/type6/goods/domes_recreation_01_1.jpg');
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		opacity: 0.6;
		display: block;
		position: absolute;
	}

	#themegoods > .inner {
	}

		#themegoods > .inner > .group {
			margin: 0;
			border-bottom: 1px solid #ddd;
		}

			#themegoods > .inner > .group:after {
				display: block;
				clear: both;
				content: "";
			}

			#themegoods > .inner > .group > ul {
				text-align: center;
			}

				#themegoods > .inner > .group > ul > li {
					margin-left: 2%;
					padding: 0;
					width: 17%;
					text-align: center;
					display: inline-block;
					position: relative;
				}

					#themegoods > .inner > .group > ul > li:first-of-type {
						margin-left: 0
					}

					#themegoods > .inner > .group > ul > li > a {
						padding: 0 5%;
						width: 100%;
						font-weight: 500;
						font-size: 14pt;
						color: #fff;
						line-height: 250%;
						text-align: center;
						display: block;
						cursor: pointer;
					}

						#themegoods > .inner > .group > ul > li > a.active {
							font-weight: 800;
							text-shadow: 2px 2px 1px rgba(255,255,255,0.6);
							background: rgba(255,255,255,0.8);
							position: relative;
						}

							#themegoods > .inner > .group > ul > li > a.active:after {
								bottom: -4px;
								left: 0;
								width: 100%;
								height: 4px;
								position: absolute;
								content: "";
							}

		#themegoods > .inner > .goods {
			margin: 0;
			padding: 30px 0;
			height: 290px;
		}

			#themegoods > .inner > .goods > ul {
				margin: 0 5%;
				padding: 0;
			}

				#themegoods > .inner > .goods > ul:after {
					display: block;
					clear: both;
					content: "";
				}

				#themegoods > .inner > .goods > ul li.item {
					width: 100%;
					height: 100%;
					background-position: center center !important;
					background-repeat: no-repeat !important;
					background-size: cover !important;
					position: relative;
				}

					#themegoods > .inner > .goods > ul li.item > .item_theme {
						bottom: 0;
						padding: 0;
						width: 100%;
						height: 25%;
						background: #fff;
						position: absolute;
					}

						#themegoods > .inner > .goods > ul li.item > .item_theme > dl {
							margin: 0 3%;
							padding: 0;
							position: relative;
						}

							#themegoods > .inner > .goods > ul li.item > .item_theme > dl:after {
								display: block;
								clear: both;
								content: "";
							}

							#themegoods > .inner > .goods > ul li.item > .item_theme > dl > dt {
								padding: 2% 0 2%;
								width: 62%;
								font-size: 11pt;
								color: #fff;
								line-height: 180%;
								float: left;
							}

								#themegoods > .inner > .goods > ul li.item > .item_theme > dl > dt > p {
									font-size: 11pt;
									color: #666;
									line-height: 150%;
									text-align: left;
									text-overflow: ellipsis;
									white-space: nowrap;
									word-wrap: normal;
									overflow: hidden;
								}

									#themegoods > .inner > .goods > ul li.item > .item_theme > dl > dt > p.gnm {
										font-weight: 600;
										font-size: 12pt;
									}

							#themegoods > .inner > .goods > ul li.item > .item_theme > dl > dd {
								top: 55%;
								right: 0;
								font-size: 14.5pt;
								font-weight: 600;
								line-height: 150%;
								letter-spacing: -0.4mm;
								position: absolute;
								transform: translate(0,-55%);
							}

					#themegoods > .inner > .goods > ul li.item > .item_month {
						bottom: 0;
						padding: 0;
						width: 100%;
						height: 25%;
						background: #fff;
						position: absolute;
					}

						#themegoods > .inner > .goods > ul li.item > .item_month > dl {
							margin: 0 3%;
							padding: 0;
							position: relative;
						}

							#themegoods > .inner > .goods > ul li.item > .item_month > dl:after {
								display: block;
								clear: both;
								content: "";
							}

							#themegoods > .inner > .goods > ul li.item > .item_month > dl > dt {
								padding: 1.3% 0 2%;
								width: 100%;
								font-size: 11pt;
								color: #fff;
								line-height: 180%;
								float: left;
							}

								#themegoods > .inner > .goods > ul li.item > .item_month > dl > dt > p {
									font-family: "NanumSquare";
									font-size: 11pt;
									color: #666;
									line-height: 150%;
									text-align: left;
									text-overflow: ellipsis;
									white-space: nowrap;
									word-wrap: normal;
									overflow: hidden;
								}

									#themegoods > .inner > .goods > ul li.item > .item_month > dl > dt > p.gnm {
										font-weight: bold;
										font-size: 12.4pt;
									}

					#themegoods > .inner > .goods > ul li.item > .item_bedge {
						top: 0;
						left: 0;
						padding: 3% 3.5%;
						width: 100%;
						display: block;
						position: absolute;
						z-index: 1;
					}

						#themegoods > .inner > .goods > ul li.item > .item_bedge img {
							margin-left: 2%;
							width: 15%;
							float: left;
						}

							#themegoods > .inner > .goods > ul li.item > .item_bedge img:first-of-type {
								margin-left: 0;
							}

							#themegoods > .inner > .goods > ul li.item > .item_bedge img:nth-child(n+7) {
								margin-top: 3%;
							}

							#themegoods > .inner > .goods > ul li.item > .item_bedge img:nth-child(6n+1) {
								margin-left: 0;
							}


				#themegoods > .inner > .goods > ul li.loading {
					width: 100%;
					height: 100%;
					font-size: 10pt;
					color: #fff;
					line-height: 216px;
					text-align: center;
				}

				#themegoods > .inner > .goods > ul li.empty {
					width: 100%;
					height: 100%;
					color: #fff;
					line-height: 216px;
					text-align: center;
					background: rgba(255,255,255,0.2);
				}

				#themegoods > .inner > .goods > ul.owl-carousel {
					height: 100%;
				}

					#themegoods > .inner > .goods > ul.owl-carousel .owl-stage-outer {
						width: 100%;
						height: 100%;
					}

						#themegoods > .inner > .goods > ul.owl-carousel .owl-stage-outer > .owl-stage {
							width: 100%;
							height: 100%;
						}
					/*
#themegoods > .inner > .goods > ul.owl-carousel .owl-stage-outer > .owl-stage > .owl-item.on {border-top:3px solid #fff;}*/
					#themegoods > .inner > .goods > ul.owl-carousel .owl-item {
						margin: 0;
						padding: 0;
						height: 100%;
						transform: scale(0.80);
					}

						#themegoods > .inner > .goods > ul.owl-carousel .owl-item.center {
							transform: scale(1);
							transition: 0.5s;
							z-index: 1;
						}

							#themegoods > .inner > .goods > ul.owl-carousel .owl-item.center .item {
								border: 3px solid #fff;
							}

					#themegoods > .inner > .goods > ul.owl-carousel .owl-controls {
						bottom: 50%;
						left: 0;
						width: 100%;
						position: absolute;
						transform: translate(0,-50%);
					}

						#themegoods > .inner > .goods > ul.owl-carousel .owl-controls > .owl-nav {
							height: 100%;
						}

							#themegoods > .inner > .goods > ul.owl-carousel .owl-controls > .owl-nav > .owl-prev {
								bottom: -15px;
								left: -40px;
								margin-top: 0;
								width: 16px;
								height: 33px;
								background: url('/common/img/skin/type6/sub_visual_prev.png') 0 0 no-repeat;
								background-size: 16px;
								text-indent: -9999px;
								position: absolute;
							}

							#themegoods > .inner > .goods > ul.owl-carousel .owl-controls > .owl-nav > .owl-next {
								bottom: -15px;
								right: -40px;
								margin-top: 0;
								width: 16px;
								height: 33px;
								background: url('/common/img/skin/type6/sub_visual_next.png') 0 0 no-repeat;
								background-size: 16px;
								text-indent: -9999px;
								position: absolute;
							}

		#themegoods > .inner > .cnt {
			display: none;
		}
/*// Å׸¶»óÇ° ======================================= */


/* Áö¿ªº° ½Ã¼³(¸Ê) ================================== */
#localgoods {
	margin: 0;
	padding: 0;
}

	#localgoods > .inner > .map_area {
		margin: 0;
		position: relative;
		border-bottom: 1px solid #ddd;
	}

		#localgoods > .inner > .map_area:after {
			display: block;
			clear: both;
			content: "";
		}

		#localgoods > .inner > .map_area > .map {
			top: 0;
			left: 0;
			padding: 0;
			width: 440px;
			height: 100%;
			border-right: 1px dotted #ccc;
			position: absolute;
		}

			#localgoods > .inner > .map_area > .map #canvas {
				margin: 20% auto 20%;
				width: 320px;
				position: relative;
			}

				#localgoods > .inner > .map_area > .map #canvas > #location_map {
					margin: 0 auto;
					transform: scale(1.3)
				}

				#localgoods > .inner > .map_area > .map #canvas > #domestic {
				}

					#localgoods > .inner > .map_area > .map #canvas > #domestic > div {
						padding: 0 5px;
						font-size: 14px;
						color: #666;
						line-height: 150%;
						text-align: center;
						position: absolute;
						transform-origin: center;
					}

						#localgoods > .inner > .map_area > .map #canvas > #domestic > div > h3 {
							font-weight: 500;
						}

					#localgoods > .inner > .map_area > .map #canvas > #domestic > #seoul {
						top: 64px;
						left: 78px;
					}

					#localgoods > .inner > .map_area > .map #canvas > #domestic > #gygg {
						top: 100px;
						left: 95px
					}

					#localgoods > .inner > .map_area > .map #canvas > #domestic > #incheon {
						top: 85px;
						left: 50px
					}

					#localgoods > .inner > .map_area > .map #canvas > #domestic > #gangwon {
						top: 50px;
						left: 152px
					}

					#localgoods > .inner > .map_area > .map #canvas > #domestic > #chungbuk {
						top: 140px;
						left: 126px
					}

					#localgoods > .inner > .map_area > .map #canvas > #domestic > #chungnam {
						top: 177px;
						left: 35px
					}

					#localgoods > .inner > .map_area > .map #canvas > #domestic > #daejeon {
						top: 192px;
						left: 95px
					}

					#localgoods > .inner > .map_area > .map #canvas > #domestic > #sejong {
						top: 162px;
						left: 89px
					}

					#localgoods > .inner > .map_area > .map #canvas > #domestic > #gwangju {
						top: 305px;
						left: 47px
					}

					#localgoods > .inner > .map_area > .map #canvas > #domestic > #jeonbuk {
						top: 245px;
						left: 68px
					}

					#localgoods > .inner > .map_area > .map #canvas > #domestic > #jeonnam {
						top: 330px;
						left: 54px
					}

					#localgoods > .inner > .map_area > .map #canvas > #domestic > #gyeongbuk {
						top: 190px;
						left: 180px
					}

					#localgoods > .inner > .map_area > .map #canvas > #domestic > #gyeongnam {
						top: 290px;
						left: 150px
					}

					#localgoods > .inner > .map_area > .map #canvas > #domestic > #daegu {
						top: 244px;
						left: 186px
					}

					#localgoods > .inner > .map_area > .map #canvas > #domestic > #busan {
						top: 306px;
						left: 228px
					}

					#localgoods > .inner > .map_area > .map #canvas > #domestic > #ulsan {
						top: 270px;
						left: 236px
					}

					#localgoods > .inner > .map_area > .map #canvas > #domestic > #jeju {
						top: 417px;
						left: 83px
					}

		#localgoods > .inner > .map_area > .list {
			padding-left: 440px;
			height: 560px;
		}

			#localgoods > .inner > .map_area > .list > dl.header {
				height: 55px;
				border-bottom: 1px solid #ccc;
				background: #ededed;
				position: relative;
				font-size: 11.5pt;
			}

				#localgoods > .inner > .map_area > .list > dl.header > dt {
					line-height: 55px;
					text-align: center;
				}

					#localgoods > .inner > .map_area > .list > dl.header > dt.cate {
						top: 0;
						left: 0;
						width: 25%;
						position: absolute;
					}

					#localgoods > .inner > .map_area > .list > dl.header > dt.goods {
						padding-left: 25%;
						padding-right: 100px;
						text-align: center;
						text-overflow: ellipsis;
						white-space: nowrap;
						word-wrap: normal;
						overflow: hidden;
					}

					#localgoods > .inner > .map_area > .list > dl.header > dt.price {
						top: 0;
						right: 0;
						width: 100px;
						text-align: center;
						position: absolute;
					}

			#localgoods > .inner > .map_area > .list > .body {
				height: 500px;
				overflow-y: scroll;
			}

				#localgoods > .inner > .map_area > .list > .body ul {
					border-bottom: 1px dotted #ccc;
					position: relative;
				}

					#localgoods > .inner > .map_area > .list > .body ul:after {
						display: block;
						clear: both;
						content: "";
					}

					#localgoods > .inner > .map_area > .list > .body ul > li {
						line-height: 55px;
						text-align: center;
					}

						#localgoods > .inner > .map_area > .list > .body ul > li.loading {
							width: 100%;
							font-size: 10pt;
							line-height: 496px;
							text-align: center;
						}

						#localgoods > .inner > .map_area > .list > .body ul > li.cate {
							top: 0;
							left: 0;
							width: 25%;
							color: #666;
							font-size: 10.5pt;
							position: absolute;
						}

						#localgoods > .inner > .map_area > .list > .body ul > li.goods {
							margin: 0;
							padding-left: 25%;
							padding-right: 100px;
							color: #666;
							font-size: 11.5pt;
							text-align: left;
							text-overflow: ellipsis;
							white-space: nowrap;
							word-wrap: normal;
							overflow: hidden;
						}

						#localgoods > .inner > .map_area > .list > .body ul > li.price {
							top: 0;
							right: 0;
							padding-right: 1%;
							width: 100px;
							font-size: 12pt;
							font-weight: 500;
							text-align: right;
							position: absolute;
						}
/*// Áö¿ªº° ½Ã¼³(¸Ê) ================================ */

/* ±¹³»¼÷¹Ú ¹è³Ê ==================================== */
#mainbanner {
	margin: 0;
	padding: 0;
	height: 240px;
	position: relative;
}

	#mainbanner:after {
		display: block;
		clear: both;
		content: "";
	}

	#mainbanner > div {
		top: 0;
		width: 50%;
		height: 100%;
		background-position: center center !important;
		background-repeat: no-repeat !important;
		background-size: cover !important;
		display: block;
		position: absolute;
	}

		#mainbanner > div > dl {
			top: 50%;
			width: 500px;
			position: absolute;
			transform: translate(0,-50%);
		}

			#mainbanner > div > dl > dt {
				font-size: 12.5pt;
				color: #fff;
				line-height: 120%;
			}

			#mainbanner > div > dl > dd {
				font-size: 18.5pt;
				color: #fff;
				line-height: 150%;
			}

			#mainbanner > div > dl > a {
				margin-top: 5%;
				padding: 0 7%;
				font-size: 10.5pt;
				color: #fff;
				line-height: 240%;
				border: 1px solid rgba(255,255,255,0.4);
				display: inline-block;
				position: absolute;
			}

	#mainbanner > .left {
		left: 0;
	}

		#mainbanner > .left > dl {
			right: 0;
		}

	#mainbanner > .right {
		right: 0;
	}

		#mainbanner > .right > dl {
			left: 50px;
		}
/*// ±¹³»¼÷¹Ú ¹è³Ê ================================== */

#custom {
	margin: 0;
	padding: 150px 0 0;
	position: relative;
}

	#custom .detail {
	}

		#custom .detail > .cont {
			padding: 2% 0;
		}


	#custom .group {
		margin: 2% 0 2%;
		display: none;
	}

		#custom .group:after {
			display: block;
			clear: both;
			content: "";
		}

		#custom .group > ul {
		}

			#custom .group > ul > li {
				margin: -1px 0 0;
				padding: 0;
				text-align: center;
				display: block;
				float: left;
			}

				#custom .group > ul > li:first-child {
					border-radius: 10px 0 0 0;
				}

				#custom .group > ul > li:last-child {
					border-radius: 0 10px 0 0;
				}

				#custom .group > ul > li > a {
					padding: 8px 0;
					width: 100%;
					font-family: "NanumSquare";
					font-weight: 600;
					font-size: 15pt;
					color: #656565;
					line-height: 240%;
					text-align: center;
					text-overflow: ellipsis;
					white-space: nowrap;
					word-wrap: normal;
					display: block;
					overflow: hidden;
					cursor: pointer;
				}

				#custom .group > ul > li.on > a {
					color: #fff;
				}

	#custom .guide {
		margin: 0 0 2%;
		padding: 20px;
		font-size: 11pt;
		text-align: center;
	}

	#custom .area {
		margin: 0 0 3%;
		padding: 0 0 0 0;
		height: 60px;
		position: relative;
		border: 1px solid #ccc;
	}

		#custom .area:after {
			display: block;
			clear: both;
			content: "";
		}

		#custom .area > ul {
			padding: 0 30px;
		}

			#custom .area > ul li {
				width: 100%;
				height: 58px;
				float: left;
				cursor: pointer;
			}

				#custom .area > ul li > div {
					top: 48%;
					width: 100%;
					font-weight: 500;
					font-size: 12.5pt;
					line-height: 120%;
					text-align: center;
					color: #656565;
					border-bottom: 0;
					position: absolute;
					transform: translate(0,-50%);
				}

				#custom .area > ul li.active {
					border-bottom: 4px solid;
				}

		#custom .area > .more {
			top: 48%;
			right: 1%;
			width: 6%;
			min-height: 60%;
			border-radius: 5px;
			display: none;
			position: absolute;
			transform: translate(0,-50%);
		}

			#custom .area > .more > span {
				top: 50%;
				width: 100%;
				font-size: 9pt;
				color: #fff;
				line-height: 130%;
				text-align: center;
				position: absolute;
				transform: translate(0,-50%);
			}

				#custom .area > .more > span > br {
					display: none;
				}

		#custom .area > .count {
			display: none;
		}

		/* slide owl-carousel*/
		#custom .area > ul.owl-carousel .owl-controls {
			top: 50%;
			width: 100%;
			position: absolute;
			z-index: 1;
			transform: translate(0, -50%);
		}
			/* slide navi */
			#custom .area > ul.owl-carousel .owl-controls > .owl-nav {
				bottom: 50%;
				left: 0;
				margin: 0;
				padding: 0;
				width: 100%;
				position: absolute;
				transform: translate(0, 50%);
				z-index: 1;
			}

				#custom .area > ul.owl-carousel .owl-controls > .owl-nav > .owl-prev {
					top: 50%;
					left: -30px;
					width: 30px;
					height: 55px;
					background: url('/common/img/skin/type6/navi_area_prev.png') 0 0 no-repeat;
					background-color: #ddd;
					background-size: 30px;
					text-indent: -9999px;
					position: absolute;
					transform: translate(0,-50%);
				}

				#custom .area > ul.owl-carousel .owl-controls > .owl-nav > .owl-next {
					top: 50%;
					right: 30px;
					width: 30px;
					height: 55px;
					background: url('/common/img/skin/type6/navi_area_next.png') 0 0 no-repeat;
					background-color: #ddd;
					background-size: 30px;
					text-indent: -9999px;
					position: absolute;
					transform: translate(0,-50%);
				}


#allance {
	margin-top: 0;
	padding: 0;
	position: relative;
}

	#allance > .allancetopbg {
		top: 0;
		width: 100%;
		height: 150px;
		background: #fff;
		position: absolute;
	}



/* ±¹³»¼÷¹Ú ¹è³Ê =========================================== 
.mainservice {margin:0; padding:0; background: #f7f7f7; display:none;}
.mainservice > .inner {padding:70px 0;position:relative;}
.mainservice > .inner > .main_center {margin:0; padding: 36px; width: 535px; min-height:230px; border: 1px solid #ebebeb; background: #fff url('/common/img/skin/type6/main_center.png') 44px 97px no-repeat; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; display:inline-block; position:relative;}
.mainservice > .inner > .main_center > h3 {font-weight: 900; font-size: 22pt; line-height: 38px; color: #3c3c3c; display:block; float:left;}
.mainservice > .inner > .main_center > .info {margin:0; float:right;}
.mainservice > .inner > .main_center > .info > .tit {margin:0; font-weight:bold; font-size:15.5pt; line-height:30px; color:#303030; display:inline-block;}
.mainservice > .inner > .main_center > .info > .con {margin-left:30px; display:inline-block;}
.mainservice > .inner > .main_center > .info > .con p {height:25px; font-size:12.4pt; color:#4e4e4d; line-height:25px;}
.mainservice > .inner > .main_center > .info > .con > .te {margin-bottom:10px;}
.mainservice > .inner > .main_center > .info > .con > .te > p {height:28px; font-weight:600; font-size:14pt; color:#4e4e4d; line-height:28px;}
.mainservice > .inner > .main_center > .info > .con > .ti {margin-bottom:10px;}
.mainservice > .inner > .main_center > .info > .con > .ti > p > span {font-size:12.4pt; line-height:25px; color:#4e4e4d;}
.mainservice > .inner > .main_center > .info > .con > .cl {margin-bottom:10px;}
.mainservice > .inner > .main_center > .info > .con > .cl > p {height:18px; font-size:11.0pt; color:#828282; line-height:18px; border-bottom:1px solid #a1a1a1;}
	
.mainservice > .inner > .main_account {margin:0; padding: 36px; width: 535px; min-height:230px; border: 1px solid #ebebeb; background: #fff url('/common/img/skin/type6/main_account.png') 44px 97px no-repeat; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; display:inline-block; position:relative; float:right;}
.mainservice > .inner > .main_account > h3 {font-weight: 900; font-size: 22pt; line-height: 38px; color: #3c3c3c; display:block; float:left;}
.mainservice > .inner > .main_account > .info {margin:0; display:block;  float:right;}
.mainservice > .inner > .main_account > .info > .ac {margin-bottom:6px;}
.mainservice > .inner > .main_account > .info > .ac > p {font-size: 12.4pt; color: #4e4e4d; line-height: 36px;}
.mainservice > .inner > .main_account > .info > .ac > p:first-of-type {margin-top:-5px;}
.mainservice > .inner > .main_account > .info > .ac > p > span {font-size: 12.4pt; font-weight:bold; line-height: 36px; color: #4e4e4d;}


#goodsinfo > .inner > .info > .detail dl:first-of-type dt{display:none;}
#goodsinfo > .inner > .info > .detail dl:first-of-type dd{padding-left:0}
#goodsinfo > .inner > .info > .detail dl:nth-of-type(6) dt{display:none;}
#goodsinfo > .inner > .info > .detail dl:nth-of-type(6) dd{padding-left:0;}

// goodsinfo */


/* ½Ã¼³»ó¼¼Á¤º¸ ============================================ */
#goodsinfo {
	margin: 0 0 30px;
	padding: 150px 0 0;
	height: 700px;
	background: rgba(0,0,0,0);
	position: relative;
}
	/* owl-carousel °øÅë */
	#goodsinfo .owl-carousel .owl-stage-outer {
		height: 100%;
	}

		#goodsinfo .owl-carousel .owl-stage-outer > .owl-stage {
			height: 100%;
		}

			#goodsinfo .owl-carousel .owl-stage-outer > .owl-stage > .owl-item {
				height: 100%;
			}

				#goodsinfo .owl-carousel .owl-stage-outer > .owl-stage > .owl-item .item {
					height: 100%;
				}
	/* background image */
	#goodsinfo > .img_bg {
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 100%;
		position: absolute;
	}

		#goodsinfo > .img_bg .item {
			margin: 0;
			width: 100%;
			background-position: center center !important;
			background-size: cover !important;
			opacity: 0.4;
			position: relative;
		}

		#goodsinfo > .img_bg.owl-carousel {
			height: 100%;
		}

	#goodsinfo > .img_bg1 {
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 100%;
		position: absolute;
	}

		#goodsinfo > .img_bg1 .item {
			margin: 0;
			width: 100%;
			background-position: center center !important;
			background-size: cover !important;
			opacity: 0.4;
			position: relative;
		}

		#goodsinfo > .img_bg1.owl-carousel {
			height: 100%;
		}
	/* »óÇ°Á¤º¸ */
	#goodsinfo > .inner {
		height: 100%;
		position: relative;
		z-index: 1;
	}
		/* ½Ã¼³¸í */
		#goodsinfo > .inner > .header {
			margin: 0;
			padding: 0;
			height: 60px;
			position: relative;
		}

			#goodsinfo > .inner > .header > h2 {
				top: 50%;
				font-size: 17pt;
				font-weight: 500;
				width: 100%;
				color: #555;
				line-height: 150%;
				text-overflow: ellipsis;
				white-space: nowrap;
				word-wrap: normal;
				position: absolute;
				transform: translate(0, -50%);
				overflow: hidden;
			}

			#goodsinfo > .inner > .header > .direct_goods {
				top: 50%;
				right: 0;
				width: 30%;
				display: none;
				position: absolute;
				transform: translate(0, -50%);
			}

				#goodsinfo > .inner > .header > .direct_goods select {
					margin-left: 3%;
					width: 45%;
					height: 38px;
					font-size: 10.5pt;
					line-height: 150%;
					float: left;
				}

					#goodsinfo > .inner > .header > .direct_goods select:first-of-type {
						margin-left: 0;
					}

					#goodsinfo > .inner > .header > .direct_goods select + select {
						width: 52%
					}
		/* À̹ÌÁö ¿µ¿ª */
		#goodsinfo > .inner > .img {
			left: 0;
			width: 60%;
			position: absolute;
		}

			#goodsinfo > .inner > .img:after {
				display: block;
				position: relative;
				clear: both;
				content: "";
			}
			/* À̹ÌÁö(ºä¾î) ¿µ¿ª */
			#goodsinfo > .inner > .img > .img_view {
				top: 0;
				margin: 0;
				width: 100%;
				height: 75%;
				border: 1px solid #ddd;
				background: #fff;
				position: absolute;
			}

				#goodsinfo > .inner > .img > .img_view .item {
					width: 100%;
					background-position: center center !important;
					background-size: cover !important;
					display: inline-block;
					position: relative;
					cursor: pointer;
				}

					#goodsinfo > .inner > .img > .img_view .item > p {
						bottom: 0;
						padding: 1.5% 0;
						width: 100%;
						font-size: 12pt;
						color: #fff;
						line-height: 180%;
						text-align: center;
						background: rgba(0,0,0,0.5);
						position: absolute;
					}


				/* slide owl-carousel*/
				#goodsinfo > .inner > .img > .img_view.owl-carousel .owl-controls {
					top: 50%;
					width: 100%;
					position: absolute;
					z-index: 1;
				}
					/* slide navi */
					#goodsinfo > .inner > .img > .img_view.owl-carousel .owl-controls > .owl-nav {
						bottom: 50%;
						left: 0;
						margin: 0;
						padding: 0;
						width: 100%;
						position: absolute;
						transform: translate(0, 50%);
						z-index: 1;
					}

						#goodsinfo > .inner > .img > .img_view.owl-carousel .owl-controls > .owl-nav > .owl-prev {
							top: 50%;
							left: 10px;
							width: 38px;
							height: 88px;
							background: url('/common/img/skin/type6/img_view_prev.png') 0 0 no-repeat;
							background-size: 38px;
							text-indent: -9999px;
							position: absolute;
							transform: translate(0,-50%);
						}

						#goodsinfo > .inner > .img > .img_view.owl-carousel .owl-controls > .owl-nav > .owl-next {
							top: 50%;
							right: 10px;
							width: 38px;
							height: 88px;
							background: url('/common/img/skin/type6/img_view_next.png') 0 0 no-repeat;
							background-size: 38px;
							text-indent: -9999px;
							position: absolute;
							transform: translate(0,-50%);
						}


			/* À̹ÌÁö(¹îÁö) ¿µ¿ª */

			#goodsinfo > .inner > .img > .item_bedge {
				top: 0;
				left: 0;
				padding: 3% 3.5%;
				width: 100%;
				display: block;
				position: absolute;
				z-index: 1;
			}

				#goodsinfo > .inner > .img > .item_bedge img {
					margin-left: 2.2%;
					width: 8%;
					float: left;
				}

					#goodsinfo > .inner > .img > .item_bedge img:first-of-type {
						margin-left: 0;
					}

					#goodsinfo > .inner > .img > .item_bedge img:nth-child(n+11) {
						margin-top: 3%;
					}

					#goodsinfo > .inner > .img > .item_bedge img:nth-child(10n+1) {
						margin-left: 0;
					}

			/* À̹ÌÁö(½æ³×ÀÏ) ¿µ¿ª */
			#goodsinfo > .inner > .img > .img_thumb {
				bottom: 0;
				margin: 0;
				width: 100%;
				height: 20%;
				border: 1px solid #ddd;
				background: #fff;
				position: absolute;
			}

				#goodsinfo > .inner > .img > .img_thumb .item {
					width: 100%;
					background-position: center center !important;
					background-size: cover !important;
					display: inline-block;
					cursor: pointer;
				}

				#goodsinfo > .inner > .img > .img_thumb .owl-item.on .item:before {
					top: 0;
					left: 0;
					right: 0;
					bottom: 0;
					border: 5px solid;
					background: rgba(0,0,0,0.5);
					display: block;
					position: absolute;
					content: '';
					z-index: 1;
				}
			/* ³×ºñ ¿µ¿ª */
			#goodsinfo > .inner > .img > .img_cnt {
				display: none;
			}
		/* ½Ã¼³Á¤º¸ ¿µ¿ª */
		#goodsinfo > .inner > .info {
			width: 37%;
			height: 88%;
			background: #fff;
			position: relative;
			float: right;
			overflow: hidden;
		}

			#goodsinfo > .inner > .info:after {
				display: block;
				clear: both;
				content: "";
			}

			#goodsinfo > .inner > .info > .detail {
				margin: 0;
				padding: 20px;
				border: 1px solid #dfdfdf;
				position: relative;
			}

				#goodsinfo > .inner > .info > .detail > dl {
					margin: 0;
					font-size: 11pt;
					line-height: 180%;
					position: relative;
				}

				#goodsinfo > .inner > .info > .detail dt {
					width: 100px;
					font-weight: 500;
					font-size: 11pt;
					position: absolute;
				}

				#goodsinfo > .inner > .info > .detail dd {
					padding-left: 100px;
					color: #555;
					font-size: 11pt;
					text-overflow: ellipsis;
					white-space: nowrap;
					word-spacing: 1px;
					overflow: hidden;
				}

					#goodsinfo > .inner > .info > .detail dd a {
						color: #00f;
					}
				/* ºÎ´ë½Ã¼³ */
				#goodsinfo > .inner > .info > .detail dl.detail_amenities {
					margin-top: 20px;
				}

					#goodsinfo > .inner > .info > .detail dl.detail_amenities > dt {
						position: relative;
						display: block;
					}

					#goodsinfo > .inner > .info > .detail dl.detail_amenities > dd {
						margin-top: 7px;
						padding: 7px 20px;
						font-size: 10pt;
						color: #979797;
						text-align: center;
						position: relative;
						display: block;
						border: 1px solid #ddd;
					}

						#goodsinfo > .inner > .info > .detail dl.detail_amenities > dd > .amenities {
							margin: 0;
							min-height: 50px;
						}

							#goodsinfo > .inner > .info > .detail dl.detail_amenities > dd > .amenities .none {
								height: 50px;
								font-size: 10pt;
								color: #666;
								line-height: 350%;
								text-align: center;
								position: relative;
								display: block;
								overflow: hidden;
							}

								#goodsinfo > .inner > .info > .detail dl.detail_amenities > dd > .amenities .none > .p {
									display: inline-block;
								}

								#goodsinfo > .inner > .info > .detail dl.detail_amenities > dd > .amenities .none > .m {
									display: none;
								}

							#goodsinfo > .inner > .info > .detail dl.detail_amenities > dd > .amenities .item {
								height: 50px;
								font-size: 10pt;
								color: #666;
								line-height: 150%;
								text-align: center;
								position: relative;
								display: block;
							}

								#goodsinfo > .inner > .info > .detail dl.detail_amenities > dd > .amenities .item > img {
									margin: 0 auto;
									width: 30px;
									height: 30px;
									display: block;
								}

							#goodsinfo > .inner > .info > .detail dl.detail_amenities > dd > .amenities.owl-carousel .owl-controls > .owl-nav {
								bottom: 50%;
								left: 0;
								margin: 0;
								padding: 0;
								width: 100%;
								position: absolute;
								transform: translate(0,0);
								z-index: 1;
							}

								#goodsinfo > .inner > .info > .detail dl.detail_amenities > dd > .amenities.owl-carousel .owl-controls > .owl-nav > .owl-prev {
									top: -12px;
									left: -15px;
									width: 20px;
									height: 20px;
									background: url('/common/img/skin/type6/prev_s.png') 0 0 no-repeat;
									background-size: 20px;
									text-indent: -9999px;
									position: absolute;
								}

								#goodsinfo > .inner > .info > .detail dl.detail_amenities > dd > .amenities.owl-carousel .owl-controls > .owl-nav > .owl-next {
									top: -12px;
									right: -15px;
									width: 20px;
									height: 20px;
									background: url('/common/img/skin/type6/next_s.png') 0 0 no-repeat;
									background-size: 20px;
									text-indent: -9999px;
									position: absolute;
								}
			/* ½Ã¼³Áöµµ */
			#goodsinfo > .inner > .info > .map {
				bottom: 0;
				width: 100%;
				height: 50%;
				border-top: 1px solid #ccc;
				box-sizing: border-box;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				background: #eee;
				position: absolute;
			}

				#goodsinfo > .inner > .info > .map > .area {
					width: 100%;
					height: 100%;
					position: relative;
				}

					#goodsinfo > .inner > .info > .map > .area .nonmap {
						top: 50%;
						left: 50%;
						font-size: 11pt;
						line-height: 100%;
						position: absolute;
						transform: translate(-50%,-50%);
					}

					#goodsinfo > .inner > .info > .map > .area .iw_inner {
						padding: 5px;
						width: auto;
					}

						#goodsinfo > .inner > .info > .map > .area .iw_inner h3 {
							font-weight: 500;
							font-size: 10pt;
							color: #666;
						}

						#goodsinfo > .inner > .info > .map > .area .iw_inner p {
							font-size: 9pt;
							color: #fff;
						}

				#goodsinfo > .inner > .info > .map > dl {
					top: 0;
					padding: 1% 0;
					width: 100%;
					background: rgba(0,0,0,0.7);
					position: absolute;
				}

					#goodsinfo > .inner > .info > .map > dl > dd {
						font-size: 11pt;
						color: #fff;
						line-height: 200%;
						text-align: center;
						word-break: keep-all;
					}



		#goodsinfo > .inner > .googlemap {
			border: 1px dotted red;
			background: #fff;
			width: 100%;
			height: 620px;
			z-index: 9999999;
			position: absolute;
			display: none;
		}

			#goodsinfo > .inner > .googlemap > .mapclose {
				right: 3%;
				top: 3%;
				font-size: 20pt;
				font-weight: bold;
				color: #ff0000;
				position: absolute;
			}

/*// ½Ã¼³»ó¼¼Á¤º¸ ========================================== */

/* °´½ÇÁ¤º¸ ¸®½ºÆ® =================================== */
#reserroom {
	margin: 0 0 30px;
	padding: 0;
	position: relative;
}

	#reserroom:after {
		display: block;
		clear: both;
		content: "";
	}

	#reserroom > .inner {
	}

		#reserroom > .inner ul {
			border-bottom: 1px solid #ddd;
		}

			#reserroom > .inner ul:after {
				clear: both;
				content: "";
				display: block;
			}

			#reserroom > .inner ul > li {
				padding: 19px 0 17px;
				font-size: 11.5pt;
				color: #666;
				text-align: center;
				float: left;
			}

				#reserroom > .inner ul > li.tb_room {
					width: 44%;
					text-overflow: ellipsis;
					white-space: nowrap;
					word-wrap: normal;
					overflow: hidden;
				}

				#reserroom > .inner ul > li.tb_mem {
					width: 12%;
				}

				#reserroom > .inner ul > li.tb_week1 {
					width: 12%;
				}

				#reserroom > .inner ul > li.tb_week2 {
					width: 12%;
				}

				#reserroom > .inner ul > li.tb_week3 {
					width: 12%;
				}

				#reserroom > .inner ul > li.tb_lowest {
					display: none;
				}

				#reserroom > .inner ul > li.tb_sel {
					width: 7%;
					color: #333;
					font-weight: bold;
				}

				#reserroom > .inner ul > li > .weekbak {
					margin-top: 5px;
					font-size: 9.5pt;
					color: #f15f5f;
				}

				#reserroom > .inner ul > li.tb_rroom {
					width: 45%;
					color: #333;
					font-weight: bold;
					text-align: center;
					text-overflow: ellipsis;
					white-space: nowrap;
					word-wrap: normal;
					overflow: hidden;
				}

				#reserroom > .inner ul > li.tb_rdayrange {
					width: 24%;
					color: #333;
					font-weight: bold;
				}

				#reserroom > .inner ul > li.tb_rmem {
					width: 12%;
					color: #333;
					font-weight: bold;
				}

				#reserroom > .inner ul > li.tb_residual {
					width: 12%;
					color: #333;
					font-weight: bold;
				}

				#reserroom > .inner ul > li.tb_sel > .btn {
					margin: 0 auto;
					width: 80%;
					height: 25px;
					color: #fff;
					line-height: 25px;
					text-align: center;
					display: block;
				}

				#reserroom > .inner ul > li.tb_tmday {
					width: 47%;
					text-overflow: ellipsis;
					white-space: nowrap;
					word-wrap: normal;
					overflow: hidden;
				}

				#reserroom > .inner ul > li.tb_tmmem {
					width: 12%;
				}

	#reserroom > .inner {
		position: relative;
	}

		#reserroom > .inner > .table {
			width: 100%;
			position: relative;
		}

			#reserroom > .inner > .table .tb_room {
				width: auto;
			}

			#reserroom > .inner > .table .tb_mem {
				width: 13%;
			}

			#reserroom > .inner > .table .tb_week1 {
				width: 13%;
			}

			#reserroom > .inner > .table .tb_week2 {
				width: 13%;
			}

			#reserroom > .inner > .table .tb_week3 {
				width: 13%;
			}

			#reserroom > .inner > .table .tb_lowest {
				width: 13%;
				display: none;
			}

			#reserroom > .inner > .table .tb_sel {
				width: 7%;
			}

			#reserroom > .inner > .table > .thead {
				border-top: 1px solid #dfdfdf;
			}

				#reserroom > .inner > .table > .thead .cell {
				}

			#reserroom > .inner > .table > .tbody .row > .cell {
				padding: 0 10px;
				height: 65px;
			}

				#reserroom > .inner > .table > .tbody .row > .cell.tb_room {
					text-align: left;
				}

				#reserroom > .inner > .table > .tbody .row > .cell span.div {
					font-size: 9pt;
				}





		/* °´½ÇÁ¤º¸ ŸÀÌƲ */
		#reserroom > .inner > h3.sub_tit {
			margin-bottom: 20px;
			padding-left: 17px;
			font-family: "NanumSquare";
			font-weight: 600;
			font-size: 16pt;
		}
		/* °´½ÇÁ¤º¸ header */
		#reserroom > .inner > .header > ul:first-of-type {
			border-top: 1px solid #ddd;
			background: #efefef;
		}
		/* °´½ÇÁ¤º¸ body */
		#reserroom > .inner > .body > .item > ul {
			cursor: pointer;
		}

			#reserroom > .inner > .body > .item > ul > li {
			}

				#reserroom > .inner > .body > .item > ul > li:first-of-type {
					padding-left: 1%;
				}

				#reserroom > .inner > .body > .item > ul > li > span {
					color: #afafaf;
				}

					#reserroom > .inner > .body > .item > ul > li > span.end {
						color: #f15f5f;
					}

				#reserroom > .inner > .body > .item > ul > li.tb_sel > .bg {
					margin: 0 auto;
					padding: 0;
					width: 26px;
					height: 26px;
					position: relative;
				}

					#reserroom > .inner > .body > .item > ul > li.tb_sel > .bg > span {
						top: 0;
						left: 0;
						width: 100%;
						height: 100%;
						text-indent: -9999px;
						background: url('/common/img/skin/type6/icon_acc_open.png') center center no-repeat;
						background-size: 100%;
						display: inline-block;
						position: absolute;
					}


			#reserroom > .inner > .body > .item > ul:hover {
				border: 2px solid blue;
				background: rgba(0, 0, 255, 0.03);
			}

				#reserroom > .inner > .body > .item > ul:hover > li {
					padding: 17px 0 15px;
				}

			#reserroom > .inner > .body > .item > ul > li.empty {
				width: 100%;
				text-align: center;
			}

		#reserroom > .inner > .body > .loading,
		#reserroom > .inner > .body > .empty {
			width: 100%;
			text-align: center;
			line-height: 500%;
		}

		#reserroom > .inner > .body > .active > ul > li.tb_sel > .bg > span {
			background: url('/common/img/skin/type6/icon_acc_close.png') center center no-repeat;
			background-size: 100%;
		}

		#reserroom > .inner > .body > .item > #reserinner {
			padding: 1.8%;
			background: #fff;
			position: relative;
		}



		/* DivTable:½Ã¼³»ó¼¼ °´½Ç¸®½ºÆ® ============================ */
		#reserroom > .inner > .body .dtb.roomlistitem {
			width: 100%;
			text-align: left;
			border-collapse: collapse;
		}

			#reserroom > .inner > .body .dtb.roomlistitem > .dtb-h {
				height: 55px;
				border-top: 1px solid #cfcfcf;
				border-bottom: 1px solid #cfcfcf;
				background: #efefef;
				background: -moz-linear-gradient(top, #efefef 0%, #efefef 66%, #efefef 100%);
				background: -webkit-linear-gradient(top, #efefef 0%, #efefef 66%, #efefef 100%);
				background: linear-gradient(to bottom, #efefef 0%, #efefef 66%, #efefef 100%);
			}

			#reserroom > .inner > .body .dtb.roomlistitem > .dtb-b {
				height: 60px;
				border-bottom: 1px solid #cfcfcf;
			}

			#reserroom > .inner > .body .dtb.roomlistitem > .dtb-f {
				height: 60px;
				background: #EFEFEF;
				background: -moz-linear-gradient(top, #DFDFDF 0%, #DFDFDF 66%, #EFEFEF 100%);
				background: -webkit-linear-gradient(top, #DFDFDF 0%, #DFDFDF 66%, #EFEFEF 100%);
				background: linear-gradient(to bottom, #DFDFDF 0%, #DFDFDF 66%, #EFEFEF 100%);
			}

			#reserroom > .inner > .body .dtb.roomlistitem .dtb-h-c, #reserroom > .inner > .body .dtb.roomlistitem .dtb-b-c, #reserroom > .inner > .body .dtb.roomlistitem .dtb-f-c {
				vertical-align: middle;
			}

			#reserroom > .inner > .body .dtb.roomlistitem > .dtb-h .dtb-h-c {
				font-size: 11.5pt;
				font-weight: bold;
				color: #666;
			}

			#reserroom > .inner > .body .dtb.roomlistitem > .dtb-b .dtb-b-c {
				padding: 0 10px;
				font-size: 11.5pt;
				font-weight: normal;
				color: #666;
			}

				#reserroom > .inner > .body .dtb.roomlistitem > .dtb-b .dtb-b-c > a.btn01 {
					padding: 7px 5px;
					width: 55px;
					font-size: 10pt;
					border: 1px solid;
					display: inline-block;
				}

			#reserroom > .inner > .body .dtb.roomlistitem > .dtb-f .dtb-f-c {
				font-size: 11.5pt;
				font-weight: normal;
				color: #666;
			}
		/* DivTable:½Ã¼³»ó¼¼ °´½Ç¸®½ºÆ® ============================ */

		#reserroom > .inner > .btn {
			display: none;
		}

/* »óÇ°»ó¼¼ °´½ÇÁ¤º¸ ·¹À̾î(#reser) ================== */
#reser {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.7);
	display: none;
	position: fixed;
	z-index: 9998;
}

	#reser .loading {
		top: 50%;
		left: 50%;
		margin: 0;
		padding: 15px 0;
		width: 250px;
		color: #555;
		line-height: 100%;
		text-align: center;
		border-radius: 7px;
		background: #fff;
		display: none;
		position: absolute;
		transform: translate(-50%,-50%);
		border: 1px dotted #fff;
	}

#reser1 {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.7);
	display: none;
	position: fixed;
	z-index: 9998;
}

	#reser1 .loading {
		top: 50%;
		left: 50%;
		margin: 0;
		padding: 15px 0;
		width: 250px;
		color: #555;
		line-height: 100%;
		text-align: center;
		border-radius: 7px;
		background: #fff;
		display: none;
		position: absolute;
		transform: translate(-50%,-50%);
		border: 1px dotted #fff;
	}

/* #reserinner */
#reserinner {
	top: 50%;
	left: 50%;
	min-width: 320px;
	display: none;
	position: absolute;
	transform: translate(-50%,-50%);
}

	#reserinner > .reserline {
	}

		#reserinner > .reserline > .m {
			width: 20%;
			height: 5px;
			position: absolute;
		}

		#reserinner > .reserline > .s {
			height: 5px;
		}
	/* °´½ÇÁ¤º¸ layer Á¦¾î */
	#reserinner > .reserctr {
		padding-left: 60px;
		width: 100%;
		height: 50px;
		line-height: 50px;
		background: rgba(255,255,255,1);
		border-bottom: 1px solid #dfdfdf;
		display: block;
		position: relative;
	}

		#reserinner > .reserctr > .icon {
			top: 8px;
			left: 15px;
			width: 36px;
			height: 36px;
			background-color: #999;
			display: inline-block;
			position: absolute;
		}

			#reserinner > .reserctr > .icon > span {
				width: 100%;
				height: 100%;
				background: url('/common/img/skin/type6/mobile/header_btn_search_scroll.png') 0 0 no-repeat;
				background-size: cover;
				display: block;
			}

		#reserinner > .reserctr > .gnm {
			font-size: 15pt;
			font-weight: 600;
		}

		#reserinner > .reserctr > #rclose.nbtn {
			top: 50%;
			right: 15px;
			width: 36px;
			height: 36px;
			background: #333;
			display: block;
			position: absolute;
			transform: translate(0,-50%);
		}

			#reserinner > .reserctr > #rclose.nbtn > a {
				top: 0;
				left: 0;
				margin: 0;
				padding: 0;
				width: 100%;
				height: 100%;
				background: url('/common/img/skin/type6/mobile/header_btn_close_scroll.png') 0 0 no-repeat;
				background-size: cover;
				display: inline-block;
				position: absolute;
			}
	/* °´½ÇÁ¤º¸ area*/
	#reserinner > .inner {
		padding: 0 2% 0;
		width: 100%;
		height: calc(100% - 65px);
		position: relative;
		overflow-y: scroll;
	}

		#reserinner > .inner:after {
			display: block;
			clear: both;
			content: "";
		}

		#reserinner > .inner .info > dl > dd > select {
			height: 32px;
			font-size: 10.5pt;
			line-height: 100%;
		}

		#reserinner > .inner h3.tit {
			margin: 0 0 0;
			padding: 10px 0 10px;
			font-weight: normal;
			font-size: 13.5pt;
			border-bottom: 1px solid #ddd;
			display: block;
			position: relative;
		}


/* #reserinner1 */
#reserinner1 {
	top: 50%;
	left: 50%;
	min-width: 320px;
	display: none;
	position: absolute;
	transform: translate(-50%,-50%);
	z-index: 9998;
}

	#reserinner1 > .reserline {
	}

		#reserinner1 > .reserline > .m {
			width: 20%;
			height: 5px;
			position: absolute;
		}

		#reserinner1 > .reserline > .s {
			height: 5px;
		}
	/* °´½ÇÁ¤º¸ layer Á¦¾î */
	#reserinner1 > .reserctr {
		padding-left: 60px;
		width: 100%;
		height: 50px;
		line-height: 50px;
		background: rgba(255,255,255,1);
		border-bottom: 1px solid #dfdfdf;
		display: block;
		position: relative;
	}

		#reserinner1 > .reserctr > .icon {
			top: 8px;
			left: 15px;
			width: 36px;
			height: 36px;
			background-color: #999;
			display: inline-block;
			position: absolute;
		}

			#reserinner1 > .reserctr > .icon > span {
				width: 100%;
				height: 100%;
				background: url('/common/img/skin/type6/mobile/header_btn_search_scroll.png') 0 0 no-repeat;
				background-size: cover;
				display: block;
			}

		#reserinner1 > .reserctr > .gnm {
			font-size: 15pt;
			font-weight: 600;
		}

		#reserinner1 > .reserctr > #rclose.nbtn {
			top: 50%;
			right: 15px;
			width: 36px;
			height: 36px;
			background: #333;
			display: block;
			position: absolute;
			transform: translate(0,-50%);
		}

			#reserinner1 > .reserctr > #rclose.nbtn > a {
				top: 0;
				left: 0;
				margin: 0;
				padding: 0;
				width: 100%;
				height: 100%;
				background: url('/common/img/skin/type6/mobile/header_btn_close_scroll.png') 0 0 no-repeat;
				background-size: cover;
				display: inline-block;
				position: absolute;
			}
	/* °´½ÇÁ¤º¸ area*/
	#reserinner1 > .inner {
		padding: 0 2% 0;
		width: 100%;
		height: calc(100% - 65px);
		overflow-y: scroll;
	}

		#reserinner1 > .inner:after {
			display: block;
			clear: both;
			content: "";
		}

		#reserinner1 > .inner .info > dl > dd > select {
			height: 32px;
			font-size: 10.5pt;
			line-height: 100%;
		}

		#reserinner1 > .inner h3.tit {
			margin: 0 0 0;
			padding: 10px 0 10px;
			font-weight: normal;
			font-size: 13.5pt;
			border-bottom: 1px solid #ddd;
			display: block;
			position: relative;
		}




/* ÄíÆù¹ß±Þ ½ºÅÜ */
#reserinner > .inner .ktocpstep {
	margin: 0 auto 0;
	padding: 30px 20px;
	max-width: 90%;
}

	#reserinner > .inner .ktocpstep h3 {
		font-size: 28px;
		color: #333;
		line-height: 35px;
		text-align: center;
	}

	#reserinner > .inner .ktocpstep ul {
		margin: 1.5% auto;
		width: auto;
	}

		#reserinner > .inner .ktocpstep ul:after {
			display: block;
			clear: both;
			content: "";
		}

		#reserinner > .inner .ktocpstep ul li {
			margin-left: 4%;
			width: 22%;
			height: auto;
			background: #aaa;
			position: relative;
			float: left;
		}

			#reserinner > .inner .ktocpstep ul li:before {
				top: 50%;
				left: -20%;
				width: 20%;
				height: 1px;
				background: #aaa;
				position: absolute;
				content: "";
			}

			#reserinner > .inner .ktocpstep ul li:first-of-type {
				margin-left: 0;
			}

				#reserinner > .inner .ktocpstep ul li:first-of-type:before {
					display: none;
				}

			#reserinner > .inner .ktocpstep ul li span {
				padding: 15px 0 15px;
				font-size: 16px;
				color: #fff;
				line-height: 20px;
				text-align: center;
				vertical-align: middle;
				display: block;
			}

			#reserinner > .inner .ktocpstep ul li em {
				display: block;
				margin: 0 auto;
				text-align: center;
			}

			#reserinner > .inner .ktocpstep ul li.active {
			}

				#reserinner > .inner .ktocpstep ul li.active span {
					color: #fff;
				}
/* ÄíÆù¹ß±Þ ½ºÅÜ */

#reserinner > .inner > .ktocpform {
	margin: 0 auto;
	padding: 0 0 0;
	width: 100%;
	border-top: 1px solid #ddd;
	position: relative;
}

	#reserinner > .inner > .ktocpform > .form {
		margin: 0 auto 0;
		padding: 20px 0 10px;
		position: relative;
	}

	#reserinner > .inner > .ktocpform > .agree {
		margin: 0 auto;
		width: 90%;
	}

	#reserinner > .inner > .ktocpform > .id {
		margin: 0 auto;
		width: 70%;
	}

	#reserinner > .inner > .ktocpform > .result {
		margin: 0 auto;
		width: 90%;
	}

	#reserinner > .inner > .ktocpform > .form h3 {
		font-size: 12pt;
		text-align: center;
	}

	#reserinner > .inner > .ktocpform > .form .tit {
		margin: 0;
		padding: 0;
		font-size: 12.5pt;
		font-weight: 500;
		color: #333;
		line-height: 45px;
	}

	#reserinner > .inner > .ktocpform > .form dl {
		margin: 0 0 10px;
		padding: 0 0 0;
		border-bottom: 0;
		position: relative;
	}

		#reserinner > .inner > .ktocpform > .form dl dd {
			margin: 0;
			padding: 0 0 0 30%;
			text-align: right;
			height: 47px;
			line-height: 47px;
		}

			#reserinner > .inner > .ktocpform > .form dl dd.cont {
				margin: 0 0 0;
				padding: 20px 10px;
				width: 100%;
				height: 150px;
				font-size: 10.5pt;
				color: #555;
				line-height: 1.5em;
				text-align: justify;
				border: 1px solid #ddd;
				background: #fff;
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				overflow-y: scroll;
			}

				#reserinner > .inner > .ktocpform > .form dl dd.cont span.t1 {
					font-size: 10.5pt;
					font-weight: bold;
					color: #000;
					line-height: 180%;
				}

				#reserinner > .inner > .ktocpform > .form dl dd.cont span.t2r {
					color: red;
				}

				#reserinner > .inner > .ktocpform > .form dl dd.cont span.t2rb {
					color: red;
					font-weight: bold;
					font-size: 12pt;
				}

		#reserinner > .inner > .ktocpform > .form dl .form_chkbox20 > input + label {
			margin-top: -2px;
			vertical-align: middle;
		}

	#reserinner > .inner > .ktocpform > .form .bot {
		margin: 0;
		padding: 0;
		text-align: right;
		height: 47px;
		border-radius: 5px;
		background-color: #ddd;
	}

		#reserinner > .inner > .ktocpform > .form .bot .form_right {
			margin: 0 10px 0;
			height: 45px;
		}

	#reserinner > .inner > .ktocpform > .form .result_info {
		margin: 30px auto 10px;
		padding: 40px 20px 20px;
		width: 90%;
		font-size: 11.5pt;
		line-height: 140%;
		text-align: center;
		border-top: 1px dotted #afafaf;
	}

	#reserinner > .inner > .ktocpform > .form.id dl {
		margin: 0 0 0;
		padding: 5px 20px;
		background-color: #ddd;
	}

		#reserinner > .inner > .ktocpform > .form.id dl:first-of-type {
			padding-top: 20px;
			border-radius: 5px 5px 0 0;
		}

			#reserinner > .inner > .ktocpform > .form.id dl:first-of-type > dt {
				top: 60%;
			}

		#reserinner > .inner > .ktocpform > .form.id dl:last-of-type {
			padding-bottom: 20px;
			border-radius: 0 0 5px 5px;
		}

			#reserinner > .inner > .ktocpform > .form.id dl:last-of-type > dt {
				top: 40%;
			}

	#reserinner > .inner > .ktocpform > .form.id dd input,
	#reserinner > .inner > .ktocpform > .form.id dd select {
		height: 45px;
		line-height: 45px;
	}

	#reserinner > .inner > .ktocpform > .form.id dd > #tbuserarea {
		width: 100%;
		position: relative;
	}

		#reserinner > .inner > .ktocpform > .form.id dd > #tbuserarea select {
			width: 47.5%;
		}

			#reserinner > .inner > .ktocpform > .form.id dd > #tbuserarea select + select {
				margin-left: 5%;
			}

	#reserinner > .inner > .ktocpform > .register_btn {
		margin-top: 0;
		padding: 25px 0 0;
		text-align: center;
		border-top: 1px solid #ddd;
	}

		#reserinner > .inner > .ktocpform > .register_btn > input[type='button'] {
			margin: 0;
			height: 55px;
			line-height: 55px;
			font-size: 12pt;
			font-weight: 400;
			display: inline-block;
			cursor: pointer;
		}

			#reserinner > .inner > .ktocpform > .register_btn > input[type='button'] + input[type='button'] {
				margin-left: 10px;
			}

		#reserinner > .inner > .ktocpform > .register_btn > .btnc {
			padding: 0 20px;
			min-width: 30%;
			color: #444;
			background: #fff;
			border: 1px solid #ccc;
		}

		#reserinner > .inner > .ktocpform > .register_btn > .btna {
			padding: 0 20px;
			min-width: 30%;
			color: #fff;
		}

		#reserinner > .inner > .ktocpform > .register_btn > .btnl {
			padding: 0 20px;
			min-width: 30%;
			color: #fff;
		}




/* ¼±Åð´½Ç Á¤º¸ */
#reserinner > .inner > .step1 {
	margin-top: 1.5%;
	padding: 0;
	border-bottom: 1px solid #ddd;
	position: relative;
}

	#reserinner > .inner > .step1 > .img {
		margin: 0;
		padding: 0;
		width: 50%;
		background-position: center center !important;
		background-size: cover !important;
		border: 1px solid #ebebeb;
		display: block;
		position: absolute;
		opacity: 0.1;
	}

		#reserinner > .inner > .step1 > .img .kto {
			top: 0;
			left: 0;
			width: 35px;
			height: 35px;
			background: url('/common/img/skin/type6/menu_kto.png') 0 0 no-repeat;
			position: absolute;
		}


	#reserinner > .inner > .step1 > .info {
		margin: 0 0 0 52%;
		padding: 0 0 2% 2%;
		border-left: 1px solid #ddd;
	}

		#reserinner > .inner > .step1 > .info > dl > dd {
			border: 0;
		}

			#reserinner > .inner > .step1 > .info > dl > dd.nowrap {
				padding: 1.5% 1% 2% 25%;
				line-height: 150%;
				text-overflow: initial;
				white-space: normal;
				word-wrap: normal;
				overflow: visible;
			}

		#reserinner > .inner > .step1 > .info > dl.nowrap {
		}

			#reserinner > .inner > .step1 > .info > dl.nowrap > dt {
			}

			#reserinner > .inner > .step1 > .info > dl.nowrap > dd {
				padding: 1.5% 1% 2% 25%;
				line-height: 150%;
				text-overflow: initial;
				white-space: normal;
				word-wrap: normal;
				overflow: visible;
			}


		#reserinner > .inner > .step1 > .info > .price {
			margin: 0;
			border: 1px solid #ddd;
			position: relative;
		}

			#reserinner > .inner > .step1 > .info > .price > dl {
				position: relative;
			}

				#reserinner > .inner > .step1 > .info > .price > dl:after {
					display: block;
					clear: both;
					content: "";
				}

				#reserinner > .inner > .step1 > .info > .price > dl > dt,
				#reserinner > .inner > .step1 > .info > .price > dl > dd {
					top: 50%;
					padding: 0;
					width: 33%;
					font-size: 10.5pt;
					line-height: 100%;
					text-align: center;
					position: absolute;
					transform: translate(0,-50%);
					z-index: 2;
				}

					#reserinner > .inner > .step1 > .info > .price > dl > dt span {
						font-size: 9.5pt;
						color: #f15f5f;
					}

					#reserinner > .inner > .step1 > .info > .price > dl > dt:nth-of-type(2),
					#reserinner > .inner > .step1 > .info > .price > dl > dd:nth-of-type(2) {
						left: 33.5%;
						z-index: 1
					}

					#reserinner > .inner > .step1 > .info > .price > dl > dt.e,
					#reserinner > .inner > .step1 > .info > .price > dl > dd.e {
						padding: 2% 0 2% 67%;
						width: 100%;
						line-height: 120%;
						position: relative;
						transform: translate(0,0);
						z-index: -1;
					}

				#reserinner > .inner > .step1 > .info > .price > dl > dt {
					color: #555;
					background: #ebebeb;
				}

				#reserinner > .inner > .step1 > .info > .price > dl > dd {
					color: #666;
				}
/* ¼±Åð´½Ç ¿¹¾àÁ¤º¸*/
#reserinner > .inner > .step2 {
	margin: 0;
	padding: 0;
	position: relative;
	border-bottom: 1px dotted #fff;
}
	/* Calendar area */
	#reserinner > .inner > .step2 > .calendar {
		padding: 1.5% 0 0;
		width: 50%;
		display: block;
		position: absolute;
	}
		/* Calendar ³×ºñ */
		#reserinner > .inner > .step2 > .calendar > .top {
			margin-bottom: 2%;
			padding: 2.5% 0;
			text-align: center;
			position: relative;
		}

			#reserinner > .inner > .step2 > .calendar > .top > span {
				font-size: 16pt;
				color: #fff;
				line-height: 130%;
				display: inline;
			}

			#reserinner > .inner > .step2 > .calendar > .top > a {
				top: 50%;
				width: 22px;
				height: 22px;
				display: block;
				position: absolute;
				transform: translate(0,-50%);
			}

				#reserinner > .inner > .step2 > .calendar > .top > a > img {
					width: 22px;
					height: 22px;
					vertical-align: top;
				}

				#reserinner > .inner > .step2 > .calendar > .top > a.prev {
					left: 3%;
				}

				#reserinner > .inner > .step2 > .calendar > .top > a.next {
					right: 3%;
				}
		/* Calendar °øÅë*/
		#reserinner > .inner > .step2 > .calendar > .cal {
			margin: 0 auto;
			width: 100%;
			border-collapse: collapse;
		}

			#reserinner > .inner > .step2 > .calendar > .cal > thead > tr > td {
				padding: 0 !important;
				width: 14.285%;
				font-size: 11.5pt;
				line-height: 250%;
				text-align: center;
				border-top: none;
				border-bottom: 2px solid #ddd;
			}

			#reserinner > .inner > .step2 > .calendar > .cal > tbody > tr > td {
				padding: 0 !important;
				width: 14.285%;
				height: 80px;
				border-left: 1px solid #ccc;
				border-bottom: 1px solid #ddd;
			}

				#reserinner > .inner > .step2 > .calendar > .cal > tbody > tr > td:first-of-type {
					border-left: none;
				}

				#reserinner > .inner > .step2 > .calendar > .cal > tbody > tr > td.loading2 {
					line-height: 350px;
					text-align: center;
				}

				#reserinner > .inner > .step2 > .calendar > .cal > tbody > tr > td.last_mon {
				}

					#reserinner > .inner > .step2 > .calendar > .cal > tbody > tr > td.last_mon p {
						font-weight: normal;
						color: #c8c8c8;
					}

					#reserinner > .inner > .step2 > .calendar > .cal > tbody > tr > td.last_mon span {
						display: none;
					}

					#reserinner > .inner > .step2 > .calendar > .cal > tbody > tr > td.last_mon .cost {
						display: none;
					}

				#reserinner > .inner > .step2 > .calendar > .cal > tbody > tr > td.resv_end {
				}

					#reserinner > .inner > .step2 > .calendar > .cal > tbody > tr > td.resv_end .cost {
						color: #afafaf;
						text-decoration: line-through;
					}

				#reserinner > .inner > .step2 > .calendar > .cal > tbody > tr > td.resv_ok {
				}

				#reserinner > .inner > .step2 > .calendar > .cal > tbody > tr > td > div {
					margin: 0;
					padding: 0;
					width: 100%;
					height: 100%;
					display: block;
					position: relative;
				}

					#reserinner > .inner > .step2 > .calendar > .cal > tbody > tr > td > div > a {
						margin: 0;
						padding: 0;
						width: 100%;
						height: 100%;
						display: block;
						position: relative;
					}
					/* ÀÏÀÚ */
					#reserinner > .inner > .step2 > .calendar > .cal > tbody > tr > td > div p {
						top: 10%;
						left: 10%;
						font-size: 11pt;
						line-height: 120%;
						position: absolute;
					}
					/* ¿¹¾à»óÅ */
					#reserinner > .inner > .step2 > .calendar > .cal > tbody > tr > td > div span {
						top: 12%;
						right: 10%;
						padding: 0 5% 0;
						width: auto;
						font-size: 8.5pt;
						color: #fff;
						line-height: 130%;
						text-align: center;
						position: absolute;
					}

					#reserinner > .inner > .step2 > .calendar > .cal > tbody > tr > td > div .bg1 {
						border-radius: 2px;
						background: #47c83e;
					}
					/*Á¢¼ö*/
					#reserinner > .inner > .step2 > .calendar > .cal > tbody > tr > td > div .bg2 {
						border-radius: 2px;
						background: #0054ff;
					}
					/*È®Á¤*/
					#reserinner > .inner > .step2 > .calendar > .cal > tbody > tr > td > div .bg2-1 {
						border-radius: 2px;
						background: #ce44ef;
						letter-spacing: -0.35mm;
					}
					/*½Ç½Ã°£*/
					#reserinner > .inner > .step2 > .calendar > .cal > tbody > tr > td > div .bg3 {
						border-radius: 2px;
						background: #f15f5f;
					}
					/*¸¶°¨*/
					#reserinner > .inner > .step2 > .calendar > .cal > tbody > tr > td > div .bg4 {
						border-radius: 2px;
						background: #afafaf;
					}
					/*¹ÌÁ¤*/
					#reserinner > .inner > .step2 > .calendar > .cal > tbody > tr > td > div .bg5 {
						border-radius: 2px;
						background: #fcb200;
					}
					/*´ë±â*/
					#reserinner > .inner > .step2 > .calendar > .cal > tbody > tr > td > div .bg6 {
						border-radius: 2px;
						background: #ff8224;
					}
					/*¹èÁ¤*/
					#reserinner > .inner > .step2 > .calendar > .cal > tbody > tr > td > div .bg7 {
						border-radius: 2px;
						background: #fff;
					}

					#reserinner > .inner > .step2 > .calendar > .cal > tbody > tr > td > div .bgc_kisa {
						border-radius: 2px;
						background: #000;
					}
					/*dhl*/
					#reserinner > .inner > .step2 > .calendar > .cal > tbody > tr > td > div .bgc_dhl {
						border-radius: 2px;
						background: #000;
					}
					/*dhl*/
					/* ¿ä±Ý */
					#reserinner > .inner > .step2 > .calendar > .cal > tbody > tr > td > div .cost {
						top: 55%;
						left: 0;
						margin: 0;
						padding-right: 10%;
						width: 100%;
						font-size: 10.5pt;
						color: #666;
						text-align: right;
						line-height: 100%;
						letter-spacing: -0.2mm;
						position: absolute;
						transform: translate(0,-50%);
					}
					/* Ưº°¿ä±Ý */
					#reserinner > .inner > .step2 > .calendar > .cal > tbody > tr > td > div .special {
						bottom: 5px;
						margin-top: 3px;
						width: 100%;
						font-size: 8.5pt;
						color: #a566ff;
						text-align: center;
						line-height: 100%;
						position: absolute;
					}


/* ¼±Åð´½Ç Á¤º¸ */
#reserinner1 > .inner > .step1 {
	margin-top: 1.5%;
	padding: 0;
	border-bottom: 1px solid #ddd;
	position: relative;
}

	#reserinner1 > .inner > .step1 > .img {
		margin: 0;
		padding: 0;
		width: 50%;
		background-position: center center !important;
		background-size: cover !important;
		border: 1px solid #ebebeb;
		display: block;
		position: absolute;
		opacity: 0.1;
	}

		#reserinner1 > .inner > .step1 > .img .kto {
			top: 0;
			left: 0;
			width: 35px;
			height: 35px;
			background: url('/common/img/skin/type6/menu_kto.png') 0 0 no-repeat;
			position: absolute;
		}


	#reserinner1 > .inner > .step1 > .info {
		margin: 0 0 0 52%;
		padding: 0 0 2% 2%;
		border-left: 1px solid #ddd;
	}

		#reserinner1 > .inner > .step1 > .info > dl > dd {
			border: 0;
		}

		#reserinner1 > .inner > .step1 > .info > dl.nowrap {
		}

			#reserinner1 > .inner > .step1 > .info > dl.nowrap > dt {
			}

			#reserinner1 > .inner > .step1 > .info > dl.nowrap > dd {
				padding: 1.5% 1% 2% 25%;
				line-height: 150%;
				text-overflow: initial;
				white-space: normal;
				word-wrap: normal;
				word-wrap: normal;
				overflow: visible;
			}

		#reserinner1 > .inner > .step1 > .info > .price {
			margin: 0;
			border: 1px solid #ddd;
			position: relative;
		}

			#reserinner1 > .inner > .step1 > .info > .price > dl {
				position: relative;
			}

				#reserinner1 > .inner > .step1 > .info > .price > dl:after {
					display: block;
					clear: both;
					content: "";
				}

				#reserinner1 > .inner > .step1 > .info > .price > dl > dt,
				#reserinner1 > .inner > .step1 > .info > .price > dl > dd {
					top: 50%;
					padding: 0;
					width: 33%;
					font-size: 10.5pt;
					line-height: 100%;
					text-align: center;
					position: absolute;
					transform: translate(0,-50%);
					z-index: 2;
				}

					#reserinner1 > .inner > .step1 > .info > .price > dl > dt span {
						font-size: 9.5pt;
						color: #f15f5f;
					}

					#reserinner1 > .inner > .step1 > .info > .price > dl > dt:nth-of-type(2),
					#reserinner1 > .inner > .step1 > .info > .price > dl > dd:nth-of-type(2) {
						left: 33.5%;
						z-index: 1
					}

					#reserinner1 > .inner > .step1 > .info > .price > dl > dt.e,
					#reserinner1 > .inner > .step1 > .info > .price > dl > dd.e {
						padding: 2% 0 2% 67%;
						width: 100%;
						line-height: 120%;
						position: relative;
						transform: translate(0,0);
						z-index: -1;
					}

				#reserinner1 > .inner > .step1 > .info > .price > dl > dt {
					color: #555;
					background: #ebebeb;
				}

				#reserinner1 > .inner > .step1 > .info > .price > dl > dd {
					color: #666;
				}
/* ¼±Åð´½Ç ¿¹¾àÁ¤º¸*/
#reserinner1 > .inner > .step2 {
	margin: 0;
	padding: 0;
	position: relative;
	border-bottom: 1px dotted #fff;
}
	/* Calendar area */
	#reserinner1 > .inner > .step2 > .calendar {
		padding: 1.5% 0 0;
		width: 50%;
		display: block;
		position: absolute;
	}
		/* Calendar ³×ºñ */
		#reserinner1 > .inner > .step2 > .calendar > .top {
			margin-bottom: 2%;
			padding: 2.5% 0;
			text-align: center;
			position: relative;
		}

			#reserinner1 > .inner > .step2 > .calendar > .top > span {
				font-size: 16pt;
				color: #fff;
				line-height: 130%;
				display: inline;
			}

			#reserinner1 > .inner > .step2 > .calendar > .top > a {
				top: 50%;
				width: 22px;
				height: 22px;
				display: block;
				position: absolute;
				transform: translate(0,-50%);
			}

				#reserinner1 > .inner > .step2 > .calendar > .top > a > img {
					width: 22px;
					height: 22px;
					vertical-align: top;
				}

				#reserinner1 > .inner > .step2 > .calendar > .top > a.prev {
					left: 3%;
				}

				#reserinner1 > .inner > .step2 > .calendar > .top > a.next {
					right: 3%;
				}
		/* Calendar °øÅë*/
		#reserinner1 > .inner > .step2 > .calendar > .cal {
			margin: 0 auto;
			width: 100%;
			border-collapse: collapse;
		}

			#reserinner1 > .inner > .step2 > .calendar > .cal > thead > tr > td {
				padding: 0 !important;
				width: 14.285%;
				font-size: 11.5pt;
				line-height: 250%;
				text-align: center;
				border-top: none;
				border-bottom: 2px solid #ddd;
			}

			#reserinner1 > .inner > .step2 > .calendar > .cal > tbody > tr > td {
				padding: 0 !important;
				width: 14.285%;
				height: 80px;
				border-left: 1px solid #ccc;
				border-bottom: 1px solid #ddd;
			}

				#reserinner1 > .inner > .step2 > .calendar > .cal > tbody > tr > td:first-of-type {
					border-left: none;
				}

				#reserinner1 > .inner > .step2 > .calendar > .cal > tbody > tr > td.loading2 {
					line-height: 350px;
					text-align: center;
				}

				#reserinner1 > .inner > .step2 > .calendar > .cal > tbody > tr > td.last_mon {
				}

					#reserinner1 > .inner > .step2 > .calendar > .cal > tbody > tr > td.last_mon p {
						font-weight: normal;
						color: #c8c8c8;
					}

					#reserinner1 > .inner > .step2 > .calendar > .cal > tbody > tr > td.last_mon span {
						display: none;
					}

					#reserinner1 > .inner > .step2 > .calendar > .cal > tbody > tr > td.last_mon .cost {
						display: none;
					}

				#reserinner1 > .inner > .step2 > .calendar > .cal > tbody > tr > td.resv_end {
				}

					#reserinner1 > .inner > .step2 > .calendar > .cal > tbody > tr > td.resv_end .cost {
						color: #afafaf;
						text-decoration: line-through;
					}

				#reserinner1 > .inner > .step2 > .calendar > .cal > tbody > tr > td.resv_ok {
				}

				#reserinner1 > .inner > .step2 > .calendar > .cal > tbody > tr > td > div {
					margin: 0;
					padding: 0;
					width: 100%;
					height: 100%;
					display: block;
					position: relative;
				}

					#reserinner1 > .inner > .step2 > .calendar > .cal > tbody > tr > td > div > a {
						margin: 0;
						padding: 0;
						width: 100%;
						height: 100%;
						display: block;
						position: relative;
					}
					/* ÀÏÀÚ */
					#reserinner1 > .inner > .step2 > .calendar > .cal > tbody > tr > td > div p {
						top: 10%;
						left: 10%;
						font-size: 11pt;
						line-height: 120%;
						position: absolute;
					}
					/* ¿¹¾à»óÅ */
					#reserinner1 > .inner > .step2 > .calendar > .cal > tbody > tr > td > div span {
						top: 10%;
						right: 10%;
						padding: 0 5% 0;
						width: auto;
						font-size: 8.5pt;
						color: #fff;
						line-height: 130%;
						text-align: center;
						position: absolute;
					}

					#reserinner1 > .inner > .step2 > .calendar > .cal > tbody > tr > td > div .bg1 {
						background: #47c83e;
					}
					/*Á¢¼ö*/
					#reserinner1 > .inner > .step2 > .calendar > .cal > tbody > tr > td > div .bg2 {
						background: #0054ff;
					}
					/*È®Á¤*/
					#reserinner1 > .inner > .step2 > .calendar > .cal > tbody > tr > td > div .bg3 {
						background: #f15f5f;
					}
					/*¸¶°¨*/
					#reserinner1 > .inner > .step2 > .calendar > .cal > tbody > tr > td > div .bg4 {
						background: #afafaf;
					}
					/*¹ÌÁ¤*/
					#reserinner1 > .inner > .step2 > .calendar > .cal > tbody > tr > td > div .bg5 {
						background: #fcb200;
					}
					/*´ë±â*/
					#reserinner1 > .inner > .step2 > .calendar > .cal > tbody > tr > td > div .bg6 {
						background: #ff8224;
					}
					/*¹èÁ¤*/
					#reserinner1 > .inner > .step2 > .calendar > .cal > tbody > tr > td > div .bg7 {
						background: #fff;
					}

					#reserinner1 > .inner > .step2 > .calendar > .cal > tbody > tr > td > div .bgc_kisa {
						background: #000;
					}
					/*dhl*/
					#reserinner1 > .inner > .step2 > .calendar > .cal > tbody > tr > td > div .bgc_dhl {
						background: #000;
					}
					/*dhl*/
					/* ¿ä±Ý */
					#reserinner1 > .inner > .step2 > .calendar > .cal > tbody > tr > td > div .cost {
						top: 55%;
						left: 0;
						margin: 0;
						padding-right: 10%;
						width: 100%;
						font-size: 10.5pt;
						color: #666;
						text-align: right;
						line-height: 100%;
						letter-spacing: -0.2mm;
						position: absolute;
						transform: translate(0,-50%);
					}
					/* Ưº°¿ä±Ý */
					#reserinner1 > .inner > .step2 > .calendar > .cal > tbody > tr > td > div .special {
						bottom: 5px;
						margin-top: 3px;
						width: 100%;
						font-size: 8.5pt;
						color: #a566ff;
						text-align: center;
						line-height: 100%;
						position: absolute;
					}

/* À̹ÌÁöºä¾î */
#reserinner.img {
	width: 700px;
	height: 50%;
}

	#reserinner.img .inner {
		height: calc(100% - 110px);
		position: relative;
	}

		#reserinner.img .inner > .info {
			margin-top: 1%;
		}

			#reserinner.img .inner > .info > dl {
				border-bottom: 1px dotted #ccc;
			}

				#reserinner.img .inner > .info > dl input {
					width: 65%;
					height: 34px;
				}

				#reserinner.img .inner > .info > dl select {
					width: 20%;
					height: 34px;
				}

					#reserinner.img .inner > .info > dl select + input,
					#reserinner.img .inner > .info > dl select + input + input {
						margin-left: 2.5%;
						width: 20%;
						height: 34px;
					}

				#reserinner.img .inner > .info > dl > dt {
				}

				#reserinner.img .inner > .info > dl > dd {
					text-align: left;
					line-height: 150%;
					text-overflow: initial;
					white-space: normal;
					word-wrap: normal;
					word-wrap: normal;
					overflow: visible;
				}

					#reserinner.img .inner > .info > dl > dd.txt {
						height: 50px;
						line-height: 230%;
					}

		#reserinner.img .inner table {
			margin: 10px 0;
			font-size: 12pt;
		}

			#reserinner.img .inner table th,
			#reserinner.img .inner table td {
				padding: 5px;
				height: 35px;
				border: 1px solid #ddd;
			}

	#reserinner.img > .reserbtn {
	}

		#reserinner.img > .reserbtn > .btn {
			margin: 5px 0 0;
			padding: 0;
			text-align: right;
		}


/* ktoÄíÆù */
#reserinner > .inner > .step2 > .calendar > .cal > tbody > tr > td > div .coupon {
	bottom: 5%;
	left: 0;
	width: 100%;
	font-size: 8.5pt;
	color: #a566ff;
	text-align: center;
	line-height: 100%;
	position: absolute;
	transform: translate(0 0);
}
/* Calendar ÈÞ¾ç¼Ò */
#reserinner > .inner > .step2 > .calendar > .cal > tbody > tr > td > div .reststate {
	top: 50%;
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: center;
	position: absolute;
	transform: translate(0,-50%);
}

	#reserinner > .inner > .step2 > .calendar > .cal > tbody > tr > td > div .reststate > div {
		margin: 0 auto;
		padding: 0;
		width: 75%;
		height: 18px;
		font-size: 8.7pt;
		color: #fff;
		line-height: 150%;
		text-align: center;
		display: block;
		position: relative;
	}

#reserinner > .inner > .step2 > .calendar > .cal > tbody > tr > td > div .appstate {
	bottom: 10%;
	margin: 0;
	padding: 0;
	width: 100%;
	font-size: 9pt;
	color: #4b4b4b;
	line-height: 120%;
	text-align: center;
	position: absolute;
}

	#reserinner > .inner > .step2 > .calendar > .cal > tbody > tr > td > div .appstate > div {
		font-size: 9pt;
		line-height: 100%;
		display: inline-block;
	}

		#reserinner > .inner > .step2 > .calendar > .cal > tbody > tr > td > div .appstate > div.rseq {
			color: #4b4b4b;
		}

		#reserinner > .inner > .step2 > .calendar > .cal > tbody > tr > td > div .appstate > div.rappcnt {
			color: blue;
		}

		#reserinner > .inner > .step2 > .calendar > .cal > tbody > tr > td > div .appstate > div.rroomcnt {
			color: green;
		}

		#reserinner > .inner > .step2 > .calendar > .cal > tbody > tr > td > div .appstate > div.rwaitcnt {
			color: orange;
		}
/* Calendar ÈÞ¾ç¼Ò1 */
#reserinner1 > .inner > .step2 > .calendar > .cal > tbody > tr > td > div .reststate {
	top: 50%;
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: center;
	position: absolute;
	transform: translate(0,-50%);
}

	#reserinner1 > .inner > .step2 > .calendar > .cal > tbody > tr > td > div .reststate > div {
		margin: 0 auto;
		padding: 0;
		width: 75%;
		height: 18px;
		font-size: 8.7pt;
		color: #fff;
		line-height: 150%;
		text-align: center;
		display: block;
		position: relative;
	}

#reserinner1 > .inner > .step2 > .calendar > .cal > tbody > tr > td > div .appstate {
	bottom: 10%;
	margin: 0;
	padding: 0;
	width: 100%;
	font-size: 9pt;
	color: #4b4b4b;
	line-height: 120%;
	text-align: center;
	position: absolute;
}

	#reserinner1 > .inner > .step2 > .calendar > .cal > tbody > tr > td > div .appstate > div {
		font-size: 9pt;
		line-height: 100%;
		display: inline-block;
	}

		#reserinner1 > .inner > .step2 > .calendar > .cal > tbody > tr > td > div .appstate > div.rseq {
			color: #4b4b4b;
		}

		#reserinner1 > .inner > .step2 > .calendar > .cal > tbody > tr > td > div .appstate > div.rappcnt {
			color: blue;
		}

		#reserinner1 > .inner > .step2 > .calendar > .cal > tbody > tr > td > div .appstate > div.rroomcnt {
			color: green;
		}

		#reserinner1 > .inner > .step2 > .calendar > .cal > tbody > tr > td > div .appstate > div.rwaitcnt {
			color: orange;
		}

/* Calendar ¿äÀϱ¸ºÐ(ÁÖÁß/ÁØÁÖ¸»/ÁÖ¸»/Ưº°¿ä±Ý) */
#reserinner > .inner > .step2 > .calendar > .cal .wtxt1 {
	color: red;
}

#reserinner > .inner > .step2 > .calendar > .cal .wtxt2 {
	color: #666;
}

#reserinner > .inner > .step2 > .calendar > .cal .wtxt3 {
	color: blue;
}

#reserinner > .inner > .step2 > .calendar > .cal .wbg1 {
	background: #fff;
}

#reserinner > .inner > .step2 > .calendar > .cal .wbg2 {
	background: #d9e5ff;
}

#reserinner > .inner > .step2 > .calendar > .cal .wbg3 {
	background: #fef0f2;
}

#reserinner > .inner > .step2 > .calendar > .cal .wbgs {
	background: #e8d9ff;
}

#reserinner > .inner > .step2 > .calendar > .cal .wbge {
	background: #ffe08c;
}

#reserinner > .inner > .step2 > .calendar > .cal .wbgm {
	background: #efefef;
}


/* Calendar ¿äÀϱ¸ºÐ1(ÁÖÁß/ÁØÁÖ¸»/ÁÖ¸»/Ưº°¿ä±Ý) */
#reserinner1 > .inner > .step2 > .calendar > .cal .wtxt1 {
	color: red;
}

#reserinner1 > .inner > .step2 > .calendar > .cal .wtxt2 {
	color: #666;
}

#reserinner1 > .inner > .step2 > .calendar > .cal .wtxt3 {
	color: blue;
}

#reserinner1 > .inner > .step2 > .calendar > .cal .wbg1 {
	background: #fff;
}

#reserinner1 > .inner > .step2 > .calendar > .cal .wbg2 {
	background: #d9e5ff;
}

#reserinner1 > .inner > .step2 > .calendar > .cal .wbg3 {
	background: #fef0f2;
}

#reserinner1 > .inner > .step2 > .calendar > .cal .wbgs {
	background: #e8d9ff;
}

#reserinner1 > .inner > .step2 > .calendar > .cal .wbge {
	background: #ffe08c;
}

#reserinner1 > .inner > .step2 > .calendar > .cal .wbgm {
	background: #efefef;
}

/* Calendar Ãâ·Â°¡À̵å */
#reserinner > .inner > .step2 > .calendar > .guide {
	margin: 0;
	padding: 0;
	height: 30px;
}

	#reserinner > .inner > .step2 > .calendar > .guide:after {
		display: block;
		clear: both;
		content: "";
	}

	#reserinner > .inner > .step2 > .calendar > .guide > .marking {
		margin: 5px 0 0;
		padding: 0;
		height: 20px;
		position: relative;
		float: left;
	}

		#reserinner > .inner > .step2 > .calendar > .guide > .marking > dl > dd {
			margin: 0 3px 0;
			font-size: 8.7pt;
			line-height: 1.2em;
			float: left;
		}

			#reserinner > .inner > .step2 > .calendar > .guide > .marking > dl > dd.w1 {
				margin-left: 0;
				padding: 0;
				width: 15px;
				height: 15px;
				border: 1px solid #dfdfdf;
				background: #fff;
			}

			#reserinner > .inner > .step2 > .calendar > .guide > .marking > dl > dd.w2 {
				margin-left: 10px;
				padding: 0;
				width: 15px;
				height: 15px;
				border: 1px solid #dfdfdf;
				background: #d9e5ff;
			}

			#reserinner > .inner > .step2 > .calendar > .guide > .marking > dl > dd.w3 {
				margin-left: 10px;
				padding: 0;
				width: 15px;
				height: 15px;
				border: 1px solid #dfdfdf;
				background: #fef0f2;
			}

			#reserinner > .inner > .step2 > .calendar > .guide > .marking > dl > dd.ws {
				margin-left: 10px;
				padding: 0;
				width: 15px;
				height: 15px;
				border: 1px solid #dfdfdf;
				background: #e8d9ff;
			}

			#reserinner > .inner > .step2 > .calendar > .guide > .marking > dl > dd.rw1 {
				margin-left: 0;
				padding: 0;
				width: 15px;
				height: 15px;
				border: 1px solid #dfdfdf;
				background: blue;
			}

			#reserinner > .inner > .step2 > .calendar > .guide > .marking > dl > dd.rw2 {
				margin-left: 10px;
				padding: 0;
				width: 15px;
				height: 15px;
				border: 1px solid #dfdfdf;
				background: green;
			}

			#reserinner > .inner > .step2 > .calendar > .guide > .marking > dl > dd.rw3 {
				margin-left: 10px;
				padding: 0;
				width: 15px;
				height: 15px;
				border: 1px solid #dfdfdf;
				background: orange;
			}

	#reserinner > .inner > .step2 > .calendar > .guide > .vat {
		margin: 5px 0 0;
		padding: 0;
		height: 20px;
		font-size: 8.7pt;
		line-height: 1.2em;
		position: relative;
		float: right;
	}
/* Calendar Ãâ·Â°¡À̵å1 */
#reserinner1 > .inner > .step2 > .calendar > .guide {
	margin: 0;
	padding: 0;
	height: 30px;
}

	#reserinner1 > .inner > .step2 > .calendar > .guide:after {
		display: block;
		clear: both;
		content: "";
	}

	#reserinner1 > .inner > .step2 > .calendar > .guide > .marking {
		margin: 5px 0 0;
		padding: 0;
		height: 20px;
		position: relative;
		float: left;
	}

		#reserinner1 > .inner > .step2 > .calendar > .guide > .marking > dl > dd {
			margin: 0 3px 0;
			font-size: 8.7pt;
			line-height: 1.2em;
			float: left;
		}

			#reserinner1 > .inner > .step2 > .calendar > .guide > .marking > dl > dd.w1 {
				margin-left: 0;
				padding: 0;
				width: 15px;
				height: 15px;
				border: 1px solid #dfdfdf;
				background: #fff;
			}

			#reserinner1 > .inner > .step2 > .calendar > .guide > .marking > dl > dd.w2 {
				margin-left: 10px;
				padding: 0;
				width: 15px;
				height: 15px;
				border: 1px solid #dfdfdf;
				background: #d9e5ff;
			}

			#reserinner1 > .inner > .step2 > .calendar > .guide > .marking > dl > dd.w3 {
				margin-left: 10px;
				padding: 0;
				width: 15px;
				height: 15px;
				border: 1px solid #dfdfdf;
				background: #fef0f2;
			}

			#reserinner1 > .inner > .step2 > .calendar > .guide > .marking > dl > dd.ws {
				margin-left: 10px;
				padding: 0;
				width: 15px;
				height: 15px;
				border: 1px solid #dfdfdf;
				background: #e8d9ff;
			}

			#reserinner1 > .inner > .step2 > .calendar > .guide > .marking > dl > dd.rw1 {
				margin-left: 0;
				padding: 0;
				width: 15px;
				height: 15px;
				border: 1px solid #dfdfdf;
				background: blue;
			}

			#reserinner1 > .inner > .step2 > .calendar > .guide > .marking > dl > dd.rw2 {
				margin-left: 10px;
				padding: 0;
				width: 15px;
				height: 15px;
				border: 1px solid #dfdfdf;
				background: green;
			}

			#reserinner1 > .inner > .step2 > .calendar > .guide > .marking > dl > dd.rw3 {
				margin-left: 10px;
				padding: 0;
				width: 15px;
				height: 15px;
				border: 1px solid #dfdfdf;
				background: orange;
			}

	#reserinner1 > .inner > .step2 > .calendar > .guide > .vat {
		margin: 5px 0 0;
		padding: 0;
		height: 20px;
		font-size: 8.7pt;
		line-height: 1.2em;
		position: relative;
		float: right;
	}
/* ¿¹¾à°´½Ç ¼±ÅÃÁ¤º¸ */
#reserinner > .inner > .step2 > .resersel {
	margin: 0 0 0 52%;
	padding: 1.5% 0 0 2%;
	min-height: 615px;
	border-left: 1px solid #ddd;
	border-bottom: 0;
}

	#reserinner > .inner > .step2 > .resersel > .info {
		margin: 0;
		padding: 0;
		position: relative;
	}

		#reserinner > .inner > .step2 > .resersel > .info > dl > dd {
			font-size: 10.5pt;
			text-align: left;
			line-height: 180%;
			border: 0;
		}

			#reserinner > .inner > .step2 > .resersel > .info > dl > dd > span.txt_rday {
				color: #ff5a00;
			}

			#reserinner > .inner > .step2 > .resersel > .info > dl > dd > #objextra.form_chkbox20 {
				top: 50%;
				margin-left: 1%;
				padding: 0;
				position: absolute;
				transform: translate(0, -50%);
			}

			#reserinner > .inner > .step2 > .resersel > .info > dl > dd > .sel_option {
				margin: 1.8% 0;
				padding: 0;
				line-height: 100%;
				position: relative;
			}

				#reserinner > .inner > .step2 > .resersel > .info > dl > dd > .sel_option > .sel_option_item {
					padding: 0;
					width: 70%;
					font-size: 10pt;
					color: #555;
					display: block;
					line-height: 130%;
					text-overflow: ellipsis;
					white-space: nowrap;
					word-wrap: normal;
					display: inline-block;
					overflow: hidden;
				}

				#reserinner > .inner > .step2 > .resersel > .info > dl > dd > .sel_option > .sel_option_vol {
					top: 50%;
					margin-top: 0;
					right: 20px;
					font-size: 11pt;
					color: #555;
					position: absolute;
					transform: translate(0,-50%);
				}

					#reserinner > .inner > .step2 > .resersel > .info > dl > dd > .sel_option > .sel_option_vol button,
					#reserinner > .inner > .step2 > .resersel > .info > dl > dd > .sel_option > .sel_option_vol input {
						margin: 0;
						padding: 0;
						border: 0;
						background: none;
						display: inline-block;
					}

						#reserinner > .inner > .step2 > .resersel > .info > dl > dd > .sel_option > .sel_option_vol input.form_inputnum {
							margin: 0 0 0 -1px;
							width: 30px;
							height: 20px;
							font-size: 11pt;
							line-height: 100%;
							text-align: center;
							border: 1px solid #ddd;
							float: left;
						}

					#reserinner > .inner > .step2 > .resersel > .info > dl > dd > .sel_option > .sel_option_vol button {
						vertical-align: top
					}

					#reserinner > .inner > .step2 > .resersel > .info > dl > dd > .sel_option > .sel_option_vol > a.btn_minus,
					#reserinner > .inner > .step2 > .resersel > .info > dl > dd > .sel_option > .sel_option_vol > a.btn_plus {
						margin: 0 0 0 -1px;
						padding: 0;
						width: 20px;
						height: 20px;
						font-weight: 600;
						font-size: 12pt;
						line-height: 100%;
						text-align: center;
						border: 1px solid #ddd;
						float: left;
						cursor: pointer;
					}

				#reserinner > .inner > .step2 > .resersel > .info > dl > dd > .sel_option > a.btn_delete {
					top: 50%;
					right: 0;
					width: 14px;
					height: 15px;
					text-indent: -9999px;
					background: url('/common/img/skin/type6/icon_option_close.png') center center no-repeat;
					background-size: cover;
					display: block;
					position: absolute;
					cursor: pointer;
					transform: translate(0,-50%);
				}

		#reserinner > .inner > .step2 > .resersel > .info > dl.tbbed {
			display: none;
		}

		#reserinner > .inner > .step2 > .resersel > .info > dl.tbview {
			display: none;
		}

		#reserinner > .inner > .step2 > .resersel > .info > dl.tbadd {
			display: none;
		}

		#reserinner > .inner > .step2 > .resersel > .info > dl.tbopt {
			display: none;
		}

	#reserinner > .inner > .step2 > .resersel > #payment .info {
		margin: 2% 0 0;
		padding: 2% 0;
		border-top: 1px solid #ddd;
	}

		#reserinner > .inner > .step2 > .resersel > #payment .info > dl > dt {
		}

		#reserinner > .inner > .step2 > .resersel > #payment .info > dl > dd {
			text-align: right;
		}

	#reserinner > .inner > .step2 > .resersel > .btn {
		margin-top: 20px;
		padding: 0;
	}

		#reserinner > .inner > .step2 > .resersel > .btn:after {
			display: block;
			clear: both;
			content: "";
		}

		#reserinner > .inner > .step2 > .resersel > .btn > a {
			margin: 0;
			padding: 0;
			width: 100%;
			height: 50px;
			font-size: 13pt;
			line-height: 50px;
			float: left;
		}

			#reserinner > .inner > .step2 > .resersel > .btn > a.reser {
			}

			#reserinner > .inner > .step2 > .resersel > .btn > a.close {
				display: none;
			}




	/* ÈÞ¾ç¼Ò ¹èÁ¤Á¤º¸ */
	#reserinner > .inner > .step2 > .resersel > #assignseq {
		margin-top: 10px;
		border-top: 1px solid #dfdfdf;
		display: none;
	}

		#reserinner > .inner > .step2 > .resersel > #assignseq.info h3 {
			border-bottom: 0;
		}

		#reserinner > .inner > .step2 > .resersel > #assignseq.info > dl > dd {
			padding: 1% 5px;
			width: 100%;
			font-size: 9.0pt;
			line-height: 200%;
			text-align: center;
			text-overflow: initial;
			white-space: initial;
			word-wrap: initial;
			border: 1px solid red;
		}


/* ¿¹¾à°´½Ç ¼±ÅÃÁ¤º¸1 */
#reserinner1 > .inner > .step2 > .resersel {
	margin: 0 0 0 52%;
	padding: 1.5% 0 0 2%;
	min-height: 615px;
	border-left: 1px solid #ddd;
	border-bottom: 0;
}

	#reserinner1 > .inner > .step2 > .resersel > .info {
		margin: 0;
		padding: 0;
		position: relative;
	}

		#reserinner1 > .inner > .step2 > .resersel > .info > dl > dd {
			font-size: 10.5pt;
			text-align: left;
			line-height: 180%;
			border: 0;
		}

			#reserinner1 > .inner > .step2 > .resersel > .info > dl > dd > span.txt_rday {
				color: #ff5a00;
			}

			#reserinner1 > .inner > .step2 > .resersel > .info > dl > dd > #objextra.form_chkbox20 {
				top: 50%;
				margin-left: 1%;
				padding: 0;
				position: absolute;
				transform: translate(0, -50%);
			}

			#reserinner1 > .inner > .step2 > .resersel > .info > dl > dd > .sel_option {
				margin: 1.8% 0;
				padding: 0;
				line-height: 100%;
				position: relative;
			}

				#reserinner1 > .inner > .step2 > .resersel > .info > dl > dd > .sel_option > .sel_option_item {
					padding: 0;
					width: 70%;
					font-size: 10pt;
					color: #555;
					display: block;
					line-height: 130%;
					text-overflow: ellipsis;
					white-space: nowrap;
					word-wrap: normal;
					display: inline-block;
					overflow: hidden;
				}

				#reserinner1 > .inner > .step2 > .resersel > .info > dl > dd > .sel_option > .sel_option_vol {
					top: 50%;
					margin-top: 0;
					right: 20px;
					font-size: 11pt;
					color: #555;
					position: absolute;
					transform: translate(0,-50%);
				}

					#reserinner1 > .inner > .step2 > .resersel > .info > dl > dd > .sel_option > .sel_option_vol button,
					#reserinner1 > .inner > .step2 > .resersel > .info > dl > dd > .sel_option > .sel_option_vol input {
						margin: 0;
						padding: 0;
						border: 0;
						background: none;
						display: inline-block;
					}

						#reserinner1 > .inner > .step2 > .resersel > .info > dl > dd > .sel_option > .sel_option_vol input.form_inputnum {
							margin: 0 0 0 -1px;
							width: 30px;
							height: 20px;
							font-size: 11pt;
							line-height: 100%;
							text-align: center;
							border: 1px solid #ddd;
							float: left;
						}

					#reserinner1 > .inner > .step2 > .resersel > .info > dl > dd > .sel_option > .sel_option_vol button {
						vertical-align: top
					}

					#reserinner1 > .inner > .step2 > .resersel > .info > dl > dd > .sel_option > .sel_option_vol > a.btn_minus,
					#reserinner1 > .inner > .step2 > .resersel > .info > dl > dd > .sel_option > .sel_option_vol > a.btn_plus {
						margin: 0 0 0 -1px;
						padding: 0;
						width: 20px;
						height: 20px;
						font-weight: 600;
						font-size: 12pt;
						line-height: 100%;
						text-align: center;
						border: 1px solid #ddd;
						float: left;
						cursor: pointer;
					}

				#reserinner1 > .inner > .step2 > .resersel > .info > dl > dd > .sel_option > a.btn_delete {
					top: 50%;
					right: 0;
					width: 14px;
					height: 15px;
					text-indent: -9999px;
					background: url('/common/img/skin/type6/icon_option_close.png') center center no-repeat;
					background-size: cover;
					display: block;
					position: absolute;
					cursor: pointer;
					transform: translate(0,-50%);
				}

		#reserinner1 > .inner > .step2 > .resersel > .info > dl.tbbed {
			display: none;
		}

		#reserinner1 > .inner > .step2 > .resersel > .info > dl.tbview {
			display: none;
		}

		#reserinner1 > .inner > .step2 > .resersel > .info > dl.tbadd {
			display: none;
		}

		#reserinner1 > .inner > .step2 > .resersel > .info > dl.tbopt {
			display: none;
		}

	#reserinner1 > .inner > .step2 > .resersel > #payment .info {
		margin: 2% 0 0;
		padding: 2% 0;
		border-top: 1px solid #ddd;
	}

		#reserinner1 > .inner > .step2 > .resersel > #payment .info > dl > dt {
		}

		#reserinner1 > .inner > .step2 > .resersel > #payment .info > dl > dd {
			text-align: right;
		}

	#reserinner1 > .inner > .step2 > .resersel > .btn {
		margin-top: 20px;
		padding: 0;
	}

		#reserinner1 > .inner > .step2 > .resersel > .btn:after {
			display: block;
			clear: both;
			content: "";
		}

		#reserinner1 > .inner > .step2 > .resersel > .btn > a {
			margin: 0;
			padding: 0;
			width: 100%;
			height: 50px;
			font-size: 13pt;
			line-height: 50px;
			float: left;
		}

			#reserinner1 > .inner > .step2 > .resersel > .btn > a.reser {
			}

			#reserinner1 > .inner > .step2 > .resersel > .btn > a.close {
				display: none;
			}


	/* ÈÞ¾ç¼Ò ¹èÁ¤Á¤º¸ */
	#reserinner1 > .inner > .step2 > .resersel > #assignseq {
		margin-top: 10px;
		border-top: 1px solid #dfdfdf;
		display: none;
	}

		#reserinner1 > .inner > .step2 > .resersel > #assignseq.info h3 {
			border-bottom: 0;
		}

		#reserinner1 > .inner > .step2 > .resersel > #assignseq.info > dl > dd {
			padding: 1% 5px;
			width: 100%;
			font-size: 9.0pt;
			line-height: 200%;
			text-align: center;
			text-overflow: initial;
			white-space: initial;
			word-wrap: initial;
			border: 1px solid red;
		}



#reserinner > .inner > .step_theme1 {
	display: block;
	position: relative;
}

	#reserinner > .inner > .step_theme1 > .info {
		top: 0;
		left: 0;
		margin: 0;
		padding: 1.5% 0 0 0;
		width: 48%;
		position: absolute;
	}

		#reserinner > .inner > .step_theme1 > .info > dl > dd {
			text-align: left;
			line-height: 180%;
		}

			#reserinner > .inner > .step_theme1 > .info > dl > dd.desc {
				max-height: 72px;
				text-overflow: initial;
				white-space: initial;
				word-wrap: initial;
				overflow: hidden;
			}

	#reserinner > .inner > .step_theme1 > .resersel {
		margin: 0 0 0 50%;
		padding: 1.5% 0 1.5% 2%;
		min-height: 150px;
		border-left: 1px solid #ddd;
		border-bottom: 0;
	}

		#reserinner > .inner > .step_theme1 > .resersel > .info {
			margin: 0;
			padding: 0;
			position: relative;
		}

			#reserinner > .inner > .step_theme1 > .resersel > .info > dl > dd {
				text-align: left;
				line-height: 180%;
			}

				#reserinner > .inner > .step_theme1 > .resersel > .info > dl > dd span.txt_rday {
					color: #ff5a00;
				}

				#reserinner > .inner > .step_theme1 > .resersel > .info > dl > dd .order {
				}

				#reserinner > .inner > .step_theme1 > .resersel > .info > dl > dd .reamain {
				}

				#reserinner > .inner > .step_theme1 > .resersel > .info > dl > dd .rmember select {
					width: 70px;
				}

				#reserinner > .inner > .step_theme1 > .resersel > .info > dl > dd .rma {
					margin: 0;
					padding: 0;
					line-height: 210%;
					display: inline-block;
				}

				#reserinner > .inner > .step_theme1 > .resersel > .info > dl > dd .rmc {
					margin-left: 10px;
					padding: 0;
					line-height: 210%;
					display: none;
				}

#reserinner > .inner > .step_theme2 {
	margin: 0 0 20px;
	padding: 0;
	border-top: 1px solid #ddd;
}

	#reserinner > .inner > .step_theme2 > .btn {
		right: 0;
		margin: 2% 0 0;
		padding: 0;
	}

		#reserinner > .inner > .step_theme2 > .btn:after {
			display: block;
			clear: both;
			content: "";
		}

		#reserinner > .inner > .step_theme2 > .btn > a {
			margin: 0;
			padding: 0;
			height: 50px;
			font-size: 13pt;
			line-height: 50px;
		}

			#reserinner > .inner > .step_theme2 > .btn > a.reser {
			}

			#reserinner > .inner > .step_theme2 > .btn > a.close {
			}

#reserinner > .btn {
	padding: 0 2% 0;
}

#reserinner1 > .btn {
	padding: 0 2% 0;
}
/*// »óÇ°»ó¼¼ °´½ÇÁ¤º¸ ·¹À̾î(#reser) ================ */

#reserinner.reser {
	width: 980px;
	height: 80%;
}

#reserinner.kto {
	width: 850px;
	height: 70%;
}

#reserinner.theme {
	width: 980px;
	height: auto;
	max-height: 80%;
}

#reserinner.schedule {
	width: 768px;
	max-height: 80%;
}

	#reserinner.schedule table {
		margin: 2% auto;
		width: 100%;
	}

		#reserinner.schedule table > tbody > tr > td {
			padding: 1%;
		}

#reserinner.order {
	width: 768px;
	height: 80%;
}

	#reserinner.order .inner > .info {
		margin-top: 1%;
	}

		#reserinner.order .inner > .info > dl {
			border-bottom: 1px dotted #ccc;
		}

			#reserinner.order .inner > .info > dl input {
				width: 65%;
				height: 34px;
			}

			#reserinner.order .inner > .info > dl select {
				width: 20%;
				height: 34px;
			}

				#reserinner.order .inner > .info > dl select + input,
				#reserinner.order .inner > .info > dl select + input + input {
					margin-left: 2.5%;
					width: 20%;
					height: 34px;
				}

			#reserinner.order .inner > .info > dl > dt {
			}

			#reserinner.order .inner > .info > dl > dd {
				text-align: left;
				line-height: 150%;
				text-overflow: initial;
				white-space: normal;
				word-wrap: normal;
				word-wrap: normal;
				overflow: visible;
			}

				#reserinner.order .inner > .info > dl > dd.txt {
					height: 50px;
					line-height: 230%;
				}


#reserinner.register {
	width: 768px;
	height: 65%;
}

	#reserinner.register .inner {
		padding: 2%;
	}


		#reserinner.register .inner table.tb td {
			padding: 0 2%;
			line-height: 24px;
			text-align: left;
			vertical-align: middle;
		}

		#reserinner.register .inner .form_right {
			margin: 10px 0;
			width: 100%;
			text-align: center;
			height: 25px;
			vertical-align: middle;
		}

			#reserinner.register .inner .form_right > .form_chkbox20 {
				vertical-align: top;
			}

				#reserinner.register .inner .form_right > .form_chkbox20 > input + label {
					vertical-align: top;
				}

					#reserinner.register .inner .form_right > .form_chkbox20 > input + label + label {
						vertical-align: top;
					}

		#reserinner.register .inner > .info {
			margin-top: 1%;
		}

			#reserinner.register .inner > .info > dl {
				border-bottom: 1px dotted #ccc;
			}

				#reserinner.register .inner > .info > dl input {
					width: 65%;
					height: 34px;
				}

				#reserinner.register .inner > .info > dl select {
					width: 20%;
					height: 34px;
				}

					#reserinner.register .inner > .info > dl select + input,
					#reserinner.register .inner > .info > dl select + input + input {
						margin-left: 2.5%;
						width: 20%;
						height: 34px;
					}

				#reserinner.register .inner > .info > dl > dt {
				}

				#reserinner.register .inner > .info > dl > dd {
					text-align: left;
					line-height: 150%;
					text-overflow: initial;
					white-space: normal;
					word-wrap: normal;
					word-wrap: normal;
					overflow: visible;
				}

					#reserinner.register .inner > .info > dl > dd.txt {
						height: 43px;
						line-height: 180%;
					}

				#reserinner.register .inner > .info > dl:first-child {
					border-top: 1px dotted #ccc;
				}

		#reserinner.register .inner > .btn {
			text-align: center;
		}





#reserinner.multi {
	top: 0;
	left: 0;
	margin: 0 auto;
	width: 880px;
	min-width: initial;
	height: auto;
	display: block;
	position: relative;
	transform: translate(0,0);
}

	#reserinner.multi > .step1 {
		width: 100%;
		float: none;
	}

		#reserinner.multi > .step1 > .reserinfo {
			display: none;
		}

	#reserinner.multi > .step2 {
		width: 100%;
		float: none;
		display: none;
	}

	#reserinner.multi > .btn {
		display: none;
	}

	#reserinner.multi .goods {
		margin: 0 0 3%;
		padding: 0 0 0;
		border-top: 0;
	}

		#reserinner.multi .goods > .selector {
			padding: 0;
			height: auto;
			min-height: initial;
		}

			#reserinner.multi .goods > .selector > .empty,
			#reserinner.multi .goods > .selector > .loading {
				font-size: 10pt;
				color: #666;
				text-align: center;
				line-height: 100px;
			}

				#reserinner.multi .goods > .selector > .empty > a {
					text-decoration: underline;
				}

			#reserinner.multi .goods > .selector > .item {
				height: auto;
				min-height: initial;
			}

				#reserinner.multi .goods > .selector > .item > ul {
					padding: 1% 70px 1% 50px;
					border-bottom: 1px dotted #ccc;
					position: relative;
				}

					#reserinner.multi .goods > .selector > .item > ul:after {
						display: block;
						clear: both;
						content: "";
					}

				#reserinner.multi .goods > .selector > .item:last-of-type > ul {
					border: 0;
				}

				#reserinner.multi .goods > .selector > .item > ul > li {
					margin: 0 0 0 0.5%;
					padding: 0;
					font-size: 11pt;
					line-height: 34px;
					float: left;
				}

					#reserinner.multi .goods > .selector > .item > ul > li select {
						width: 100%;
						height: 34px;
						font-size: 11pt;
					}

					#reserinner.multi .goods > .selector > .item > ul > li.apply {
						top: 50%;
						left: 0;
						width: 40px;
						color: #666;
						text-align: center;
						line-height: 100%;
						position: absolute;
						transform: translate(0,-50%);
					}

					#reserinner.multi .goods > .selector > .item > ul > li.group {
						width: 110px;
						display: none;
					}

					#reserinner.multi .goods > .selector > .item > ul > li.gcd {
						width: 220px;
					}

					#reserinner.multi .goods > .selector > .item > ul > li.rcd {
						width: 140px;
					}

					#reserinner.multi .goods > .selector > .item > ul > li.rday {
						width: 120px;
					}

					#reserinner.multi .goods > .selector > .item > ul > li.rbak {
						width: 80px;
					}

					#reserinner.multi .goods > .selector > .item > ul > li.mng {
						width: 40px;
					}

					#reserinner.multi .goods > .selector > .item > ul > li.btn {
						top: 50%;
						right: 1%;
						width: 60px;
						position: absolute;
						transform: translate(0,-50%);
					}

						#reserinner.multi .goods > .selector > .item > ul > li.btn > a {
							width: 100%;
							font-size: 10pt;
							line-height: 34px;
						}

	#reserinner.multi .agree {
	}

		#reserinner.multi .agree > .item {
			margin: -1px 0 0;
			padding: 0;
			border: 1px solid #ddd;
		}

			#reserinner.multi .agree > .item > p {
				margin: 3% 0;
				padding: 0 3%;
				height: 150px;
				font-size: 10.5pt;
				line-height: 1.5em;
				text-align: justify;
				overflow-y: scroll;
			}

			#reserinner.multi .agree > .item > .form_right {
				width: 100%;
				height: 50px;
				text-align: center;
				border-top: 1px solid #ddd;
				background-color: #eee;
			}

				#reserinner.multi .agree > .item > .form_right > .form_chkbox16 {
					vertical-align: middle;
				}

			#reserinner.multi .agree > .item span {
				font-size: 11pt;
				line-height: 100%;
			}

				#reserinner.multi .agree > .item span.t1 {
					font-size: 10.5pt;
					font-weight: bold;
					color: #000;
					line-height: 180%;
				}

				#reserinner.multi .agree > .item span.t2r {
					color: red;
				}

				#reserinner.multi .agree > .item span.t2rb {
					color: red;
					font-weight: bold;
					font-size: 12pt;
				}

	#reserinner.multi .reserinfo {
		margin: 0 0 5%;
		padding: 0 0 0;
		border-top: 0;
	}

	#reserinner.multi .title {
		margin: 0;
		padding: 1% 0;
		font-weight: 600;
		font-size: 14pt;
		line-height: 250%;
		border-bottom: 1px solid #ddd;
		display: block;
		position: relative;
	}

#reserinner.area {
	width: 420px;
	position: relative;
}

	#reserinner.area > .inner {
		padding: 2% 2% 2%;
		width: 100%;
		max-height: 60%;
		overflow-y: scroll;
	}

	#reserinner.area table {
		margin: 0 auto;
		width: 100%;
	}

		#reserinner.area table th,
		#reserinner.area table td {
			height: 30px;
			font-size: 10.5pt;
		}

		#reserinner.area table > tbody > tr > td {
			padding: 1%;
		}

			#reserinner.area table > tbody > tr > td > a {
				margin: 0;
				padding: 0;
				color: #666;
				line-height: 130%;
			}

				#reserinner.area table > tbody > tr > td > a > span {
					margin: 0;
					padding: 0;
					max-width: 70%;
					line-height: 30px;
					text-overflow: ellipsis;
					white-space: nowrap;
					word-wrap: normal;
					display: inline-block;
					vertical-align: top;
					overflow: hidden;
				}

		#reserinner.area table > tbody > tr:hover > td {
			background: #ddd;
		}

	#reserinner.area #reser_btn > a {
		width: 100%;
	}


#reserinner.cert {
	width: 420px;
	position: relative;
}

	#reserinner.cert > .inner {
		padding: 2% 2% 2%;
		width: 100%;
		max-height: 60%;
		overflow-y: scroll;
	}

	#reserinner.cert table {
		margin: 0 auto;
		width: 100%;
	}

		#reserinner.cert table th,
		#reserinner.cert table td {
			height: 30px;
			font-size: 10.5pt;
		}

		#reserinner.cert table > tbody > tr > td {
			padding: 1%;
		}

			#reserinner.cert table > tbody > tr > td .w {
				margin: 0;
				padding: 0;
				max-width: 70%;
				text-overflow: ellipsis;
				white-space: nowrap;
				word-wrap: normal;
				display: inline-block;
				overflow: hidden;
			}

		#reserinner.cert table > tbody > tr:hover > td {
			background: #ddd;
		}

		#reserinner.cert table > tbody > tr > td > a {
			padding: 0 5px;
			height: 25px;
			color: #666;
			line-height: 22px;
			display: inline-block;
		}

			#reserinner.cert table > tbody > tr > td > a.on {
				color: #fff;
			}

	#reserinner.cert #reser_btn > a {
		width: 100%;
	}

#reserinner.hpcert {
	width: 420px;
	position: relative;
}

	#reserinner.hpcert > .inner {
		padding: 2% 2% 2%;
		width: 100%;
		max-height: 60%;
		overflow-y: scroll;
	}

		#reserinner.hpcert > .inner .guide {
			height: 50px;
			font-size: 10pt;
			line-height: 120%;
			text-align: center;
		}

			#reserinner.hpcert > .inner .guide > div {
				color: red;
				font-size: 9pt;
			}

		#reserinner.hpcert > .inner .info {
			margin: 2% 0;
		}

	#reserinner.hpcert #reser_btn > a {
		margin-right: 2%;
		width: 49%;
		float: left;
	}

		#reserinner.hpcert #reser_btn > a:last-of-type {
			margin-right: 0;
		}

	#reserinner.hpcert #tbguide {
	}

	#reserinner.hpcert #timer {
		color: red;
	}

	#reserinner.hpcert #btncert {
		display: none;
	}

	#reserinner.hpcert #btncertfail {
		display: none;
	}

#reserinner.hpagree {
	width: 550px;
	position: relative;
}

	#reserinner.hpagree > .inner {
		padding: 2% 2% 2%;
		width: 100%;
		max-height: 60%;
		overflow-y: scroll;
	}

		#reserinner.hpagree > .inner .guide {
			height: 50px;
			font-size: 10pt;
			line-height: 50px;
			text-align: center;
		}

		#reserinner.hpagree > .inner .info {
			margin: 2% 0;
		}

	#reserinner.hpagree #reser_btn > a {
		margin-right: 2%;
		width: 49%;
		float: left;
	}

		#reserinner.hpagree #reser_btn > a:last-of-type {
			margin-right: 0;
		}

	#reserinner.hpagree #tbguide {
	}

	#reserinner.hpagree #timer {
		color: red;
	}

	#reserinner.hpagree #btncert {
		display: none;
	}

	#reserinner.hpagree #btncertfail {
		display: none;
	}

	#reserinner.hpagree > .inner > .form {
		margin: 0 auto 0;
		padding: 0 0 0;
		width: 100%;
		position: relative;
	}

		#reserinner.hpagree > .inner > .form h3 {
			text-align: center;
		}

		#reserinner.hpagree > .inner > .form dl {
			margin: 0 0 0;
			padding: 0 0 2%;
			position: relative;
		}

			#reserinner.hpagree > .inner > .form dl.over {
				border-top: 1px dotted #555;
			}

			#reserinner.hpagree > .inner > .form dl.under {
				border-bottom: 1px dotted #555;
			}

			#reserinner.hpagree > .inner > .form dl dt {
				top: 0;
				left: 0;
				margin: 0;
				padding: 0;
				font-size: 12.5pt;
				font-weight: 500;
				color: #333;
				line-height: 45px;
				position: absolute;
				transform: translate(0,0);
			}

			#reserinner.hpagree > .inner > .form dl dd {
				margin: 0;
				padding: 0 0 0 30%;
				text-align: right;
				height: 47px;
				line-height: 47px;
			}

			#reserinner.hpagree > .inner > .form dl .tit {
				margin: 0;
				padding: 0;
				font-size: 12.5pt;
				font-weight: 500;
				color: #333;
				line-height: 45px;
			}

			#reserinner.hpagree > .inner > .form dl .bot {
				margin: 0;
				padding: 0;
				text-align: right;
				height: 47px;
				line-height: 47px;
			}

			#reserinner.hpagree > .inner > .form dl dd.cont {
				margin: 0 0 0;
				padding: 20px 10px;
				width: 100%;
				height: 150px;
				font-size: 10.5pt;
				color: #555;
				line-height: 1.5em;
				text-align: justify;
				border: 1px solid #ddd;
				background: #fafafa;
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				overflow-y: scroll;
			}

				#reserinner.hpagree > .inner > .form dl dd.cont span.t1 {
					font-size: 10.5pt;
					font-weight: bold;
					color: #000;
					line-height: 180%;
				}

				#reserinner.hpagree > .inner > .form dl dd.cont span.t2r {
					color: red;
				}

				#reserinner.hpagree > .inner > .form dl dd.cont span.t2rb {
					color: red;
					font-weight: bold;
					font-size: 12pt;
				}


#reserinner.privacy {
	width: 768px;
	min-height: 50%;
}

	#reserinner.privacy .content {
		padding: 3%;
		font-size: 10.5pt;
		border: 1px solid #ddd;
	}

		#reserinner.privacy .content span.t1 {
			font-size: 10.5pt;
			font-weight: bold;
			color: #000;
			line-height: 180%;
		}

		#reserinner.privacy .content span.t2r {
			color: red;
		}

		#reserinner.privacy .content span.t2rb {
			color: red;
			font-weight: bold;
			font-size: 12pt;
		}

#reserinner.privacy-wtz {
	width: 768px;
	min-height: 50%;
}

	#reserinner.privacy-wtz .inner {
		padding: 10px 10px 0 20px;
	}

	#reserinner.privacy-wtz .tit {
		padding: 15px 0 10px;
		position: relative;
	}

		#reserinner.privacy-wtz .tit > h2 {
			padding: 0 0;
			height: 30px;
			font-weight: bold;
			font-size: 15px;
			line-height: 30px;
			display: block;
		}

			#reserinner.privacy-wtz .tit > h2::before {
				padding-right: 5px;
				font-size: 12px;
				content: "¢º";
			}

		#reserinner.privacy-wtz .tit > .form_right {
			top: 50%;
			right: 0;
			height: 30px;
			line-height: 30px;
			vertical-align: top;
			position: absolute;
			transform: translate(0, -50%);
		}

	#reserinner.privacy-wtz .content {
		padding: 3%;
		max-height: 200px;
		font-size: 10.5pt;
		border: 1px solid #ddd;
		overflow-y: scroll;
	}

		#reserinner.privacy-wtz .content + .tit {
			margin-top: 20px;
			border-top: 1px dotted #bbb;
		}

		#reserinner.privacy-wtz .content span.t1 {
			font-size: 10.5pt;
			font-weight: bold;
			color: #000;
			line-height: 180%;
		}

		#reserinner.privacy-wtz .content span.t2r {
			color: red;
		}

		#reserinner.privacy-wtz .content span.t2rb {
			color: red;
			font-weight: bold;
			font-size: 12pt;
		}

	#reserinner.privacy-wtz form {
		width: 100%;
		min-height: 300px;
		position: relative;
	}

	#reserinner.privacy-wtz .form {
		top: 40%;
		left: 50%;
		position: absolute;
		transform: translate(-50%, -50%);
	}

		#reserinner.privacy-wtz .form dl#tbhp {
			border-bottom: 0;
		}

		#reserinner.privacy-wtz .form dl#tbgr dd > input {
			width: 47.5%;
		}

			#reserinner.privacy-wtz .form dl#tbgr dd > input + input {
				margin-left: 5%;
			}

	#reserinner.privacy-wtz #tbhp {
		display: none;
	}

	#reserinner.privacy-wtz #tbem {
		display: none;
	}

	#reserinner.privacy-wtz #tbgr {
		display: none;
	}

	#reserinner.privacy-wtz #tbjob {
		display: none;
	}

	#reserinner.privacy-wtz .btn {
		margin: 0 0 3%;
		padding-top: 20px;
		border-top: 1px dotted #bbb;
		text-align: center;
	}

.full {
	width: 100%;
	height: 100%;
	position: relative;
}
/* detailinfo ======================================== */
#detailinfo {
	margin: 0 0 0;
	padding: 0 0 0;
	position: relative;
	overflow: hidden;
}

	#detailinfo:after {
		display: block;
		clear: both;
		content: "";
	}

	#detailinfo > .inner {
	}

		#detailinfo > .inner > h3.sub_tit {
			margin-bottom: 20px;
			padding-left: 17px;
			font-family: "NanumSquare";
			font-weight: 600;
			font-size: 16pt;
		}

		#detailinfo > .inner > .tab {
			margin: 0;
			padding: 0;
			position: relative;
		}

			#detailinfo > .inner > .tab > ul {
				width: 100%;
			}

				#detailinfo > .inner > .tab > ul:after {
					display: block;
					clear: both;
					content: "";
				}

				#detailinfo > .inner > .tab > ul > li {
					padding: 3px 4px;
					width: 33.333%;
					font-size: 12.5pt;
					color: #999;
					line-height: 250%;
					text-align: center;
					border: 1px solid #e5e5e5;
					border-left: 0;
					background: #fafafa;
					float: left;
					cursor: pointer;
				}

					#detailinfo > .inner > .tab > ul > li.non {
						border: 1px solid #fff;
						border-bottom: 2px solid;
						border-left: 0;
						background: #fff;
						cursor: none;
					}

					#detailinfo > .inner > .tab > ul > li:first-of-type {
						border-left: 1px solid #e5e5e5;
					}

					#detailinfo > .inner > .tab > ul > li.on {
						padding-top: 2px;
						padding-left: 3px;
						font-weight: 600;
						border: 2px solid;
						border-bottom: 0;
						background: #fff;
					}

					#detailinfo > .inner > .tab > ul > li:first-of-type.on {
						padding-left: 4px;
					}

		#detailinfo > .inner > .body {
			margin: 0;
			padding: 2% 0 0;
		}

			#detailinfo > .inner > .body > .cont {
				position: relative;
			}

				#detailinfo > .inner > .body > .cont > .section {
					margin: 0 1% 1%;
					color: #555;
				}

					#detailinfo > .inner > .body > .cont > .section:last-of-type {
						margin-bottom: 0;
					}

					#detailinfo > .inner > .body > .cont > .section > .tit {
						margin: 0;
						padding: 1% 0;
						font-weight: 600;
						font-size: 13pt;
						line-height: 150%;
					}

					#detailinfo > .inner > .body > .cont > .section > .con {
						margin: 0;
						padding: 1% 0 2%;
						line-height: 150%;
						border-bottom: 1px dotted #ccc;
						font-size: 12.5pt;
					}

					#detailinfo > .inner > .body > .cont > .section:last-of-type > .con {
						padding-bottom: 0;
						border-bottom: 0;
					}

					#detailinfo > .inner > .body > .cont > .section > .con .penalty {
						margin: 0 0 2%;
						font-family: "NanumSquare";
						font-size: 11pt;
					}

						#detailinfo > .inner > .body > .cont > .section > .con .penalty:last-of-type {
							margin: 0;
						}

						#detailinfo > .inner > .body > .cont > .section > .con .penalty > dl {
							position: relative;
						}

							#detailinfo > .inner > .body > .cont > .section > .con .penalty > dl:after {
								display: block;
								clear: both;
								content: "";
							}

							#detailinfo > .inner > .body > .cont > .section > .con .penalty > dl > dd {
								margin-left: -1px;
								width: 33.333%;
								height: 100%;
								float: left;
							}

								#detailinfo > .inner > .body > .cont > .section > .con .penalty > dl > dd:first-of-type {
									margin-left: 0;
								}

								#detailinfo > .inner > .body > .cont > .section > .con .penalty > dl > dd > div {
									padding: 2% 2%;
									border: 1px solid #ddd;
								}

								#detailinfo > .inner > .body > .cont > .section > .con .penalty > dl > dd .tit {
									padding: 2% 0;
									font-weight: 600;
									font-size: 11pt;
									text-align: center;
									background: #ebebeb;
								}

									#detailinfo > .inner > .body > .cont > .section > .con .penalty > dl > dd .tit > span {
										font-weight: normal;
										font-size: 10.5pt;
									}

								#detailinfo > .inner > .body > .cont > .section > .con .penalty > dl > dd .range {
									margin-top: -1px;
									font-size: 10.5pt;
								}

								#detailinfo > .inner > .body > .cont > .section > .con .penalty > dl > dd .ago {
									margin-top: -1px;
									padding: 1% 2%;
									min-height: 210px;
									font-size: 10.5pt;
								}

									#detailinfo > .inner > .body > .cont > .section > .con .penalty > dl > dd .ago > span {
									}

					#detailinfo > .inner > .body > .cont > .section > .con .place {
						margin: 0 0 2%;
						font-family: "NanumSquare";
						font-size: 11pt;
					}

						#detailinfo > .inner > .body > .cont > .section > .con .place > .tit {
							padding: 2% 0 1%;
						}

						#detailinfo > .inner > .body > .cont > .section > .con .place > .item {
							padding-left: 270px;
							min-height: 140px;
							text-align: justify;
							position: relative;
						}

							#detailinfo > .inner > .body > .cont > .section > .con .place > .item > .img {
								top: 0;
								left: 0;
								width: 250px;
								height: 100%;
								max-height: 140px;
								background-position: center center !important;
								background-repeat: no-repeat !important;
								background-size: cover !important;
								position: absolute;
							}

					#detailinfo > .inner > .body > .cont > .section > .con .comments {
						margin: 0;
						padding: 1% 0;
						font-family: "NanumSquare";
						font-size: 11pt;
						border-bottom: 1px dotted #ccc;
						display: block;
						position: relative;
					}

						#detailinfo > .inner > .body > .cont > .section > .con .comments:last-of-type {
							border-bottom: 0;
						}

						#detailinfo > .inner > .body > .cont > .section > .con .comments > .item {
							margin: 0 0;
							padding: 0 1%;
							width: 80%;
							min-height: 75px;
							border-right: 1px solid #ddd;
							position: relative;
							overflow: hidden;
						}

							#detailinfo > .inner > .body > .cont > .section > .con .comments > .item > p {
								margin: 0;
								font-weight: 600;
								font-size: 11.5pt;
								color: #333;
								line-height: 170%;
							}

							#detailinfo > .inner > .body > .cont > .section > .con .comments > .item > a.more {
								top: 5px;
								right: 5%;
								padding: 3px;
								font-size: 9pt;
								line-height: 90%;
								border: 1px solid #ddd;
								display: block;
								position: absolute;
								transform: translate(0,0);
							}

						#detailinfo > .inner > .body > .cont > .section > .con .comments > .off {
							height: 75px;
							transition: height 0.5s;
						}

						#detailinfo > .inner > .body > .cont > .section > .con .comments > .on {
							height: auto;
							transition: height 0.5s;
						}

						#detailinfo > .inner > .body > .cont > .section > .con .comments > .ctrl {
							top: 50%;
							right: 0;
							padding: 0 2%;
							width: 20%;
							text-align: left;
							position: absolute;
							transform: translate(0,-55%);
						}

							#detailinfo > .inner > .body > .cont > .section > .con .comments > .ctrl > p {
								width: auto;
								font-weight: 600;
								font-size: 10.5pt;
							}

								#detailinfo > .inner > .body > .cont > .section > .con .comments > .ctrl > p + p {
									width: auto;
									font-weight: normal;
								}

							#detailinfo > .inner > .body > .cont > .section > .con .comments > .ctrl > .btn {
								width: auto;
								text-align: left;
							}

								#detailinfo > .inner > .body > .cont > .section > .con .comments > .ctrl > .btn > a {
									margin: 0;
									padding: 3% 0 4%;
									font-size: 10pt;
									line-height: 100%;
								}

								#detailinfo > .inner > .body > .cont > .section > .con .comments > .ctrl > .btn > .edit {
									width: 30%;
								}

								#detailinfo > .inner > .body > .cont > .section > .con .comments > .ctrl > .btn > .delete {
									width: 30%;
								}

						#detailinfo > .inner > .body > .cont > .section > .con .comments > .empty {
							line-height: 75px;
							text-align: center;
						}

					#detailinfo > .inner > .body > .cont > .section > .form {
						margin: 0;
						padding: 1.5% 0;
						width: 100%;
						background: #ebebeb;
					}

						#detailinfo > .inner > .body > .cont > .section > .form .info {
							margin: 0 auto;
							width: 680px;
						}

							#detailinfo > .inner > .body > .cont > .section > .form .info > dl {
								margin: 0;
								padding: 0;
							}

								#detailinfo > .inner > .body > .cont > .section > .form .info > dl > dt {
									width: 15%;
									font-weight: 600;
									text-align: center;
								}

								#detailinfo > .inner > .body > .cont > .section > .form .info > dl > dd {
									padding: 2px 0 2px 15%;
								}

								#detailinfo > .inner > .body > .cont > .section > .form .info > dl.cmtgrade {
									display: none;
								}

								#detailinfo > .inner > .body > .cont > .section > .form .info > dl.cmthp {
									display: none;
								}

								#detailinfo > .inner > .body > .cont > .section > .form .info > dl.cmtem {
									display: none;
								}

								#detailinfo > .inner > .body > .cont > .section > .form .info > dl.cmtpws {
									display: none;
								}

						#detailinfo > .inner > .body > .cont > .section > .form > .btn {
							margin: 1% auto 0;
							width: 680px;
							text-align: center;
						}


			#detailinfo > .inner > .body > .loading {
				min-height: 400px;
				font-size: 10pt;
				line-height: 400px;
				text-align: center;
			}


.popComments {
	top: 50%;
	left: 50%;
	background: #fff;
	display: none;
	position: fixed;
	transform: translate(-50%, -50%);
}
	/* ÀÌ¿ëÈļö ¼öÁ¤layer Á¦¾î */
	.popComments > .cmtctr {
		padding-left: 60px;
		width: 100%;
		height: 50px;
		line-height: 50px;
		background: rgba(255,255,255,1);
		border-bottom: 1px solid #dfdfdf;
		display: block;
		position: relative;
	}

		.popComments > .cmtctr > .icon {
			top: 8px;
			left: 15px;
			width: 36px;
			height: 36px;
			background-color: #999;
			display: inline-block;
			position: absolute;
		}

			.popComments > .cmtctr > .icon > span {
				width: 100%;
				height: 100%;
				background: url('/common/img/skin/type6/mobile/header_btn_search_scroll.png') 0 0 no-repeat;
				background-size: cover;
				display: block;
			}

		.popComments > .cmtctr > .nm {
			font-size: 15pt;
			font-weight: 600;
		}

		.popComments > .cmtctr > #close.nbtn {
			top: 50%;
			right: 15px;
			width: 36px;
			height: 36px;
			background: #333;
			display: block;
			position: absolute;
			transform: translate(0,-50%);
		}

			.popComments > .cmtctr > #close.nbtn > a {
				top: 0;
				left: 0;
				margin: 0;
				padding: 0;
				width: 100%;
				height: 100%;
				background: url('/common/img/skin/type6/mobile/header_btn_close_scroll.png') 0 0 no-repeat;
				background-size: cover;
				display: inline-block;
				position: absolute;
			}

	.popComments > .pws {
		margin: 0;
		width: 450px;
		position: relative;
	}

		.popComments > .pws > .form {
			margin: 0;
			padding: 3% 5%;
			width: 100%;
		}

			.popComments > .pws > .form .info {
				margin: 0 1% 3%;
			}

				.popComments > .pws > .form .info > dl {
					margin: 0;
					border: 0;
				}

					.popComments > .pws > .form .info > dl > dd {
						padding-left: 0;
					}

			.popComments > .pws > .form .btn {
				margin: 0 1% 0;
			}

				.popComments > .pws > .form .btn:after {
					display: block;
					clear: both;
					content: "";
				}

				.popComments > .pws > .form .btn > a {
					width: 49.5%;
					float: left;
				}

					.popComments > .pws > .form .btn > a:first-of-type {
						margin-right: 1%;
					}

	.popComments > .edit {
		width: 700px;
	}

		.popComments > .edit > .form {
			margin: 0;
			padding: 1% 0;
			width: 100%;
		}

			.popComments > .edit > .form .info {
				margin: 0 3% 3%;
			}

				.popComments > .edit > .form .info > dl {
					margin: 0;
					padding: 0;
				}

					.popComments > .edit > .form .info > dl > dt {
						padding-right: 5%;
						width: 15%;
						font-weight: 600;
						text-align: center;
					}

					.popComments > .edit > .form .info > dl > dd {
						padding: 5px 0 5px 15%;
						line-height: 210%;
					}

					.popComments > .edit > .form .info > dl.dl50p {
						width: 50%;
						position: absolute;
						z-index: 1;
					}

						.popComments > .edit > .form .info > dl.dl50p > dt {
							width: 30%;
						}

						.popComments > .edit > .form .info > dl.dl50p > dd {
							padding: 5px 0 5px 30%;
						}

					.popComments > .edit > .form .info > dl.dl50pc {
						padding-left: 50%;
					}

						.popComments > .edit > .form .info > dl.dl50pc > dt {
							left: 50%;
							width: 15%;
						}

						.popComments > .edit > .form .info > dl.dl50pc > dd {
							padding: 5px 0 5px 30%;
						}


					.popComments > .edit > .form .info > dl.cmtpws {
						display: none;
					}

			.popComments > .edit > .form .btn {
				margin: 0 3% 0;
			}
/*// detailinfo ====================================== */

/* ¿¹¾àÁ¤º¸ µî·Ï ===================================== */
#reservation {
	margin: 0;
	padding: 150px 0 0;
	background: #f7f7f7;
	position: relative;
}

	#reservation:after {
		display: block;
		clear: both;
		content: "";
	}

	#reservation > .inner {
	}

.reser_step {
	margin: 0;
	padding: 30px 0;
}

	.reser_step ul {
		margin: 0 auto;
		width: 880px;
	}

		.reser_step ul:after {
			display: block;
			clear: both;
			content: "";
		}

		.reser_step ul li {
			margin-left: 12.5%;
			width: 25%;
			height: 100px;
			background: #d5d5d5;
			position: relative;
			float: left;
		}

			.reser_step ul li:after {
				top: 50%;
				left: -50%;
				width: 50%;
				height: 1px;
				position: absolute;
				background: #ccc;
				content: "";
			}

			.reser_step ul li:first-of-type {
				margin-left: 0;
			}

				.reser_step ul li:first-of-type:after {
					display: none;
				}

			.reser_step ul li span {
				top: 50%;
				padding: 0;
				width: 100%;
				font-size: 13pt;
				color: rgba(255,255,255,0.8);
				line-height: 150%;
				text-align: center;
				display: block;
				position: absolute;
				transform: translate(0,-50%);
			}

				.reser_step ul li span.line3 {
					padding-top: 14px;
				}

			.reser_step ul li em {
				display: block;
				margin: 0 auto;
				text-align: center;
			}

			.reser_step ul li.active {
			}

				.reser_step ul li.active span {
					padding: 0;
					font-size: 14pt;
					color: #fff;
				}

.reservation {
}

	.reservation > .step1 {
		margin: 0;
		padding: 0;
		width: 64%;
		float: left;
	}

		.reservation > .step1:after {
			display: block;
			clear: both;
			content: "";
		}

		.reservation > .step1 > .order {
			margin: 0 0 5%;
			padding: 0 4% 2%;
			border-top: 2px solid;
		}

			.reservation > .step1 > .order > .reserguide {
				padding: 0 0 0;
				height: 60px;
				border: 1px dotted red;
				display: none;
			}

			.reservation > .step1 > .order > .goods {
				padding: 0 0 2%;
			}

				.reservation > .step1 > .order > .goods > .img {
					height: 170px;
				}

				.reservation > .step1 > .order > .goods > .title {
					padding-top: 2%;
				}

				.reservation > .step1 > .order > .goods > .info {
					min-height: 170px;
				}

					.reservation > .step1 > .order > .goods > .info > dl {
						display: none;
					}


			.reservation > .step1 > .order > .room {
				padding: 0 0 0;
			}

				.reservation > .step1 > .order > .room > .title {
					padding-top: 2%;
				}

				.reservation > .step1 > .order > .room > .info > dl {
					border-top: 1px dotted #ccc;
				}

					.reservation > .step1 > .order > .room > .info > dl:first-of-type {
						border-top: 0;
					}

					.reservation > .step1 > .order > .room > .info > dl > dd {
						line-height: 30px;
					}

					.reservation > .step1 > .order > .room > .info > dl.dl50p {
						border-top: 0;
					}

		.reservation > .step1 > .reserinfo {
			margin: 0 0 5%;
			padding: 0 4% 3%;
			border-top: 2px solid;
		}

			.reservation > .step1 > .reserinfo > .title {
				margin: 0;
			}

			.reservation > .step1 > .reserinfo > .info {
			}

				.reservation > .step1 > .reserinfo > .info > dl {
					border-top: 1px dotted #ccc;
				}

					.reservation > .step1 > .reserinfo > .info > dl:first-of-type {
						border-top: 0;
					}

					.reservation > .step1 > .reserinfo > .info > dl > dd {
						min-height: 45px;
					}

						.reservation > .step1 > .reserinfo > .info > dl > dd > input[type="text"] {
							width: 100%;
						}

						.reservation > .step1 > .reserinfo > .info > dl > dd > select {
							width: 30%;
							float: left;
						}

							.reservation > .step1 > .reserinfo > .info > dl > dd > select + input[type="text"],
							.reservation > .step1 > .reserinfo > .info > dl > dd > select + input[type="text"] + input[type="text"] {
								margin-left: 5%;
								width: 30%;
								float: left;
							}

						.reservation > .step1 > .reserinfo > .info > dl > dd > #resvnm {
							width: 60%;
						}

						.reservation > .step1 > .reserinfo > .info > dl > dd > div {
							margin: 0;
							padding: 0;
						}

							.reservation > .step1 > .reserinfo > .info > dl > dd > div:first-of-type {
								margin-top: 0;
							}

							.reservation > .step1 > .reserinfo > .info > dl > dd > div.form_right + div.form_right {
								margin-left: 2%;
							}

						.reservation > .step1 > .reserinfo > .info > dl > dd > input[type="text"] + div.form_right {
							margin-left: 2%;
						}

						.reservation > .step1 > .reserinfo > .info > dl > dd > .form_right {
							height: 30px;
							vertical-align: top;
						}

							.reservation > .step1 > .reserinfo > .info > dl > dd > .form_right > .form_radio18 {
								vertical-align: middle;
							}

								.reservation > .step1 > .reserinfo > .info > dl > dd > .form_right > .form_radio18 > input + label {
									vertical-align: middle;
								}

									.reservation > .step1 > .reserinfo > .info > dl > dd > .form_right > .form_radio18 > input + label + label {
										vertical-align: middle;
									}

						.reservation > .step1 > .reserinfo > .info > dl > dd > .rmember {
							margin-bottom: 1%;
							line-height: 210%;
						}

						.reservation > .step1 > .reserinfo > .info > dl > dd > .rmemberbabe {
							line-height: 210%;
						}

							.reservation > .step1 > .reserinfo > .info > dl > dd > .rmemberbabe > input[type='text'] {
								padding-right: 5px;
								width: 30px;
								text-indent: 5px;
								text-align: right;
							}

							.reservation > .step1 > .reserinfo > .info > dl > dd > .rmember select,
							.reservation > .step1 > .reserinfo > .info > dl > dd > .rmemberbabe select {
								width: 20%;
								min-width: 55px;
							}

		.reservation > .step1 > .resersurvey {
			margin: 0 0 5%;
			padding: 0 4% 3%;
			border-top: 2px solid;
		}

			.reservation > .step1 > .resersurvey > .title {
				margin: 0;
			}


			.reservation > .step1 > .resersurvey dl {
			}

				.reservation > .step1 > .resersurvey dl > dt {
					margin: 0;
					padding: 0;
					font-size: 12pt;
					color: #666;
					line-height: 220%;
					position: relative;
					transform: none;
				}

				.reservation > .step1 > .resersurvey dl > dd {
					margin: 0;
					padding: 0;
					line-height: 30px;
				}

					.reservation > .step1 > .resersurvey dl > dd > input[type='text'] {
						height: 32px;
						line-height: 32px;
						width: initial;
					}

					.reservation > .step1 > .resersurvey dl > dd > textarea {
						width: 100%;
					}

					.reservation > .step1 > .resersurvey dl > dd select {
						height: 32px;
						line-height: 32px;
					}

					.reservation > .step1 > .resersurvey dl > dd.empty {
						line-height: 250px;
						text-align: center;
					}

					.reservation > .step1 > .resersurvey dl > dd > .box {
						border: 1px solid #ddd;
					}

						.reservation > .step1 > .resersurvey dl > dd > .box > dl {
							margin: 0;
							padding: 1% 0 0;
							border: 0;
						}

							.reservation > .step1 > .resersurvey dl > dd > .box > dl:last-of-type {
								padding-bottom: 1%;
							}

							.reservation > .step1 > .resersurvey dl > dd > .box > dl > dt {
								top: 50%;
								margin-left: 1%;
								padding: 1% 0 0;
								position: absolute;
								transform: translate(0,-50%);
							}

							.reservation > .step1 > .resersurvey dl > dd > .box > dl > dd {
								padding-left: 20%;
							}

					.reservation > .step1 > .resersurvey dl > dd .form_right {
					}

				.reservation > .step1 > .resersurvey dl.depth1 {
				}

					.reservation > .step1 > .resersurvey dl.depth1 > dt {
					}

					.reservation > .step1 > .resersurvey dl.depth1 > dd {
						padding-left: 1%;
					}

				.reservation > .step1 > .resersurvey dl.depth2 {
				}

					.reservation > .step1 > .resersurvey dl.depth2 > dt {
						padding-left: 2%;
					}

					.reservation > .step1 > .resersurvey dl.depth2 > dd {
						padding-left: 3%;
					}

				.reservation > .step1 > .resersurvey dl.depth3 {
				}

					.reservation > .step1 > .resersurvey dl.depth3 > dt {
						padding-left: 4%;
					}

					.reservation > .step1 > .resersurvey dl.depth3 > dd {
						padding-left: 5%;
					}

				.reservation > .step1 > .resersurvey dl.depth4 {
				}

					.reservation > .step1 > .resersurvey dl.depth4 > dt {
						padding-left: 6%;
					}

					.reservation > .step1 > .resersurvey dl.depth4 > dd {
						padding-left: 7%;
					}

				.reservation > .step1 > .resersurvey dl.depth5 {
				}

					.reservation > .step1 > .resersurvey dl.depth5 > dt {
						padding-left: 8%;
					}

					.reservation > .step1 > .resersurvey dl.depth5 > dd {
						padding-left: 9%;
					}


	/* ¿¹¾àÁÖ¹® Á¤º¸layer */
	.reservation > .step2 {
		padding: 0;
		width: 34%;
		float: right;
	}

		.reservation > .step2 > .agree {
			margin: 0 0 5%;
			padding: 0 0 0;
		}

			.reservation > .step2 > .agree > .tab {
				margin: 0;
				padding: 0;
			}

				.reservation > .step2 > .agree > .tab > ul {
					width: 100%;
				}

					.reservation > .step2 > .agree > .tab > ul:after {
						display: block;
						clear: both;
						content: "";
					}

					.reservation > .step2 > .agree > .tab > ul > li {
						padding: 0;
						padding: 0;
						width: 50%;
						height: 55px;
						text-align: center;
						border: 1px solid #e5e5e5;
						border-left: 0;
						border-bottom: 2px solid;
						background: #fafafa;
						float: left;
					}

						.reservation > .step2 > .agree > .tab > ul > li > a {
							padding: 0;
							height: 100%;
							font-size: 12.5pt;
							color: #aaa;
							line-height: 55px;
							display: block;
							overflow: hidden;
						}

						.reservation > .step2 > .agree > .tab > ul > li:first-of-type {
							border-left: 1px solid #e5e5e5;
						}

						.reservation > .step2 > .agree > .tab > ul > li.on {
							border: 2px solid;
							background: #fff;
						}

							.reservation > .step2 > .agree > .tab > ul > li.on > a {
								font-weight: 700;
								line-height: 53px;
							}

						.reservation > .step2 > .agree > .tab > ul > li:first-of-type.on a {
							margin-left: 0;
						}

			.reservation > .step2 > .agree .desc {
			}

			.reservation > .step2 > .agree > .body {
				padding: 0 0;
				border: 0px solid;
				border-top: 0;
				position: relative;
			}

				.reservation > .step2 > .agree > .body > .item {
					margin: 0;
					padding: 0;
					display: none;
				}

					.reservation > .step2 > .agree > .body > .item:last-of-type {
						display: block;
					}

			.reservation > .step2 > .agree .item > div {
				margin: 0 0;
				padding: 0;
				height: 250px;
				font-size: 10pt;
				color: #555;
				text-align: justify;
			}

				.reservation > .step2 > .agree .item > div.scroll {
					margin: 5% 0;
					overflow-y: scroll;
				}

			.reservation > .step2 > .agree > .body > .item > div {
				margin: 0 0;
				padding: 0;
				height: 250px;
				font-size: 10pt;
				color: #555;
				text-align: justify;
			}

				.reservation > .step2 > .agree > .body > .item > div.scroll {
					margin: 5% 0;
					overflow-y: scroll;
				}

				.reservation > .step2 > .agree > .body > .item > div.loading {
					min-height: 250px;
					font-size: 10pt;
					line-height: 250px;
					text-align: center;
				}

			.reservation > .step2 > .agree > .body > .item > p {
				margin: 5%;
				padding: 0;
				height: 250px;
				font-size: 10pt;
				color: #555;
				text-align: justify;
				overflow-y: scroll;
			}

				.reservation > .step2 > .agree > .body > .item > p.loading {
					min-height: 250px;
					font-size: 10pt;
					line-height: 250px;
					text-align: center;
				}

				.reservation > .step2 > .agree > .body > .item > p > span.t1 {
					font-size: 10.5pt;
					font-weight: bold;
					color: #000;
					line-height: 180%;
				}

				.reservation > .step2 > .agree > .body > .item > p > span.t2r {
					color: red;
				}

				.reservation > .step2 > .agree > .body > .item > p > span.t2rb {
					color: red;
					font-weight: bold;
					font-size: 12pt;
				}

			.reservation > .step2 > .agree > .body > .item > .form_right {
				width: 100%;
				text-align: center;
				height: 45px;
				border-top: 1px solid #e5e5e5;
			}

				.reservation > .step2 > .agree > .body > .item > .form_right > .form_chkbox16 {
					height: 20px;
					line-height: 20px;
					vertical-align: middle;
				}

					.reservation > .step2 > .agree > .body > .item > .form_right > .form_chkbox16 > input + label {
						vertical-align: middle;
					}

						.reservation > .step2 > .agree > .body > .item > .form_right > .form_chkbox16 > input + label + label {
							vertical-align: top;
						}

							.reservation > .step2 > .agree > .body > .item > .form_right > .form_chkbox16 > input + label + label > span {
								font-size: 10.5pt;
							}
			/*
.form_chkbox16 > label {margin:0 0 0; padding:0; width:16px; height:16px; line-height:16px; background: url('/common/img/skin/type6/form_check_empty.png') no-repeat; background-size:16px; background-color:#dcdcdc; display:inline-block; cursor:pointer;}
.form_chkbox16 > label + label {margin:-1px 0 0; padding:0; width:auto; height:16px; font-size:10.5pt; color:#999; line-height:16px; background:none; display:inline-block;}
*/
			.reservation > .step2 > .agree > .agree_all {
				margin: 0;
				padding: 0;
				text-align: center;
				background: #e5e5e5;
			}

				.reservation > .step2 > .agree > .agree_all > .form_right {
					width: 100%;
					text-align: center;
					height: 45px;
					border-top: 1px solid #e5e5e5;
				}

					.reservation > .step2 > .agree > .agree_all > .form_right > .form_chkbox20 {
						height: 20px;
						line-height: 20px;
						vertical-align: middle;
					}

						.reservation > .step2 > .agree > .agree_all > .form_right > .form_chkbox20 > input + label {
							vertical-align: middle;
						}

							.reservation > .step2 > .agree > .agree_all > .form_right > .form_chkbox20 > input + label + label {
								vertical-align: top;
							}

								.reservation > .step2 > .agree > .agree_all > .form_right > .form_chkbox20 > input + label + label > span {
									font-size: 11pt;
								}

		.reservation > .step2 > .check {
			margin: 0 0 5%;
			padding: 0 0 0;
			border-top: 2px solid;
		}

			.reservation > .step2 > .check > .inout {
				margin: 0;
				padding: 5% 0;
				background: url('/common/img/skin/type6/order/icon_check_info.png') 50% 50% no-repeat;
			}

				.reservation > .step2 > .check > .inout:after {
					display: block;
					clear: both;
					content: "";
				}

				.reservation > .step2 > .check > .inout span {
					margin-bottom: 8px;
					font-weight: 600;
					font-size: 13pt;
					line-height: 150%;
					display: block;
				}

				.reservation > .step2 > .check > .inout p {
					font-weight: 600;
					font-size: 14pt;
					color: #555;
					line-height: 150%;
				}

				.reservation > .step2 > .check > .inout .in {
					width: 45%;
					text-align: center;
					float: left;
				}

				.reservation > .step2 > .check > .inout .out {
					width: 45%;
					text-align: center;
					float: right;
				}

			.reservation > .step2 > .check > .range {
				margin: 0 auto;
				padding: 5% 0;
				border-top: 1px solid #e5e5e5;
				position: relative;
			}

				.reservation > .step2 > .check > .range dl {
					width: 100%;
					position: relative;
				}

					.reservation > .step2 > .check > .range dl:after {
						display: block;
						clear: both;
						content: "";
					}

				.reservation > .step2 > .check > .range dt {
					font-weight: 600;
					width: 45%;
					font-size: 13pt;
					line-height: 27px;
					text-align: center;
					color: #555;
					float: left;
				}

				.reservation > .step2 > .check > .range dd {
					font-weight: 600;
					width: 45%;
					font-size: 13pt;
					line-height: 27px;
					text-align: center;
					color: #555;
					float: right;
				}

		.reservation > .step2 > .guide {
			margin: 0 0 5%;
			padding: 0 0 0;
			border-top: 2px solid;
		}

			.reservation > .step2 > .guide > .txtguide {
				margin: 0 auto;
				padding: 5% 0;
				font-weight: 600;
				font-size: 11pt;
				line-height: 27px;
				text-align: center;
				color: red;
				border-top: 1px solid #e5e5e5;
				position: relative;
			}

		.reservation > .step2 > .reser {
			margin: 0 0 5%;
			padding: 0 0 0;
			border-top: 2px solid;
		}

			.reservation > .step2 > .reser > #payment .info {
				margin: 0;
				padding: 5% 3%;
			}

				.reservation > .step2 > .reser > #payment .info > dl {
				}

					.reservation > .step2 > .reser > #payment .info > dl > dt {
					}

					.reservation > .step2 > .reser > #payment .info > dl > dd {
						padding: 1% 1%;
						font-size: 10.5pt;
					}
			/*
.reservation > .step2 > .reser > #payment .info #txtdetail > dd {font-size:11pt;}
.reservation > .step2 > .reser > #payment .info #txtdiscdetail > dd {font-size:11pt;}
*/

			.reservation > .step2 > .reser > .btn {
				margin: 0;
				padding: 0;
			}

				.reservation > .step2 > .reser > .btn:after {
					display: block;
					clear: both;
					content: "";
				}

				.reservation > .step2 > .reser > .btn > a {
					margin: 0;
					padding: 0;
					width: 100%;
					height: 50px;
					font-size: 13pt;
					line-height: 50px;
					float: left;
				}

					.reservation > .step2 > .reser > .btn > a.reser {
					}

					.reservation > .step2 > .reser > .btn > a.close {
						display: none;
					}
	/*
#reservation .reservation > .step2 > .reser > .reser_btn {margin-top:10px; padding:0;}
#reservation .reservation > .step2 > .reser > .reser_btn > a {margin:0; padding:5% 0; width:100%; font-size:13pt; color:#fff; line-height:100%; text-align:center; text-decoration:none; border:1px solid #ccc; display:block; cursor:pointer;}
*/

	/* ¿¹¾à¿Ï·á Á¤º¸layer */
	.reservation > .stepresult {
		margin: 0 auto;
		padding: 2% 2%;
		width: 850px;
		display: block;
		position: relative;
	}

		.reservation > .stepresult > .guide {
			margin: 0;
			padding: 0;
			min-height: 150px;
			border-bottom: 1px solid #ddd;
			display: block;
			position: relative;
		}

			.reservation > .stepresult > .guide > h2 {
				top: 50%;
				left: 50%;
				width: 100%;
				font-size: 17pt;
				color: #555;
				line-height: 150%;
				text-align: center;
				display: block;
				position: absolute;
				transform: translate(-50%,-50%);
			}

				.reservation > .stepresult > .guide > h2 > div {
					width: auto;
					font-size: 13pt;
				}

					.reservation > .stepresult > .guide > h2 > div.waitguide {
						margin-top: 10px;
						padding: 0;
						font-size: 12pt;
						line-height: 130%;
						display: block;
						position: relative;
					}

		.reservation > .stepresult > .payment > .info > dl > dd {
			padding: 0;
		}


#agreeSupport {
	top: 50%;
	left: 50%;
	width: 600px;
	background: #fff;
	position: absolute;
	transform: translate(-50%,-50%);
}

	#agreeSupport .supportsel {
		margin: 4% 0 0;
		padding: 10px 20px;
	}

		#agreeSupport .supportsel > div {
		}

			#agreeSupport .supportsel > div > ul {
			}

				#agreeSupport .supportsel > div > ul:after {
					display: block;
					clear: both;
					content: "";
				}

				#agreeSupport .supportsel > div > ul > li {
					height: 200px;
					background-position: center center !important;
					background-size: cover !important;
					float: left;
				}

					#agreeSupport .supportsel > div > ul > li > a {
						width: 100%;
						height: 100%;
						text-align: center;
						background: none;
						display: block;
						position: relative;
					}

						#agreeSupport .supportsel > div > ul > li > a > h3 {
							top: 50%;
							left: 0;
							padding: 2px 0 4px;
							width: 100%;
							font-weight: bold;
							font-size: 15pt;
							color: #fff;
							background: rgba(0,0,0,0.7);
							position: absolute;
							transform: translate(0, -50%);
						}

						#agreeSupport .supportsel > div > ul > li > a > div {
							bottom: 15%;
							left: 50%;
							padding: 5px 0 7px;
							width: 110px;
							font-weight: bold;
							font-size: 12pt;
							color: #fff;
							border: 2px solid #fff;
							display: none;
							position: absolute;
							transform: translate(-50%, -50%);
						}

					#agreeSupport .supportsel > div > ul > li.asuppbg {
						background-image: url('/common/img/skin/type6/order/asupport.jpg');
					}

					#agreeSupport .supportsel > div > ul > li.rsuppbg {
						background-image: url('/common/img/skin/type6/order/rsupport.jpg');
					}

					#agreeSupport .supportsel > div > ul > li.fsuppbg {
						background-image: url('/common/img/skin/type6/order/fsupport.jpg');
					}

					#agreeSupport .supportsel > div > ul > li.nsuppbg {
						background-image: url('/common/img/skin/type6/order/nsupport.jpg');
					}

					#agreeSupport .supportsel > div > ul > li.asuppbg > a:hover {
						background: rgba(0,187,255,0.7);
					}

					#agreeSupport .supportsel > div > ul > li.rsuppbg > a:hover {
						background: rgba(0,0,255,0.7);
					}

					#agreeSupport .supportsel > div > ul > li.fsuppbg > a:hover {
						background: rgba(255,187,0,0.7);
					}

					#agreeSupport .supportsel > div > ul > li.nsuppbg > a:hover {
						background: rgba(0,0,0,0.7);
					}

					#agreeSupport .supportsel > div > ul > li > a:hover > h3 {
						top: 30%;
						background: rgba(0,0,0,0);
					}

					#agreeSupport .supportsel > div > ul > li > a:hover > div {
						display: block;
					}

#maingoods.pop {
	margin: 0 auto;
	width: 1000px;
}

	#maingoods.pop > .inner {
		width: 100%;
		min-height: initial;
	}

		#maingoods.pop > .inner > h2 {
			text-align: left;
		}

#goodsinfo.pop {
	margin: 0 auto 30px;
	padding: 0;
	width: 100%;
	min-width: 980px;
	height: 600px;
}

#reserroom.pop,
#detailinfo.pop {
	margin: 0 auto 30px;
	width: 950px;
}

#goodsinfo.pop > .inner {
	margin: 0 auto;
	width: 950px;
}

#reserroom.pop > .inner,
#detailinfo.pop > .inner {
	width: 100%;
}

#reser.pop #reserinner.reser {
	width: 920px;
}

#reser1.pop #reserinner1.reser {
	width: 920px;
	height: 80%;
}


#mainguide {
	margin: 0;
	padding: 0;
	background: url('/common/img/skin/type6/main_information_bg.jpg') center bottom no-repeat;
	background-size: cover;
	display: none;
}

	#mainguide > .inner {
		padding: 80px 0;
		position: relative;
	}

		#mainguide > .inner > h2 {
			font-size: 30px;
			line-height: 150%;
			color: #fff;
			text-align: center
		}

		#mainguide > .inner > .main_information_list {
			margin-top: 124px
		}

			#mainguide > .inner > .main_information_list:after {
				display: block;
				clear: both;
				content: "";
			}

			#mainguide > .inner > .main_information_list li {
				width: 219px;
				color: #fff;
				font-size: 17px;
				text-align: center;
				line-height: 27px;
				position: relative;
				float: left;
			}

				#mainguide > .inner > .main_information_list li:after {
					position: absolute;
					top: 24px;
					left: 0;
					width: 1px;
					height: 39px;
					background: #a8acaf;
					content: "";
				}

				#mainguide > .inner > .main_information_list li:first-of-type:after {
					display: none;
				}

				#mainguide > .inner > .main_information_list li a {
					display: block;
					color: #fff;
				}

		#mainguide > .inner > .main_information_img {
			margin-bottom: 10px;
		}

			#mainguide > .inner > .main_information_img img {
				vertical-align: middle;
			}




#package_evt {
	margin: 0;
	padding: 150px 0 0;
}

	/* »óÇ°±Ç Æ÷ÀÎÆ®Àüȯ ¿µ¿ª ============================== */
	#package_evt .package {
		margin: 20px auto;
		width: 100%;
	}














/* ¸ÞÀÎÀ̺¥Æ® ¸®½ºÆ® =================================== */
#mainevent {
	margin: 0;
	padding: 0;
}

	#mainevent > .inner {
	}

	#mainevent .group {
		margin: 0 0 3%;
	}

		#mainevent .group:after {
			display: block;
			clear: both;
			content: "";
		}

		#mainevent .group > ul {
		}

			#mainevent .group > ul > li {
				margin: -1px 0 0;
				padding: 0;
				text-align: center;
				display: block;
				float: left;
			}

				#mainevent .group > ul > li > a {
					padding: 5px 0;
					width: 100%;
					font-weight: 500;
					font-size: 14.5pt;
					color: #656565;
					line-height: 240%;
					text-align: center;
					text-overflow: ellipsis;
					white-space: nowrap;
					word-wrap: normal;
					display: block;
					overflow: hidden;
					cursor: pointer;
				}

				#mainevent .group > ul > li.on > a {
					color: #fff;
				}

	#mainevent .area {
		margin: 0 0 3%;
		padding: 0;
		height: 60px;
		border: 1px solid #ccc;
	}

		#mainevent .area:after {
			display: block;
			clear: both;
			content: "";
		}

		#mainevent .area > ul li {
			width: 100%;
			font-family: "NanumSquare";
			font-weight: 700;
			font-size: 13pt;
			line-height: 57px;
			text-align: center;
			color: #656565;
			border-bottom: 0;
			float: left;
			cursor: pointer;
		}

			#mainevent .area > ul li.active {
				margin-top: -3px;
				border-bottom: 4px solid;
			}

	#mainevent .goods {
	}

		#mainevent .goods > ul {
			position: relative;
		}

			#mainevent .goods > ul:after {
				display: block;
				clear: both;
				content: "";
			}

			#mainevent .goods > ul > li {
				margin: 0 0 0 2%;
				padding: 0;
				width: 23.5%;
				height: 23.5%;
				display: block;
				position: relative;
				float: left;
				overflow: hidden;
			}

				#mainevent .goods > ul > li:nth-of-type(4n+1) {
					margin-left: 0;
				}

				#mainevent .goods > ul > li:nth-of-type(n+5) {
					margin-top: 2%;
				}

				#mainevent .goods > ul > li.loading {
					margin: 0;
					width: 100%;
					font-size: 10pt;
					line-height: 270px;
					text-align: center;
				}

				#mainevent .goods > ul > li.empty {
					margin: 0;
					width: 100%;
					line-height: 270px;
					text-align: center;
					font-size: 10.5pt;
				}

				#mainevent .goods > ul > li .img {
					padding: 0;
					width: 100%;
					height: 77%;
					background-position: center center !important;
					background-repeat: no-repeat !important;
					background-size: cover !important;
				}

				#mainevent .goods > ul > li .item {
					padding: 0;
					width: 100%;
					height: 23%;
					border: 1px solid #ddd;
					position: relative;
				}

					#mainevent .goods > ul > li .item > dl {
						top: 50%;
						margin: 0 3%;
						padding: 0;
						position: absolute;
						transform: translate(0,-50%);
					}

						#mainevent .goods > ul > li .item > dl:after {
							display: block;
							clear: both;
							content: "";
						}

						#mainevent .goods > ul > li .item > dl > dt {
							width: 100%;
							font-weight: 600;
							font-size: 12.5pt;
							color: #555;
							line-height: 150%;
							text-overflow: ellipsis;
							white-space: nowrap;
							word-wrap: normal;
							overflow: hidden;
						}

						#mainevent .goods > ul > li .item > dl > dd {
							width: 100%;
							font-size: 11.5pt;
							color: #666;
							line-height: 150%;
						}

	#mainevent .pagenavi {
	}


#eventdetail {
	margin: 0;
	padding: 150px 0 0;
}

	#eventdetail .detail {
	}

		#eventdetail .detail > .info {
			margin: 0 0 0;
			border-bottom: 1px solid #ddd;
		}

			#eventdetail .detail > .info > dl {
			}

				#eventdetail .detail > .info > dl > dt {
					padding-left: 1%;
					width: auto;
					text-align: left;
				}

				#eventdetail .detail > .info > dl > dd {
					padding-right: 1%;
					text-align: right;
				}

		#eventdetail .detail > .cont {
			padding: 0;
		}

			#eventdetail .detail > .cont .ktoimg {
				margin: 0;
				padding: 0;
			}

				#eventdetail .detail > .cont .ktoimg > img {
					margin: 0;
					padding: 0;
					width: 100%;
					vertical-align: bottom;
				}

			#eventdetail .detail > .cont .ktobtn {
				margin: 0;
				padding: 0;
				width: 100%;
			}

				#eventdetail .detail > .cont .ktobtn > a {
					margin: 0;
					padding: 0;
				}

					#eventdetail .detail > .cont .ktobtn > a > img {
						margin: 0;
						padding: 0;
						width: 50%;
						vertical-align: bottom;
						float: left;
					}

/* °³ÀÎÁ¤º¸¼öÁ¤ ±âº»Á¤º¸/ºñ¹øº¯°æ ====================== */
.myinfo_body {
	margin: 0 auto;
	padding: 0 0;
	width: 600px;
	position: relative;
}

	.myinfo_body > dl {
		margin: 0 0 0;
		padding: 20px 15px;
		width: 100%;
		border-bottom: 1px solid #e5e5e5;
	}

		.myinfo_body > dl:after {
			display: block;
			clear: both;
			content: "";
		}

		.myinfo_body > dl > dt {
			width: 30%;
			font-size: 12.4pt;
			color: #333;
			line-height: 36px;
			text-align: center;
			float: left;
		}

		.myinfo_body > dl > dd {
			width: 70%;
			font-size: 12.4pt;
			color: #999;
			line-height: 36px;
			text-align: left;
			float: left;
		}

			.myinfo_body > dl > dd input[type='text'],
			.myinfo_body > dl > dd input[type='password'],
			.myinfo_body > dl > dd select {
				height: 36px;
				line-height: 36px;
				display: inline-block;
			}

			.myinfo_body > dl > dd select {
				background-position: right center;
			}

			.myinfo_body > dl > dd textarea {
				padding: 10px;
				width: 100%;
				height: 200px;
				overflow-y: scroll;
				resize: none;
			}

			.myinfo_body > dl > dd .w110_c {
				width: calc(110px - 2px);
			}

	.myinfo_body > .loading {
		width: 100%;
		font-size: 10pt;
		line-height: 300px;
		text-align: center;
	}

/* °í°´¼¾ÅÍ °øÅ뿵¿ª =================================== */
#support {
	margin: 0;
	padding: 0;
}

	#support > .inner {
	}

/* »óÇ°±Ç Æ÷ÀÎÆ®Àüȯ ¿µ¿ª ============================== */
.voucher {
	margin: 20px auto;
	width: 100%;
}

/* »óÇ°±Ç Æ÷ÀÎÆ®Àüȯ ¿µ¿ª ============================== */
.kvoucher {
	margin: 20px auto;
	width: 100%;
}
/* »çÀÌÆ® º¯¼ö */
:root {
	--kv-width: 900px;
}

.kvoucher .kvimg {
	margin: 20px auto;
	width: var(--kv-width);
	text-align: center;
	border: 1px solid #dfdfdf;
}

	.kvoucher .kvimg > img {
		margin: 20px auto;
	}

/* DivTable:»óÇ°±Ç Ãß°¡¸®½ºÆ® ========================== */
.kvoucher .dtl.kvlist {
	margin: 20px auto;
	width: var(--kv-width);
}

	/* DivTable:»óÇ°±Ç ÀÔ·ÂÆû ============================== */
	.kvoucher .dtl.kvlist dl {
		height: 70px;
		font-size: 11pt;
	}

	.kvoucher .dtl.kvlist dt {
		color: #555;
		line-height: 70px;
	}

	.kvoucher .dtl.kvlist dd {
		padding-left: 20px;
		line-height: 70px;
	}

		.kvoucher .dtl.kvlist dd input {
			margin-top: 12px;
			width: 90%;
			height: 45px;
			font-size: 10.5pt;
			vertical-align: top;
		}

			.kvoucher .dtl.kvlist dd input[name='vnum'] {
				padding: 0 5px;
				width: 70%;
				font-size: 13pt;
				font-weight: bold;
				line-height: 100%;
			}

			.kvoucher .dtl.kvlist dd input[type='button'] {
				margin-left: 10px;
				width: 25%;
				line-height: 45px;
				font-size: 10.5pt;
				color: #fff;
				border-radius: 5px;
				vertical-align: top;
				cursor: pointer;
			}

		.kvoucher .dtl.kvlist dd select {
			margin-top: 12px;
			height: 45px;
			font-size: 10.5pt;
			vertical-align: top;
		}

	.kvoucher .dtl.kvlist dl.w50pe > dd select {
		width: 30%;
	}

	.kvoucher .dtl.kvlist dl.w50pe > dd input {
		width: 27%;
	}

	.kvoucher .dtl.kvlist dl.w50pe > dd select + input {
		margin-left: 3%;
	}

	.kvoucher .dtl.kvlist dl.w50pe > dd input + input {
		margin-left: 3%;
	}

/* DivTable:»óÇ°±Ç Ãß°¡¸®½ºÆ® ========================== */
.kvoucher .dtb.kvlist {
	margin: 20px auto;
	width: var(--kv-width);
}

	.kvoucher .dtb.kvlist > .dtb-h {
		height: 55px;
	}

	.kvoucher .dtb.kvlist > .dtb-b,
	.kvoucher .dtb.kvlist > .dtb-bn {
		height: 60px;
	}

	.kvoucher .dtb.kvlist > .dtb-f {
		height: 45px;
	}

	.kvoucher .dtb.kvlist > .dtb-h div + div {
		border-left: 1px solid #cfcfcf;
	}

	.kvoucher .dtb.kvlist > .dtb-b div.dtb-b-c + div.dtb-b-c {
		border-left: 1px solid #cfcfcf;
	}

	.kvoucher .dtb.kvlist > .dtb-f div + div {
		border-left: 1px solid #cfcfcf;
	}

	.kvoucher .dtb.kvlist > .dtb-h .dtb-h-c {
		font-size: 10.5pt;
		color: #666;
	}

	.kvoucher .dtb.kvlist > .dtb-b .dtb-b-c {
		padding: 0 10px;
		font-size: 10.5pt;
		color: #666;
	}

		.kvoucher .dtb.kvlist > .dtb-b .dtb-b-c > a.btn01 {
			padding: 7px 5px;
			width: 80%;
			color: #fff;
			border: 1px solid #afafaf;
			border-radius: 5px;
			background: #f15f5f;
			display: inline-block;
		}

	.kvoucher .dtb.kvlist > .dtb-bn .dtb-b-c-n > div {
		width: 90%;
		font-size: 10.5pt;
		text-align: center;
	}

	.kvoucher .dtb.kvlist > .dtb-f .dtb-f-c {
		font-size: 10.5pt;
		color: #666;
	}

	.kvoucher .dtb.kvlist #totvoucher {
		font-weight: bold;
	}

/* ÀÌ¿ëÀýÂ÷ ¹× À¯ÀÇ»çÇ× µ¿ÀÇ Æû ======================== */
.kvoucher .agree {
	margin: 20px auto;
	width: var(--kv-width);
	border-bottom: 1px dotted #cfcfcf;
}

	.kvoucher .agree h2 {
		font-size: 12.5pt;
		color: #333;
		line-height: 45px;
	}

	.kvoucher .agree dl {
	}

		.kvoucher .agree dl dt {
			font-size: 12.5pt;
			color: #333;
			line-height: 45px;
		}

		.kvoucher .agree dl dd {
			font-size: 11.5pt;
			line-height: 45px;
		}

			.kvoucher .agree dl dd.cont {
				padding: 20px 40px 20px 20px;
				width: 100%;
				height: 180px;
				font-size: 10.5pt;
				color: #555;
				line-height: 1.5em;
			}

	.kvoucher .agree > div {
		margin: 20px 0 20px;
		text-align: center;
	}

.kvoucher .btn {
	margin: 30px auto 20px;
	width: var(--kv-width);
	text-align: center;
}

	.kvoucher .btn > input[type='button'] {
		padding: 10px 0;
		width: 300px;
		line-height: 40px;
		border-radius: 5px;
	}

		.kvoucher .btn > input[type='button'] + input[type='button'] {
			margin-left: 10px;
			background: #cfcfcf;
		}

#mainsearch .goods > h3 {
	font-size: 17pt;
}

/* ¸¶ÀÌÆäÀÌÁö °øÅ뿵¿ª ================================= */
#mypage {
	margin: 0;
	padding: 0;
}

	#mypage > .inner {
		min-height: 350px;
	}

		/* ¸¶ÀÌÆäÀÌÁö ¸ÞÀÎ ===================================== */
		#mypage > .inner .myinfo {
			margin-top: 2%;
		}

			#mypage > .inner .myinfo > dl {
				margin: 0;
			}

				#mypage > .inner .myinfo > dl > dd {
					padding: 0.5%;
					text-align: center;
					font-size: 10.5pt;
					line-height: 150%;
				}

			#mypage > .inner .myinfo > div {
				width: 49%;
				min-height: 180px;
				position: relative;
				float: left;
			}

				#mypage > .inner .myinfo > div:nth-child(2n) {
					margin-left: 2%;
				}

			#mypage > .inner .myinfo .boxt {
				margin: 3% auto 0;
				padding-left: 5px;
				width: 100%;
				font-weight: bold;
				font-size: 10.8pt;
			}

			#mypage > .inner .myinfo .box {
				margin: 1% auto 3%;
				width: 100%;
			}

				#mypage > .inner .myinfo .box > dl {
					margin: -1px 0 0;
					padding: 0;
					position: relative;
					border: 1px solid #ddd;
				}

					#mypage > .inner .myinfo .box > dl:after {
						display: block;
						clear: both;
						content: "";
					}

					#mypage > .inner .myinfo .box > dl > dt {
						top: 50%;
						left: 8%;
						padding: 0;
						width: 30%;
						font-size: 10.7pt;
						line-height: 100%;
						display: block;
						position: absolute;
						transform: translate(0,-50%);
					}

						#mypage > .inner .myinfo .box > dl > dt:after {
							right: 0;
							position: absolute;
							content: ":";
						}

					#mypage > .inner .myinfo .box > dl > dd {
						padding: 5px 8% 5px 40%;
						height: auto;
						font-size: 10.7pt;
						line-height: 200%;
						text-align: right;
					}

						#mypage > .inner .myinfo .box > dl > dd.w50p {
							padding: 5px 0;
							width: 50%;
							text-align: center;
							float: left;
						}

						#mypage > .inner .myinfo .box > dl > dd.w25p {
							padding: 5px 0;
							width: 25%;
							text-align: center;
							float: left;
						}

						#mypage > .inner .myinfo .box > dl > dd.w35p {
							padding: 5px 0;
							width: 35%;
							text-align: center;
							float: left;
						}

						#mypage > .inner .myinfo .box > dl > dd.w20p {
							padding: 5px 0;
							width: 20%;
							text-align: center;
							float: left;
						}

		/* °Ë»öÁ¤º¸ ============================================ */
		#mypage > .inner .reservation > .stepresult > .goods {
		}

		#mypage > .inner .reservation > .stepresult > .room {
		}

		#mypage > .inner .reservation > .stepresult > .reserinfo {
		}

		#mypage > .inner .reservation > .stepresult > .payment {
		}

		#mypage > .inner .reservation > .stepresult > .btn {
		}
		/*// °Ë»öÁ¤º¸ ========================================== */

		/* ÀÌ¿ë¹®ÀÇ µî·Ï ======================================= */
		#mypage > .inner .body dd.qnacate > select {
			width: 49%;
		}

			#mypage > .inner .body dd.qnacate > select + select {
				margin-left: 2%;
			}
		/*// ÀÌ¿ë¹®ÀÇ µî·Ï ===================================== */

		/* ³»Á¤º¸°ü¸® ========================================== */
		#mypage > .inner > #myinfotab {
			display: none;
		}

		#mypage > .inner .tab {
			margin: 29px 0;
			font-size: 0;
			text-align: center;
		}

			#mypage > .inner .tab > a {
				width: 240px;
				height: 42px;
				font-size: 16px;
				color: #000;
				line-height: 40px;
				text-align: center;
				border: 1px solid #ccc;
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				display: inline-block;
			}

				#mypage > .inner .tab > a.active {
					border: 0;
					color: #fff;
				}

				#mypage > .inner .tab > a + a {
					margin-left: 20px;
				}

		#mypage > .inner .body {
			margin: 0 0 2%;
			padding: 0;
			border: 1px solid #ccc;
			position: relative;
		}
	/*// ³»Á¤º¸°ü¸® ======================================== */


	/* ¸¶ÀÌÆäÀÌÁö DivTable:»óÇ°±Ç ÇöȲ ===================== */
	#mypage .dtb.vtcurrent {
		margin: 0 auto 0;
		width: 100%;
		border-bottom: 2px solid;
	}

		#mypage .dtb.vtcurrent > .dtb-h {
			height: 55px;
			border-top: 0;
		}

		#mypage .dtb.vtcurrent > .dtb-b,
		#mypage .dtb.vtcurrent > .dtb-bn {
			height: 80px;
			border-bottom: 0;
		}

		#mypage .dtb.vtcurrent > .dtb-f {
			height: 50px;
			display: none;
		}

		#mypage .dtb.vtcurrent > .dtb-h .dtb-h-c {
			font-size: 10.5pt;
			color: #666;
		}

		#mypage .dtb.vtcurrent > .dtb-b .dtb-b-c {
			padding: 0 10px;
			font-size: 10.5pt;
			color: #666;
		}

			#mypage .dtb.vtcurrent > .dtb-b .dtb-b-c > a.btn01 {
				padding: 7px 5px;
				width: 80%;
				color: #fff;
				border: 1px solid #afafaf;
				border-radius: 5px;
				background: #f15f5f;
				display: inline-block;
			}

		#mypage .dtb.vtcurrent > .dtb-bn .dtb-b-c-n > div {
			font-size: 10.5pt;
		}

		#mypage .dtb.vtcurrent > .dtb-f .dtb-f-c {
			font-size: 10.5pt;
			color: #666;
		}

	/* ¸¶ÀÌÆäÀÌÁö DivTable:»óÇ°±Ç ¸®½ºÆ® =================== */
	#mypage .dtb.vtlist {
		margin: 0 auto 0;
		width: 100%;
	}

		#mypage .dtb.vtlist > .dtb-h {
			height: 55px;
			border-top: 0;
		}

		#mypage .dtb.vtlist > .dtb-b,
		#mypage .dtb.vtlist > .dtb-bn {
			height: 60px;
		}

		#mypage .dtb.vtlist > .dtb-f {
			height: 50px;
			display: none;
		}

		#mypage .dtb.vtlist > .dtb-h .form_bottom > div {
			padding-bottom: 20px;
		}

			#mypage .dtb.vtlist > .dtb-h .form_bottom > div > label:first-of-type {
				top: 20px;
			}

			#mypage .dtb.vtlist > .dtb-h .form_bottom > div > label + label {
				font-weight: bold;
				font-size: 10.5pt;
				color: #666;
			}

		#mypage .dtb.vtlist > .dtb-h .form_chkbox18 > input + label {
			background-color: #afafaf;
		}

		#mypage .dtb.vtlist > .dtb-b .form_chkbox18 > input + label {
			margin-right: 0;
			background-color: #afafaf;
		}

		#mypage .dtb.vtlist > .dtb-h .form_chkbox18 > input:checked + label {
			background-color: #666;
		}

		#mypage .dtb.vtlist > .dtb-b .form_chkbox18 > input:checked + label {
			background-color: #666;
		}
		/*
#mypage .dtb.vtlist > .dtb-h div + div {border-left: 1px solid #cfcfcf;}
#mypage .dtb.vtlist > .dtb-b div.dtb-b-c + div.dtb-b-c {border-left: 1px solid #cfcfcf;}
#mypage .dtb.vtlist > .dtb-f div + div {border-left: 1px solid #cfcfcf;}
*/
		#mypage .dtb.vtlist > .dtb-h .dtb-h-c {
			font-size: 10.5pt;
			color: #666;
		}

		#mypage .dtb.vtlist > .dtb-b .dtb-b-c {
			padding: 0 10px;
			font-size: 10.5pt;
			color: #666;
		}

			#mypage .dtb.vtlist > .dtb-b .dtb-b-c > a.btn01 {
				padding: 7px 5px;
				width: 80%;
				color: #fff;
				border: 1px solid #afafaf;
				border-radius: 5px;
				background: #f15f5f;
				display: inline-block;
			}

		#mypage .dtb.vtlist > .dtb-bn .dtb-b-c-n > div {
			font-size: 10.5pt;
		}

		#mypage .dtb.vtlist > .dtb-f .dtb-f-c {
			font-size: 10.5pt;
			color: #666;
		}

		#mypage .dtb.vtlist #totvoucher {
			font-weight: bold;
		}




















.tbrevision {
	margin: 10px 5% 0;
}

	.tbrevision > .revitem {
		display: inline-block;
	}

		.tbrevision > .revitem > a {
			padding: 10px;
			width: 100%;
			height: 100%;
			color: #999;
			display: block;
			border: 1px solid silver;
		}

			.tbrevision > .revitem > a.on {
				color: #666;
				font-weight: 500;
				font-size: 9.5pt;
			}

	.tbrevision > div + div {
		margin-left: 5px;
	}


.policy_view {
	margin: 0 5% 0;
	padding: 40px 0;
	color: #555;
	text-align: justify;
	font-size: 10.5pt;
}

	.policy_view span.t1 {
		font-size: 12pt;
		font-weight: bold;
		color: #000;
		line-height: 180%;
	}

	.policy_view span.t2r {
		color: red;
	}

	.policy_view span.t2rb {
		color: red;
		font-weight: bold;
		font-size: 12pt;
	}



/* Ç÷ÎÆú£³Ê ========================================== */
#float {
	top: 130px;
	width: 100%;
	display: block;
	position: fixed;
	z-index: 950;
}


	#float > .inner {
		padding: 1px;
		position: relative;
	}

		#float > .inner > .form {
			top: 0;
			left: auto;
			right: -200px;
			padding: 5px 5px;
			width: 130px;
			display: block;
			position: absolute;
		}

			#float > .inner > .form::-webkit-scrollbar {
				width: 0;
			}

			#float > .inner > .form > h3 {
				margin: 5px 0 5px;
				font-size: 10.5pt;
				font-weight: normal;
				color: #fff;
				text-align: center;
			}

				#float > .inner > .form > h3:first-of-type {
					margin-top: 0;
				}

			#float > .inner > .form > .form_inner {
				margin: 0;
				padding: 5px;
				border: 1px solid #ddd;
				border-radius: 5px;
				background-color: #fff;
			}

				#float > .inner > .form > .form_inner > .item {
					margin-top: 5px;
					font-size: 10pt;
					color: #666;
					line-height: 120%;
					text-align: center;
				}

					#float > .inner > .form > .form_inner > .item:first-of-type {
						margin-top: 0;
					}

						#float > .inner > .form > .form_inner > .item:first-of-type > div {
							margin-top: 0;
						}

					#float > .inner > .form > .form_inner > .item .img {
						height: 70px;
						background-position: center center !important;
						background-repeat: no-repeat !important;
						background-size: cover !important;
						border: 1px solid #ddd;
					}

					#float > .inner > .form > .form_inner > .item > div {
						margin: 0;
						padding: 0;
						font-weight: 600;
						font-size: 9.4pt;
						line-height: 150%;
					}

					#float > .inner > .form > .form_inner > .item > span {
						font-size: 12pt;
						font-weight: 500;
						line-height: 150%;
						letter-spacing: -0.3mm;
					}

						#float > .inner > .form > .form_inner > .item > span > div.ss {
							font-size: 9pt;
							color: red;
							line-height: 120%;
						}

					#float > .inner > .form > .form_inner > .item > .guide {
						margin: 0;
						padding: 0;
						font-size: 9.5pt;
						text-align: center;
						font-weight: 500;
					}

					#float > .inner > .form > .form_inner > .item > .f8 {
						font-size: 8pt;
					}

					#float > .inner > .form > .form_inner > .item > .f9,
					#float > .inner > .form > .form_inner > .item > .f9 > span {
						font-size: 9pt;
						line-height: 150%;
						letter-spacing: -0.5mm;
						text-align: center;
						font-weight: 500;
					}

				#float > .inner > .form > .form_inner > .btn {
					margin-top: 5px;
					line-height: 100%;
				}

					#float > .inner > .form > .form_inner > .btn > a {
						width: 100%;
						font-size: 9pt;
						line-height: 200%;
						text-align: center;
					}

			#float > .inner > .form > .slidebtn {
				display: none;
			}

/*// Ç÷ÎÆú£³Ê ======================================= */

.popLayer {
	margin: 0;
	padding: 0;
	background: rgba(255, 255, 255, 1.0);
	display: none;
	;
	position: absolute;
	overflow: hidden;
	z-index: 1001;
}

	.popLayer > .popb {
		margin: 0;
		padding: 0;
		overflow: hidden;
	}

		.popLayer > .popb > a {
			margin: 0;
			padding: 0;
			width: auto;
			height: auto;
			display: inline-block;
		}

		.popLayer > .popb img {
			margin: 0;
			padding: 0;
			width: 100%;
		}

	.popLayer > .popc {
		bottom: 0;
		margin-top: -30px;
		width: 100%;
		height: 30px;
		line-height: 30px;
		background: #5e5e5e;
		font-size: 11px;
		position: absolute;
		cursor: move;
	}

		.popLayer > .popc > .form_right {
			top: 50%;
			left: 2%;
			margin: 0;
			padding: 0;
			height: 16px;
			line-height: 100%;
			position: absolute;
			transform: translate(0,-50%);
		}

			.popLayer > .popc > .form_right label + label {
				color: #fff;
				font-size: 12px;
				vertical-align: top;
			}

			.popLayer > .popc > .form_right input[type='checkbox'] {
				vertical-align: middle;
			}

				.popLayer > .popc > .form_right input[type='checkbox']:checked + label + label {
					color: #fff;
				}

		.popLayer > .popc > a {
			top: 50%;
			right: 2%;
			margin: 0;
			padding: 0;
			height: 16px;
			font-size: 10.5pt;
			color: #fff;
			line-height: 100%;
			position: absolute;
			transform: translate(0,-50%);
		}


/* footer ============================================ */
#footer {
	margin: 2% 0 0;
	background: #363636;
	position: relative;
}

	#footer > .inner > .foot_top {
		border-bottom: 1px solid #555;
	}

		#footer > .inner > .foot_top:after {
			display: block;
			clear: both;
			content: "";
		}

		#footer > .inner > .foot_top a {
			margin-left: 28px;
			padding: 10px 0;
			font-size: 14px;
			color: #8d8d8d;
			line-height: 26px;
			display: block;
			float: left;
		}

			#footer > .inner > .foot_top a:first-of-type {
				margin-left: 0
			}

		#footer > .inner > .foot_top > a > strong {
			color: #f15f5f;
		}

	#footer > .inner > .foot_cnt {
		padding: 22px 0 27px;
		position: relative;
	}

		#footer > .inner > .foot_cnt:after {
			display: block;
			clear: both;
			content: "";
		}

		#footer > .inner > .foot_cnt > .foot_p {
			font-size: 14px;
			color: #747474;
			line-height: 30px;
		}

		#footer > .inner > .foot_cnt > .foot_copy {
			margin-top: 4px;
			font-size: 14px;
			color: #747474;
			line-height: 24px;
		}

		#footer > .inner > .foot_cnt > .icon {
			top: 50%;
			left: auto;
			right: 10px;
			position: absolute;
			transform: translate(0,-50%);
		}

			#footer > .inner > .foot_cnt > .icon > img {
				vertical-align: middle;
			}

				#footer > .inner > .foot_cnt > .icon > img + img {
					margin-left: 20px;
				}
/*// footer ========================================== */

/* modal layer ======================================= */
#tbExecLayer {
	display: none;
	position: relative;
	z-index: 9998;
}

#tbExecLayerPop {
	display: none;
	position: relative;
	z-index: 9999;
}

#tbExecLayer > form {
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
}

#tbExecLayer table.tb {	background: #666; }
#tbExecLayer table.tb th { color: #fff;	}
#tbExecLayer table.tb th,
#tbExecLayer table.tb td { font-size: 10pt; line-height: 30px; text-align: center; vertical-align: middle; }
#tbExecLayer table.tb > tbody > tr:hover { background: none; }
#tbExecLayer table.tb td > .txt { line-height: 135%; }
#tbExecLayer table.tb td > .txt > .step1 { font-size: 9pt; }
#tbExecLayer table.tb > tbody > tr > td.cen { text-align: center; }
#tbExecLayer table.tb > tbody > tr > td.rig { text-align: right; }
#tbExecLayer table.tb > tbody > tr > td.lef { text-align: left; }
#tbExecLayer table.tb > tbody > tr > td.pad05 { padding: 0 5px; }
#tbExecLayer table.tb > tbody > tr > td.pad5 { padding: 5px; }

#tbExecLayer .loading {
	top: 50%;
	left: 50%;
	width: 250px;
	padding: 15px 0;
	font-size: 10pt;
	color: #555;
	line-height: 100%;
	text-align: center;
	border-radius: 7px;
	background: #fff;
	position: absolute;
	transform: translate(-50%, -50%);
}

	#tbExecLayer .loading > img {
		vertical-align: middle;
	}

	#tbExecLayer .loading > .guide {
		font-size: 11px;
		line-height:150%;
	}

#tbExecLayer .agree {
	margin: 3% 0;
	text-align: center;
}

#tbExecLayer .guide {
	margin: 3% 0;
	text-align: center;
}

#tbExecLayer .header {
	padding: 10px;
	font-size: 17pt;
	color: #fff;
	line-height: 150%;
	text-align: center;
	border-bottom: 1px solid #ebebeb;
}

#tbExecLayer .body {
	margin: 4% 3% 0;
	padding: 10px 20px;
	background: #ebebeb;
}

	#tbExecLayer .body p {
		margin: 0 0 1%;
		padding-left: 11px;
		font-size: 10.5pt;
		color: #666;
		line-height: 140%;
		position: relative;
	}

		#tbExecLayer .body p:before {
			top: 8px;
			left: 0;
			margin: 0;
			width: 4px;
			height: 4px;
			background: #666;
			position: absolute;
			content: "";
		}

		#tbExecLayer .body p:last-of-type {
			margin-bottom: 0;
		}

		#tbExecLayer .body p.rule {
			margin: 0 0 1%;
			padding-left: 11px;
			font-size: 10pt;
			color: #666;
			line-height: 120%;
			position: relative;
		}

			#tbExecLayer .body p.rule > .except {
				border: 1px dotted red;
			}

	#tbExecLayer .body > p.step1 {
		font-size: 9pt;
	}
	/*
#tbExecLayer .body > div {margin:0 0 1%; padding-left:11px; font-size:10.5pt; color:#666; line-height:140%; position:relative;}
#tbExecLayer .body > div:before {top:8px;left:0; margin:0; width:4px; height:4px; background:#666; position: absolute; content:"";}
#tbExecLayer .body > div:last-of-type {margin-bottom:0;}

#tbExecLayer .body > div.rule > div > .form_right {margin-top:3px; height:26px; line-height:26px;}
#tbExecLayer .body > div.rule > div > .form_right > .form_chkbox16 > label + label {height:16px; font-size:10pt; line-height:14px;}
/*
#tbExecLayer .body > div.rule > div .form_right .form_radio16 > label + label > span {margin:0; font-size:10pt; height:16px; line-height:16px; display:inline-block;}
*/

	#tbExecLayer .body > div.rule {
		margin: 0 0 1%;
		padding-left: 11px;
		font-size: 10pt;
		color: #666;
		line-height: 120%;
		position: relative;
	}

		#tbExecLayer .body > div.rule > div {
			line-height: 27px;
		}

	#tbExecLayer .body input[type='text'] {
		font-size: 10.5pt;
	}

	#tbExecLayer .body input[type='file'] {
		font-size: 10.5pt;
	}

	#tbExecLayer .body select {
		font-size: 10.5pt;
	}

	#tbExecLayer .body > div.rule > div > .form_right {
		margin: 5px 5px 5px 0;
		padding: 0;
		width: auto;
		height: 26px;
		display: inline-block;
	}

		#tbExecLayer .body > div.rule > div > .form_right > .form_chkbox16 {
			margin: 0;
			padding: 0;
			width: auto;
			height: 26px;
		}

			#tbExecLayer .body > div.rule > div > .form_right > .form_chkbox16 > input[type='checkbox'] {
				vertical-align: middle;
			}

			#tbExecLayer .body > div.rule > div > .form_right > .form_chkbox16 > label {
				vertical-align: middle;
			}

				#tbExecLayer .body > div.rule > div > .form_right > .form_chkbox16 > label + label {
					height: 16px;
					font-size: 10pt;
					line-height: 14px;
				}

	#tbExecLayer .body > div.rule > .except {
		height: 27px;
		line-height: 27px;
		display: none;
	}

		#tbExecLayer .body > div.rule > .except > .form_right {
			margin: 0;
			padding: 0;
			width: auto;
			height: 26px;
			display: inline-block;
		}

			#tbExecLayer .body > div.rule > .except > .form_right > .form_chkbox16 {
			}

		#tbExecLayer .body > div.rule > .except > span {
			color: #f15f5f;
		}

#tbExecLayer .footer {
	margin: 3% 0 0;
	padding: 3% 0;
	text-align: center;
	border-top: 1px solid #e5e5e5;
}

	#tbExecLayer .footer > .loading {
		width: 100%;
		height: 42px;
		font-size: 10pt;
		color: #555;
		line-height: 42px;
		border: 1px dotted red;
	}

	#tbExecLayer .footer > a {
		margin: 0;
		padding: 0;
		width: 30%;
		height: 38px;
		font-size: 10.5pt;
		line-height: 38px;
		text-align: center;
		display: inline-block;
	}

		#tbExecLayer .footer > a.btn_submit {
			color: #fff;
		}

		#tbExecLayer .footer > a.btn_close {
			color: #444;
			text-align: center;
			border: 1px solid #ccc;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
		}

	#tbExecLayer .footer > .btnloading {
		height: 38px;
		font-size: 10.5pt;
		line-height: 38px;
		display: none;
	}
/*// modal layer ===================================== */

/* modal layer1 ====================================== */
#tbExecLayer1 {
	display: none;
	position: relative;
	z-index: 9998;
}

	#tbExecLayer1 table.tb {
		background: #666;
	}

		#tbExecLayer1 table.tb th {
			color: #fff;
		}

		#tbExecLayer1 table.tb th,
		#tbExecLayer1 table.tb td {
			font-size: 10pt;
			line-height: 30px;
			text-align: center;
			vertical-align: middle;
		}

		#tbExecLayer1 table.tb > tbody > tr:hover {
			background: none;
		}

		#tbExecLayer1 table.tb td > .txt {
			line-height: 135%;
		}

			#tbExecLayer1 table.tb td > .txt > .step1 {
				font-size: 9pt;
			}

	#tbExecLayer1 .loading {
		top: 50%;
		left: 50%;
		width: 250px;
		padding: 15px 0;
		font-size: 10pt;
		color: #555;
		line-height: 100%;
		text-align: center;
		border-radius: 7px;
		background: #fff;
		position: absolute;
		transform: translate(-50%, -50%);
	}

		#tbExecLayer1 .loading > img {
			vertical-align: middle;
		}

	#tbExecLayer1 .agree {
		margin: 3% 0;
		text-align: center;
	}

	#tbExecLayer1 .guide {
		margin: 3% 0;
		text-align: center;
	}

	#tbExecLayer1 .header {
		padding: 10px;
		font-size: 17pt;
		color: #fff;
		line-height: 150%;
		text-align: center;
		border-bottom: 1px solid #ebebeb;
	}

	#tbExecLayer1 .body {
		margin: 4% 3% 0;
		padding: 10px 20px;
		background: #ebebeb;
	}

		#tbExecLayer1 .body > p {
			margin: 0 0 1%;
			padding-left: 11px;
			font-size: 10.5pt;
			color: #666;
			line-height: 140%;
			position: relative;
		}

			#tbExecLayer1 .body > p:before {
				top: 8px;
				left: 0;
				margin: 0;
				width: 4px;
				height: 4px;
				background: #666;
				position: absolute;
				content: "";
			}

			#tbExecLayer1 .body > p:last-of-type {
				margin-bottom: 0;
			}

			#tbExecLayer1 .body > p.rule {
				margin: 0 0 1%;
				padding-left: 11px;
				font-size: 10pt;
				color: #666;
				line-height: 120%;
				position: relative;
			}

				#tbExecLayer1 .body > p.rule > .except {
					border: 1px dotted red;
				}

			#tbExecLayer1 .body > p.step1 {
				font-size: 9pt;
			}
		/*
#tbExecLayer1 .body > div {margin:0 0 1%; padding-left:11px; font-size:10.5pt; color:#666; line-height:140%; position:relative;}
#tbExecLayer1 .body > div:before {top:8px;left:0; margin:0; width:4px; height:4px; background:#666; position: absolute; content:"";}
#tbExecLayer1 .body > div:last-of-type {margin-bottom:0;}

#tbExecLayer1 .body > div.rule > div > .form_right {margin-top:3px; height:26px; line-height:26px;}
#tbExecLayer1 .body > div.rule > div > .form_right > .form_chkbox16 > label + label {height:16px; font-size:10pt; line-height:14px;}
/*
#tbExecLayer1 .body > div.rule > div .form_right .form_radio16 > label + label > span {margin:0; font-size:10pt; height:16px; line-height:16px; display:inline-block;}
*/

		#tbExecLayer1 .body > div.rule {
			margin: 0 0 1%;
			padding-left: 11px;
			font-size: 10pt;
			color: #666;
			line-height: 120%;
			position: relative;
		}

			#tbExecLayer1 .body > div.rule > div {
				line-height: 27px;
			}

		#tbExecLayer1 .body input[type='text'] {
			font-size: 10.5pt;
		}

		#tbExecLayer1 .body input[type='file'] {
			font-size: 10.5pt;
		}

		#tbExecLayer1 .body select {
			font-size: 10.5pt;
		}

		#tbExecLayer1 .body > div.rule > div > .form_right {
			margin: 5px 5px 5px 0;
			padding: 0;
			width: auto;
			height: 26px;
			display: inline-block;
		}

			#tbExecLayer1 .body > div.rule > div > .form_right > .form_chkbox16 {
				margin: 0;
				padding: 0;
				width: auto;
				height: 26px;
			}

				#tbExecLayer1 .body > div.rule > div > .form_right > .form_chkbox16 > input[type='checkbox'] {
					vertical-align: middle;
				}

				#tbExecLayer1 .body > div.rule > div > .form_right > .form_chkbox16 > label {
					vertical-align: middle;
				}

					#tbExecLayer1 .body > div.rule > div > .form_right > .form_chkbox16 > label + label {
						height: 16px;
						font-size: 10pt;
						line-height: 14px;
					}

		#tbExecLayer1 .body > div.rule > .except {
			height: 27px;
			line-height: 27px;
			display: none;
		}

			#tbExecLayer1 .body > div.rule > .except > .form_right {
				margin: 0;
				padding: 0;
				width: auto;
				height: 26px;
				display: inline-block;
			}

				#tbExecLayer1 .body > div.rule > .except > .form_right > .form_chkbox16 {
				}

			#tbExecLayer1 .body > div.rule > .except > span {
				color: #f15f5f;
			}

	#tbExecLayer1 .footer {
		margin: 3% 0 0;
		padding: 3% 0;
		text-align: center;
		border-top: 1px solid #e5e5e5;
	}

		#tbExecLayer1 .footer > .loading {
			width: 100%;
			height: 42px;
			font-size: 10pt;
			color: #555;
			line-height: 42px;
			border: 1px dotted red;
		}

		#tbExecLayer1 .footer > a {
			margin: 0;
			padding: 0;
			width: 30%;
			height: 38px;
			font-size: 10.5pt;
			line-height: 38px;
			text-align: center;
			display: inline-block;
		}

			#tbExecLayer1 .footer > a.btn_submit {
				color: #fff;
			}

			#tbExecLayer1 .footer > a.btn_close {
				color: #444;
				text-align: center;
				border: 1px solid #ccc;
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
			}

		#tbExecLayer1 .footer > .btnloading {
			height: 38px;
			font-size: 10.5pt;
			line-height: 38px;
			display: none;
		}
/*// modal layer1 ==================================== */

/* ¿¹¾àÈ®ÀÎ, ¿¹¾àÃë¼Ò¿äûȮÀÎ */
#agreeConfirm {
	top: 50%;
	left: 50%;
	width: 600px;
	max-height: 90%;
	background: #fff;
	position: absolute;
	transform: translate(-50%,-50%);
	overflow-y: scroll;
}

	#agreeConfirm .form_right {
		padding-top: 20px;
		width: 100%;
		text-align: center;
		height: 35px;
		border-top: 1px solid #e5e5e5;
	}

		#agreeConfirm .form_right > .form_chkbox20 {
			height: 20px;
			line-height: 20px;
			vertical-align: middle;
		}

			#agreeConfirm .form_right > .form_chkbox20 > input + label {
				vertical-align: middle;
			}

				#agreeConfirm .form_right > .form_chkbox20 > input + label + label {
					vertical-align: top;
				}

					#agreeConfirm .form_right > .form_chkbox20 > input + label + label > span {
						font-size: 11pt;
					}

#pointInquiry {
	top: 50%;
	left: 50%;
	margin: 0;
	padding: 0;
	width: 400px;
	background: #fff;
	position: absolute;
	transform: translate(-50%,-50%);
}


#voucherInquiry {
	top: 50%;
	left: 50%;
	margin: 0;
	padding: 0;
	width: 400px;
	background: #fff;
	position: absolute;
	transform: translate(-50%,-50%);
}

	#voucherInquiry .inpform {
		margin-top: 5px;
		font-size: 10pt;
	}

		#voucherInquiry .inpform input {
			width: 70%;
		}

			#voucherInquiry .inpform input[type='file'] {
				font-size: 9pt;
			}

#worcationupload {
	top: 50%;
	left: 50%;
	margin: 0;
	padding: 0;
	width: 400px;
	background: #fff;
	position: absolute;
	transform: translate(-50%,-50%);
}

	#worcationupload .inpform {
		margin-top: 5px;
		font-size: 10pt;
	}

		#worcationupload .inpform input {
			width: 70%;
		}

			#worcationupload .inpform input[type='file'] {
				font-size: 9pt;
			}


#aspPayment {
	top: 50%;
	left: 50%;
	width: 800px;
	max-height: 90%;
	background: #fff;
	position: absolute;
	transform: translate(-50%,-50%);
	overflow-y: scroll;
}





	#aspPayment .goods {
		padding: 0 0 2%;
		border-bottom: 1px solid #aaa;
	}

		#aspPayment .goods > .title {
			margin: 0 0 1.5%;
			padding: 1% 0;
			font-weight: 600;
			font-size: 14pt;
			line-height: 150%;
			border-bottom: 1px solid #aaa;
			display: block;
			position: relative;
		}

		#aspPayment .goods > .img {
			width: 35%;
			height: 170px;
			background-position: center center !important;
			background-size: cover !important;
			border: 1px solid #ccc;
			display: block;
			position: absolute;
			z-index: 1;
		}

			#aspPayment .goods > .img .kto {
				top: 0;
				left: 0;
				width: 35px;
				height: 35px;
				background: url('/common/img/skin/type6/menu_kto.png') 0 0 no-repeat;
				position: absolute;
				display: none;
			}

		#aspPayment .goods > .info {
			margin: 0;
			padding-left: 39%;
			min-height: 170px;
		}

			#aspPayment .goods > .info > .cate {
				padding-top: 0;
				font-size: 11pt;
				color: #666;
				line-height: 150%;
			}

			#aspPayment .goods > .info > .nm {
				padding-bottom: 2%;
				font-size: 16pt;
				font-weight: 600;
				color: #333;
				text-overflow: ellipsis;
				white-space: nowrap;
				word-wrap: normal;
				line-height: 150%;
				border-bottom: 1px dotted #ccc;
				overflow: hidden;
			}

			#aspPayment .goods > .info > dl {
				margin-left: 2%;
				padding: 0;
				border: 0;
			}

				#aspPayment .goods > .info > dl:first-of-type {
					margin-top: 2%;
				}

				#aspPayment .goods > .info > dl > dt {
					width: 70px;
					font-size: 10.5pt;
					font-weight: normal;
					letter-spacing: 0mm;
					line-height: 100%;
				}

					#aspPayment .goods > .info > dl > dt:after {
						right: 0;
						position: absolute;
						content: ":";
					}

				#aspPayment .goods > .info > dl > dd {
					padding: 0 0 0 80px;
					font-size: 10.5pt;
					letter-spacing: 0mm;
					line-height: 150%;
				}

	#aspPayment #payment {
		background: #fff;
	}

		#aspPayment #payment > .info dl {
			min-height: 35px;
		}

		#aspPayment #payment > .info dt,
		#aspPayment #payment > .info dd {
			min-height: 30px;
			font-size: 10.5pt;
		}
		/*
#aspPayment #payment > .info dd > .form_input {padding-right:1px; width:100px; max-width:100px; height:28px; font-size:12pt; color:red; line-height:100%; text-align:right;}
#aspPayment #payment #txtdeposit #dpval > .form_input {top:52%; right:15px; padding-right:1px; width:100px; height:28px; font-size:12pt; color:#348fcb; line-height:100%; text-align:right; border:0; position:absolute; transform:translate(0,-50%);}
#aspPayment #payment #txtsupport dd {height: 35px; }
*/
		#aspPayment #payment #txtdiscount dd,
		#aspPayment #payment #txtdeposit dd,
		#aspPayment #payment #txtsupport dd,
		#aspPayment #payment #txtuser dd,
		#aspPayment #payment #txtpaytppoint dd,
		#aspPayment #payment #txtpaypoint dd,
		#aspPayment #payment #txtpaysppoint dd,
		#aspPayment #payment #txtpaymilpoint dd,
		#aspPayment #payment #txtpaywcash dd,
		#aspPayment #payment #txtpayvoucher dd {
			padding: 1px 1% 1px 0;
			font-size: 10.5pt;
		}

		#aspPayment #payment #txtpayinfo1001 dd {
			font-size: 9pt;
		}

		#aspPayment #payment #txtpayinfo1002 dd {
			font-size: 9pt;
		}

		#aspPayment #payment #txtpayinfo1003 dd {
			font-size: 9pt;
		}

	#aspPayment #paybtn > a {
		height: 50px;
		font-weight: bold;
		font-size: 12pt;
		line-height: 50px;
	}

#popRestGoods {
	top: 50%;
	left: 50%;
	width: 1100px;
	height: 90%;
	background: #fff;
	position: absolute;
	transform: translate(-50%,-50%);
	overflow: hidden;
}

	#popRestGoods > .header {
		top: 0;
		width: 100%;
		position: fixed;
	}

	#popRestGoods > a.close {
		top: 5px;
		right: 20px;
		font-size: 25px;
		color: #fff;
		display: block;
		position: absolute;
	}


	#popRestGoods > .body {
		margin: 70px 1% 0;
		height: calc(100% - 120px);
		padding: 0 0;
		background: #fff;
		overflow-y: scroll;
	}

	#popRestGoods > .footer {
		bottom: 0;
		margin: 0;
		padding: 0;
		width: 100%;
		position: fixed;
	}

	#popRestGoods #maingoods1.pop {
		margin: 0 auto;
		width: 1000px;
	}

		#popRestGoods #maingoods1.pop > .inner {
			width: 100%;
			min-height: initial;
		}

			#popRestGoods #maingoods1.pop > .inner > h2 {
				text-align: left;
			}

		#popRestGoods #maingoods1.pop .goods .loading {
			top: 0;
			left: 0;
			transform: none;
		}

		#popRestGoods #maingoods1.pop .goods > ul {
			padding: 0 0 2%;
			position: relative;
		}

		#popRestGoods #maingoods1.pop .area {
			margin: 0 0 2%;
			padding: 0 0 0 0;
			height: 60px;
			position: relative;
			border: 1px solid #ccc;
		}


	#popRestGoods #goodsinfo.pop {
		margin: 0 auto 30px;
		padding: 0;
		width: 100%;
		min-width: 980px;
		height: 550px;
	}

		#popRestGoods #goodsinfo.pop > .inner {
			margin: 0 auto;
			padding-top: 30px;
			width: 950px;
		}

			#popRestGoods #goodsinfo.pop > .inner > .info {
				height: 95%;
			}

	#popRestGoods #reserroom.pop > .inner > h3.sub_tit {
		margin-bottom: 0;
		font-size: 14pt;
	}

	#popRestGoods #reserroom.pop > .inner ul > li {
		padding: 15px 0 13px;
		font-size: 11.5pt;
	}

	#popRestGoods #reserroom.pop .body {
		margin: 1% 0 0;
		position: relative;
		background: #fff;
	}

	#popRestGoods #detailinfo.pop .body .loading {
		top: 0;
		left: 0;
		margin: 0;
		width: 100%;
		font-size: 10pt;
		height: 270px;
		line-height: 270px;
		min-height: initial;
		text-align: center;
		position: relative;
		transform: none;
	}

	#popRestGoods #detailinfo.pop .body p {
		margin: 0 0 1%;
		padding-left: 11px;
		font-size: 10.5pt;
		color: #666;
		line-height: 140%;
		position: relative;
	}

		#popRestGoods #detailinfo.pop .body p:before {
			top: 0;
			left: 0;
			margin: 0;
			width: 0;
			height: 0;
			background: initial;
			position: initial;
			content: "";
		}

	#popRestGoods #agreebtn > a {
		height: 50px;
		font-weight: bold;
		font-size: 12pt;
		line-height: 50px;
	}

		#popRestGoods #agreebtn > a.close {
			width: 100%;
		}

#LayerForm {
	top: 50%;
	left: 50%;
	padding-bottom: 80px;
	min-height: 300px;
	max-height: 90%;
	background: #fff;
	position: absolute;
	transform: translate(-50%,-50%);
}

	#LayerForm > .header {
		margin: 0;
		padding: 12px 10px 10px;
		height: 55px;
		font-size: 15pt;
		color: #fff;
		line-height: 150%;
		text-align: center;
		border-bottom: 1px solid #ebebeb;
	}

	#LayerForm > .body {
		margin: 0;
		padding: 10px 20px;
		background: #fff;
	}

		#LayerForm > .body select,
		#LayerForm > .body input[type='text'] {
			height: 34px;
			font-size: 11pt;
			line-height: 150%;
			border-color: #ddd;
		}

		#LayerForm > .body select {
			width: 30%;
			float: left;
		}

			#LayerForm > .body select + input[type="text"],
			#LayerForm > .body select + input[type="text"] + input[type="text"] {
				margin-left: 5%;
				width: 30%;
				float: left;
			}

		#LayerForm > .body table {
			margin: 0 auto;
			width: 100%;
		}

			#LayerForm > .body table th,
			#LayerForm > .body table td {
				height: 30px;
				font-size: 10.5pt;
			}

			#LayerForm > .body table > tbody > tr > td {
				padding: 1%;
			}

				#LayerForm > .body table > tbody > tr > td .w {
					margin: 0;
					padding: 0;
					line-height: 30px;
					max-width: 70%;
					text-overflow: ellipsis;
					white-space: nowrap;
					word-wrap: normal;
					display: inline-block;
					overflow: hidden;
				}
				/*#LayerForm > .body table > tbody > tr:hover > td {background:#ddd;}*/

				#LayerForm > .body table > tbody > tr > td span {
					line-height: 130%;
				}

				#LayerForm > .body table > tbody > tr > td > a {
					padding: 0 5px;
					line-height: 30px;
					color: #666;
					line-height: 22px;
					display: inline-block;
				}

					#LayerForm > .body table > tbody > tr > td > a.on {
						color: #fff;
					}

		#LayerForm > .body .tab {
			margin: 0;
			padding: 0 0 25px;
			text-align: center;
			display: block;
		}

			#LayerForm > .body .tab:before {
				display: none;
			}

			#LayerForm > .body .tab > a {
				padding: 0 10px;
				width: auto;
				height: 42px;
				font-size: 16px;
				color: #000;
				line-height: 40px;
				text-align: center;
				border: 1px solid #ccc;
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				display: inline-block;
			}

				#LayerForm > .body .tab > a:hover,
				#LayerForm > .body .tab > a.on {
					color: #fff;
					background: #a566ff;
				}

				#LayerForm > .body .tab > a.active {
					border: 0;
					color: #fff;
				}

				#LayerForm > .body .tab > a + a {
					margin-left: 20px;
				}

		#LayerForm > .body div {
		}

		#LayerForm > .body p {
			font-size: 10.5pt;
		}

		#LayerForm > .body a {
			margin: 0 auto;
			padding: 0 3px;
			height: 23px;
			font-size: 9pt;
			line-height: 21px;
			letter-spacing: 0;
			display: inline-block;
		}

			#LayerForm > .body a.btncoupon {
				color: #fff;
				background: #a566ff;
			}

			#LayerForm > .body a.btncouponc {
				color: #fff;
				background: #f15f5f;
			}

			#LayerForm > .body a.btncouponx {
				color: #fff;
				background: #999;
			}

	#LayerForm > .footer {
		bottom: 0;
		margin: 0;
		padding: 15px 20px 10px;
		width: 100%;
		height: 80px;
		position: absolute;
	}

		#LayerForm > .footer > a {
		}

	#LayerForm.tbcouponissue {
		width: 550px;
	}

		#LayerForm.tbcouponissue .body {
			padding: 10px 20px 0;
		}

			#LayerForm.tbcouponissue .body .disc {
				padding: 20px;
				border-radius: 5px;
				background: #dfdfdf;
			}

			#LayerForm.tbcouponissue .body .inphp {
				margin-top: 10px;
				height: 35px;
			}

			#LayerForm.tbcouponissue .body .agree {
				font-size: 10.5pt;
			}

				#LayerForm.tbcouponissue .body .agree h2 {
					padding: 0 0 10px;
					font-size: 11pt;
				}

				#LayerForm.tbcouponissue .body .agree dd.cont {
					padding: 10px;
					width: 100%;
					height: 150px;
					font-size: 9.5pt;
					color: #555;
					line-height: 1.5em;
					text-align: justify;
					border: 1px solid #ddd;
					background: #fafafa;
					box-sizing: border-box;
					-moz-box-sizing: border-box;
					-webkit-box-sizing: border-box;
					overflow-y: scroll;
				}

					#LayerForm.tbcouponissue .body .agree dd.cont span.t1 {
						font-size: 10pt;
						font-weight: bold;
						color: #000;
						line-height: 180%;
					}

					#LayerForm.tbcouponissue .body .agree dd.cont span.t2r {
						color: red;
					}

					#LayerForm.tbcouponissue .body .agree dd.cont span.t2rb {
						color: red;
						font-weight: bold;
						font-size: 12pt;
					}

				#LayerForm.tbcouponissue .body .agree div.disc {
					margin-top: 5px;
					padding: 0;
				}

				#LayerForm.tbcouponissue .body .agree div.disc {
					padding: 0;
				}

				#LayerForm.tbcouponissue .body .agree div.agree_chk {
					text-align: right;
				}

					#LayerForm.tbcouponissue .body .agree div.agree_chk .form_right {
						height: 25px;
						line-height: 25px;
					}

						#LayerForm.tbcouponissue .body .agree div.agree_chk .form_right > .form_chkbox20 {
						}

							#LayerForm.tbcouponissue .body .agree div.agree_chk .form_right > .form_chkbox20 input + label {
								vertical-align: bottom;
							}

	#LayerForm.tbcouponuse {
		width: 620px;
	}

		#LayerForm.tbcouponuse .body {
			padding: 20px 20px 0;
		}

			#LayerForm.tbcouponuse .body .tab {
				margin: 0;
				padding: 0 0 20px;
				text-align: center;
				display: block;
			}

			#LayerForm.tbcouponuse .body .disc {
				padding: 20px;
				border-radius: 5px;
				background: #dfdfdf;
			}

			#LayerForm.tbcouponuse .body .inphp {
				margin-top: 10px;
				height: 35px;
			}

/* ¹èÁ¡»ó¼¼ */
#assignPoint {
	top: 50%;
	left: 50%;
	width: 800px;
	min-height: 553px;
	max-height: 95%;
	background: #fff;
	position: absolute;
	transform: translate(-50%,-50%);
}

	#assignPoint:after {
		position: relative;
		clear: both;
		content: "";
	}

	#assignPoint .body {
		margin: 4% 3% 0;
		padding: 0;
		height: 350px;
		overflow-y: scroll;
	}


/* È­¸é¸ð´ÏÅ͸µ ====================================== */
#tbwidth {
	top: 50%;
	left: 50%;
	margin-top: -25%;
	margin-left: -25%;
	padding: 5px 5px;
	width: 50%;
	min-width: 288px;
	background: rgba(255,255,255,0.7);
	border: 1px dotted red;
	z-index: 9999999;
	position: fixed;
	display: none;
}

	#tbwidth > div {
		position: relative;
	}

		#tbwidth > div > div {
			width: 65%;
			float: right;
		}

@media (max-width:1099px) {
	#tbwidth {
		margin: -40px -45% 0;
		width: 90%;
	}

		#tbwidth > div {
			position: relative;
		}

			#tbwidth > div > div {
				width: 50%;
				float: right;
			}
}
/*// È­¸é¸ð´ÏÅ͸µ ==================================== */


/* datepicker µðÀÚÀÎ */
#ui-datepicker-div {
	padding: 0;
}

	#ui-datepicker-div .ui-widget-content {
		width: 100%;
		padding: 0;
		margin: 0;
		border: 0;
		background: #f7f7f7;
	}

	#ui-datepicker-div .ui-datepicker-header {
		margin: 0;
		padding: 0;
		height: 40px;
		border: 0;
		background: transparent;
		box-sizing: border-box;
		position: relative;
	}

	#ui-datepicker-div .ui-datepicker-title {
		margin: 0;
		font-size: 14px;
		color: #fff;
		line-height: 40px;
	}

	#ui-datepicker-div .ui-datepicker-year {
		width: 50px;
		height: 25px;
		text-align: center;
	}

	#ui-datepicker-div .ui-datepicker-month {
		margin-left: 10px;
		width: 50px;
		height: 25px;
		text-align: center;
	}

	#ui-datepicker-div .ui-datepicker-prev {
		top: 50%;
		left: 20px;
		width: 10px;
		height: 16px;
		background: url('/common/img/skin/type6/datepicker/prev.png') no-repeat center center;
		box-sizing: border-box;
		transform: translateY(-50%);
		cursor: pointer;
	}

	#ui-datepicker-div .ui-datepicker-next {
		top: 50%;
		right: 20px;
		width: 10px;
		height: 16px;
		background: url('/common/img/skin/type6/datepicker/next.png') no-repeat center center;
		box-sizing: border-box;
		transform: translateY(-50%);
		cursor: pointer;
	}

	#ui-datepicker-div .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
		position: static;
		top: auto;
		left: auto;
		width: 100%;
		height: 100%;
		margin: 0;
		background: transparent;
		display: block;
	}

	#ui-datepicker-div table {
		margin: 0 auto;
		padding: 0;
		width: 100%;
		border: 1px solid #f2f2f2;
		background: #fff;
		box-sizing: border-box;
	}

	#ui-datepicker-div th {
		padding: 0;
		width: 14.2857%;
		line-height: 30px;
		border: 0;
		background: #fff;
	}

		#ui-datepicker-div th span {
			font-weight: normal;
			font-size: 14px;
			color: #575757;
			line-height: 25px;
		}

	#ui-datepicker-div td {
		padding: 0;
		text-align: center;
		border: 1px solid #e0e0e0;
		background: #fff;
	}

		#ui-datepicker-div td.ui-datepicker-week-end a {
			background: #feeff2;
		}

		#ui-datepicker-div td.ui-datepicker-week-end:first-child a {
			color: #e41d32;
		}

		#ui-datepicker-div td.ui-datepicker-week-end:last-child a {
			color: #328fcc;
		}

		#ui-datepicker-div td:nth-child(6) a {
			background: #eeeff3;
		}

	#ui-datepicker-div .ui-state-default {
		padding: 5px 0;
		border: 0;
		font-size: 14px;
		color: #575757;
		line-height: 25px;
		text-align: center;
		background: #fff;
	}

		#ui-datepicker-div .ui-state-default.ui-priority-secondary {
			font-size: 14px;
			color: #ccc;
			line-height: 25px;
			background: #eee;
		}

		#ui-datepicker-div .ui-state-default.ui-state-active {
			margin: 0 auto;
			font-size: 14px;
			color: #fff !important;
			line-height: 25px;
		}

	#ui-datepicker-div .ui-widget-content .ui-state-default {
		padding: 0;
		border: 0;
	}

	#ui-datepicker-div .ui-widget-header .ui-state-default {
		padding: 0;
		border: 0;
	}

	#ui-datepicker-div .ui-icon {
		display: none;
	}

	#ui-datepicker-div .ui-datepicker-current {
		display: none;
	}

	#ui-datepicker-div .ui-datepicker-close {
		top: -39px;
		right: 0;
		margin: 0;
		padding: 0;
		width: 39px;
		height: 39px;
		border-radius: 0;
		background: #00ae4f url('/common/img/skin/type6/datepicker/close.png') center center no-repeat;
		display: none;
		position: absolute;
	}

/*#ui-datepicker-div .ui-state-hover {margin:0 auto; font-size:16px; color:#fff !important; line-height:35px; background:#00ae4f !important;}*/
/*#ui-datepicker-div .ui-datepicker-prev-hover {border:0;background:url(../img/main_datepicker_prev.png) no-repeat center center  !important;}
#ui-datepicker-div .ui-datepicker-next-hover{border:0;background:url(../img/main_datepicker_next.png) no-repeat center center !important; }*/



/* ÀÌÁöÀ£ ¸ÞŸ°Ë»ö ApiÅ×½ºÆ® Æû ====================== */
.ezapitest {
	top: 50%;
	left: 50%;
	background: #fff;
	display: block;
	position: absolute;
	transform: translate(-50%, -50%);
}

	.ezapitest > .line {
	}

		.ezapitest > .line > .m {
			width: 20%;
			height: 5px;
			position: absolute;
		}

		.ezapitest > .line > .s {
			height: 5px;
		}

	.ezapitest > .ezctr {
		padding-left: 60px;
		width: 100%;
		height: 50px;
		line-height: 50px;
		background: rgba(255,255,255,1);
		border-bottom: 1px solid #dfdfdf;
		display: block;
		position: relative;
	}

		.ezapitest > .ezctr > .icon {
			top: 8px;
			left: 15px;
			width: 36px;
			height: 36px;
			background-color: #999;
			display: inline-block;
			position: absolute;
		}

			.ezapitest > .ezctr > .icon > span {
				width: 100%;
				height: 100%;
				background: url('/common/img/skin/type6/mobile/header_btn_search_scroll.png') 0 0 no-repeat;
				background-size: cover;
				display: block;
			}

		.ezapitest > .ezctr > .nm {
			font-size: 15pt;
			font-weight: 600;
			color: #555;
		}

		.ezapitest > .ezctr > .nbtn {
			top: 50%;
			right: 15px;
			width: 36px;
			height: 36px;
			background: #333;
			display: block;
			position: absolute;
			transform: translate(0,-50%);
		}

			.ezapitest > .ezctr > .nbtn > a {
				top: 0;
				left: 0;
				margin: 0;
				padding: 0;
				width: 100%;
				height: 100%;
				background: url('/common/img/skin/type6/mobile/header_btn_close_scroll.png') 0 0 no-repeat;
				background-size: cover;
				display: inline-block;
				position: absolute;
			}

	.ezapitest > .form {
		margin: 0;
		padding: 3% 5%;
		width: 100%;
	}

		.ezapitest > .form .info {
			margin: 0 1% 3%;
		}

			.ezapitest > .form .info > dl {
			}

				.ezapitest > .form .info > dl > dt {
				}

					.ezapitest > .form .info > dl > dt > .required {
						color: red;
					}

				.ezapitest > .form .info > dl > dd {
					position: relative;
					overflow: visible;
				}

		.ezapitest > .form .btn {
			margin: 0 1% 0;
		}

			.ezapitest > .form .btn > a {
				width: 30%;
			}

		.ezapitest > .form .info > dl > dd > a.btn {
			margin-top: 1px;
			width: 18%;
			height: 33px;
			font-size: 10pt;
			color: #fff;
			line-height: 30px;
			text-align: center;
			display: inline-block;
			background: #0a6af1;
			vertical-align: top;
		}




#tbSubLayer {
	display: none;
	position: absolute;
	z-index: 9999;
	border: 1.5pt solid red;
	border-radius: 5px;
}

	#tbSubLayer table > thead > tr > th {
		padding: 8px 5px;
		line-height: 150%;
	}

	#tbSubLayer table > tbody > tr > td {
		padding: 8px 5px;
		line-height: 150%;
	}

	#tbSubLayer a.btnx {
		height: 30px;
		display: block;
		background: #fff;
		text-align: center;
	}
/*// ÀÌÁöÀ£ ¸ÞŸ°Ë»ö ApiÅ×½ºÆ® Æû ==================== */



.apitest {
	top: 50%;
	left: 50%;
	background: #fff;
	display: block;
	position: absolute;
	transform: translate(-50%, -50%);
}

	.apitest > .line {
	}

		.apitest > .line > .m {
			width: 20%;
			height: 5px;
			position: absolute;
		}

		.apitest > .line > .s {
			height: 5px;
		}

	.apitest > .ezctr {
		padding-left: 60px;
		width: 100%;
		height: 50px;
		line-height: 50px;
		background: rgba(255,255,255,1);
		border-bottom: 1px solid #dfdfdf;
		display: block;
		position: relative;
	}

		.apitest > .ezctr > .icon {
			top: 8px;
			left: 15px;
			width: 36px;
			height: 36px;
			background-color: #999;
			display: inline-block;
			position: absolute;
		}

			.apitest > .ezctr > .icon > span {
				width: 100%;
				height: 100%;
				background: url('/common/img/skin/type6/mobile/header_btn_search_scroll.png') 0 0 no-repeat;
				background-size: cover;
				display: block;
			}

		.apitest > .ezctr > .nm {
			font-size: 15pt;
			font-weight: 600;
			color: #555;
		}

		.apitest > .ezctr > .nbtn {
			top: 50%;
			right: 15px;
			width: 36px;
			height: 36px;
			background: #333;
			display: block;
			position: absolute;
			transform: translate(0,-50%);
		}

			.apitest > .ezctr > .nbtn > a {
				top: 0;
				left: 0;
				margin: 0;
				padding: 0;
				width: 100%;
				height: 100%;
				background: url('/common/img/skin/type6/mobile/header_btn_close_scroll.png') 0 0 no-repeat;
				background-size: cover;
				display: inline-block;
				position: absolute;
			}

	.apitest > .form {
		margin: 0;
		padding: 3% 5%;
		width: 100%;
	}

		.apitest > .form .info {
			margin: 0 1% 3%;
		}

			.apitest > .form .info > dl {
			}

				.apitest > .form .info > dl > dt {
				}

					.apitest > .form .info > dl > dt > .required {
						color: red;
					}

				.apitest > .form .info > dl > dd {
					position: relative;
					overflow: visible;
				}

		.apitest > .form .btn {
			margin: 0 1% 0;
		}

			.apitest > .form .btn > a {
				width: 30%;
			}

		.apitest > .form .info > dl > dd > a.btn {
			width: 18%;
			height: 34px;
			font-size: 10pt;
			color: #fff;
			line-height: 30px;
			text-align: center;
			vertical-align: top;
			display: inline-block;
			background: #0a6af1;
		}




#stafrm {
	height: 100%;
	background-image: url('/pds1.5/sta/upload/bg11.jpg');
	background-repeat: no-repeat;
	background-position: top center !important;
	background-size: contain;
}


	#stafrm > .cont {
		margin: 0 auto;
		width: 1100px;
		font-size: 13pt;
		display: block;
	}

		#stafrm > .cont > .head {
			top: 0;
			c margin: 0 0 350px;
			padding: 0 0 40px;
			position: sticky;
			border: 0 dotted red;
			background: #9dc678; /*#fcefdc; #24a06e;*/
			z-index: 9999;
		}

			#stafrm > .cont > .head > .logo {
				margin: 0 0 20px;
				display: flex;
				justify-content: space-between;
			}

			#stafrm > .cont > .head > .tit {
				font-size: 30pt;
				color: #fff;
				display: flex;
				justify-content: center;
			}


		#stafrm > .cont > .body {
			margin: 0 0 40px;
			padding: 40px;
			min-height: 650px;
			border: 1px solid #dfdfdf;
			border-radius: 15px;
			background: #fff;
		}


			#stafrm > .cont > .body > .step_wrap {
				padding: 40px 50px 70px;
				display: flex;
				justify-content: space-between;
				border-bottom: 1px dotted #dfdfdf;
			}

				#stafrm > .cont > .body > .step_wrap > .step {
					text-align: center;
					justify-content: space-between;
					align-items: center;
				}

					#stafrm > .cont > .body > .step_wrap > .step > .step_tit {
						width: 90px;
					}

					#stafrm > .cont > .body > .step_wrap > .step > .step_img {
						margin: 0 auto;
						width: 40px;
						height: 40px;
						background: url('/common/img/skin/type6/check-circle.png') 0 0 no-repeat;
						background-size: cover;
					}

					#stafrm > .cont > .body > .step_wrap > .step > .step_txt {
						width: 90px;
					}

					#stafrm > .cont > .body > .step_wrap > .step.on > .step_img {
						margin: 0 auto;
						width: 40px;
						height: 40px;
						background: url('/common/img/skin/type6/check-circle_on.png') 0 0 no-repeat;
						background-size: cover;
					}

				#stafrm > .cont > .body > .step_wrap > .step_space {
					display: flex;
					justify-content: center;
					align-items: center;
				}

			#stafrm > .cont > .body > .step {
				margin: 0 0 50px;
				font-size: 11.5pt;
				display: block;
				border: 1px dotted red;
			}


				#stafrm > .cont > .body > .step:first-child {
					border-top: 1px solid #dfdfdf;
				}

			#stafrm > .cont > .body .tit {
				margin: 0 0 10px;
				padding: 20px;
				font-weight: bold;
				font-size: 25px;
				text-align: center;
			}

			#stafrm > .cont > .body .apclass {
				padding: 10px 10px;
				display: flex;
				justify-content: center;
			}

				#stafrm > .cont > .body .apclass > a {
					margin: 0;
					padding: 10px 10px;
					width: 250px;
					font-family: 'Noto Sans KR', sans-serif;
					font-weight: 600;
					font-size: 50px;
					color: #ddd;
					text-align: center;
					line-height: 180px;
					border: 1px solid #ddd;
					border-radius: 5px;
					display: inline-block;
					align-items: center;
				}


					#stafrm > .cont > .body .apclass > a:hover {
						color: #fff;
						border: 1px solid #fff;
						background: #0e6db5;
					}

					#stafrm > .cont > .body .apclass > a.on {
						color: #fff;
						border: 1px solid #fff;
						background: #0e6db5;
					}

					#stafrm > .cont > .body .apclass > a + a {
						margin-left: 50px;
					}



			#stafrm > .cont > .body .aptype {
				padding: 10px 10px;
				display: flex;
				justify-content: center;
			}

				#stafrm > .cont > .body .aptype > a {
					margin: 0;
					padding: 10px 10px;
					width: 250px;
					font-family: 'Noto Sans KR', sans-serif;
					font-weight: 600;
					font-size: 50px;
					color: #ddd;
					text-align: center;
					line-height: 180px;
					border: 1px solid #ddd;
					border-radius: 5px;
					display: inline-block;
					align-items: center;
				}

					#stafrm > .cont > .body .aptype > a:hover {
						color: #fff;
						border: 1px solid #fff;
						background: #0e6db5;
					}

					#stafrm > .cont > .body .aptype > a.on {
						color: #fff;
						border: 1px solid #fff;
						background: #0e6db5;
					}

					#stafrm > .cont > .body .aptype > a + a {
						margin-left: 50px;
					}

			#stafrm > .cont > .body .apprivicy {
				padding: 30px 40px;
				font-size: 11.5pt;
				border: 1px solid #dfdfdf;
				display: block;
				position: relative;
			}

				#stafrm > .cont > .body .apprivicy > .hd {
					margin-bottom: 20px;
					line-height: 130%;
				}

				#stafrm > .cont > .body .apprivicy > .hdt {
					margin-bottom: 10px;
					font-weight: bold;
					line-height: 130%;
				}

				#stafrm > .cont > .body .apprivicy > table {
					margin-bottom: 10px;
					width: 100%;
					font-size: 11.5pt;
				}

					#stafrm > .cont > .body .apprivicy > table th {
						background: #efefef;
					}

					#stafrm > .cont > .body .apprivicy > table th,
					#stafrm > .cont > .body .apprivicy > table td {
						padding: 5px;
						text-align: center;
						border: 1px solid #dfdfdf;
						border-collapse: collapse;
					}

						#stafrm > .cont > .body .apprivicy > table td .form_radio20 {
						}

							#stafrm > .cont > .body .apprivicy > table td .form_radio20 > label {
								vertical-align: middle;
							}

				#stafrm > .cont > .body .apprivicy > .hde {
					margin-bottom: 10px;
					padding-left: 20px;
					line-height: 130%;
				}

					#stafrm > .cont > .body .apprivicy > .hde > span {
						left: 40px;
						position: absolute;
					}


			#stafrm > .cont > .body .apnoti {
				padding: 10px 10px;
				font-size: 11.5pt;
				display: flex;
				justify-content: space-between;
			}

				#stafrm > .cont > .body .apnoti > div {
					padding: 20px 40px;
					width: 100%;
					border-radius: 15px;
					background: #ddd;
				}

					#stafrm > .cont > .body .apnoti > div > .tit {
						padding: 15px 0;
						width: 100%;
						font-family: 'Noto Sans KR', sans-serif;
						font-weight: bold;
						font-size: 15pt;
						text-align: center;
					}

					#stafrm > .cont > .body .apnoti > div > p {
						margin-bottom: 10px;
						padding-left: 20px;
						line-height: 30px;
						position: relative;
					}

						#stafrm > .cont > .body .apnoti > div > p > span {
							left: 0;
							position: absolute;
						}

			#stafrm > .cont > .body .apform {
				padding: 10px 10px;
				font-size: 11.5pt;
			}

				#stafrm > .cont > .body .apform input {
					margin-right: 5%;
					padding: 0 10px;
					width: 100%;
					height: 35px;
					font-size: 11pt;
					border: 1px solid #dfdfdf;
					border-radius: 5px;
				}

				#stafrm > .cont > .body .apform select {
					margin-right: 5%;
					padding: 0 10px;
					width: 100%;
					height: 35px;
					font-size: 11pt;
					border: 1px solid #dfdfdf;
					border-radius: 5px;
				}

				#stafrm > .cont > .body .apform textarea {
					margin-right: 5%;
					padding: 10px 10px;
					width: 100%;
					height: 90px;
					font-size: 11pt;
					border: 1px solid #dfdfdf;
					border-radius: 5px;
				}

				#stafrm > .cont > .body .apform input:last-child {
					margin-right: 0;
				}

				#stafrm > .cont > .body .apform select:last-child {
					margin-right: 0;
				}

				#stafrm > .cont > .body .apform textarea:last-child {
					margin-right: 0;
				}

				#stafrm > .cont > .body .apform dl {
					padding: 10px 0;
					border-bottom: 1px dotted #ddd;
					display: flex;
					justify-content: space-between;
				}

					#stafrm > .cont > .body .apform dl:first-child {
						border-top: 2px solid #ddd;
					}

					#stafrm > .cont > .body .apform dl > dt {
						width: 15%;
						display: flex;
						justify-content: center;
						align-items: center;
					}

					#stafrm > .cont > .body .apform dl > dd {
						width: 85%;
						display: flex;
						justify-content: space-between;
					}

				#stafrm > .cont > .body .apform > dl .nflex {
					display: block;
				}

				#stafrm > .cont > .body .apform > dl .nflexa {
					padding-left: 10px;
					width: 100%;
					display: block;
				}

					#stafrm > .cont > .body .apform > dl .nflex .lev1,
					#stafrm > .cont > .body .apform > dl .nflexa .lev1 {
						margin-bottom: 10px;
						display: flex;
						justify-content: space-between;
						align-items: center;
					}

						#stafrm > .cont > .body .apform > dl .nflex .lev1 > a,
						#stafrm > .cont > .body .apform > dl .nflexa .lev1 > a {
							margin-right: 0;
							padding: 5px 10px;
							width: 100px;
							font-family: 'Noto Sans KR', sans-serif;
							font-weight: 600;
							color: #ddd;
							text-align: center;
							border: 1px solid #ddd;
							border-radius: 5px;
							display: inline-block;
						}

							#stafrm > .cont > .body .apform > dl .nflex .lev1 > a.add,
							#stafrm > .cont > .body .apform > dl .nflexa .lev1 > a.add {
								color: #fff;
								border: 1px solid #fff;
								background: #0e6db5;
							}

							#stafrm > .cont > .body .apform > dl .nflex .lev1 > a.del,
							#stafrm > .cont > .body .apform > dl .nflexa .lev1 > a.del {
								color: #fff;
								border: 1px solid #fff;
								background: #f15f5f;
							}

						#stafrm > .cont > .body .apform > dl .nflex .lev1 .form_chkbox20,
						#stafrm > .cont > .body .apform > dl .nflexa .lev1 .form_chkbox20 {
						}

							#stafrm > .cont > .body .apform > dl .nflex .lev1 .form_chkbox20 label,
							#stafrm > .cont > .body .apform > dl .nflexa .lev1 .form_chkbox20 label {
								vertical-align: middle;
							}

					#stafrm > .cont > .body .apform > dl .nflex input,
					#stafrm > .cont > .body .apform > dl .nflexa input {
						margin-right: 10px;
					}

					#stafrm > .cont > .body .apform > dl .nflex select,
					#stafrm > .cont > .body .apform > dl .nflexa select {
						margin-right: 10px;
					}

					#stafrm > .cont > .body .apform > dl .nflex input:last-child,
					#stafrm > .cont > .body .apform > dl .nflexa input:last-child {
						margin-right: 0;
					}

					#stafrm > .cont > .body .apform > dl .nflex select:last-child,
					#stafrm > .cont > .body .apform > dl .nflexa select:last-child {
						margin-right: 0;
					}

					#stafrm > .cont > .body .apform > dl .nflex .lev1:last-child,
					#stafrm > .cont > .body .apform > dl .nflexa .lev1:last-child {
						margin-bottom: 0;
					}

				#stafrm > .cont > .body .apform > dl .nflex .lev1-1 {
					margin-right: 10px;
					display: flex;
					justify-content: space-between;
				}

				#stafrm > .cont > .body .apform > dl .nflex .lev2,
				#stafrm > .cont > .body .apform > dl .nflexa .lev2 {
					margin-bottom: 10px;
					display: flex;
					justify-content: space-between;
				}

					#stafrm > .cont > .body .apform > dl .nflex .lev2 > input[type='button'],
					#stafrm > .cont > .body .apform > dl .nflexa .lev2 > input[type='button'] {
						margin-right: 0;
						padding: 5px 10px;
						width: 100px;
						font-family: 'Noto Sans KR', sans-serif;
						font-weight: 600;
						color: #ddd;
						text-align: center;
						border: 1px solid #ddd;
						border-radius: 5px;
						display: inline-block;
					}

					#stafrm > .cont > .body .apform > dl .nflex .lev2 > .on,
					#stafrm > .cont > .body .apform > dl .nflexa .lev2 > .on {
						color: #fff;
						border: 1px solid #fff;
						background: #0e6db5;
					}

				/*
						#stafrm > .cont > .body .apform > dl .nflex > div.lev1 > div,
						#stafrm > .cont > .body .apform > dl .nflexa > div.lev1 > div {
							margin-bottom: 10px;
							display: flex;
							justify-content: space-between;
						}


							#stafrm > .cont > .body .apform > dl .nflex > div.lev1 > div > input,
							#stafrm > .cont > .body .apform > dl .nflexa > di > div.lev1 > div > input {
								margin-right: 10px;
							}

							#stafrm > .cont > .body .apform > dl .nflex > div.lev1 > div > select,
							#stafrm > .cont > .body .apform > dl .nflexa > div.lev1 > div > select {
								margin-right: 10px;
							}

							#stafrm > .cont > .body .apform > dl .nflex > div.lev1 > div > input:last-child,
							#stafrm > .cont > .body .apform > dl .nflexa > div.lev1 > div > input:last-child {
								margin-right: 0;
							}

							#stafrm > .cont > .body .apform > dl .nflex > div.lev1 > div > select:last-child,
							#stafrm > .cont > .body .apform > dl .nflexa > div.lev1 > div > select:last-child {
								margin-right: 0;
							}

							#stafrm > .cont > .body .apform > dl .nflex > div.lev1 > div > a,
							#stafrm > .cont > .body .apform > dl .nflexa > div.lev1 > div > a {
								margin-right: 5px;
								padding: 5px 10px;
								width: 100px;
								font-family: 'Noto Sans KR', sans-serif;
								font-weight: 600;
								color: #ddd;
								text-align: center;
								border: 1px solid #ddd;
								border-radius: 5px;
								display: inline-block;
							}

							#stafrm > .cont > .body .apform > dl .nflex > div.lev1 > div:last-child,
							#stafrm > .cont > .body .apform > dl .nflexa > div.lev1 > div:last-child {
								margin-bottom: 0;
							}
				*/
				#stafrm > .cont > .body .apform dl.two {
				}

					#stafrm > .cont > .body .apform dl.two:first-child {
					}

					#stafrm > .cont > .body .apform dl.two > dt {
						width: 15%;
						display: flex;
						justify-content: center;
					}

				#stafrm > .cont > .body .apform > dl.two > dd {
					width: 35%;
					display: flex;
					justify-content: space-between;
				}


			#stafrm > .cont > .body .apbtn {
				margin-top: 50px;
				display: flex;
				justify-content: center;
			}

				#stafrm > .cont > .body .apbtn > a {
					margin-right: 3%;
					padding: 5px 10px;
					width: 200px;
					height: 55px;
					font-family: 'Noto Sans KR', sans-serif;
					font-weight: 600;
					font-size: 15pt;
					color: #ddd;
					text-align: center;
					border: 1px solid #ddd;
					border-radius: 5px;
					display: flex;
					justify-content: center;
					align-items: center;
				}

					#stafrm > .cont > .body .apbtn > a.next {
						color: #fff;
						border: 1px solid #fff;
						background: #0e6db5;
					}

					#stafrm > .cont > .body .apbtn > a:last-child {
						margin-right: 0;
					}


		#stafrm > .cont > .foot {
			margin: 0 0 0;
			padding: 30px 45px;
			border: 1px solid #dfdfdf;
			display: block;
		}




/* ================================================================================= */
/* = HEADER	CSS START															   = */
/* = ¸¸µç³¯Â¥ : 2024-04-20														   = */
/* =																			   = */
/* =																			   = */
/* ================================================================================= */

/* »çÀÌÆ® º¯¼ö */
:root {
	--site-width: 1150px;
}

/* °øÅë layer */
.layout {
	margin: 0 auto;
	padding: 0;
	width: var(--site-width);
	position: relative;
}
/* 
.loading {width:100%; height: 100%; text-align: center;}
.loading > img {vertical-align: middle;}
*/
#header-main {
	top: -120px; /* µµ´ÞÇßÀ»¶§ °íÁ¤½Ãų À§Ä¡ */
	width: 100%;
	background: #fff;
	position: -webkit-sticky; /* »çÆĸ® ºê¶ó¿ìÀú Áö¿ø */
	position: sticky;
	z-index: 1000;
}

	#header-main .layout {
		margin: 0 auto;
		width: 100%;
		max-width: var(--site-width);
		position: relative;
	}

		#header-main .layout:after {
			content: "";
			display: block;
			clear: both;
		}

		#header-main .layout li {
			width: auto;
			display: block;
		}

	#header-main > .header-tnb {
		width: 100%;
		position: relative;
	}

		#header-main > .header-tnb > .tnb-bar {
			width: 100%;
			height: 5px;
			background-color: #c4daff;
			background-image: linear-gradient(300deg, #43b40f 0%, #1397ca 45%, #790c6d 70%, #e59920 100%);
			background-size: 400% 400%;
			animation: gradientbar 20s ease infinite;
			position: relative;
		}

		#header-main > .header-tnb > .layout {
			height: 25px;
		}

			#header-main > .header-tnb > .layout > div {
				right: 0;
				margin: 0;
				height: 25px;
				font-family: 'Noto Sans KR', sans-serif;
				font-weight: 400;
				font-size: 12px;
				position: absolute;
			}

				#header-main > .header-tnb > .layout > div > div {
					margin: 3px 5px 2px; /*2px 10px 3px 0;*/
					padding: 0 5px;
					height: 20px;
					text-align: center;
					line-height: 17px;
					border-radius: 7px;
					display: block;
					position: relative;
					background: #fff;
					float: left;
				}

					#header-main > .header-tnb > .layout > div > div:last-child {
						margin-right: 0;
					}

					#header-main > .header-tnb > .layout > div > div:after {
						top: 50%;
						right: -6px;
						width: 1px;
						height: 10px;
						font-family: 'Noto Sans KR', sans-serif;
						font-weight: 600;
						background-color: #999;
						vertical-align: top;
						content: "";
						display: inline-block;
						position: absolute;
						transform: translate(0, -50%);
					}

					#header-main > .header-tnb > .layout > div > div:last-of-type:after {
						display: none;
					}

					#header-main > .header-tnb > .layout > div > div.khnp1 {
						color: #fff;
						background: #03ab4e;
					}

					#header-main > .header-tnb > .layout > div > div.khnp2 {
						color: #fff;
						background: #fc6a09;
					}

	#header-main > .header-hnb {
		width: 100%;
		position: relative;
	}

		#header-main > .header-hnb > .layout {
			height: 90px;
		}

			/* °í°´»ç ·Î°í */
			#header-main > .header-hnb > .layout > .ci {
				top: 40%;
				left: 0;
				width: 330px;
				height: 90px;
				background-size: auto auto !important;
				background-repeat: no-repeat !important;
				background-position: 15px center !important;
				position: absolute;
				transform: translate(0, -50%);
			}

				#header-main > .header-hnb > .layout > .ci > a {
					width: 100%;
					height: 100%;
					display: block;
				}

			#header-main > .header-hnb > .layout > .sch {
				top: 35%;
				left: 53%;
				width: 400px;
				position: absolute;
				transform: translate(-50%, -50%);
			}

				#header-main > .header-hnb > .layout > .sch > .layout {
					width: 100%;
					height: 48px;
					border: 3px solid #00a0e6;
					border-radius: 15px;
					position: relative;
				}

					#header-main > .header-hnb > .layout > .sch > .layout > .sch-form {
						margin-left: 5%;
						width: 76%;
						height: 42px;
						background: #fff;
						display: block;
						position: relative;
					}

						#header-main > .header-hnb > .layout > .sch > .layout > .sch-form .inptext {
							top: 50%;
							left: 0;
							width: 88%;
							height: 30px;
							font-family: 'Noto Sans KR', sans-serif;
							font-weight: 400;
							font-size: 16px;
							color: #f15f5f;
							line-height: 30px;
							border: 0;
							background: #fff;
							position: absolute;
							transform: translate(0, -50%);
						}

						#header-main > .header-hnb > .layout > .sch > .layout > .sch-form .inpclear {
							top: 50%;
							right: 7px;
							width: 24px;
							height: 24px;
							font-family: 'Noto Sans KR', sans-serif;
							font-weight: 600;
							font-size: 16px;
							color: #bbb;
							text-align: center;
							line-height: 22px;
							background: #efefef;
							border-radius: 15px;
							position: absolute;
							transform: translate(0, -50%);
							display: none;
						}

					#header-main > .header-hnb > .layout > .sch > .layout > .sch-btn {
						top: -3px;
						right: -3px;
						width: 19%;
						height: 48px;
						text-align: center;
						border-radius: 0 20px 20px 0;
						background: #00a0e6;
						display: block;
						position: absolute;
						float: right;
						transform: translate(0, 0);
					}

						#header-main > .header-hnb > .layout > .sch > .layout > .sch-btn > .sch-btn-area {
							top: 50%;
							left: 0;
							width: 100%;
							font-family: 'Noto Sans KR', sans-serif;
							font-weight: 600;
							font-size: 15px;
							color: #fff;
							line-height: 12px;
							letter-spacing: 0.5mm;
							position: absolute;
							transform: translate(0, -50%);
						}

			#header-main > .header-hnb > .layout > .qck {
				top: 50%;
				right: 0;
				position: absolute;
				transform: translate(0, -50%);
			}


				#header-main > .header-hnb > .layout > .qck .qck-item {
					width: 70px;
					height: 60px;
					display: inline-block;
				}

					#header-main > .header-hnb > .layout > .qck .qck-item > .qck-item-ico {
						width: 100%;
						height: 35px;
						max-height: 45px;
						display: block;
					}

						#header-main > .header-hnb > .layout > .qck .qck-item > .qck-item-ico.voucher {
							margin: 0 auto;
							width: 30px;
							height: 28px;
							background: url('/common/img/skin/type6/mobile/ico_voucher.png');
							background-position: center;
							background-repeat: no-repeat;
							background-size: cover;
						}

						#header-main > .header-hnb > .layout > .qck .qck-item > .qck-item-ico.cus {
							margin: 0 auto;
							width: 30px;
							height: 28px;
							background: url('/common/img/skin/type6/mobile/ico_cus.png');
							background-position: center;
							background-repeat: no-repeat;
							background-size: cover;
						}

						#header-main > .header-hnb > .layout > .qck .qck-item > .qck-item-ico.my {
							margin: 0 auto;
							width: 30px;
							height: 28px;
							background: url('/common/img/skin/type6/mobile/ico_my.png');
							background-position: center;
							background-repeat: no-repeat;
							background-size: cover;
						}

					#header-main > .header-hnb > .layout > .qck .qck-item > .qck-item-txt {
						width: 100%;
						height: 25px;
						max-height: 25px;
						font-family: 'Noto Sans KR', sans-serif;
						font-weight: 400;
						font-size: 12px;
						text-align: center;
						line-height: 22px;
						letter-spacing: -0.2mm;
						display: block;
					}

				#header-main > .header-hnb > .layout > .qck > a:hover > .qck-item > .qck-item-ico.voucher {
					margin: 0 auto;
					width: 30px;
					height: 28px;
					background: url('/common/img/skin/type6/mobile/ico_voucher_on.png');
					background-position: center;
					background-repeat: no-repeat;
					background-size: cover;
				}

				#header-main > .header-hnb > .layout > .qck > a:hover > .qck-item > .qck-item-ico.cus {
					margin: 0 auto;
					width: 30px;
					height: 28px;
					background: url('/common/img/skin/type6/mobile/ico_cus_on.png');
					background-position: center;
					background-repeat: no-repeat;
					background-size: cover;
				}

				#header-main > .header-hnb > .layout > .qck > a:hover > .qck-item > .qck-item-ico.my {
					margin: 0 auto;
					width: 30px;
					height: 28px;
					background: url('/common/img/skin/type6/mobile/ico_my_on.png');
					background-position: center;
					background-repeat: no-repeat;
					background-size: cover;
				}

				#header-main > .header-hnb > .layout > .qck > a:hover > .qck-item > .qck-item-txt {
					color: #0157a0;
				}


				#header-main > .header-hnb > .layout > .qck > .qck-search {
					display: none;
				}

	#header-main > .header-gnb {
		width: 100%;
		position: relative;
		border-top: 1px solid #dfdfdf;
	}

		#header-main > .header-gnb > .layout {
			height: 100%;
		}

			#header-main > .header-gnb > .layout li {
				padding: 0 10px;
				width: 100%;
				height: 52px;
				font-family: 'Noto Sans KR', sans-serif;
				font-weight: 500;
				font-size: 15px;
				color: #666;
				text-align: left;
				line-height: 48px;
				text-overflow: ellipsis;
				white-space: nowrap;
				word-wrap: normal;
				display: none;
			}

				#header-main > .header-gnb > .layout li.on {
					display: block;
				}

					#header-main > .header-gnb > .layout li.on > a {
						margin-top: 3px;
						margin-right: 30px;
						height: 46px;
						text-align: center;
						line-height: 42px;
						display: inline-block;
						position: relative;
					}

						#header-main > .header-gnb > .layout li.on > a:after {
							right: -15px;
							font-weight: bold;
							font-size: 10px;
							position: absolute;
							content: "|";
						}

						#header-main > .header-gnb > .layout li.on > a:last-child:after {
							display: none;
						}

						#header-main > .header-gnb > .layout li.on > a.gnb {
							margin-right: 40px;
							width: 150px;
							font-weight: bold;
							font-size: 17px;
							line-height: 46px;
							background-color: #fff;
							position: relative;
						}

							#header-main > .header-gnb > .layout li.on > a.gnb:after {
								right: 10px;
								font-weight: bold;
								font-size: 15px;
								position: absolute;
								content: "¡å";
							}


				#header-main > .header-gnb > .layout li.right {
					float: right;
				}

		#header-main > .header-gnb.on {
			background-color: #383838;
		}

			#header-main > .header-gnb.on > .layout {
			}

				#header-main > .header-gnb.on > .layout li {
				}

					#header-main > .header-gnb.on > .layout li.on {
						color: #fff;
					}

						#header-main > .header-gnb.on > .layout li.on > a.gnb {
							color: #383838;
						}


	#header-main > .header-snb {
		width: 100%;
		background-color: #fff;
		border-top: 1px solid #dfdfdf;
		border-bottom: 1px solid #dfdfdf;
		display: none;
		position: absolute;
	}

		#header-main > .header-snb > .layout {
			height: 100%;
		}

			#header-main > .header-snb > .layout ul {
				padding: 20px 0;
				display: flex;
			}

			#header-main > .header-snb > .layout li {
				margin: 0;
				padding: 0 0;
				width: auto;
				min-width: 130px;
				max-width: 180px;
			}

				#header-main > .header-snb > .layout li > a {
					margin: 0 auto;
					width: 80%;
					font-size: 14px;
					color: #666;
					text-align: center;
					line-height: 150%;
					text-overflow: ellipsis;
					white-space: nowrap;
					word-wrap: normal;
					display: block;
					overflow: hidden;
				}

					#header-main > .header-snb > .layout li > a.gnb {
						height: 30px;
						text-align: center;
						line-height: 30px;
						border-radius: 5px;
						display: block;
					}


					#header-main > .header-snb > .layout li > a + a {
						margin-top: 5px;
					}

					#header-main > .header-snb > .layout li > a:hover {
						color: #00a0e6;
						text-decoration: underline;
					}

#mobile_navi {
	display: none;
}






/*// =============================================================================== */
/*// = HEADER CSS END															   = */
/*// =============================================================================== */




#body-main {
	width: 100%;
	height: 100%;
	background: #fff;
	display: block;
	position: relative;
	border: 1px dotted red;
}