*{margin:0; padding:0;} 
html {overflow-y:scroll;}
body, div, th, td, select, input, textarea {color:#666666; font-size: 12px;line-height:16px;font-family:dotum, tahoma, verdana, arial}
body{margin-left:10px;text-align:center;}
table{border-collapse:collapse; border-spacing:0;}
img {border:0px; vertical-align:middle;}
li {list-style:none;}
caption {display:none;}
select, input {height:20px;line-height:20px;padding:0 0 0 2px;vertical-align:middle;}
.ie10 select, .ie10 input {height:20px;line-height:20px;padding:0 2px;vertical-align:bottom;}
input {height:20px;line-height:20px;}
textarea{padding:5px;border:#b1b1b2 1px solid; scrollbar-highlight-color: #FFFFFF;scrollbar-shadow-color: #ababab;scrollbar-arrow-color: #808080;scrollbar-face-color: #FFFFFF;scrollbar-3dlight-color: #E5E5E5;scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #FFFFFF; scrollbar-base-color: #FFFFFF;}


/* 전체 공통링크 */
a:link {color:#333; text-decoration:none;}
a:visited {color:#333; text-decoration:none;}
a:hover {text-decoration:none; color: #000; text-decoration:underline;}
a:active {text-decoration:none;}
                                                              
/* 전체레이아웃을 지정합니다.*/
#container{width:960px; margin:0 auto;text-align:left;position:relative;} /*전체 영역-전체 width 지정*/
#header{clear:both;height:100px;} /*헤더영역-반드시 width와 height 지정*/
/* #center{clear:both;position:relative;} 컨텐츠영역 */
#footer{clear:both;}/*푸터영역*/   
#side_left{width:190px;float:left;margin-bottom:50px;}
#subcontent{float:left;margin-bottom:20px;}
#side_right{width:200px;float:right;}
#content{width:550px;float:left;margin-left:10px;margin-bottom:50px;}
/*#side_right{width:200px;float:right;margin-bottom:50px;position:absolute;right:0}*/



/* Common */
.left{float:left;}
.right{float:right;}
.clear{clear:both}
.center{text-align:center;}
.blind, .skip {overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0;}
.hide {display:none;}

/* skipNavi 2014-07-22 추가 시작  */
.skipNavi {
	position: absolute;
	top: 3px;
	right: 0;
	padding: 0 7px;
	border: 1px solid #b3bdca;
	background: #d7dfea;
	border-radius: 3px;
}
.skipNavi a {
	display: inline-block;
	height:16px;
	font-size: 11px;
	line-height: 16px;
	color: #75808f;
	letter-spacing: -0.075em;
}
.skipNavi a:hover,
.skipNavi a:active {
	text-decoration: none;
	background: #e1e7ef;
	color: #66707e;
}
/* skipNavi 2014-07-22 추가 시작  */

/*Header*/
#top {height: 45px;margin-top: 5px;}
#main_nav {background:url(../images/purple_images/nav_bg.gif) no-repeat; width:960px;height:45px;border-radius: 5px 5px 5px 5px;}
#header h1 a {display: block;
    overflow: hidden;
    text-indent: -9999px;
    transform: scale(1);
    transform-origin: 0 0 0;
	float:left;
	background:url(../images/logo.png) no-repeat 0px 7px;
	width:190px;
	height: 43px;
}
#header h2 {font-size:13px;  
    display: block;  
	overflow: hidden;
    text-indent: -9999px;
	height:0px;
}

.skin {position:absolute;top:25px;right:0;}
.skin h2 {float:left;font-size:11px;padding-right:5px;display:inline-block;font-weight:normal;}	
.skin span a{display:inline-block;width:16px; height:16px; overflow: hidden;text-indent: -9999px;background: url("../images/purple_images/skin.png") no-repeat;cursor: pointer}
.skin span a.blue {background-position:0px -5px;}
.skin span a.green {background-position:0px -31px;}
.skin span a.red {background-position:0px -57px;}
.skin span a.purple {background-position:0px -83px;}
.skin span a.compose {background-position:0px -110px;}

#header .skin h2 {
    display: inline-block;
    float: left;
    font-size: 11px;
    font-weight: normal;
    height: auto;
    padding-right: 5px;
    text-indent: 0;
}

/*main title*/
#login h2, #login2 h2, #main_ban h2,  .searchbox_content h2, .main_news h2 {display: none;}
#notice h2, #category h2, #main_myupdate h2, #main_notice h2, #main_recommend h2, #main_promote h2, #main_tag h2, #main_best h2, #main_new h2{font-size:13px; letter-spacing:-1px;padding:8px;font-size:14px;}
#main_myupdate h2, #main_recommend h2, #main_promote h2, #main_notice h2 {padding:8px 0px 8px 0px;}
#notice h2, #category h2 {border-bottom:2px solid #E2E2E2;}
.login_bg {border: 2px solid #E2E2E2;
-moz-border-radius: 8px; /*모질라*/
-webkit-border-radius: 5px; /*웹킷*/
/*IE9+,FF4+,chrome,Safari5,+opera*/
border-radius: 5px;
background:#f2f2f2;
margin-bottom:8px;}
#notice, #category, #main_tag, #main_best, #main_new {border:1px solid #E2E2E2;-moz-border-radius: 8px; /*모질라*/
-webkit-border-radius: 5px; /*웹킷*/
/*IE9+,FF4+,chrome,Safari5,+opera*/
border-radius: 5px;
margin-bottom:8px;}
#main_myupdate, #main_notice, #main_recommend, #main_promote {padding:10px 5px 10px 5px;clear:both;position:relative;display:block; content:'';}
#main_myupdate h2, #main_notice h2, #main_recommend h2, #main_promote h2, #main_tag h2, #main_best h2, #main_new h2 {border-bottom:2px solid #E2E2E2;}
.main_myupdate_list, .main_recommend, .main_public_list {padding-top:15px;}
.notice_list, .main_best, .main_new_list {padding:5px 0px 5px 10px;}
.notice_list li, .main_new_list li, .main_public_list li {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:160px;}
.main_public_list li {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:400px;}


/*gnb*/
.gnb, .gnb_o {background:url(../images/purple_images/nav_bar.gif) no-repeat left;}
.gnb a:link, .gnb a:visited {color:#dac5f6;font-size:14px;}
.gnb, .gnb_o {float:left;font-weight:bold;text-align:center;font-size:14px;height:45px;width:96px;}
.gnb_o a, .gnb a:hover {color:#fff; background:url(../images/purple_images/nav_s.png) no-repeat center bottom;height:30px; display:block;}
.gnb div, .gnb_o div {padding-top:15px;font-size:14px;}
.first {background:none;}


/*Side Left*/
.login_bg ul {padding:10px 8px 0px 8px;}
.login_bg li {display:block;padding:1px 0px 0px 0px;}
.login_bg li.inpt input{width:98px;}
.login_bg label {width:20px;display:inline-block;font-size:11px;letter-spacing:-0.5px;}
.login_bg {position:relative;}
.login_bg li.join {text-align:center;}
.login_bg span {font-size:11px;padding:8px 0px 0px 10px;display:inline-block;letter-spacing:-0.5px;}
.login_btn2 {position:absolute;top:8px;right:8px;}




.login_select select {height:20px;}
.login_info{padding:12px 0px 5px 12px;float:left;width:118px;}     
.login_info span{font-weight:bold;color:#7456b0;line-height:18px;}        
.login_btn{padding:10px 10px 5px 0px;float:right;}
.login_select{text-align:center;padding-bottom:5px;}
.login_select select{width:150px;}

.login_makeclub{text-align:center;background:url(../images/purple_images/btn_make_club.gif) no-repeat;width:170px;height:44px;margin:5px 10px 0px 10px;padding-bottom:10px;}   


.login_makeclub div{padding-top:14px;font-weight:bold;font-size:14px}
.login_makeclub div a:link {color:#ffffff;}
.login_makeclub div a:hover {color:#ffffff;}
.login_makeclub div a:visited {color:#ffffff;}

.icon_new{margin-left:2px;padding:0px 0px 0px 10px;background:url(../images/blue_images/icon_new.gif) no-repeat 0 2px;height:15px;}
.icon_new{margin-left:2px;padding:0px 0px 0px 10px;background:url(../images/purple_images/icon_new.gif) no-repeat 0 2px;height:15px;}

.logout_info{text-align:center;padding:5px;}
.logout_info span{font-weight:bold;color:#7456b0;line-height:18px;}
.logout_btn{float:left;width:100%;padding-bottom:10px; text-align:center;}
.logout_btn_area{height:25px;}

#notice{position:relative;}
.box02_top_m{background:url(../images/purple_images/box02_top_m.gif);height:8px;width:100%;}  
.box02_center_l{background-image:url(../images/purple_images/box02_center_l.gif);width:8px;}
.box02_center_r{background-image:url(../images/purple_images/box02_center_r.gif);width:8px;}
.box02_bottom_l{background:url(../images/purple_images/box02_bottom_l.gif);height:8px;width:8px;}
.box02_bottom_m{background:url(../images/purple_images/box02_bottom_m.gif);height:8px;}
.box02_bottom_r{background:url(../images/purple_images/box02_bottom_r.gif);height:8px;width:8px;}
.notice_title{margin-left:5px;width:165px;height:14px;}
.notice_title a {position:absolute;top:10px;right:10px;}
.notice_title img{float:right;}

.notice_list li{background:url(../images/purple_images/bl_01.gif) no-repeat 0 10px;padding:3px 0px 3px 7px;line-height:17px;}

#main_recommend {height:140px;}

.notice_list li span{color:#8D4CEB;}

#category{padding-bottom:10px;border: 1px solid #E2E2E2;}
.box03_top_m{background:url(../images/purple_images/box03_top_m.gif);height:8px;}
.box03_center_l{background-image:url(../images/purple_images/box02_center_l.gif);width:8px;}
.box03_center_r{background-image:url(../images/purple_images/box02_center_r.gif);width:8px;}
.box03_bottom_l{background:url(../images/purple_images/box03_bottom_l.gif);height:8px;width:8px;}
.box03_bottom_m{background:url(../images/purple_images/box03_bottom_m.gif);height:8px;}
.box03_bottom_r{background:url(../images/purple_images/box03_bottom_r.gif);height:8px;width:8px;}
.category_title{margin-left:0px;width:101px;height:29px;}


.notice_list li span.count,  .category_list span.count {
    background: url("../images/purple_images/bg_badge.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 15px;
	line-height: 15px;
    margin: 1px 0px;
    overflow: hidden;
    vertical-align: top;
	
}
.notice_list li span.count em, .category_list span.count em {
    background: url("../images/purple_images/bg_badge.png") repeat scroll right -15px transparent;
    color: #FFFFFF;
    display: inline-block;
    font-family: verdana;
    font-size: 11px;
    height: 15px;
	line-height: 15px;
    letter-spacing: -1px;
    margin-left: 6px;
    padding-right: 7px;
    text-align: center;
	font-style:normal;
}

/*1.카페홈*/
.subtitle_public_more {margin-top:8px;}
#main_ban, #main_search {border: 1px solid #E2E2E2;border-radius: 5px 5px 5px 5px;}
#main_ban img {border-radius: 5px 5px 5px 5px;width:550px; height:180px;}
#main_search{background: none repeat scroll 0 0 #f5f5f5; margin-top: 8px;}
.main_search_icon{float:left;}

.main_search_input {clear:both; padding:8px 8px 8px 15px;position:relative;*zoom:1;}
.main_search_input:after, .main_searchbest:after {display:block;clear:both;content:''}
.main_search_input label {position:relative;padding:0px 10px 0px 20px;float:left;line-height:19px;}
.main_search_input label input {position:absolute;left:0px;float:left;vertical-align:top;top:0;}

.main_search_input label input.textfield {position:absolute;right:0;}
.main_search_input td{color:#b7a8ce;font-size:11px;padding:10px 0px 3px 2px;}
.main_search_input input {padding-right:10px;margin-left:2px;}
.main_search_input input.textfield {width:200px;height:19px;line-height:15px;float:left;}
.main_search_input img {float:left;padding-left:3px;}

.main_searchbest {clear:both;*zoom:1;padding:5px 10px 5px 20px;border-top: 1px solid #E2E2E2;background: url("../images/purple_images/icon_set.png") no-repeat scroll 20px -391px transparent;}
.main_searchbest span {display:inline-block;padding:3px;}
.main_search_input h3 {float:left;width:1px;height:1px; overflow: hidden;}
.main_searchbest h3 {float:left;font-size:12px;height:19px;line-height:20px;padding:0px 20px;}

.main_myupdate_title{position:absolute;right:10px;top:15px;}
.main_myupdate_list li {background:url(../images/purple_images/bl_02.gif) no-repeat 0 6px;padding:1px 0px 1px 5px;height:18px;}
.main_myupdate_list .layout{width:510px;margin:0px 10px 0px 0px;padding-bottom:3px;}
.main_myupdate_list .text{float:left;width:450px;color:#8d4ceb;}
.main_myupdate_list .date{color:#a8a8a8;font-size:11px;float:right;}


 /*카페소식*/
 
 /*2013-10-17*/
.main_news, .main_news_roll{clear:both;*zoom:1;}
.main_news, .main_news_roll:after{display:block;clear:both;content:'';}
.main_news {margin-bottom:5px;}
.main_news_pic {float:left;width:45px;height:40px;padding:5px;}
.main_news_pic img {width:45px;height:40px; border-radius: 5px 5px 5px 5px;}
.main_news_con .title {font-weight:bold;padding:5px 5px 0px 5px;}
.main_news_con .content{line-height:15px;color: #999999;font-size:11px;padding:0px 5px 5px 5px;}
.main_news_roll .contents {float:left;width:198px;min-height:50px;border: 1px solid #E2E2E2;margin-bottom:2px;border-radius: 5px 5px 5px 5px;background:#f8f8f8;}



.main_recommend{float:left;}
.main_recommend_box {margin-right:5px;float:left;background: none repeat scroll 0 0 #F2F2F2; border: 1px solid #E2E2E2; border-radius: 5px 5px 5px 5px;height: 80px; width: 110px;}
.main_recommend_box img{border-radius: 5px 5px 5px 5px; height: 80px; width: 110px;}
.main_recommend .layout_text{float:left;line-height:14px;margin-top:5px;}
.main_recommend .layout_contents {margin-top:8px;color:#999999;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;width:150px;}
.main_recommend .layout_text_ti{font-weight:bold;font-size:12px;}
.main_recommend .layout_text_master{font-size:11px;background:url(../images/purple_images/icon_master.gif) no-repeat 0 5px;padding:5px 0px 0px 10px;line-height:15px;}
.main_recommend .layout_text_member{font-size:11px;background:url(../images/purple_images/icon_master.gif) no-repeat 0 0px;padding:0px 0px 0px 10px;line-height:15px;}



 /*공통*/
#subcontent h2.subtitle_tag_rss {display:none;}
#sub_make, #sub_list {width:760px;padding-left:10px;float:left;}
.sub_tag_list,.sub_category_list {padding:15px;line-height:25px;border: 1px solid #E2E2E2;border-radius: 5px 5px 5px 5px;margin: 8px 0px;}


/* Button */
div.buttonArea {
    clear:both; 	
	margin:10px 0 0px;
	*zoom:1;
}
div.buttonArea:after{
	display:block;
	clear:both;
	content:''
}
div.buttonAreaC {
	clear:both;
	margin:15px 0;
	text-align:center;	
}
div.buttonAreaR {
	clear:both;
	margin:15px 0;
	text-align:right;
}
div.up {
	margin-top:-40px;
}

/* Default Button */
a.button {
	display:inline-block; 
	height:25px;  
	padding-left:15px; 
	background:url(../images/purple_images/bg_button.gif) no-repeat left 0; 
	font-weight:bold;
	vertical-align:middle;
	overflow:hidden; 
	cursor:pointer;
	color:#666;
}
a.button span {
	display:inline-block;
	height:25px;
	padding-top:1px; 
	padding-right:15px; 
	background:url(../images/purple_images/bg_button.gif) no-repeat right 0; 
	line-height:25px;; 
	overflow:hidden;
}
a.button:hover {
	background-position: left -25px; 
	text-decoration:none;
	color:#666;
}
a.button:hover span { 
	background-position:right -25px;
}
a.button.fright {
    margin-left: 4px;
}

 /*1.카페홈-카페홍보*/
.main_public_go {width:130px;margin-left:5px;float:left;}
.main_public_list {margin-left:140px;}
.main_public_list li {padding:2px 0px 2px 0px;line-height:15px;}
.main_public_list .cafe{color:#8D4CEB;}

 /*1.카페홈-카페태그*/  
#main_tag, #main_best, #main_new {border: 1px solid #E2E2E2;position:relative;}
#main_tag{padding-bottom:5px;} 
.box04_top_l{background:url(../images/purple_images/box04_top_l.gif);height:8px;width:8px;}
.box04_top_m{background:url(../images/purple_images/box04_top_m.gif);height:8px;}
.box04_top_r{background:url(../images/purple_images/box04_top_r.gif);height:8px;width:8px;}
.box04_center_l{background-image:url(../images/purple_images/box04_center_l.gif);width:8px;}
.box04_center_r{background-image:url(../images/purple_images/box04_center_r.gif);width:8px;}
.box04_bottom_l{background:url(../images/purple_images/box04_bottom_l.gif);height:8px;width:8px;}
.box04_bottom_m{background:url(../images/purple_images/box04_bottom_m.gif);height:8px;}
.box04_bottom_r{background:url(../images/purple_images/box04_bottom_r.gif);height:8px;width:8px;}
.main_taglist {padding:5px;line-height:20px; word-wrap:break-word;word-break:break-all;}


 /*
.t_tag_01{color:#ffffff;font-size:13px;font-weight:bold;background-color:#ff6600;padding:3px;line-height:25px;}     
.t_tag_01 a:link{color:#ffffff;}
.t_tag_01 a:hover{color:#ffffff;text-decoration:underline;}
.t_tag_01 a:visited{color:#ffffff;}

.t_tag_02{color:#ff6600;font-size:16px;font-weight:bold;line-height:25px;}
.t_tag_02 a:link{color:#ff6600;}
.t_tag_02 a:hover{color:#ff6600;text-decoration:underline;}
.t_tag_02 a:visited{color:#ff6600;}

.t_tag_03{color:#000000;font-size:15px;font-weight:bold;line-height:25px;}
.t_tag_03 a:link{color:#000000;}
.t_tag_03 a:hover{color:#000000;text-decoration:underline;}
.t_tag_03 a:visited{color:#000000;}

.t_tag_04{color:#7c7c7c;;font-size:13px;font-weight:bold;line-height:25px;}
.t_tag_04 a:link{color:#7c7c7c;}
.t_tag_04 a:hover{color:#7c7c7c;text-decoration:underline;}
.t_tag_04 a:visited{color:#7c7c7c;}


.t_tag_05{color:#7c7c7c;font-size:12px;line-height:25px;}
.t_tag_05 a:link{color:#7c7c7c;}
.t_tag_05 a:hover{color:#7c7c7c;text-decoration:underline;}
.t_tag_05 a:visited{color:#7c7c7c;}
*/


 /*1.카페홈-인기카페*/  
 .main_new_title, .main_best_title{margin-left:5px;width:178px;height:16px;position:absolute;top:10px;right:10px;}


.box05_top_m{background:url(../images/purple_images/box05_top_m.gif);height:5px;width:100%;}  
.box05_center_l{background-image:url(../images/purple_images/box05_center_l.gif);width:8px;}
.box05_center_r{background-image:url(../images/purple_images/box05_center_r.gif);width:8px;}
.box05_bottom_l{background:url(../images/purple_images/box05_bottom_l.gif);height:5px;width:5px;}
.box05_bottom_m{background:url(../images/purple_images/box05_bottom_m.gif);height:5px;}
.box05_bottom_r{background:url(../images/purple_images/box05_bottom_r.gif);height:5px;width:5px;}


.main_best_title img{float:right;}
.main_best_list{padding-top:5px}
.main_best li {line-height:18px;padding: 0px 0px 0px 20px;}
.ol1, .ol2, .ol3, .ol4, .ol5, .ol6, .ol7, .ol8, .ol9, .ol10 {background:url(../images/purple_images/num_all.png) no-repeat;}
.ol1 {background-position:0px 0px;}
.ol2 {background-position:0px -22px;}
.ol3 {background-position:0px -44px;}
.ol4 {background-position:0px -66px;}
.ol5 {background-position:0px -88px;}
.ol6 {background-position:0px -110px;}
.ol7 {background-position:0px -132px;}
.ol8 {background-position:0px -154px;}
.ol9 {background-position:0px -176px;}
.ol10 {background-position:0px -198px;}

 /*1.카페홈-새로 개설된 카페*/
.main_new_title{margin-left:5px;width:178px;height:14px;}
.main_new_title img{float:right;}
.main_new_list{padding:5px 0px 5px 10px;}
.main_new_list li{background:url(../images/purple_images/bl_01.gif) no-repeat 0 8px; width:165px;padding:0px 0px 0px 7px;height:18px;}
.main_new_list li span{color:#a879c5;font-size:11px;}

.box06_top_m{background:url(../images/purple_images/box06_top_m.gif);height:5px;width:100%;}  
.box06_center_l{background-image:url(../images/purple_images/box06_center_l.gif);width:8px;}
.box06_center_r{background-image:url(../images/purple_images/box06_center_r.gif);width:8px;}
.box06_bottom_l{background:url(../images/purple_images/box06_bottom_l.gif);height:8px;width:8px;}
.box06_bottom_m{background:url(../images/purple_images/box06_bottom_m.gif);height:8px;}
.box06_bottom_r{background:url(../images/purple_images/box06_bottom_r.gif);height:8px;width:8px;}


 /*2.카페개설*/
.sub_make_how{text-align:center;padding:10px 0px 10px 0px;}
.sub_make_how span{padding:5px;}
.sub_make_info{padding:0px 10px 10px 30px;line-height:18px;}
.sub_make_info li{background:url(../images/purple_images/bl_04.gif) no-repeat 0 6px;padding-left:10px;}
.sub_make_info span{color:#991ae7;}
.sub_s_title{letter-spacing:-1px;font-size:14px;background:url(../images/purple_images/bl_03.gif) no-repeat 0 8px;font-weight:bold;border-bottom:#d3d3d3 2px solid;padding:5px 10px;margin:0px 10px 10px 10px;}
.sub_btn{text-align:right;padding-right:15px;}
.sub_btn input{width:41px;height:20px;}
.tablemake{margin:0px 10px;width:740px;}
.tablemake .center{text-align:center;padding-bottom:15px;}
.tablemake .text{border:#b1b1b2 1px solid;}
.tablemake th{padding-left:10px;}
.tablemake .item{width:20%;}
.tablemake .item_contents{padding:6px 10px 6px 10px;;}
.tablemake .item_contents td{padding-right:10px;}
.tablemake .item_contents th{padding-left:0px;}
.tablemake .item_contents textarea{height:70px;width:470px;}
.tablemake .item_img{padding:5px 0px 10px 0px;}
.item_info{padding:5px 0px 5px 0px;font-size:11px;line-height:13px;color:#9e9e9e;}
.item_info span{color:#ff6600;}
.linetd1{background:url(../images/purple_images/linetd1.gif) repeat-x;height:1px;width:100%;}  
.list_linetd{background:url(../images/purple_images/linetd1.gif) repeat-x bottom;height:1px} 

.sub_make_finish {padding:20px 50px 20px 50px;}
.sub_make_finish .info{padding:20px;}
.sub_make_finish .icon{margin-left:20px;background:url(../images/purple_images/icon_finish.gif) no-repeat;height:5px;width:140px;height:110px;float:left;}
.sub_make_finish .title{font-weight:bold;color:#9900cc;padding:0px 5px 0px 5px;font-size:14px;}
.sub_make_finish .text{line-height:15px;padding-top:5px;}
.sub_make_finish .text span {font-weight:bold;color:#9900cc;}
.sub_make_finish .text a:link{color:#9786b3;text-decoration:underline;}
.sub_make_finish .text a:hover{color:#9900cc;text-decoration:underline;}
.sub_make_finish .text a:visited{color:#9786b3;text-decoration:underline;}

.sub_make_error {border:1px solid #E2E2E2;border-radius: 5px 5px 5px 5px;margin:20px; text-align:center;}
.sub_make_error .info{background:url(../images/purple_images/icon_error.gif) no-repeat center top;margin:30px;}
.sub_make_error .title {padding-top:60px;line-height:16px;display:block;}

 /*서브타이틀*/
.sub_title {background: url("../images/purple_images/subtitle_bg.gif") repeat-x scroll 0 bottom transparent;*zoom:1;position:relative;}
.sub_title:after {display:block;clear:both;content:'';}

.subtitle_tag, .subtitle_category, .subtitle_recommend, .subtitle_public, .subtitle_notice, .subtitle_hot, .subtitle_new, .subtitle_recent, .subtitle_make {height:33px;font-size:15px;letter-spacing:-1px;padding-top:10px;}
.subtitle_tag .info, .subtitle_category .info, .subtitle_recommend .info, .subtitle_public .info, .subtitle_notice .info, .subtitle_hot .info, .subtitle_new .info, .subtitle_recent .info {color:#999999;font-size:11px;font-weight:normal;padding-left:5px;}

h2.subtitle_notice, h2.subtitle_public, #notice h2,  #category h2{font-weight:bold;}

/*3.카페태그*/
.subtitle_tag_rss {float:left;}
.subtitle_tag{float:left;}

.box08_top_l{background:url(../images/purple_images/box08_top_l.gif);width:5px;height:5px;}
.box08_top_m{background:url(../images/purple_images/box08_top_m.gif);height:5px;}  
.box08_top_r{background:url(../images/purple_images/box08_top_r.gif);height:5px;height:5px;}
.box08_center_l{background-image:url(../images/purple_images/box08_center_l.gif);width:5px;}
.box08_center_m{background-color:#ededfa;}
.box08_center_r{background-image:url(../images/purple_images/box08_center_r.gif);width:5px;}
.box08_bottom_l{background:url(../images/purple_images/box08_bottom_l.gif);height:5px;width:5px;}
.box08_bottom_m{background:url(../images/purple_images/box08_bottom_m.gif);height:5px;}
.box08_bottom_r{background:url(../images/purple_images/box08_bottom_r.gif);height:5px;width:5px;}
  
.sub_tag_01 a:link{color:#ffffff;background-color:#4b4b4b;font-size:22px;font-weight:bold;color:#ffffff;padding:2px;line-height:23px;}   
.sub_tag_02 a:link{color:#fffff;background-color:#a1a1a1;font-size:20px;font-weight:bold;color:#7f69d8;line-height:23px;}
.sub_tag_03 a:link{font-size:18px;font-weight:bold;color:#9f9f9f;line-height:23px;}
.sub_tag_04 a:link{color:#4b4b4b;font-size:14px;font-weight:bold;padding:5px;line-height:23px;}
.sub_tag_05 a:link{color:#000;font-size:12px;line-height:23px;}

.sub_tag_bar{padding:5px 10px 5px 10px;color:#c0c0c0;}
.sub_tag_num{color:#7c7c7c;font-size:11px;}      
.taglist{padding:5px;clear:both;}.taglist .topline{background-color:#9682f5;height:2px;}
.taglist .bottomline{background-color:#d7d7d7;height:2px;} 
.tagcontents_item{background-color:#efebf4;padding:5px 8px 5px 8px;font-weight:bold;}
.tagcontents_item_tag{color:#6246c9;padding-left:3px;font-size:14px;}
.tagcontentslist {padding:5px;clear:both;}
.tagcontentslist th {text-align:left;}
.tagcontentslist table {width:98%;}
.tagcontentslist .bottomline{background-color:#d7d7d7;height:2px;}
.tagcontentslist .tag_original{padding:15px 10px 5px 10px;font-size:14px;font-weight:bold;}
.tagcontentslist .count{padding:5px 10px 0px 0px;text-align:right;}
.tagcontentslist .tag_contents {padding:10px 12px} 

.tagcontentslist .tag a:link, .tagcontentslist .tag a:visited, .webgine_board_info .tag a:link, .webgine_board_info .tag a:visited {color:#8e8e8e;letter-spacing:-1px;font-size:11px;}
.tagcontentslist .tag img{vertical-align:middle;}
.tagcontentslist .text {border:#b1b1b2 1px solid;}
.tagcontentslist .tag_line {background:url(../images/purple_images/linetd1.gif) repeat-x;height:1px;}  

 /*4.카페분류*/
#sub_category{padding-top:10px;}

.sub_category_list .category{font-weight:bold;font-size:15px;height:30px;line-height:30px;padding-left:10px;background:#f6f6f6;border-radius: 5px 5px 5px 5px;margin-bottom:10px;}
.sub_category_list .category_depth{font-weight:bold;color:#7e68d8;}
.sub_category_list .category_num{font-weight:bold;color:#999999;font-size:12px;}
.sub_category_list table{width:100%;}
.sub_category_list td{width:33%;padding-left:10px;line-height:20px;}
.category_list .item{background:url(../images/purple_images/bl_02.gif) no-repeat 0 3px;padding-left:10px;}
.category_list .num{padding-left:3px;font-size:12px;color:#7f69d8;}

.sub_tag_list {*zoom:1;display:block;}
.sub_category_tab{*zoom:1;display:block;width:760px;margin:15px 0px;background:url(../images/purple_images/tab_bg.png) repeat-x bottom;}
.sub_tag_list, .sub_category_tab:after {display:block;clear:both;content:'';}
.sub_category_tab .tab {color:#333;border:1px solid #d9d9d9;border-bottom:1px solid #ffffff;float:left;background:#fff;float:left;}
.sub_category_tab span {color:#cacaca;float:left;padding:8px 25px;border:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;float:left;background:#f6f6f6;margin-left:-1px;}




 /*6.카페홍보*/ 
 #sub_public{padding:10px 5px 5px 5px;clear:both;}
.subtitle_public_btn{position:absolute;right:0;top:0px;}    
.subtitle_public_rss, .subtitle_notice_rss {position:absolute;padding:14px 0px 0px 275px;z-index:10;}  
.subtitle_notice_rss {padding:15px 0px 0px 175px;}
.sub_public_box {*zoom:1;position: relative;border: 1px solid #E2E2E2; border-radius: 5px 5px 5px 5px;padding:10px;margin-bottom:10px;}
.sub_public_box:after {display:block;clear:both;content:'';}
.sub_public_box .btn {float:left;padding-bottom:10px;}
.sub_public_choice{padding:0px 5px 10px 5px;background:url(../images/purple_images/linetd1.gif) repeat-x bottom;margin-bottom:10px;}
.sub_public_choice .text {float:left;padding:5px 5px 0px 0px;}
.sub_public_choice select{width:200px; border:#b1b1b2 1px solid;font-weight:normal;}
.sub_public_cafeinfo{padding:5px 0px 10px 0px;}
.sub_public_pic {float:left;}
.sub_public_pic img{width:130px;height:90px;border-radius: 5px 5px 5px 5px;}
.sub_public_info {line-height:15px;vertical-align:top;margin-left:140px;}
.sub_public_info .title{font-weight:bold;color:#632d8d;line-height:18px;}
.sub_public_info .title a:link{color:#632d8d;}
.sub_public_info .title a:hover{color:#632d8d;text-decoration:underline;}
.sub_public_info .title a:visited{color:#632d8d;}
.sub_public_info .bar{color:#9f9f9f;}
.sub_public_info .depth{padding:0px 0px 0px 0px;}
.sub_public_info .item {color:#939393;font-weight:normal;font-size:11px;}
.sub_public_info .num{padding:0px 10px 0px 0px;}
.sub_public_info .contents{padding:10px 0px 5px 0px;overflow:hidden;word-break:break-all;}
.sub_public_info .contents a:link{}
.sub_public_info .contents a:hover{color:#632d8d;text-decoration:underline;}


/*게시판관련*/   
.board_btn_left, .board_comment {*zoom:1;}
.board_comment, .board_btn_left:after {display:block;clear:both;content:'';}
.board_btn_left{float:left;padding:10px;}
.board_btn_left span {padding-left:3px;}
.board_btn_right{float:right;padding:10px;}   
.board_btn_right span{padding-left:3px;}  


/*table 페이징*/
.page {padding:0px 0px 10px 0px;text-align:center;word-spacing:+5;vertical-align:top;font-family: tahoma;}
.page .num, .page a {font-weight:bold;border: 1px solid #E9E9E9;display: inline-block; height: 22px; line-height: 22px; padding: 0 6px; color: #FF3636;}
.page a {border: 1px solid #fff;color: #333333;}
.page img {margin-right:2px;} 


/*게시판 정보 공통*/
span.divbar {padding-left:13px;background: url("../images/purple_images/icon_set.png") no-repeat scroll 5px -120px transparent;margin-bottom:10px;}


/*게시판 검색*/ 
.board_search {border: 1px solid #E2E2E2; padding:10px 10px 10px 200px;text-align:center;border-radius:5px; background:#f2f2f2;text-align:center;width:560px;position:relative;height:22px;}
.board_search select {font-size:12px;width:100px;height:21px;}  
.board_search input {height:19px;}
.board_search input.btn {height:21px;display:inline-block;height:21px;}
.board_search span {float:left;padding-right:3px;}
.board_list{padding-top:10px;width:100%;}
.board_list table{width:100%;}
.board_list th {text-align:center;height:35px;background:url(../images/purple_images/board_headbg.gif) repeat-x;}
.board_list th span.bar {background:url(../images/purple_images/th_bar.gif) no-repeat left; display:inline-block; width:100%;}
.board_list .center{text-align:center;padding:5px;}
.board_list .center span, .board_list .num {color:#8d8d8d;letter-spacing:0.1px}
.board_list .contents{padding:8px 0px;}
.board_list .line{border:1px solid #E2E2E2}
.board_list .comment{color:#ff6600;font-size:10px;padding-left:13px;background:url(../images/purple_images/icon_comment.gif) no-repeat;}
.board_list_btn{text-align:right;padding-right:0px;height:25px;padding-top:10px;}
.board_list .new_icon{width:10px;margin-left:2px;padding:0px 0px 0px 10px;background:url(../images/purple_images/icon_new.gif) no-repeat 0 3px;}
.board_list .tdline {border-bottom:1px solid #dfdfdf;}
.board_view {padding-top:20px;width:100%;border:1px solid #E2E2E2;}    
.board_view .item{width:20%;}
.board_view table{width:100%;}
.board_view .topline{border-top:solid 1px #E2E2E2; text-align:left;}
.board_view .bottomline{}
.board_view .line{background-color:#d7d7d7;height:1px;}
.board_view th{font-weight:bold;color:#505050;font-size:14px; background-color:#f5f5f5;padding:8px 8px 8px 15px;overflow:hidden;word-break:break-all;word-wrap:break-word;}
.board_view .contents{padding:10px 10px 20px 10px;line-height:18px;}
.board_view span{padding-left:5px;}
.board_view .edit{padding:10px 0px 10px 0px;}
.board_view .text{border:#b1b1b2 1px solid;}
.board_view .date{padding:8px;font-size:11px;}
.board_view .date span{padding:0px 2px 0px 5px;}
.board_view .count{padding-right:10px;text-align:right;font-size:11px;}
.board_view .count span{padding:0px 2px 0px 10px;}
.board_view .item_contents{padding-left:10px;}
.board_prenext {border-top: 1px solid #E2E2E2;margin-top:20px;}
.board_prenext .prenext_item{margin-top:10px;border-bottom: 1px solid #E2E2E2;padding-left:20px;}
.board_prenext .prenext_item_content{padding:8px;border-bottom: 1px solid #E2E2E2;}
.board_comment{background: url("../images/purple_images/subtitle_bg.gif") repeat scroll 0 0 transparent;*zoom:1;}
.board_comment:after {display:block;clear:both;content:'';}
.board_comment {padding:5px 15px 10px 15px;background:#fafafa;}
.board_comment_list td, .board_comment_list th {border-bottom: 1px solid #E2E2E2;padding:10px 0px;text-align:left}
.board_comment textarea { float: left; height: 30px; margin-right: 2px; width: 585px;}
.board_comment .emoticon{background-color: #FFFFFF; border: 1px solid #B1B1B2; float: left; font-size: 10px; height: 36px; margin-right: 2px; padding: 2px; text-align: center; width: 45px;}  
.board_comment input{width:74px;height:40px;}
.board_comment_list{background-color: #FAFAFA;margin-top: 20px;padding: 10px;}
.board_comment_list table{margin:0px 10px 0px 10px;table-layout:inherit;width:715px;}
.board_comment_list .name{width:20%;}
.board_comment_list .contents{padding:8px 0px 8px 0px;}
.board_comment_list span.date {color: #A8A8A8;display: block; font-size: 11px; font-weight: normal; padding-top: 5px;}     
.board_comment_list .contents div {position:relative;word-break:break-all;word-wrap:break-word;padding-right:15px;color:#727272;}
.board_comment_list .contents a {position:absolute;top:0;right:0;}
.board_comment, .board_write{clear:both;*zoom:1;}
.board_comment, .board_write:after {display:block;clear:both;content:'';}
.board_write {width:100%;margin:10px 0px 10px 0px;table-layout:fixed;}  
.board_write td,.board_write th {padding:8px 8px 8px 15px;border-bottom:1px solid #E2E2E2;border-top:1px solid #E2E2E2}
.board_write th {background-color:#f5f5f5;}
.board_write .edit{padding:0px}
.board_write .edit td {padding: 0px;border:0;}
.board_write .edit td.ndr-uploader-contents-td1 {border: 2px solid #E5E5E5;width:134px;}
.board_write td.edit .ndr-uploader-contents-panel {margin: 0px;width:598px;margin-left:3px;}
.board_write .text{border:#b1b1b2 1px solid;}
.board_write .item_contents{padding-left:10px;}     

.webgine_board, .ranking_board,.board_list {clear:both;margin-bottom:10px;}

.webgine_board_box {border: 1px solid #E2E2E2;background:#f2f2f2;border-radius: 5px 5px 5px 5px;width:110px;height:80px; margin:15px 10px;text-align:center;vertical-align:middle;}
.webgine_board_box img {border-radius: 5px 5px 5px 5px;width:110px;height:80px;}
.webgine_board_info {padding-top:15px;line-height:15px;vertical-align:top;word-wrap:break-word;word-break:break-all;width:100%;}
.webgine_board_info2 {padding-top:10px;line-height:15px;vertical-align:top;word-wrap:break-word;word-break:break-all;}
.webgine_board_info .title, .webgine_board_info2 .title{font-weight:bold;}

.webgine_board_info .bar, .webgine_board_info2 .bar{font-size:11px;color:#9f9f9f;}
.webgine_board_info .depth, .webgine_board_info2 .depth,.webgine_board_info .category, .webgine_board_info2 .category {color:#8270cc;padding:0px 0px 0px 0px; display:inline-block;}
.tagcontentslist .cafehome a:link, .tagcontentslist .cafehome a:visited {color:#8270cc;}
.webgine_board_info .item, .webgine_board_info2 .item, .tagcontentslist .count {color:#929292;padding:3px 0px 0px 0px;letter-spacing:0.1px;}
.webgine_board_info .bar, .webgine_board_info2 .bar{padding:0px 3px 0px 3px;font-weight:normal;color:#b4b4b4;}
.webgine_board_info .contents, .webgine_board_info2 .contents{font-size:12px;padding:3px 0px 10px 0px;overflow:hidden;word-break:break-all;word-wrap:break-word;}
.webgine_board_info .tag, .tagcontentslist .tag {background:url("../images/purple_images/icon_set.png") no-repeat scroll 5px -47px transparent; color: #B2B2B2;padding:10px 15px 5px 25px;}

.ranking_board {padding-top:0px;width:750px;}
.ranking_board .num{width:100px;}
.ranking_board .count{width:200px;}
.ranking_board .contents{width:500px;}
.ranking_board .rank{text-align:center;font-weight:bold;}
.ranking_board .tabnum{text-align:right;color:#7262b5;font-size:11px;}
.ranking_board .bottomline{background-color:#d7d7d7;height:2px;}


/*10.카페 검색*/
.subtitle_search{background:url(../images/purple_images/subtitle_search.gif) no-repeat;height:33px;padding:8px 0px 0px 85px;}
.subtitle_search .info{color:#999999;font-size:11px;}      

#sub_search{background-image:url(../images/purple_images/sub_search_bg.gif);height:72px;width:550px;}
.sub_search_icon{float:left;padding:0px 0px 0px 30px;}
.sub_search_input{height:40px;}
.sub_search_input td{color:#b7a8ce;font-size:11px;padding:10px 0px 3px 2px;}
.sub_search_input input{padding-right:10px;margin-left:2px;}
.sub_search_input .textfield{width:165px;border:#ababab 1px solid;}
.sub_searchbest{padding-left:30px;}
.sub_searchbest_m{width:410px;background-image:url(../images/purple_images/main_searchbest_m.gif);height:22px;padding-top:2px;}
.sub_searchbest_m span {color:#b7a8ce;font-size:11px;}
.sub_searchbest_m span a:link{color:#b7a8ce;font-size:11px;}
.sub_searchbest_m span a:hover{color:#b7a8ce;font-size:11px;text-decoration:underline;}
.sub_searchbest_m span a:visited{color:#b7a8ce;font-size:11px;}

.sub_search_result, .tagcontentslist .topline {margin-top:10px;padding:10px 18px;background:url(../images/purple_images/bl_03.gif) no-repeat 10px 13px #F6F6F6; font-weight: bold;font-size:13px;border: 1px solid #E2E2E2; text-align:left;}
.sub_search_result span{color:#7e68d8;}


 /*Footer*/
#footer {text-align:left;height:150px;}
.siteinfo {border-top:1px solid #E2E2E2; background:url(../images/footer_bg.gif) no-repeat 80px 10px;padding:20px 20px 20px 200px;}
.siteinfo span {border-left:1px solid #333;margin:3px;padding-left:8px;}
.siteinfo span.first{border-left:0px solid #b1b1b1;margin:3px;padding-left:0px;}
.footer_address span.tel, .footer_address span.fax {border-left:1px solid #333;margin:3px;padding-left:8px;}
/* 2019.05.03 특허청 로고를 공용 로고로 변경 하고 위치 조정 */
/* .footer_address {padding:0px 0px 0px 200px;font-size:11px;line-height:15px;} */
.footer_address {padding:0px 0px 0px 230px;font-size:11px;line-height:15px;}


 /*팝업 공통*/
.pop{width:330px; height:210px;}
.pop .title{background-color:#8f8f8f;padding:10px 5px 0px 5px;border-top: 2px solid #666;}
.pop .title div{margin-left:5px;font-weight:bold;padding:0px 0px 10px 10px;background:url(../images/club_images/bl_11.gif) no-repeat 0 2px;color:#ffffff; }
.pop .info{padding-left:10px;}
.pop .attention{padding-left:7px;margin:10px 15px 0px 15px;color:ff6600;background:url(../images/club_images/bl_02.gif) no-repeat 0 4px}
.pop .box{border:#e4e4e4 1px solid; background-color:#f8f8f8;margin:15px;text-align:center;}
.pop .box .top{line-height:18px;padding:10px 10px 10px 10px;background:url(../images/club_images/line4.gif) repeat-x; background-position:bottom;border: 0px solid #000000;} 
.pop .box .top span{font-weight:bold;}
.pop .box .text{width:200px;border:#b1b1b2 1px solid;margin-right:5px;}        
.pop .btn{text-align:center;}
.pop .box .nicname{padding:10px 10px 10px 20px;height:18px;}  
.pop .box .line{background:url(../images/club_images/line4.gif) repeat-x;height:5px;background-position:center;} 

.pop_preview {width:550px; height:640px;}
.pop_preview .title{background-color:#8f8f8f;padding:10px 5px 0px 5px;border-top: 2px solid #c8adff;}
.pop_preview .title div{margin-left:5px;font-weight:bold;padding:0px 0px 10px 10px;background:url(../images/club_images/bl_11.gif) no-repeat 0 2px;color:#ffffff; }
.pop_preview .btn{text-align:center;}
.pop_preview .sample{text-align:center;margin:15px 0px 15px 0px;}
.pop_preview .sample img{border:1px solid #dfdfdf;}




/* 첨부파일 목록(2009.02.09) */
.bbs_view_file{text-align:right;padding:5px;color:#a1a1a1;font-size:11px;}
.bbs_view_file a {color: #8D4CEB;}
.bbs_view_file div{padding:2px 2px 0px 2px;}
.bbs_view_file img{vertical-align:middle;}

.file_field {vertical-align:middle; height:20px;}



/* 에디터 스타일(사용중인 곳 : club_style.css, blug_index_style.css, purple_index_style.css) */
.eclub_layout_edit{clear:both;margin:0px 0px 0px 0px;}



#emoticon {background:#fff;border:1px solid #B1B1B2;z-index: 1; position: absolute; visibility: visible;}
#emoticon ul li {float:left;padding:5px;list-style:none;}



.manageBtn {
		display:inline-block;
		position:relative;
		top:13px;
		border:1px solid #ddd;
		border-radius:3px;
		padding:2px 5px 2px 18px;
		font-size:11px;
		letter-spacing:-0.05em;
		background:#f9f9f9 url("../images/purple_images//icon_manage.gif") no-repeat 5px 4px;
		color:#666;
	}
	.manageBtn:hover {	
		background:#f0f0f0 url("../images/purple_images/icon_manage.gif") no-repeat 5px 4px;
		text-decoration:none;
	}

.logout_btn a.mypage {
    background: url("../images/purple_images/icon_my.png") no-repeat scroll 0 0 ;
    font-size: 11px;
    letter-spacing: -0.5px;
    padding: 0 5px 0 12px;
}


/*purple Skin*/
#main_nav {background: url("../images/purple_images/nav_bg.gif") no-repeat scroll 0 0 ;}
.login_makeclub {background: url("../images/purple_images/btn_make_club.gif") no-repeat scroll 0 0 }
.gnb div, .gnb_o div {padding-top: 0px;} 
.gnb div a, .gnb_o div a {display:block;padding-top: 15px;border-radius: 5px 5px 5px 5px;}
.gnb_o a {background: url("../images/purple_images/nav_s.png") no-repeat scroll center bottom ;}
.gnb a:hover {background: url("../images/purple_images/nav_s_hover.png") no-repeat scroll center bottom ;}
.gnb, .gnb_o {background: url("../images/purple_images/nav_bar.gif") no-repeat scroll left center ;}
.first {background: none repeat scroll 0 0 ;}
.notice_list li span.count, .category_list span.count {background: url("../images/purple_images/bg_badge.png") no-repeat scroll 0 0 ;height: 13px;line-height: 13px;}
.notice_list li span.count em, .category_list span.count em {color: #333333;background: url("../images/purple_images/bg_badge.png") repeat scroll right -14px ;height: 13px;line-height: 13px;padding-right: 11px;}






/* IE핵 */
* html #center {clear:none;float:left;}
* html #side_right {float: right; width: 190px;}
* html #content {margin-left: 5px;}
* html .login_bg {border: 2px solid #E2E2E2;padding:0}
* html .main_public_go {float: left; margin-left: 5px; width: 130px;position:absolute;}
* html #main_promote {position:relative;}
* html .main_public_list {margin-left: 0px;}
* html .main_public_list li{margin-left: 140px;}
* html #sub_make, #sub_list {float: left; padding-left: 10px; width: 755px;}
* html #sub_make, #sub_list, #sub_list  {float:left;width: 750px;}
* html .tablemake, .sub_tag_list, .sub_category_tab {width: 700px;}
* html .board_search { width: 540px; margin-bottom:20px;}