@charset "euc-kr";

/*----- Base -----*/
html, body {margin:0; padding:0; height:100%}
* { border-collapse:collapse; -webkit-touch-callout: none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,form,fieldset,p,button,header,footer {margin:0; padding:0}
body,input,select,textarea,header,footer,td {color:#000; font-family:Malgun Gothic,'맑은 고딕',Gulim,'굴림',dotum,'돋움',sans-serif; font-size:14px; font-weight:normal}
body {background:#fff; -webkit-text-size-adjust:none;word-wrap:break-word}
img,fieldset {border:0 none}
img,input,select,textarea {vertical-align:middle}
button {vertical-align:middle}
ul,ol,li {list-style:none}
address,em,i {font-style:normal; font-weight:normal}
h1,h2,h3,h4,h5 {font-size:1em; font-weight:normal}
hr {display:none}
a, a:link {color:#000; text-decoration:none; text-overflow:ellipsis; -o-text-overflow:ellipsis}
a:hover, a:active {text-decoration:none}
input:focus {outline:none}
input {font-size:12px;height:24px;}
input[type="text"], input[type="tel"], input[type="password"], textarea {border:1px solid #555}
select {font-size:12px;height:26px; background-color:#FFF; color:#000; text-shadow:#FFF 1px 1px}
header,footer,section {display:block}
h2 {font-weight:bold}
caption { display:none}
button, .button {
	display:inline-block;
	border:1px solid #a8a8a8; border-radius:5px;
	background:#ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top, #fff, #ededed);
	padding:5px 8px;
	cursor:pointer;
	font-family:Malgun Gothic,'맑은 고딕',Gulim,'굴림',dotum,'돋움',sans-serif;
	font-size:14px; color:#555; line-height:normal; text-align:center; vertical-align:middle; overflow:hidden
}
a.button {color:#555555}
.button.blue {
	font-size:15px; font-weight:bold; color:#FFF; text-shadow:#0a5cd6 -1px -1px;
	border:1px solid #0a5cd6; border-radius:5px;
	background:#ededed;
	background:-webkit-gradient(linear,left top,left bottom,from(#66a9e6),to(#0a80ed));
	background:-moz-linear-gradient(top,#66a9e6,#0a80ed);
}
.btnDel {cursor:pointer; float:right; margin:-26px 9px 0 0}
.fl-right{float:right}
.fl-left{float:left}
.fl-none{float:none}


.btnCommon {
	color:#470900; font-size:13px; font-weight:bold; line-height:normal;

	padding:5px 8px 5px 8px; margin:0 0 0 5px; /*[Top Right Bottom Left] padding:버튼안의 여백, margin:다른버튼과의 거리*/

	-webkit-box-shadow:none;	-moz-box-shadow:none;
	border:1px solid #fe8c8c; border-radius:5px;
	background:#fe8c8c;
	background:-webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#fe8c8c));
	background:-moz-linear-gradient(top,#ffffff,#fe8c8c);
}

.btnApply {
	color:#FFF; font-size:13px; font-weight:bold; text-shadow:#126b2e -1px -1px; line-height:normal;

	padding:5px 8px 5px 8px; margin:0 0 0 5px; /*[Top Right Bottom Left] padding:버튼안의 여백, margin:다른버튼과의 거리*/

	-webkit-box-shadow:none;	-moz-box-shadow:none;
	border:1px solid #a52f33; border-radius:5px;
	background:#fe8c8c;
	background:-webkit-gradient(linear,left top,left bottom,from(#fe8c8c),to(#a52f33));
	background:-moz-linear-gradient(top,#fe8c8c,#a52f33);
}



/*----- Global -----*/
.hide {position:absolute; top:-10000px; left:0; width:1px; height:1px; overflow:hidden; visibility:hidden; line-height:0; font-size:0}
.clear {*zoom:1}
.clear:after {content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0}
header:after, nav ul:after,
section:after, #listMoreBtnArea:after, #photoList:after, #tabs ul:after,
footer:after, footer ul:after {
	content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0
}
header, nav ul, 
section, #listMoreBtnArea, #photoList,
footer, footer ul {
	*zoom:1
}

.man_s{color:#2e9de5; font-size:13px; font-family:돋움; font-weight:bold;}
.woman_s{color:#d14a97; font-size:13px; font-family:돋움; font-weight:bold;}

.smallBtn {padding:4px 5px; font-size:11px; -webkit-box-shadow:none; -moz-box-shadow:none}
.titLeftBtn {position:absolute; left:5px; top:7px}
.titRightBtn {position:absolute; right:5px; top:3px}
.txtCenter {text-align:center !important}
.nickName {color:#497fab !important}
.nickNameBig {font-size:90% !important; color:#497fab !important}
.txtRed {color:#de2d25}
.txtBlue {color:#0092ff}
.txtYlw {color:#fff600}
.txtWhite {color:#FFF}
.txtGray {font-size:11px; color:#777}
.date {color:#999}
.txtWhitePoint {color:#FFF;font-size:11px; position:absolute; right:2px; top:0px}

.newMemo {color:#f3d857; font-weight:bold; text-shadow:#a58a0a 1px 1px}

#tabs {padding:10px 0}
#tabs ul {border-bottom:1px solid #474747}
#tabs li {float:left; display:block; border:1px solid #ccc; border-radius:5px 5px 0 0; border-bottom:none; text-shadow:#fff 1px 1px}
#tabs li:first-child {width:48%; margin-left:10px}
#tabs li:last-child {float:none; overflow:hidden; margin-right:10px}
#tabs li.on { padding-top:1px; margin-bottom:-1px; border:1px solid #474747; border-bottom-width:0px}
#tabs li a {display:block; text-align:center; background:#E0E0E0; border-radius:5px 5px 0 0; color:#999; line-height:22px}
#tabs li.on a {background:#fff; color:#000}

/*----- Header -----*/
#skipMenu {position:absolute; visibility:hidden}
#headerArea {position:relative; height:60px; background:url(/img/logo_bg.jpg); text-align:left; padding-top:0px}
#headerArea h1 a {position:relative; left:0px; background:url("/img/logo.jpg") no-repeat center center; text-decoration:none}
#headerArea h1 a span {position:absolute; z-index:-1; visibility:hidden}
#headerArea .memoWrap {padding:0 3px 0 0; vertical-align:middle}
#headerArea .memoWrap .txtWhite {display:inline-block; background:url("/img/icon_mail_off.gif") no-repeat 2px center; padding-left:20px}
#headerArea .memoWrap .newMemo {display:inline-block; background:url("/img/icon_mail_on.gif") no-repeat 2px center; padding-left:20px}
#headerArea .memoWrap .txtSmall {color:#fff1e3; font-size:11px; padding-left:2px}
.topRightBtn {position:absolute; right:5px; bottom:7px}
#notice a {display:block; padding:6px 0 6px 25px; font-size:11px; background:#f5f5f5 url("/img/icon_notice.gif") no-repeat 10px center; border-bottom:1px solid #ccc}

/*----- Gnb -----*/
nav {border-bottom:1px solid #a52f33;}
nav ul {border-top:1px solid #fcc8d6; border-bottom:4px solid #fd93b0;}
nav ul li {float:left; display:block; overflow:hidden; border:1px solid; border-color:#FFF #fcc8d6 #fcc8d6 #FFF; background:#f1eff1}
nav ul li.on {border:1px solid #fd93b0; background:#fd93b0;}
nav ul li a, nav ul li a:link {display:block; color:#b4393d; text-shadow:#FFF 1px 1px; font-size:12px; line-height:14px; font-weight:bold; text-align:center; padding:5px 0 5px}
nav ul li.on a {color:#FFF; text-shadow:#3184d0 -1px -1px;}
nav ul li.menu1, nav ul li.menu2, nav ul li.menu3, nav ul li.menu4 {width:20%;}
nav ul li.menu5 {float:none; margin:0}
nav ul li a span {display:block; width:38px; height:34px; background:url("/img/menu_icon_pink.png") no-repeat center top; margin:0 auto; margin-bottom:0px;}
nav ul .menu1 span { background:url("/img/menu_icon_pink.png") no-repeat center top; margin:0 auto; margin-bottom:0px;}
nav ul .menu2 span { background:url("/img/menu_icon_blue.png") no-repeat center top; margin:0 auto; margin-bottom:0px;}
nav ul .menu3 span { background:url("/img/menu_icon_join.png") no-repeat center top; margin:0 auto; margin-bottom:0px;}
nav ul .menu4 span { background:url("/img/menu_icon_photo.png") no-repeat center top; margin:0 auto; margin-bottom:0px;}
nav ul .menu5 span { background:url("/img/menu_icon_find.png") no-repeat center top; margin:0 auto; margin-bottom:0px;}
nav ul .menu1.on span { background:url("/img/menu_icon_pink.png") no-repeat center top; margin:0 auto; margin-bottom:0px;}
nav ul .menu2.on span { background:url("/img/menu_icon_blue.png") no-repeat center top; margin:0 auto; margin-bottom:0px;}
nav ul .menu3.on span { background:url("/img/menu_icon_join.png") no-repeat center top; margin:0 auto; margin-bottom:0px;}
nav ul .menu4.on span { background:url("/img/menu_icon_photo.png") no-repeat center top; margin:0 auto; margin-bottom:0px;}
nav ul .menu5.on span { background:url("/img/menu_icon_find.png") no-repeat center top; margin:0 auto; margin-bottom:0px;}

/*top*/
#topBtn {height:20px; text-align:right; border-bottom:0px solid #d5d5d5; padding:5px 5px}
#topBtn a {padding:2px 2px 2px 5px; color:#555; background:url("/img/btn_top.png") no-repeat left 5px; font-size:11px}


#topBtnBottom {position:relative; height:20px; text-align:right; padding: 7px; font-size:11px; border-bottom:1px solid #d5d5d5}
#topBtnBottom .smallBtn.mypage {position:absolute; left:7px; top:5px}
#topBtnBottom a {padding:5px 4px 5px 7px; color:#555;  font-size:12px}


/* banner */
#banner {background:url("/img/ban_vip_bg.gif"); text-align:center}
#banner a {display:block}

/*----- Footer -----*/
footer {position: relative; text-align:center; background:#F5F5F5; padding:10px 0 7px 0; font-size:70%; border-bottom:1px solid #ccc}
footer ul {margin:0 auto; width:300px}
footer ul li {float:center; border-right:1px solid #ccc; height:14px; line-height:14px; color:#555; border:none;}
/*footer ul li a {display:block; width:100%; font-size:11px; color:#777}*/
footer ul li a {width:100%; font-size:11px; color:#777}
footer ul li a:link, footer ul li a:hover, footer ul li a:active {text-decoration:none; color:#777}

.bottom_19 {border-bottom:1px solid #ccc;background:#F5F5F5; padding:5px 10px 5px 10px; font-size:11px; color:#777}

footer ul li.menu1 {width:50px}
footer ul li.menu2 {width:50px}
footer ul li.menu3 {width:60px}
footer ul li.menu5 {width:75px}
footer ul li.menu4 {width:80px;}
footer ul li.menu6 {width:60px; border:none;}
footer p {color:#999; margin-top:10px}

/*----- Section -----*/

/*Login*/
section.login {padding:10px 10px 10px}
.loginWrap {margin:0 auto; display:block}
.loginWrap li {position:relative}
.loginWrap legend {visibility:hidden; height:0; width:0; font-size:0; font-weight:0; line-height:0}
.loginWrap .loginTitle {font-size:20px; font-weight:bold; letter-spacing:-1px}
.loginWrap .loginNotice {font-size:12px; color:#999; padding:0 0 5px 0}
.loginWrap .id, .loginWrap .pw {padding:0 115px 5px 0}
.loginWrap .i-item {position:absolute; display:block; padding:6px 0 0 8px; font-size:12px; color:#999; cursor:text; vertical-align:middle}
.loginWrap .i-text {font-size:14px; width:100%; border:1px solid #555; height:26px}
.loginWrap .i-text.on {border:1px solid #fd93b0;}
.loginWrap .kind {border-top:2px solid #fd93b0; padding:4px 0}
.loginWrap .option {font-size:14px; color:#555; padding:5px 0 10px 0}
.loginWrap .option span, .loginWrap .kind span {margin-left:7px}
.loginWrap .loginInfo {font-size:11px; text-align:center; line-height:150%}
.loginWrap .loginInfo span {color:#3492E9}
.loginWrap .loginInfo span strong {font-size:15px}
.loginWrap fieldset {position:relative}
.loginWrap label {vertical-align:-2px}
.loginWrap .loginBtn {
	position:absolute; right:0; top:-3px; color:#FFF; font-weight:bold; font-size:15px; text-shadow:#474747 -1px -1px; line-height:normal;
	padding:0; margin:0;
	width:95px; height:60px;
	/*padding:14px 27px;*/
	border:1px solid #474747; border-radius:5px;
	background:#575757;
	background:-webkit-gradient(linear,left top,left bottom,from(#9a9a9a),to(#575757));
	background:-moz-linear-gradient(top,#9a9a9a,#575757);
}
.loginWrap .nameCheckBtn {
	/*position:absolute; right:0; top:2px;*/ color:#FFF; font-weight:bold; font-size:15px; text-shadow:#0a5cd6 -1px -1px; line-height:normal;
	padding:0; margin-top:10px;
	width:100%; height:40px;
	/*padding:14px 27px;*/
	border:1px solid #474747; border-radius:5px;
	background:#575757;
	background:-webkit-gradient(linear,left top,left bottom,from(#9a9a9a),to(#575757));
	background:-moz-linear-gradient(top,#9a9a9a,#575757);
}
.loginWrap .loginOption {border-top:2px solid #fd93b0; padding-top:10px; margin-top:10px}
.loginWrap .loginOption li {padding:5px 0px; font-size:13px}
.loginWrap .search li {padding-bottom:1px}
.loginWrap .search .txtGray {font-size:12px; vertical-align:middle}
.loginWrap #idWrap ul li, .loginWrap #pwWrap ul li {padding:0 26px 5px 10px}
.loginWrap .juminNum input {width:40%}
.loginWrap .searchBlock {padding-top:10px}
.loginWrap .searchBlock .button {margin-top:10px; width:100%; padding:10px 0}
.loginWrap .idResult {padding:0 10px}
.loginWrap .idResultInner {font-size:20px; padding:20px 0; text-align:center; border:1px solid #ccc; border-radius:10px}

.key {
	Z-INDEX: 10; TEXT-ALIGN: center; MARGIN: 0px 0px 0px; WIDTH: 100%; BACKGROUND: url(/img/sp_img.png) no-repeat 0px 0px; HEIGHT: 88px
}
.key2 {
	Z-INDEX: 10; TEXT-ALIGN: center; MARGIN: 0px 0px 0px; WIDTH: 100%; BACKGROUND: url(/img/sp_img.png) no-repeat 0px -102px; HEIGHT: 60px
}


/*Main*/
.thumb {position:relative; margin:0 auto; display:block; width:95px; height:110px; line-height:106px; overflow:hidden; background:#CCC}
.thumb img {max-width:95px; height:auto}
.upPhoto {background:#000000 url("/img/main_photo_bg.png") repeat-x left top;}
.upPhotoTitle {color:#ffba00; padding:10px 0 5px 10px}
.upPhotoTitle h2 {float:left}
.upPhotoTitle span {float:left; margin:-2px 0 0 7px}
.upPhotoTitle select {float:right; margin:-2px 10px 0 0}
section article ul#photo {padding:5px 5px}
#photoList {padding:5px}
#photoList li {display:inline-block; float:left; width:33.3%; text-align:center; margin-bottom:10px}
#photoList li.last {width:33.4%}
/*#photoList li a {display:block}*/
#photoList li a {font-size:12px; color:#FFF; padding-top:5px; font-weight:bold}
#photoList li .photoInfo {font-size:12px; color:#FFF; padding-top:5px; font-weight:bold}
#photoList li .photoInfo span {font-size:10px; color:#999; display:block; font-weight:normal}
#photoList li .photoInfo span.detail {padding-top:5px}
.mainList {padding: 10px 0}
.mainList li.man {background:url("/img/man.gif") no-repeat 10px 6px}
.mainList li.woman {background:url("/img/woman.gif") no-repeat 10px 6px}
.mainList li h3 {display:block;  padding-right: 60px; line-height:16px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; words-break:break-all;}
.mainList li a {position:relative; display:block; padding:4px 5px 4px 27px; text-overflow:ellipsis; -o-text-overflow:ellipsis; words-break:break-all;}
.mainList li span {position:absolute; right:10px; top:5px; font-size:11px; color:#777; vertical-align:2px}
#mainSection {border-top:1px solid #ccc;}
#mainSection #newMem, #mainSection #recentMem {position:relative}
#mainSection #newMem {float:left; width:50%; border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding-bottom:5px}
#mainSection #recentMem {float:none; overflow:hidden; border-bottom:1px solid #ccc; padding-bottom:5px}
#mainSection #recentMem h2, #mainSection #newMem h2 {/*border-bottom:1px solid #ccc;*/ padding:7px}
#mainSection #recentMem .smallBtn, #mainSection #newMem .smallBtn {position:absolute; top:5px; right:5px}
#mainSection #newMem .man, #mainSection #recentMem .man {background:url("/img/man.gif") no-repeat 7px 8px}
#mainSection #newMem .woman, #mainSection #recentMem .woman {background:url("/img/woman.gif") no-repeat 7px 8px}
#mainSection #newMem li a, #mainSection #recentMem li a {display:block; padding:4px 0px 4px 22px}
#mainLogin {position:relative; padding: 10px; font-size:12px; background:#f5f5f5; border-top:1px solid #FFF; border-bottom:1px solid #999}
#mainLogin .smallBtn.join {position:absolute; right:5px; top:13px}
#mainLogin .smallBtn.login {position:absolute; right:60px; top:13px}

/*BoardList*/
#searchArea {position:relative; text-align:center; background:#000000 url("/img/main_photo_bg.png") repeat-x left top; padding:6px 0 6px 8px}
#searchArea .btnSearch span {display:inline-block; background:#000 url("/img/icon_zoom.png") no-repeat 6px 4px; line-height:normal; padding:3px 7px 3px 20px; border:1px solid #555; border-radius:5px}
#searchArea .btnSearch {background:none; font-size:12px; font-weight:bold; color:#FFF; border:none; padding:0}
#searchArea label {margin:3px 3px 0 3px; color:#FFF; vertical-align:middle; font-size:11px}
#searchArea .userId {width:65px}
.listTitle {
	position:relative; 
	font-size:16px;
	font-weight:bold;
	padding:5px 5px 5px 10px;
	background:#E7E7E7;/* CSS3를 지원하지 않는 브라우저 */
	background:-webkit-gradient(linear,left top,left bottom,from(#FFF),to(#E7E7E7)); /* 웹킷브라우저(사파리,크롬) */
	background:-moz-linear-gradient(top,#FFF,#E7E7E7); /* 파이어폭스 */
	border-top:1px solid #ccc;
	border-bottom:1px solid #999
}
.listTitle h2 {font-size:100%; color:#555}
.listTitle .alignList {position:absolute; right:5px; top:3px}
.listTitle .alignList  button {display:inline-block; width:50px; padding:4px 0 3px 0; font-size:12px; -webkit-box-shadow:none; -moz-box-shadow:none}
.listTitle .alignList .btnLeft {border-radius:5px 0 0 5px; border-right:none}
.listTitle .alignList .btnRight {border-radius:0 5px 5px 0}
.listTitle .alignList .btnLeft.on, .listTitle .alignList .btnRight.on {
	background: -webkit-gradient(linear, left top, left bottom, from(#0a80ed),to(#66a9e6));
	background: -moz-linear-gradient(top, #0a80ed, #66a9e6);
	color:#FFF; text-shadow:#0a5cd6 -1px -1px;
}
.BoardList .listTitle .premium {background:url("/img/icon_prm.png") no-repeat left 1px; padding-left:23px}
.BoardList ul li {border-bottom:1px solid #ccc}
.BoardList ul li:last-child {border-bottom-width:0}
.BoardList .bigList li a {display:block; padding:8px 7px}
.BoardList .mymateList li a {display:block; padding:1px 3px}
.bdListThumb {
	float:left; position:relative; width:50px; height:50px; margin-right:5px; overflow:hidden; line-height:46px; 
	background:url("/img/no_photo.png") no-repeat center center #CCC;
	background-size:70% 70%;
	-moz-background-size:70% 70%;
	-webkit-background-size:70% 70%
}
/*.bdListThumb img {position:absolute; top:50%; left:50%}*/
.bdListThumb img {max-width:50px; height:auto; vertical-align:middle}
.BoardList h3 { font-size:14px; margin-top:4px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.BoardList p, .searchList p { font-size:12px;; margin-top:3px; color:#999}
.BoardList p .wrInfo {float:right}
#listMoreBtnArea { padding:10px 0; background:#F5F5F5; border-top:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center}
.btnPage { display:inline-block; border:1px solid #CCC; background:#FFF; vertical-align:middle}
.btnPage a {display:inline-block; line-height:normal; padding:2px 4px; font-size:12px; color:#555}
.btnPage.prev a {background:url("/img/page_btn_prev.gif") no-repeat 4px center; padding-left:12px}
.btnPage.next a {background:url("/img/page_btn_next.gif") no-repeat right center; padding-right:12px}
#listMoreBtnArea .totalPage {display:inline-block; vertical-align:middle; color:#999}
.listMoreBtn {display:block; font-size:14px; padding:10px; margin:0 10px; border-radius:5px}
.listMoreBtn span {color:#999; font-size:70%; margin-right:5px}
.btnRegist {
	font-size:15px;font-weight:bold; color:#ffffff;  padding:5px 10px; margin:0 0 0 5px;
	border:1px solid #474747; border-radius:5px;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	background:#575757;
	background:-webkit-gradient(linear,left top,left bottom,from(#9a9a9a),to(#575757));
	background:-moz-linear-gradient(top,#9a9a9a,#575757);
}
/*
.btnRegist {
	font-size:13px; color:#FFF; padding:3px 7px; margin:0 0 0 5px;
	text-shadow:#474747 -1px -1px;
	border:1px solid #474747; border-radius:5px;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	background:#575757;
	background:-webkit-gradient(linear,left top,left bottom,from(#9a9a9a),to(#575757));
	background:-moz-linear-gradient(top,#9a9a9a,#575757);
}
*/

/*BoardView*/
.viewTitle {position:relative; padding:8px 5px; background:-webkit-gradient(linear,left top,left bottom,from(#FFF),to(#E7E7E7)); border-bottom:1px solid #999}
.memInfo { font-size:12px; color:#999; padding:8px 5px; border-bottom:1px solid #ddd}
.memInfo .postInfo {float:right; clear:right}
.memInfo .postInfo span {font-size:11px}
.memInfo .postInfo .date {margin-right:5px}
.memInfo .region {margin-left:8px; padding-left:8px; border-left:1px solid #d5d5d5}
.storyArea {padding:20px 10px; text-align:center}
.storyArea .photo, .memo .photo {max-width:100%; height:auto; margin-bottom:20px}
.storyArea p {line-height:150%; text-align:left}
#viewBtnArea {text-align:center; padding:0 0 20px}
#viewList {border-top:1px solid #ddd}
#viewList div {position:relative; border-bottom:1px solid #ddd; padding-left:42px}
#viewList span {position:absolute; left:5px; top:12px; font-size:70%; color:#999}
#viewList h3 {overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
#viewList a {display:block; padding:10px 0}

/*BoardWrite*/
#searchArea h2 {padding:0 5px; color:#fff; text-align:left; font-size:16px}
#searchArea .titRightBtn .button {
	font-size:13px; color:#FFF; padding:3px 7px;
	text-shadow:#000 -1px -1px;
	border:1px solid #000; border-radius:5px;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	background:#000;
	background:-webkit-gradient(linear,left top,left bottom,from(#555),to(#000));
	background:-moz-linear-gradient(top,#555,#000);
}
.bbsWrite {position:relative; display:block}
.bbsWrite table {width:100%}
.bbsWrite th, .bbsWrite td {border-bottom:1px solid #ccc}
.bbsWrite th {padding:5px 0; background:#f5f5f5}
.bbsWrite td {padding:5px 20px 5px 10px; overflow:hidden}
.bbsWrite .inpText, .bbsWrite .inpTextarea {width:100%;}
.bbsWrite textarea {height:100px}
#writeBtnArea {padding:20px 0; text-align:center}
.writeNotice {padding:0 10px 10px; font-size:11px; color:#555}
.writeNotice h2, .writeNotice h3 {font-size:12px; color:#333; font-weight:bold; padding-top:10px}
.writeNotice ul li{letter-spacing:-1px}
.writeBtn{padding:5px 10px; background:#f5f5f5; height:35px}
.writeBtn .check{display:inline-block; padding-top:7px}

/*Online*/
.mobile {vertical-align:middle; margin-top:-3px}
.loadingbar {padding:10px 0}
.loadingbar img {vertical-align:top}

/*Photo*/

/*Search*/
#search {padding:15px 10px 10px}
#searchIn {padding:10px; border-radius:5px; border:2px solid #fd93b0}
#searchIn li {border-bottom:1px dotted #ccc; padding:5px 0px 5px 20px}
#searchIn li:last-child {border-bottom:none}
#searchIn li label {display:inline-block; width:60px; font-size:14px; vertical-align:middle}
#searchIn li label.photo {display:inline}
.searchList li a {display:block; padding:0}
.searchRsult {background:url("/img/bullet_arrow.gif") no-repeat right 10px}
.searchBlock {padding:0 10px 20px 10px;}
.searchBlock .btnSearch{
	width:100%; font-size:18px; font-weight:bold; color:#FFF; padding:10px 0;
	text-shadow:#474747 -1px -1px;
	border:1px solid #474747; border-radius:0px; border-radius:5px; 
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	background:#575757;
	background:-webkit-gradient(linear,left top,left bottom,from(#9a9a9a),to(#575757));
	background:-moz-linear-gradient(top,#9a9a9a,#575757);
}
.BoardList ul li a {display:block; padding:6px 7px}

/*Search Result*/
.searchList li {border:1px solid #ccc; border-radius:4px; margin:5px}
.searchList li:last-child {border-bottom-width:1px !important}
.searchList .memberInfo {font-size:75%}
.searchList header {padding-top:3px}

/*MyPage*/
.Mypage header {display:none}
.specialInfo {padding:6px 3px; text-align:center; border:2px solid #fd93b0; border-radius:3px; margin:10px 10px 0}
.specialInfo .mpMsg {display:inline-block; vertical-align:middle}
#mypage.gateWay {padding:5px 10px 20px}
#mypage.gateWay li {float:left; width:25%; text-align:center; margin:10px 0 15px}
#mypage.gateWay li a {position:relative; display:block; width:60px; height:60px; margin:0 auto}
/*#mypage.gateWay li a.iconBoard,
#mypage.gateWay li a.iconSns,
#mypage.gateWay li a.iconPhoto,
#mypage.gateWay li a.iconFriend,
#mypage.gateWay li a.iconBlock,*/
/*#mypage.gateWay li a.iconMemInfo,
#mypage.gateWay li a.iconPoint {opacity:.3; filter:alpha(opacity=50)}*/
#mypage.gateWay li span {position:absolute; display:block; width:60px; bottom:0;  margin:0 0 -18px 0; font-size:10.5px; text-align:center}
#mypage.gateWay li a .memoNew {
	position:absolute; display:block; width:25px; height:15px; right:10px; top:-8px; padding:0 5px; color:#FFF; font-size:11px; font-weight:bold; text-align:center;
	background:red; border:2px solid #FFF; border-radius:8px;
	box-shadow:2px 2px 2px #000;
	-moz-box-shadow:2px 2px 2px #000;
	-webkit-box-shadow:2px 2px 2px #000;
}
#mypage.memoList li {background:url("/img/icon_mail_off.gif") no-repeat 10px center}
#mypage.memoList li.read {background:url("/img/icon_mail_o.gif") no-repeat 10px center}
#mypage.memoList li .memo {padding-left:44px; margin-right:40px}
#mypage.memoList li .memo.man {background:url("/img/man.gif") no-repeat 27px center}
#mypage.memoList li .memo.woman {background:url("/img/woman.gif") no-repeat 27px center}
#mypage li .date {font-size:11px; padding-top:3px}
#viewBtnArea.mypage {text-align:center; padding:10px 0 10px; background:#ccc}
.memoSend {display:none}
.memoSend #viewContent textarea, .safesmsSend #viewContent textarea, .reportSend #viewContent textarea {width:97%; height:60px}
.memoSend #viewContent p {margin-top:10px}
.memoSend #viewContent #smsCheckBox {margin-top:8px}
.memoSend #viewBtnArea, .safesmsSend #viewBtnArea {border-bottom:1px solid #ccc}
#contents.memo .memInfo .postInfo {float:none; clear:right}
.memoList img {vertical-align:middle}
.memo .searchList li {padding:5px}
.memo .photoArea {text-align:center}
.safesmsSend {display:none}
.safesmsSend .sendTel , .safesmsSend .reciveId {margin:10px 0 5px 0}
.safesmsSend .reciveId {margin-top:0}
.safesmsSend .sendNum input{width:40px; font-size:14px; text-align:center}

.snsSend {display:none}
.snsSend .sendTel , .snsSend .reciveId {margin:10px 0 5px 0}
.snsSend .reciveId {margin-top:0}
.snsSend .sendNum input{width:40px; font-size:14px; text-align:center}

.reportSend {display:none}

#mypage.nmList li {padding:10px}
#mypage.nmList li .date {float:right;}

#mypage.memList li{}
#mypage.memList li a {padding:10px 0 10px 27px; margin-right:40px}
#mypage.memList .man {background:url("/img/man.gif") no-repeat 10px center}
#mypage.memList .woman {background:url("/img/woman.gif") no-repeat 10px center}

.upPhoto .listTitle {margin-bottom:10px}

/*profile*/
#detailInfo {position:relative; padding:10px; border-bottom:1px solid #ccc; background:#f7f7f7}
#detailInfo .photo {
	float:left; position:relative; width:100px; height:126px; line-height:120px; text-align:center; overflow:hidden;
	background:url("/img/no_photo.png") no-repeat center center #CCC;
	background-size:60% 50%;
	-moz-background-size:60% 50%;
	-webkit-background-size:60% 50%
}
#detailInfo .photo img {max-width:100px; height:auto}
#detailInfo .info td .nickName {font-size:14px}
#detailInfo .info {float:left; margin-left:10px}
#detailInfo .info th {font-size:12px; font-weight:normal; color:#999; white-space:nowrap; width:50px/*; text-align:left*/}
#detailInfo .info td {font-size:12px; padding: 1px 0px 1px 5px}
#detailInfo .cntBtnArea {padding-top:10px; text-align:center}
#viewContent {padding:15px 10px 20px}
#viewContent h3 {padding:0 0 5px 0; margin-bottom:10px; border-bottom:1px solid #ddd; color:#66a9e6; font-weight:bold}
#viewContent.profile p {padding-bottom:20px}
#viewContent.profile div {text-align:center}
#viewContent.profile img {display:block; max-width:100%; height:auto; margin-top:10px}
.noData {padding:20px 0; color:#999; text-align:center}

/*정회원가입*/
.special .specialBody {padding:10px 10px}
.special .specialBody div header {position:relative}
.specialBody #spAuto, #spNormal {border:1px solid #ccc; border-radius:5px; padding-bottom:20px; text-align:center}
.specialBody #spNormal {margin-top:10px}
.specialBody #spNormal ul {padding:0 0 10px 10px}
.specialBody #spNormal ul li {text-align:left; padding:3px 0}
.specialBody #spAuto header, .specialBody #spNormal header {
	border-bottom:1px solid #ccc; border-radius:4px 4px 0 0; padding:6px 8px 6px 8px; text-align:left; margin-bottom:10px;
	background:#ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top, #fff, #ededed);
}
.specialBody #spAuto header .titRightBtn, .specialBody #spNormal header .titRightBtn {top:5px}
.specialBody #spAuto header .txtRed, .specialBody #spNormal header .txtRed {font-weight:bold; font-size:16px; margin-right:2px}
.specialBody #spAuto .spAutoBnf {font-size:20px; padding:10px 0 15px}
.specialBody #spAuto .spAutoInfo {font-size:11px; color:#777; padding:10px 10px 0; letter-spacing:-1px}
.specialBody #spAuto a, .specialBody #spNormal a {color:#FFF !important}
.specialBody #spAuto .button, .specialBody #spNormal .button {
	border:1px solid #db3232;
	background:#db3232;
	background: -webkit-gradient(linear, left top, left bottom, from(#fe6508), to(#db3232));
	background: -moz-linear-gradient(top, #fe6508, #db3232);
	text-shadow:#a43a0d -1px -1px;
	padding:7px 10px;
	font-family:Malgun Gothic,'맑은 고딕',Gulim,'굴림',dotum,'돋움',sans-serif;
	font-size:18px; color:#FFF; line-height:normal; text-align:center; vertical-align:middle; overflow:hidden;
	font-weight:bold
}
.specialBody #spNormal .button{font-size:14px}
.specialBody .mCharInfo {padding:10px 10px 0; font-size:11px; color:#777}
.specialBody .wrapper {height:70px; margin:10px 0; border:1px solid #ccc; overflow-x:hidden; overflow-y:scroll;	-webkit-overflow-scrolling: touch;}
.specialBody .wrapper {line-height:130%; letter-spacing:-1px;}
.specialBody .wrapper h4 {font-size:12px; font-weight:bold; margin:10px}
.specialBody .wrapper p {font-size:11px; margin:0 10px}
.specialBody .wrapper p:last-child {padding-bottom: 20px}

/*  결제  */
#billBank, #billCard {display:none; z-index:100000}
.cutton {position:fixed; _position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50)}
#billBank article, #billCard article {position:fixed; _position:absolute; top:50%; left:50%; background:#FFF; border:2px solid #fd93b0; border-radius:10px; overflow:hidden;
	box-shadow:0px 0px 4px #000;
	-moz-box-shadow:0px 0px 4px #000;
	-webkit-box-shadow:0px 0px 4px #000;
}
#billBank article {width:310px; height:360px; margin-left:-150px; margin-top:-160px}
#billCard article {width:320px; height:240px; margin-left:-150px; margin-top:-120px}
#billBank .name {width:120px}
#billBank .bplanDate {width:80px}
#billBank .tel {width:30px}
#billBank h4, #billCard h4 {padding:5px 10px; color:#FFF; background:#000; border-radius:8px 8px 0 0; text-align:center;
	background:#fd93b0;
	background:-webkit-gradient(linear,left top,left bottom,from(#fbacc2),to(#fd93b0));
	background:-moz-linear-gradient(top,#fbacc2,#fd93b0);
}
#billBank .btnArea, #billCard .btnArea {text-align:center; padding:10px 0}
#billBank span.closeBillbank {position:absolute; right:5px; top:3px}
#billBank .gBox {border:1px solid #fd93b0; border-radius:5px; width:160px; padding:5px 5px 5px 90px; margin:0 auto; margin-top:10px; font-weight:bold;
	background:url(/img/woori.jpg) no-repeat 20px center;
	background-size:40px 50px;
	-moz-background-size:40px 50px;
	-webkit-background-size:40px 50px;
}
#billBank table {margin-top:5px}
#billBank th {text-align:right; padding-right:5px}
#billBank .txtGray {padding-left:10px; letter-spacing:-1px}
#billCard table {border:1px solid #d5d5d5; width:250px; margin:0 auto; margin-top:20px; margin-bottom:10px}
#billCard td, #billCard th {border:1px solid #d5d5d5}
#billCard th {background:#f5f5f5}
#billCard td {padding:5px 0 5px 10px}
#billCard .info {text-align:center; line-height:140%}

/*정회원무통장입금*/
#specialBank h3 {display:none}
#specialBank .gBox {border:1px solid #0a80ed; border-radius:5px; padding:5px 5px 5px 90px; margin:15px 15px 10px 15px; font-weight:bold;
	background:url(/img/woori.jpg) no-repeat 20px center;
	background-size:40px 50px;
	-moz-background-size:40px 50px;
	-webkit-background-size:40px 50px;
}
#specialBank table {margin:5px 15px; border-collapse:collapse; border:1px solid #ccc; border-radius:5px}
#specialBank th {background:#f5f5f5}
#specialBank th, #specialBank td {padding:5px; border:1px solid #ccc}
#specialBank .txtGray {font-size:12px; letter-spacing:0}
#specialBank .btnArea {text-align:center; padding:10px 0 10px 0}
#specialBank .name {width:90%}
#specialBank .tel {width:20%}
#specialBank .bankInfo { padding:15px 20px}

/* 무료회원가입 step1 */
.alertBox {border-bottom:2px solid #fd93b0; margin-bottom:20px}
.inputWrap {border-bottom:2px solid #fd93b0; margin-bottom:20px; padding-bottom:20px}
.inputWrap li {padding:0px 20px 5px 55px; overflow:hidden}
.inputWrap li.first {padding:2px 20px 10px 65px}
.inputWrap li.last {padding:0px 20px 0 65px}
.inputWrap li label.left {position:absolute; left:0; top:5px; width:60px; text-align:right}
.inputWrap li input.name {width:89%; height:26px;}
.inputWrap li input.jNnum1 {width:42%; height:26px;}
.inputWrap li input.jNnum2 {width:42%; height:26px;}
.termsWrap {margin-bottom:15px}
.termsTitle {position:relative}
.termsBtn {position:absolute; top:0; right:0; color:blue}
.termsTitle h2 {color:#777}
.termsBox {border:1px solid #999; padding:3px; color:#999; font-size:11px; margin-bottom:5px;}
.termsWrap label{font-size:11px}

/* 무료회원가입 step2 */
#profileInput .inputWrap {border-bottom:2px solid #fd93b0; padding-bottom:5px; margin:20px 0 5px 0; position:relative}
#profileInput .inputWrap.first {margin-top:0}
#profileInput label {display:inline-block; width:60px; text-align:right}
#profileInput li {padding:4px 0; border-bottom:#ddd 1px solid;}
#profileInput li input {vertical-align:middle}
#profileInput li .lineOver {margin-top:-18px;}
.loginTitle .desc {font-size:14px; color:#999; vertical-align:2px}
#profileInput .inputWrap .btnInputProfile {position:absolute; right:0; bottom:5px;}
#profileInput .profileWrap {display:none;}

.list_title_date {
	color:#999999;
	font-family:돋움;
	font-size:11px;
}
.list_title_woman {
	color:#fa5085;
	font-family:돋움;
	font-size:14px;
	font-weight:bold;
}
.list_title_man {
	color:#1e7bc2;
	font-family:돋움;
	font-size:14px;
	font-weight:bold;
}
.chat_prev_link {
	color:#fed232;
	font-family:돋움;
	font-size:11px;
	font-weight:bold;
	letter-spacing:-1px;
	padding-left:5px;
}

A.chat_prev_link:link,A.chat_prev_link:visited,A.chat_prev_link:hover {
	color:#fed232;
	font-family:돋움;
	font-size:11px;
	font-weight:bold;
	letter-spacing:-1px;
	padding-left:5px;
}
.input_file {border: 1px solid #c4c4c4; background:#ffffff; color:#4f4740; width:100%; font-size:12px; font-family:돋움; padding:4px 0 0 3px;}

.pointer {cursor:pointer;}


.list_box{
	width:100%;
	min-height:100px;
	background:#fff;
	padding-bottom:12px;
	overflow:hidden;
	margin:10px auto 0 auto;
	clear:both;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
		border-radius:3px;
	-webkit-box-shadow: 0 1px 2px #999;
	-moz-box-shadow: 0 1px 2px #999;
		box-shadow: 0 1px 2px #999;
	}


/* 체크박스,라디오박스 크게*/
.input_chk input{z-index:9;width:24px;height:24px;margin-top:1px;}
.input_chk label{top:0;left:0px;z-index:10;width:80%;height:23px;color:#000;line-height:24px;vertical-align:top;}