@charset "euc-kr";

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/* CSS Document */

/* default */
body {margin:0;padding:0;font-family:'Nanum Gothic','³ª´®°íµñ','µ¸¿ò',Dotum,'±¼¸²',Gulim,Tahoma, Geneva, sans-serif,verdana; font-size:13px; color:#383838; line-height:20px; word-break:keep-all}
body,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,input,table,tr,th,td{margin:0; padding:0}
input[type=text],textarea, select, filefield {border:solid 1px #CCC; padding:3px}
a {color:#777; text-decoration:none}
a:hover {color:#;}
ul,ol,dl {list-style:none}
img {border:0}
table {border-collapse:collapse; border-spacing:0}
thead {vertical-align:middle}
tfoot {vertical-align:middle}

html,body {width: 100%; height: 100%;}


*{-webkit-text-size-adjust:none;}

.clear {clear:both}

#top {height:}
#content {padding:10px 10px; border-bottom:solid 1px #ddd}
#footer {text-align:center; color:#000; padding:20px}

.logo {text-align:; margin-top:10px; padding:0 10px; position:relative}
.logo div.home {position:absolute; right:10px; top:6px}
.logo div.home img {width:30px}
.logo img {width:250px}

table.nav {width:100%}
table.nav td {width:20%; height:40px; background:#33383b; text-align:center; border-left:solid 1px #b7b9ba; border-right:solid 1px #b7b9ba}
table.nav td a {display:block; line-height:40px; color:#fff; font-weight:bold}
table.nav td a.on {background:#933188}

.slogan {background:#933188; color:#fff; padding:10px; position:relative}
.slogan .arrow {position:absolute; top:-6px; left:0; background:#933188; width:100%}
.slogan .arrow i {color:#933188; font-size:18px}
.slogan .slogn_info {background:url(../img/slogan_logo.png) no-repeat right top; height:70px; background-size:100px; padding-right:110px; line-height:16px}
.slogan .slogn_info span.yellow {color:#f0fe4f; text-decoration:underline}
.slogan .slogn_title p {font-size:20px; font-weight:bold; margin-bottom:5px; text-shadow: 0px 1px #000; line-height:28px}

.main_visual img {width:100%; height:auto}

ul.main_store {margin-left:1%}
ul.main_store li {float:left; width:48%; margin-left:1%}
ul.main_store li h1.best {background:url(../img/main_icon01.png) no-repeat left; font-size:16px; font-weight:bold; color:#000; padding-left:50px; background-size:40px; line-height:50px; margin:5px 0}
ul.main_store li h1.nightfood {background:url(../img/main_icon02.png) no-repeat left; font-size:16px; font-weight:bold; color:#000; padding-left:50px; background-size:40px; line-height:50px; margin:5px 0}
ul.main_store li .photo {width:96%; margin:0 auto; position:relative; border:solid 1px #ddd}
ul.main_store li .photo span.score {background:#c7201d; color:#fff; position:absolute; top:0px; right:0; padding:0 2px}
ul.main_store li .photo img {width:100%}
ul.main_store li .photo p {font-weight:bold; font-size:14px; text-align:center; padding-bottom:10px}

table.notice {width:100%; border-top:solid 1px #ddd; margin:20px 0}
table.notice th {background:#933188; color:#fff; padding:5px 10px; font-size:16px; width:80px; border-bottom:solid 1px #ddd}
table.notice th p a {font-size:11px; margin-top:10px; text-decoration:underline; color:#fff}
table.notice td {padding:5px 10px; border-bottom:solid 1px #ddd}
table.notice td.date {text-align:right; padding:5px 10px; border-bottom:solid 1px #ddd}

.copyright {text-align:center}

table.sub_nav {width:100%}
table.sub_nav td {border:solid 1px #ddd; height:30px; width:25%; text-align:center}
table.sub_nav td a {display:block; line-height:30px}
table.sub_nav td a.on {background:#e44d4b; color:#fff}

.location {background:url(../img/sub_location.gif) repeat-x; height:59px; text-align:center; padding-top:20px}
.location h1 {margin-bottom:10px}

.ceo h1 img {width:200px; margin-bottom:5px}
.ceo h2 {font-size:20px; margin-bottom:15px}
.ceo h3 span {color:#e44d4b}
.ceo h3 {font-size:15px; margin-bottom:20px}
.ceo p {margin-bottom:10px}

.sub_title {font-size:18px; border-bottom:solid 1px #ddd; padding-bottom:10px; margin:10px 0; font-weight:bold}

.ui-page {background:#fff}

.history h3 {margin-bottom:20px; line-height:24px; font-size:16px}
.history h3 span {color:#e44d4b}
.history div.photo {width:320px; margin:0 auto}
.history div.photo img {width:320px}
.history div.detail {margin-top:20px}
.history div.detail p {margin-bottom:10px}

.ico_title {background:url(../img/ico_title.gif) no-repeat; background-size:20px; padding-left:25px; color:#5e2466; font-weight:bold; font-size:14px; line-height:15px; margin-bottom:20px}

.character p.ppl {color:#933188; font-weight:bold}
.character p.pic {margin:10px 0 20px 0}

.map {text-align:center}

.best_store {}
.best_store .frame {background:#; border:solid 1px #ddd; padding:10px; box-shadow: 0px 0px 0px #888888; margin-bottom:10px; float:left}
.best_store .frame img {width:100%}
.best_store .frame p {font-weight:bold; font-size:15px; float:left; width:70%; text-align:left}
.best_store .frame span {background:#e60e0e; color:#fff; padding:0 3px; font-weight:bold; float:right; display:inline-block; border-radius:3px}

.best_store_view .frame {background:#; border:solid 0px #ddd; padding:; margin-bottom:20px}
.best_store_view .frame .photo {position:relative}
.best_store_view .frame .photo img {width:100%}
.best_store_view .frame .photo .title {background:#000; position:absolute; right:0; bottom:0px; opacity:0.7; width:100%}
.best_store_view .frame .photo .title p {color:#fff; padding:15px; font-size:18px; font-weight:bold; position:relative}
.best_store_view .frame .photo .title span {color:yellow; position:absolute; right:15px; top:15px; font-weight:bold; font-size:14px}
.best_store_view .frame table {width:100%; margin-top:10px; border-top:solid 2px #33383b}
.best_store_view .frame table th {padding:10px; border-bottom:solid 1px #ddd; background:#eee; text-align:left; width:20%; vertical-align:top}
.best_store_view .frame table td {padding:10px; border-bottom:solid 1px #ddd; text-align:left}
.best_store_view .btn {text-align:center; margin:10px 0}
.best_store_view .btn a {background:#e44d4b; color:#fff; font-weight:bold; text-align:center; padding:10px 20px; font-size:14px}

table.best_store {width:100%}
table.best_store td {width:50%; border:solid 1px #ddd}
table.best_store td div.photo {width:90%; margin:5% auto}
table.best_store td div.photo img {width:100%}

.event table.schedule {border:solid 1px #ddd; background:#fff; width:100%; margin:0 auto}
.event table.schedule th {width:14%; border:solid 1px #dededd; text-align:center; border-collapse:collapse; background:#933188; color:#fff; padding:5px 0}
.event table.schedule th.on {width:14%; border:solid 1px #dededd; text-align:center; border-collapse:collapse; background:#e44d4b; color:#fff; padding:5px 0}
.event table.schedule td {width:14%; border:solid 1px #dededd; text-align:center; border-collapse:collapse; padding-bottom:5px}
.event table.schedule td.on {width:14%; border:solid 1px #dededd; text-align:center; border-collapse:collapse; padding-bottom:; background:#f8e9e8}
.event table.schedule td span.day {display:block; background:#; padding:2px; border-bottom:dashed 1px #ddd; text-align:left; margin-bottom:5px; font-weight:bold; color:#000; font-size:14px}
.event table.schedule td p {text-align:left; padding:0 2px; line-height:14px; margin-bottom:5px}
.event table.schedule td p span.number {background:none; padding:0; display:inline-block; font-size:12px}

.event .btn_arrow {text-align:center; height:40px; margin-top:10px}
.event .btn_arrow span {display:inline-block; margin:}
.event .btn_arrow span.title {font-size:14px; font-weight:bold}
.event .btn_arrow span.month {font-size:20px; font-weight:bold; line-height:30px}
.event .btns {text-align:center; margin:20px 0 10px 0}