@charset "utf-8";
@import url(board.css);


/* default */
@font-face {
  font-family: 'NG';
  font-style: normal;
  font-weight: 400;
  src: url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot);
  src: url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff2) format('x-woff2'),
       url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff) format('woff'),
       url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'NGB';
  font-style: normal;
  font-weight: 700;
  src: url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot);
  src: url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff2) format('x-woff2'),
       url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff) format('woff'),
       url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'NGEB';
  font-style: normal;
  font-weight: 700;
  src: url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot);
  src: url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff2) format('x-woff2'),
       url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff) format('woff'),
       url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.ttf) format('truetype');
}




html {margin:0;padding:0; background-color: #fff; }
body {/*background-color: #323232;*/margin:0; padding:0; font-family:"NG", "돋움", Dotum, "굴림", Gulim, "Lucida Grande", Tahoma, Verdana, 'Open Sans', sans-serif; font-size:16px;line-height:25px;color:#555;letter-spacing:0;-webkit-text-size-adjust:none;}
div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,input,table,tr,th,td,button,textarea,select {margin:0;padding:0;}
img {border:0;vertical-align:top;}
ul,ol,dl,dt,dd,li {list-style:none;}
table, th, td {border-collapse:collapse;border-spacing:0;font-weight: normal;}
caption {display:block;text-indent:-9999em;overflow:hidden;height:0;font-size:0;line-height:0;}
fieldset, blockquote, iframe, button {border:none;}
i, em, u, cite {font-style:normal;}

a {color:#292a37;text-decoration:none;}
input {font-family: 'arm',sans-serif;}
button {background:transparent;cursor:pointer;vertical-align:middle;margin:0;}
button,input[type="submit"], input[type="button"], input[type="reset"] {cursor:pointer;-webkit-appearance:none;}


a:link {text-decoration:none; color:#555; }
a:visited {text-decoration:none; color:#555;}
a:active {text-decoration:none; color:#555;}
a:hover {text-decoration:none; color:#896d4a;}



.mt0 {margin-top:0px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}
.mt70 {margin-top:70px !important;}
.mt80 {margin-top:80px !important;}
.mt90 {margin-top:90px !important;}
.mt100 {margin-top:100px !important;}
.ml40 {margin-left:40px !important;}







.wrapper { position: relative; min-width:1180px;  }
.header-container {position: relative;height:120px; background:url(../images/common/top_bg.jpg) repeat-x center;  z-index:9999;}

.dimd { display: none;}
.subpagecolor { background-color: #f6f6f6;}
 
/* header */ 
#top {position: relative;  width:1180px; height:120px;  margin:0 auto;}
#top h1 {position:absolute; top:25px; z-index:9999; left:0;}

#util {position: absolute; top:15px; right:0; z-index:9999; }
#util ul li {float:left; height:12px; line-height:11px;  padding:0 12px;}
#util ul li a {font-size:12px; color:#888;}
#util ul li.last {border-right:none; padding:0 0 0 12px;}

.head-nav { display: block; position:absolute; top:49px;; left:270px; z-index:99999; }


#menu {width:910px; border-top:1px solid #373739;  }

#menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left; }

#menu ul li {margin:0; padding:0; list-style:none;  padding:15px 40px 15px 28px;}

#menu ul li a {display: block;  font-size:18px;  color:#fff; font-family:'Open Sans'; font-weight:600; line-height:20px;}
#menu ul li a p { font-family:'NGB';color:#656565; font-size:12px;}

#menu ul li ul {position:absolute; left:-9999px; top:70px !important; margin-left:-30px;}
#menu ul li ul li {width:150px;  text-align:left; padding:0 30px;}
#menu ul li ul li a {font-family:'NG'; font-weight:lighter; font-size:13px; color:#fff;background:#000; padding:0 25px; line-height:41px; border-bottom:1px solid #333; border-left:none; opacity:0.7;}
#menu ul li ul li ul {top:42px !important;}
#menu ul li ul li ul li {width:auto;}
#menu ul li ul li ul li a {background:#333;}

#menu ul li a:hover { font-family:'Open Sans';  color:#ce8a01;}

#menu ul li ul li a:hover {background:#111;  font-family:'NG';  color:#fff;  font-size:13px; padding:0 25px; line-height:41px; border-left:none;}
#menu ul li:hover > ul {visibility:visible; left:0; top:45px;}
#menu ul ul li:hover > ul {visibility:visible; left:100%; top:auto; margin-top:-42px; margin-left:0; border-left:1px solid #3d3d3d; background:#000 !important; }
#menu ul ul li:hover > ul li a{color:#777; border-bottom:1px solid #3d3d3d !important;}

#menu ul.level1 li.level1-li {float:left; display:block; position:relative; }


#menu a:hover a:hover ul, 
#menu a:hover a:hover a:hover ul {left:100%; visibility:visible; }

#menu li.left a:hover a:hover ul, 
#menu li.left a:hover a:hover a:hover ul {left:auto; right:0; visibility:visible;}

#menu a:hover ul ul, 
#menu a:hover a:hover ul ul {left:-9999px;}
#menu li.left a:hover ul ul, 
#menu li.left a:hover a:hover ul ul {left:-9999px;}



#menu li:hover > a ,
#menu ul li:hover > a.fly {  font-family:'Open Sans';  color:#ce8a01; }

#menu ul li ul li:hover > a ,
#menu ul li ul li:hover > a.fly {  font-family:'NG';  color:#fff; background:#6b4b07; }

#menu ul li ul li ul li:hover > a ,
#menu ul li ul li ul li:hover > a.fly {  font-family:'NG';  color:#fff; background:#222;}






/* footer */ 
#footer_wrap {clear:both; position: relative; padding:45px 0;  background:#818285; }
#footer_wrap .footer {position: relative; width:1180px; margin:0 auto; color:#fff; font-size:14px;  line-height:20px;}
#footer_wrap .footer .address {float:left;}
#footer_wrap .footer .address span {background:url(../images/common/footer_line.jpg) no-repeat 0 5px; margin-left:15px; padding-left:20px;}
#footer_wrap .footer .f_m {float:right; text-align:right;}
#footer_wrap .footer .f_m ul li {height:24px;}
#footer_wrap .footer .f_m a {color:#fff;}

/* main */



/******* visual *********************************/ 
.slider02 {width:100%; height:800px; overflow:hidden; margin: 0; padding: 0;position: relative; zoom: 1;}
.slider02 .flex-viewport {max-height: 2000px;}
.slider02 .slides {zoom: 1;margin: 0; padding: 0;}
.slider02 .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.slider02 .slides img {margin-left:-960px; padding-left:50%; display: block;}

/* Direction Nav */
.slider02 .flex-direction-nav {*height: 0;margin: 0; padding: 0; list-style: none; display:block;}
.slider02 .flex-direction-nav a {width: 40px; height: 81px; margin: -20px 0 0; display: block; background: url(./bg_direction_nav.png) no-repeat 0 0; 
	position: absolute; top: 45%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .2s ease;}
.slider02 .flex-direction-nav .flex-prev {left:50%; margin-left:-630px;  background:url(../images/main/btn_prev.png) no-repeat 0 0;}
.slider02 .flex-direction-nav .flex-next {left:50%; margin-left:590px;  background:url(../images/main/btn_next.png) no-repeat 0 0;}

/* Control Nav */
.slider02 .flex-control-nav {width: 100%; position: absolute; bottom:0px; text-align: center;margin: 0; padding: 0; list-style: none; .left:0; display:none;}
.slider02 .flex-control-nav li {margin: 0 4px; display: inline-block; zoom: 1; *display: inline;}
.slider02 .flex-control-paging li a {width: 6px; height: 6px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.slider02 .flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.slider02 .flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }
/******* //visual *********************************/ 



h2 {color:#000; font-size:45px; font-family: 'NGEB'; line-height:50px;}
.black24 {color:#222; font-size:24px; line-height:30px;}
.white24 {color:#fff; font-size:24px; line-height:30px;}
.orange17 {color:#eab206;}
.orange18 {color:#f57900;}


#menulist_wrap {position:relative;  clear:both; background:url(../images/main/menu_bg.jpg) repeat-y; padding:90px 0 140px 0;}
#menulist_wrap .menulist {position:relative;  clear:both; width:1180px; margin:0 auto; text-align:center; font-size:17px;}
#menulist_wrap .menulist h3 {font-size:30px; font-family: 'NGB'; margin-top:50px; padding-left:10px;}

/******* menulist *********************************/ 
.slider01 {width:1200px; height:450px;margin: 0; padding: 0;position: relative; zoom: 1; }
.slider01 .flex-viewport {max-height: 2000px;}
.slider01 .slides {zoom: 1;margin: 0; padding: 0;}
.slider01 .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.slider01 .slides li ul li {float:left; margin:10px; background:#fff; width:378px;border:1px solid #e5e5e5;}
.slider01 .slides li ul li p {padding:20px 40px 40px 40px; height:140px; text-align:left; font-size:16px; line-height:25px; }
.slider01 .slides li ul li p span {color:#222; font-size:24px; font-family: 'NGB'; line-height:60px; }
.slider01 .slides li ul li p .info {border:1px solid red;}
.slider01 .slides img {width: 378px; height:250px; display: block;}
/* Direction Nav */
.slider01 .flex-direction-nav {*height: 0;margin: 0; padding: 0; list-style: none; display:none;}
.slider01 .flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(./bg_direction_nav.png) no-repeat 0 0; 
	position: absolute; top: 80%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;}
.slider01 .flex-direction-nav .flex-next {background-position: 100% 0; right: 5px; }
.slider01 .flex-direction-nav .flex-prev {right: 29px;}

/* Control Nav */
.slider01 .flex-control-nav {width: 100%; position: absolute;top:480px; text-align: center; margin: 0; padding: 0; list-style: none; font-size:0;.left:0;}
.slider01 .flex-control-nav li {margin: 0 7px; display: inline-block; zoom: 1; *display: inline;}
.slider01 .flex-control-paging li a {width: 15px; height: 15px; display: block; background: #b0b0b0; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.slider01 .flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.slider01 .flex-control-paging li a.flex-active { background: #ff5a00;  cursor: default; }
/******* //menulist *********************************/ 


/******* menulist *********************************/ 
.slider03 {width:1200px; height:450px;margin: 0; padding: 0;position: relative; zoom: 1; }
.slider03 .flex-viewport {max-height: 2000px;}
.slider03 .slides {zoom: 1;margin: 0; padding: 0;}
.slider03 .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.slider03 .slides li ul li {float:left; margin:10px; background:#fff; width:378px;border:1px solid #e5e5e5;}
.slider03 .slides li ul li p {padding:20px 40px 40px 40px; height:140px; text-align:left; font-size:16px; line-height:25px; }
.slider03 .slides li ul li p span {color:#222; font-size:24px; font-family: 'NGB'; line-height:60px; }
.slider03 .slides li ul li p .info {border:1px solid red;}
.slider03 .slides img {width: 378px; height:250px; display: block;}
/* Direction Nav */
.slider03 .flex-direction-nav {*height: 0;margin: 0; padding: 0; list-style: none; display:none;}
.slider03 .flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(./bg_direction_nav.png) no-repeat 0 0; 
	position: absolute; top: 80%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;}
.slider03 .flex-direction-nav .flex-next {background-position: 100% 0; right: 5px; }
.slider03 .flex-direction-nav .flex-prev {right: 29px;}

/* Control Nav */
.slider03 .flex-control-nav {width: 100%; position: absolute;top:480px; text-align: center; margin: 0; padding: 0; list-style: none; font-size:0;.left:0;}
.slider03 .flex-control-nav li {margin: 0 7px; display: inline-block; zoom: 1; *display: inline;}
.slider03 .flex-control-paging li a {width: 15px; height: 15px; display: block; background: #b0b0b0; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.slider03 .flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.slider03 .flex-control-paging li a.flex-active { background: #ff5a00;  cursor: default; }
/******* //menulist *********************************/ 


#brand {position:relative;  clear:both; width:1180px; margin:0 auto; padding:90px 0;}
#brand .img {float:left; width:680px;}
#brand .brand_info {float:right; width:445px;}
#brand .brand_info .tt {background:url(../images/main/bar_red.jpg) no-repeat left top; font-family:'Open Sans'; color:#333; font-size:23px; padding-top:10px;}
#brand .brand_info .tt span {font-weight:700;}
#brand .brand_info p span {color:#eab206;}
#brand .brand_info p.btn a {width:240px; text-align:center;display:block;  background:#ed1c24; color:#fff; font-size:22px; font-family: 'NGB'; line-height:60px; letter-spacing:-0.05em;  border-radius:5px;}

#cooking_wrap {position:relative;  clear:both; background:url(../images/main/cooking_bg.jpg) no-repeat; padding:120px 0; text-align:center; color:#fff; font-size:17px;}
#cooking_wrap h2 {color:#fff;}
#cooking_wrap p.btn {width:240px; text-align:center; margin:0 auto;}
#cooking_wrap p.btn a {display:block;  background:#fff; color:#000; font-size:22px; font-family: 'NGB'; line-height:60px; letter-spacing:-0.05em;  border-radius:5px;}


#franchise_wrap {position:relative;  clear:both; background:url(../images/main/franchise_bg.jpg) no-repeat center; padding:110px 0; text-align:center; color:#fff; font-size:17px;}
#franchise_wrap .tt {background:url(../images/main/bar_red.jpg) no-repeat center bottom; font-family:'Open Sans'; color:#fff; font-size:23px; padding-bottom:25px;}
#franchise_wrap .tt span {font-weight:700;}
#franchise_wrap h2 {color:#fff;}
#franchise_wrap p.btn {width:240px; text-align:center; margin:0 auto;}
#franchise_wrap p.btn a {display:block;  background:#ed1c24; color:#fff; font-size:22px; font-family: 'NGB'; line-height:60px; letter-spacing:-0.05em;  border-radius:5px;}

#company_wrap {position:relative;  clear:both; background:url(../images/main/company_bg.jpg) no-repeat center; padding:80px 0; text-align:left; color:#fff; font-size:17px;}
#company_wrap .company {width:590px; margin:0 auto; padding-right:590px;}
#company_wrap .company h2 {color:#fff;}
#company_wrap .company .tt {background:url(../images/main/bar_red.jpg) no-repeat left top; font-family:'Open Sans'; color:#fff; font-size:23px; padding-top:10px;}
#company_wrap .company .tt span {font-weight:700;}
#company_wrap .company p span {color:#eab206;}
#company_wrap .company p.btn {width:240px; text-align:center; }
#company_wrap .company p.btn a {display:block;  background:#663500; color:#fff; font-size:22px; font-family: 'NGB'; line-height:60px; letter-spacing:-0.05em;  border-radius:5px;}


#customer_wrap {position:relative;  clear:both; padding:80px 0 90px 0; background:#505050; font-size:17px;}
#customer_wrap .customer {position:relative;  clear:both; width:1180px; margin:0 auto;}
#customer_wrap .customer .tt {float:left; width:130px; background:url(../images/main/bar_red.jpg) no-repeat left top; font-family:'Open Sans'; color:#fff; font-size:23px; padding-top:10px;}
#customer_wrap .customer .tt span {font-weight:700;}
#customer_wrap .customer .info {float:left; width:350px; margin-left:60px; color:#fff; letter-spacing:-0.05em;}
#customer_wrap .customer .info h2 {color:#fff;}
#customer_wrap .customer .info .call {color:#eab206; font-size:50px; font-family: 'NGEB'; line-height:50px;}
#customer_wrap .customer .round {float:right; width:630px;}
#customer_wrap .customer .round ul li {float:left; width:150px; font-size:19px; text-align:center; background:#fff; border-radius:100px;   margin-left:60px;}
#customer_wrap .customer .round ul li img {margin-bottom:10px;}
#customer_wrap .customer .round ul li a {display:block;padding:30px 0; }






/* sub */

#loca {position:relative; clear:both;  color:#888;  background:#f4f4f4; border-bottom:1px solid #dfdfdf; border-top:1px solid #dfdfdf;}
#loca ul {width:1100px; margin:0 auto; }
#loca ul li {float:left; height:45px; line-height:45px; padding:0 15px;border-right:1px solid #dfdfdf;}
#loca ul li.home {border-left:1px solid #dfdfdf;}
#loca ul li.home img {margin-top:15px;}

#s_contents {position:relative; width:1100px; margin:0 auto; min-height:200px; padding:50px 0 80px 0;}



#s_visual {position:relative; clear:both; text-align:center; line-height:300px; color:#fff; font-family: 'NGEB'; font-size:50px; letter-spacing:10px;}

.vis_brand {background:url(../images/sub/visual04.jpg) no-repeat center;}
.vis_cooking {background:url(../images/sub/visual02.jpg) no-repeat center;}
.vis_products {background:url(../images/sub/visual01.jpg) no-repeat center;}
.vis_franchise {background:url(../images/sub/visual.jpg) no-repeat center;}
.vis_store {background:url(../images/sub/visual.jpg) no-repeat center;}
.vis_support {background:url(../images/sub/visual06.jpg) no-repeat center;}
.vis_company {background:url(../images/sub/visual.jpg) no-repeat center;}
.vis_factory {background:url(../images/sub/visual03.jpg) no-repeat center;}



#snb_wrap {position:relative; clear:both; height:66px; background:#a36f00; z-index:2;}
.snb {position:relative; clear:both; text-align:center; }
.snb ul li { display:inline-block;  .display:inline-block;zoom:1;#display:inline; margin:0;}
.snb ul li a {display:block; padding:24px 60px; font-size:17px; color:#fff; font-family: 'NGB'; line-height:18px; margin:0;}
.snb ul li a:hover {background:#956500;}
.snb ul li a.snb_on {background:#444; text-decoration:none;}



h3 {color:#222; font-size:38px; line-height:40px; font-weight:lighter; letter-spacing:-0.05em; margin-bottom:30px;}
h4 {color:#af7700; font-size:24px; line-height:25px; letter-spacing:-0.05em; margin-bottom:20px;}

#contents {position:relative; clear:both; text-align:center;}
#contents .con {position:relative; clear:both; width:1180px; margin:0 auto; padding:100px 0;}


.ptb100 {padding:100px 0;}
.pt100 {padding-top:100px;}

.policybox{position:relative; clear:both; border:1px solid #dfdfdf; padding:20px; margin-top:25px;}
.policybox textarea {width:96%; height:120px; padding:2%; border:0; line-height:20px; font-size:14px; font-family: 'NG'; margin-top:20px;}

.ml20 {margin-left:20px;}






#store {position:relative; clear:both; width:1180px; margin:0 auto;}
.findStore{overflow:hidden;border-bottom:1px solid #dfdfdf;padding:0 0 50px 0;margin-bottom:25px;}
.findStore .map_area{float:left;width:456px;height:490px;border:1px solid #dfdfdf;margin:11px 55px 0 0;}
.findStore .search_area{float:left;}
.findStore .search_area h3{font-size:20px;color:#a36f00;text-indent:-15px; line-height:30px; text-align:left;}
.findStore .search_area .search_bar{text-align:left;padding-bottom:43px}
.findStore .search_area .map_tab{width:580px;overflow:hidden; }
.findStore .search_area .map_tab li{float:left;padding:0 11px 11px 0;}
.findStore .search_area .map_tab li a{display:block;border:1px solid #dfdfdf;background:#f7f7f7;color:#403c3f;width:130px;height:43px;line-height:43px;text-align:center;}
.findStore .search_area .map_tab li a:hover{color:#fff;background:#102b45}
.findStore .search_area .map_tab li a:focus{color:#fff;background:#102b45}
.findStore .search_area .map_tab li a.on{color:#fff;background:#102b45}

.findStore_list{position:relative; clear:both;}
.findStore_list table img {width:100%;}
.findStore_list table .storename {font-size:19px;  font-family: 'NGB'; color:#333;}

.findStore_view{overflow:hidden;border-bottom:1px solid #dfdfdf;border-top:2px solid #102b45;padding:30px 0;position:relative;}
.findStore_view .img{float:left;width:458px;margin-right:40px;}
.findStore_view .img .img1{float:left;border:1px solid #dfdfdf;margin-bottom:8px}
.findStore_view .img .img2{float:left;border:1px solid #dfdfdf;margin-right:8px}
.findStore_view .img .img3{float:left;border:1px solid #dfdfdf}
.findStore_view .txt_detail{float:left;width:500px}
.findStore_view .txt_detail h3{font-size:31px;color:#474747;font-weight:normal;padding-bottom:15px}
.findStore_view .txt_detail ul li{font-size:20px;padding-bottom:7px;background:url(/images/ico_circle.gif) no-repeat left 14px;padding-left:10px}
.linkMap{position:absolute;right:10px;bottom:30px;display:block;border:1px solid #102b45}
.linkMap .bg{display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:#102b45;z-index:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
}
.linkMap .tit{display:block;position:relative;z-index:100;width:140px;height:50px;line-height:50px;text-align:center;font-weight:bold\9;color:#4f2549;font-size:16px;font-weight:bold}
.linkMap .tit:hover{color:#fff}
.linkDetail{position:absolute;right:10px;top:25%;display:block; border-radius:10px; background:#102b45;}
.linkDetail .bg{display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:#4f2549;z-index:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
}
.linkDetail .tit{display:block;position:relative;z-index:100;width:140px;height:50px;line-height:50px;text-align:center;font-weight:bold\9;color:#fff;font-size:16px;font-weight:bold}
.linkDetail .tit:hover{color:#fff}
.findStore_detail{padding:20px;border-bottom:1px solid #dfdfdf}

#canvas {line-height:15px !important;}
/* map */
#canvas {float:left; position:relative; width: 320px; height:400px;top:50%; left: 50%;margin:-200px 0 0 -160px}
#south {width: 320px; height:400px; position: absolute; top: 0px; left: 0;}

#canvas h2{ padding:0; margin:0; font-size:13px; line-height:18px; color:#fff;}

#seoul, #gygg, #incheon, #gangwon, #chungbuk, #chungnam, #daejeon, #sejong, #jeonbuk, #jeonnam, #gwangju, #gyeongbuk, #gyeongnam, #daegu, #busan, #ulsan, #jeju { display: none; position: absolute;  background-color:#a36f00; color:#fff; padding:5px 10px; text-align:center; border-radius:10px;}

#seoul{ left:80px; top:75px; }
#gygg{ left:80px; top:45px; }
#incheon{ left:60px; top:75px; }
#gangwon{ left:150px; top:45px; }
#chungbuk{ left:120px; top:145px; }
#chungnam{ left:60px; top:165px; }
#daejeon{ left:80px; top:165px; }
#sejong{ left:70px; top:145px; }
#jeonbuk{ left:60px; top:205px; }
#jeonnam{ left:60px; top:260px; }
#gwangju{ left:	60px; top:260px; }
#gyeongbuk{ left:150px; top:165px; }
#gyeongnam{ left:130px; top:240px; }
#daegu{ left:170px; top:210px; }
#busan{ left:190px; top:250px; }
#ulsan{ left:200px; top:225px; }
#jeju{ left:80px; top:340px; }



#store .store_btn {display:none;position:relative; clear:both; text-align:right; height:40px;}
#store .store_btn a {background:#102b45; padding:10px 20px; margin-left:10px; color:#fff;}

#store .store_view {position:relative; clear:both; border-top:1px solid #102b45; border-bottom:1px solid #dfdfdf; padding:30px 0;}
#store .store_view .img {float:left; width:500px;}
#store .store_view .info {float:right; width:600px;position:relative; text-align:left;}
#store .store_view .info .tit {font-size:30px; color:#333; font-family: 'NGB';padding:10px 0 20px 10px;}
#store .store_view .info ul li {background:url(../images/sub/icon_violet.jpg) no-repeat 0 10px; padding-left:10px; font-size:18px; margin:10px 0;}
#store .store_view .info a.btn_map {position:absolute; right:0; bottom:0; border:1px solid #102b45; color:#102b45; font-family: 'NGB'; padding:10px 30px;}



#greeting_wrap {position:relative; clear:both;}
#greeting_wrap .greeting1 {position:relative; clear:both; background:url(../images/sub/wave_bg.jpg); padding:110px 0; line-height:30px;}
#greeting_wrap .greeting1 p span {color:#a36f00;}
#greeting_wrap .greeting2 {position:relative; clear:both; background:url(../images/company/greeting_bg.jpg); padding:170px 0; line-height:30px; color:#fff;}
#greeting_wrap .greeting2 h3 {color:#fff;}


#history {position:relative; clear:both; padding:110px 0; width:1180px; margin:0 auto;}
#history .list  {position:relative; clear:both; border-top:1px solid #a36f00; border-bottom:1px solid #dfdfdf; padding:30px 0; text-align:left;}
#history .list .years {float:left; width:180px; text-align:center; color:#a36f00; font-size:30px;  font-family: 'NGEB'; line-height:40px; background:url(../images/sub/icon_tt1.jpg) no-repeat 0 0;}
#history .list .info {float:right; width:1000px; border-bottom:1px solid #efefef; padding:15px 0;}
#history .list .info ul {float:left; margin:0 30px;}
#history .list .info ul.year {color:#333; font-size:19px; font-family: 'NGB';}
#history .list .info ul li {margin:5px 0;}
#history .list .info ul li span {font-family: 'NGB'; margin-right:15px; color:#146197;}
#history .list .last {border-bottom:0;}

#organization_wrap {position:relative; clear:both; padding:110px 0; background:#dcd5b9; }


#license {position:relative; clear:both; padding:110px 0; }
#license .list {position:relative; clear:both; text-align:center; width:1180px; margin:0 auto;}
#license .list ul li {width:320px; text-align:center; margin:20px 50px 20px 50px; display:inline-block;  .display:inline-block;zoom:1;#display:inline;}
#license .list2 {position:relative; clear:both; text-align:center; width:1180px; margin:0 auto;}
#license .list2 ul li {width:320px; text-align:center;  margin:20px 30px 20px 30px;  display:inline-block;  .display:inline-block;zoom:1;#display:inline;}

#license p {color:#333; font-size:17px; font-family: 'NG';  padding:10px 0;}

.bt1 {position:relative; clear:both;  border-top:1px solid #eaeaea;}


#map_wrap {position:relative; clear:both; padding:110px 0 0 0;}
#map_wrap span {color:#a36f00; font-family: 'NGEB'; }
#map {position:relative; clear:both;   overflow:hidden; margin-top:80px;}
#map .frame {width:1920px; height:500px; margin-left:-960px;padding-left:50%;}

#map_wrap table {width:700px; border-top:1px solid #dfdfdf;}
#map_wrap table th, #map_wrap table td {border-bottom:1px solid #dfdfdf; padding:20px 30px;}
#map_wrap table td {text-align:left;}


#cooking  {position:relative; clear:both; padding:110px 0; width:1180px; margin:0 auto;}
#cooking .list_wrap {position:relative; clear:both; margin-top:40px;}
#cooking .list_wrap .list {position:relative; float:left; width:310px; margin-left:50px; border:1px solid #eaeaea; padding:24px; margin-top:30px;}
#cooking .list_wrap .list .img{position:relative; clear:both; width:310px; height:240px;}
#cooking .list_wrap .list .info {position:relative; clear:both;  text-align:left; font-size:14px; line-height:24px; padding:0 0 50px 0;}
#cooking .list_wrap .list .info .tt {position:relative; clear:both; color:#a36f00; font-size:19px; font-family: 'NGB'; padding:20px 0 5px 0;}
#cooking .list_wrap .list .info .tt2 {position:relative; clear:both; width:70px; color:#fff; font-family: 'NGB'; background:#a36f00; border-radius:20px; text-align:center; margin-bottom:5px;}
#cooking .list_wrap .list .info .gram {position:absolute; bottom:0; left:0;}

.line2 {height:45px;}
.line3 {height:70px;}
.line4 {height:90px;}
.line5 {height:115px;}
.line6 {height:140px;}

#cooking .list_wrap .ml0 {margin-left:0;}


#brand_history {position:relative; clear:both; padding:110px 0;}
#brand_history .historyinfo {position:relative; clear:both; padding:100px 0 0 0;  background:url(../images/brand/0101.jpg) no-repeat;}
#brand_history .historyinfo ul {width:1180px; margin:0 auto; }
#brand_history .historyinfo ul li {float:left; width:50%; height:600px; text-align:center;}
#brand_history .historyinfo ul li p.year {font-size:35px;color:#000;  font-family: 'NGEB'; line-height:50px; padding:30px 0 10px 0;}
#brand_history .philosophy {position:relative; clear:both; padding:100px 0 0 0;  width:1180px; margin:0 auto; }
#brand_history .philosophy .box {border:10px solid #a36f00; padding:50px;}
#brand_history .philosophy .box ul li {float:left;  text-align:left; font-size:19px;  font-family: 'NGB'; line-height:50px;}
#brand_history .philosophy .box ul li span {color:#a36f00;}
#brand_history .philosophy .box ul li.img {text-align:center; width:400px;}

#cibi {position:relative; clear:both; padding:110px 0; width:1180px; margin:0 auto; }



#interior {position:relative; clear:both; padding:110px 0; width:1180px; margin:0 auto;}



#story {position:relative; clear:both; }
#story .story1 {position:relative; clear:both; padding:100px 0; background:url(../images/brand/0301.jpg) no-repeat center;}
#story .story1 .i {font-style:italic;}
#story .story1 .tt {font-size:40px;color:#b57b00;  font-family: 'NGEB'; margin-bottom:20px;}
#story .story1 p {margin-bottom:20px;}
#story .story2 {position:relative; clear:both; padding:100px 0; background:url(../images/brand/0302.jpg) no-repeat center;}
#story .story2 h3 {color:#fff;}
#story .story2 div {width:1180px; margin:0 auto;}
#story .story2 div ul li {float:left; width:440px; margin:45px; padding:50px 30px; background:#fff; border-radius:50px 0 50px 0;}
#story .story2 div ul li p {color:#b57b00; font-size:50px; font-family: 'NGEB'; line-height:60px; margin-bottom:10px; font-style:italic;}
#story .story2 div ul li span {font-size:13px; letter-spacing:-0.05em;}
#story .story3 {position:relative; clear:both; padding:100px 0; }
#story .story3 .type {position:relative;  width:1180px; margin:0 auto; text-align:left;}
#story .story3 .type ul {float:left; width:50%;}
#story .story3 .type ul li {position:relative; margin:0 20px; border-bottom:1px solid #eee; padding:20px 10px 20px 110px; line-height:35px;}
#story .story3 .type span {position:absolute;color:#fff; font-size:17px; font-family: 'NGB'; left:0; width:100px; text-align:center; background:#b57b00; border-radius:20px; padding:5px 0; line-height:25px; letter-spacing:-0.05em;}
#story .story4 {position:relative; clear:both; padding:130px 0; background:url(../images/brand/0303.jpg) no-repeat center; color:#fff;}
#story .story4 h3 {color:#fff;}



.gallery_txt {position:relative; clear:both; }
.gallery_txt p.tel {color:#a36f00; font-size:25px; font-family: 'NGEB'; }
.gallery_txt p span {margin-left:30px;}




#factory {position:relative;  clear:both; width:1180px; margin:0 auto; padding:110px 0;}
#factory .info {position:relative;  clear:both;  text-align:left; margin-top:70px;}
#factory .info .tt2 {position:relative;  clear:both; color:#000; font-size:19px; text-align:left; }
#factory .info .tt2  span {color:#fff; font-size:22px;font-family: 'NGB'; background:#444; padding:10px 20px; margin-right:10px; border-radius:50px;}
#factory .tt {position:relative;  clear:both;  color:#a36f00; font-size:25px; font-family: 'NGB'; text-align:left; line-height:50px;}

#factory .f_l {float:left;}
#factory .f_r {float:right;}

.ml50 {margin-left:50px;}


#other {position:relative; clear:both; width:600px; padding:20px; margin:0 auto; border:10px solid #073d69;}
#other h2 {font-size:30px; color:#222; font-family: 'NGB'; text-align:center; padding:20px 0;}
#other textarea{padding:10px; width:580px; height:500px; border:1px solid #dfdfdf; font-family:'NG'; font-size:13px; line-height:23px;}