@charset "utf-8";

@font-face{font-family:ng; src:url(NanumGothic.eot); src:local(※),url(NanumGothic.woff) format('woff'), url(NanumGothic.ttf) format('truetype'), url(NanumGothic.otf) format('opentype'), url(NanumGothic.svg#ng) format('svg');}
* { margin:0; padding:0; -webkit-text-size-adjust:none; }
 

/* 공통 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video, input {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight:normal;
	font-family:나눔고딕, NanumGothic, ng, 'NanumGothicWeb', "Malgun Gothic", AppleSDGothic, "돋움", dotum;
	font-style:normal;
	
 }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
html{ overflow-y:scroll;}
body { line-height:18px; color:#333; }
ol, ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
b,strong { font-weight:bold; }
h2, caption, legend { display:none; }
a:link, a:visited, a:active , a:hover { border:0; padding:0; margin:0; }
a:link, a:visited, a:active { text-decoration:none; color:#333; }
a:hover { color:#333; text-decoration:none; }
img{ border:0px; margin:0; padding:0; }
div img { vertical-align:middle; }
li img { vertical-align:middle; }
p input { vertical-align:middle; }
input, select, option, textarea { height:40px; padding-left:10px; border:solid 1px #c2c2c2; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; font-size:14px; color:#666; }
legend { display:none; }

/*공통*/
#top_my { background-color:#4a2d2d; padding-top:10px; padding-bottom:10px; width:100%; min-width:300px; overflow:hidden; text-align:center; }
#top_my li { font-size:12px; color:#fff; text-align:center; float:left; width:16%; background:url(../img_my/m_bar.png) left no-repeat; }
#top_my li a, #top_my li a:visited, #top_my li a:active, #top_my li a:hover { color:#fff; }
#top_my li.on { font-weight:bold; color:#fff000; }
#top_my li.on a, #top_my li.on a:visited, #top_my li.on a:active, #top_my li.on a:hover { color:#fff000; font-weight:bold; }
#top_my li.front { font-size:12px; color:#fff; text-align:center; float:left; width:18%; background:url(../img_my/m_bar.png) left no-repeat; }
#top_my li.front a, #top_my li.front a:visited, #top_my li.front a:active, #top_my li.front a:hover { color:#fff; }
#top_my li.front.on { font-weight:bold; color:#fff000; }
#top_my li.front.on a, #top_my li.front.on a:visited, #top_my li.front.on a:active, #top_my li.front.on a:hover { color:#fff000; font-weight:bold; }

.m_tit { min-width:300px; padding-left:10px; padding-right:10px; padding-top:6px; padding-bottom:6px; border-bottom:solid 1px #b3b3b3; overflow:hidden; background-color:#ededed; }
.m_tit p img { vertical-align:text-bottom; height:16px; }
.m_tit p.t { float:left; font-size:14px; color:#53251b; font-weight:bold; }
.m_tit p.t_con { float:right; font-size:11px; color:#888; line-height:0; padding-top:3px; }
.m_tit p.t_con a { color:#888; }
.m_tit p.t_con img { height:11px; vertical-align:text-top; }

.m_tit_con { min-width:300px; overflow:hidden; padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px; border-bottom:solid 1px #dadada; font-size:11px; color:#666; line-height:15px; }
.m_tit_con ul { overflow:hidden; clear:both; width:100%; }
.m_tit_con li { background:url(../img_my/b.png) no-repeat 0 8px; padding-left:8px; color:#333; font-size:14px; }
.m_tit_con li p.btn { position:absolute; right:0; top:4px; }
.m_tit_con li li { background:none; padding-left:0; clear:both; color:#333; font-weight:normal; font-size:12px; line-height:16px; } 
.m_tit_con li li li { background:none; padding-left:7px; clear:both; color:#888; } 
.m_tit_con li.box { clear:both; margin-top:5px; background:none; padding-left:0; width:100%; }
.m_tit_con li.box p { border:3px solid #9f725b; text-align:center; padding:20px; font-size:16px; }
.m_tit_con li select { width:100px; height:24px; padding-left:0; font-size:13px; }
.m_tit_con_sub {  min-width:300px; padding-left:10px; padding-right:10px; background-color:#f1ece9; border-top:1px solid #b3b3b3; border-bottom:1px solid #b3b3b3; padding-top:5px; padding-bottom:5px; }
.m_tit_con_sub p { font-size:11px; color:#888; }
.m_tit_sub { width:100%; overflow:hidden; }
.m_tit_sub .sub { min-width:300px; overflow:hidden; padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px; border-bottom:solid 1px #dadada; }
.m_tit_sub .sub p img { height:20px; vertical-align:middle; }
.m_tit_sub .sub p.p1 { float:left; font-size:14px; }
.m_tit_sub .sub p.p2 { float:right; font-size:14px; padding-right:10px; }
.m_tit_sub .sub p.p3 { float:right; }

.tab_table { width:100%; clear:both; overflow:hidden; }
.tab_table .tab { width:50%; float:left; overflow:hidden; }
.tab_table .tab p.on { border-left:solid 2px #4d4d4d; border-right:solid 2px #4d4d4d; border-top:solid 2px #4d4d4d; border-bottom:0; }
.tab_table .tab p { border-left:0; border-right:0; border-top:0; border-bottom:solid 2px #4d4d4d; padding:10px 0 8px 0; font-size:14px; text-align:center; }
.table { width:100%; clear:both; }
.table p { font-size:12px; padding:10px; border:0; text-align:left; line-height:16px; }
.table table { width:100%; clear:both; }
.table table th { text-align:left; padding:5px 10px; background:url(../img_my/th_bar.png) no-repeat 0 9px; background-position:right; background-color:#ddd; font-size:12px; }
.table table td { text-align:left; padding:5px 10px; font-size:12px; vertical-align:text-top; border-bottom:solid 1px #ddd; line-height:15px; }


/*나의홈*/
#myfrom { min-width:300px; border-bottom:solid 1px #dadada; overflow:hidden; }
#myfrom .name_area { float:left; width:85px; background-color:#ff9000; }
#myfrom .name_area ul { overflow:hidden; float:left; width:100%; padding-top:26px; padding-bottom:26px; }
#myfrom .name_area li { padding-left:8px; padding-right:5px; display:block }
#myfrom .name_area li.name { font-size:16px; font-weight:bold; text-align:center; color:#fff; }
#myfrom .name_area li.mod, #myfrom .name_area li.mod a { font-size:12px; color:#972e00; line-height:0; padding-top:10px; text-align:center; height:12px; }
#myfrom .name_area li.mod img { vertical-align: text-top; height:12px; }
#myfrom .cont { float:left; width:54%; overflow: visible; }
#myfrom .cont ul { float:left; width:100%; padding-top:10px; padding-bottom:10px; }
#myfrom .cont li { padding-left:8px; padding-right:0px; }
#myfrom .cont li.up { font-size:14px; }
#myfrom .cont li.down { font-size:12px; padding-bottom:0; line-height:15px; padding-top:4px; }
#myfrom .bt_out { float:right; text-align:right; width:50px; padding-top:10px; padding-right:10px; } 
#myfrom .bt_out input { background:url(../img_pro/bt_delbg.png) bottom repeat-x; border:solid 1px #b1b1b1; -moz-border-radius:5px; -webkit-border-radius:0px; -webkit-appearance:none; border-radius:5px; font-size:11px; text-align:center; color:#7d7d7d; font-weight:bold; cursor:pointer; padding:3px 5px; height:20px; }



.btn3 { width:40px; height:20px; background-color:#7d7d7d; border:0; -moz-border-radius:5px; -webkit-border-radius:0px; -webkit-appearance:none; border-radius:5px; font-size:11px; text-align:center; color:#fff; font-weight:bold; cursor:pointer; padding-left:0; }
.btn3_1 { width:40px; height:20px; background-color:#fff; border:1px solid #7d7d7d; -moz-border-radius:5px; -webkit-border-radius:0px; -webkit-appearance:none; border-radius:5px; font-size:11px; text-align:center; color:#666; font-weight:bold; cursor:pointer; padding-left:0; }


/*정보수정*/
#content { clear:both; min-width:300px; padding-left:10px; padding-right:10px; padding-top:6px; padding-bottom:6px; }
#content ul { overflow:hidden; width:100%; padding:2px 0; }
#content ul li { padding:2px 0; font-size:14px; }
#content ul li.t { font-size:14px; background:url(../img_my/b.png) no-repeat 0 8px; padding-left:8px; color:#333; }
#content ul li select { padding-left:0px; }

.bottom_btn { min-width:300px; margin-left:10px; margin-right:10px; margin-top:10px; margin-bottom:10px;  }



/*단골&후기*/
#fav_type { min-width:300px; padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px; border-bottom:solid 1px #cecece; overflow:hidden; }
#fav_type p.bt { float:right; height:19px; width:64px; padding-top:3px; background:url(../img_pro/bt_delbg.png) bottom repeat-x; border:solid 1px #b1b1b1; -moz-border-radius:5px; -webkit-border-radius:0px; -webkit-appearance:none; border-radius:5px; font-size:11px; text-align:center; color:#7d7d7d; font-weight:bold; cursor:pointer; padding-left:0px; }
#fav_type p.bt img { vertical-align:middle; }
#fav_type p.sel { float:left; }
#fav_type p.sel select { height:22px; font-size:12px; width:100px; padding-left:0px; }

.fav_list { min-width:300px; padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px; border-bottom:solid 1px #cecece; overflow:hidden; position:relative; }
.fav_list .bt_f { float:left; width:55px; }
.fav_list .bt_f input { color:#7d7d7d; width:38px; height:22px; background-color:#fff; border:solid 1px #7d7d7d; -moz-border-radius:5px; -webkit-border-radius:0px; -webkit-appearance:none; border-radius:5px; font-size:11px; text-align:center; font-weight:bold; cursor:pointer; padding-left:0; }

.fav_list .list_f { float:left; width:81%; font-size:12px; overflow:hidden; }
.fav_list .list_f ul { overflow:hidden; }
.fav_list .list_f li { font-size:12px; }
.fav_list .list_f li img { height:14px; vertical-align: sub; }
.fav_list .list_f li.type_f { font-weight:bold; padding-bottom:3px }
.t_blue { color:#0b83e0; }
.t_pink { color:#f407c5; }
.t_red { color:#ff0000; }
.t_yellow { color:#ffa800; }
.t_purple { color:#b407f4; }
.t_brown { color:#9d6707; }
.t_green { color:#0abf0a; }    

.fav_list .list_f li.tit { font-size:14px; font-weight:bold; }
.fav_list .call_f { position:absolute; top:10px; right:10px; }
.fav_list .call_f img { width:50px; }

.reply_list { min-width:300px; padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px; border-bottom:solid 1px #cecece; overflow:hidden; position:relative; }
.reply_list .bt_f { float:left; width:55px; }
.reply_list .bt_f input { color:#7d7d7d; width:38px; height:22px; background-color:#fff; border:solid 1px #7d7d7d; -moz-border-radius:5px; -webkit-border-radius:0px; -webkit-appearance:none; border-radius:5px; font-size:11px; text-align:center; font-weight:bold; cursor:pointer; padding-left:0; }
.reply_list .reply { float:left; overflow:hidden; width:81%; }
.reply_list .reply ul { overflow:hidden; width:100%; }
.reply_list .reply ul li { padding:2px 0; font-size:12px; line-height:14px; clear:both; }
.reply_list .reply ul li.t { font-size:14px; padding-bottom:2px; }
.reply_list .reply ul li.type { font-weight:bold; padding-bottom:5px; }

.reply_list .reply_star { position:absolute; top:10px; right:10px; }
.reply_list .reply_star img { height:18px; }


/*포인트*/
.app { background-color:#f1ece9; padding:10px 10px 15px 10px; }
.app ul { overflow:hidden; padding-top:0px; padding-bottom:2px; clear:both; }
.app li { background:none; font-size:14px; font-weight:normal; padding-top:2px; padding-bottom:2px; padding-left:0; color:#53251b; }
.app p { margin-top:5px; }



/*공통*/
.blue { color:#1515b6; }
.red { color:#ff3030; }
.under { text-decoration:underline; }
.pl5 { padding-left:5px; }
.pl6 { padding-left:6px; }
.pl8 { padding-left:8px; }
.pl10 { padding-left:10px; }
.pt4 { padding-top:4px; }
.pt5 { padding-top:5px; }
.pt6 { padding-top:6px; }
.pt8 { padding-top:8px; }
.pt20 { padding-top:20px; }
.pb10 { padding-bottom:10px; }
.pb5 { padding-bottom:5px; }
.mt10 { margin-top:10px; }
.f11 { font-size:11px; }
.f12 { font-size:12px; }
.f13 { font-size:13px; }
.f14 { font-size:14px; }
.f16 { font-size:16px; }
.lh12 { line-height:12px; }
.t_center { text-align:center; }
.t_name { font-size:16px; color:#006edf; background-color:#e4e4e4; font-weight:bold; }
.gray { color:#888; }
.none { border:0; padding:0; height:15px; }
.disnone { display:none; }
.dot_line { border-bottom:dotted 1px #d7d7d7; }
.clear { clear:both; }
.fleft { float:left; }
.fright { float:right; }
.pos { position:relative; }


.b_inputbt { background:url(../img_pro/bt_delbg.png) bottom repeat-x; border:solid 1px #b1b1b1; -moz-border-radius:5px; -webkit-border-radius:0px; -webkit-appearance:none; border-radius:5px; font-size:11px; text-align:center; color:#7d7d7d; font-weight:bold; cursor:pointer; padding:3px 5px; height:20px; }
.t_inputbt { width:100%; height:45px; padding-top:12px; padding-bottom:10px; text-align:center; background:url(../img_my/b_btbg.png) bottom repeat-x; border:solid 1px #a0a3b7; -moz-border-radius:5px; -webkit-border-radius:0px; -webkit-appearance:none; border-radius:5px; font-size:16px; color:#595f90; font-weight:bold; cursor:pointer; box-shadow:0px 2px 2px #e8e8e8; -moz-box-shadow:0px 2px 2px #e8e8e8; }