/* common */
* { margin: 0; padding: 0; }
body { background: #FFF; }
body, div, p, th, td, ul, ol, li, dl, dt, dd, form, h3, h4, h5, h6 { padding: 0; margin: 0; font: 12px 돋움, dotum, sans-serif; color: #444; }
ul, ol, li, dl, dt, dd { list-style: none; }
h2 { display: none; }
a:link, a:visited, a:active { font: 12px 돋움, dotum, sans-serif; color: #444; text-decoration: none; }
a:hover { font: 12px 돋움, dotum, sans-serif; color: #444; text-decoration: underline; }
img { border: 0 none; }
.fl { float: left; }
.fr { float: right; }
.clb { clear: both; }
table { border-collapse: collapse; }
table caption { display: none; }
em.ellipsis { font-style: normal; letter-spacing: normal; }
html {overflow-x:hidden; overflow-y:yes;}


/* form */
select, input, textarea {color:#6f6f6f;}
select{font-size:12px; font-family: Dotum, DotumChe;}
input.box01 {height:16px;border:1px solid #ddd;color:#6f6f6f;font-family: Dotum, DotumChe;}
input.readonly {height:16px;border:1px solid #e7e7e7;background-color:#e7e7e7;color:#999;font-family: Dotum, DotumChe;}

textarea { border: 1px solid #ccc; padding:2px; font: normal 12px/1.4 돋움, dotum, sans-serif; color: #444; overflow: auto; }
input { font: 12px 돋움,dotum,sans-serif; color: #444; }
select { font-size: 12px; }
.inp { border:1px solid #d7d2ce; font: 12px 돋움, dotum, sans-serif; color: #444; }
.hand { cursor: pointer; }
.hide { display: none; }
.scroll { scrollbar-face-color: #FFFFFF; scrollbar-shadow-color: #CECECE; scrollbar-highlight-color: #CECECE; scrollbar-3dlight-color: #ffffff; scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #FFFFFF; scrollbar-arrow-color: #A3A3A3; }

/* font */
.hpink { color:#ff3158; }
.sblue { color:#73b0ce; }
.orange { color:#ef611f; }

/* layout */
#header { width: 1000px; margin: 0 auto; }
#wrap { clear: both;  width: 1000px; margin: 20px auto; }
#left { float: left; width: 200px; }
#content { float: left; width: 640px; padding: 0 20px; }
#right { float: left; width: 118px; }
#subContent { float: left; width: 780px; margin: auto; padding: 0 0 0 18px; overflow: hidden;  }
#wrap_sub_content { float: left; padding: 0 0 0 25px; width:637px; }
#mainTop {float: left; position:relative; margin-bottom: 20px;}

/* header */
.headerLogo { height: 50px; }
.logoPictoc { float: left; padding: 21px 0 0 0; }
.logoTxt { float: left; padding: 24px 0 0 9px; }

.topNavi { float: right; padding: 25px 0 0 0; }
.topNavi li { float: left; height: 11px; }
.topNavi li.notice { padding: 0 7px 0 0; }
.topNavi li.help { background: url('http://cdn.pictoc.co.kr/images/common/mt_line.gif') no-repeat 0 1px; height: 11px; padding: 0 0 0 7px; margin: 0; }
.topSearch { float: right; background: url('http://pictoc.co.kr/images/common/bg_search.gif') no-repeat; width: 351px; height: 24px; margin: 0; }
.topSearch #searchSelect { float: left; width: 60px; padding: 7px 0 0 10px; }
.topSearch .searchBox { float: left; padding: 4px 9px 0 10px; }
.topSearch .searchBox input#q { width: 200px; border: 0; }
.topSearch .searchBtn { float: right; background: url('http://cdn.pictoc.co.kr/images/common/btn_search.gif') no-repeat; width: 53px; height: 24px; border: 0 none; cursor: pointer; }
#searchSelectList { display: none; position: absolute; z-index:0; border: 1px solid #d3d3d3; margin: 18px 0 0 -10px;}
#searchSelectList a { display: block; width: 68px; height: 15px; padding: 4px 0 0 9px; background: #FFF; font: 11px 돋움,dotum,sans-serif; color: #444; color: #999999; letter-spacing: -1px;}
#searchSelectList a:hover { background: #f9f9f9; text-decoration: none; }
#selectedSearch { position: absolute; width: 76px; cursor: pointer; font: 11px 돋움,dotum,sans-serif; color: #999999; letter-spacing: -1px;}
#selectedSearch1 { position: absolute; width: 76px; cursor: pointer; font: 11px 돋움,dotum,sans-serif; color: #999999; letter-spacing: -1px;}


.topSearch1 {float: right; background: url('http://pictoc.co.kr/images/common/bg_search01.gif') no-repeat; width: 287px; height: 24px; margin: 0; z-index:1}
.topSearch1 #searchSelect { float: left; width: 60px; padding: 7px 0 0 10px;}
.topSearch1 .searchBox { float: left; padding: 4px 9px 0 10px; }
.topSearch1 .searchBox input#q { width: 145px; border: 0; }
.topSearch1 .searchBtn { float: right; background: url('http://cdn.pictoc.co.kr/images/common/btn_search.gif') no-repeat; width: 53px; height: 24px; border: 0 none; cursor: pointer; }

.topSearch2 {float: right; background: url('http://pictoc.co.kr/images/common/bg_search02.gif') no-repeat; width: 205px; height: 24px; margin: 0; z-index:1}
.topSearch2 #searchSelect { float: left; width: 60px; padding: 7px 0 0 10px;}
.topSearch2 .searchBox { float: left; padding: 4px 9px 0 10px; }
.topSearch2 .searchBox input#q { width: 75px; border: 0; }
.topSearch2 .searchBtn { float: right; background: url('http://cdn.pictoc.co.kr/images/common/btn_search2.gif') no-repeat; height: 24px; border: 0 none; cursor: pointer; }

#gnb {background: url('http://cdn.pictoc.co.kr/images/common/bg_top.gif') repeat-x 0 33px; height: 41px;}
.pictocNavi { float: left; clear: both; height: 41px; }
.pictocNavi li { float: left; height: 13px; }
.pictocNavi li.home { padding: 10px 7px 0 0; }
.pictocNavi li.scrap { background: url('http://cdn.pictoc.co.kr/images/common/mn_line.gif') no-repeat 0 11px; height: 13px; padding: 10px 7px 0 7px; margin: 0; }
.pictocNavi li.photo { background: url('http://cdn.pictoc.co.kr/images/common/mn_line.gif') no-repeat 0 11px; height: 13px; padding: 10px 7px 0 7px; margin: 0; }
.pictocNavi li.galmaegi { background: url('http://cdn.pictoc.co.kr/images/common/mn_line.gif') no-repeat 0 25px; height: 37px; padding: 0px 7px 0 7px; margin: -14px 0 0 0; }
.pictocNavi li.kids { background: url('http://cdn.pictoc.co.kr/images/common/mn_line.gif') no-repeat 0 1px; height: 13px;	padding: 0px 7px 0 7px;	margin: 10px 0 0 0;	}
.pictocNavi li.topmodels { background: url('http://cdn.pictoc.co.kr/images/common/mn_line.gif') no-repeat 0 1px; height: 13px;	padding: 0px 7px 0 7px;	margin: 10px 0 0 0;	}
.pictocNavi li.itravel { background: url('http://cdn.pictoc.co.kr/images/common/mn_line.gif') no-repeat 0 1px; height: 13px;	padding: 0px 7px 0 7px;	margin: 10px 0 0 0;	}
.pictocNavi li.upload { background: url('http://cdn.pictoc.co.kr/images/common/mn_line.gif') no-repeat 0 11px; height: 21px; padding: 10px 7px 0 7px; margin: 0; }
.pictocNavi li.event { background: url('http://cdn.pictoc.co.kr/images/common/mn_line.gif') no-repeat 0 11px; height: 21px; padding: 10px 7px 0 7px; margin: 0; }
.pictocNavi li.desktop { background: url('http://cdn.pictoc.co.kr/images/common/mn_line.gif') no-repeat 0 11px; height: 21px; padding: 10px 7px 0 7px; margin: 0; }

/* login/out */
.leftLogin { margin-bottom: 4px; background-color: #FFF; }
.leftLogin *{ font-size: 11px; letter-spacing: -1px; }
.leftLogin li { float: left; }
#logoutBox { border:5px solid #e7e7e7; height: 99px; padding: 14px 0 0 12px; color: #888; }

/* 로그인전 */
#logoutBox input.inp { float: left; width: 98px; height: 15px; padding: 5px 0 0 6px; border: 1px solid #cacaca; }
#logoutBox input.id { border-bottom: none; }
#logoutBox dd { position: relative; overflow: hidden; }
#logoutBox dd.loginId { height: 27px; color: #888;}
#logoutBox #id { margin: 0 1px 0 0; }
#logoutBox #sid { width: 22px; height: 18px; _width: 17px; vertical-align: middle;}
#logoutBox dd input.inp { float: left; }
#logoutBox .btn_login { float: left; background:url('http://cdn.pictoc.co.kr/images/common/btn_login.gif') no-repeat; width: 53px; height: 24px; border: 0; padding: 0; cursor:pointer; margin-left:6px; }
#logoutBox .member_join { clear: both; width: 165px; padding: 10px 0 0 0; border-top:1px solid #e6e6e6; margin-top:13px;}
#logoutBox .member_join a:link, #logoutBox .member_join a:visited, #logoutBox .member_join a:active, #logoutBox .member_join a:hover { font-size: 11px; color: #888; }
#logoutBox .regi, #logoutBox .logout { background:url('http://cdn.pictoc.co.kr/images/common/bg_login_line.gif') no-repeat; padding: 0 0 0 7px; margin: 0 0 0 3px; font-weight: bold;}

#loginBox a:link, #loginBox a:visited, #loginBox a:active, #loginBox a:hover { font-size: 11px; color: #666; }
#loginBox {height: 90px; padding: 15px 0 0 19px; color: #666; }

/* 로그인후 */
div.id_area { width:165px; height:16px; border-bottom:1px solid #e6e6e6; text-align:left; }

dl.mypictoc { margin:9px 0 2px 0;  height:36px; }
dl.mypictoc dt, dl.mypictoc dd { float:left; height:18px; font-size:11px; letter-spacing:-1px; }
dl.mypictoc dt { width:100px; line-height:120%; color: #B5B5B5;  }
dl.mypictoc dd span { float:left; }
dl.mypictoc dd span.num { width:52px; .width:51px; color: #73b0ce; }
dl.mypictoc dd span.num em { font:bold 10px Verdana; padding:0 3px; }
div.myinfo { clear: both; width: 165px; padding: 9px 0 0 0; border-top:1px solid #e6e6e6; margin-top:3px;}
div.myinfo a { font-size: 11px; color: #888; }

/* left menu */
.noticeList { position:relative; margin:23px 0 0 0; float:left; width:200px; height:110px;}
.noticeList h4.tit { margin:0; padding:0; height:18px;  background: url('http://cdn.pictoc.co.kr/images/common/tit_notice.gif') no-repeat 0 0; text-indent:-9999px; border-bottom:1px solid #ddd;}
.noticeList ul { margin:11px 0 0 0; padding:0; list-style:none; width:200px; }
.noticeList li { padding:4px 0 0 8px; color:#444; height:16px; background:url('http://cdn.pictoc.co.kr/images/common/arr_dot.gif') no-repeat 0 8px; }
.noticeList li a { color:#444; }
.noticeList .more { position:absolute; top:1px; right:1px; color:#c1c1c1; background: url('http://cdn.pictoc.co.kr/images/common/arr_pink.gif') no-repeat 0 1px; padding-left: 6px}
.noticeList .more a { font-size:11px; color:#949494; letter-spacing:-1px; }

.newComment { position:relative; margin:22px 0 20px 0; float:left; width:200px; }
.newComment h4.tit { margin:0; padding:0; height:18px;  background: url('http://cdn.pictoc.co.kr/images/common/tit_newComment.gif') no-repeat 0 0; text-indent:-9999px; }
.newComment ul { padding:8px 10px; list-style:none; width:178px; border:1px solid #ddd;}
.newComment li { position:relative; padding:4px 0 0 11px; color:#444; height:15px; background:url('http://cdn.pictoc.co.kr/images/common/arr_plus.gif') no-repeat 0 8px; }
.newComment li a { font-size:11px; color:#666; letter-spacing:-1px;}
.newComment li .info { position:absolute; top:3px; right:0; padding-left:7px; height:18px;  color:#c2c1c1; font:10px verdana; background: url('http://cdn.pictoc.co.kr/images/common/bg_l_dot.gif') repeat-y 0 0;}
.newComment .more { position:absolute; top:1px; right:1px; color:#c1c1c1;}
.newComment .more a { font-size:11px; color:#949494; letter-spacing:-1px;}

.mainAd { float: left; width:200px; height:66px;}

#photoList	{ float:left; position:relative; margin:0; width:1000px; padding-bottom:10px;}
#photoList .line {border:1px solid #e6e6e6; height:1px; width:998px; background:#eee;}

.bestPhoto { position:relative; margin:24px 0 0 0; float:left; width:485px; }
.bestPhoto h4.tit { margin:0; padding:0; height:18px;  background: url('http://cdn.pictoc.co.kr/images/common/tit_bestPhoto.gif') no-repeat 0 0; text-indent:-9999px; border-bottom:1px solid #ddd;}
.bestPhoto .more { position:absolute; top:1px; right:1px; color:#c1c1c1;}
.bestPhoto .more a { font-size:11px; color:#949494; letter-spacing:-1px; }

.bestPhoto dl.first { margin:15px 0 0 0; }
.bestPhoto dl { margin:15px 5px 0 6px; padding:0; width:110px; line-height:16px; float:left; display:inline; }
.bestPhoto dt { margin:6px 0 3px 0; height:16px; color:#3f3f3f; font-weight:bold; word-break:break-all; overflow:hidden; }
.bestPhoto dt a { font-weight:bold; color:#3f3f3f; }
.bestPhoto dd { margin:0; padding:0; }
.bestPhoto dd img{ border:1px solid #efefef; }
.bestPhoto .post { height:22px; color:#999; font-size:11px; letter-spacing:-1px; word-break:break-all; overflow:hidden; }
.bestPhoto .post a { color:#999; font-size:11px; }
.bestPhoto .rec_hit { color:#c2c1c1; font-size:11px; letter-spacing:-1px; }
.bestPhoto .rec_hit span { color:#999; font-size:10px; font-family:Verdana; }
.bestPhoto .rec_hit span.rec { color:#87c2e4; padding:0 5px 0 0; }
		
.newPhoto { position:relative; margin:24px 0 0 0; float:right; width:485px; }
.newPhoto h4.tit { margin:0; padding:0; height:18px;  background: url('http://cdn.pictoc.co.kr/images/common/tit_newPhoto.gif') no-repeat 0 0; text-indent:-9999px; border-bottom:1px solid #ddd;}
.newPhoto .more { position:absolute; top:1px; right:1px; color:#c1c1c1;}
.newPhoto .more a { font-size:11px; color:#949494; letter-spacing:-1px; }

.newPhoto dl.first { margin:15px 0 0 0; }
.newPhoto dl { margin:15px 5px 0 6px; padding:0; width:110px; line-height:16px; float:left; display:inline; }
.newPhoto dt { margin:6px 0 3px 0; height:16px; color:#3f3f3f; font-weight:bold; word-break:break-all; overflow:hidden; }
.newPhoto dt a { font-weight:bold; color:#3f3f3f; }
.newPhoto dd { margin:0; padding:0; }
.newPhoto dd img{ border:1px solid #efefef; }
.newPhoto .post { height:22px; color:#999; font-size:11px; letter-spacing:-1px; word-break:break-all; overflow:hidden; }
.newPhoto .post a { color:#999; font-size:11px; }
.newPhoto .rec_hit { color:#c2c1c1; font-size:11px; letter-spacing:-1px; }
.newPhoto .rec_hit span { color:#999; font-size:10px; font-family:Verdana; }
.newPhoto .rec_hit span.rec { color:#87c2e4; padding:0 5px 0 0; }

.leftBestPhoto { position:relative; margin:22px 0 20px 0; float:left; width:200px; text-align:left; }
.leftBestPhoto h4.tit { margin:0; padding:0; height:18px;  background: url('http://cdn.pictoc.co.kr/images/common/tit_leftBestPhoto.gif') no-repeat 1px 0; text-indent:-9999px; }
.leftBestPhoto ul { padding:10px 0 6px 20px; width:178px; border:1px solid #ddd; overflow:hidden;}
.leftBestPhoto li {margin:5px 16px 0 0; padding:0; width:70px;height:77px;overflow:hidden;float:left;text-align:center; }
.leftBestPhoto li img{display:block;margin:0 auto 5px auto;}
.leftBestPhoto li a, .leftBestPhoto li a:visited, .leftBestPhoto li a:active, .leftBestPhoto li a:hover { font:10px verdana; color:#3f3f3f; }
.leftBestPhoto .more { position:absolute; top:1px; right:1px; color:#c1c1c1;}
.leftBestPhoto .more a { font-size:11px; color:#949494; letter-spacing:-1px;}


/* footer */
#footer { clear:both; padding:20px 0 15px 0; margin:0 auto; width:1000px; }
.footer_list { margin:0; padding:15px 0 10px 0; width:100%; border-top:2px solid #ff1642;}
.footer_list dt { display:none; margin:0; padding:0; }
.footer_list dd { margin:0; padding:0; }
.footer_list dd a { letter-spacing:-1px; text-decoration:none; }
.footer_list dd a:hover { text-decoration:underline; }
.footer_list dd span { padding:0 5px; color:#e9e9e9; }
.footer_list dd span.logo { margin-right:15px; }
.footer_list dd span.copyright { margin-top:-12px; float:right; }

.company { margin:0; padding:0 5px 20px 5px; float:left; width:100%; font-family:Verdana; font-size:9px; }

/* 20100907 추가 */
.footer_txt {padding-left:5px;}
.footer_txt li{display:inline;padding:0 3px 0 6px;background:url(http://cdn.utiltop.com/images/common/bg_footer_line.gif) 0 1px no-repeat;letter-spacing:-1px;font:11px 돋움;color:#888;}
.footer_txt li span{letter-spacing:0px;}
.footer_txt a{letter-spacing:-1px;font:11px 돋움;color:#888;}
.footer_txt .first{padding-left:0;background:none;}
.footer_txt .last{padding-right:0;}

/* 메인 우측 배너 */
#sideBanner li.scrap {position:absolute; z-index: 999; }
#sideBanner li.upload {position:absolute; padding-top: 182px; z-index: 99; }
#sideBanner li.guide {position:absolute; padding-top: 344px; z-index: 9; }

/* 페이징 */
.paginator { position:relative; padding:14px 0 0 0; width:100%; clear:both; text-align:center; }
.paginator .paging { font-size:12px; word-spacing:0; color:#c8c8c8; }
.paginator .paging img { vertical-align:middle; .vertical-align:top;  }
.paginator .paging .num a { font-family:Verdana; font-size:10px; line-height:1; color:#999; margin:0 4px 0 2px;   }
.paginator .paging .current { color:#333 !important; font-weight:bold;  text-decoration:underline;}
.paginator .paging a.first { background:none; }
.paginator .paging img.prev { margin:0 4px 0 0; }
.paginator .paging img.prev2 { margin:0 0 0 0; }
.paginator .paging img.next { margin:0 0 0 3px; }
.paginator .paging img.next2 { margin:0 0 0 0px; }
.paginator .write { position:absolute; top:9px; right:0; }
.paginator .write02 { position:absolute; top:9px; right:50px; }
.paginator .list { position:absolute; top:9px; right:0; }