/* Common **********************************************************************/
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css);
/* ////////////////// ³ª´® ½ºÄù¾î ////////////////// */

@font-face{
	font-family:'Nanum Square';
	font-weight:500;
	src:url('/font/NanumSquareB.eot');
	src:url('/font/NanumSquareB.eot?#iefix') format('embedded-opentype'),
	url('/font/NanumSquareB.woff') format('woff');
	src:local(¡Ø), url('/font/NanumSquareB.woff') format('woff');
}


/* Common **********************************************************************/ 
html,body {width:100%; }
html {overflow-y:scroll; box-sizing:border-box;}
*, *:before, *:after{box-sizing:inherit;}
*{
-webkit-text-size-adjust:none;
-webkit-text-size-adjust - auto | none | N% (default auto)
}
body {*word-break:break-all;-ms-word-break:break-all; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0; padding:0;}
fieldset,img {border:0px none;  vertical-align:top;}
dl,ul,ol,menu,li {list-style:none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content:''; content:none;}
button {border:0 none; background-color:transparent; cursor:pointer;}
body { background:#fff;}
body,th,td,input,select,textarea,button {font-size:12px; line-height:1.6;    font-family: 'Nanum Gothic';color:#555555;} 

a:link,a:active,a:visited{color:#555555; text-decoration:none; border:0px;}
a:hover,a:focus{color:#555555; text-decoration:none; border:0px none;}

table {border-collapse:collapse; border-spacing:0;}
address,caption,cite,code,dfn,em,var {font-style:normal; font-weight:normal;}
summary, caption, legend, hr {width:0; height:0; font-size: ; line-height: ; overflow: hidden; visibility: hidden; border: none; position:absolute; left:-1000em;}
caption {position:static;}
/* label hidden ó¸® */
.invisible{overflow:hidden; visibility:hidden; width:0; height:0; font-size:0; line-height:0; position:absolute;}
label.invisible{*position:Absolute;}

/* common */
.clfix:after {content: "."; display: block; height:0px; clear: both; visibility: hidden;  }
.clfix {display:inline-block;}
.clfix {display:block;}
* html .clfix {height:1%;} /* Hides from IE-mac */
.clfix {zoom:1;} /*for IE 5.5-7*/


/*¸â¹ö½ºÅ²*/
.title{font-size:10px; font-weight:bold;}

/*Å×À̺í*/
.tbl_type,.tbl_type th,.tbl_type td{border:0}
.tbl_type{width:100%;border-bottom:1px solid #e2e2e5; }
.tbl_type th{padding:10px 0 10px 0;border-top:2px solid #383d4a; font-weight:bold; border-bottom:1px solid #e2e2e5;}
.tbl_type p{font-size:11px; color:#b6b7bc;}
.tbl_type td{padding:7px 0 7px 0;border-top:1px solid #e5e5e5;color:#4c4c4c; border-bottom:none; border-top:none; line-height:18px;}

.tbl_type2,.tbl_type2 th,.tbl_type2 td{border:0}
.tbl_type2{width:100%;border-bottom:1px solid #e7e7e7; }
.tbl_type2 th{padding:10px 0 10px 0; background:#f9f9f9; text-align:center;}
.tbl_type2 p{font-size:11px; color:#b6b7bc;}
.tbl_type2 td{padding:10px 0 10px 10px; border-bottom:none; border-top:none; line-height:18px;}


/*--------------------- main_page ---------------------*/
#wrap {position:relative; min-width:310px; word-break:keep-all; overflow:hidden; font-family:'Malgun Gothic';}
#header {position:relative; width:100%; height:80px;}
#header .logo {position:absolute; top:14px; left:0; width:100%; text-align:center; z-index:0;}
#header .logo img {width:152px; height:52px;}
.btn_navi {position:absolute; top:20px; left:10px; width:40px; height:40px; cursor:pointer; z-index:99;}
.btn_navi .btn_navi_off {position:absolute; top:0px; left:0px; width:40px; height:40px; cursor:pointer; z-index:9990;}
#header .bistro_go {position:absolute; top:20px; right:10px; width:40px; height:40px; z-index:0;}

#visual_wrap {position:relative; width:100%; overflow:hidden;}

.navigation{width:100%; height:100%; position:absolute; left:0; top:74px;z-index:990; display:none;}
.btn_navi .btn_navi_on {position:absolute; top:-74px; left:0px; width:40px; height:40px; cursor:pointer; z-index:99999;}
.navi_bg {width:100%; height:100%; position:fixed; left:0; top:0; background:rgba(0,0,0,0.9); z-index:-30;}
.navigation ul li {width:100%; text-align:center; margin-bottom:30px;}
.navigation ul li a {font-size:16px; color:#ffffff; font-family:'Malgun Gothic'; text-decoration:none;}

#section1 {position:relative; width:100%; padding:0 10px; padding-bottom:25px; background:#f4f4f4;}
#food_slider { }
.food_tit {width:100%; height:51px; line-height:51px; text-align:center; }
.food_tit h2 {font-size:12px; color:#555555; font-family:'Malgun Gothic';}

#section2  {position:relative; width:100%; padding:25px 10px; overflow:hidden;}
#thum_wrap {position:relative; width:100%; margin:0 auto;}
#bx-pager {padding-top:10px;}
.sec2_btn_prev {position:absolute; top:50%; right:-15px;}
.sec2_btn_next {position:absolute; top:50%; left:-15px;}

#section3 {padding:26px 10px; border-top:1px solid #dedede; border-bottom:1px solid #dedede; background:#f4f4f4;}	
#section3 .short_line {display:block; width:19px; height:2px; background:#000000; margin-top:-2px; margin-bottom:5px;}
#section3 h2 {font-size:15px; color:#040404;}
#section3 table{width:100%; border-top:1px solid #cccccc; margin-top:14px; margin-bottom:10px;}
#section3 table th{width:25%; border-bottom:1px solid #cccccc; min-height:37px; line-height:18px; padding:8px 3%; font-size:12px; color:#040404; min-height:36px; font-weight:bold; text-align:left; vertical-align:top;}
#section3 table td{width:75%;border-bottom:1px solid #cccccc; min-height:37px; line-height:18px; padding:8px 0; font-size:12px; color:#555555; padding-right:15px;}

#section4 {width:100%; padding:25px 10px; background:url(/grill_bistro/mobile/images/grill/section4_bg.jpg) top center repeat-y; background-size:100%;}
.sec4_menu {font-family:	'NanumGothic';}
.sec4_menu .lnb {}
.lnb_wrap {margin-top:5px;}
.sec4_menu .lnb h3 {width:100%; height:30px; padding-left:12px; line-height:25px; border:1px solid #cccccc; margin-top:5px; background: url(/grill_bistro/mobile/images/grill/lnb_arrow_off.png) 95% center no-repeat;}
.sec4_menu .lnb h3.active {width:100%; height:30px; line-height:26px; border:1px solid #ecd791; margin-top:5px; background: url(/grill_bistro/mobile/images/grill/lnb_arrow.png) 95% center no-repeat; margin-top:5px;}
.sec4_menu .lnb h3:first-child {margin-top:0;}
.sec4_menu .lnb h3 a {font-size:11px; color:#cccccc; text-decoration:none;}
.sec4_menu .lnb h3.active a {color:#ecd791;}
.sec4_menu .lnb h3 a .lnb_s {display:inline-block; font-size:12px; color:#cccccc; margin-right:12px;}
.sec4_menu .lnb h3.active a .lnb_s {color:#ecd791;}
.sec4_menu .lnb h3 img{}
.sec4_menu .lnb ul {display:none}
.sec4_menu .lnb ul li {margin-top:20px; margin-bottom:5px;}

#section5 {width:100%; padding:0 10px; overflow:hidden; background:url(/grill_bistro/mobile/images/grill/section5_bg.jpg) top center repeat-y; background-size:100%;}
.sec5_tit {position:relative; width:100%; height:75px; padding-left:45px; padding-top:20px;}
.sec5_tit img {position:absolute; top:24px; left:0; width:34px; height:32px;}
.sec5_tit h2 {font-size:15px; color:#ffffff; line-height:23px;}
.sec5_tit p {font-size:12px; color:#ffffff;}
.sec5_cont {width:100%; min-height:403px; margin-bottom:25px; background:rgba(33,33,33,0.8); border-radius:10px; padding:24px 15px;}
.sec5_cont table { }
.sec5_cont table tr {}
.sec5_cont table th {font-size:12px; color:#ffffff; text-align:left; vertical-align:top; padding-top:3px; }
.sec5_cont table td {font-size:12px; color:#ffffff; padding-left:7px; padding-bottom:10px;}
.sec5_btn {width:120px; height:35px; background:#ed2626; text-align:center; line-height:35px; margin-left:90px;}
.sec5_btn a {display:block; width:100%; height:100%; font-size:12px; color:#ffffff !important; text-decoration:none !important; font-weight:bold;}
.sec5_btn a img {vertical-align:middle; margin-left:4px;}
#section5 select {background:#fff url(/grill_bistro/mobile/images/grill/select_arrow.jpg) no-repeat right center; /* ³×ÀÌƼºê È­»ìÇ¥ ´ëü */ border:0; border-radius: 0px; /* iOS µÕ±Ù¸ð¼­¸® Á¦°Å */ -webkit-appearance: none; /* ³×ÀÌƼºê ¿ÜÇü °¨Ãß±â */ -moz-appearance: none; appearance: none; }
#section5 input {border: 0; border-radius: 0px; /* iOS µÕ±Ù¸ð¼­¸® Á¦°Å */ }
#section5 textarea {border: 0; border-radius: 0px; /* iOS µÕ±Ù¸ð¼­¸® Á¦°Å */ }


#footer {width:100%; height:auto; background:#0e0e0e; padding:18px 10px;}
#footer address {text-align:center;}
#footer address ul li {font-size:11px; color:#747474; line-height:20px; font-weight:bold;}
.top_btn {position:fixed; bottom:0; right:0; width:50px; height:25px; border:1px solid #ecd791; line-height:23px; text-align:center; z-index:200; background:rgba(14,14,14,0.8);}
.top_btn a {display:block; width:100%; height:100%; font-size:11px; color:#ecd791 !important; text-decoration:none !important; font-weight:bold;}








/*--------------------- bistro ---------------------*/


#header .logo_bistro {position:absolute; top:13px;  left:0; width:100%; text-align:center; z-index:0;}
#header .logo_bistro img {width:177px; height:54px;}

#section4_bistro {width:100%; padding:25px 10px; background:url(/grill_bistro/mobile/images/bistro/section4_bg.jpg) top center repeat-y; background-size:100%;}
#section4_bistro .sec4_menu {font-family:	'NanumGothic';}
#section4_bistro .sec4_menu .lnb {}
#section4_bistro .lnb_wrap {margin-top:5px;}
#section4_bistro .sec4_menu .lnb h3 {width:100%; height:30px; padding-left:12px; line-height:25px; margin-top:5px; background:#2e2e2e url(/grill_bistro/mobile/images/bistro/lnb_arrow_off.png) 95% center no-repeat;}
#section4_bistro .sec4_menu .lnb h3.active {width:100%; height:30px; line-height:26px; margin-top:5px; background:#4d0b00 url(/grill_bistro/mobile/images/bistro/lnb_arrow.png) 95% center no-repeat; margin-top:5px;}
#section4_bistro .sec4_menu .lnb h3:first-child {margin-top:0;}
#section4_bistro .sec4_menu .lnb h3 a {font-size:11px; color:#fbf0db; text-decoration:none;}
#section4_bistro .sec4_menu .lnb h3.active a {color:#fbf0db;}
#section4_bistro .sec4_menu .lnb h3 img{}
#section4_bistro .sec4_menu .lnb ul {display:none}
#section4_bistro .sec4_menu .lnb ul li {margin-top:20px; margin-bottom:5px;}

#section5_bistro {width:100%; padding:0 10px; overflow:hidden; background:url(/grill_bistro/mobile/images/bistro/section5_bg.jpg) top center repeat-y; background-size:cover;}
#section5_bistro .sec5_tit {position:relative; width:100%; height:75px; padding-left:45px; padding-top:20px;}
#section5_bistro .sec5_tit img {position:absolute; top:24px; left:0; width:34px; height:32px;}
#section5_bistro .sec5_tit h2 {font-size:15px; color:#ffffff; line-height:23px;}
#section5_bistro .sec5_tit p {font-size:12px; color:#ffffff;}
#section5_bistro .sec5_cont {width:100%; min-height:403px; margin-bottom:25px; background:rgba(33,33,33,0.8); border-radius:10px; padding:24px 15px;}
#section5_bistro .sec5_cont table { }
#section5_bistro .sec5_cont table tr {}
#section5_bistro .sec5_cont table th {font-size:12px; color:#ffffff; text-align:left; vertical-align:top; padding-top:3px; }
#section5_bistro .sec5_cont table td {font-size:12px; color:#ffffff; padding-left:7px; padding-bottom:10px;}
#section5_bistro .sec5_btn {width:120px; height:35px; background:#ed2626; text-align:center; line-height:35px; margin-left:90px;}
#section5_bistro .sec5_btn a {display:block; width:100%; height:100%; font-size:12px; color:#ffffff !important; text-decoration:none !important; font-weight:bold;}
#section5_bistro .sec5_btn a img {vertical-align:middle; margin-left:4px;}
#section5_bistro select {background:#fff url(/grill_bistro/mobile/images/bistro/select_arrow.jpg) no-repeat right center; /* ³×ÀÌƼºê È­»ìÇ¥ ´ëü */ border:0; border-radius: 0px; /* iOS µÕ±Ù¸ð¼­¸® Á¦°Å */ -webkit-appearance: none; /* ³×ÀÌƼºê ¿ÜÇü °¨Ãß±â */ -moz-appearance: none; appearance: none; }
#section5_bistro input {border: 0; border-radius: 0px; /* iOS µÕ±Ù¸ð¼­¸® Á¦°Å */ }
#section5_bistro textarea {border: 0; border-radius: 0px; /* iOS µÕ±Ù¸ð¼­¸® Á¦°Å */ }


/* ¹ÝÀÀÇü ÅÂºí¸´ */
@media screen and (max-width : 430px) {
.slidePrev {top:81% !important;}
.slideNext {top:81% !important;}

}