@charset "utf-8";
/* CSS Document */

* {
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */ 	
	margin:0;
	padding:0;
}

body {
	margin:0;
	padding:0;
	font-family:돋움, dotum, Verdana, Geneva, sans-serif;
	font-size:12px;
	line-height:150%;
}

img { border:none; }

a { text-decoration:none; color:#000; }
a:hover { text-decoration:underline; }

h1, h2, h3, h4, h5 { margin:0px; padding:0px; font-family:NanumGothic; }

ul { list-style:none; } 
ul li a:hover { text-decoration:none; }
ul.menu li a { display:block; }
ul.menu li:hover { cursor:pointer; }

#container { width:100%; margin:0 auto; padding:0; }
#head { width:100%; margin:0 auto; position:fixed; top:0; width:100%; }
#body { width:1000px; margin:25px auto 15px auto; padding-top:0px; }
#foot { width:1000px; }

#startBar { width:1000px; margin:0 auto 0 auto; height:25px; }

.clear { clear:both; }

.input_20 { width:20px; }
.input_50 { width:50px; }
.input_80 { width:80px; }
.input_100 { width:100px; }
.input_120 { width:120px; }
.input_150 { width:150px;}
.input_200 { width:200px;}
.input_250 { width:250px; }
.input_300 { width:300px; }
.input_350 { width:350px;}
.input_500 { width:500px;}

input.button { margin:5px auto 5px auto; border:1px solid #DDD; padding:2px; }
input.text { border:1px solid #CCC; }

.icon-pic { display:inline; width:15px; height:13px; background-image:url(images/icon_pic.gif); background-position:center top; background-repeat:no-repeat; vertical-align:middle; }
.icon-text { display:inline; width:15px; height:13px; background-image:url(images/icon_text.gif); background-position:center top; background-repeat:no-repeat; vertical-align:middle; }

.left { float:left; }
.right { float:right; }

#idCard { text-align:center; }
#idCard .profileImg { width:100px; height:100px; margin:0 auto; }
#idCard .profileImg img { width:100px; height:100px; }

/* Start Bar */
#startBar { background-color:#fff7bd; left:0; position:relative; top:0; }
#startBar #startBtn { float:left; text-align:center; width:60px; height:25px; border-left:1px solid #DDD; border-right:1px solid #DDD; }
#startBar #startBtn:hover { background-color:#DDD; }
#startBar #startBtn a { display:block; padding:2px 0 0 0; text-align:center; height:23px; }
#startBar #startBtn a img { }
#startBar ul.menu { list-style:none; height:25px; }
#startBar ul.menu li { float:left; padding:0px 10px 0 10px; margin:3px 0 0 0; text-align:center; }

#startBar #startPannel { width:250px; overflow:visible; background-color:#FFF; border-right:1px solid #DDD; border-bottom:1px solid #DDD; position:absolute; display:none; z-index:1001; }
#startBar #qWindow { width:500px; height:400px; border:1px solid #ccc; border-top:none; display:none; position:absolute; background-color:#FFF; z-index:1000; }

.search { float:right; width:; padding:0px 10px 0 0; height:20px; }
.search #move_form_tag { display:none; }
.search #search_form { height:20px; padding:0; margin:0; }
.search #search_form input { }

/* HEAD */
#head { padding:0px 0 0px 0px; background-color:#fff7bd; border-bottom:1px solid #DDD; }
#head .dock { width:100%; top:0; left:0; background-image:url(images/head_bg.gif); background-position:top left; background-repeat:repeat-x; margin-bottom:7px; }
#head .dock h1 { font-size:20px; padding:10px 0 0 10px; }

#head .recent_tags { width:400px; margin:0 auto; text-align:right; margin-bottom:5px; }
#head .search { width:370px; height:25px; text-align:right;  }
#head .search input { border:1px solid #AAA; }
#head .search input.text { }
#head .search input.btn {  }

#head .banner { width:200px; height:40px; margin:10px 10px 0 0; float:right; }

#head ul.menu { float:left; margin:0px 0 0 0px; padding:0px; list-style:none; }
#head ul.menu li { float:left; padding:0px 22px; }
#head ul.menu li.end { }

/* BODY */
#body { min-height:300px; }

#body ul.tab { }
#body ul.tab li { float:left; border:1px solid #DDD; border-bottom:none; padding:8px 13px 3px 13px; cursor:pointer; }
#body ul.tab li:hover { background-color:#EEE; }
#body ul.tab li.active { background-color:#EEE; }

#body .notice { border:1px solid #DDD; padding:10px; margin:10px 0 0 0; }
#body .notice ul li a { display:inline; }

#body #content { width:100%; padding:0px 0 30px 0; }
#body #content .bannerWide { width:; margin-top:10px; border:1px solid #DDD; }
#body #content .bannerWide img { }

#body #content .left { width:120px; border-left:1px solid #DDD; border-right:1px solid #DDD; border-bottom:1px solid #DDD; position:fixed; top:25px; }
#body #content .center { width:875px; padding:0 0px 0 0px; float:right; }
#body #content .right { width:0px; z-index:0; overflow:visible; }

#body #content .left .login { padding:10px; }
#body #content .left .login ul { }
#body #content .left .login ul li { }
#body #content .linkUserDialog { border:1px solid #DDD; position:absolute; width:300px; height:auto; background-color:#FFF; z-index:9999; display:none; padding:10px; }
#body #content .linkUserDialog .buttons { }

#body #content .left ul.menu { margin:8px; border:1px solid #DDD; border-bottom:2px solid #DDD; }
#body #content .left ul.menu li { padding:3px 10px 3px 10px; }
#body #content .left ul.menu li:hover { background-color:#DDD; cursor:pointer; }

#body #content .left #idCard .profileImg { padding:0px; margin:5px auto 5px auto; }
#body #content .left #idCard .profile_title { font-size:0.9em; }
#body #content .left #idCard .profile_comment { display:none; }

#body #content .left .options { width:100px; margin:0 auto 0 auto; border:1px solid #DDD; background-color:#FFF; display:none; }
#body #content .left .options a { text-decoration:none; }
#body #content .left .options table { width:100%; margin:; padding:0; } 
#body #content .left .options table thead tr th { text-align:left; } 
#body #content .left .options table tbody tr { }  
#body #content .left .options table tbody tr th { width:100%; text-align:center; background-color:#F9F9F9; padding:5px; border-top:1px solid #EEE; } 
#body #content .left .options table tbody tr td { width:100%; padding:5px; border-top:1px solid #EEE; text-align:center; } 
#body #content .left .options table tbody tr.first th, 
#body #content .left .options table tbody tr.first td { border-top:none; } 

#body #content .banner_1 {}
#body #content .banner_2 {}
#body #content .banner_3 { margin:10px 0 0 0; padding:5px 0 5px 0; border:1px solid #DDD; }
#body #content .banner_3 img { width:295px; }

#body #content .privateRoomHeader { width:650px; float:left; margin:0px 0 0 10px; }
#body #content .privateRoomHeader .privateRoomTitle { width:650px; margin:10px 0 0 0; }

#body #content .privateRoomBody { width:650px; float:left; margin:0 0 0 10px; }
#body #content .privateRoomBody .privateRoomMenu { margin:10px 0 0 0; border:1px solid #DDD; }
#body #content .privateRoomBody .privateRoomMenu ul { }
#body #content .privateRoomBody .privateRoomMenu ul li { padding:7px 20px 7px 20px; float:left; border-right:1px solid #DDD; cursor:pointer; }
#body #content .privateRoomBody .privateRoomMenu ul li:hover { background-color:#EEE; }
#body #content .privateRoomBody .privateRoomMenu ul li.last { border:none; }
#body #content .privateRoomBody .privateRoomMenu ul li.active { background-color:#EEE; }

#body .list { margin:10px 0 10px auto; padding:0px 0 0 0; } 
#body .list .title { padding:10px 5px 10px 10px; margin-bottom:10px; border:1px solid #DDD; } 
#body .list .title .mode { font-weight:bold; font-size:1.3em; margin-right:10px; }
#body .list .title .widget_name { font-weight:bold; font-size:1.2em; margin-right:10px; }
#body .list .title .tag { font-weight:bold; font-size:1.3em; }
#body .list .title .item_total { font-weight:bold; font-size:1.3em; }

#body .list ul.listBody { list-style:none; margin:10px 0 10px 0; }
#body .list li.item { width:130px; height:180px; margin:10px 20px 0px 20px; padding:0 0 5px 0; float:left; text-align:center; border:none; }
#body .list li.item .thumb { margin:0 auto 0 auto; }
#body .list li.item .thumb img { margin:0 auto; padding:3px; border:1px solid #fff; }
#body .list li.item .thumb a { display:block; }
#body .list li.item .thumb img:hover { border:1px solid #ff823a; }
#body .list li.item .item_info {  }
#body .list li.item span { }
#body .list li.item .ui-icon { display:inline; margin:0; padding:0; text-indent: 0px; }
#body .list li.item span.item_regdate { }
#body .list span.r18mark { color:#F00; font-size:0.9em; }

#body .textList li.item { width:400px; height:100px; margin:5px 3px 5px 3px; padding:10px 10px 15px 10px; float:left; text-align:left; border-bottom:1px solid #EEE; border-right:1px solid #EEE; }
#body .textList li.item .thumb { width:100px; height:100px; float:left; margin:0 15px 0 0; }
#body .textList li.item .thumb img { margin:0 auto; padding:3px; border:1px solid #fff; }
#body .textList li.item .thumb img:hover { border:1px solid #ff823a; }
#body .textList li.item .thumb a { display:block; width:auto; height:auto; }
#body .textList li.item .item_info { width:280px; padding:10px 0 0 0; float:right;  }
#body .textList li.item span { }
#body .textList li.item .ui-icon { display:inline; margin:0; padding:0; text-indent: 0px; }
#body .textList li.item span.item_regdate { }
#body .textList li.item .previewText { width:280px; float:right; padding:7px 0 0px 0px; }

#body .list .pagenation { width:860px; text-align:right;  }
#body .list ul.pagenationBody { float:right; list-style:none; margin:0 50px 0 auto; }
#body .list ul.pagenationBody li { float:left; }

#body #list { width:860px; }

#body #recentList { width:; margin:10px 0 10px 0; padding:10px; border:1px solid #DDD; } 
#body #recentList .title { padding:0 0 0 10px; margin-bottom:10px; border:none; border-bottom:1px solid #DDD; } 
#body #recentList .title ul.tab { padding-right:5px; } 
#body #recentList .title ul.tab li { float:right; margin-left:3px; } 
#body #recentList.textList li.item { width:500px; margin:5px auto 5px auto; padding:10px 10px 15px 10px; float:left; text-align:left; border-right:none; }
#body #recentList.textList li.item .thumb { width:80px; height:80px; float:left; margin:0 15px 0 0; }
#body #recentList.textList li.item .item_info { width:400px; padding:10px 0 0 0; float:right;  }
#body #recentList.textList li.item .previewText { width:400px; float:right; padding:7px 0 0px 0px; }

#body #privateRoomList { width:650px; border:1px solid #DDD; padding:0 0 15px 0; }
#body #privateRoomList .title { padding:10px 0 0 10px; margin-bottom:10px; border:none; border-bottom:1px solid #DDD; }
#body #privateRoomList .title ul.tab { padding-right:5px; } 
#body #privateRoomList .title ul.tab li { float:right; margin-left:3px; } 
#body #privateRoomList li.item { width:150px; height:200px; margin:10px 30px 0px 30px; padding:0 0 5px 0; float:left; text-align:center; border:none; }
#body #privateRoomList li.item .thumb { width:140px; height:140px; margin-bottom:10px; }
#body #privateRoomList li.item .thumb img { margin:0 auto; padding:3px; border:1px solid #fff; }
#body #privateRoomList li.item .thumb img:hover { border:1px solid #ff823a; }
#body #privateRoomList li.item .thumb a { }
#body #privateRoomList.textList li.item { width:300px; height:120px; margin:5px auto 5px auto; padding:10px 10px 15px 10px; float:left; text-align:left; border-bottom:1px solid #EEE; border-right:1px solid #EEE;  }
#body #privateRoomList.textList li.item .thumb { width:60px; height:60px; float:left; margin:0 15px 0 0; }
#body #privateRoomList.textList li.item .item_info { width:220px; padding:10px 0 0 0; float:right;  }
#body #privateRoomList.textList li.item .previewText { width:220px; float:right; padding:7px 0 0px 0px; }

#body #privateRoomList .pagenation { width:640px; }

#body #favoriteList { width:650px; border:1px solid #DDD; padding:0 0 15px 0; }
#body #favoriteList .title { padding:10px 0 0 10px; margin:0 10px 10px 10px; border:none; border-bottom:1px solid #DDD; }
#body #favoriteList .title ul.tab { padding-right:10px; } 
#body #favoriteList .title ul.tab li { float:right; margin-left:3px; } 
#body #favoriteList li.item { width:150px; height:200px; margin:10px 30px 0px 30px; padding:0 0 5px 0; float:left; text-align:center; border:none; }
#body #favoriteList li.item .thumb { width:140px; height:140px; margin-bottom:10px; }
#body #favoriteList li.item .thumb img { margin:0 auto; padding:3px; border:1px solid #fff; }
#body #favoriteList li.item .thumb img:hover { border:1px solid #ff823a; }
#body #favoriteList li.item .thumb a { }
#body #favoriteList.textList li.item { width:300px; height:120px; margin:5px auto 5px auto; padding:10px 10px 15px 10px; float:left; text-align:left; border-bottom:1px solid #EEE; border-right:1px solid #EEE;  }
#body #favoriteList.textList li.item .thumb { width:60px; height:60px; float:left; margin:0 15px 0 0; }
#body #favoriteList.textList li.item .item_info { width:220px; padding:10px 0 0 0; float:right;  }
#body #favoriteList.textList li.item .previewText { width:220px; float:right; padding:7px 0 0px 0px; }

#body #favoriteList .pagenation { width:640px; }

#body #shopList { width:650px; border:1px solid #DDD; padding:0 0 15px 0; }
#body #shopList .title { padding:10px 0 0 10px; margin:0 10px 10px 10px; border:none; border-bottom:1px solid #DDD; }
#body #shopList .title ul.tab { padding-right:10px; } 
#body #shopList .title ul.tab li { float:right; margin-left:3px; } 
#body #shopList li.item { width:120px; height:180px; margin:10px 30px 0px 30px; padding:0 0 5px 0; float:left; text-align:center; border:none; }
#body #shopList li.item .thumb { width:120px; height:120px; margin-bottom:10px; }
#body #shopList li.item .thumb img { margin:0 auto; padding:3px; border:1px solid #fff; }
#body #shopList li.item .thumb img:hover { border:1px solid #ff823a; }
#body #shopList li.item .thumb a { }

#body #shopList .pagenation { width:640px; }

#body #followList { width:650px; border:1px solid #DDD; padding:0 0 15px 0; }
#body #followList .title { padding:10px 0 0 10px; margin:0 10px 10px 10px; border:none; border-bottom:1px solid #DDD; }
#body #followList .title ul.tab { padding-right:5px; } 
#body #followList .title ul.tab li { float:right; margin-left:3px; } 
#body #followList li.follow { width:300px; height:80px; margin:10px 2px 0px 8px; padding:5px; float:left; text-align:center; border:none; border:1px solid #EEE; }
#body #followList li.follow .profileImg { width:70px; height:70px; margin-bottom:10px; float:left; }
#body #followList li.follow .profileImg img { margin:0 auto; padding:3px; border:1px solid #fff; }
#body #followList li.follow .profileImg img:hover { border:1px solid #ff823a; }
#body #followList li.follow .profileImg a { }
#body #followList li.follow .profileInfo { padding:5px 0 0 80px; text-align:left; }

#body #followList .pagenation { width:640px; }

#body #titleList { width:650px; border:1px solid #DDD; padding:0 0 15px 0; }
#body #titleList .widgetTitle { padding:10px 0 0 10px; margin:0 10px 10px 10px; border:none; }
#body #titleList .widgetTitle .mode { font-weight:bold; font-size:1.3em; margin-right:10px; }
#body #titleList .widgetTitle .widget_name { font-weight:bold; font-size:1.2em; margin-right:10px; }
#body #titleList li.title { margin:10px 10px 0px 10px; padding:5px; text-align:center; border:1px solid #CCC; color:#666; }
#body #titleList li.title .titleName { font-size:1.2em; font-weight:bold; margin-bottom:5px; padding:5px 0 5px 0; background-color:#EEE; }
#body #titleList li.title .titleDescription { margin-bottom:5px; }
#body #titleList li.title .titleCondition {  }

#body #titleList li.inactive { margin:10px 10px 0px 10px; padding:5px; text-align:center; border:1px solid #DDD; color:#AAA; }
#body #titleList li.inactive .titleName { font-size:1.2em; font-weight:bold; margin-bottom:5px; padding:5px 0 5px 0; background-color:#F9F9F9; }

#body #titleList li.using { margin:10px 10px 0px 10px; padding:5px; text-align:center; border:1px solid #FFCCCC; color:#FF6666; }
#body #titleList li.using .titleName { font-size:1.2em; font-weight:bold; margin-bottom:5px; padding:5px 0 5px 0; background-color:#FFF3F3; }

#body #titleList ul.menu li { float:right; }

#body .titleAlert { width:550px; height:90px; margin:10px 10px 0px 10px; padding:5px; text-align:center; border:1px solid #CCC; color:#666; position:absolute; background-color:#FFF; }
#body .titleAlert .titleName { font-size:1.2em; font-weight:bold; margin-bottom:5px; padding:5px 0 5px 0; background-color:#EEE; }
#body .titleAlert .titleDescription { margin-bottom:5px; }
#body .titleAlert .titleCondition {  }
#body .titleAlert ul.menu li { float:right; margin:5px; }

#body #rankingList { width:auto; border:1px solid #DDD; padding:0 0 15px 0; }
#body #rankingList .title { padding:10px 0 0 10px; margin-bottom:10px; border:none; }
#body #rankingList li.item { width:auto; height:auto; margin:10px; padding:0 0 5px 0; float:none; text-align:left; border:none; }
#body #rankingList li.item .item_info, #body #rankingList li.item .item_info a { display:inline; }
#body #rankingList li.item .thumb { margin-bottom:10px; display:none; }
#body #rankingList li.item .thumb img { margin:0 auto; padding:3px; border:1px solid #fff; }
#body #rankingList li.item .thumb img:hover { border:1px solid #ff823a; }
#body #rankingList li.item .thumb a { }
#body #rankingList li.top1 .thumb, #body #rankingList li.top3 .thumb, #body #rankingList li.top5 .thumb { display:block; }
#body #rankingList li.top1 { text-align:center;  }
#body #rankingList li.top1 .thumb { width:150px; height:150px; margin:0 auto 10px auto; }
#body #rankingList li.top3 { text-align:center; }
#body #rankingList li.top3 .thumb { width:120px; height:120px; margin:0 auto 10px auto; }
#body #rankingList li.top5 { text-align:center; }
#body #rankingList li.top5 .thumb { width:100px; height:100px; margin:0 auto 10px auto; }

#body #recentRList { width:; margin:10px 0 10px 0; padding:10px; border:1px solid #DDD; } 
#body #recentRList .title { padding:0 0 0 10px; margin-bottom:10px; border:none; border-bottom:1px solid #DDD; } 
#body #recentRList .title ul.tab { padding-right:5px; } 
#body #recentRList .title ul.tab li { float:right; margin-left:3px; } 
#body #recentRList li.item { width:120px; height:120px; margin:8px; }
#body #recentRList li.item .thumb { width:80px; height:80px; margin:0 auto 0 auto; }
#body #recentRList li.item .item_info { width:120px; padding:10px 0 0 0; float:none;  }
#body #recentRList.textList li.item { width:280px; margin:5px auto 5px auto; padding:10px 10px 15px 10px; float:left; text-align:left; border-right:none; }
#body #recentRList.textList li.item .thumb { width:60px; height:60px; float:left; margin:0 15px 5px 0; }
#body #recentRList.textList li.item .item_info { width:280px; padding:10px 0 0 0; margin:0 0 5px 0;  float:none;  }
#body #recentRList.textList li.item .previewText { width:260px; float:none; padding:0px 10px 0px 0px; clear:; text-indent:; }


#body #recentTags { width:; margin:10px 0 10px 0; padding:10px; border:1px solid #DDD; } 
#body #recentTags.list .title { padding:0 0 0 10px; margin-bottom:10px; border:none; } 

#body #tagList { width:860px; } 
#body #tagList .tagMenu { text-align:right; padding-right:10px; margin-top:10px; font-size:1.2em; font-weight:bold; } 
#body #tagList .tags { padding:10px; font-size:1.1em; line-height:180%; } 
#body #tagList .tag { padding-right:10px; }

#body .tags .tag { display:inline-block; padding:3px 5px 3px 5px; margin:3px; }
#body .tags .tag_3 { font-size:1.1em; }
#body .tags .tag_10 { font-size:1.1em; font-weight:bold; }
#body .tags .tag_25 { font-size:1.1em; font-weight:bold; background-color:#fff7bd; }
#body .tags .tag_50 { font-size:1.1em; font-weight:bold; background-color:#f1fff9; }
#body .tags .tag_100 { font-size:1.1em; font-weight:bold; background-color:#ffe9e1; }

#body #talkList { width:860px; }
#body #talkList .title { }
#body #talkList .talks { margin:0 auto; }
#body #talkList .pagenation { margin:0 auto; }

#body .addTalk { width:500px; padding:15px; text-align:right; }
#body .addTalk textarea { margin-bottom:5px; }
#body .addTalk .button { width:80px; margin:5px auto 5px auto; border:1px solid #DDD; padding:2px;  }
#body .talks { line-height:160%; }
#body .talks .talk { border-bottom:1px solid #DDD; margin:10px; padding:10px 5px 10px 5px; }
#body .talks .talk .profileImg { width:50px; height:50px; float:left; }
#body .talks .talk .talkHeader { padding:0 0 0 60px; }
#body .talks .talk .talkHeader .talk_srl { }
#body .talks .talk .talkHeader .user_title { font-size:0.9em; }
#body .talks .talk .talkHeader .nick_name { font-weight:bold; }
#body .talks .talk .talkHeader .regdate { }
#body .talks .talk .talkBody { padding:5px 5px 5px 70px; }
#body .talks .talk .talkFooter { padding:0 10px 0 60px; }
#body .talks .talk ul { text-align:right; }
#body .talks .talk ul li { display:inline; cursor:pointer; }
#body .talks .talk ul li a { display:inline; }

#body .msgs .talk .talkHeader { padding:0 0 0 0px; }
#body .msgs .talk .talkBody { padding:5px 5px 5px 10px; }
#body .msgs .talk .talkFooter { padding:0 10px 0 0px; }

#body #recentTalkList { border:1px solid #DDD; }
#body #recentTalkList .title { border:none; }

#body #privateRoomTalk { width:auto; border:1px solid #DDD; padding:10px; }
#body #privateRoomTalk .title { border:none; }
#body #privateRoomTalk .pagenation { width:auto; }

#body .event { width: 860px; margin:0 0 0 10px; }
#body .event .eventMenu { width:860px; margin:10px 0 0 0; border:1px solid #DDD; }
#body .event .eventMenu ul { }
#body .event .eventMenu ul li { padding:7px 20px 7px 20px; float:left; border-right:1px solid #DDD; cursor:pointer; }
#body .event .eventMenu ul li:hover { background-color:#EEE; }
#body .event .eventMenu ul li.last { border:none; }
#body .event .eventMenu ul li.active { background-color:#EEE; }

#body #eventList { width:860px; border:1px solid #DDD; }
#body #eventList { margin:10px 0 0 0; }
#body #eventList ul.es { }
#body #eventList ul.es li { height:50px; padding:3px; margin:0 0 0px 0; }
#body #eventList ul.es li a { display:block; height:50px; padding:0; }
#body #eventList ul.es li.e .banner { width:550px; float:left; }
#body #eventList ul.es li.e .eventSchedule { width:250px; height:20px; margin-top:16px; float:left; text-align:center; }
#body #eventList ul.es li.e .eventStatus { width:50px; height:20px; margin-top:16px; float:right; text-align:center; }

#body #eventRecentList { width:600px; margin:10px 0 10px 0; padding:10px; border:1px solid #DDD; float:left; } 
#body #eventRecentList .title { padding:0 0 0 10px; margin-bottom:10px; border:none; border-bottom:1px solid #DDD; } 
#body #eventRecentList .title ul.tab { padding-right:5px; } 
#body #eventRecentList .title ul.tab li { float:right; margin-left:3px; } 
#body #eventRecentList ul li.first { width:240px; height:240px; margin-right:45px; } 
#body #eventRecentList ul li { margin:10px; } 

#body #eventRecentList.textList li.item { width:500px; margin:5px auto 5px auto; padding:10px 10px 15px 10px; float:left; text-align:left; border-right:none; }
#body #eventRecentList.textList li.item .thumb { width:80px; height:80px; float:left; margin:0 15px 0 0; }
#body #eventRecentList.textList li.item .item_info { width:400px; padding:10px 0 0 0; float:right;  }
#body #eventRecentList.textList li.item .previewText { width:400px; float:right; padding:7px 0 0px 0px; }


#body #item.item { width:650px; float:left; padding:0 0 15px 0; margin:10px 0 0 10px; }
#body #item.item .itemWrap { padding:5px 5px 5px 5px; border:1px solid #DDD; margin:0 0 10px 0; }
#body #item.item .shopDetail { padding:0; border:1px solid #DDD; margin:0 0 10px 0; }

#body .itemWrap table { width:100%; margin:; padding:0; } 
#body .itemWrap table thead tr th { text-align:left; } 
#body .itemWrap table tbody tr { }  
#body .itemWrap table tbody tr th { width:100px; text-align:left; background-color:#F9F9F9; padding:5px; border-top:1px solid #EEE; } 
#body .itemWrap table tbody tr td { width:225px; padding:5px 5px 5px 10px; border-top:1px solid #EEE; } 
#body .itemWrap table tbody tr.first th, 
#body .itemWrap table tbody tr.first td { border-top:none; } 

#body #item.item .itemMenu { margin:0px 0 10px 0; border:1px solid #DDD; }
#body #item.item .itemMenu ul { }
#body #item.item .itemMenu ul li { padding:7px 20px 7px 20px; float:left; border-right:1px solid #DDD; cursor:pointer; }
#body #item.item .itemMenu ul li:hover { background-color:#EEE; }
#body #item.item .itemMenu ul li.last { border:none; }
#body #item.item .itemMenu ul li.active { background-color:#EEE; }

#body #item.item .itemHeader { padding:5px; text-align:center; margin:0 0 0px 0; }
#body #item.item .itemHeader h2 { font-size:1.3em; font-family:NanumGothic, Dotum; padding:0px; margin:0; }

#body #item.item .itemHeader ul.tags { text-align:left; margin:15px 0 0px 0; border:1px solid #DDD; padding:8px; }
#body #item.item .itemHeader ul.tags { list-style:none; }
#body #item.item .itemHeader ul.tags li { float:left; padding:3px 5px 3px 5px;  }
#body #item.item .itemHeader ul.tags li.title { font-size:1.2em; font-weight:bold; }
#body #item.item .itemHeader ul.tags li a { display:inline; }
#body #item.item .itemHeader ul.tags li a:hover { text-decoration:underline; }
#body #item.item .itemHeader ul.tags .deleteTagBtn { font-size:0.8em; padding:5px 5px 5px 3px; }
#body #item.item .itemHeader ul.tags .deleteTagBtn a { }
#body #item.item .itemHeader ul.tags .deleteTagBtn a:hover { text-decoration:none; font-weight:bold; }
#body #item.item .itemHeader .comment { text-align:left; padding:10px; margin:10px 0 5px 0; border:1px solid #DDD; }

#body #item.item .itemHeader .picList { border:1px solid #DDD; }
#body #item.item .itemHeader .picList ul { width:600px; height:120px; display:block; overflow:hidden; }
#body #item.item .itemHeader .picList ul li { float:left; }

#body #item.item .itemBody { width:650px; }
#body #item.item .itemBody .object { width:550px; margin:0px auto 0px auto; }
#body #item.item .itemBody .object .objectBody .text { margin:10px auto 10px auto; text-align:left; text-indent:1.0em; }
#body #item.item .itemBody .object .objectBody .text p { margin:20px 0 20px 0; }
#body #item.item .itemBody .object .objectBody .pic { margin:10px auto 10px auto; text-align:center; }
#body #item.item .itemBody .object .objectBody .sound { margin:10px auto 10px auto; text-align:center; }
#body #item.item .itemBody .loginMsg { text-align:center; }
#body #item.item .itemBody .thumb { text-align:center; margin:10px 0 10px 0; }

#body #item.item .itemFooter { padding:5px; }
#body #item.item .itemFooter .comment { text-align:left; padding:10px; border:1px solid #DDD; }
#body #item.item .itemFooter .copyright { padding:15px 20px 0 20px; text-align:center; margin-top:10px; }

#body #item.item .sendMsg { padding:5px; text-align:right; }
#body #item.item .sendMsg form textarea { padding:5px; }
#body #item.item .sendMsg form .submit { width:120px; margin:5px auto 5px auto; border:1px solid #DDD; padding:2px; }

#body #item.item .order { padding:0; }

#body #item.item .orderList {}
#body #item.item .orderList ul.tab { padding-right:5px; border-bottom:1px solid #DDD; } 
#body #item.item .orderList ul.tab li { float:left; margin-right:3px; } 
#body #item.item .orderList ul.tab li.selected { background-color:#EEE; } 

#body #item.item .orderList .status_0 { display:block; } 
#body #item.item .orderList .status_1 { display:none; } 
#body #item.item .orderList .status_2 { display:none; } 
#body #item.item .orderList .status_3 { display:none; } 
#body #item.item .orderList .status_4 { display:none; } 

#body #item.item .orderList table.order { border:1px solid #EEE; margin:10px 0 0px 0; border-top:3px solid #DDD; border-bottom:1px solid #DDD; } 

#body .info { width:200px; float:right; margin:10px 0 0 0; }
#body .info { }

#body .info .profile { border:1px solid #DDD; text-align:center; padding:10px; background-color:#F9F9F9; }
#body .info .profile .profileImg { width:150px; height:150px; margin:5px auto 5px auto; }
#body .info .profile .title { font-size:1.0em; }
#body .info .profile .nickName { font-weight:bold; font-size:1.1em; }

#body .info .itemInfo { border:1px solid #DDD; margin:10px 0 0 0; }
#body .info .itemInfo table th { width:60px; }
#body .info .top { margin:0; }

#body .info .subMenu { border:1px solid #DDD; padding:10px; margin:10px 0 0 0; }
#body .info .subMenu ul { padding-left:15px; list-style:square; }
#body .info .subMenu ul li {  }

#body .info .starRating { padding:10px 17px 10px 17px; border:1px solid #DDD; margin:10px 0 0 0; }
#body .info .starRating .ui-rating { }
#body .info .frtMenu { padding:0px 5px 0px 5px; margin:10px 0 0 0; border:1px solid #DDD; }
#body .info .frtMenu ul {}
#body .info .frtMenu ul li { width:50px; height:50px; border:1px solid #DDD; float:left; margin:5px; cursor:pointer; }
#body .info .frtMenu ul li.f { background-image:url('../images/itemMenuF.png'); }
#body .info .frtMenu ul li.f:hover { background-image:url('../images/itemMenuFh.png'); }
#body .info .frtMenu ul li.r { background-image:url('../images/itemMenuR.png'); }
#body .info .frtMenu ul li.r:hover { background-image:url('../images/itemMenuRh.png'); }
#body .info .frtMenu ul li.t { background-image:url('../images/itemMenuT.png'); }
#body .info .frtMenu ul li.t:hover { background-image:url('../images/itemMenuTh.png'); }
#body .info .frtMenu ul li.disabled { background-color:#EEE; cursor:auto; }

#body .info .frtMenu .addTag { width:250px; display:none; position:absolute; border:1px solid #DDD; background-color:#FFF; text-align:center; }
#body .info .frtMenu .addTag label { display:block; background-color:#f9f9f9; margin-bottom:5px; padding:3px 0 3px 0; }
#body .info .frtMenu .addTag .submit { display:block; width:70px; margin:5px auto 5px auto; border:1px solid #DDD; padding:2px; }

#body .info .deleteMenu { border:1px solid #DDD; margin:10px 0 0 0; padding:0px }
#body .info .deleteMenu ul {}
#body .info .deleteMenu ul li { text-align:center; cursor:pointer; float:left; width:79px; padding:10px;  }
#body .info .deleteMenu ul li:hover { background-color:#EEE; }
#body .info .deleteMenu .deleteItem { border:1px solid #DDD; padding:5px; text-align:center; display:none; margin:10px; }
#body .info .deleteMenu .deleteItem .submit { display:block; width:70px; margin:5px auto 5px auto; border:1px solid #DDD; padding:2px; }

#body .info .profileMenu { border:1px solid #DDD; padding:0; margin:10px 0 0 0; text-align:center; }
#body .info .profileMenu ul li { padding:5px 0 5px 0; }
#body .info .profileMenu ul li.last { padding:5px 0 5px 0; }
#body .info .profileMenu ul li:hover { background-color:#EEE; }
#body .info .profileMenu .addProfilePic { display:none; padding:5px 0 5px 0; border-top:1px solid #DDD; border-bottom:1px solid #DDD; }
#body .info .profileMenu .modifyMyComment { display:none; padding:5px 0 5px 0; border-top:1px solid #DDD; border-bottom:1px solid #DDD; }
#body .info .profileMenu .addTitle { display:none; padding:5px 0 5px 0; border-top:1px solid #DDD; border-bottom:1px solid #DDD; }

#body .info .customMenu { border:1px solid #DDD; padding:0; margin:10px 0 0 0; text-align:center; }
#body .info .customMenu ul li { padding:5px 0 5px 0; }
#body .info .customMenu ul li.last { padding:5px 0 5px 0; }
#body .info .customMenu ul li:hover { background-color:#EEE; }
#body .info .customMenu .addMenu { display:none; padding:0; border-bottom:1px solid #DDD; text-align:left; } 
#body .info .customMenu .addMenu:hover { background:none; } 
#body .info .customMenu .addMenu table { border-top:1px solid #DDD; border-bottom:1px solid #DDD; } 
#body .info .customMenu .addMenu .button { display:block; margin:5px auto 5px auto;} 
#body .info .customMenu ul.custom { list-style:disc; padding:5px 0 5px 35px; text-align:left; }  
#body .info .customMenu ul.custom li { padding:2px 0 2px 0; font-size:1.1em; }
#body .info .customMenu ul.custom li a { display:inline; width:auto; border:none; }
#body .info .customMenu ul.custom li:hover { background:none; }  
#body .info .customMenu ul.custom li a.deleteMenu { padding:0 5px 0 0; font-weight:bold; }  

#body .info table { width:200px; margin:0; padding:0; } 
#body .info table thead tr th { text-align:left; } 
#body .info table tbody tr { }  
#body .info table tbody tr th { text-align:right; background-color:#F9F9F9; padding:5px 10px 5px 5px; } 
#body .info table tbody tr td { padding:5px 5px 5px 10px; } 
#body .info table tbody tr.last th, 
#body .info table tbody tr.last td { } 

#body .info .ownerInfo { border:1px solid #DDD; margin:10px 0 0 0; }
#body .info .ownerInfo table th { width:60px; }

#body .msgs { width:580px; float:left; padding:5px; border-top:none; }
#body .msgs h3 { padding-left:10px; margin-bottom:10px; }
#body .msgs h3 .total { font-size:1.2em; }
#body .msgs .aMsg { margin:5px 5px 5px 30px; padding:5px 10px 10px 10px; }
#body .msgs .aMsg .msgHeader { margin-bottom:5px; }
#body .msgs .aMsg .msgHeader .sender { font-weight:bold; }
#body .msgs .aMsg .msg { padding-left:10px; }

#body .relateds { width:580px; float:left; padding:5px; border-top:none; }
#body .relateds h3 { padding-left:10px; margin-bottom:10px; }
#body .relateds h3 .total { font-size:1.2em; }
#body .relateds .item { margin:20px; height:160px; display:inline-block; text-align:center; }
#body .relateds .item { width:130px; height:160px; margin:17px; padding:0 0 10px 0; display:inline-block; text-align:center; }
#body .relateds .item .thumb { width:100px; height:100px; display:inline-block; margin-bottom:10px; }

#body .form { }
#body .form input { border:1px solid #AAA; }
#body .form tetarea { border:1px solid #AAA; }

#body .form .column { margin:15px 0 15px 0px; text-align:center; }
#body .form .column_head { padding:5px 0 5px 15px; text-align:center; }
#body .form .column_submit { margin:25px 0 10px 20px; text-align:center; }

#body .addItem { float:left; width:620px; }
#body .addItemOption { float:right; width:250px;  }

#body .addItem table { width:610px; margin:10px 0 5px auto; padding:0; } 
#body .addItem table thead tr th { text-align:left; } 
#body .addItem table tbody tr { }  
#body .addItem table tbody tr th { text-align:right; background-color:#F9F9F9; padding:5px 10px 5px 5px; border-top:1px solid #EEE; } 
#body .addItem table tbody tr td { padding:5px 5px 5px 10px; border-top:1px solid #EEE; } 
#body .addItem table tbody tr.last th, 
#body .addItem table tbody tr.last td { border-bottom:1px solid #EEE; } 

#body .addItem ul.addObject { width:610px; margin:0px 0 0px auto; border-top:1px solid #EEE; border-bottom:1px solid #EEE; background-color:#FCFCFC; }
#body .addItem ul.addObject li { width:50px; height:50px; float:left; border:1px solid #EEE; margin:5px; background-color:#FFF; }
#body .addItem ul.addObject li:hover { background-color:#EEE; cursor:pointer; }
#body .addItem ul.addObject li span { display:block; text-align:center; margin:15px 0; }
#body .addItem ul.addObject li.disabled { background-color:#FCFCFC; cursor:auto; }

#body .addItem .addObjectBody { width:610px; text-align:center; padding:10px 0 10px 0; }
#body .addItem .addObjectBody textarea { border:1px solid #CCC; padding:5px; }
#body .addItem .addObjectBody .submit { width:550px; margin:5px auto 0px auto; text-align:right; }
#body .addItem .addObjectBody .addPicQueue { width:610px; margin:10px auto 10px auto; text-align:center; }
#body .addItem .addObjectBody .uploadifyQueueItem { margin:5px auto 5px auto; }

#body .addItem #addObjectBody2 { width:600px; text-align:center; border:1px solid #DDD; display:; position:; border:1px solid #DDD; background-color:#FFF; }
#body .addItem #addObjectBody2 .addObjectBodyMenu { background-color:#EEE; padding:5px; font-size:1.2em; font-weight:bold; text-align:left; }
#body .addItem #addObjectBody2 .addObjectBodyContent { padding:5px; }
#body .addItem .addObjectBody textarea { border:1px solid #CCC; padding:5px; }
#body .addItem .addObjectBody .submit { width:550px; margin:5px auto 0px auto; text-align:right; }
#body .addItem .addObjectBody .addPicQueue { width:610px; margin:10px auto 10px auto; text-align:center; }
#body .addItem .addObjectBody .uploadifyQueueItem { margin:5px auto 5px auto; }

#body .addItem .iBody { width:610px; margin:10px auto 10px auto; text-align:center; }
#body .addItem .iBody .object { width:500px; border-top:1px solid #EEE; border-bottom:1px solid #EEE; margin:10px auto 10px auto; text-align:left; padding:5px; background-color:#FFF; }
#body .addItem .iBody .object .objectHeader { text-align:right; clear:both; padding:0px 0 3px 0; }
#body .addItem .iBody .object .objectHeader ul { }
#body .addItem .iBody .object .objectHeader ul li { float:right; margin:0 10px 0 10px; cursor:pointer; }
#body .addItem .iBody .object .objectBody { clear:both; padding:10px 0 10px 0; }
#body .addItem .iBody .object .objectBody .text { text-align:left; }
#body .addItem .iBody .object .objectBody .text p { text-indent:1.0em; margin:10px auto 10px auto; }
#body .addItem .iBody .object .objectBody .pic { text-align:center; }
#body .addItem .iBody .object .objectFooter { text-align:right; clear:both; padding:3px 0 0px 0; }
#body .addItem .iBody .object .objectFooter ul { }
#body .addItem .iBody .object .objectFooter ul li { float:right; margin:0 10px 0 10px; cursor:pointer; }

#body .addItemOption .submit { text-align:center; }
#body .addItemOption .submit input { width:120px; margin:5px auto 5px auto; border:1px solid #DDD; padding:2px; }

#body .addItemOption table { width:100%; margin:10px auto 5px auto; padding:0; } 
#body .addItemOption table thead tr th { text-align:left; } 
#body .addItemOption table tbody tr { }  
#body .addItemOption table tbody tr th { text-align:left; background-color:#F9F9F9; padding:5px; border-top:1px solid #EEE; } 
#body .addItemOption table tbody tr td { padding:5px 5px 5px 10px; border-top:1px solid #EEE; } 
#body .addItemOption table tbody tr.last th, 
#body .addItemOption table tbody tr.last td { border-bottom:1px solid #EEE; } 

#body .addItemOption #shopDetail { display:none; } 
#body .addItemOption #eventDetail { display:none; } 

#body .ui-state-error { padding:2px; padding-left:5px; margin-bottom:5px;  }
#body .ui-state-highlight { padding:2px; padding-left:5px; margin-bottom:5px; }

#body .ui-icon { float:left;}
#body .ui-icon:after { clear:both; }

#linkOld { display:none; padding:10px; margin-top:10px; text-align:right; }
#linkOld input { margin-bottom:5px; }
#linkOld .button { background-color:#fffdee; }

#linkNew { display:none; padding:10px; margin-top:10px; text-align:right; }
#linkNew p { text-align:left; }
#linkNew input { margin-bottom:5px; }
#linkNew .button { background-color:#fffdee; }
/* FOOT */

#foot { padding:0px 0 0px 0px; margin:0 auto 0 auto; }

#foot .footContent { background-color:#fff7bd; border:1px solid #DDD; padding:10px 0 10px 0; width:865px; margin:10px 0 20px 0; height:120px; float:right; }
#foot .status { padding:0px 10px 0 10px; }
#foot .donation { padding:0px 10px 0 10px; }
#foot .copyright { text-align:left; }

#foot ul { }
#foot ul li { float:right; }