@charset "utf-8";

/* button */
.btnRight {position:absolute; right:0; top:15px; word-spacing:normal;}
.sns_btn{text-align:right; margin-right:-10px;margin-top:28px; _margin-right:0;}
.player{overflow:hidden;height:440px;padding:5px 0 0 141px;background:url('/Html/Images/Front/community/media_player_bg.gif') no-repeat left top;}

.shootInfo {margin-left:-10px;margin-top:28px; _margin-left:0;}

/* list */
.boardWrap {width:100%; overflow:hidden; background:url('/Html/Images/Front/common/bg/bg_board.gif') no-repeat left top; padding-top:2px;}

table.list01 {width:100%; table-layout:fixed; border-bottom:2px solid #c9c9c9;}
	table.list01 th {text-align:center; vertical-align:middle; color:#555555; font-weight:bold; line-height:14px; font-size:12px; height:30px;  border-bottom:1px solid #cacaca; background:url('/Html/Images/Front/common/bg/bg_th.gif') no-repeat 100% 100%;}
		table.list01 th img {vertical-align:middle;}
		table.list01 th.noBg {background:none;}

	table.list01 td {text-align:center; vertical-align:middle; color:#7b7b7b; line-height:14px; font-size:12px; height:30px; border-bottom:1px solid #dfdfdf;}
	table.list01 td.subject {text-align:left; padding-left:14px;}
		/*table.list01 td.subject a:hover,
		table.list01 td.subject a:focus {text-decoration:none; font-weight:bold; color:#7b7b7b; letter-spacing:-1px;}*/
		table.list01 td.subject .ic{display:block;float:left;}
		table.list01 td.subject .subj{display:block;float:left;padding:2px 0 0 4px;}
		table.list01 td.photoSubject{text-align:left;}
		table.list01 td.photoSubject .stit{display:block;font-weight:bold;}
		table.list01 td.photoSubject .item{display:block;float:left;padding:0 12px 0 0;margin-top:7px;font-weight:bold;background:url('/Html/Images/Front/common/bl/bl_line01.gif') no-repeat right 1px;}
		table.list01 td.photoSubject .info{display:block;float:left;padding:0 0px 0 12px;margin-top:7px;}

		table.list01 td.classSubject {text-align:left;}
		table.list01 td.classSubject .sort {display:block; font-weight:bold; color:#707ab1; height:22px;}
		table.list01 td.classSubject .tit {display:block; font-weight:bold; height:42px;}
		table.list01 td.classSubject .item {display:block; float:left; padding:0 12px 0 0; font-weight:bold;background:url('/Html/Images/Front/common/bl/bl_line01.gif') no-repeat right 1px;}
		table.list01 td.classSubject .info {display:block; float:left; padding:0 0px 0 12px;}

		table.list01 td.classSubject .tit02 {display:block; font-weight:bold; height:30px;}
		table.list01 td.classSubject .item02 {display:block; float:left; height:20px; width:47px; padding:0; font-weight:bold;background:url('/Html/Images/Front/common/bl/bl_line01.gif') no-repeat right 1px;}
		table.list01 td.classSubject .info02 {display:block; float:left; height:20px; padding:0 0px 0 12px;}
	table.list01 td.photo {text-align:center;height:153px;}
		table.list01 td.photo p{width:134px;height:95px;margin:auto;padding:8px 10px 10px 8px;background:url('/Html/Images/Front/community/list01_photo_bg.gif') no-repeat left top;}
		table.list01 td.photo p img{width:134px;height:95px;}
	table.list01 td.webzinePast {text-align:center;height:126px;}
		table.list01 td.webzinePast p{width:84px;height:66px;margin:auto;padding:8px 10px 10px 8px;background:url('/Html/Images/Front/community/webzine_past_thumbnail_bg.gif') no-repeat left top;}
		table.list01 td.webzinePast p img{width:84px;height:66px;}

		/* 동영상강좌 상세보기 */
		table.list01 tr.vodClassD {}
		table.list01 tr.vodClassD td {border:1px solid #f1d48e; background:#fbfbfb url('/Html/Images/Front/common/bg/bg_online_class_detail.gif') no-repeat 15px 0; height:auto; padding:18px 0 15px 15px; text-align:left;}
		table.list01 tr.vodClassD td ul {width:100%; overflow:hidden;}
		table.list01 tr.vodClassD td li {width:100%; float:left; padding:0 0 4px 14px; line-height:18px; background:url('/Html/Images/Front/common/bl/bl_sq_gray.gif') no-repeat 0 6px;}
		table.list01 tr.vodClassD td li a {display:block; line-height:18px; width:100%;}
		table.list01 tr.faqConts td{
			height:auto;text-align:left;font-size:11px;
			border:1px solid #f1d48e; background:#fbfbfb url('/Html/Images/Front/common/bg/bg_online_class_detail.gif') no-repeat 26px 0; 
		}
		table.list01 tr.faqConts td div{padding:16px 20px 18px 84px; text-align:left;font-size:11px;line-height:17px;background:url('/Html/Images/Front/common/ic/ic_faq_a.gif') no-repeat 29px 12px;}

table.list02 {width:100%; table-layout:fixed; border-top:2px solid #a9b4ce;}
	table.list02 th {text-align:center; vertical-align:middle; background-color:#f7f8f9; color:#798299; font-weight:bold; line-height:14px; font-size:12px; height:30px; border-bottom:1px solid #d8dbe3; border-right:1px solid #d8dbe3;}
		table.list02 th img {vertical-align:middle;}

	table.list02 td {text-align:center; vertical-align:middle; color:#7b7b7b; padding:7px 0 5px 0; line-height:18px; font-size:12px; border-bottom:1px solid #d8dbe3; border-right:1px solid #d8dbe3;}
	table.list02 td.subject {text-align:left; padding-left:28px; background:url('/Html/Images/Front/common/bg/bg_play.gif') no-repeat 9px 10px;}
	table.list02 td.subject02 {text-align:left; padding-left:11px;}
	table.list02 td.pad0 {padding:0;}

/* list - td padding 대신 높이로 / border-right 없음 */
table.list03 {width:100%; table-layout:fixed; border-top:2px solid #a9b4ce;}
	table.list03 th {text-align:center; vertical-align:middle; background-color:#f7f8f9; color:#798299; font-weight:bold; line-height:14px; font-size:12px; height:30px; border-bottom:1px solid #d8dbe3; border-right:1px solid #d8dbe3;}
		table.list03 th img {vertical-align:middle;}

	table.list03 td {text-align:center; vertical-align:middle; color:#7b7b7b; height:30px; line-height:18px; font-size:12px; border-bottom:1px solid #d8dbe3;}
	table.list03 td.subject {text-align:left; padding-left:22px;}

/* paging */
.paging {position:relative; width:100%; padding-top:24px; text-align:center; font-size:12px; line-height:14px;}
.pagingOn {color:#444444; font-weight:bold;}
.paging img {vertical-align:top;}
.paging ul {display:inline-block; *display:inline;}
.paging li {display:inline-block; *display:inline; background:url('/Html/Images/Front/common/bg/bg_paging.gif') no-repeat 100% 2px; padding:0 7px 0 3px; *padding:0 4px 0 5px;}
.paging li.last {background:none;}
.paging a:link,
.paging a:visited,
.paging a:active
.paging a:hover, 
.paging a:focus {text-decoration:none; color:#888888;}

/* view */
table.view01 {width:100%; table-layout:fixed; border-bottom:2px solid #e5e5e5;}
	table.view01 th {text-align:left; vertical-align:middle; color:#555555; padding-left:24px; font-weight:bold; line-height:14px; font-size:12px; height:30px; border-bottom:1px solid #cacaca;}
	table.view01 th img {vertical-align:middle;}

	table.view01 td {text-align:left; vertical-align:middle; color:#7b7b7b; padding-left:12px; line-height:16px; font-size:12px; height:30px; border-bottom:1px solid #d8dbe3; background:url('/Html/Images/Front/common/bg/bg_th.gif') no-repeat 0 100%;}
	table.view01 td.title {font-weight:bold; padding:7px 0 5px 24px; height:auto; line-height:18px; background:none;}
	table.view01 span.rec {float:right; margin-top:-3px; margin-bottom:-2px; width:65px; text-align:right;}
	
	table.view01 tr.info th,
	table.view01 tr.info td { border-bottom:2px solid #cacaca;}
	table.view01 td.contents {padding:30px 10px 15px 10px; vertical-align:top; line-height:1.5em; background:none;}
	table.view01 td.contents div,
	table.view01 td.contents p { line-height:1.5em;}
	table.view01 td.contents .img {}
	table.view01 td.contents .imgInfo {text-align:center; font-size:11px; color:#999999; padding:10px 0 18px 0;}
	table.view01 td .txt{display:block;float:left;height:17px;padding:3px 0 0 0;}
	table.view01 td .bl{display:block;float:left;padding:2px 7px 0 0;}
	table.view01 td .icon{display:block;float:left;padding:0px 0 0 10px;}

	table.view01 td.classView {padding:30px 0 15px 10px; vertical-align:top; background:none;}
		table.view01 td.classView .playList {}
		table.view01 td.classView .playList a:hover {text-decoration:none; font-weight:bold; color:#54a6d9;}
		table.view01 td.classView .sns_btn{margin-right:0px !important;} 
		 
		/* 동영상 강좌 목록 */
		table.view01 td.classView .playList table.list02 {width:100%; table-layout:fixed; border-top:2px solid #a9b4ce;}
		table.view01 td.classView .playList table.list02 th {text-align:center; vertical-align:middle; background-color:#f7f8f9; padding:0; color:#798299; font-weight:bold; line-height:14px; font-size:12px; height:30px; border-bottom:1px solid #d8dbe3 !important; border-right:1px solid #d8dbe3;}
		table.view01 td.classView .playList table.list02 th img {vertical-align:middle;}

		table.view01 td.classView .playList table.list02 td {text-align:center; vertical-align:middle; color:#7b7b7b; padding:7px 0 5px 0; height:auto; line-height:18px; font-size:12px; border-bottom:1px solid #d8dbe3 !important; border-right:1px solid #d8dbe3; background:none;}
		table.view01 td.classView .playList table.list02 td.subject {text-align:left; padding-left:28px; background:url('/Html/Images/Front/common/bg/bg_play.gif') no-repeat 9px 10px;}

		table.view01 td.classView .playList table.list02 .play td,
		table.view01 td.classView .playList table.list02 .play td a {color:#54a6d9;}
		table.view01 td.classView .playList table.list02 .play td.subject {background:url('/Html/Images/Front/common/bg/bg_play_on.gif') no-repeat 9px 10px; font-weight:bold;}

table.view02 {width:100%; table-layout:fixed; border-top:2px solid #a9b4ce;}
	table.view02 th {text-align:left; vertical-align:middle; background-color:#f7f8f9; color:#798299; padding-left:20px; font-weight:bold; line-height:14px; font-size:12px; height:30px; border-bottom:1px solid #d8dbe3; border-right:1px solid #d8dbe3;}
	table.view02 th img {vertical-align:middle;}
	table.view02 td {text-align:left; vertical-align:middle; color:#7b7b7b; padding:7px 0 5px 12px; line-height:1.5em; font-size:12px;  border-bottom:1px solid #d8dbe3; border-right:1px solid #d8dbe3;}
	table.view02 td.pad0 {padding:0; padding-left:12px;}
	table.view02 td .txt{display:block;float:left;height:20px;font-weight:bold;padding:0px 0 0 0;}
	table.view02 td .bl{display:block;float:left;padding:0 7px 0 0;}
	table.view02 td .icon{display:block;float:right;padding:0px 0 0 4px;}

	table.view02 td.contents {padding:17px 20px 15px 20px; border-right:none;}
	table.view02 td.contents02 {padding:17px 20px 15px 20px; border-right:none; vertical-align:top;}
	table.view02 td.contents div,
	table.view02 td.contents p,
	table.view02 td.contents02 div,
	table.view02 td.contents02 p {line-height:1.5em;}

/* 보기 - 세로형 */
table.view03 {width:100%; table-layout:fixed; border-top:2px solid #a9b4ce;}
	table.view03 th {text-align:center; vertical-align:middle; background-color:#f7f8f9; color:#798299; font-weight:bold; line-height:14px; font-size:12px; height:30px; border-bottom:1px solid #d8dbe3; border-right:1px solid #d8dbe3;}
	table.view03 th img {vertical-align:middle;}
	table.view03 td {text-align:center; vertical-align:middle; color:#7b7b7b; padding:7px 0 5px 0; line-height:18px; font-size:12px;  border-bottom:1px solid #d8dbe3; border-right:1px solid #d8dbe3;}
	table.view03 td.pad0 {padding:0; padding-left:12px;}

th.noBorder,
td.noBorder {border-right:none !important;}

/* write */
table.write01 {width:100%; table-layout:fixed; border-top:2px solid #a9b4ce;}
	table.write01 th {text-align:left; vertical-align:middle; background-color:#f7f8f9; color:#798299; padding-left:20px; font-weight:bold; line-height:14px; font-size:12px; height:30px; border-bottom:1px solid #d8dbe3; border-right:1px solid #d8dbe3;}
	table.write01 th img {vertical-align:middle;}
	table.write01 td {text-align:left; vertical-align:middle; color:#7b7b7b;  height:30px; padding:0 0 0 12px; line-height:18px; font-size:12px;  border-bottom:1px solid #d8dbe3; border-right:1px solid #d8dbe3;}

table.write03 {width:100%; table-layout:fixed; border-bottom:2px solid #e5e5e5;}
	table.write03 th {text-align:left; vertical-align:middle; color:#555555; padding-left:24px; font-weight:bold; line-height:14px; font-size:12px; height:30px; border-bottom:1px solid #cacaca;}
	table.write03 th img {vertical-align:middle;}

	table.write03 td {text-align:left; vertical-align:middle; color:#7b7b7b; padding-left:12px; line-height:16px; font-size:12px; height:30px; border-bottom:1px solid #cacaca; background:url('/Html/Images/Front/common/bg/bg_th.gif') no-repeat 0 100%;}
	table.write03 td.title {font-weight:bold; padding:7px 0 5px 24px; height:auto; line-height:18px; background:none;}
	
	table.write03 tr.info th,
	table.write03 tr.info td { border-bottom:2px solid #cacaca;}
	table.write03 td.contents {padding:30px 10px 15px 10px; vertical-align:top; line-height:1.5em; height:95px; background:none;}
	table.write03 td.editor {padding:15px 0; height:auto; vertical-align:top; background:none;}
	table.write03 td.ccl {height:auto; vertical-align:top; background:none; padding:0;}
		table.write03 td.ccl table.ccl {width:100%; table-layout:fixed; border:1px solid #e5e5e5; margin-bottom:15px;}
			table.write03 td.ccl table.ccl th {padding:7px 0 7px 19px; vertical-align:top; text-align:left; font-size:11px; line-height:16px; font-weight:bold; border-bottom:1px solid #e5e5e5; height:auto;}
			table.write03 td.ccl table.ccl td {padding:7px 0 7px 0; vertical-align:top; text-align:left; font-size:11px; line-height:16px; border-bottom:1px solid #e5e5e5; background:none; height:auto;}
			table.write03 td.ccl table.ccl .useSet th,
			table.write03 td.ccl table.ccl .useSet td {background-color:#f5f5f5; vertical-align:middle; padding:0; height:30px;}
			table.write03 td.ccl table.ccl .useSet th {padding-left:19px;}
			table.write03 td.ccl table.ccl .cclPermit {padding-top:10px; width:100%;}
			table.write03 td.ccl table.ccl .cclPermit li {line-height:16px; margin-bottom:5px;}

tr.last th,
tr.last td {border-bottom:none !important;}
/* file search */

/* wallpaper */
.wallpaperList{}
	.wallpaperList ul{width:100%;overflow:hidden;padding:20px 0;border-bottom:1px solid #E5E5E5;}
	.wallpaperList ul li{float:left;width:254px;padding:0 0 0 10px;height:auto;}
	.wallpaperList ul li.last {width:232px;}
	.wallpaperList ul li .photo{display:block;width:204px;height:135px;padding:8px 10px 10px 8px;background:url('/Html/Images/Front/common/bg/bg_pic_204_135.gif') no-repeat left top;}
	.wallpaperList ul li .conts{width:222px; padding:10px 0 8px 0; font-weight:bold;}
	.wallpaperList ul li .btn {width:222px; text-align:center;}

	.wallpaperList ul li .contents {width:222px; padding-top:9px;}
	.wallpaperList ul li .contents span {display:block;}
	.wallpaperList ul li .contents .tit {font-weight:bold; height:20px;} 
	.wallpaperList ul li .contents .con {line-height:16px; height:37px;}
	.wallpaperList ul li .contents .date {line-height:16px; height:28px; color:#999;}

/* ul set */
.liGraySq li { padding:0 0 2px 14px; line-height:18px; background:url('/Html/Images/Front/common/bl/bl_sq_gray.gif') no-repeat 0 6px}

.photoList01{}
	.photoList01 dl{overflow:hidden;width:100%;padding:0 0 22px 0;border-bottom:1px solid #E5E5E5;}
	.photoList01 dl dt{height:30px;padding:17px 0px 0 10px;}
		.photoList01 dl dt .txt{display:block;float:left;height:20px;font-weight:bold;padding:2px 0 0 0;}
		.photoList01 dl dt .bl{display:block;float:left;padding:0 7px 0 0;}
		.photoList01 dl dt .icon{display:block;float:right;padding:0px 0 0 4px;}
	.photoList01 dl dd{padding:0 10px;overflow:hidden;}
		.photoList01 dl dd p{float:left;width:235px;height:105px; overflow:hidden; padding:8px 10px 10px 8px;background:url('/Html/Images/Front/community/photolist01_bg.gif') no-repeat left top;}
		.photoList01 dl dd p img{width:235px;height:105px;}
		.photoList01 dl dd ul{float:left;width:435px;padding:14px 0 0 20px;}
		.photoList01 dl dd ul li{height:19px;line-height:1.4;}
		.photoList01 dl dd ul li .item{display:block;float:left;width:61px;font-weight:bold;background:url('/Html/Images/Front/common/bl/bl_line01.gif') no-repeat right top;}
		.photoList01 dl dd ul li .info{display:block;float:left;padding:0 0 0 11px;}


.mediaPressList{}
	.mediaPressList ul{overflow:hidden;width:100%;padding:20px 0 18px 0;border-bottom:1px solid #E5E5E5;}
	.mediaPressList ul li{float:left;padding:0 15px 0 10px;width:171px;}
	.mediaPressList ul li.last{padding-right:0px !important;}
	.mediaPressList ul li a{text-decoration:none;}
		.mediaPressList ul li .photo{display:block;width:144px;height:105px;margin-bottom:8px;padding:8px 10px 10px 8px;background:url('/Html/Images/Front/community/photolist02_bg.gif') no-repeat left top;}
		.mediaPressList ul li strong{display:block;overflow:hidden;width:100%;min-height:13px;padding-bottom:5px;line-height:1.4;}
		.mediaPressList ul li .conts{}
		.mediaPressList ul li .conts .id{display:block;width:100%;padding:0 0 6px 0;}
		.mediaPressList ul li .conts .date{display:block;float:left;padding:0 9px 0 0;color:#999999;background:url('/Html/Images/Front/common/bl/bl_line01.gif') no-repeat right top;}
		.mediaPressList ul li .conts .hit{display:block;float:left;padding:0 0px 0 8px;color:#999999;}



.photoList02{}
	.photoList02 ul{}
	.photoList02 ul li{overflow:hidden;width:100%;padding:20px 30px 20px 10px;border-bottom:1px solid #E5E5E5;}
	.photoList02 ul li .thbumnail{float:left;width:134px;height:100px;padding:8px 10px 10px 8px;margin-right:20px;display:inline;text-align:center;background:url('/Html/Images/Front/community/photoList02_thumbnail_bg.gif') no-repeat left top;}
	.photoList02 ul li .thbumnail table{width:100%;}
	.photoList02 ul li .thbumnail table tr td{width:100%;height:100px;vertical-align:middle;}
	.photoList02 ul li .conts{float:left;width:560px;padding:4px 0 0 0;}
	.photoList02 ul li .conts h3{font-size:12px !important;font-weight:bold !important;padding:0 0 10px 0 !important;margin:0px !important;}
	.photoList02 ul li .conts h4{overflow:hidden;font-size:12px !important;font-weight:normal !important;margin:0px 0px 12px 0px !important;}
		.photoList02 ul li .conts h4 .bl{display:block;float:left;padding:0 7px 0 0;}
		.photoList02 ul li .conts h4 .txt{display:block;float:left;padding:3px 0 0 0;}
		.photoList02 ul li .conts h4 .icon{display:block;float:right;padding:0px 0 0 4px;}
	.photoList02 ul li .conts .sconts{clear:both;line-height:17px;padding:0px 0 10px 0;}
	.photoList02 ul li .conts .info{}
		.photoList02 ul li .conts .info .id{display:block;float:left;padding:0 15px 0 0;color:#333333;}
		.photoList02 ul li .conts .info .date{display:block;float:left;padding:0 9px 0 0;color:#999999;background:url('/Html/Images/Front/common/bl/bl_line01.gif') no-repeat right top;}
		.photoList02 ul li .conts .info .hit{display:block;float:left;padding:0 0px 0 8px;color:#999999;}


.photoList03{}
	.photoList03 ul{overflow:hidden;;padding:20px 0 22px 0;border-bottom:1px solid #E5E5E5;}
	.photoList03 ul li{float:left;width:366px;padding:0 0 0 10px;}
	.photoList03 ul li .photo{display:block;float:left;width:144px;height:95px;padding:8px 10px 10px 8px;background:url('/Html/Images/Front/community/photolist03_bg.gif') no-repeat left top; text-align:center;}
	.photoList03 ul li .conts{float:left;width:175px;padding:18px 0 0 18px;}
	.photoList03 ul li .conts strong{display:block;height:25px;}
	.photoList03 ul li .conts .item{display:block;float:left;width:63px;height:20px;font-weight:bold;background:url('/Html/Images/Front/common/bl/bl_line01.gif') no-repeat right top;}
	.photoList03 ul li .conts .info{display:block;float:left;width:102px;height:20px;padding:0 0 0 10px;}


.mediaView{overflow:hidden;width:100%;padding:30px 0 15px 0;border-bottom:2px solid #CACACA;}
	.mediaView .conts{padding:0 0 22px 0;overflow:hidden;}
		.mediaView .conts .info{float:left;width:281px;margin-right:30px;display:inline;}
		.mediaView .conts .info dl{overflow:hidden;border-bottom:1px solid #D8DBE3; background:url('/Html/Images/Front/common/bg/bg_th_bgcolor.gif') repeat-y left top;}
		.mediaView .conts .info dl dt{float:left;width:62px;min-height:20px;_height:20px;padding:10px 0 0 20px;background:#F7F8F9; height:auto; line-height:14px;}
		.mediaView .conts .info dl dd{float:left;width:185px;padding:8px 0 8px 12px;border-left:1px solid #D8DBE3; height:auto; line-height:14px;}
		.mediaView .conts .info dl dd.btn{padding-top:5px !important;height:26px;}
		.mediaView .conts .screenshot{float:left;width:459px;}
		.mediaView .conts .screenshot .media_prev{display:block;float:left;width:23px;margin:82px 15px 0 0;display:inline;}
		.mediaView .conts .screenshot .media_next{display:block;float:left;width:23px;margin:82px 0px 0 0;display:inline;}
		.mediaView .conts .screenshot div{float:left;overflow:hidden;width:393px;height:196px;}
		.mediaView .conts .screenshot div ul{height:98px;}
		.mediaView .conts .screenshot div ul li{float:left;width:121px;height:90px;padding:0 10px 0 0;background:url('/Html/Images/Front/community/media_list_bg.gif') no-repeat left top;}
		.mediaView .conts .screenshot div ul li img{width:103px;height:72px;margin:8px 0 0 8px;}
		.mediaView .sns_btn{clear:both;width:100%;margin:0px !important;}

.eventList{}
	.eventList li{overflow:hidden;width:100%;padding:20px 0 20px 0;border-bottom:1px solid #E5E5E5;}
	.eventList li .thumbnail{float:left;width:349px;height:95px;margin:0 20px 0 10px;padding:8px 10px 10px 8px;display:inline;background:url('/Html/Images/Front/community/event_thumbnail_bg.gif') no-repeat left top;}
	.eventList li .info{float:left;width:360px;margin:37px 0 0 0;display:inline;}
	.eventList li .info strong{display:block;width:100%;height:15px;padding:0 0 4px 0;}
	.eventList li .info .item{display:block;float:left;width:63px;padding:3px 0 0 0px;font-weight:bold;background:url('/Html/Images/Front/common/bl/bl_line01.gif') no-repeat right 3px;}
	.eventList li .info .conts{display:block;float:left;width:287px;padding:3px 0 0 10px;}
	.eventList li .info .conts img{vertical-align:top;margin-top:-3px;margin-left:3px;}


.webzineList{}
	.webzineList div{overflow:hidden;width:100%;padding:20px 0 20px 0;border-bottom:1px solid #E5E5E5;}
	.webzineList div p{float:left;width:350px;height:163px;margin:0 20px 0 10px;padding:8px 10px 10px 8px;display:inline;background:url('/Html/Images/Front/community/webzine_thumbnail_bg.gif') no-repeat left top;}
	.webzineList div h3{float:left;width:370px;height:23px;margin:5px 0px 0px 0px !important;padding:0px 0px 0px 0px !important;color:#54A6D9;font-size:14px !important;}
	.webzineList div ul{overflow:hidden;float:left;width:360px;}
	.webzineList div ul li{padding:0 0 0 14px;line-height:20px;background:url('/Html/Images/Front/common/bl/bl_sq_gray.gif') no-repeat left 7px;}

/* 110529 add */

table.write02 {width:100%; table-layout:fixed; border-top:2px solid #a9b4ce;}
	table.write02 th {text-align:left; vertical-align:middle; background-color:#f7f8f9; color:#798299; padding-left:20px; font-weight:bold; line-height:14px; font-size:12px; height:30px; border-bottom:1px solid #d8dbe3; border-right:1px solid #d8dbe3;}
	table.write02 th img {vertical-align:middle;}
	table.write02 td {text-align:left; vertical-align:middle; color:#7b7b7b; height:30px; padding-left:12px; line-height:18px; font-size:12px;  border-bottom:1px solid #d8dbe3; border-right:1px solid #d8dbe3;}
	table.write02 td.pad0 {padding:0; padding-left:12px;}

	table.write02 td em {font-style:normal; font-size:11px; line-height:16px; color:#8b96aa;}
	.write02 .ra_area{overflow:hidden;padding:3px 0 0 0;}
	.write02 .ra_area .ra{display:block;float:left;}
	.write02 .ra_area .txt{display:block;float:left;width:120px;padding:2px 0px 0 0;}
	table.write02 .poll {width:100%; overflow:hidden; padding-top:13px;}
	table.write02 .poll dt,
	table.write02 .poll dd {width:100%; height:auto; line-height:17px;}
	table.write02 .poll dt {padding-bottom:2px; color:#2690c4;}
	table.write02 .poll dd {padding-bottom:10px;}






/* 110530 comment */
.commentWrite {border:1px solid #e8e8e8; background-color:#f6f6f6; height:85px;}
	.commentWrite .tit {float:left; padding:27px 0 0 22px; width:86px;}
	.commentWrite .tit .comment {color:#54a6d9; font-size:14px; font-weight:bold; height:20px;}
	.commentWrite .comments {float:left; margin-top:16px; border:1px solid #d9d9d9; width:543px; height:40px; padding:8px 10px 5px 10px; font-size:12px; line-height:18px; color:#999;}
	.commentWrite .reg {float:right; padding:16px 10px 0 0;}

.commentList {width:100%; overflow:hidden; border-bottom:2px solid #c9c9c9;}
	.commentList li {width:100%; overflow:hidden; border-bottom:1px solid #dbdbdb; padding-bottom:16px; line-height:17px;}
	.commentList li.last {border-bottom:none;}
	.commentList .uId {float:left; font-weight:bold; width:86px; padding:18px 0 0 23px;}
	.commentList .con {float:left; width:542px; padding:18px 0 0 0;}
	.commentList .date {float:right; width:102px; color:#999999; padding:18px 0 0 16px;}
	.commentList .del {float:right; padding:15px 0 0 0;}

/* 교육일정 목록 */
.eduSheduleList01{}
	.eduSheduleList01 dl{overflow:hidden;width:100%;padding:0 0 22px 0;border-bottom:1px solid #E5E5E5;}
	.eduSheduleList01 dl dt{height:30px;padding:17px 0px 0 10px;}
		.eduSheduleList01 dl dt .txt{display:block;float:left;height:20px;font-weight:bold;padding:2px 0 0 0;}
		.eduSheduleList01 dl dt .bl{display:block;float:left;padding:0 7px 0 0;}
		.eduSheduleList01 dl dt .icon{display:block;float:right;padding:0px 0 0 4px;}

	.eduSheduleList01 dl dd{padding:0 10px;}
		.eduSheduleList01 dl dd p{float:left;width:234px;height:125px;padding:8px 10px 10px 8px;background:url('/Html/Images/Front/community/bg_edu_schedule_pic.gif') no-repeat left top;}
		.eduSheduleList01 dl dd ul{float:left;width:450px;padding:0 0 0 20px;}
		.eduSheduleList01 dl dd ul li{height:auto; width:100%; overflow:hidden; line-height:17px; padding-bottom:2px;}
		.eduSheduleList01 dl dd ul li .item{display:block;float:left;width:61px;font-weight:bold;background:url('/Html/Images/Front/common/bl/bl_line01.gif') no-repeat right 2px;}
		.eduSheduleList01 dl dd ul li .info{display:block;float:left;padding:0 0 0 11px;}

/* SNS BTN */
.snsWrap {padding:7px; border:1px solid #ebebeb; background-color:#f9f9f9;}

/* 공지사항 */
table.noticeList {width:100%; table-layout:fixed;}

	table.noticeList td {text-align:center; vertical-align:middle; color:#7b7b7b; line-height:14px; font-size:12px; padding:20px 0; border-bottom:1px solid #dfdfdf;}
	table.noticeList td .img {margin-left:20px; width:152px; height:113px; background:url('/Html/Images/Front/common/bg/bg_pic_152_113.gif') no-repeat left top; text-align:left;}
	table.noticeList td .img img {margin:8px 0 0 8px;}
	table.noticeList td.con {text-align:left; vertical-align:top;}
		table.noticeList td.con h3 {padding-top:5px; margin-bottom:0 !important; font-size:12px; font-weight:bold; width:100%; overflow:hidden;}
		table.noticeList td.con p {line-height:17px;}
		table.noticeList td.con .txt{display:block;float:left;height:20px;font-weight:bold;padding:2px 0 0 0;}
		table.noticeList td.con .bl{display:block;float:left;padding:0 7px 0 0;}
		table.noticeList td.con .contents {padding:7px 0 0 0; height:60px;}
		table.noticeList td.con .info {color:#999999; width:100%; overflow:hidden;}
		table.noticeList td.con .info span {float:left; line-height:17px;}
		table.noticeList td.con .date {padding-right:9px; background:url('/Html/Images/Front/common/bg/bg_th.gif') no-repeat right 2px;}
		table.noticeList td.con .hit {padding-left:8px;}

/* 진행중 이벤트 - 참여작품 보기 */
.eventListMore {border-top:2px solid #a9b4ce;}
	.eventListMore ul{overflow:hidden;width:100%;padding:20px 0 18px 0;border-bottom:1px solid #d8dbe3;}
	.eventListMore ul li{float:left;padding:0 15px 0 10px;width:171px;}
	.eventListMore ul li.last{padding-right:0px !important;}
	.eventListMore ul li a{text-decoration:none;}
		.eventListMore ul li .photo{display:block;width:144px;height:105px;margin-bottom:8px;padding:8px 10px 10px 8px;background:url('/Html/Images/Front/community/photolist02_bg.gif') no-repeat left top; text-align:center;}
		.eventListMore ul li .photo table{width:100%;}
		.eventListMore ul li .photo table tr td{width:100%;height:105px;vertical-align:middle; text-align:center;}
		.eventListMore ul li strong{display:block;overflow:hidden;width:100%;height:35px;line-height:16px;}
		.eventListMore ul li .uId {height:19px; line-height:16px; color:#333333;}
		.eventListMore ul li .conts{}
		.eventListMore ul li .conts .id{display:block;width:100%;padding:0 0 6px 0;}
		.eventListMore ul li .conts .date{display:block;float:left;padding:0 9px 0 0;color:#999999;background:url('/Html/Images/Front/common/bl/bl_line01.gif') no-repeat right top;}
		.eventListMore ul li .conts .hit{display:block;float:left;padding:0 0px 0 8px;color:#999999;}

/* 나의포토스쿨 */
table.list2Line {border-collapse:separate; border-bottom:1px solid #c9c9c9;}
table.list2Line td {text-align:center; vertical-align:middle; color:#7b7b7b; line-height:16px; font-size:12px; height:46px; border-bottom:1px solid #dfdfdf;}
table.list2Line td.subject {padding:0 14px;}
table.list2Line td.subject a {display:block;}
table.list2Line tr.myInfo {}
	table.list2Line tr.myInfo td {border:1px solid #f1d48e; background:#fbfbfb url('/Html/Images/Front/common/bg/bg_online_class_detail.gif') no-repeat 15px 0; height:auto; padding:14px 15px 15px 79px; text-align:left;}
	table.list2Line tr.myInfo td dl {width:675px; overflow:hidden;}
	table.list2Line tr.myInfo td dt,
	table.list2Line tr.myInfo td dd {float:left; padding-top:4px; font-size:11px; line-height:17px;}
	table.list2Line tr.myInfo td dt {font-weight:bold; width:60px; background:url('/Html/Images/Front/mypage/bg_myinfo_bar.gif') no-repeat right 6px;}
	table.list2Line tr.myInfo td dd {width:605px; padding-left:10px;}
	table.list2Line tr.myInfo td dd.detailView {float:none; padding:0; width:675px; text-align:right;}