﻿@import url(/css/common.css);

label.deco_blank{
	display:block;
	width:100%;
	float:left;
}
/* side_l -------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------- */
	hr.border_line{ 
		display:block; 
		height:1px;
		width:100%;
		border:solid #e5e5e5;
		border-width:1px 0px 0px 0px;
		margin-top:-7px;
		float:left;
	}
	html[xmlns]>/**/body  hr.border_line{margin:17px 0px 14px;}
	*+html>body hr.border_line{ margin:17px 0px 1px 0px;}

/* L2. together와 함께해요 */
.side_l ul.vod{
	background:url("http://ttimg.tworld.co.kr/together/main/vod_bg.gif") no-repeat 0px 0px;
	width:190px;
	float:left;
	padding:47px 15px 17px;
}
.side_l ul.vod li{
	width:181px;
	height:121px;
	float:left;
	border:solid 1px #cdcdcd;
}
.side_l p.vod img{float:none;}
/* L3. 미아찾기  L4. 행복한 미술관 */
.side_l dl{
	width:100%;
	float:left;
}
.side_l dt{
	background:url("http://ttimg.tworld.co.kr/together/main/title_l_r.gif") no-repeat 8px 0px;
	width:100%;
	padding:38px 0px 8px;
	border-bottom:solid 1px #bebebe;
	margin-bottom:9px;
	text-align:right;
	float:left;
}
html[xmlns] .side_l dt{padding:38px 0px 10px;}

.side_l .lostfound dt{background-position:8px 0px;}
.side_l .hpgallery dt{background-position:8px -64px;}
.side_l dt a img{margin:0px 8px 0px 0px; height:10px;}
.side_l dd{
	padding:0px 9px;
	width:195px;
	float:left;
}
.side_l dd a{
	font-size:90%;
	display:block;
	color:#666666;
	padding:3px 0px;
	line-height:1.3;
}
.side_l dd .img{float:left;}
.side_l dd .txt{
	width:115px; 
	margin-left:74px;
	margin-left /**/:80px;
}
.side_l .lostfound dd img{
	border:solid 1px #cdcdcd;
	width:66px;
	height:72px;
	float:left;
	margin-right:9px;
}
.side_l .hpgallery dd{float:left; text-align:center;}
.side_l .hpgallery dd a{font-weight:bold; line-height:2.5; clear:both; width:195px;}
.side_l .hpgallery dd img{
/*	width:195px;
	height:109px; */
	border:solid 1px #cdcdcd;
	margin-bottom /**/:3px;
}
/* L5. banner */
.side_l ul.l_banner,
.side_l ul.l_banner a{float:left;}
.side_l ul.l_banner li{
	float:left;
	padding:3px 0px;
}
html>body .side_l ul.l_banner li{
	padding:4px 0px;
}
/* colgroup --------------------------------------------------------------------------------- */
/* main_flash ------------------------------------------------------------------------------- */
.main_flash{
	width:100%;
	height:242px;
	margin-bottom:20px;
	float:left;
}

/* C1. */
.contant{
	width:450px;
	float:left;
	position:relative;
}
/* colgroup contant ------------------------------------------------------------------------- */
/* C1. 따뜻한 뉴스, 행복한 이야기 */
.contant .hpworld{
	background:url("http://ttimg.tworld.co.kr/together/main/tab_bg.gif") no-repeat 0px 48px;
	width:100%;
	height:185px;
	float:left;
	position:relative;
}
.contant .hpworld dt{
	width:225px;
	float:left;
	position:absolute;
	top:0px;
	text-indent:-3000px;
}
.contant .hpworld dt a{
	background:url("http://ttimg.tworld.co.kr/together/main/main_tab_btn.gif") no-repeat;
	width:100%;
	height:48px;
	float:left;
	left:0px;
	overflow:hidden;
}
.contant .hpworld dt.title_01{left:0px;}
.contant .hpworld dt.title_02{right:0px;}
.contant .hpworld dt.title_02 a{background-position:-225px 0px;}
.contant .hpworld dt.title_01 a:hover,.contant .hpworld dt.title_01 a.select{background-position:0px 0px;}
.contant .hpworld dt.title_02 a:hover,.contant .hpworld dt.title_02 a.select{background-position:-225px -48px;}
.contant .hpworld dt.title_01 a{background-position:0px -48px;}
.contant .hpworld dd{
	position:absolute;
	top:48px;
	left:0px;
	width:420px;
	height:99px;
	padding:19px 15px;
	float:left;
}
.contant .hpworld dd ul{
	width:100%;
	height:99px;
	float:left;
	z-index:9;
	position:absolute;
}
html>body .contant .hpworld dd ul{position:relative;}
.contant .hpworld dd ul li{
	background:url("http://ttimg.tworld.co.kr/together/etc/bu_square_b.gif") no-repeat 11px 6px;
	white-space:nowrap;
	padding:0px 0px 2px 21px;
	float:left;
	width:200px;
	line-height:1.5;
}
.contant .hpworld dd ul li a{color:#666666;}
.contant .hpworld dd ul li a:hover{color:#ff4b16; text-decoration:none;}
.contant .hpworld dd ul li.img{
	background:none;
	width:115px;
	padding:0px 9px 11px 12px;
	float:left;
}
.contant .hpworld dd ul li.img img{
	width:113px;
	height:61px;
	border:solid 1px #cdcdcd;
	display:block;
}
.contant .hpworld dd ul li.img a.txt{
	font-size:90%;
	height:30px;
	float:left;
	white-space:normal;
	text-align:center;
	line-height:1.1;
	padding:10px 0px 0px 2px;
	letter-spacing:-1px;
}
.contant .hpworld dd p{
	background:url("http://ttimg.tworld.co.kr/together/main/btn_arrow_mainnews.gif") no-repeat 0px 0px;
	width:25px;
	height:13px;
	position:absolute;
	right:15px;
	bottom:15px;
	float:left;
	z-index:10;
}
.contant .hpworld dd p a{
	background:url("http://ttimg.tworld.co.kr/together/main/btn_arrow_mainnews.gif") no-repeat;
	height:13px;
	float:left;
	text-indent:-3000px;
}
.contant .hpworld dd p a.btn_arrow_l{
	background-position:0px 0px;
	width:12px;
}
.contant .hpworld dd p a.btn_arrow_r{
	background-position:-12px 0px;
	width:13px;
}
/* C2. 고객자원봉사, 자원봉사후기 */
/* C3. 천사사랑나눔, 후원금 쓰임 현황 */
.contant .vlnteer{
	background:url("http://ttimg.tworld.co.kr/together/main/main_tab_btn.gif") no-repeat;
	width:100%;
	float:left;
	position:relative;
}
.contant #vlnteer1.vlnteer{background-position:0px -101px;}
.contant #vlnteer2.vlnteer{background-position:0px -166px;}
.contant .vlnteer dt{
	float:left;
	height:30px;
	position:absolute;
	top:0px;
	text-indent:-3000px;
}
.contant .vlnteer dt a{
	background:url("http://ttimg.tworld.co.kr/together/main/main_tab_btn.gif") no-repeat;
	width:100%;
	height:30px;
	float:left;
	left:0px;
	overflow:hidden;
}
.contant .vlnteer dt.title_01{left:0px; width:127px;}
.contant .vlnteer dt.title_02{left:127px; width:125px;}
.contant #vlnteer1.vlnteer dt.title_02 a{background-position:-127px -101px;}
.contant #vlnteer1.vlnteer dt.title_01 a:hover,
.contant #vlnteer1.vlnteer dt.title_01 a.select{background-position:0px -101px;}
.contant #vlnteer1.vlnteer dt.title_02 a:hover,
.contant #vlnteer1.vlnteer dt.title_02 a.select{background-position:-127px -131px;}
.contant #vlnteer1.vlnteer dt.title_01 a{background-position:0px -131px;}

.contant #vlnteer2.vlnteer dt.title_02 a{background-position:-127px -166px;}
.contant #vlnteer2.vlnteer dt.title_01 a:hover,
.contant #vlnteer2.vlnteer dt.title_01 a.select{background-position:0px -166px;}
.contant #vlnteer2.vlnteer dt.title_02 a:hover,
.contant #vlnteer2.vlnteer dt.title_02 a.select{background-position:-127px -196px;}
.contant #vlnteer2.vlnteer dt.title_01 a{background-position:0px -196px;}

.contant .vlnteer dd{
	position:relative;
	top:30px;
	left:0px;
	width:100%;
	height:223px;
}
.contant #vlnteer1.vlnteer dd.content_01{height:125px;}
.contant .vlnteer dd.content_01 ul{
	width:100%;
	background-color:#ffffff;
	padding-top:5px;
	float:left;
}
.contant .vlnteer dd.content_01 ul li{
	width:100%;
	float:left;
	height:73px;
	padding:12px 0px 11px;
	border-bottom:solid 1px #e9e9e9;
}
.contant .vlnteer dd.content_01 ul li a{
	color:#666666;
	float:left;
	margin:0px;
	padding:0px;
}
.contant .vlnteer dd.content_01 ul li a.img{
	width:121px;
	padding:0px 7px;
}
.contant .vlnteer dd.content_01 ul li a.img img{
	width:119px;
	height:70px;
	border:solid 1px #ceccd1;
}
.contant .vlnteer dd.content_01 ul li a.txt{
	width:210px;
	padding:0px 10px 5px 6px;
	border-right:solid 1px #e9e9e9;
}
.contant .vlnteer dd.content_01 ul li a.txt strong{
	display:block;
	float:left; 
	padding-bottom:15px;
}
.contant .vlnteer dd.content_01 ul li a.txt strong u{
	text-decoration:none; 
	font-weight:normal;
	font-size:90%; 
	color:#5ab237;
}
.contant .vlnteer dd.content_01 ul li a.txt span{
	width:100%;
	height:22px;
	overflow:hidden;
	line-height:1.3;
	float:left;
	padding-bottom:10px;
}
.contant .vlnteer dd.content_01 ul li a:hover{text-decoration:none; cursor:pointer;}
.contant .vlnteer dd.content_01 ul li a:hover strong{text-decoration:underline;}
.contant .vlnteer dd.content_01 ul li a:hover strong u{text-decoration:underline;}
.contant .vlnteer dd.content_01 ul li a:hover span{color:#ff4d15;}
.contant .vlnteer dd.content_01 ul li a.btn_vlt{
	background:url("http://ttimg.tworld.co.kr/together/main/main_tab_btn.gif") no-repeat;
	width:64px;
	height:65px;
	text-indent:-3000px;
	margin:0px 10px 0px 10px;
	overflow:hidden;
}
.contant #vlnteer1.vlnteer dd.content_01 ul li a.btn_vlt{background-position:0px -239px;}
.contant #vlnteer2.vlnteer dd.content_01 ul li a.btn_vlt{background-position:-69px -239px;}

.contant .vlnteer dd.content_02 ul{
	width:100%;
	background-color:#ffffff;
	padding-top:8px;
	float:left;
	border-bottom:solid 1px #e9e9e9;
}
.contant .vlnteer dd.content_02 ul li{
	width:139px;
	float:left;
	padding:10px 5px;
}
.contant .vlnteer dd.content_02 ul li .img{
	width:137px;
	float:left;
	height:109px;
	margin-bottom:10px;
	border:solid 1px #d0cccb;
}
.contant .vlnteer dd.content_02 ul li img{
	width:137px;
	height:109px;
}
.contant .vlnteer dd.content_02 ul li .txt{
	width:137px;
	height:25px;
	line-height:1.5;
	color:#666666;
	padding:10px 0px 0px;
}
.contant .vlnteer dd.content_02 ul li .txt:hover{
	color:#ff4d15;
	text-decoration:none;
	cursor:pointer;
}
.contant .vlnteer dd.content_02 ul li .txt span{
	width:100%;
	font-size:90%;
	float:left;
}


/* C4. 사랑의 문자나눔 */
.contant .love_sms{
	width:100%;
	float:left;
}
.contant .love_sms .sms{
	background:url("http://ttimg.tworld.co.kr/together/main/bg_sms.gif") no-repeat 0px 0px;
	width:100%;
	height:62px;
}
.contant .love_sms .sms div{
	width:333px;
	height:29px;
	position:relative;
	border:solid 5px #ff5a6e;
	background-color:#ffffff;
	top:13px;
	right:13px;
	float:right;
	padding-top:1px;
}
.contant .love_sms .sms div img{
	position:absolute;
	right:2px;
	top:2px;
}
.contant .love_sms .sms div ul.sms_read{
	position:absolute;
	left:8px;
	top:5px;
	width:275px;
	height:20px;
	overflow:hidden;
}
.contant .love_sms .sms div ul.sms_read li{
	line-height:1.9;
	font-weight:bold;
	color:#878787;
	display:block;
}
.contant .love_sms .info{
	background:url("http://ttimg.tworld.co.kr/together/main/sms_text.gif") no-repeat 0px 0px;
	width:100%;
	height:88px;
}

	
/* colgroup side_r ---------------------------------------------------------------------------------------------------- */
.side_r{
	width:210px;
	float:right;
}
.side_r a{
	float:left;
}


/* twitter R1. 공지사항, R2. 이벤트, R3. 베너나눔 공통 */
.side_r h3{
	background:url("http://ttimg.tworld.co.kr/together/main/title_l_r.gif") no-repeat;
	width:100%;
	height:21px;
	border-bottom:solid 2px #eaeaea;
	margin-bottom:11px;
	position:relative;
	float:left;
}
.side_r h3 a img{
	position:absolute;
	right:5px;
	top:2px;
}
.side_r ul{
	width:202px;
	padding:0px 4px;
}
.side_r ul li{
	float:left;
	width:100%;
	color:#666666;
}
.side_r ul li a{
	color:#666666;
	float:left;
}
/* twitter jm2010.03.02 */
.side_r .twtr-widget {}
.side_r .twtr-hd {display:none;}
/*
.side_r .twtr-hd h3 ,
.side_r .twtr-hd h4 a {
	background-image:none;
	color: #ffffff;
	border:0px;
	margin:0px;
	float:left;
	width:145px;
	height:auto;
	position:inherit;
}
.side_r .twtr-hd h3 {left:-39px; left //:-31px;}
.side_r .twtr-hd h4 a {font-size:16px;}
*/
.side_r .twtr-bd {margin-top:37px; border-bottom:solid 1px #e6e6e6; }
.side_r .twtr-bd p { font-family:굴림, gulim;}
.side_r .twtr-bd p a { float:none;}
.side_r .twtr-bd p i { width:100%;  float:left;}
.side_r .twtr-bd p i a { font-size:10px;}
.side_r .twtr-ft {
	margin-top:-37px;
    position:relative;
    top:-220px;
    left:0px;
}
.side_r .twtr-ft div span {float:right; width:120px; line-height:1.4;}
.side_r .twtr-timeline,
.side_r .twtr-doc{-moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px;}
.side_r .twtr-tweets {
	height:219px;
	overflow:hidden;
}


	/* R1. 공지사항, R2. 이벤트, R3. 베너나눔 타이틀 위치 값 */
	.side_r h3.notice{background-position:6px -126px;}
	.side_r h3.event{background-position:6px -148px;}
	.side_r h3.banner{background-position:6px -169px;}

	/* R1. 공지사항 */
	.side_r ul.notice li{
		width:200px;
		padding:0px 1px 5px;
		line-height:1.3;
	}
	.side_r ul.notice li a{	white-space:nowrap;}
	.side_r ul.notice li a:hover{text-decoration:none; color:#ff4c15;}
	/* R2. 이벤트 */
	.side_r ul.event li{
		padding:7px 0px 0px;
		line-height:1.3;
	}
	.side_r ul.event li.img{padding:0px 0px 8px;}
	.side_r ul.event li.img img{
		width:200px;
		height:68px;
		border:solid 1px #cdcdcd;
	}
	.side_r ul.event li a:hover{text-decoration /**/:none;}	/* ie6 제외 */
	.side_r ul.event li a strong{
		font-weight:normal;
		display:block;
	}
	.side_r ul.event li a span{
		font-size:90%;
		color:#ff952d;
		line-height:1.2;
	}
	.side_r ul.event li a:hover strong,
	.side_r ul.event li a:hover span{text-decoration:underline;}
	/* R3. 베너나눔 */
	.side_r ul.banner li.txt{
		line-height:1.4;
		padding:12px 1px 0px;
	}


