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

/* reset */
html,body{margin:0;padding:0;height:100%;  font-family:nanumgothic, '나눔고딕', '맑은고딕', '돋움', 'Dotum' ,sans-serif;}
body{font:12px/1.5 gulim, Arial; color:black; }
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,tbody,tfoot,thead,th,td{margin:0;padding:0;}
input,textarea,select,td,th{font:12px/1.5 gulim, Arial, sans-serif; color:black; vertical-align:middle;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%; letter-spacing: -1px;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {  display: block; }
table{table-layout:fixed;border-spacing:0;border-collapse:collapse;}
ul,ol,li{list-style:none;}
hr, legend, caption, .skip{position:absolute;left:-5000px;top:0;visibility:hidden;overflow:hidden;line-height:0.1%;font-size:0.1%;width:0.1%;height:0.1%;}
caption{position:relative;}
img,fieldset{border:0 none;}
label,button{cursor:pointer;}
em,address{font-style:normal;}
a:link,a:visited{text-decoration:none; }
a:hover,a:active,a:focus{text-decoration:none;}

/* input */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"]{height:16px;line-height:16px;}
input[type="checkbox"],
input[type="radio"]{width:13px;height:13px;}

/* button */
button{overflow:visible;margin:0;padding:0;border:0;background:none;font-size:0;vertical-align:middle;}
button span{font-size:12px;}
button::-moz-focus-inner{padding:0;border:0;}
*+html button{margin:0 1px;}


#headerWrap{position:relative; height:100px;}


.header_area{
    position: relative;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    box-sizing: border-box;	
}
.header_area .logo{
	position: absolute;
    left: 0%;
    top: 18px;
}

.header_area .multi_lang{
	position: absolute;
    left: 14%;
    top: 40px;
}

.header_srch {
    position: absolute;
    left: 50%;
    top: 30px;
   	width: 26%;	
    margin-left:-20%;
}

.ipt_srch {
    padding: 8px 20px;
    border: 4px solid #ed6d00;
    border-radius: 25px;
    font-size: 13px;
	width: 100%;	
	
}

.header_srch .btn_srch{
	position: absolute;
    right: -10%;
    top: 20%;
	cursor:pointer;
	z-index:999;
}


::-webkit-input-placeholder {color:  #ed6d00; }
:-moz-placeholder {  color:   #ed6d00;}
::-moz-placeholder {  color:    #ed6d00;}
:-ms-input-placeholder {  color:    #ed6d00; }

.nav_wrap{
	position: absolute;
    right:0%;
    top: 38px;
}

.nav_wrap ul li{
	float:left;	
}
.nav_wrap ul li a{
	padding:10px 20px;
	color:#ffffff;
	font-family: nanumgothic;
	font-size:15px;
	font-weight:600;
}
.nav_wrap ul li #reserv{background-color:#ed6d00; border-radius:5px; margin-right:8px;}
.nav_wrap ul li #log{background-color:#f39800; border-radius:5px; border-right:8px;}
.nav_wrap ul li #join{background-color:#f39800; border-radius:5px; margin-right:8px; border-left:1px solid #f7b700; }
.nav_wrap ul li #myab{background-color:#695d4a; border-radius:5px;}

@media all and  (min-device-width: 501px) {
    .main_all{width:100%; height:600px; overflow:hidden; position:relative;}
}
@media all and (max-device-width: 500px) {
    .main_all{width:100%; height:510px; overflow:hidden; position:relative;}
}
.main_all .main_bg{position:relative;}
.main_all .main_bg img{position:absolute;z-index:1; width:100%;}
.main_all .main_bg img.active{z-index:3;}
.main_wrap{position:absolute; width:100%; top:0; left:0; z-index:99; color:#ffffff;}
.main_wrap .all_txt{position:relative; margin:0 auto; max-width:1200px; text-align:center; height:530px; display:table;}
.main_wrap .all_txt .mtxt{display:table-cell; vertical-align: middle;}

.main_wrap2 {position:absolute; width:100%; top:0; left:200; z-index:99; color:#ffffff;}
.main_wrap2 .all_txt{position:relative; margin:0 auto; max-width:1200px; text-align:center; height:530px; display:table;}
.main_wrap2 .all_txt .mtxt{display:table-cell; vertical-align: middle;text-align:right;}

.txt_big{font-size:70px; font-family: nanumgothic; font-weight:600;  color:white; text-shadow: 1px 1px 3px black;}
.txt_s{font-size:16px; font-family: nanumgothic; font-weight:600;  color:white;}
.txt_m{font-size:38px; font-family: nanumgothic; font-weight:600; color:#565a5c;}
.txt_bm{font-size:14px; font-family: nanumgothic; font-weight:600; line-height:64px; cursor:pointer; color:white;}
.grey{ font-size:13px; color:#636363; padding-top:5px; display:inline-block; font-family: nanumgothic; font-weight:600;}
.txt_ggini{font-size:14px; color:#636363; display:inline-block; font-family:nanumgothic; font-weight:600;}
.txt_sub{padding-left:10px;}


.main_b{position:absolute; width:100%; bottom:0; left:0; color:#ffffff; background-color:black; height:70px; opacity: 0.7;   filter: alpha(opacity=70); z-index:100;}
.main_bm{position:relative; max-width:1200px;  height:70px; margin:0 auto; zoom:1;}
.main_bm:after{content:""; display:block; clear:both;}
.main_bm .bm_con{padding-left:30px;}
.main_bm .bm_con img{margin-bottom:-8px;}
.float_mother{ zoom:1;}
.float_mother:after{content:""; display:block; clear:both;}
.float_left{float:left;  }
.folat_right{float:right;  }

.con_all{position:relative; width:100%;}
.con_all .con_wrap{max-width:1200px; margin:0 auto;}

#con1{background-color:#edefed; display:table; width:100%; height:224px;}
#con1 #con1_m{display:table-cell; vertical-align: middle; text-align:right; }

.nav_txt {color: white; font-size:15px; font-family: nanumgothic; font-weight:600; }
.nav_txt_black {color: black; font-size:14.5px; font-family: nanumgothic; font-weight:600; }
.nav_txt #plus_txt{font-size:30px; font-weight:800;}



.box_area{display: block;   width: 100%;   padding: 20px 0px;  box-sizing: border-box; zoom:1;}
.box_area:after{    content: '';    display: block;     clear: both;}
.box_area .boxes{display: table-cell;    float: left;     width: 25%;   margin:0;    box-sizing: border-box; padding-bottom:4px;  }
.box_area .boxes#wide{width:50%;}
.box_area .boxes .round_box{  padding:4px; overflow:hidden; height:260px;  }
.box_area .boxes .round_box .img_area{height:88%; overflow:hidden; border-radius: 5px 5px 0 0; border:1px solid #c7c7c7; border-bottom:0; position:relative; }
.box_area .boxes .round_box .img_area .sign{position:absolute; top:0; left:0; padding:4px;}

@media all and  (min-device-width: 501px) {
    .box_area .boxes .round_box .bn, .box_area .boxes .round_box .bnSeoul, .box_area .boxes .round_box .bnSeoul2{height:100%;  border-radius:5px;  border:1px solid #c7c7c7; overflow:hidden; position:relative;}
}
@media all and (max-device-width: 500px) {
    .box_area .boxes .round_box .bn{margin-left:-30px;height:100%;  border-radius:5px;  border:1px solid #c7c7c7; overflow:hidden; position:relative;}
    .box_area .boxes .round_box .bnSeoul{margin-left:-70px;height:100%;  border-radius:5px;  border:1px solid #c7c7c7; overflow:hidden; position:relative;}
    .box_area .boxes .round_box .bnSeoul2{margin-left:-50px;height:100%;  border-radius:5px;  border:1px solid #c7c7c7; overflow:hidden; position:relative;}
}
.box_area .boxes .round_box .img_area img{margin:-5px; height:104%;}
.box_area .boxes .round_box .txt_area{height:12%;  border:1px solid #c7c7c7; border-radius: 0px 0px 5px 5px; }


#roca{float:right; padding-right:10px; font-weight:400;}
#dangchum{background-color:#ffdbc6; width:100%; margin:5px 0 0 5px;}
#dangchum .dang_wrap {padding:10px; color:#825d47;}

.store_list .store_thum{width:48%; height:128px; border:1px solid #c7c7c7; overflow:hidden;}
.store_list .store_thum img{height:100%;}
.store_list li div{float:left;}
.store_list li {display:inline-block;}
.store_list .store_txt{width:48%; margin-left:3%;}


.tap_all{width:100%;}
.tap_wrap{max-width:1000px; margin:0 auto; position:relative; }
.tap_all .tap_wrap ul{  max-width:1000px; }
.tap_all .tap_wrap ul li{width:14%; background-color:#b3b0ad; border-radius:5px 5px 0 0;  padding:10px;  text-align:center; display:inline-block;  }
.tap_all .tap_wrap ul li:hover,
.tap_all .tap_wrap ul li.on{background-color:#f7941d;}

.category_wrap{position:relative; max-width:1200px; background-color:#f7e7d4;  border-top:2px solid #f7941d;}
.category_wrap .inner{overflow:hidden;position:relative;margin:0 60px;padding:0 1px 0 0;}
.category_wrap .cate_list{overflow:hidden;width:2500%; height:300px;}
.category_wrap .cate_list li{float:left; width:1%;}
.category_wrap .cate_list li a{display:block;height:260px; margin:0 -1px 0 0; border:1px solid #c7c7c7; text-align:center;text-decoration:none; margin:16px;  background-color:white;}
.category_wrap .cate_list li a:hover,
.category_wrap .cate_list li a:focus,
.category_wrap .cate_list li.on a{position:relative;z-index:2; background:#f7941d; border-color:#f7941d; color:white;}
.category_wrap span{position:absolute;top:44%;}
.category_wrap span.b_left{left:20px;}
.category_wrap span.b_right{right:20px;}

.cate_box { height:260px;overflow:hidden;}
.cate_box .img_area img{height:100%; }
.cate_box .img_area{height:86%;}
.cate_box .txt_area{height:14%; }
.cate_box .txt_area .txt_area_wrap{  margin-top:57px; float:center; font-size:12pt;}
.txt_cate{ font-family: nanumgothic; font-weight:600; font-size:13px; color:#636363; margin-top:5px; }
#ggini{color:#ed6d00;}

.tb_txt{text-align:center;}
.txt_ss{font-family: nanumgothic; font-weight:500; font-size:12px; color:#fff799;}

@media all and  (min-device-width: 501px) {
    #recom #btn01{position:absolute; bottom:30px; left:40px;}
    #recom #btn02{position:absolute; bottom:30px; right:40px;}
}
@media all and (max-device-width: 500px) {
    #recom {margin-left:-60px;}
    #recom #btn01{position:absolute; bottom:30px; left:60px;}
    #recom #btn02{position:absolute; bottom:30px; right:5px;}
    #main_chef {margin-left:-32px;}
}
.chef_txt{position:absolute; bottom:30px; font-family: nanumgothic; font-weight:500; font-size:13px; color:#5d380d;}
.chef_txt.left{left:30px; text-align:left;}
.chef_txt.right{left:110px; text-align:right;}

.footer{background-color:#ebebeb; width:100%;}
.footer .footer_wrap{max-width:1200px; margin:0 auto; position:relative; padding-bottom:30px;}
.footer .footer_wrap #foot_txt{color:gray; padding-left:30px; margin:30px 0  0 180px; border-left:1px solid #d1d1d1;}
.footer .footer_wrap #foot_txt a{color:gray;}
.footer .footer_wrap #foot_txt .link{display:inline-block; padding-bottom:10px; font-weight:bold;}
.footer_wrap #f_left{position:absolute; top:20px; left:0;}
.footer_wrap #f_right{position:absolute; top:0px; right:0;}
#etc{width:100%; background-color:#4e4b45; text-align:center; border-top:1px solid black; border-bottom:1px solid black;}
#etc ul li {display:inline-block; padding:10px; 16px;}
#etc ul li a{font-weight:400; }
#etc ul img{margin-bottom:-2px;}