@charset "euc-kr";

@import url(/Common/Style/Comm/htmlEditor.css); /*html ÀÔ·Â Æ÷ÇÔ ¿¡µðÅÍ*/
@import url(/Common/Style/Comm/htmlEditor_V02.css);/*html ÀÔ·Â Æ÷ÇÔ ¿¡µðÅÍ(¿Í±Û¿Í±Û¹öÀü)*/
@import url(/Common/Style/Comm/editor.css); /*¿Í±Û¿Í±Û ¿¡µðÅÍ*/
@import url(/Common/Style/Comm/reply.css); /*´ñ±Û´Þ±â*/

/* °øÅë ¿ä¼Ò */
body{margin:0; padding:0; font-size:12px; font-family:µ¸¿ò; color:#585858;}
a{text-decoration:none; color:#585858;}
a:hover{text-decoration:none;}
img{border:0;}
ul, ol{margin:0; padding:0; list-style:none;}
li, dl, dt, dd{margin:0; padding:0;}
h1, h2, h3, h4, h5{margin:0; padding:0;}
input, textarea, select{font-family:µ¸¿ò; font-size:12px; color:#585858;}
form, p, fieldset{margin:0; padding:0;}

input.check{width:13px; height:13px; vertical-align:middle; margin:0 5px 0 0; padding:0;}
input.radio{width:13px; height:13px; vertical-align:middle; margin:0 5px 0 0; padding:0;}

.clb{clear:both;}
.ftr{float:right;}
.ftl{float:left;}

.fwb{font-weight:bold;}
.fwN{font-weight:normal;}

.fcB01{color:#585858;}/*fcB: ÆùÆ® ±âº» ÄÃ·¯°ª*/
.fcB02{color:#9c9c9c;}
.fcB03{color:#000000;}
.fcB04{color:#777777;}

.fcP01{color:#eb2c00;}/*fcP: ÆùÆ® Æ÷ÀÎÆ® ÄÃ·¯°ª*/
.fcP02{color:#4777be;}
.fcP03{color:#ff6600;}
.fcP04{color:#df7668;}
.fcP05{color:#ec506b;}
.fcP06{color:#c67c41;}

.taC{text-align:center;}
.taL{text-align:left;}
.taR{text-align:right;}

.fs9{font-size:9px;}
.fs11{font-size:11px;}
.fs12{font-size:12px;}
.fs14{font-size:14px;}

.mg0{margin:0;}

.png24{tmp:expression(setPng24(this));}

/*****div block ¿À·ù*****/
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix{display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix{display:block;}
/* End hide from IE-mac */


/***** ·¹ÀÌ¾Æ¿ô *****/
#wrapper{width:980px; margin:0 auto;}
#header{width:100%; display:inline-block; position:relative; z-index:1; background:url('/IMAGE/QNA/bg_header.gif') repeat-x left bottom; padding:0 0 10px 0;}
#container{ clear:both; float:left; width:100%; background:url('/IMAGE/QNA/bg_content.gif') repeat-y left top; margin-top:13px; padding-bottom:50px;}
#container2{clear:both; float:left; width:100%; margin-top:13px; padding-bottom:50px;}
#container3{clear:both; float:left; width:100%; background:url('/IMAGE/Common/bg_sideLeft.gif') repeat-y left top; margin-top:13px; padding-bottom:50px;}
#content{position:relative; float:left; width:725px;}
#side{float:right; width:240px; background:#ffffff;}
#footer{clear:both; display:inline-block; width:100%; background:url('/IMAGE/Common/img_line.gif') repeat-x left top;}

/* ¸ÀÁý¿ë ·¹ÀÌ¾Æ¿ô width:960 */
#wrapper_rest	{width:960px; margin:0 auto;} /*³ÐÀÌ 960*/
#container_rest {clear:both; float:left; width:100%; padding-bottom:50px;} /*header¿ÍÀÇ »ó´Ü °£°Ý 15px Á¤º¸/Common/nvINC/restaurantMain_top.inc ÆÄÀÏ¿¡ ÀÖÀ½*/
#content_rest	{position:relative; float:left; width:730px; background:#ffffff;}
#side_rest		{float:right; width:215px; background:#ffffff;}


/***** header ¿µ¿ª *****/
.gnavi{ font-size:11px; margin-top:10px; letter-spacing: -1px;}
.gnavi .logo{float:right; margin:0 5px 0 0;}
.gnavi .btn{float:right;}
.gnavi .btn img{vertical-align:middle;}
.gnavi ul{float:right; position:relative; padding:2px 0 0 0;}
.gnavi ul li{float:left; background:url('/IMAGE/QNA/img_gnavi_div.gif') no-repeat right 2px; padding:0 6px 0 5px;}
.gnavi ul li.last{background:none;}
.gnavi ul li a{color:#585858;}
.gnavi ul li a:hover{color:#e02500; text-decoration:none;}
.gnavi ul li img{vertical-align:middle;}
.gnavi .memo{float:right;  font-size:12px; font-weight:bold; color:#CC0000; padding:0 6px 0 0;}
.gnavi .memo img{padding:0 3px 0 0;}
.gnavi .memo a{color:#CC0000;}
.gnavi .memo a:hover{color:#CC0000;}
.gnavi .nateon{float:right; padding:0 6px 0 0;}
.gnavi .main_go{float:left; padding:2px 0 0 0;}
.gnavi .main_go a{color:#585858; letter-spacing: -1px; }
.gnavi .main_go a:hover{color:#e02500; text-decoration:none;}


.headWrap{clear:both; width:100%; display:inline-block; margin:18px 0 0 0; text-align:center;}
.headWrap h1{position:absolute; top:47px; left:0;}
.headWrap #searchBox{display:inline-block; width:525px;}
.headWrap #searchBox2{display:inline-block; width:377px;}

.headWrap fieldset{border:solid 0 transparent; position:relative; z-index:3; margin:0; padding:0;}
.headWrap fieldset legend{display:none;}
.headWrap fieldset div.radio{float:left; margin-top:11px; margin-right:8px;}
.headWrap fieldset div.radio label{position:relative; top:1px;}

/***** header °Ë»ö±â *****/
.headWrap fieldset div.outer{float:left; position:relative; width:377px; height:30px; background:url('/IMAGE/Common/bg_hdSearch.gif') no-repeat left top; margin:4px 0 0 0;}
.headWrap fieldset div.outer a{color:#585858;}
.headWrap fieldset div.outer a:hover{text-decoration:none;}
.headWrap fieldset div.outer label{float:left; position:relative; background:url('/IMAGE/QNA/img_search_div.gif') no-repeat right 2px; width:76px; text-align:left; padding:2px 10px 0 0; margin:10px 5px 0 18px;}
.headWrap fieldset div.outer label img{vertical-align:middle; position:absolute; right:7px; top:6px;}
.headWrap fieldset div.outer #schtap_list{position:absolute; top:28px; left:15px; border:1px solid #d3d3d3; background-color:#ffffff; width:81px; padding:3px; line-height:16px; text-align:left;}
.headWrap fieldset div.outer input{float:left; border:1px solid #ffffff; width:185px; padding:2px 0 0 0;}
.headWrap fieldset div.outer input.input2{margin:6px 0 0 4px; width:270px; padding:2px 5px 0 5px;}
.headWrap fieldset div.outer input.btn{position:absolute; right:40px; width:44px; height:30px; border:none; vertical-align:middle; padding:0;}


/*ÅëÇÕ°Ë»ö header*/
.headWrap fieldset div.outerRed{float:left; position:relative; width:377px; height:36px; background:url('/IMAGE/Common/bg_hdSearchRed.gif') no-repeat left top;}
.headWrap fieldset div.outerRed a{color:#585858;}
.headWrap fieldset div.outerRed a:hover{text-decoration:none;}
.headWrap fieldset div.outerRed label{float:left; position:relative; background:url('/IMAGE/QNA/img_search_div.gif') no-repeat right 2px; width:76px; text-align:left; padding:2px 10px 0 0; margin:10px 5px 0 18px; }
.headWrap fieldset div.outerRed label img{vertical-align:middle; position:absolute; right:7px; top:6px;}
.headWrap fieldset div.outerRed #schtap_list{position:absolute; top:28px; left:15px; border:1px solid #d3d3d3; background-color:#ffffff; width:81px; padding:3px; line-height:16px; text-align:left;}
.headWrap fieldset div.outerRed input{float:left; border:1px solid #ffffff; width:318px; margin:8px 0 0 5px; padding:1px 5px 0 5px; font-size:14px; font-weight:bold; color:#000000}
.headWrap fieldset div.outerRed input.btn{position:absolute; right:-14px; top:-8px; width:48px; height:33px; border:none; vertical-align:middle; padding:0;}


.headWrap .promotion{position:absolute; top:40px; right:0;}
.headWrap .promotion img{vertical-align:top;}

.headWrap .mnavi{float:left; position:relative; z-index:2;}
.headWrap .mnavi ul li{float:left; background:url('/IMAGE/QNA/img_mnavi_div.gif') no-repeat right 8px; padding:0 13px 0 13px; font-size:0;}
.headWrap .mnavi ul li.first{padding-left:0;}
.headWrap .mnavi ul li.end{background:none;}

.headWrap .direct{float:right;}
.headWrap .direct ul li{float:left;}
.headWrap .direct ul li img{vertical-align:bottom;}


/***** footer ¿µ¿ª ******/
.fLogo{float:left; margin:16px 0 0 0;}

.fNavi{float:left; margin:10px 0 0 0; padding:0 0 0 15px;}
.fNavi01{background:url('/IMAGE/QNA/img_mnavi_div.gif') no-repeat left 1px;}
.fNavi01 ul li{float:left; background:url('/IMAGE/QNA/img_mnavi_div.gif') no-repeat right 1px; padding:0 10px 0 10px;}
.fNavi02{margin-top:10px; background:url('/IMAGE/QNA/img_mnavi_div.gif') no-repeat left top; font-size:11px;}
.fNavi02 ul li{float:left; background:url('/IMAGE/QNA/img_mnavi_div.gif') no-repeat right top; padding:0 10px 0 10px;}
.fNavi02 ul li a{color:#777777; text-decoration:none;}
.fNavi02 ul li a:hover{color:#FF3333; text-decoration:underline;}
.copyright{float:left; display:block; padding:0 0 20px 0; width:100%; text-align:center;}

.btTop{float:right; margin:0 22px 0 0; _margin:0 10px 0 0;}

.fLink{float:right; margin:30px -70px 0 0; _margin:-20px 0 0 0;}
.fLink ul li{float:left; padding:0 10px 0 0; vertical-align:bottom;}
.fLink ul li.menupan{padding:3px 10px 0 0;}


/*****Content*******/

.paging{clear:both; display:inline-block; width:100%; padding:6px 0; text-align:center; color:#d7d7d7; margin:20px 0 20px 0;}
.paging img{vertical-align:middle; margin:0 0 2px 0;}
.paging a{display:inline-block; vertical-align:middle; color:#777777; font-weight:bold; background:url('/IMAGE/QNA/img_pgNum_div.gif') no-repeat right 50%; border:1px solid #ffffff; padding:4px 9px 2px 6px; margin-left:-4px;}
.paging a.last{background:none;}
.paging a:hover{color:#eb2a2e; border:1px solid #eb2a2e; background:none; text-decoration:none;}
.paging .pgClick{display:inline-block; vertical-align:middle; font-weight:bold; padding:4px 8px 2px 6px; color:#eb2a2e; border:1px solid #eb2a2e; margin-left:-4px;}
.paging a.imgBtn{display:inline-block; border:none; background:none; padding:0 3px; margin-left:-4px;}
.paging a.imgBtn:hover{border:none;}
.paging span.imgBtn{display:inline-block; vertical-align:middle; padding:0 3px; margin-left:-4px;}

.listTotal{color:#9c9c9c; font-size:11px; text-align:left; margin:10px 0 0 0;}

/***** header ¿µ¿ª *****/
.gnavi{ font-size:11px; margin-top:10px; letter-spacing: -1px; font-family:'Dotum';}
.gnavi .logo{float:right; margin:0 5px 0 0;}
.gnavi .btn{float:right;}
.gnavi .btn img{vertical-align:middle;}
.gnavi ul{float:right; position:relative; padding:2px 0 0 0;}
.gnavi ul li{float:left; background:url('/IMAGE/QNA/img_gnavi_div.gif') no-repeat right 2px; padding:0 6px 0 5px;}
.gnavi ul li.last{background:none;}
.gnavi ul li a{color:#585858;}
.gnavi ul li a:hover{color:#e02500; text-decoration:none;}
.gnavi ul li img{vertical-align:middle;}
.gnavi .memo{float:right;  font-size:12px; font-weight:bold; color:#CC0000; padding:0 6px 0 0;}
.gnavi .memo img{padding:0 3px 0 0;}
.gnavi .memo a{color:#CC0000;}
.gnavi .memo a:hover{color:#CC0000;}
.gnavi .nateon{float:right; padding:0 6px 0 5px; background:url('/IMAGE/QNA/img_gnavi_div.gif') no-repeat right 4px;}
.gnavi .more{float:right; padding:2px 6px 0 5px; }
.gnavi a {color:#585858}
.gnavi a:hover {text-decoration:none; color:#e02500;}
.gnavi .main_go{float:left; padding:0 0 0 0;}
.gnavi .main_go a{color:#585858; letter-spacing: -1px; }
.gnavi .main_go a:hover{color:#e02500; text-decoration:none;}


/**´õº¸±â ·¹ÀÌ¾î**/

.viewMenu	{position:absolute; top:30px; right:0px; width:336px; height:152px; _height:154px; background:#ffffff; border:1px solid #ababab; z-index:10000;}
.viewMenu .vM_header		{float:left; width:325px;  height:17px;  padding:7px 0 0 11px; background:#f1f1f1;}
.viewMenu .vM_header span		{font-weight:bold;}
.viewMenu .vM_header p.title	{float:left; width:230px;}
.viewMenu .vM_header p.close	{float:right; margin:0 10px 0 0; display:inline;}
.viewMenu .vM_main				{float:left; height:101px;} 
.viewMenu .vM_main h5			{font:bold 11px/120% 'Dotum'; margin:0 0 5px 0;}
.viewMenu .vM_main .Lyrest				{float:left; width:160px; margin:8px 10px 0 13px; display:inline; background:url('/Restaurant/Onepage/template/img/tmp_gnb/bg_vM_line.gif') right 15px no-repeat;}
.viewMenu .vM_main .Lyrest ul li		{float:left;}
.viewMenu .vM_main .Lyrest ul li.odd	{width:55px; margin:0 12px 0 0;}
.viewMenu .vM_main .Lyrest ul li.even	{width:87px;}
.viewMenu .vM_main .Lyrecipe	{float:left; width:65px; margin:8px 12px 0 0; display:inline; background:url('/Restaurant/Onepage/template/img/tmp_gnb/bg_vM_line.gif') right 15px no-repeat;}
.viewMenu .vM_main .Lywaple		{float:left; width:53px; margin:8px 0 0 0; display:inline;}
.viewMenu .vM_main .Lywaple h5	{float:left;}
.viewMenu .vM_main .Lywaple ul	{clear:left;}
.viewMenu .vM_main .Lywaple p.ico{position:relative; top:-2px;} 
.viewMenu .vM_main ul li		{line-height:15px; font:normal 11px/130% 'Dotum'; letter-spacing:-1px;}
.viewMenu .vM_main ul li a		{font:normal 11px/130% 'Dotum'; letter-spacing:-1px;color:#000000;}
.viewMenu .vM_main ul li a:hover {color:#e02500;} 

.viewMenu .vM_bottom	{float:left; width:316px; border-top:1px #f1f1f1 solid; text-align:right; margin:2px 10px 0 9px; display:inline;}
.viewMenu .vM_bottom ul		{padding:5px 7px 0 0;}
.viewMenu .vM_bottom ul li	{display:inline;}
.viewMenu .vM_bottom ul li a	{font:normal 11px/120% 'Dotum'; color:#838383; letter-spacing:-1px;}
.viewMenu .vM_bottom ul li a:hover {color:#121212; text-decoration:none;}
.viewMenu .vM_bottom ul li.first	{margin:0 4px 0 0; background:url('/Restaurant/Onepage/template/img/tmp_gnb/bg_vM_line_02.gif') right 2px no-repeat;}

