@charset 'utf-8';
@import 'recipe_fran.css';
@import 'manage_fran.css';
@import 'shop_bs_fran.css';
@import 'mypage_fran.css';
@import 'order_fran.css';


@font-face {
font-family:'nanum';
src:url('../ttf/nanum.woff') format('woff'),
url('../ttf/nanum.ttf') format('truetype');
}
@font-face {font-family:'nanum'; src:url("../ttf/nanum.eot");}

@font-face {
font-family:'pens';
src:url('../ttf/NanumPen.woff') format('woff'),
url('../ttf/NanumPen.ttf') format('truetype');
}
@font-face {font-family:'pens'; src:url("../ttf/NanumPen.eot");}

body,div,p,a,ul,ol,li,dl,dt,h1,h2,h3,h4,h5,h6,table,td,tr,img,dl,dd,dt,strong,span,form{padding:0; margin:0; }
body{font-size:12px; color:#444; font-family:'굴림','gulim';}
img{border:0;}
ul,ol{list-style:none;}
a{ text-decoration:none;}
select{margin:0; padding:0; border-collapse:collapse;}
input{vertical-align:middle; margin:0; }
body{ background-color:#fffff; }
/* body{ background-color:#fcfcf9; } */

a.wtbtn{
  display: inline-block;
  height: 17px;
  line-height: 17px;
  border: 1px solid #dcdcdc;
  padding: 6px 10px 4px 10px;
  font-weight: bold;
  color: #666;
  background: #eaeaea url('../franchise/images/bg_white.gif') left top repeat-x;
}
a.wtwbtn:hover{background-position:left -47px; background-color:#fff; }
a.wtwbtn {
  display: inline-block;
  height: 17px;
  line-height: 17px;
  border: 1px solid #dcdcdc;
  padding: 16px 20px 14px 20px;
  font-weight: bold;
  color: #666;
  background: #eaeaea url('../franchise/images/bg_whitew.gif') left top repeat-x;
}
a.grwbtn{display:inline-block; height:17px; line-height:17px; border:1px solid #a6b584; padding:16px 20px 14px 20px; font-weight:bold; color:#415a06; background:#a3ca2a url('../franchise/images/bg_greenw.gif') left top repeat-x;}
a.grwbtn:hover{background-position:left -47px; background-color:#dfe99e; }
a.grbtn{display:inline-block; height:17px; line-height:17px; border:1px solid #a6b584; padding:6px 10px 4px 10px; font-weight:bold; color:#415a06; background:#a3ca2a url('../franchise/images/bg_green.gif') left top repeat-x;}
input.grbtn{display:inline-block; height:27px; line-height:27px; border:1px solid #a6b584; padding:0 10px 0 10px; font-weight:bold; color:#415a06; background:#a3ca2a url('../franchise/images/bg_green.gif') left top repeat-x; cursor:pointer;}

/*탭-공통*/
div.con_tab{ padding-bottom:40px;}
div.con_tab ul{border-bottom:1px solid #d4d4d4; height:35px; zoom:1; }
div.con_tab ul:after{display:block; content:""; clear:both;}
div.con_tab ul li{float:left; width:150px; height:34px; margin-left:-1px; border:1px solid #d4d4d4; background:#fafafa; font-weight:bold; text-align:center; color:#999; line-height:35px; }
div.con_tab ul li a{color:#999; display:block; height:34px; line-height:35px; }
div.con_tab ul li.on{height:35px; border-bottom:1px solid #fff; background:#fff; color:#666; }
div.con_tab ul li.on a{color:#666; height:35px; }

div.c_search_form{padding:5px; text-align:right;}
div.c_search_form select{width:120px; height:24px; border:1px solid #d4d4d4; }
div.c_search_form input[type=text]{height:20px; line-height:20px; margin-right:3px; border:1px solid #d4d4d4; }
div.c_search_form img{vertical-align:middle;}

/*gray_list - 공통*/
dl.gray_list{background: url('../franchise/images/bg_form.gif') left top repeat-y; border-top: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; zoom:1; }
dl.gray_list>dt{width: 135px; line-height: 39px; height: 39px; font-weight: bold; padding-left: 10px; font-size: 12px; color: #666;}
dl.gray_list>dd{zoom:1; position: relative; border-top: 1px dotted #dedede; margin-top: -39px; min-height: 25px; padding: 7px 0; padding-left: 145px; line-height: 25px;}
dl.gray_list>dd:first-child{border-top:0;}
dl.gray_list>dd input[type=text]{ border: 1px solid #d4d4d4; height: 18px; padding: 2px 5px; line-height: 18px; width: 290px; }

dl.gray_list>dd div.text_wrap{border: 1px solid #d4d4d4; padding:5px 10px; position:relative; width:610px;}
dl.gray_list>dd div.text_wrap textarea{border:0; background:none; width:100%; height:60px;}
dl.gray_list>dd div.text_wrap p.byte_info{position:absolute; left:640px; bottom:0; white-space:nowrap; }
dl.gray_list>dd input[readonly]{background:#fafafa; }
dl.gray_list>dd input.tel{width:80px;}
dl.gray_list>dd input.zip{width:73px;}
dl.gray_list>dd input.zip270{width:270px;}
dl.gray_list>dd input.price{width:104px;}
dl.gray_list>dd input.year{width:80px;}
dl.gray_list>dd input.date{width:104px;}
dl.gray_list>dd input.snum{width:30px;}
dl.gray_list>dd input.wide{width:45px;}
dl.gray_list>dd span.dash{ width: 13px; display:inline-block; color: #666; text-align: center; line-height: 25px;}
dl.gray_list>dd .btn_zip{width: 75px; height: 25px; display:inline-block; vertical-align:middle; overflow: hidden; text-indent: -1000px; background:url('../franchise/images/btn_szip.gif') left top no-repeat; margin-left: 7px; }
dl.gray_list>dd ul li{margin-top:4px;}
dl.gray_list>dd ul li:first-child{margin-top:0;}
dl.gray_list>dt.row2{padding-top:20px;}
dl.gray_list>dd.row2{margin-top:-59px; }
dl.gray_list>dt.row3{padding-top:30px;}
dl.gray_list>dd.row3{margin-top:-69px; }
dl.gray_list>dt.row_half{padding-top:10px;}
dl.gray_list>dd.row_half{margin-top:-49px; }
dl.gray_list>dd input[type=radio]{vertical-align:sub; !vertical-align:middle; }
dl.gray_list dl.box_input{border:1px solid #d7d7d7; background:#fafafa; padding:7px 10px; width:460px;}
dl.gray_list dl.box_input dt{width:140px; line-height:25px;}
dl.gray_list dl.box_input dd{margin-top:-25px; line-height:25px; padding-left:140px;}

dl.gray_list>dd>dl{margin-left:-10px; margin-top:-5px; margin-bottom: -8px; }
dl.gray_list>dd>dl>dt{ font-weight: bold; font-size: 12px; color: #666; padding-left:10px;}
dl.gray_list>dd>dl>dd{padding-left:10px; border-bottom:1px solid #d4d4d4; padding-bottom:5px; color:#666;}
dl.gray_list>dd>dl>dd input{margin-right:4px;}
dl.gray_list>dd>dl>dd input.zip{margin-right:0; margin-bottom:4px;}
dl.gray_list>dd>dl>dd ul{display:inline;}
dl.gray_list>dd>dl>dd ul li{display:inline; padding-right:10px;}
dl.gray_list>dd>dl>dd ul li+li{zoom:1; padding-left:10px; background:url('../franchise/images/bar.gif') left center no-repeat;}
dl.gray_list+div.btn_group{text-align:center; padding-top:10px; padding-bottom:10px;}

dl.gray_list2{background: url('../franchise/images/bg_form2.gif') left top repeat-y; border-top: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4;}
dl.gray_list2>dt{width: 180px; line-height: 39px; height: 39px; font-weight: bold; padding-left: 10px; font-size: 12px; color: #666;}
dl.gray_list2>dd{position: relative; border-top: 1px dotted #dedede; margin-top: -39px; min-height: 25px; padding: 7px 0; padding-left: 190px; line-height: 25px;}
dl.gray_list2>dd:first-child{border-top:0;}


div.wrap{position:relative; width:1000px; margin:0 auto;}

#Header{height:130px; zoom:1;}
#Header:after{display:block; clear:both; content:""; }
#Header h1{width:250px; white-space:nowrap; float:left;}
#Header h1 img{vertical-align:middle; }
#Header h1 span.emblem{padding-left:5px; padding-right:10px;}

/*tnav*/
#Header div.tnav{position:absolute; right:0; top:5px; }
#Header div.tnav ul{}
#Header div.tnav li{float:left; height:10px; overflow:visible; line-height:10px; padding:0 8px; border-left:1px solid #b4b4b4; }
#Header div.tnav li a{color:#888; font-size:11px; }
#Header div.tnav li a:hover{text-decoration:underline; }
#Header div.tnav ul li:first-child{border-left:0;}

/*gnb*/
#Header div.gnb{width:700px; float:right; margin-top:50px; height:35px; border:solid #d9d9d9; border-width:1px 0;  line-height:35px;}
#Header div.gnb ul{}
#Header div.gnb li{width:140px; text-align:center; height:35px; line-height:35px; font-family:'nanum'; float:left; }
#Header div.gnb li a{display:block; margin:0 20px; text-align:center; color:#666; font-size:13px;  }
#Header div.gnb li a:hover{color:#000; }

/**/
#Footer{border-top:1px solid #d9d9d9; clear:both; padding-top:10px; padding-bottom:10px;  margin-top:10px; color:#888; font-size:11px;}
#Footer ul.address{width:800px; line-height:170%; }
#Footer ul.address li{float:left; display:inline-block; !display:inline; padding:0 7px; white-space:nowrap; background:url('../franchise/images/bar.gif') right center no-repeat;}
#Footer p{margin-left:7px; clear:both;}
#Footer a{color:#0ea66b; }
#Footer a:hover{text-decoration:underline; }



#Content{clear:both; position:relative;}
/*main*/
div.main div.hero{}
div.main.typeA div.hero{clear:both; margin-bottom:3px;}
div.main.typeA div.hero img{width:100%; }
div.main.typeA ul.mnav{zoom:1;}
div.main.typeA ul.mnav:after{display:block; content:""; clear:both;}
div.main.typeA ul.mnav li{float:left; line-height:55px;}
div.main.typeA ul.mnav li a{display:block;}
div.main.typeA ul.mnav li span{display:block; background-image:url('../franchise/images/mnavA.png'); background-repeat:no-repeat; height:55px; }
div.main.typeA ul.mnav li span.order{width:274px; margin-right:1px;background-color:#cfe49c; background-position:145px top; color:#444; padding-left:225px; font-weight:bold; }
div.main.typeA ul.mnav li span.apply{width:298px; background-color:#f1e194; background-position:120px -55px; color:#444; padding-left:200px; font-weight:bold; }
div.main.typeA ul.mnav li span.manage{margin-top:15px; background-position:20px -110px; width:149px; border-right:1px solid #bfbfbf; padding-left:100px; font-family:'pens'; font-size:22px; color:#4e5a68;  }
div.main.typeA ul.mnav li span.location{margin-top:15px; background-position:20px -165px; width:147px; border-left:2px solid #f1f1f1; border-right:1px solid #bfbfbf; padding-left:100px; font-family:'pens'; font-size:22px; color:#4e5a68;  }
div.main.typeA ul.mnav li span.wanted{margin-top:15px; background-position:20px -220px; width:147px; border-left:2px solid #f1f1f1; border-right:1px solid #bfbfbf; padding-left:100px; font-family:'pens'; font-size:22px; color:#4e5a68;  }
div.main.typeA ul.mnav li span.event{margin-top:15px; background-position:20px -275px; width:148px; border-left:2px solid #f1f1f1; padding-left:100px; font-family:'pens'; font-size:22px; color:#4e5a68;  }

div.main.typeB{zoom:1; border:1px solid #dcdcdc; }
div.main.typeB:after{display:block; content:""; clear:both;}
div.main.typeB div.hero{float:left; width:700px; height:480px; }
div.main.typeB div.hero img{width:700px; height:480px; }
div.main.typeB ul.mnav{float:left; width:280px; height:480px; padding:0 9px;}
div.main.typeB ul.mnav li{height:79px; border-top:1px solid #e1e1e1;}
div.main.typeB ul.mnav li:first-child{border-top:0; height:80px;}
div.main.typeB ul.mnav li a{height:80px; display:block; padding-bottom:15px;}
div.main.typeB ul.mnav li a:hover{background:url('../franchise/images/manv_sh.png') center bottom no-repeat;}
div.main.typeB ul.mnav li span{display:block; height:80px; line-height:80px; font-family:'pens'; font-size:20px; color:#4e5a68; padding-left:75px; background-image:url('../franchise/images/mnavB.png'); background-repeat:no-repeat; }
div.main.typeB ul.mnav li span.order{background-position:left top;}
div.main.typeB ul.mnav li span.apply{background-position:left -80px;}
div.main.typeB ul.mnav li span.manage{background-position:left -160px;}
div.main.typeB ul.mnav li span.location{background-position:left -240px;}
div.main.typeB ul.mnav li span.wanted{background-position:left -320px;}
div.main.typeB ul.mnav li span.event{background-position:left -400px;}

div.main.typeC{zoom:1;}
div.main.typeC:after{display:block; content:""; clear:both;}
div.main.typeC div.hero{float:left; width:695px; height:455px; position:relative;}
div.main.typeC div.hero span.cover{display:block; content:""; position:absolute; left:0; top:0; width:695px; height:455px; background:url('../franchise/images/hero_cover.png') left top no-repeat;}
div.main.typeC div.hero img{width:695px; height:455px; }
div.main.typeC ul.mnav{zoom:1;}
div.main.typeC ul.mnav:after{display:block; clear:both; content:""; }
div.main.typeC ul.mnav li{float:left; width:150px; height:150px; margin-left:2px; margin-bottom:2px; }
div.main.typeC ul.mnav li a{ display:block; height:150px; line-height:40px; padding:0 15px;  text-align:center; font-family:'pens'; font-size:20px; color:#4e5a68; background:url('../franchise/images/mnav_bg.png') left top no-repeat;}
div.main.typeC ul.mnav li a:hover{background-position:-150px top; color:#3e454c; }
div.main.typeC ul.mnav li a span{background:url('../franchise/images/mnavC.png') no-repeat; padding-top:100px; display:block; }
div.main.typeC ul.mnav li a span.order{background-position:center top;}
div.main.typeC ul.mnav li a span.apply{line-height:20px; background-position:center -150px;}
div.main.typeC ul.mnav li a span.manage{ background-position:center -300px;}
div.main.typeC ul.mnav li a span.location{ background-position:center -450px;}
div.main.typeC ul.mnav li a span.wanted{ background-position:center -600px;}
div.main.typeC ul.mnav li a span.event{ background-position:center -750px;}

div.sub{min-height:570px; padding-bottom:30px; }
div.sub div.top{border-bottom:1px solid #e1e1e1;  }
div.sub div.top:after{display:block; clear:both; content:""; }
.navi{float:right; }
.navi li{float:left; padding-left:7px; margin-left:5px; background:url('../franchise/images/arr.gif') left center no-repeat; color:#666; font-size:11px; }
.navi li:first-child{padding-left:17px; background-image:url('../franchise/images/ico_h.gif')}
div.sub div.top h2{padding-top:5px; clear:both;  font-family:'pens'; font-size:35px; font-weight:bold; color:#363636; text-align:right; line-height:30px; }

/*Quick*/
#Quick{background:#e3e3e0; width:72px; height:360px; position:absolute; right:-90px; top:180px; }
#Quick ul{background:#fff; border:1px solid #e4e4e4; margin-left:-5px; margin-top:-5px; width:72px; height:360px;}
#Quick ul li{height:60px; }
#Quick ul li a{display:block; text-align:center; padding:0 6px; color:#909090; font-family:'pens'; font-size:17px; height:60px; overflow:hidden; }
#Quick ul li a:hover{color:#f6ff00; background:#546885; }
#Quick ul li a span{display:block; text-align:center; border-top:2px solid #f6f6f6; border-bottom:1px solid #e1e1e1; height:20px; padding-top:37px; line-height:20px; background:url('../franchise/images/quick.png') no-repeat;}
#Quick ul li a:hover span{padding-top:38px; padding-bottom:1px; border:0;  }
#Quick ul li a span.order{background-position:left top;}
#Quick ul li a span.apply{background-position:left -60px;}
#Quick ul li a span.manage{background-position:left -120px;}
#Quick ul li a span.wanted{background-position:left -180px;}
#Quick ul li a span.event{background-position:left -240px;}
#Quick ul li a span.shop{background-position:left -300px;}
#Quick ul li a:hover span.order{background-position:-60px top;}
#Quick ul li a:hover span.apply{background-position:-60px -60px;}
#Quick ul li a:hover span.manage{background-position:-60px -120px;}
#Quick ul li a:hover span.wanted{background-position:-60px -180px;}
#Quick ul li a:hover span.event{background-position:-60px -240px;}
#Quick ul li a:hover span.shop{background-position:-60px -300px;}


/*list_top*/
div.list_top{height:40px; zoom:1; }
div.list_top:after{clear:both; display:block; content:""; }
div.list_top div.left{float:left;}
div.list_top div.right{float:right;}
div.list_top div.left p {float:left; margin-left:5px; color:#666; line-height:20px; padding:10px 0;  }
div.list_top div.left p span.total{font-weight:bold; font-size:14px; color:#ff6600; padding:0 3px; }
div.list_top a.btn_recipe {float:left; margin:6px 0; width: 120px; height: 28px; line-height: 28px; background: url('../franchise/images/btn_recipe.png') left top no-repeat; text-align: center; font-weight: bold; color: #4d5713;}

div.list_top ul.order_type {float:left;  line-height:20px; padding:10px 0;}
div.list_top ul.order_type li{float:left; margin-right:5px; padding-left:8px; background:url('../franchise/images/bar.gif') left center no-repeat;}
div.list_top ul.order_type li:first-child{padding-left:0; background:none; }
div.list_top ul.order_type li a{color:#666;}
div.list_top ul.order_type li a:hover{text-decoration:underline; }
div.list_top ul.order_type li.on a{color:#ff6600; font-weight:bold;}

div.list_top ul.list_type{margin:8px 5px; height:18px; border:1px solid #d4d4d4; float:right; width:54px;}
div.list_top ul.list_type li{float:left; width:18px; height:18px; background:#fff;}
div.list_top ul.list_type li.on{background:#fabc00 url('../franchise/images/bg_type_on.gif') left top no-repeat;}
div.list_top ul.list_type li span{background:url('../franchise/images/ico_type.gif') no-repeat; cursor:pointer; display:block; width:18px; height:18px; overflow:hidden; text-indent:-1000px;}
div.list_top ul.list_type li span.list{background-position:left top;}
div.list_top ul.list_type li span.bpic{background-position:-18px top;}
div.list_top ul.list_type li span.spic{background-position:-36px top; }
div.list_top ul.list_type li.on span.list{background-position:left -18px;}
div.list_top ul.list_type li.on span.bpic{background-position:-18px -18px;}
div.list_top ul.list_type li.on span.spic{background-position:-36px -18px; }


/*intro*/
div.sub div.intro{padding:30px; }

/*history*/
div.sub div.history{padding:30px; }
div.sub div.history_wr{position:relative; min-height:500px;  }
div.sub div.history div.aside_img{position:absolute; left:30px; top:30px; }
div.sub div.history_wr ul{position:relative; margin-left:480px; z-index:1; padding-top:60px;}
div.sub div.history_wr li{font-family:nanum,gulim; border-top:1px solid #d1d1d1; line-height:30px; padding:5px 0;}
div.sub div.history_wr ul li:first-child{border-top:0;}
div.sub div.history_wr dl dt{width:105px; font-size:14px; color:#666; padding-left:40px; background:url('../franchise/images/bullet.gif') left center no-repeat;}
div.sub div.history_wr dl dt+dd{margin-top:-30px; }
div.sub div.history_wr dl dd{font-size:18px; color:#444; margin-left:150px;}


/*Commons**/
/**/
/*페이져 -- 공통*/
div.pager{width:160px; margin:0 auto; padding:30px 0; position:relative; zoom:1;}
div.pager:after{display:block; clear:both; content:""; }
div.pager a.arr{position:absolute; top:43px; width:12px; height:9px; overflow:hidden; text-indent:-1000px; background:url('../franchise/images/pager.gif') no-repeat;}
div.pager a.arr.off{cursor:default;}
div.pager a.arr.prev{background-position:-15px top; left:-30px;}
div.pager a.arr.next{background-position:-30px top; right:-20px;}
div.pager a.arr.first{background-position:left top; left:-50px;}
div.pager a.arr.last{background-position:-45px top; right:-40px;}
div.pager a.arr.prev.off, div.pager a.arr.prev.off:hover{background-position:-15px -10px;}
div.pager a.arr.next.off, div.pager a.arr.next.off:hover{background-position:-30px -10px;}
div.pager a.arr.first.off, div.pager a.arr.first.off:hover{background-position:left -10px;}
div.pager a.arr.last.off, div.pager a.arr.last.off:hover{background-position:-45px -10px;}
div.pager a.arr.prev:hover{background-position:-15px -20px;}
div.pager a.arr.next:hover{background-position:-30px -20px;}
div.pager a.arr.first:hover{background-position:left -20px;}
div.pager a.arr.last:hover{background-position:-45px -20px;}

div.pager ol.page{padding:2px 0;}
div.pager ol.page li{float:left; width:24px; height:24px; margin:0 2px; padding:2px;}
div.pager ol.page li.cur{padding:0; width:28px; height:28px;}
div.pager ol.page li a{color:#999; display:block; font-weight:bold; text-align:center; line-height:28px; height:24px; }
div.pager ol.page li.cur a, div.pager ol.page li.cur a:hover{color:#444; border:2px solid #ff6600; }
div.pager ol.page li a:hover{color:#ff6600; }

div.pager div.dgo{position:absolute; left:220px; top:36px; width:160px; }
div.pager div.dgo input[type=text]{border:1px solid #d4d4d4; height:20px; width:26px; text-align:right; font-weight:bold; color:#ff6600; padding:0 3px; line-height:22px; }
div.pager div.dgo span.tpage{font-size:11px; color:#666; letter-spacing:-1px;}
div.pager div.dgo span.tpage em{font-style:normal; color:#a46c00; letter-spacing:0; font-weight:bold; }

/*심플페이져 - 공통*/
div.simple_pager{text-align:center; padding:20px 0;}
div.simple_pager a{ background:url('../franchise/images/bar.gif') left center no-repeat; padding:0 4px 0 6px; }
div.simple_pager a:first-child{background:none; }
div.simple_pager a:hover{text-decoration:underline;}
div.simple_pager a.on{color:#ff6600; font-weight:bold; }

/*location*/
div.location{padding-top:30px; zoom:1; height:470px; position:relative; }
div.location:after{display:block; content:""; clear:boith; }
div.location div.map{margin-left:10px; margin-top:10px; width:780px; height:470px; background:#e1e1e1; border-radius:5px; }
div.location div.map #MapFrame{width:780px; height:470px; border:1px solid #e1e1e1; margin-left:-5px; margin-top:-5px; border-radius:5px;}
div.location div.address_info{position:absolute; right:0; bottom:0; }
div.location div.address_info dl{border-top:2px solid #b4b4b4; width:200px; }
div.location div.address_info dt{font-size:30px; font-family:'pens'; color:#99cc33; line-height:30px; padding-left:5px; }
div.location div.address_info dd{font-size:12px; color:#666; padding-bottom:4px; line-height:18px; border-bottom:1px solid #e1e1e1; padding-left:5px; }


/*Qna*/
.simbtn{display:inline-block; border:1px solid #b4b4b4; border-bottom-width:2px; background:#fff; padding:0 5px; line-height:20px; color:#666; }
div.qna .green_btn{float:right; margin:6px 0; width: 120px; height: 28px; line-height: 28px; background: url('../franchise/images/btn_recipe.png') left top no-repeat; text-align: center; font-weight: bold; color: #4d5713;}
div.qna{padding:15px 30px;}
div.qna_top{zoom:1;}
div.qna_top:after{clear:both; display:block; content:""; }
ul.qna_list{border-top:2px solid #b4b4b4; }
ul.qna_list li{padding-left:50px; border-bottom:1px solid #e1e1e1; position:relative; clear:both; }
ul.qna_list li.head{text-align:center; line-height:30px;}
ul.qna_list span.num{width:40px; text-align:center; position:absolute; left:0; top:0; }
ul.qna_list span.txt{}
ul.qna_list li dt{line-height:30px; cursor:pointer; }
ul.qna_list li dd{margin:0 10px 5px -40px; line-height:150%; display:none; zoom:1; border-top:1px solid #ccc; }
ul.qna_list li dd>p{border-top:2px solid #f4f4f4; padding:10px; padding-left:35px; background:#fff url('../franchise/images/ico_a.png') 5px 10px no-repeat;}
ul.qna_list li dd:after{clear:both; content:""; display:block; }
ul.qna_list li.on{background:#e1e1e1; margin-left:5px; margin-top:2px; padding-left:0px;}
ul.qna_list li.on dl{margin:0 5px 0 -5px; top:-3px; border:1px solid #e1e1e1; background:#fff; position:relative; padding-left:50px;}
ul.qna_list li.on dd{display:block;}
ul.qna_list li.on dt{font-weight:bold; }
ul.qna_list div.btn{float:right; padding-top:5px; }

/*공지사항*/
div.board .green_btn{float:right; margin:6px 2px; width: 120px; height: 28px; line-height: 28px; background: url('../franchise/images/btn_recipe.png') left top no-repeat; text-align: center; font-weight: bold; color: #4d5713;}
div.board .gray_btn{float:right; margin:6px 2px; width: 100px; height: 28px; line-height: 28px; background: url('../franchise/images/btn_gray.png') left top no-repeat; text-align: center; font-weight: bold; color: #4d5713;}
div.board{padding:15px 30px;}
div.board_top{zoom:1;}
div.board_top:after{clear:both; display:block; content:""; }

table.board_table{width:100%; border-collapse:collapse; }
table.board_table caption{text-align:right; caption-side:top; color:#777; font-size:11px; }
table.board_table thead{}
table.board_table thead th{border-top:1px solid #d4d4d4; border-bottom:1px solid #e1e1e1; height:26px; padding:0 4px; background:#f4f4f4; }
table.board_table tbody td{border-bottom:1px solid #e1e1e1; height:28px; padding:0 4px; text-align:center; }
table.board_table tbody tr td.title{text-align:left; }
table.board_table tbody img{margin:0 2px; }
table.board_table a{color:#666; }
table.board_table a:hover{text-decoration:underline;}
table.board_table span.blue{font-weight:bold; color:#4A4899; }
table.board_table span.red{font-weight:bold; color:#ff6600; }
table.board_table span.gray{font-weight:bold; color:#888;}

div.board h3.title{line-height:30px; font-size:18px; position:relative; padding-left:15px; font-size:13px; }
div.board h3.title input[type=text]{width:500px; height:20px; padding:5px; border:1px solid #b4b4b4; line-height:20px; margin-bottom:5px;}
div.board h3.title label{color:#888; padding:5px 5px 5px 20px; position:absolute; left:0; top:0; line-height:20px; font-weight:normal; font-size:14px; }
div.board div.info{border-top:2px solid #ccc;}
div.board div.info{height:30px; line-height:30px; border-bottom:1px solid #d4d4d4; zoom:1}
div.board div.info:after{display:block; clear:both; content::""; }
div.board div.info div.right{float:right; margin-top:-30px; }
div.board div.info span.writer{float:left; padding:0 5px; }
div.board div.info span.writer strong{color:#ff6600;}
div.board div.info span.date{background:url('../franchise/images/bar.gif') left center no-repeat; padding:0 6px; color:#666; }
div.board div.view{padding:30px; min-height:300px; border-bottom:1px solid #d4d4d4; line-height:160%;}
div.board div.qna_view{padding:30px; min-height:100px; border-bottom:1px solid #d4d4d4; line-height:160%;}
div.board div.reply{padding:15px 30px; background:#fff url('../franchise/images/reply.gif') 15px 15px no-repeat; border-bottom:1px solid #ccc; }
div.board div.reply span.date{font-size:11px; color:#888; }
div.board div.reply p.reply_info{line-height:16px; font-size:11px; margin-top:3px; padding-bottom:10px; color:#666;}
div.board div.reply p.reply_info strong{display:block; color:#444; }

/*member*/
div.member{padding:30px 0;}
div.member div.login_form{width:300px; margin:0 auto; border:1px solid #d4d4d4; border-width:1px 3px 3px 1px; background:#fff; margin-top:60px; }
div.member div.login_form h3{font-size:30px; font-weight:normal;  color:#666; font-family:'pens'; margin-top:-30px; line-height:30px; height:30px;}
div.member div.login_form ul{width:170px; margin:0 auto; padding-top:10px; }
div.member div.login_form ul li{height:30px; margin:1px 0; position:relative;}
div.member div.login_form ul li input{width:150px; padding:4px 5px; line-height:20px; border:1px solid #d4d4d4; }
div.member div.login_form ul li label{position:absolute; left:5px; top:5px; line-height:20px; color:#888;}
div.member div.login_form div.btn{text-align:center; padding:5px 0; border-top:1px solid #d4d4d4; margin-top:5px; }
div.member div.login_form div.btn_group{height:25px; margin-bottom:-25px; line-height:25px; text-align:center; }
div.member div.login_form div.btn_group a{display:inline-block; !float:left; padding:0 5px; background:url('../franchise/images/bar.gif') left center no-repeat; color:#666;}
div.member div.login_form div.btn_group a:first-child{padding-left:0; background:none; }
div.member div.login_form div.btn_group a:hover{text-decoration:underline; }

div.member div.modify_form{width:500px; margin:30px auto; padding:20px; }
div.member div.modify_form h3{font-size:30px; font-weight:normal;  color:#666; font-family:'pens'; margin-top:-50px; line-height:30px; height:30px;}
div.member div.modify_form dl{ border-top:2px solid #d4d4d4; margin-top:10px; line-height:18px; margin-bottom:15px; }
div.member div.modify_form dl dd{border-bottom:1px solid #d4d4d4; padding:5px 5px 5px 130px; margin-top:-28px;}
div.member div.modify_form dl dt{width:110px; padding:5px; color:#888; font-weight:bold;  background:url('../franchise/images/bar.gif') right top no-repeat; }
div.member div.modify_form div.btn{text-align:center;  }
div.member div.modify_form dl input{width:150px; padding:4px 5px; line-height:20px; border:1px solid #d4d4d4; }

div.manage_shop{padding:30px;}
div.manage_shop h3{  font-family: pens;   font-size: 30px;  line-height: 30px;  font-weight: normal;  color: #546885;}
div.manage_shop dl{border-top:2px solid #ccc; line-height:18px; margin-bottom:15px; }
div.manage_shop dl dd{border-bottom:1px solid #d4d4d4; padding:5px 5px 5px 130px; margin-top:-28px;}
div.manage_shop dl dt{width:110px; padding:5px; color:#888; font-weight:bold;  background:url('../franchise/images/bar.gif') right top no-repeat; }
div.manage_shop dl ul li{float:left; width:50%; text-align:center; width:195px; height:195px; margin-left:5px;  background:#e1e1e1; overflow:hidden; line-height:195px; white-space:nowrap; }
div.manage_shop dl ul li:after{font-size:195px; line-height:195px; vertical-align:middle; display:inline-block; overflow:hidden; text-indent:-1000px;}
div.manage_shop dl ul li img{max-width:195px; max-height:195px; vertical-align:middle;}
div.manage_shop dl ul{zoom:1; }
div.manage_shop dl ul:after{clear:both; content:""; display:block;}
div.manage_shop div.btn{padding-top:10px;  text-align:right; }
div.manage_shop input[type=text]{border:1px solid #d4d4d4; background:#fff; line-height:20px; height:20px; margin:0 1px; width:160px;}
div.manage_shop input[type=password]{border:1px solid #d4d4d4; background:#fff; line-height:20px; height:20px; margin:0 1px; width:160px;}
div.manage_shop input.short{width:60px;}
div.manage_shop input.long{width:250px;}
div.manage_shop input.very_long{width:500px;}
div.manage_shop dl a.wtbtn{ height: 22px; padding-top: 0; padding-bottom: 0; line-height: 22px; vertical-align: middle; }
div.manage_shop span.notice{color:#ff6600; font-size:11px;}

/*design*/
div.design{padding:30px;}
div.design h3{  font-family: pens;   font-size: 30px;  line-height: 30px;  font-weight: normal;  color: #546885;}
div.design dl{border-top:2px solid #ccc; line-height:18px; margin-bottom:15px; }
div.design dl dd{border-bottom:1px solid #d4d4d4; padding:5px 5px 5px 130px; margin-top:-28px;}
div.design dl dt{width:110px; padding:5px; color:#888; font-weight:bold;  background:url('../franchise/images/bar.gif') right top no-repeat; }
div.design input.short{width:60px;}
div.design input.middle{width:200px;}
div.design input.long{width:500px;}
div.design input.very_long{width:600px;}
div.design div.btn{padding-top:10px;  text-align:center; }
div.design span.notice{color:#ff6600; font-size:11px;}