﻿@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/css?family=Oswald:400,700);
@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,700);
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed);
@font-face{
font-family:"NanumGothic";
src:url('/fonts/NanumGothic.eot');
src:url('/fonts/NanumGothic.eot?#iefix') format('embedded-opentype'),
url('/fonts/NanumGothic.woff') format('woff'),
url('/fonts/NanumGothic.ttf') format('truetype');
url('/fonts/NanumGothic.svg#NanumGothic') format('svg')
src:local(※), url('/fonts/NanumGothic.woff') format('woff');
}



@charset "utf-8";

/*초기화*/
*{margin:0;padding:0}
html,body{width:100%;height:100%;margin:0;padding:0;}
html{overflow-y:scroll; overflow-x:hidden}
body{background-color:#fff;*word-break:break-all;-ms-word-break:break-all;}
body,input,button{font-size:13px;line-height:150%;font-family:'Nanum Gothic',Dotum,Helvetica,AppleGothic,Sans-serif;color:#626262}
body table {font-size:14px; font-family:'Nanum Gothic',Dotum,Helvetica,AppleGothic,Sans-serif;color:#626262; line-height:150%;}
td {word-wrap:break-word;}
img,fieldset,iframe{border:0 none}
li{list-style:none}
ul, dl {margin:0; padding:0;}
a,a:visited,a:active{color:#666;text-decoration:none; font-family:'Nanum Gothic',Dotum,Helvetica,AppleGothic,Sans-serif;}
a:hover{color:#940a11; text-decoration:none; font-family:'Nanum Gothic',Dotum,Helvetica,AppleGothic,Sans-serif;}
em,address{font-style:normal}
button,label{cursor:pointer;_cursor /**/:hand}
button *{position:relative}
button img{left:-3px;*left:auto}
textarea{overflow:auto}
html:first-child select{height:20px;padding-right:6px}
option{padding-right:6px}  
.img_c 	{	text-align:center; width:100%;height:32px}
.img_l 	{	text-align:left; width:100%;}
.imgbase {}
.imgover {opacity: 0.7;}
.grayimg1 {  filter: none;  -webkit-filter: grayscale(0);  }
.grayimg1:hover {  filter: url(filters.svg#grayscale); /* Firefox */  filter: gray; /* IE */  -webkit-filter: grayscale(1); /* Webkit */}
.grayimg2 {  filter: url(filters.svg#grayscale); /* Firefox */  filter: gray; /* IE */  -webkit-filter: grayscale(1); /* Webkit */ }
.grayimg2:hover {  filter: none;  -webkit-filter: grayscale(0); }
.phide {text-indent:-9999px; height:0; line-height:0; overflow:hidden;}
.imgr {border:none; float:right; margin-left:20px; }
.zs_orange14 { font-size:14px; color:#FF6600; }
.zs_11 { font-size:11px;}
.co_black { color:#000000;}
.p_r{position:relative;}
.f_l{float:left;}
.f_r{float:right;}
.clear{*zoom:1}
.clear:after{clear:both;content:"";display:block;}
#clearb {	clear:both;  }
.clearb {	clear:both;  }
.phide {text-indent:-9999px; height:0; line-height:0; overflow:hidden;}
#wrap { width: 100%;}
#ns_container { width: 1000px; margin:0 auto; }
.blind{font-size:0px;line-height:0px;width:0px;height:0px;overflow:hidden;visibility:hidden;position:absolute;top:0px;left:-9999px;}


/*헤더-탑메뉴*/
#header	{width:100%; height:150px; margin:0 auto;}
#topmenu	{ width:100%; height:150px;  background-repeat:repeat-x;}
#topmenu #menu	{width:1000px; height:100px; margin:0 auto; padding:0;} 
#topmenu #menu #mlogo{float:left;margin:21px 0 0 3px}

#top1{float:right;width:290px}
.t_txt ul li{float:left;}
#topmenu #menu .top_btn1 a, #topmenu #menu .top_btn2 a{display:block;height:30px;line-height:30px;color:#ffffff;text-align:center;font-size:11px}
.top_btn1 a{width:117px;background-color:#eb8206}
.top_btn2 a{width:108px;background-color:#ec3c06}

.txt1{float:right;width:225px}
.txt2{float:right;margin-top:30px;width:290px}
.txt2 .t_txt ul li{vertical-align:center}
.txt2 .t_txt ul li img{margin:0 15px}

/* GNB */
.gnb_wrap{width:100%;height:50px;background-color:#c01b00} 
#gnb { width:1000px;height:35px;margin:0px auto;padding-top:15px}
#gnb ul {  margin:0 auto; }
#gnb ul li{ position:relative;  margin:0; }
#gnb ul li.dep1li {float:left; font-size:15px; margin-left:30px}
#gnb ul>li:first-child{margin-left:0px}

#gnb .dep2 {position:absolute; padding-top:25px;top:20px; width:800px; height:32px; margin:0; z-index:20; line-height:100%; text-align:left;}
#gnb .dep2 ul {height:32px; padding:0; margin:0;}
#gnb .dep2 ul li {float:left; height:15px; padding:0px 10px 0 10px;  font-size:12px; line-height:150%; color:#663;}
#gnb .dep2 ul li.end {float:left; height:15px; padding:10px 0 0 10px; background:none; font-size:11px; line-height:100%;  color:#663;}
#gnb .dep2 ul li a,a:visited,a:active{color:#000;text-decoration:none;}
#gnb .dep2 ul li a:hover{text-decoration:none; font-weight:bold;color:#940a11;}

#gnb ul li  { margin:0 0 10px 0; font-weight:bold; color:#000;}
#gnb ul li a {display:inline-block; zoom:1; overflow:hidden; color:#fff;}
#gnb ul li a.dep1:hover { color:#eb8206; }
#gnb ul li a.dep1:hover img {margin:-16px 0 0;}
#gnb ul li.on a.dep1   {color:#eb8206;}
#gnb ul li.on a.dep1 img {margin:-16px 0 0;}
#gnb ul li.on .dep2 {display:block !important;}

#gnb ul li il a {height:20px;}
#gnb ul li li a:hover {font-weight:bold;}
#gnb ul li li a:hover img {margin:-16px 0 0;}
#gnb ul li li a.on img {margin:-16x 0 0;}

#gnb #d2_1 {left:0px;}
#gnb #d2_2 {left:0px;}
#gnb #d2_3 {left:-15px;}
#gnb #d2_4 {left:-5px;}
#gnb #d2_5 {left:-30px;}
#gnb #d2_6 {left:-100px;}
#gnb #d2_7 {left:-95px;}
#gnb #d2_10 {left:-55px;}

#gnb_bg{display:none;position:absolute;z-index:1;top:150px;left:0px;width:100%;height:40px;background-color:#fff;opacity:0.8;filter:Alpha(opacity=80);}
#gnb_bg.dep2bg{display:block;}



/*font*/
.roboto { font-family: 'Roboto', sans-serif;}
.oswald {font-family: 'Oswald', sans-serif;}


/*메인 컨텐츠*/
.dd1 { background:url("img/main/mainimg1-1.png") top center no-repeat; width:100%; height:782px }
.dd2 { background:url("img/main/mainimg1-2.png") top center no-repeat; width:100%; height:782px }
.dd3 { background:url("img/main/mainimg1-3.png") top center no-repeat; width:100%; height:782px }

#inwrap {width:100%; position:relative;}

#article1_1 {width:100%; height:782px; background:url("img/main/article1_1.png") repeat-x center top;margin-top:-35px; font-size:14px; }
#inwrap #main2 { background-color:#93c860; }
#article1 {width:100%;height:750px}
#article1_wrap {width:1000px; min-height:750px; margin:0 auto;}

#inwrap #main3 { background-color:#f647aa;height:750px;width:100%}
#inwrap #main3 #main31 {width:1000px; height:auto; margin:0 auto;}
#article3 {width:1000px; min-height:750px; margin:0 auto;}
#article3 #maintheme4  {padding:40px 0 30px 0}

#article_t1, #article_t2{text-align:center;font-family:'Roboto', sans-serif}
#article_t1{color:#232222;font-weight:700;font-size:55px;padding:60px 0 20px 0}
#article_t2{color:#232222;font-weight:100;font-size:40px;padding:0 0 30px 0}
#article_t3{text-align:center;font-family:'Nanum Gothic',Dotum,Helvetica,AppleGothic;color:#fff;font-weight:100;font-size:20px;padding:0 0 10px 0;line-height:1.5}
.main3-1 { float:left; margin:0; width:488px; height:520px; text-align:center; line-height: 27px }
.main3-2 { float:left; margin:0; width:488px; height:520px; margin-left:20px; text-align:center; line-height: 27px}
.mm3img {margin: 15px 0 15px 0}
.mm3img:link {opacity:1}
.mm3img:hover {opacity:0.7}
.mm3 { font-size:18px;  color:#000;  }
.mm3:hover {color:#940a11}
.mm3 span{font-size:14px}

.main_contact1 { float:left; margin:0 auto; width:840px; height:470px; margin:0 auto; margin:0px 80px 50px 80px}
.main_contact2 { float:left; width:320px; margin:20px 0 0 40px; }

.gallery_area ul li{float:left;display:block}





/*서브*/

#subtheme {width:100%;height:210px} 
.subtheme_txt{width:980px; margin:0px auto; text-align:left;padding-top:60px;padding-left:20px}
.subtheme_txt strong{display:block;margin-bottom:30px;color:#fff;font-size:35px}
.subtheme_txt p{color:#fff;font-size:15px}

#location{width:100%;height:38px;line-height:38px;border-top:1px solid #cdcdcd;border-bottom:1px solid #cdcdcd;background-color:#f5f5f5}
.location_wrap{width:775px;padding-right:225px;margin:0px auto}
.location_wrap ul{float:right}
.location_wrap ul li{float:left;color:#535353}
.location_wrap ul li span{padding:0 5px;color:#cdcdcd}
.location_wrap ul .this_page{font-weight:bold}


#ssbody	 {width:100%}
#sub_con {width:1000px;background:url("img/menu/left_bar_bg.jpg") repeat-y left top;height:100%; margin:0 auto;}

#conleft{float:left;}
#conright { float:left; width:600px;padding:15px 15px 40px 15px}
.right_tel{float:left;width:164px;border-right:1px solid #eee;border-left:1px solid #eee;padding:20px}

.right_tel .tel_num1{display:block;padding-bottom:8px;font-family:'Roboto', sans-serif;font-size:25px;font-weight:bold;color:#333;letter-spacing:-2px;}
.right_tel .tel1{width:162px;height:616px;overflow:hidden;margin-top:25px;background:url("img/icon/tel1.jpg") no-repeat}
.right_tel .tel1 dl{line-height:5000px;overflow:hidden;}


/* left menu */
.lnb {width:162px;border-left:1px solid #eeeeee;border-right:1px solid #eeeeee;height:100%}
.lnb .left_bg {width:162px; height:81px;padding-top:42px;background:url("img/menu/left_tit_bg.jpg") no-repeat; color:#ffffff; font-size:25px;text-align:center}
.lnb .left_bg span {display:block;padding-top:5px;font-weight:normal;font-size:10px; color:#ffffff}
.lnb ul li	{height:39px;border-bottom:1px solid #eee;text-align:left}
.lnb ul li a {display:block; width:143px; height:39px;line-height:39px;padding-left:20px;background:url("img/icon/left_bg.png") 10px 5px no-repeat}
.lnb ul li a:hover, .lnb ul li a:focus {color:#c01b00}
.lnb ul li a.on{font-weight:bold;color:#c01b00}

.lnb .left_letter{font-size:23px;letter-spacing:-2px;}
.left_letter span{letter-spacing:0px;}
.lnb .left_letter2{font-size:20px;letter-spacing:-2px;}
.left_letter2 span{letter-spacing:0px;}
/* 회사소개 */
#int1{padding:25px 25px 0px 25px}
#int1 .sut_title{margin-bottom:40px}
#int1 .sub_photo{margin-bottom:30px}
#int1 .sut_title strong{color:#333333;font-size:25px;line-height:1.2}
#int1 .sut_title strong span{color:#c01b00;font-size:20px}
#int1 .int1_1, #int1 .int1_2, #int1 .int1_3{padding-bottom:100px}
#int1 .int1_2, #int1 .int1_3{padding-top:100px;border-top:1px dashed #ddd}
#int1 .int1_2 .sub_content ul li{float:left;text-align:center;line-height:1.5;margin-left:50px}
#int1 .int1_2 .sub_content ul li:first-child{margin-left:0}
#int1 .int1_2 .sub_content ul li img{margin-bottom:15px}
#int1 .int1_2 .sub_content ul li strong{font-size:16px;font-weight:bold;color:#535353}
#int1 .int1_2 .sub_content ul li p{font-size:13px;color:#535353}
#int1 .int1_3 .sub_content table{border-collapse:collapse;width:100%}
#int1 .int1_3 .sub_content table th{padding:8px 5px;border-top:1px solid #ddd;border-bottom:2px solid #c01b00}
#int1 .int1_3 .sub_content table td{padding:8px 5px;border-bottom:1px solid #eee}

/* 메뉴공통 스타일 */
.menu_theme{position:relative;width:600px;height:385px;background:url("img/other/foodmenu/food_theme11.jpg") no-repeat}
#menu11 .menu_theme{background:url("img/other/foodmenu/food_theme11.jpg") no-repeat}
#menu12 .menu_theme{background:url("img/other/foodmenu/food_theme12.jpg") no-repeat}
#menu13 .menu_theme{background:url("img/other/foodmenu/food_theme13.jpg") no-repeat}
#menu14 .menu_theme{background:url("img/other/foodmenu/food_theme14.jpg") no-repeat}
#menu15 .menu_theme{background:url("img/other/foodmenu/food_theme15.jpg") no-repeat}
#menu16 .menu_theme{background:url("img/other/foodmenu/food_theme16.jpg") no-repeat}

#menu21 .menu_theme{background:url("img/other/foodmenu/food_theme21.jpg") no-repeat}
#menu22 .menu_theme{background:url("img/other/foodmenu/food_theme22.jpg") no-repeat}
#menu23 .menu_theme{background:url("img/other/foodmenu/food_theme23.jpg") no-repeat}
#menu24 .menu_theme{background:url("img/other/foodmenu/food_theme24.jpg") no-repeat}
#menu25 .menu_theme{background:url("img/other/foodmenu/food_theme25.jpg") no-repeat}
#menu26 .menu_theme{background:url("img/other/foodmenu/food_theme16.jpg") no-repeat}

#menu31 .menu_theme{background:url("img/other/foodmenu/food_theme31.jpg") no-repeat}

#menu41 .menu_theme{background:url("img/other/foodmenu/food_theme41.jpg") no-repeat}

#menu51 .menu_theme{background:url("img/other/foodmenu/food_theme51.jpg") no-repeat}
#menu52 .menu_theme{background:url("img/other/foodmenu/food_theme52.jpg") no-repeat}

#menu61 .menu_theme{background:url("img/other/foodmenu/food_theme61.jpg") no-repeat}
#menu62 .menu_theme{background:url("img/other/foodmenu/food_theme62.jpg") no-repeat}
#menu63 .menu_theme{background:url("img/other/foodmenu/food_theme63.jpg") no-repeat}
#menu64 .menu_theme{background:url("img/other/foodmenu/food_theme64.jpg") no-repeat}
#menu64 .menu_theme{background:url("img/other/foodmenu/food_theme65.jpg") no-repeat}
#menu66 .menu_theme{background:url("img/other/foodmenu/food_theme16.jpg") no-repeat}

#menu71 .menu_theme{background:url("img/other/foodmenu/food_theme71.jpg") no-repeat}
#menu72 .menu_theme{background:url("img/other/foodmenu/food_theme72.jpg") no-repeat}
#menu73 .menu_theme{background:url("img/other/foodmenu/food_theme73.jpg") no-repeat}

#menu81 .menu_theme{background:url("img/other/foodmenu/food_theme81.jpg") no-repeat}
#menu82 .menu_theme{background:url("img/other/foodmenu/food_theme82.jpg") no-repeat}
.menu_theme .menu_theme_tit{position:absolute;bottom:20px;left:20px;}
.menu_theme .menu_theme_tit strong{font-family: 'Roboto', sans-serif;font-weight:300;color:#ff1b30;font-size:75px}
.menu_theme .menu_theme_tit p{padding:10px 0 20px 7px;font-size:25px;color:#666}
.menu_theme .menu_theme_tit .price{padding-left:0px;font-size:40px;font-weight:bold;color:#1f1f1f;font-style:italic}

.menu_detail>ul>li{padding:40px 0;border-top:1px dashed #ddd}
.menu_detail>ul>li:first-child{border-top:0}
.menu_detail .menu_detail_tit{float:left;width:190px;padding-left:10px}
.menu_detail .menu_detail_foods{float:right;width:380px;padding-left:20px}
.menu_detail .menu_detail_foods ul li{padding-left:14px;width:176px}

.menu_detail .food1 .menu_detail_foods ul li{background:url("img/icon/point_skyblue.jpg") no-repeat left center}
.menu_detail .food2 .menu_detail_foods ul li{background:url("img/icon/point_yellow.jpg") no-repeat left center}
.menu_detail .food3 .menu_detail_foods ul li{background:url("img/icon/point_red.jpg") no-repeat left center}
.menu_detail .food4 .menu_detail_foods ul li{background:url("img/icon/point_green.jpg") no-repeat left center}
.menu_detail .food5 .menu_detail_foods ul li{background:url("img/icon/point_purple.jpg") no-repeat left center}
.menu_detail .food6 .menu_detail_foods ul li{background:url("img/icon/point_blue.jpg") no-repeat left center}
.menu_detail .food7 .menu_detail_foods ul li{background:url("img/icon/point_green.jpg") no-repeat left center;width:380px;padding:5px 0px 5px 14px}
.menu_detail .food8 .menu_detail_foods ul li{background:url("img/icon/point_red.jpg") no-repeat left center}
.cation_li{padding-top:20px;border-top:1px solid #eee}
.cation_li li{padding-left:14px;background:url("img/icon/point_red.jpg") no-repeat left center}
/*테일*/
#tail{border-top:2px solid #eee}
#tail_wrap {width:1000px;margin:0px auto;padding:50px 0;color:#c01b00;text-align:center}
#tail_wrap a{color:#c01b00}
#tail_wrap a:hover{font-weight:bold}
