@charset "utf-8";
@import url("common.css");
/* NHN INS Webstandard dev team dog 100804 */

/******** 서브 레이아웃 ********/
#container {width:100%; margin:30px auto;}

	.tit_tab {position:relative; width:620px; margin:0 auto 25px auto; overflow:hidden; clear:both; *zoom:1;}
	.tit_tab li {float:left; width:33.3%;}
	.tit_tab li:nth-child(1) {width:33%; border-left:1px solid #ddd;}
	.tit_tab li a {display:block; padding:10px 0px; text-align:center; font-size:1.2em; color:#666; background:#f4f4f4; border-top:1px solid #ddd; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
	.tit_tab li a.hover {display:block; padding:10px 0px; text-align:center; font-size:1.2em; color:#333; background:#fff; border-top:2px solid #ec7e1c; border-bottom:none; border-right:1px solid #ddd; font-weight:bold;}

	.tit_tab2 {position:relative; width:620px; margin:0 auto 25px auto; overflow:hidden; clear:both; *zoom:1;}
	.tit_tab2 li {float:left; width:50%;}
	.tit_tab2 li:nth-child(1) {width:49.5%; border-left:1px solid #ddd;}
	.tit_tab2 li a {display:block; padding:10px 0px; text-align:center; font-size:1.2em; color:#666; background:#f4f4f4; border-top:1px solid #ddd; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
	.tit_tab2 li a.hover {display:block; padding:10px 0px; text-align:center; font-size:1.2em; color:#333; background:#fff; border-top:2px solid #ec7e1c; border-bottom:none; border-right:1px solid #ddd; font-weight:bold;}

	.contents {position:relative; width:620px; padding-bottom:30px; margin:0 auto;}
	.contents h3 {padding-bottom:5%;}

/**************** 공통타이틀, 불릿  ***************/
.dott_list {width:100%; margin:3% 0px;}
.dott_list li {background:url('/m/reserv/img/dott_icon.gif') 2px 8px no-repeat; padding:0 0px 4px 13px; line-height:150%;}

.dep_cont {padding-bottom:5%;}
.dep_icon {background:url('/m/reserv/img/dott_icon.gif') 2px 8px no-repeat; padding:0 0px 4px 13px; line-height:150%;}

.dep_tit {font-size:1.2em; font-weight:600; color:#333; margin-bottom:15px !important;}
.dep_tit span {color:#ec7e1c !important;}




/******* 기본 테이블 *******/
.table_style {border-top:2px solid #333; width:100%; margin:0 auto; border-collapse:collapse;}
	.table_style th { border-bottom:1px solid #ddd; border-right:1px solid #ddd; color:#333; background:#f4f4f4; padding:7px;}
	.table_style th.last { border-right:none;}
	.table_style th.blue {color:#0965ba;}
	.table_style td {border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:7px;}
	.table_style td.last { border-bottom:1px solid #ddd; border-right:none; padding:7px;}
		.center {text-align:center;}
		.right {text-align:right;}
		.blue_bg {background:#e9f3f8;}
		.color {background:#fefdec;}
		.tit {background:#eff4f8;}
		.line {height:1px; background:#ddd; padding:0 !important; border-right:none !important; border-bottom:none !important;}


html, ul, ol, li, form, dl, dt, dd, h1, h2, h3, h4, h5, h6, th, tr {margin:0px; padding:0px; border:0px; list-style:none; border-spacing:0;}
td, table {border-collapse:collapse; border-spacing:0; border:0; margin:0; padding:0; color: #666666; font-family:"돋움"; font-size:12px;}
hr, legend {display:none;}

a:link { color: #666666; text-decoration: none; }
a:visited { color: #666666; text-decoration: none; }
a:hover { color: #ff0000; text-decoration: none; }
a:active { color: #ff0000; text-decoration: none; }


caption{line-height:0px; font-size:0px; color:#fff;}
.hide {display:none;line-height:0px; font-size:0px;}

select {font-family:"돋움"; color:#666666; background-color:#ffffff;}
input[type=tel], input[type=number],  input[type=email], input[type=password] { padding:3px 2px;}
.input {font-family:"돋움"; color:#666666; border:1px solid #dfdfdf; background-color:#f7f7f7; line-height:normal; font-size:14px;}
.input_idpw {font-family:"돋움"; color:#666666; border:1px solid #dfdfdf; background-color:#ffffff; padding:3px 2px; margin-bottom:2px; font-size:14px;}
.search_input {color:#847f74; font-family:"돋움"; border: #cfcfcf 1px solid; width:150px; background-color: #ffffff;}
.textarea {font-family:"돋움"; color:#666666; border:1px solid #e7e7e7; background-color:#f4f4f4;}
.radio, .checkbox {width:12px; height:12px; margin-right:5px; vertical-align:middle;}
.form_sub {display:block; padding-top:5px;}


/*** 회원가입 관련 : Start****/

/* 로그인 */
.login_box {background:#f5f5f5; border:1px solid #ededed; padding:30px 5%; width:270px; margin:0 auto;}

.login_form {overflow:hidden; *zoom:1;}
.login_form fieldset {border:0px; background:none;}
.login_form leble {display:hidden;}

.idpw {position:relative;}
.idpw p {padding:3px 0; margin:0px; *font-size:0;}
:root .idpw p {padding:0; margin:0px; *font-size:0;}
.idpw p span {display:inline-block; width:60px; padding-top:0px; *padding-top:6px; vertical-align:middle; *vertical-align:top;}
.idpw input.input_id {border-top:1px soild #d0d0d0; border-right:1px soild #e9e9e9; border-bottom:1px soild #e9e9e9; border-left:1px soild #d0d0d0; background:#fafafa; color:#666; font-size:12px;}
.idpw p.confirm {position:absolute; right:0px; top:0px;}


.check {margin-left:60px;}
.check li {margin-right:10px; padding-top:20px; font-size:11px; font-family:Dotum;}
.check li input {vertical-align:bottom;}

.login_bt {width:320px; margin:25px auto 0 auto;}
.login_bt p {width:100%; margin-bottom:10px; text-align:left;}

/*.login_bt a.btn {display:block; background:#666; text-align:center; color:#fff; padding:7px 10px; font-size:11px; font-weight:bold; line-height:normal; margin-top:3px;} */


/* 로그인 박스 - 로그인 전 */
.loginbox {position:relative; width:170px; background:#fafafa; padding:15px; border:1px solid #ddd;}
.loginbox dl {position:relative; width:160px; overflow:hidden; *zoom:1; margin:0 auto;}
.loginbox dd {line-height:0px;}
.loginbox dd input.id, .loginbox dd input.password  {width:95px; border:1px solid #ddd; background:#fff; padding:2px; font-size:1.0em; font-family:"돋움"; margin-bottom:2px;}
.loginbox dt.btn_login {position:absolute; top:0px; right:0;  margin:0;}
:root .loginbox dt.btn_login {position:absolute; top:1px; right:0;  margin:0;}
.loingbox .security {width:13px; height:13px; margin:5px 0;}


/* 로그인박스 - 로그인 후 */

.loginbox p {display:block;}
.loginbox .login_message {padding-bottom:10px;}


/* 로그인 박스 - 가로형 */
.login_area {width:100%; overflow:hidden; *zoom:1; clear:both;}
.login_area li {float:left;}
.login_area .pad {padding-right:10px;}
.login_area .security {width:13px; height:13px; padding-right:20px;}
.login_area .btn {padding-left:10px;}

.login_area .login_message {color:#666; padding-right:10px; padding-top:3px;}
.login_area img {vertical-align:top;}


/* 아이디/패스워드 찾기 */
.idpw_box {background:#f5f5f5; border:1px solid #ededed; height:100%;  padding:30px 5%; width:270px; margin:0 auto;}

.find_form {margin:0 auto;}
.find_form p.tit_search {display:inline-block; padding-bottom:10px; border-bottom:1px solid #dddddd; margin-bottom:20px;}
.find_form fieldset {border:0px; background:none;}
.find_form lable {display:hidden;}

.find {position:relative;}
.find p {margin-bottom:2px; clear:both; *zoom:1; padding:0; line-height:0; vertical-align:top; font-size:0; height:23px;}
.find p span {display:block; float:left; width:45px;}
.find p span img {margin-top:5px;}
.find input.input_id {border-top:1px soild #d0d0d0; border-right:1px soild #e9e9e9; border-bottom:1px soild #e9e9e9; border-left:1px soild #d0d0d0; font-family:"돋움"; color:#666; font-size:12px; vertical-align:top;}
.find input.input_idpw {border-top:1px soild #d0d0d0; border-right:1px soild #e9e9e9; border-bottom:1px soild #e9e9e9; border-left:1px soild #d0d0d0; font-family:"돋움"; color:#666; font-size:12px; vertical-align:top;}
.find p.confirm {position:absolute; right:5px; top:0px;}


/* 회원가입 */
.join_tit {width:100%; clear:both; *zoom:1; margin:0;}
.join_tit li {float:left; padding-bottom:10px;}
.join_txt {color:#ff0000; vertical-align:bottom; padding:5px 0px 10px 0px;}

.joinfrm {width:100%; clear:both; }

.join_member {width:100%; border-top:2px solid #555;  border-collapse:collapse; clear:both;}
.join_member th {display:block; color:#000; background:#f4f4f4; padding:7px 7px 7px 10px; text-align:left; font-weight:normal !important; padding-left:10px; border-bottom:1px solid #ddd; line-height:normal;}
.join_member th.bold {font-weight:bold !important;}
.join_member td {display:block; border-bottom:1px solid #ddd; padding:7px 7px 7px 10px;  background:#ffffff;}
.join_member td .address {padding:5px 0px;}
.join_member td .address input {margin-bottom:2px;}
.join_member td input[type=text] {line-height:normal; padding:3px 2px;}

.join_form {width:100%; display:none;  border-collapse:collapse; }
.join_form th {color: #000; background:#f4f4f4; padding:5px 0 5px 10px; text-align:left; font-weight:bold; padding-left:10px; border-bottom:1px solid #ddd;}
.join_form td {padding-left:10px; border-bottom:1px solid #ddd;}

.join_btn {padding-top:30px;text-align:center;}

/* 동의 */
.agree_box {padding:4%; border:3px solid #eaeaea; width:90%; background:#ffffff;}
.agree_box .agree_dot {display:inline-block; width:100%; background:url('/admin/member/skin/memberBasic/image/agree_dot.gif') top left repeat-x; margin-bottom:10px;}
.agree_box .text .textarea {width:97%; height:130px; overflow-y:scroll; line-height:130%; letter-spacing:-0.075em; font-size:1.0em; line-height:150%;}
.agree_box .agreecheck {text-align:right; padding-top:8px; font-size:1.0em;}
.agree_box .agreecheck input {vertical-align:middle;}

.btn {padding-top:20px; text-align:center;}


/* 실명 체크 */
.namecheck { width:99%; border:3px solid #eaeaea; width:95%; background:#ffffff; padding:15px;}
.namecheck .agree_dot {display:inline-block; width:100%; background:url('/admin/member/skin/memberBasic/image/agree_dot.gif') top left repeat-x; margin-bottom:10px;}
.namecheckFrm {margin:0 auto; width:300px;}
.namecheckFrm ul {overflow:hidden; *zoom:1;}
.namecheckFrm li {clear:both; *zoom:1; height:22px;}
.namecheckFrm li p {float:left; width:30%;}
.namecheckFrm li span {float:left;}


/* 회원가입 완료*/
.join_ok {width:95%; border:3px solid #eee; text-align:center; margin:0 auto; padding:25px 0px;}
.join_ok h3 {padding-bottom:15px !important;}
.txt_join_end {display:block; margin:25px auto 0 auto;}

/* 아이디체크 팝업 , 닉네임 팝업 */
.id_check {position:relative; border:6px solid #979797; font-family:"돋움"; color:#666; height:100%;}

.id_tit {position:relative; width:100%; height:74px; border-bottom:1px solid #d2d2d2;}
.id_tit h4 {position:absolute; top:31px; left:20px;}
.id_tit a {position:absolute; top:31px; right:20px;}

.id_search {position:relative; padding:20px 0px 30px 0px; width:360px; margin:0 20px;}
.id_search p {display:block; font-size:0.75em; padding-bottom:10px; color:#666;}
.id_search .search_bar {width:360px; background:#f5f5f5; text-align:center; padding:20px 0; margin:0 auto;}
	.search_bar input {vertical-align:top;}
	.search_bar input.id_input {padding:4px 2px; border:1px solid #dfdfdf; font-size:12px; font-family:"돋움"; height:22px;}

.id_search .search_result {width:100%; margin-top:15px; height:30px; border-top:2px solid #333; border-bottom:1px solid d7d7d7; padding:10px 0; font-size:0.75em; text-align:center;}


/* 우편번호 검색결과 */
.post_list {width:100%; border-collapse:collapse; margin:30px 0px;}
.post_list th {color:#000; background:#fafafa; padding:10px 0px; font-weight:bold; border-top:2px solid #333; border-bottom:1px solid #ddd;}
.post_list td {padding:7px 0px; border-bottom:1px solid #ddd;}

.join_member03 {width:100%; border:2px solid #555555; margin-bottom:10px; padding:10px; overflow:hidden; clear:both; *zoom:1;}
.join_member03 p {float:left; width:50%;}

/*** 회원가입 관련 : End ****/

/*******************************************************************************
	@media 461px~640px
*******************************************************************************/
@media all and (min-width:461px) and (max-width:640px) {

	/***** 서브 탭 *****/
	.tit_tab {position:relative; width:96%; margin:0 auto 5% auto;}
	.tit_tab li {float:left; width:33.3%;}
	.tit_tab li:nth-child(1) {width:33%;border-left:1px solid #ddd;}
	.tit_tab li a {font-size:1.2em; }
	.tit_tab li a.hover {font-size:1.2em;}

	.tit_tab2 {position:relative; width:96%; margin:0 auto 5% auto;}
	.tit_tab2 li {float:left; width:50%;}
	.tit_tab2 li:nth-child(1) {width:49.5%;border-left:1px solid #ddd;}
	.tit_tab2 li a {font-size:1.2em;}
	.tit_tab2 li a.hover {font-size:1.2em;}

	/***** 서브 레이아웃 *****/
	.contents {position:relative; width:96%; padding-bottom:30px; margin:0 auto;}

/**************** 숙박 및 콘도  ***************/

.tower_img, .villa_img {display:block; margin:0 auto 4% auto;}

}


/*******************************************************************************
	@media 460px
*******************************************************************************/
@media all and (max-width:460px) {

	/***** 서브 탭 *****/
	.tit_tab {position:relative; width:96%; margin:0 auto 5% auto;}
	.tit_tab li a {font-size:1.0em; padding:7px 0px; }
	.tit_tab li a.hover {font-size:1.0em; padding:7px 0px; }

	.tit_tab2 {position:relative; width:96%; margin:0 auto 5% auto;}
	.tit_tab2 li a {font-size:1.0em; padding:7px 0px; }
	.tit_tab2 li a.hover {font-size:1.0em; padding:7px 0px; }


	/***** 서브 레이아웃 *****/
	.contents {position:relative; width:96%; padding-bottom:30px; margin:0 auto;}



}