@charset "utf-8";
@import "reset.css";
@import "common.css";



/* main에 쓰인 스타일 */

/* main용 gnb_bottom */
.gnb_bottom {position:absolute; top:295px; left:5px; background:url(/images/forum/bg_gnb_bottom.png) no-repeat 0 0; width:968px; height:8px; z-index:9993;}
	

/* 포럼 주제 미리보기 용 */

/* 100% 배경용 */
.forum_layout { clear:both; background:url(/images/forum/bg_main_forum.gif) repeat-x 0 0; height:413px; position:relative; left:0; z-index:99;}

/* 940px inner */
.forum_area {width:940px; margin:0 auto; clear:both; padding-top:35px; z-index:9; position:relative;}

/* 포럼 주제영역 */
.forum_layout1 {border:4px solid #589d3d; width:725px; background:#fff; float:left;}
	.track_list {width:300px; overflow:auto; height:310px; float:left;}
	.track_list > li {border-bottom:1px solid #56a024; border-top:1px solid #e0ecd0;}
	.track_list > li:first-child {border-top:none;}
	.track_list > li a {display:block; background:#85c76c; color:#fff; font-weight:bold; font-size:13px;padding:10px 33px 10px 30px;}
	.track_list > li a span {color:#025b00; padding-right:5px;}
	.track_list > li a:hover,
	.track_list > li a:focus,
	.track_list > li a:active,
	.track_list > li.on a {background:url(/images/forum/track_on.gif) no-repeat left center;}
	.track_list > li a:hover span,
	.track_list > li a:focus span,
	.track_list > li a:active span,
	.track_list > li.on a span {color:#fcff1e;}

/* 세부 세션 목록 및 상세 */
	.session_list {width:425px; overflow:auto; height:310px; position:relative;}
	.session_list > li {border-bottom:1px solid #fff; position:relative; float:left }
	.session_list > li .title_area {position:relative; background:#e6e6e6; padding:10px 40px 10px 18px; float:left;}
	.session_list > li .title_area > a.title { width:350px; float:left; font-weight:bold; display:block; font-size:13px; color:#404040;}	
	.session_list > li .title_area > a.title span {color:#2b83c0; padding-right:5px;}
	.session_list > li .title_area > a.title:hover,
	.session_list > li .title_area > a.title:focus,
	.session_list > li .title_area > a.title:active { text-decoration:underline;}
	.session_list > li .title_area > a.icon_open {height:100%; background:url(/images/forum/btn_down.png) no-repeat 0 center; position:absolute; top:0; right:10px; width:17px;}	
	.session_list > li .title_area > a.icon_close {height:100%; background:url(/images/forum/btn_up.png) no-repeat 0 center; position:absolute; top:0; right:10px; width:17px;}	
	.session_list > li.on > .title {background:#e6e6e6;}
	.session_list > li a:hover span,
	.session_list > li a:hover active,
	.session_list > li a:hover focus,
	.session_list > li.on a span {}
		.session_list > li > div { background:#fff; padding:15px 5px 25px 18px; float:left;}		
		.session_list > li > div > p {padding-bottom:10px; font-size:13px; color:#888;}
		.session_list > li > div .profile_list {border-top:1px dashed #999; padding-top:15px; width:382px;}
		.session_list > li > div .profile_list li {padding:10px 35px 0 15px; background:url(/images/forum/bullet_02.png) no-repeat 3px 16px;  position:relative;}
		.session_list > li > div .profile_list li .name {color:#333;}
		.session_list > li > div .profile_list li .view_profile a {background:url(/images/forum/icon_profile.gif) no-repeat 0 center; padding-left:40px; color:#006490; text-transform:uppercase; font-size:10px; display:inline-block; margin-top:7px;}
		.session_list > li > div .profile_list li .view_file {position:absolute; top:13px; right:5px;}
		


/* greeting 부분 */
.greeting {float:right; width:190px; border:4px solid #589d3d; height:310px; background:#fff; }
	.greeting h3 {height:29px; font-size:14px; background:#589d3d; line-height:27px; color:#fff; text-align:center;}
	.greeting_prev {display:block; padding:7px 0; text-align:center;}
	.greeting_next {display:block; padding:7px 0; text-align:center;}
	.greeting ul {height:241px; overflow:hidden;}
	.greeting ul li {text-align:center; margin-top:1px; padding:10px 0; height:100px;}
	.greeting ul li p a {}
	.greeting ul li dl dt a { font-size:14px; color:#00598d; font-weight:bold;}
	.greeting ul li dl dt a:hover,
	.greeting ul li dl dt a:focus,
	.greeting ul li dl dt a:active {text-decoration:underline;}
	
	.greeting ul li dl dd a { font-size:11px; color:#767676; line-height:1;}
	.greeting ul li dl dd a:hover, 	
	.greeting ul li dl dd a:focus, 
	.greeting ul li dl dd a:active {text-decoration:underline;}

/* 그림자 영역 */
.forum_shadow {background:url(/images/forum/main_shadow.png) no-repeat center 0; width:940px; height:30px; clear:both;}


/* 메인 하단 컨텐츠 */
.contents {clear:both; padding:20px; margin-top:-20px;}
	.section1 {width:275px; float:left; margin-right:30px; height:165px; }
		.section1 h3 {background:url(/images/forum/main_h3_bg.gif) no-repeat right bottom; height:30px; line-height:28px; color:#248fce; font-size:13px; position:relative;}
		.section1 h3 a {position:absolute; top:11px; right:18px;}
		.section1 dl dt a {display:block; font-size:14px; font-weight:bold; color:#444; height:20px; overflow:hidden; margin:5px 0;}
		.section1 dl dt a:hover,
		.section1 dl dt a:focus,
		.section1 dl dt a:active {text-decoration:underline;}
		.section1 dl dd a {display:block; color:#777; line-height:16px;}
		.section1 dl dd a:hover,
		.section1 dl dd a:focus,
		.section1 dl dd a:active {text-decoration:underline;}
		.section1 dl dd.date {font-size:11px; color:#4db7f5; margin-top:5px;}
	
	
	.section2 {width:305px; float:left; height:165px; }
		.section2 h3 {background:url(/images/forum/main_h3_bg.gif) no-repeat right bottom; height:30px; line-height:28px; color:#248fce; font-size:13px; position:relative;}
		.section2 h3 a {position:absolute; top:11px; right:18px;}
		.section2 ul {}
		.section2 ul li {float:left; width:142px; padding:0 5px; margin-left:1px; text-align:center;}
		.section2 ul li:first-child {margin-left:0}
		.section2 ul li .photo_title {width:142px; height:20px; margin-top:10px; overflow:hidden;}
		.section2 ul li .photo_title:hover {text-decoration:underline;}
		.section2 ul li .photo_img {margin-top:5px;}


	.section3 {width:300px; float:right; height:165px;}
		.section3 h3 {background:url(/images/forum/main_h3_bg.gif) no-repeat right bottom; height:30px; line-height:28px; color:#248fce; font-size:13px; position:relative;}
		.section3 h3 a {position:absolute; top:11px; right:18px;}
		.section3 p {padding-top:10px;}