@import url(/css/common.css);
@import url(/css/sub.css);

/* left --------------------------------------------------------------------------------------------------------------- */
/* nav 서비스 소개 */
.side_l h3.sub_l_title{
	background:url("http://ttimg.tworld.co.kr/together/subcom/left_menu_join.gif") no-repeat 4px 0px;
}

.side_l ul.sub_menu li a{
	background:url("http://ttimg.tworld.co.kr/together/subcom/left_menu_join.gif") no-repeat 0px 0px;
}
.side_l ul.sub_menu li.menu_1 a{background-position:5px -37px;}
.side_l ul.sub_menu li.menu_2 a{background-position:5px -90px;}
.side_l ul.sub_menu li.menu_3 a{background-position:5px -143px;}
.side_l ul.sub_menu li.menu_4 a{background-position:5px -196px;}
.side_l ul.sub_menu li.menu_1 a:hover,
#join.side_l ul.sub_menu li.menu_1 a{background-position:-210px -37px;}
.side_l ul.sub_menu li.menu_2 a:hover,
#pw.side_l ul.sub_menu li.menu_2 a{background-position:-210px -90px;}
.side_l ul.sub_menu li.menu_3 a:hover,
#edit.side_l ul.sub_menu li.menu_3 a{background-position:-210px -143px;}
.side_l ul.sub_menu li.menu_4 a:hover,
#leave.side_l ul.sub_menu li.menu_4 a{background-position:-210px -196px;}

/* colgroup------------------------------------------------------------------------------------------------------------ */
/* contant - sub_c_title */
.contant .sub_c_title h3,
.contant .sub_c_title span{
	background:url("http://ttimg.tworld.co.kr/together/subcom/sub_title_join.gif") no-repeat;
}
.contant .sub_c_title .title1{background-position:10px 0px;}
.contant .sub_c_title .title2{background-position:10px -139px;}
.contant .sub_c_title .title3{background-position:10px -184px;}
.contant .sub_c_title .title4{background-position:10px -229px;}

.contant .sub_c_title .t_txt1{background-position:10px -36px; height:83px;}

/* contant - section ---------------------------- */
.section h4{
	background:url("http://ttimg.tworld.co.kr/together/member/sub_title.gif") no-repeat;
	width:150px;
	height:14px;
	float:left;
	margin:8px 0px 0px;
	margin /**/:15px 0px 0px;
	text-indent:-3000px;
}
.section .sub_list1{background-position:2px 0px;}
.section .sub_list2{background-position:2px -34px;}
.section .sub_list3{background-position:2px -68px;}
.section .sub_list4{background-position:2px -102px;}
.section .sub_list5{background-position:2px -136px;}
.section .sub_list6{background-position:2px -170px;}
.section .sub_list7{background-position:2px -204px;}
/* ------------------------------------------------------------------------------------- */
/* join_con */
.section .join_top{
	background:url("http://ttimg.tworld.co.kr/together/board/box_head.gif") no-repeat 0px 0px;
	width:100%;
	height:5px;
	display:block;
	position:relative;
	font-size:0px;
	top:0px;
}
.section .join_bottom{
	background:url("http://ttimg.tworld.co.kr/together/board/box_foot.gif") no-repeat 0px bottom;
	width:100%;
	height:5px;
	display:block;
	position:relative;
	top:0px;
	font-size:0px;
	float:left;
}
.section .join_con{
	background:url("http://ttimg.tworld.co.kr/together/board/box_body.gif") repeat-y 0px 0px;
	width:645px;
	float:left;
	padding:10px 20px;
	position:relative;
}
.section .join_con .txt{
	background:none;
	border:solid 1px #e5e5e5;
	width:620px;
	height:155px;
	color:#000000;
	padding:0px 0px 0px 20px;
	margin:5px 0px 10px;
	margin /**/:15px 0px 8px;
	overflow:scroll;
	float:left;
	overflow-x:hidden;
	scrollbar-face-color:#d9d9d9; 
	scrollbar-shadow-color: #d9d9d9; 
	scrollbar-highlight-color: #d9d9d9; 
	scrollbar-3dlight-color: #d9d9d9; 
	scrollbar-darkshadow-color: #d9d9d9; 
	scrollbar-track-color: #f2f2f2; 
	scrollbar-arrow-color: #010101;
}
.section .join_con label{
	width:100%;
	float:left;
}
.section .join_con label.line{
	position:relative;
	top:-5px;
}
/* 약관, 방침 스타일 */
.section div.join_con .txt h4{font-size:120%;color:#666666;background:none; width:100%; text-indent:0px; margin:5px 0px;  }
.section div.join_con .txt li{color:#666666; line-height:1.4;}
.section div.join_con .txt h5{font-size:100%;background:none; width:auto;color:#666666;}
.section div.join_con .txt p{padding:0px 0px 15px 0px; line-height:1.4;}
.section div.join_con .txt ol,
.section div.join_con .txt ul{padding:0px 0px 15px 21px;}
.section div.join_con .txt ol li{list-style-type:decimal;}
.section div.join_con .txt ul li{list-style-type:circle;}

.section div.join_con .txt ol,
.section div.join_con .txt ul{padding:0px 0px 15px 21px;background:none;}
.section div.join_con .txt ol *,
.section div.join_con .txt ul *{padding-bottom:0px;}
.section div.join_con .txt ul li{list-style-type:circle; line-height:1.4;}
.section div.join_con .txt ul li ul li{list-style-type:disc;}
.section div.join_con .txt ul li ol li{list-style-type:lower-alpha;}
.section div.join_con .txt ul li ol ol li{list-style-type:lower-alpha;}
.section div.join_con .txt ul li ol ul li,
.section div.join_con .txt ul li ul ul li{
		background:url("http://ttimg.tworld.co.kr/together/etc/bu_star.gif") no-repeat 0px 7px;
		list-style-type:none;
		padding-left:13px;
	}
.section div.join_con .txt table{
	width:95%;
	border:solid 1px #999999;
	empty-cells:show;
	border-collapse:collapse;
}
.section div.join_con .txt table *{
	border:solid 1px #999999;
	text-align:center;
}
.section .join_con label{display:block;margin:0px 0px 15px; color:#969696;}
.section .join_con label input{border:0px;}
/* authentic_con */
.section .authentic_top{
	background:url("http://ttimg.tworld.co.kr/together/common/box_gray_head.gif") no-repeat 0px 0px;
	width:100%;
	height:5px;
	display:block;
	margin-top:30px;
	float:left;
	position:relative;
	font-size:0px;
	top:0px;
}
.section .authentic_con .authentic_bottom{
	background:url("http://ttimg.tworld.co.kr/together/common/box_gray_foot.gif") no-repeat 0px bottom;
	width:100%;
	height:8px;
	display:block;
	position:absolute;
	left:0px;
	bottom:0px;
	font-size:0px;
	float:left;
}
.section .authentic_con{
	background:url("http://ttimg.tworld.co.kr/together/common/box_gray_body.gif") repeat-y 0px 0px;
	width:685px;
	color:#969696;
	float:left;
	padding:25px 0px 0px;
	position:relative;
}
.section .authentic_con .sms_info{
	width:550px;
	margin:0px auto;
	line-height:1.5;
}
.section .authentic_con .sms_info label{
	width:100%;
	float:left;
	margin-top:10px;
}
.section .authentic_con .sms_info label input{border:0px;}

.section .authentic_con .input_form{
	width:595px;
	margin:0px auto;
}
.section .authentic_con .input_form label{
	padding-right:7px;
	float:left;
}
.section .authentic_con .input_form label.info{
	width:100%;
	display:block;
	padding-top:15px;
	line-height:1.5;
	float:none;
	float /**/:left;
}
.section .authentic_con .input_form label strong{padding-right:5px;}
.section .authentic_con .input_form label .btn_authentic_num{
	background:url("http://ttimg.tworld.co.kr/together/board/btn_board.gif") no-repeat 0px -555px;
	width:81px;
	height:20px;
	float:left;
	text-indent:-3000px;
	overflow:hidden;
}
.section .authentic_con .user_class{
	width:220px;
	display:block;
	margin:0px auto 15px;
}
.section .authentic_con .user_class label{
	font-weight:bold;
	text-align:center;
	padding:0px 10px;
}
.section .authentic_con .user_class input{
	margin:0px;
	border:0px;
}

/* join_layer */
.join_layer{
	background-color:#bcbcbc;
	width:350px;
	float:left;
	padding:10px;
	position:absolute;
	z-index:1100;
}
.join_layer ul{
	width:300px;
	float:left;
	padding:15px 25px;
	margin-bottom:10px;
	background-color:#ffffff;
}
.join_layer li{
	width:100%;
	padding:5px 0px;
	color:#949494;
	float:left;
	line-height:1.7;
}
.join_layer li.info{
	font-weight:normal;
	font-size:90%;
}
.join_layer li input,
.join_layer li select {
	background:#ffffff none;
	border-bottom:solid 1px #dedede;
	border-right:solid 1px #dedede;
	border-top:solid 1px #a2a2a2;
	border-left:solid 1px #a2a2a2;
}
.join_layer li span {
	float:left;
	padding-right:5px;
}
.join_layer li input{
	padding:0px 2px;
	height:18px;
	overflow:hidden;
	color:#6c6c6c;
	float:left;
	margin-right:5px;
	width:196px;
}
.join_layer li.address input {margin-bottom:3px;}
.join_layer strong{
	width:90px;
	float:left;
}
/* ------------------------------------------------------------------------------------- */
/* search_info */
.section .info_box{
	background:url("http://ttimg.tworld.co.kr/together/common/box_w333_body.gif") repeat-y 0px 0px;
	width:333px;
	height:200px;
	float:left;
	position:relative;
	margin-bottom:20px;
}
.section .info_box .top{
	background:url("http://ttimg.tworld.co.kr/together/common/box_w333_head.gif") no-repeat 0px 0px;
	width:100%;
	height:5px;
	float:left;
}
.section .info_box .bottom{
	background:url("http://ttimg.tworld.co.kr/together/common/box_w333_foot.gif") no-repeat 0px bottom;
	width:100%;
	height:5px;
	float:left;
	position:absolute;
	left:0px;
	bottom:0px;
}
.section .info_box h4{
	margin-left:12px;
	margin-left /**/:24px;
}
.section .info_box p{
	width:90%;
	margin:8px 0px 8px 12px;
	margin /**/:16px 0px 16px 24px;
	line-height:1.5;
	float:left;
	color:#949494;
	position:relative;
}
*+html>body .section .info_box p{margin:8px 0px 8px 24px;}

.section .info_box p input{
	float:left;
	font-size:90%;
	margin:5px 0px 8px;
}
.section .info_box p input.info_numbox {
	margin-left:-10px;
	margin-left /**/:0px;
}
*+html>body .section .info_box p input.info_numbox {margin-left:-24px;}
.section .info_box p select{
	float:left;
	margin:5px 5px 8px 0px;
}
.section .info_box p span{
	clear:both;
	width:280px;
	height:12px;
	padding:4px 0px 0px;
	line-height:1.7;
	position:absolute;
	top:105px;
	left:0px;
}
.section .info_box .user_class{
	padding:0px;
	margin:16px 0px -0px 12px;
	margin /**/:16px 0px -8px 24px;
}
.section .info_box .user_class label{
	font-weight:bold;
	width:auto;
	padding-right:15px;
	margin:0px;
	text-align:center;
	float:left;
}
.section .info_box .user_class input{
	margin:0px;
	border:0px;
	float:left;
}

.section .info_box ul{
	width:90%;
	margin:5px 0px 5px 12px;
	margin /**/:10px 0px 10px 24px;
	line-height:1.5;
	float:left;
}
.section .info_box li{
	width:100%;
	padding:5px 0px;
	color:#949494;
	float:left;
	line-height:1.7;
}
.section .info_box li.info{
	font-weight:normal;
	font-size:90%;
}
.section .info_box li input{
	float:left;
	margin-right:8px;
}
.section .info_box li strong{float:left; width:95px;}
.section .info_box p label{
	width:100%;
	float:left;
	font-weight:bold;
}
.section .info_box .btn_modify{
	position:absolute;
	bottom:20px;
	left:125px;
}

.section .right{float:right;}
.section .right p{padding-left:5px;}

/* ------------------------------------------------------------------------------------- */
/* leave_info */
.section .leave_info{
	background:url("http://ttimg.tworld.co.kr/together/member/leave_img.jpg") no-repeat 0px 0px;
	width:645px;
	height:73px;
	margin-bottom:30px;
	float:left;
	padding:117px 0px 0px 40px;
	line-height:2.0;
	font-weight:bold;
	color:#969696;
}

/* join_btn */
.join_btn{
	width:165px;
	margin:0px auto;
}
.join_btn a,
.join_layer a,
.info_box a {
	background:url("http://ttimg.tworld.co.kr/together/board/btn_board.gif") no-repeat;
	width:73px;
	height:28px;
	float:left;
	overflow:hidden;
	text-indent:-3000px;
}
.join_btn a.btn_join{background-position:0px -315px;}
.join_btn a.btn_join_cancel{background-position:0px 0px; float:right;}
.join_btn a.btn_join_ok{background-position:0px -349px;}
.join_btn a.btn_leave{background-position:0px -383px;}

.join_layer a.btn_join_ok{background-position:0px -349px; margin-left:100px;}
.join_layer a.btn_nickname{background-position:0px -529px; width:77px; height:20px;}
.join_layer a.btn_join_cancel1{background-position:0px -581px; margin-left:5px;}
.join_layer a.btn_address{background-position:0px -724px; width:79px; height:20px;}

.info_box a.btn_authentic{background-position:0px -451px; width:56px; height:20px; margin:5px px 0px 10px;}
.info_box a.btn_modify{background-position:0px -417px; margin:10px 0px 0px 10px;}
.info_box a.btn_nickname{background-position:0px -529px; width:77px; height:20px;}
.info_box a.btn_join_cancel{background-position:0px 0px; float:left;margin-top:10px;}
.info_box a.btn_ok{background-position:0px -913px; margin:10px 0px 0px 110px;}
.modify .info_box a.btn_ok{background-position:0px -913px; margin:10px 10px 0px 60px;}


body div.screen {
	position: absolute;
	left: 0px;
	top: 0px;
	background-color: #fafafa;
	z-index: 1000;
	border: solid 0px red;
	filter: alpha(opacity=50);
	opacity:0.5;
	float:left;
}
/* ------------------------------------------------------------------------------------- */
/* modify */
.modify .modify_txt {width:100%; float:left;line-height:1.5;padding:25px 0px; clear:both; }
.modify .agree {width:100%; float:left; border-bottom:solid 1px #e3e3e3; padding-bottom:15px; margin-bottom:10px;}
.modify .agree li {height:30px; float:left; clear:both; }
.modify .agree strong {float:left; width:85px; line-height:1.5;}
.modify .agree label {float:left; width:auto; margin:0px; width:80px; }
.modify .agree p {float:left; padding:0px;}
.modify .info_box {height:180px; margin:0px; background:none; clear:both;}
.modify .info_box input {width:180px;}
.modify .info_box p {float:right; width:238px; margin-top:0px; padding:0px; }
*+html>body .modify .info_box p {margin-top:-1px; }
.modify .info_box p input {position:relative; left:-12px; left /**/:0px;}
*+html>body .modify .info_box p input {left:-24px;}