@charset "utf-8";

a{cursor:pointer}
/* header */
.text_today{margin:0 0 18px 0; font-size:14px; font-family:Arial}
.text_today span{color:#2388c7; margin-right:7px;}
.cafeHeader *{margin:0; padding:0;}
.cafeHeader{-moz-border-radius:3px; -webkit-border-radius:3px; background:#efeeee; border:1px solid #ddd; padding:20px 15px 20px 15px; margin:0 0 35px;font-family:Arial}
.cafeHeader .cafeTitle{color:#3a3a3a; font-size:1em; margin-bottom:14px; border-bottom:1px solid #e4e4e4; *zoom:1; background-repeat:no-repeat; background-position:left center; padding:0 0 14px 0}
.cafeHeader .cafeTitle:after{content:""; display:block; clear:both;}
.cafeHeader .cafeTitleText{font-size:14px; font-family:Arial; float:left; clear:both; margin-bottom:-3px}
.cafeHeader .cafeTitleText a{text-decoration:none;}
.cafeHeader .cafeTitleText em{font-style:normal; font-weight:normal;}
.cafeHeader .cafeDescription{padding:7px 15px;position:relative;}
.cafeHeader .cafeTitleText a{color:#000;}
.cafeHeader .cafeTitleText em{color:#949494; font-size:12px}
.cafeHeader .cafeDescription{background:#c6dae6; border:1px solid #c2d3de; color:#325a79;font-family:Arial; font-size:12px; margin:0 0 19px 0}
.cafeHeader .intro .intro_lst{}
.cafeHeader .intro .intro_lst .thmb{float:left; margin-right:12px; margin-top:2px;}
.cafeHeader .intro .intro_lst .thmb img{border:1px solid #d1d1d1}
.cafeHeader .intro .intro_lst dt,.cafeHeader .intro .intro_lst dd{margin:0}
.cafeHeader .intro .intro_lst dt{font-size:14px; margin-bottom:10px; font-weight:bold; font-family:Arial; color:#3a3a3a}
.cafeHeader .intro .intro_lst dd{font-size:12px; color:#949494; line-height:20px;}
.cafeHeader .intro .intro_lst .url a{color:#0b89d8}

/* cafeBody Layout */

/* tab */

.tab{font-family:Arial;zoom:1;}
.tab ul{position:relative;margin:0;padding:0;border-bottom:1px solid #ccc;font-family:Tahoma, Sans-serif;font-size:12px;list-style:none;*zoom:1;}
.tab ul:after{display:block;clear:both;content:""}
.tab li{float:left;margin-bottom:-1px;}
.tab li a{width:244px;float:left;position:relative;border:1px solid #e0e0e0; border-bottom:0;background:#fafafa;color:#a6a6a6;text-decoration:none; text-align:center; font-size:12px; font-weight:bold}
.tab li a span{display:inline-block;padding:7px 25px 6px 25px;cursor:pointer;}
.tab li ul{display:none;position:absolute;top:40px;left:0;width:100%;margin:0;padding:0;border:0;list-style:none;*zoom:1}
.tab li ul:after{display:block;clear:both;content:""}
.tab li li{float:none;position:relative;margin:0 0 8px 0;color:#999}
.tab li li a{float:none;margin:0;padding:0;border:0 !important;background:transparent;font-weight:normal;color:#666 !important;letter-spacing:normal}
.tab.m1 .m1 b{color:#2388c7;}
.tab.m1 .m1 em{color:#81adc8; margin-left:11px; font-style:normal}
.tab.m2 .m2 b{color:#2388c7;}
.tab li li a:hover,
.tab li li a:active,
.tab li li a:focus{color:#000 !important;text-decoration:none!important}
.tab li li.more{position:absolute;top:-30px;right:0;border:0 !important;background:transparent}
.tab.m1 .m1 a,
.tab.m2 .m2 a{border:1px solid #bebebe;border-bottom:1px solid #fff;background:transparent;color:#333}
.tab.m1 .m1 a span,
.tab.m2 .m2 a span{padding-top:7px;font-weight:bold}
.tab .view{position: absolute; right:0; top:0; display:inline; background:none; border:0}
.tab .view a{background:none; border:0; width:auto;}







/*.tab{padding:0;height:32px; background:url(../../../../layouts/xe_cafe_new/img/bg_tab.gif) repeat-x 0 0; margin:0 0 5px 0; zoom:1}
.tab ul{margin:0;padding:0;font-family:Tahoma, Sans-serif;font-size:12px;list-style:none;*zoom:1;}
.tab ul:after{display:block;clear:both;content:""}
.tab li{float:left;}
.tab li a{float:left;margin-bottom:-1px; background:url(../../../../layouts/xe_cafe_new/img/spr_text.gif) no-repeat; height:32px; _height:33px; display:block}
.tab li a:hover{text-decoration:none}
.tab li a span{display:none}
.tab li a.m{width:226px; background-position:0 -32px;}
.tab li a.m em{margin:10px 0 0 197px; font-style: normal; display:inline-block; color:#81adc8}
.tab li a.m2{width:225px; background-position:-226px 0}
.tab li.on a.m{width:226px; background-position:0 0}
.tab li.on a.m2{width:225px; background-position:-226px -32px}
*/




.cafeBody .list{margin:0; padding:0;font-family:Arial; zoom:1}
.cafeBody .list li{border-top:1px solid #e3e3e3; list-style:none; padding:9px 0; overflow:hidden; zoom:1;}
.cafeBody .list li.last{border:0}
.cafeBody .list li .cafe_tb{width:100%; overflow:hidden; zoom:1;}
.cafeBody .list li .cafe_tb caption{display:none}
.cafeBody .list li .cafe_tb th{font-size:12px; color:#3a3a3a; text-align:left}
.cafeBody .list li .cafe_tb th a{color:#000}
.cafeBody .list li .cafe_tb td a{color:#616161;}
.cafeBody .list li .cafe_tb td.sum{color:#616161; font-size:11px;}
.cafeBody .list li .cafe_tb td.sum img{vertical-align:top; margin:2px 5px 0}
.cafeBody .list li .cafe_tb td.name{color:#9c9c9c; font-size:12px;}
.cafeBody .list li .cafe_tb .txt_off{display:none}
.cafeBody .list li .cafe_tb .txt_on{display:block}
.cafeBody .list li .cafe_tb2{margin-top:10px;}
.cafeBody .list li .cafe_tb2 td{color:#616161; font-size:12px; height:19px;}
.cafeBody .list li .cafe_tb2 td span{background:url(../../../../layouts/xe_cafe_new/img/line_v1.gif) no-repeat 0 50%; margin-left:4px; padding-left:8px; color:#9c9c9c}
.cafeBody .list li .cafe_tb2 td strong{color:#ed720e; margin:0 0 0 5px;}
.cafeBody .list li .cafe_tb2 td.name{color:#9c9c9c; font-size:12px;}
.cafeBody .list .th_wid{width:464px}
.cafeBody .list .td_wid2{width:50px}
.cafeBody .list .td_wid3{width:115px}
.cafeBody .list .td_wid4{width:17px}
.cafeBody .list .td_wid5{width:515px}
.cafeBody .list .td_wid6{width:119px}
.cafeBody .list .btn_sub img{padding:5px;}
.cafeBody a.more{background:url(../../../../layouts/xe_cafe_new/img/bg_more.gif) repeat-x; height:45px; display:block; text-align:center; line-height:45px; border:1px solid #e6e6e6; color:#9c9c9c; font-size:12px; zoom:1}


/* new_cafe */
/********************************** Media Queries **********************************/

/* 웹 */
@media all and (min-width:1025px){
	/* common */
		#wrap{background-color:#fff;}
}

/* 타블릿 가로 */
@media (max-width :1024px) {

}

/* 타블릿 세로 및 그 이하 공통 */
@media (max-width :992px) {

}

/* 스마트폰 공통 */
@media (max-width:767px) {
	.new_cafe .cafe_list li{
		clear:both;
		float:none;
		width:100%;
	}
}


.new_cafe{clear:both; overflow:hidden; zoom:1;}
.new_cafe .cafe_list{
	width:100%;
	clear:both;
	margin:0px auto;
	overflow:hidden;
}
.new_cafe .cafe_list li{
	width:33.3333%;
	min-width:394px;
	overflow:hidden;
	float:left;
	list-style:none;
	zoom:0;
	text-align:center;
	margin:20px 0;
}
	.mobile_bg{
		width:394px;
		height:663px;
		overflow:hidden;
		text-align:center;
		position:relative;
		margin:0px auto;
		background:url(img/mobile_bg.png) no-repeat 50% 50%;
	}
		.new_cafe .cafe_list .thmb,
		.new_cafe .cafe_list .cafeTitle,
		.new_cafe .cafe_list a.url{
			width:340px;
			position:absolute;
			left:50%;
			margin-left:-170px;
		}
		.new_cafe .cafe_list .thmb{
			top:75px;
		}
		.new_cafe .cafe_list .cafeTitle{
			top:415px;
			color:#fff;
			font-size:14px;
		}
		.new_cafe .cafe_list a.url{
			top:440px;
			color:#777;
			font-size:11px;
		}


.cafeBody:after{content:""; display:block; clear:both;}
.cafeBody.cafeCE{}
.cafeBody.cafeEC{}

.cafeBody hr{display:none;}
.cafeBody img{border:0;}
.cafeBody fieldset{border:0; padding:0; margin:0;}
.cafeBody legend{position:absolute; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}

.cafeBody a{text-decoration:none;}
.cafeBody a:hover,
.cafeBody a:active,
.cafeBody a:focus{text-decoration:none;}

.cafeContent{position:relative; width:100%; margin:0;}
.cafeCE .cafeContent{}
.cafeEC .cafeContent{}

.cafeExtension{position:relative; width:245px;}
.cafeCE .cafeExtension{left:280px; float:right; margin-left:-245px;}
.cafeEC .cafeExtension{right:280px; float:left; margin-right:-245px;}

/* cafeContent */
.cafeContent .userDefine{line-height:1.5; margin:0 0 40px 0; overflow:hidden; }
.cafeContent .userDefine p.introText {margin:0; padding:0; }


/* userUpdate */
.userUpdate{position:relative; padding:28px 0 1px 0; border:1px solid #e2e2e2; *zoom:1;}
.userUpdate .cafeSection{margin:0 20px 40px 20px; position:relative; *zoom:1;}
.userUpdate .cafeSection h2{font-size:12px; margin:0 0 15px 0; padding:0 0 6px 0; border-bottom:2px solid #e1e1e1;}
.userUpdate .cafeSection .more{position:absolute; top:0; right:0; padding:0 7px 0 0; color:#b4b4b4; background:url(./img/iconMore.gif) no-repeat right center;}
.userUpdate .cafeSection ul{list-style:none; margin:0; padding:0;}
.userUpdate .cafeSection li{padding:0 0 0 7px; margin:0 0 5px 0; background:url(./img/iconList3.gif) no-repeat left 6px;}
.userUpdate .cafeSection li a{color:#888;}

/* cafeUpdate */
.userUpdate .cafeUpdate li{background:none; padding:0; margin:0 0 10px 0; clear:both; *zoom:1;}
.userUpdate .cafeUpdate li:after{content:""; display:block; clear:both;}
.userUpdate .cafeUpdate .userThumb{float:left; margin:0 8px 0 0;}
.userUpdate .cafeUpdate .cafeTitle{color:#3f3f3f;}
.userUpdate .cafeUpdate .cafeMeta{display:block; padding:5px 0 0 0;}
.userUpdate .cafeUpdate .userName{color:#979797; margin:0 3px 0 0; font-size:11px; font-family:Dotum; cursor:pointer;}
.userUpdate .cafeUpdate .userName a {color:#979797; text-decoration:none; }
.userUpdate .cafeUpdate .ymd{display:inline-block; height:10px; font-size:9px; padding:0 0 0 7px; color:#979797; border-left:1px solid #d5d5d5;}
.userUpdate .cafeUpdate .hm{display:inline-block; height:10px; font-size:9px; color:#979797;}

/* widgetTagCloud */
.widgetTagCloud {text-align:justify; font-size:12px; line-height:1.5; margin:0; padding:0;}
.widgetTagCloud li{display:inline; list-style:none; margin:0 !important; padding:0 !important; background:none !important;}
.widgetTagCloud li a{white-space:nowrap; font-family:Dotum;}
.widgetTagCloud li.level4 a{font-size:12px; color:#999 !important;}
.widgetTagCloud li.level3 a{font-size:12px; color:#666 !important;}
.widgetTagCloud li.level2 a{font-size:12px; font-weight:bold; color:#444 !important;}
.widgetTagCloud li.level1 a{font-size:14px; font-weight:bold; color:#000 !important;}

/* cafeList */
.cafeListHeader{position:relative; margin:0 0 10px 0;}
.cafeListHeader h2.h2{color:#333; font-size:12px; margin:0; padding:0; }
.cafeListHeader h2.info{color:#333; font-size:12px; margin:0; padding:3px 0 6px 9px; font-weight:normal;}
.cafeListHeader h2.info strong{color:#fd565e;}
.cafeListHeader .postSearch{margin:0; padding:0; position:absolute; top:0; right:10px; _text-align:right;}
.cafeListHeader .postSearch .inputText{padding:4px 0 0 4px; height:17px; width:139px; border:1px solid #d2d2d2; font-size:12px; line-height:normal; vertical-align:middle;}
.cafeListHeader .postSearch select{height:23px; font-size:12px; vertical-align:middle;}

.cafeListBody{position:relative; border-top:1px solid #e5e5e5;}
.cafeListBody ul{list-style:none; margin:0; padding:0;}
.cafeListBody li{position:relative; padding:15px 0; border-bottom:1px solid #e5e5e5; clear:both; *zoom:1;}
.cafeListBody li:after{content:""; display:block; clear:both;}
.cafeListBody h3.cafeTitle{font-size:12px; margin:0 0 5px 0;}
.cafeListBody h3.cafeTitle a{color:#333;}
.cafeListBody h3.cafeTitle em{font-size:9px; color:#fd565e; font-style:normal;}
.cafeListBody .thumb{float:left; margin:0 19px 0 0; border:1px solid #e3e3e3;}
.cafeListBody .postMeta{margin:0 0 8px 0;}
.cafeListBody .userName{color:#979797; margin:0 3px 0 0; font-size:11px; font-family:Dotum;}
.cafeListBody .userName a {color:#979797; text-decoration:none; }
.cafeListBody .ymd{display:inline-block; height:10px; font-size:9px; padding:0 0 0 7px; color:#979797; border-left:1px solid #d5d5d5;}
.cafeListBody .hm{display:inline-block; height:10px; font-size:9px; color:#979797;}
.cafeListBody .postSummary{color:#666; line-height:1.5; margin:0 0 3px 0;}

.cafeListBody .cafeList li{}
.cafeListBody .cafeList h3.cafeTitle{padding:10px 0 0 0;}
.cafeListBody .cafeList .thumb{position:relative; top:-10px; margin:0 19px -10px 0;}
.cafeListBody .memberList{}

.cafeListBody .cafeTags{margin:0 0 12px 0; padding:0;}
.cafeListBody .cafeTags *{display:inline;}
.cafeListBody .cafeTags dt{color:#777;}
.cafeListBody .cafeTags dd{color:#b3b3b3; margin:0;}

.cafeListBody .cafeMeta{position:relative; margin:0; padding:10px 0; color:#9a9a9a; overflow:hidden; *zoom:1;}
.cafeListBody .cafeMeta:after{content:""; display:block; clear:both;}
.cafeListBody .cafeMeta dt{position:relative; left:-9px; float:left; height:9px; line-height:9px; *line-height:normal; border-left:1px solid #e5e5e5; padding:0 0 0 8px;}
.cafeListBody .cafeMeta dd{position:relative; left:-9px; float:left; height:9px; line-height:9px; *line-height:normal; margin:0; font-size:12px; padding:0 8px 0 8px;}

/* tagListBody */
.tagListBody{padding:20px 0; border-top:1px solid #e5e5e5; line-height:1.2;}
.tagListBody *{margin:0; padding:0;}
.tagListBody ul{text-align:justify; list-style:none;}
.tagListBody li{display:inline; margin:0 3px; }
.tagListBody li a{color:#666; font-family:Dotum; white-space:nowrap;}
.tagListBody li.rank1 a{font-weight:bold; font-size:18px; color:#fff; background:#a2b9d5;}
.tagListBody li.rank2 a{font-weight:bold; font-size:18px; color:#4bcfd0;}
.tagListBody li.rank3 a{font-weight:bold; font-size:14px; color:#648ab9;}
.tagListBody li.rank4 a{font-size:12px;}

/* contentHeader */
.contentHeader{position:relative; margin:0 0 10px 0; border-bottom:1px solid #e5e5e5; *zoom:1;}
.contentHeader h2.h2{color:#333; font-size:12px; margin:0; padding:3px 0 6px 9px;}

/* cafeCreation */
.cafeCreation{margin:0; padding:0; text-align:center;}
.cafeCreation fieldset{margin:0 0 30px 0; padding:0;}
.cafeCreation table{border:0; width:100%; text-align:left;}
.cafeCreation th,
.cafeCreation td{border:0; padding-top:15px; padding-bottom:15px; border-bottom:1px solid #e5e5e5; text-align:left; vertical-align:top;}
.cafeCreation th{color:#666; padding-left:15px; padding-right:30px; white-space:nowrap;}
.cafeCreation td{color:#666; width:100%;}
.cafeCreation td p{margin:0;}
.cafeCreation td .error{display:none; color:#fd565e; margin:3px 0;}
.cafeCreation td .error.open{display:block;}
.cafeCreation td .inputText{width:92%; *width:400px; border:1px solid #c6c6c6; padding:4px 9px 0 9px; height:17px; font-size:12px; vertical-align:middle;}
.cafeCreation td .inputTextArea {width:92%; *width:400px; border:1px solid #c6c6c6; padding:4px 9px 0 9px; height:100px; font-size:12px; vertical-align:middle;}
.cafeCreation td .inputText.cafeAddress{width:100px; text-align:center;}
.cafeCreation td .inputCheck{width:13px; height:13px; margin:0; vertical-align:middle;}
.cafeCreation td .userAgreement{width:92%; *width:400px; border:1px solid #cacaca; line-height:1.5; padding:9px; height:120px; overflow:auto; *overflow-x:hidden;}
.cafeCreation td .check{font-weight:bold; margin:8px 0;}

/* pagination */
.pagination{text-align:center; padding:15px 0 9px 0;}
.pagination a,
.pagination strong{position:relative; font-weight:bold; font-size:18px; display:inline-block; line-height:28px; vertical-align:middle; padding:0 8px; margin:0 -4px 0 0;}
.pagination a{color:#333;}

.pagination strong{margin:0; padding:0; background:url(../../../../layouts/xe_cafe_new/img/bg_pag.gif) no-repeat 0 0; height:17px; line-height:17px; display:inline-block; zoom:1; padding-left:6px;}
.pagination strong span{margin:0; padding:0; background:url(../../../../layouts/xe_cafe_new/img/bg_pag.gif) no-repeat 100% 0; height:17px; line-height:17px; display:inline-block; padding-right:6px; color:#fff;}
.pagination .nav{display:inline-block; background-image:url(./img/buttonPagination.gif); background-repeat:no-repeat; border:0; padding:0; margin:0; width:20px; background-color:#fff;}
.pagination .nav span{position:absolute; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}
.pagination .prev10{background-position:0 center;}
.pagination .prev1{background-position:-20px center; margin-right:-5px; z-index:2;}
.pagination .next1{background-position:-30px center;}
.pagination .next10{background-position:-50px center;}

/* cafe content button */
.tcb,
.tcb a,
.tcb button,
.tcb input{position:relative; display:inline-block; border:0; background-color:transparent; background-image:url(./img/buttonTC.gif); background-repeat:no-repeat; text-decoration:none !important; vertical-align:middle; cursor:pointer; overflow:visible; text-align:center; margin:0}

.tcb{margin-right:2px;}
.tcb a,
.tcb button,
.tcb input{*vertical-align:top; left:2px;}

.tcbSmall,
.tcbSmall *{height:20px;}
.tcbSmall{background-position:left top;}
.tcbSmall *{font-size:11px; line-height:20px; font-family:Dotum; color:#555; background-position:right top; padding:0 5px 0 3px; letter-spacing:-1px;}

.tcbMedium,
.tcbMedium *{height:24px;}
.tcbMedium{background-position:left -30px;}
.tcbMedium *{font-size:12px; line-height:24px; color:#000; background-position:right -30px; padding:0 10px 0 8px;}

.tcbLarge,
.tcbLarge *{}
.tcbLarge{background-position:left -60px; margin-bottom:10px;}
.tcbLarge *{font-size:12px; line-height:37px; color:#555; background-position:right -60px;}

.tcb.strong *{font-weight:bold; color:#111;}