@charset "utf-8";
/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,blockquote,th,td,input,select,textarea,button{margin:0;padding:0;}
fieldset,img{border:0 none;}
dl,ul,ol,menu,li {list-style:none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}

body {
	background: url(./images/header_1px.jpg) repeat-x;
	margin:0px;
	font-family:맑은 고딕,Verdana,Arial,Helvetica;
	font-size:12px;
}
a {color:#39f;text-decoration:none; }
a:hover {color:#f90; }
hr {display:none; }

.tutorial, .showcases, .inspiration, .brushes, .photoshop, .templates, .resources, .software, .about, .contact, .faq, .terms, .advertise, .rss, .twitter, .cld, .pby, .comm {
	background:url(./images/sprite.jpg) no-repeat;
	height:24px;
	min-height:24px;
	display:block;
}
.tutorial, .showcases, .inspiration, .brushes, .photoshop, .templates, .resources, .software, .about, .contact, .faq, .terms, .advertise {
	line-height:24px;
}

#hdr {
	margin: 0 auto;
	width:1200px;
	height:120px;
	background: url(./images/header.jpg) no-repeat;
	position: relative;
	z-index:5;
}
#logo {
	background:url(./images/logo.png) no-repeat;
	width:188px;
	height:90px;
	position:relative;
	top:45px;
	left:506px;
}
#logo a {
	width:180px;
	height:50px;
	display:block;
}
#search_form {
	height:21px;
	float:right;
}
.search_field{
	margin: 37px 0 0 0;
	height:21px;
	width:150px;
	border:1px solid #3399ff;
	color:#3399ff;
	background:#F3F4F4;
/* 외각 둥글게 만들기 */
border-radius: 5px; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
}
.search_button {
font-size:11px;
	height:21px;
	border:1px solid #F3F4F4;
	margin: 0 7px 0 0;
	cursor:	pointer;
	padding:0 5px 0 5px;
	color:#ffffff;
	background:#3399ff;

	/* 외각 둥글게 만들기 */
border-radius: 5px; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
}
.search_button:hover {
	background-position:0 -1318px;
}
.htit {
	color:#f90;
	text-align:center;
	margin:5px 0 0 0;
	font-size:9px;
}
#Container {
	width:1200px;
	margin:0 auto;
	position:relative;
	background:#000;
	background: url(./images/content.jpg) repeat-y 0 165px;
}

#Contents {
	width:1000px;
	float:left;
	position:left;
	background: url(./images/ccnt.jpg) no-repeat;
}



.inCont_dummy{
	width:990px;
	float:left;
	position:left;
}

.inCont{
	width:990px;
	float:left;
	position:left;
	border-bottom: 2px dotted #EEE;
}
.inLeft{
	width:200px;
	float:left;
	position:left;	
	margin: 0 10px 0 0;
	padding:10px 0 0 0;
	color:#A1A1A1;
}
.inLeft .idate{
	text-decoration:none;
	font-size:12px;
	height:24px;
	width:180px;
	padding :5px 0 0 26px;
	margin:0 0 -3px 10px;
	background: url(./images/icon_date.png) no-repeat;
	}
.lslink {
	text-decoration:none;
	font-size:12px;
	text-align:left;
	margin:0 0 0 10px ;
	border-bottom: 2px dotted #EEE;
	}
.lslink .idate2{
	text-decoration:none;
	font-size:12px;
	height:24px;
	width:180px;
	padding :5px 0 0 26px;
	margin:0 0 -3px 0;
	background: url(./images/icon_date.png) no-repeat;
	}
.lslink .icategory{
	text-decoration:none;
	font-size:12px;
	height:24px;
	width:180px;
	margin:0 0 -3px 0;
	padding :5px 0 0 26px;
	background: url(./images/icon_category.png) no-repeat;
	}
.lslink .iauthor{
	text-decoration:none;
	font-size:12px;
	height:24px;
	width:180px;
	margin:-3px 0 0 0;
	padding :5px 0 0 26px;
	background: url(./images/icon_author.png) no-repeat;
	}

.lslink .inotice{
	text-decoration:none;
	font-size:12px;
	height:24px;
	width:180px;
	margin:-3px 0 0 0;
	padding :5px 0 0 40px;
	background: url(./images/icon_notice.gif) no-repeat;
	}
.lslink .ilink{
	text-decoration:none;
	font-size:12px;
	height:24px;
	width:180px;
	margin:-3px 0 0 0;
	padding :5px 0 0 25px;
	background: url(./images/icon_tracback.png) no-repeat;
	}	

.recentPost{
	text-decoration:none;
	font-size:11px;
}
.cnt{
	text-decoration:none;
	font-size:11px;
	color:#f90;
}
.dtit{
	height:24px;
	font:bold 18px;
	margin:0 0 10px 10px;
	text-decoration:none;
	color:#39f;
	background: url(./images/icon_de.png) no-repeat;
	padding:3px 0 0 30px;
}	
/* category */
.inLeft .category {padding:5px 9px 15px;}
.inLeft .category ul ul{padding-top:7px;}
.inLeft .category li {margin-bottom:7px;}
.inLeft .category li li li {margin-bottom:0;padding-left:10px;background:url(images/bul_category.gif) no-repeat 4px 5px;}
.inLeft .category a {line-height:13px;}
.inLeft .category .selected a {color:#f90;}
.inLeft .category .selected li a {color:#f90;background-color:transparent;}
.inLeft .category .ib {cursor:pointer;} /* 카테고리 - 이미지 버튼 */
.inLeft .category .branch3 {cursor:pointer;} /* 카테고리 - 트리 셀 */
.inLeft .category .c_cnt {margin-right:3px;color:#b1b1b1;} /* 카테고리 - 카테고리 옆 개수 스타일 */
.inLeft .category .selected .c_cnt {color:#f90;}

	
.post {
	width:730px;
	float:left;
	position:relative;
	padding:10px 20px 10px 20px;
}
.article{
	font-family:맑은 고딕,Verdana,Arial,Helvetica;
	font-size:14px;
	line-height:1.5

}
/* 이미지 아래 캡션 스타일 */
.cap1 {}
/* 그림 */
.imageblock {max-width:95%;}
/* 왼쪽 */
.left { }
/* 가운데 */
.center { }
/* 오른쪽 */
.right { }
/* 그림 2개 배치 */
.dual { max-width:48px;margin-bottom:5px;}
/* 그림 3개 배치 */
.triple { margin-bottom:5px;}


.post blockquote {
height:25px;
color:#39f; 
font:bold 16px 맑은 고딕;
margin:5px 0 5px 0;
padding-left:5px;
padding-top:5px;
line-height:1.3;
font-family:맑은 고딕, 돋움, Dotum, AppleGothic, sans-serif;
border-left:10px solid #39f;
border-bottom:1px solid #39f;

}
.post blockquote a{
	color:#fff;
}
.post blockquote a:hover{
	color:#f90;
}

/* 검색결과 리스트 */
.post .wrap_search {color:#A1A1A1;padding:10px;border:1px solid #3399ff;}
.wrap_search .list_search {margin-top:11px;}
.wrap_search .list_search li {margin-bottom:2px;}
.wrap_search .list_search .date {margin-right:6px;}
.wrap_search .list_search .cnt {color:#3399ff;}
.txt_em {font-weight:bold;color:#3399ff;}


#Right_side {
	width:190px;
	float:left;
	padding:10px 0 0 10px;
	position:relative;
}
#Right_side a{
	color:#A1A1A1;
}
#Right_side a:hover{
	color:#f90;
}
#dummy {
	width:1000px;
	height:228px;
	float:left;
	background: url(./images/dummy.jpg) no-repeat;
	position:left;
	bottom:0px;
}
	

.sidetit_l, .sidetit_r {
	width:200px;
	color:#39f;
	margin:10px 0 10px;
	height:22px;
	background-color:#F3F4F4;
	text-align:center;
	padding:5px 0 0 0;
	font-size:14px;
	/* 외각 둥글게 만들기 */
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
}
/* -- Right Side Links -- */
.sideCont{
		padding: 0 0 0 10px;
}

.rslink {
		padding: 0 0 0 10px;
}
.rslink a {
	color:#A1A1A1;
	text-decoration:none;
	font-size:12px;
	display:block;
	height:24px;
	text-align:left;
	padding: 0 0 10px 35px;
}

.rslink a:hover {
	color:#000;
}
.rslink span {
	margin: 0 0 0 35px;
}
.about {
	background-position: -30px 0;
}
.about:hover {
	background-position: -30px -60px;
}
.contact {
	background-position: -30px -120px;
}
.contact:hover {
	background-position: -30px -180px;
}
.faq {
	background-position: -30px -240px;
}
.faq:hover {
	background-position: -30px -300px;
}
.terms {
	background-position: -30px -360px;
}
.terms:hover {
	background-position: -30px -420px;
}
.advertise {
	background-position: -30px -480px;
}
.advertise:hover {
	background-position: -30px -540px;
}
/* - Center Conteiner Style - */
.tForm{
	width:720px;
	margin: 10px;
}
.tit {
	font:bold;
font-size:24px;
	margin:0 0 10px 0;
	text-decoration:none;
	color:#39f;
}

.tit:hover {
	color: #f90;
}
.post_tit {
	width:720px;
	height:28px;
	background-color:#EEE;
	/*- IE 6 Fix -*/
	overflow:hidden;
}
.post_tit span {
	font-size:9px;
	padding: 0px 0px 0 24px;
	float:left;
	color:#A1A1A1;
	margin: 0 10px;
	line-height:28px;
	cursor:default;
	/* 외각 둥글게 만들기 */
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
}
.post_tit span:hover {
	color:#39f;
}
.post_tit a {
	font-size:9px;
	padding: 0px 0px 0 24px;
	float:left;
	color:#A1A1A1;
	margin: 0 10px;
	text-decoration:none;
	line-height:28px;
}
.post_tit a:hover {
	color:#39f;
}
.cld {
	background-position: 0px -957px;
}
.cld:hover {
	background-position: 0px -1017px;
}
.pby {
	background-position: 0px -1197px;
}
.pby:hover {
	background-position: 0px -1257px;
}
.comm {
	background-position: 0px -1076px;
}
.comm:hover {
	background-position: 0px -1136px;
}
.ptxt {
	color:#A1A1A1;
}
.more-link {
	width:86px;
	height:18px;
	display:block;
	text-decoration:none;
	background-color:#39f;
	color:#FFF;
	padding:3px 0 0 8px;
	margin:18px 0 36px 0;
}
.more-link:hover {
	color:#000;
}
#pagination {
	position:relative;
	text-align:center;
	font-size:12px;
	margin-bottom:20px;
}
#pagination span.selected {
	background-color: #39f;
	color:#fff;
	padding:2px 5px;
}
.prev {
	border:1px solid #39f;
	color:#39f;
	padding:2px 3px;
}
.prev:hover {
	color:#fff;
	background-color: #39f;
}

/* -- Footer Style  -- */
#foo {

	width:100%;
	height:63px;
	background: url(./images/fbg.jpg) repeat-x;
}
#foot_menu {
	width:1000px;
	height:63px;
	margin:0px auto;
	position:relative;
	background: url(./images/footer.jpg) no-repeat;

}
#f_menu {
	height:63px;
	width:296px !important;
	width:340px;
	position:absolute;
	left:50%;
	top: 0;
	margin:0 0 0 -148px !important;
	margin:0 0 0 -170px;
	text-align:center;
}
#f_menu a {
	display:block;
	float:left;
	width:48px;
	text-align: center;
	font-size:9px;
	color:#808285;
	text-decoration:none;
	padding:43px 0 0 0;
	margin:0 13px;
}
#f_menu a:hover {
	color:#000;
}
.f_freeb {
	background: url(./images/download_48.png) no-repeat;
	background-position:0px -4px;
}
.f_grap {
	background: url(./images/palette_48.png) no-repeat;
	background-position:0px -4px;
}
.f_frm {
	background: url(./images/comments_48.png) no-repeat;
	background-position:0px 0px;
}

.f_left {
	position:absolute;
	padding:30px 0 0;
	font-size:9px;
	color:#808285;
}
.f_rght {
	position:absolute;
	right: 0;
	padding:30px 135px 20px 0;
	font-size:9px;
	color:#808285;
	text-decoration:none;
}
.f_rght:hover {
	color:#000;
}
/* -- Comments  -- */

.comments {
	width:726px;
	padding:25px 57px 56px;
	z-index:7;
	position:relative;
}

.cmnt_hdr {
	margin:44px 0 0 56px;
	font-weight: normal;
	font-size:20px;
}

.comment {
	width:726px;
	margin:20px 0;
}
.comment_header {
	background-color: #eee;
	width:100%;
	height:42px;
	margin: 0px;
	padding: 3px 0 0;
	font-size:12px;
}
.comment_header p {
	margin:10px 0 0 26px;
	font-weight:bold;
}
.comment_header span {
	color:#838280;
}
.comment_time {
	font-size:10px;
	margin:0 0 0 26px;
}
.avatarcnt {
	margin:-57px 0px 0 424px;
	width:70px;
	height:70px;
	padding:8px;
	position:absolute;
	border: 1px solid #EEEEEE;
	background-color: #FFFFFF;
}
.comment_text {
	min-height:42px;
	padding: 10px 0 0 26px;
	margin:0px;
	color:#A1A1A1;
	width:595px;
}
#cmntfrm {
	margin: 20px 0 0;
}
#cmntfrm fieldset {
	border: 1px solid #EEE;
	padding:25px;
}
#cmntfrm span {
	color:#39f;
}
#cmntfrm input {
	border:0px none;
	background-color:#F3F4F4;
	height:21px;
	width:203px;
	margin: 0 10px 0 0;
	padding:5px 0 0 5px;
}
#cmntfrm textarea {
	border:0px none;
	background-color:#F3F4F4;
	padding:5px 0 0 3px;
}
#cmntfrm #submit {
	float:right;
	width:130px;
	height:27px;
	background-color:#A9A9A9;
	color:#FFFFFF;
	font-weight:bold;
	cursor:pointer;
	padding:0px;
}	
#cmntfrm #submit:hover {
	color:#000000;
}

.pyct {
	font-size:14px;
	font-weight:bold;
	background-color:#39f;
	color:#FFF;
	padding:7px;
}
.aptxt {
	color:#A1A1A1;
	margin:0 0 70px 0;
}
#cmtBox{
	margin:10px 0 10px 0;
}

  .box_tf {float:left;height:20px;margin:2px 10px 11px 0;border:1px solid #e1e6e7;background-color:#fff;}
  .text {float:left;height:15px;font-size:11px;line-height:15px;margin-top:5px;background-color:#fff;text-indent:5px;letter-spacing:-1px;cursor:text;}
  .tf_txt {float:left;height:15px;line-height:15px;margin-top:5px;border:0 none;}
  .box_name {width:180px;}
  .box_name .text {width:50px;}
  .box_name .tf_txt {width:130px;}
  .box_password {width:180px;}
  .box_password .text {width:50px;}
  .box_password .tf_txt {width:130px;}
  .box_homepage {width:180px;}
  .box_homepage .text {width:50px;}
  .box_homepage .tf_txt {width:130px;}
  .wrap_secret {float:left;width:180px;padding-left:11px;}
  .tf_checkbox{float:left;width:13px;height:13px;margin:5px 4px 0 0;}
  .txt_secret{float:left;width:35px;margin:6px 0 0;font-size:11px;line-height:13px;}
  .tf_write {float:none;width:/*@post-width:-42*/668px/*@*/;height:75px;margin:0 0 8px 0;border:1px solid #e1e6e7;padding:5px;clear:both;}
  .btn_submit {margin:0 auto;}
  .btn_submit_b {float:right;width:200px;height:26px;margin-top:9px;}
  .replytoreply {float:right;width:600px; border: 2px dotted #EEE; padding:10px;background-color:#fafafa;margin:10px;}
  .cmnt_modi {float:right;width:600px;margin:10px 0 0 10px;text-align:right;font-size:11px;}