@charset "utf-8";
/* CSS Document */

.topBanner_Area{ background:url(/homepage/1/images/etc/topBannerBg.gif) no-repeat; }
.currentPage{ border-bottom:solid 1px #e2e2e2; padding:5px 0 0 5px;}
.currentPage span{ font-weight:bold;}

#profileTop{ background-color:#f6fbff; }
.bottomLine{border-bottom:solid 1px #d4e2f5;}
.photoLayout{background:url(/homepage/1/images/musician/photoLayout.gif) no-repeat;}
.txt_bold_Line{font-weight:bold;  border-bottom:solid 1px #cacaca;}
.txt_bold_Line span{font-weight:normal;}
.txt_bold{font-weight:bold;}

.smallTitle_Line{ border-bottom:solid 2px #cacaca;}
.contents_Line{ border-bottom:solid 1px #cacaca; padding:15px 10px;}

.form_TopBottom{ border-top:solid 2px #4e9dd6; border-bottom:solid 1px #4e9dd6;}
.form_layout1 td{border-bottom:solid 1px #eeeeee; padding:7px 12px; line-height:18px;}
.form_layout1 td.inputTitle{ font-weight:bold; padding-left:15px; background:#fbfbfb; height:35px; border-right:solid 1px #eeeeee;}

.input_type1{ width:516px; height:22px; line-height:20px; border:solid 1px #dddddd; background:#fbfbfb;}

.checkBoxArea td{ border:none; padding:1px;}
.inputMulti td{ border-bottom:none; }
.inputMulti td.inputTitle{border-left:solid 1px #eeeeee; }

/*게시판*/
.board_title{background:url(/homepage/1/images/community/titleBg.gif) repeat-x; border-bottom:solid 2px #4e9dd6; border-top:solid 1px #4e9dd6; font-weight:bold; font-size:16px; padding-left:16px;}
.board_title2{background:url(/homepage/1/images/community/titleBg2.gif) repeat-x;}
.board_contents{border-bottom:solid 1px #a6c8e0; padding:10px;}

/*회원가입*/
.join_juminBg{ background:url(/homepage/1/images/join/layout2.gif) repeat-y; padding:0 18px;}
.join_yackBg{ background:url(/homepage/1/images/join/layout5.gif) repeat-y; padding:0 18px;}
.yack_Line{  border:solid 1px #c0c0c0;}
.tb_line{ border-bottom:solid 1px #c0c0c0; border-top:solid 1px #c0c0c0;}
.point_red{ color:ec0101; font-weight:bold;}
.form_top{ border-top: solid 3px #51bd22; border-left:solid 1px #dddddd; border-right:solid 1px #dddddd; }
.fontSize_11{font-size:11px;}
.leftList2{ padding:10px 0 15px 15px;}

/*개인정보수정*/
.form_TopOnly{ border-top:solid 2px #4e9dd6;}

/*SMS 서비스*/
.smsPhone_bg{ background:url(/homepage/1/images/myPage/sms_bg.jpg) no-repeat;}
.sms_txt{ color:#FFFFFF; line-height:16px;}
.byte_txt{ color:#898989; text-align:right; font-size:11px;}
.sms_input{border:none; background:none; width:96px;}



/* 컨텐츠 영역 */
.brabch_wrap{
	z-index:100;
	width:100%;
	height:calc(100% - 155px);
	clear:both;
	position:absolute;
	top: 70px;
}


/* ******************* 영업점 회원가입 ******************* */
.bjoin_wrap{
	top:0;
	left:0;
	position:absolute;
	width:100%;
	height:100%;
	z-index:100;
	overflow-y:auto;
	background-image:url(/lodge/images/web/branch/lodge_join_back.jpg);
	background-size:cover;
}

.bjoin_wrap .bjbg_wrap{
	padding-top:2%;
}

.bjoin_wrap .bjoin_cont{
	margin:0 auto 38px;
	width:500px;
	border-radius:3px 3px 3px 3px;
	position:relative;
}

.bjoin_wrap .bjoin_cont h2{
	background-color:#f0f0f0;
	height:50px;
	text-align:center;
	color:#4d4d4d;
	font-size:26px;
	font-weight:400;
	line-height:52px;
	border-radius:3px 3px 0 0;
}

.bjoin_wrap .bjoin_cont h3{
	color:#181818;
	font-size:18px;
	font-weight:400;
}

.bjoin_wrap .bjoin_txt{
	padding:30px;
	background-color:rgba(255,255,255,0.85);
	border-radius:0 0 3px 3px;
	margin-bottom:38px;
}

.bjoin_cont .bj_cont_wrap{
	height:35px;
	position:relative;
	width:100%;
	margin-top:5px;
}

.bjoin_cont .bj_icon{
	position:absolute;
	top:1px;
	left:1px;
}

.bjoin_cont .bj_tit01 .bj_icon{
	background:#f4f5f5 url(/lodge/images/web/common/log_icon01.png) center center no-repeat;
}

.bjoin_cont .bj_tit02 .bj_icon{
	background:#f4f5f5 url(/lodge/images/web/common/log_icon02.png) center center no-repeat;
}

.bjoin_cont .bj_tit03 .bj_icon{
	background:#f4f5f5 url(/lodge/images/web/common/log_icon02.png) center center no-repeat;
}

.bjoin_cont .bj_tit04 .bj_icon{
	background:#f4f5f5 url(/lodge/images/web/common/detail_out.png) center center no-repeat;
}

.bjoin_cont .bj_tit05 .bj_icon{
	background:#f4f5f5 url(/lodge/images/web/common/name.png) center center no-repeat;
}

.bjoin_cont .bj_tit06 .bj_icon{
	background:#f4f5f5 url(/lodge/images/web/common/review_icon01.png) center center no-repeat;
}

.bjoin_cont .bj_tit07 .bj_icon{
	background:#f4f5f5 url(/lodge/images/web/common/log_icon01.png) center center no-repeat;
}

.bjoin_cont .bj_tit08 .bj_icon{
	background:#f4f5f5 url(/lodge/images/web/common/address.png) center center no-repeat;
}

.bjoin_cont .bj_tit09 .bj_icon{
	background:#f4f5f5 url(/lodge/images/web/common/address.png) center center no-repeat;
}

.bjoin_cont .bj_tit10 .bj_icon{
	background:#f4f5f5 url(/lodge/images/web/common/location.png) center center no-repeat;
}

.bjoin_cont .bj_tit11 .bj_icon{
	background:#f4f5f5 url(/lodge/images/web/common/phone.png) center center no-repeat;
}

.bjoin_cont .bj_tit12 .bj_icon{
	background:#f4f5f5 url(/lodge/images/web/common/sellphone.png) center center no-repeat;
}

.bjoin_cont .bj_icon span{
	position:absolute;
	top:12px;
	left:47px;
	font-size:18px;
	line-height:12px;
	color:#e54c7d;
	display:inline-block;
	width:100px;
	z-index:1;
}

.bjoin_cont i{
	width:35px;
	height:35px;
	display:inline-block;
	float:left;
	border-right:1px solid #808283;
}

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

.bjoin_cont .bj_tit01 input, .bjoin_cont .bj_tit07 input{
	width:calc(100% - 177px);
	padding:9px 130px 9px 45px;
	border:1px solid #808283;
	border-radius:3px;
	font-size:14px;
	position:relative;
	background-color:rgba(0,0,0,0);
}

.bjoin_cont .bj_tit02 input, .bjoin_cont .bj_tit03 input, .bjoin_cont .bj_tit05 input, .bjoin_cont .bj_tit06 input,
.bjoin_cont .bj_tit08 input, .bjoin_cont .bj_tit09 input, .bjoin_cont .bj_tit10 input, .bjoin_cont .bj_tit11 input, .bjoin_cont .bj_tit12 input{
	width:calc(100% - 57px);
	padding:9px 10px 9px 45px;
	border:1px solid #808283;
	border-radius:3px;
	font-size:14px;
	position:relative;
	background-color:rgba(0,0,0,0);
}

.bjoin_cont .bj_tit12 .msub_txt {
	text-align: left;
	font-size: 14px;
	color: #e54c7d;
	background: url(/lodge/images/web/common/dot.gif) 0 12px no-repeat;
	padding-left: 10px;
	padding-top: 5px;
	display: inline-block;
}

.bjoin_cont .b_select{
	width:calc(100% - 57px);
	padding:8px 10px 8px 45px;
	border:1px solid #808283;
	border-radius:3px;
	font-size:14px;
	position:relative;
	background-color:rgba(0,0,0,0);
}

.bjoin_cont .b_select label{
	line-height:17px;
	vertical-align:middle;
}

.bjoin_cont .b_select #outside_p{
	margin-left:15px;
}

.bjoin_cont .b_select .select_out{
	position:absolute;
	right:0;
	top:0;
	width:118px;
	height:35px;
	background:url(/lodge/images/web/common/more_arrow.png) 95px center no-repeat; /* 화살표 이미지 */
	border-radius:0 3px 3px 0;
	border-left:1px solid #808283;
	overflow:hidden;
}

.bjoin_cont .b_select .select_out label{
	position:absolute;
	font-size:14px;
	top:9px;
	left:10px;
	width:90px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
}

.bjoin_cont .b_select .select_out .select_in{
	width:136px;
	height:35px;
	background-color:rgba(0,0,0,0);
	font-size:16px;
	padding-left:15px;
	padding-right:35px;
	position:relative;
	color:#6a6b6b;
	border-left:1px solid #808283;
	opacity:0;
	filter: alpha(opacity=0); /* IE 8 */
}

.bjoin_cont .m_check{
	display:block;
	position:absolute;
	top:0;
	right:0;
	background-color:#929497;
	width:120px;
	height:36px;
	border-radius:0 3px 3px 0;
	text-align:center;
	line-height:37px;
	color:#fff;
}

.bjoin_cont .m_check:focus, .bjoin_cont .m_check:hover{
	background-color:#e54c7d;
}

.bjoin_cont .bj_tit{
	color:#181818;
	font-size:18px;
}

.bjoin_cont .bj_tit02, .bjoin_cont .bj_tit03, .bjoin_cont .bj_tit04, .bjoin_cont .bj_tit05, .bjoin_cont .bj_tit06, .bjoin_cont .bj_tit07,
.bjoin_cont .bj_tit08, .bjoin_cont .bj_tit09, .bjoin_cont .bj_tit10, .bjoin_cont .bj_tit11, .bjoin_cont .bj_tit12{
	margin-top:15px;
}

.bjoin_cont .bj_tit04{
	margin-top:22px;
	padding-top:15px;
	border-top:1px solid #bbbcc0;
}

/* 약관동의 */
.bjterms_wrap{
	margin-top:35px;
	padding-top:30px;
	border-top:1px solid #bbbcc0;
}

.bjterms_wrap .bjservice_term, .bjterms_wrap .bjperson_term{
	position:relative;
}

.bjterms_wrap .bjperson_term{
	margin-top:20px;
}

.bjterms_wrap h3{
	font-size:18px;
	color:#181818;
	margin-bottom:3px;
}

.bjterms_wrap .bjservice_term textarea, .bjterms_wrap .bjperson_term textarea{
	width:calc(100% - 22px);
	height:98px;
	color:#636467;
	font-size:12px;
	line-height:24px;
	overflow-y:scroll;
	resize: none;
	padding:10px;
	border:1px solid #808283;
}

.bjterms_wrap .bjservice_term .term_check, .bjterms_wrap .bjperson_term .term_check{
	position:absolute;
	top:0;
	right:0;
}

.term_all{
	text-align:right;
	margin-top:10px;
}

.bjterms_wrap .bjoin_btn{
	width:100%;
	background-color:#929497;
	font-size:16px;
	color:#fff;
	height:40px;
	margin-top:22px;
	border-radius:3px;
}

.bjterms_wrap .bjoin_btn:focus, .bjterms_wrap .bjoin_btn:hover{
	background-color:#e54c7d;
}


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

.container .left_side{
/* 	margin-top:30px; */
	margin-bottom:30px;
}

.container .left_side .v_tab{
	margin-bottom:15px;
}

.container .left_side .v_tab:after{
	clear:both;display:block;content:"";
}

.container .left_side .v_tab > li{
	float:left;
	width:19.744%;
	border:1px solid #bbbcc0;
}

.container .left_side .v_tab > li > a{
	display:inline-block;
	width:100%;
	height:38px;
	line-height:38px;
	text-align:center;
	background-color:#fff;
}

.container .left_side .v_tab li a:hover, .container .left_side .v_tab li a:focus{
	background-color:#e54c7d;
	color:#fff;
}

/* 사진 / 영상 페이지의 상단 탭 중 2~5번까지는 클릭되어있는 곳에 a태그안에 class="on"을 넣어주면됨 */
/* 첫번째 객실 탭은 아래 .v_tab .tab_sel{ 시작되는 부분 참고 */
.container .left_side .v_tab li a.on{
	background-color:#e54c7d;
	color:#fff;
}

.container .left_side .v_tab .tab01, .container .left_side .v_tab .tab02, .container .left_side .v_tab .tab03,
.container .left_side .v_tab .tab04{
	border-right:none;
}

.container .left_side .v_tab .tab01{
	border-radius:3px 0 0 3px;
	position:relative;
}

.container .left_side .v_tab .tab01:focus, .container .left_side .v_tab .tab01:hover{
	background-color:#e54c7d;
}

.container .left_side .v_tab .tab05{
	border-radius:0 3px 3px 0;
}

.container .left_side .v_left_side{
	float:left;
	width:49.32%;
}

.container .left_side .v_right_side{
	margin-top:55px;
	float:right;
	width:49.32%;
}