﻿@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_my.gif") no-repeat 4px 0px;
}

.side_l ul.sub_menu li a{
	background:url("http://ttimg.tworld.co.kr/together/subcom/left_menu_my.gif") no-repeat 0px 0px;
}
.side_l ul.sub_menu li.menu_1 a{background-position:5px -36px;}
.side_l ul.sub_menu li.menu_2 a{background-position:5px -89px;}
.side_l ul.sub_menu li.menu_3 a{background-position:5px -141px;}
.side_l ul.sub_menu li.menu_1 a:hover,
#my1.side_l ul.sub_menu li.menu_1 a{background-position:-210px -36px;}
.side_l ul.sub_menu li.menu_2 a:hover,
#my2.side_l ul.sub_menu li.menu_2 a{background-position:-210px -89px;}
.side_l ul.sub_menu li.menu_3 a:hover,
#my3.side_l ul.sub_menu li.menu_3 a{background-position:-210px -141px;}
.side_l ul.sub_menu li.menu_4 a:hover,

/* 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_my.gif") no-repeat;
}
.contant .sub_c_title .title1{background-position:10px 0px;}
.contant .sub_c_title .title2{background-position:10px -70px;}
.contant .sub_c_title .title3{background-position:10px -115px;}

.contant .sub_c_title .t_txt1{background-position:10px -34px; height:14px;}
.contant .sub_c_title .t_txt3{background-position:10px -151px;}

/* 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;
}
/* ------------------------------------------------------------------------------------- */
label.deco_blank{
	display:block;
	width:100%;
	float:left;
}
.section .w_box_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;
	float:left;
}
.section .w_box_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 .w_box_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 .unit_select{
	background:url("http://ttimg.tworld.co.kr/together/forplanet/co2_title_bg.gif") no-repeat 0px -70px;
	width:665px;
	height:30px;
	float:left;
	color:#906e55;
	font-weight:bold;
	margin:0px 0px 10px 0px;
	padding-left:20px;
	overflow:hidden;
	border:0px;
	line-height:2.6;
}
.section .unit_select strong{
	color:#a42c2b;
}

/* stocktaking */
.section .w_box_con h4,
.section .w_box_con h4 a{
	background:url("http://ttimg.tworld.co.kr/together/mypage/my1_title_btn.gif") no-repeat;
	float:left;
	width:100%;
	height:31px;
}
.section .w_box_con h4.lv1004{background-position:0px 0px;}
.section .w_box_con h4.vln{background-position:0px -51px;}
.section .w_box_con h4.good{background-position:0px -102px;}
.section .w_box_con h4.dnt{background-position:0px -153px;}
.section .w_box_con h4 a{
	background-position:-271px -11px;
	width:35px;
	height:14px;
	float:right;
	margin:11px 8px 0px 0px;
	overflow:hidden;
	text-indent:-3000px;
	font-size:0px;
}
.section .w_box_con div.my_list{
	width:313px;
	float:left;
	padding-bottom:15px;
}
.section .w_box_con div.right{float:right;}
.section .w_box_con .my_list .list1{
	float:left;
	width:100%;
	padding:12px 0px;
	border-bottom:solid 1px #eeeeee;
}
.section .w_box_con .my_list .list1 li{
	background:url("http://ttimg.tworld.co.kr/together/etc/bu_square_orange.gif") no-repeat 14px 11px;
	float:left;
	width:265px;
	padding:0px 24px;
	line-height:2.2;
	color:#ff491a;
	font-weight:bold;
}
.section .w_box_con .my_list .list2{
	float:left;
	width:100%;
	padding:0px 0px 20px;
	margin-bottom:10px;
	border-bottom:solid 2px #d6d6d6;
	line-height:1.6;
	min-height:115px;
	height:auto !important;
	height:115px;	
}
.section .w_box_con .my_list ul.list2{padding:20px 0px;}
.section .w_box_con .my_list .list2 dt{
	float:left;
	width:285px;
	padding:20px 14px 0px;
	font-weight:bold;
}
.section .w_box_con .my_list .list2 li{
	background:url("http://ttimg.tworld.co.kr/together/etc/bu_square_gray.gif") no-repeat 14px 8px;
	float:left;
	width:265px;
	font-weight:bold;
	padding:0px 24px;
}
.section .w_box_con .my_list .list2 dd{
	float:left;
	width:285px;
	padding:0px 14px;
}
.section .w_box_con .my_list a.btn_lv1004,
.section .w_box_con .my_list a.btn_vlnteer,
.section .w_box_con .my_list a.btn_delivery,
.section .w_box_con .my_list a.btn_dntblood{
	background:url("http://ttimg.tworld.co.kr/together/mypage/my1_title_btn.gif") no-repeat;
	float:right;
	height:20px;
	text-indent:-3000px;
	overflow:hidden;
}
.section .w_box_con .my_list a.btn_lv1004{
	background-position:0px -204px;
	width:111px;
}
.section .w_box_con .my_list a.btn_vlnteer{
	background-position:0px -234px;
	width:70px;
}
.section .w_box_con .my_list a.btn_delivery{
	background-position:0px -264px;
	width:70px;
}
.section .w_box_con .my_list a.btn_dntblood{
	background-position:0px -294px;
	width:59px;
}

/* benefit */
.section .w_box_con .top_txt{
	background:url("http://ttimg.tworld.co.kr/together/mypage/bene_bg.jpg") no-repeat right 0px;
	float:left;
	width:100%;
	height:112px;
	padding:20px 0px 0px 0px;
}
.section .w_box_con .top_txt label{
	background:url("http://ttimg.tworld.co.kr/together/mypage/bene_txt.gif") no-repeat 10px 0px;
	float:left;
	width:370px;
	height:75px;
	text-indent:-3000px;
}
.section .w_box_con .info1,
.section .w_box_con .info2{
	width:295px;
	padding-left:10px;
	float:left;
	line-height:1.6;
	margin-bottom:25px;
}
.section .w_box_con .info1 dt,
.section .w_box_con .info2 dt{
	background:url("http://ttimg.tworld.co.kr/together/mypage/bene_txt.gif") no-repeat;
	width:100%;
	height:14px;
	margin-bottom:15px;
	text-indent:-3000px;
	float:left;
}
.section .w_box_con .info1 dt{background-position:0px -102px;}
.section .w_box_con .info2 dt{background-position:0px -127px;}
.section .w_box_con .info1 dd,
.section .w_box_con .info2 dd{
	width:100%;
	float:left;
}
.section .w_box_con .info2 dd span{font-size:90%;}
.section .w_box_con .info1_standard{
	background:url("http://ttimg.tworld.co.kr/together/common/box_g296_body.gif") repeat-y 0px 0px;
	width:296px;
	padding-right:10px;
	float:right;
}
	.section .w_box_con .standard1{
		background:url("http://ttimg.tworld.co.kr/together/common/box_g296_head.gif") no-repeat 0px 0px;
		width:100%;
		padding-top:10px;
		float:left;
	}
	.section .w_box_con .standard1 li{
		background:url("http://ttimg.tworld.co.kr/together/etc/bu_square_gray.gif") no-repeat 0px 10px;
		width:240px;
		margin:0px 11px;
		margin /**/:0px 23px;
		padding-left:10px;
		line-height:2.1;
		float:left;
		border-bottom:solid 1px #e2e2e2;
	}
	.section .w_box_con .standard1 li span,
	.section .w_box_con .standard2 li span{float:left;}
	.section .w_box_con .standard1 li strong,
	.section .w_box_con .standard2 li strong{
		color:#f47d65;
		float:right;
	}
	.section .w_box_con .standard2{
		border:solid 1px #eeeeee;
		background-color:#ffffff;
		width:250px;
		padding:6px 9px 5px 9px;
		margin:5px 6px;
		margin /**/:5px 13px;
		float:left;
	}
	.section .w_box_con .standard2 li{
		background:url("http://ttimg.tworld.co.kr/together/etc/bu_square_gray.gif") no-repeat 0px 9px;
		width:240px;
		float:left;
		padding-left:10px;
		line-height:1.9;
		border-bottom:solid 1px #e9e9e9;
	}
	.section .w_box_con .standard2 li.tip{
		background:none;
		float:left;
		font-size:90%;
		color:#8e8e8e;
		padding:5px 0px;
		border-bottom:0px;
		margin:0px;
		
	}
	.section .w_box_con .standard2 li.tip em{
		font-weight:bold;
		font-style:normal;
	}
	.section .w_box_con .info1_standard .box_g_bottom{
		background:url("http://ttimg.tworld.co.kr/together/common/box_g296_foot.gif") no-repeat 0px bottom;
		width:100%;
		height:8px;
		float:left;
	}
	.section .w_box_con .standard1 li.b_no,
	.section .w_box_con .standard2 li.b_no{
		border:0px;
	}

.section .w_box_con .info2_standard{
	width:625px;
	margin:0px 5px;
	margin /**/:0px 10px;
	padding:20px 0px;
	border-top:solid 1px #e8e8e8;
	float:left;
}
	.info2_standard li {
		background:url("http://ttimg.tworld.co.kr/together/mypage/bg_dot_gray.gif") repeat-x 0px bottom;
		width:615px;
		margin-bottom:12px;
		padding:0px 0px 10px 0px;
		float:left;
	}
	.info2_standard li.last {
		background:none;
		padding:0px;
		margin-bottom:0px;
	}
	.info2_standard li label{
		background:url("http://ttimg.tworld.co.kr/together/mypage/bene_img.gif") no-repeat;
		width:120px;
		height:70px;
		float:left;
	}
	.info2_standard li .img1{background-position:0px 0px;}
	.info2_standard li .img2{background-position:0px -75px;}
	.info2_standard li .img3{background-position:0px -150px;}
	.info2_standard li .img4{background-position:0px -225px;}
	.info2_standard li .img5{background-position:0px -300px;}
	.info2_standard li p{
		width:410px;
		float:left;
		line-height:1.7;
	}
	.info2_standard li p label{
		background:none;
		width:100%;
		height:auto;
		font-weight:bold;
		line-height:2.0;
		padding-bottom:3px;
		margin:0px;
	}
	.info2_standard li label strong{color:#f48955;}
	.info2_standard li a{
		background:url("http://ttimg.tworld.co.kr/together/mypage/btn_benefit.gif") no-repeat -68px 0px;
		width:68px;
		height:69px;
		overflow:hidden;
		text-indent:-3000px;
		float:left;
	}
	.info2_standard li a:hover{background-position:0px 0px;}
	.info2_standard li a.btn_gellery{background-position:-68px -69px;}
	.info2_standard li a.btn_gellery:hover{background-position:0px -69px;}

/* bestforme */
.bloodtpye{
	background:url("http://ttimg.tworld.co.kr/together/mypage/bloodtype_title.gif") no-repeat 0px 0px;
	width:423px;
	padding-left:262px;
	height:80px;
	margin-bottom:10px;
}
.bloodtpye li{
	width:105px;
	padding:15px 0px 0px 0px;
	float:left;
}
.bloodtpye li a{
	background:url("http://ttimg.tworld.co.kr/together/mypage/bloodtype_title.gif") no-repeat;
	float:left;
	width:75px;
	height:49px;
	overflow:hidden;
	text-indent:-3000px;
}
.bloodtpye li .blood_a{background-position:-262px -15px;}
.bloodtpye li .blood_ab{background-position:-472px -15px;}
.bloodtpye li .blood_b{background-position:-367px -15px;}
.bloodtpye li .blood_o{background-position:-577px -15px;}
.blood_select{
	background:url("http://ttimg.tworld.co.kr/together/mypage/bloodtype_bg.jpg") no-repeat 0px 0px;
	width:100%;
	height:453px;
}
.blood_select label{
	position:relative;
	top:95px;
	left:405px;
	width:150px;
	height:30px;
	color:#743d43;
	font-weight:bold;
	font-size:120%;
}
.blood_select label strong{
	color:#fa3501;
}
.blood_select .arrow_yes,
.blood_select .arrow_no{
	background:url("http://ttimg.tworld.co.kr/together/mypage/bloodtype_box1.gif") no-repeat;
	overflow:hidden;
	text-indent:-3000px;
	width:75px;
	height:45px;
	float:left;
	position:relative;
	top:150px;
	
}
.blood_select .arrow_yes{background-position:0px -142px;left:295px;}
.blood_select .arrow_no{background-position:right -142px;left:475px;}
.blood_select table{
	position:relative;
	left:305px;
	width:299px;
	border:0px;
	padding:0px;
}
.blood_select td{
	color:#743d43;
	font-weight:bold;
	font-size:120%;
	text-align:center;
	line-height:1.8;
}
.blood_select td a{
	color:#fa3501;
	font-size:120%;
	display:block;
	text-decoration:underline;
}
.blood_select table.con1{
	background:url("http://ttimg.tworld.co.kr/together/mypage/bloodtype_box1.gif") no-repeat -14px 0px;
	height:140px;
	top:150px;
}
.blood_select table.con2{
	background:url("http://ttimg.tworld.co.kr/together/mypage/bloodtype_box2.gif") no-repeat 0px 0px;
	height:115px;
	top:165px;
}
.blood_select table.con1 td{
	padding-bottom:30px;
}
