@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; }
select {  }
legend { display:none; }

/*view*/
.top_bt { overflow:hidden; min-width:300px; padding-left:10px; padding-right:10px; padding-top:8px; padding-bottom:8px; }
.top_bt p { float:left; }
.top_bt p.r { float:right; }
.btn1_2 { width:100px; height:40px; background-color:#7d7d7d; -moz-border-radius:5px; -webkit-border-radius:0px; -webkit-appearance:none; border-radius:5px; font-size:14px; text-align:center; color:#fff; font-weight:bold; cursor:pointer; padding-left:0; }

#top_count { background:url(../img_pro/top_dot.png) top repeat-x #fefaeb; height:40px; min-width:300px; padding-left:10px; padding-right:10px; }
#top_count p { font-size:12px; padding-top:15px; }
#top_count p img { vertical-align:text-bottom; width:20px; height:21px; }
#top_count p.st { padding-top:10px; float:left; }

#basic_area { background:url(../img_pro/dot.png) top repeat-x; min-width:300px; padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:15px; overflow:hidden; position:relative; }
#basic_area .basic { width:100%; clear:both; }
#basic_area .basic p { font-size:14px; font-weight:bold; padding-top:5px; padding-bottom:5px; }
#basic_area .basic ul { overflow:hidden; }
#basic_area .basic ul li { font-size:12px; padding-top:2px; padding-bottom:2px; float:left; line-height:14px; }
#basic_area .basic ul li.suj { width:25%; color:#a28f85; }
#basic_area .basic ul li.con { width:75%; }
#basic_area .basic ul li.con_1 { width:52%; }
#basic_area .basic ul li.con strong { color:#ff3030; font-size:14px; }
#basic_area .basic ul li.con span { color:#a28f85; font-size:11px; }
#basic_area .basic ul li.con img { width:10px; height:10px; }
#basic_area .bt_call { position:absolute; top:20px; right:10px; }
#basic_area .bt_call img { width:66px; height:75px; }
#basic_area .bt_area { width:100%; clear:both; padding-top:15px; }
#basic_area .bt_area p { width:49%; height:33px; padding-top:12px; text-align:center; background:url(../img_mb/bt_b_bg.png) top repeat-x; border:solid 1px #cbcbcb; -moz-border-radius:5px; -webkit-border-radius:0px; -webkit-appearance:none; border-radius:5px; font-size:16px; color:#333; font-weight:bold; cursor:pointer; box-shadow:0px 2px 2px #e8e8e8; -moz-box-shadow:0px 2px 2px #e8e8e8; }
#basic_area .bt_area p img { height:25px; }

#event { width:100%; clear:both; background:url(../img_pro/event_bg.png) left repeat-x; height:92px; padding-top:8px; margin-bottom:15px; text-align:center; position:relative; }
#event p.text { position:absolute; top:80px; right:10px; font-size:11px; color:#999; }
#event p img { width:300px; height:83px; }

#grading_area { background:url(../img_pro/dot.png) top repeat-x; width:100%; padding-top:15px; overflow:hidden; padding-bottom:10px; }
#grading_area p { font-size:14px; font-weight:bold; padding-top:5px; padding-bottom:5px; padding-left:10px; padding-right:10px; }
#grading_area .bt_grading .bt { min-width:300px; margin-left:10px; margin-right:10px; margin-bottom:15px; height:33px; padding-top:12px; text-align:center; background:url(../img_mb/bt_b_bg.png) top repeat-x; border:solid 1px #cbcbcb; -moz-border-radius:5px; -webkit-border-radius:0px; -webkit-appearance:none; border-radius:5px; font-size:16px; color:#333; font-weight:bold; cursor:pointer; box-shadow:0px 2px 2px #e8e8e8; -moz-box-shadow:0px 2px 2px #e8e8e8; }
#grading_area .bt_grading .bt img { height:25px; }
#grading_area .bt_grading .grading { background-color:#fefaeb; min-width:300px; padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:15px; overflow:hidden; }
#grading_area .bt_grading .grading ul { overflow:hidden; }
#grading_area .bt_grading .grading li { font-size:12px; padding-top:2px; padding-bottom:2px; float:left; }
#grading_area .bt_grading .grading li.suj { width:10%; color:#a28f85; }
#grading_area .bt_grading .grading li.con { width:90%; line-height:26px; }
#grading_area .bt_grading .grading li.con img { height:20px; }
#grading_area .bt_grading .grading .in { width:100%; padding-top:5px; padding-bottom:0; padding-left:0; overflow:hidden; }
#grading_area .bt_grading .grading .in textarea { height:70px; width:96%; padding:5px; font-size:14px; }
#grading_area .bt_grading .grading .in p { font-size:11px; color:#a28f85; float:right; padding-top:0px; padding-bottom:0px; font-weight:normal; }
#grading_area .bt_grading .grading .in_bt { margin-top:8px; margin-left:0; padding-left:0; background:url(../img_mb/bt_b_bg.png) top repeat-x; border:solid 1px #cbcbcb; -moz-border-radius:5px; -webkit-border-radius:0px; -webkit-appearance:none; border-radius:5px; cursor:pointer; box-shadow:0px 2px 2px #e8e8e8; -moz-box-shadow:0px 2px 2px #e8e8e8; }
#grading_area .bt_grading .grading .in_bt li { float:left; width:50%; text-align:center; height:28px; font-weight:bold; font-size:16px; padding-top:12px; }
#grading_area .bt_grading .grading .in_bt li.le { background:url(../img_pro/btw.png) top right no-repeat; }

.reply { clear:both; min-width:300px; background:url(../img_pro/dot.png) top repeat-x; padding-left:10px; padding-right:10px; padding-top:0px; padding-bottom:0px; overflow:hidden; }
.reply ul { overflow:hidden; padding-top:10px; padding-top:10px; padding-bottom:10px; }
.reply ul li { padding:2px 0; font-size:12px; line-height:14px; }
.reply ul li.t { font-size:14px; float:left; font-weight:normal; }
.reply ul li.bt { text-align:right; }
.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; }

/*메뉴보기*/
#menu { background-color:#000; padding:10px; min-width:300px; }
#menu .close_bt { width:45px; padding-top:2px; float:right; margin-bottom:10px; background:url(../img_pro/redbt_bg.png) top repeat-x; border:1px solid #c51515; -moz-border-radius:2px; -webkit-border-radius:0px; -webkit-appearance:none; border-radius:2px; font-size:12px; text-align:center; color:#fff; font-weight:bold; cursor:pointer;  }
#menu .close_bt a { color:#fff; font-weight:bold; }
#menu .close_bt img { width:9px; vertical-align:baseline }
#menu .img { padding-bottom:20px; }
#menu .img img { max-width:100%; }
#menu .img_bt { width:100%; height:33px; margin-bottom:30px; padding-top:12px; text-align:center; background:url(../img_pro/callbt_bg.png) bottom repeat-x; border:solid 1px #cbcbcb; -moz-border-radius:5px; -webkit-border-radius:0px; -webkit-appearance:none; border-radius:5px; font-size:16px; color:#333; font-weight:bold; cursor:pointer; position:relative; }
#menu .img_bt p { position:absolute; top:15px; right:10px; } 
#menu .img_bt p img { width:10px; }
#menu .note { background:#fff; background:rgba(255, 255, 255, 0.3); padding:10px; overflow:hidden; }
#menu .note li { background:url(../img_pro/bullet2.png) no-repeat 2px 7px; font-size:11px; line-height:14px; padding-top:4px; padding-left:12px; color:#9d9d9d; font-weight:normal; }
#menu .note li a { color:#a5a5a5; }


/*list*/
#top_notice { min-width:300px; padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px; border-bottom:solid 2px #cecece; border-top:solid 2px #cecece; overflow:hidden; position:relative; }
#top_notice .img { position:absolute; left:10px; bottom:0; width:55px; z-index:2; }
#top_notice .img img { width:55px; }
#top_notice .text { float:left; margin-left:57px; overflow:hidden; width:82%; line-height:30px; }
#top_notice .text li { float:left; }
#top_notice .text li.le { padding-right:4px; padding-top:1px; line-height:0; }
#top_notice .text li.le img { width:22px; }
#top_notice .text li.ri { width:85%; line-height:12px; }
#top_notice .text li.ri span.t1 { color:#53251b; font-size:12px; font-weight:bold; }

.list { min-width:300px; padding-left:10px; padding-right:10px; padding-top:20px; padding-bottom:20px; background:url(../img_pro/dot.png) bottom repeat-x; overflow:hidden; position:relative; }
.list .photo { border:solid 1px #c8c8c8; -moz-border-radius:10px; -webkit-border-radius:0px; -webkit-appearance:none; border-radius:10px; background:url(../img_pro/noimg.png) center no-repeat #f7f7f7; background-size:60%; width:60px; height:100px; float:left; }
.list .info { float:left; margin-left:12px; width:75%; }
.list .info p { font-size:16px; font-weight:bold; }
.list .info ul { overflow:hidden; clear:both; }
.list .info li { font-size:12px; line-height:14px; padding-top:3px; }
.list .info li img { height:14px; vertical-align: sub; }
.list .info li.img1 img { height:16px; }
.list .call { position:absolute; top:20px; right:10px; z-index:2; }
.list .call img { width:58px; }


/*단골*/
#top_tit { width:100%; min-width:300px; margin:0 auto; text-align:center; padding-bottom:18px; padding-top:15px; font-size:16px; }
#fav_top { min-width:300px; padding-left:10px; padding-right:10px; padding-top:6px; padding-bottom:6px; border-bottom:solid 2px #cecece; border-top:solid 2px #cecece; overflow:hidden; }
#fav_top p img { vertical-align:text-bottom; }
#fav_top p.t { float:left; font-size:14px; }
#fav_top p.t img { width:20px; }
#fav_top 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_top p.bt img { vertical-align:middle; }

.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:45px; background-color:#CCFF00  }
.fav_list .bt_f input { color:#777; 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:80%; font-size:12px; }
.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.tit { font-size:14px; font-weight:bold; }
.fav_list .call_f { position:absolute; top:10px; right:10px; }
.fav_list .call_f img { width:50px; }



/*공통*/
.blue { color:#1515b6; }
.red { color:#ff3030; }
.under { text-decoration:underline; }
.pl5 { padding-left:5px; }
.pl8 { padding-left:8px; }
.pl10 { padding-left:10px; }
.pt4 { padding-top:4px; }
.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; }
.f16 { font-size:16px; }
.t_center { text-align:center; }
.t_name { font-size:16px; color:#006edf; background-color:#e4e4e4; font-weight:bold; }
.gray { color:#999; }
.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; }

.btn { width:100%; height:53px; padding-top:10px; background:url(../img_mb/bt_b_bg.png) top repeat-x; border:solid 1px #cbcbcb; -moz-border-radius:5px; -webkit-border-radius:0px; -webkit-appearance:none; border-radius:5px; font-size:18px; text-align:center; color:#333; font-weight:bold; cursor:pointer; box-shadow:0px 2px 2px #e8e8e8; -moz-box-shadow:0px 2px 2px #e8e8e8; }
.btn_b { border:0; padding-left:0; background-color:#7d7d7d; -moz-border-radius:5px; -webkit-border-radius:0px; -webkit-appearance:none; border-radius:5px; font-size:14px; text-align:center; color:#fff; font-weight:bold; cursor:pointer; }
.btn_s1 { width:50px; height:22px; 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; }
.btn_s2 { width:50px; 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; color:#7d7d7d; font-weight:bold; cursor:pointer; padding-left:0; }
.btn_g { height:42px; border:0; padding-left:0; background-color:#7d7d7d; -moz-border-radius:5px; -webkit-border-radius:0px; -webkit-appearance:none; border-radius:5px; font-size:14px; text-align:center; color:#fff; font-weight:bold; cursor:pointer; }