@charset "utf-8";


html { overflow-x: hidden; }
body { min-width: 320px; }
.brand_mobile { display: none; }
.mobile_btn { display: none; }
.wrap { position: relative; margin: 0 auto; width: 940px; z-index: 100; *zoom: 1; }
.wrap:after { content:""; display: block; clear: both; }

.btn_mobilemenu { display: none; }
.dim { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.4); z-index: 9999; }

#video_area { display: block; position: fixed; top: 0px; left: 0;  width: 100%; height: 100%; z-index: -1; overflow: hidden; box-sizing: border-box; -webkit-box-sizing: border-box; background-color: #000; } 
#video_area [id^=player] { display: none; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%;  opacity: 0; filter: Alpha(opacity=0); }
#video_area [id^=player].active { display: block; opacity: 1; filter: Alpha(opacity=100);  }


body.sub #middle { padding-top: 105px; background: #fff; }

#header { position: absolute; left: 0; top: 0; width: 100%; height: 140px; background: url('../images/background/bg_gnb_depth03.png') repeat-x 0 0; z-index: 1000; text-align: center; }
body.sub #header { height: 104px; overflow: hidden; }

#header h1 { display: inline-block; margin-bottom: 16px; padding-top: 21px; *display: inline; *zoom: 1; }
#header h1 a { display: block; }

.language { position: absolute; left: 0; top: 19px; /*  opacity: 0; filter:alpha(opacity=0); visibility: hidden; */ }
.language > * { position: relative; display: inline-block; font-size: 11px; border: 1px solid #ccc; line-height: 24px; color: #999; padding: 0 8px; vertical-align: middle; *zoom: 1; *display: inline; z-index: 1; }
.language > * + * { margin-left: -1px; }
.language .current { color: #434343; border: 1px solid #333; z-index: 2; }

/* popup_intro */
.popup_intro { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1100; }
.popup_intro_wrap { position: absolute; top: 50%; left: 50%; margin: -270px 0 0 -470px; width: 940px;  z-index: 10; *zoom: 1; }
.popup_intro_wrap:after { content: ""; display: block; clear: both; }
.popup_intro .btn_close { position: absolute; top: 0; right: 0px; }
.btn_close { padding-top: 32px; width: 32px; height: 0; background: url("../images/button/btn_close.png") no-repeat 0 0; overflow: hidden; }
.bg_trans { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.8; filter: Alpha(opacity=80); }
.tit_intro { margin: 0 auto; margin-bottom: 50px; padding-top: 30px; width: 356px; height: 0; background: url("../images/common/tit_intro.png") no-repeat 0 0; overflow: hidden; }
.ssg_intro_list { line-height: 0; font-size: 0; text-align: center; }
.ssg_intro_list li { display: inline-block; margin-left: 5px; vertical-align: top; *display: inline; *zoom: 1; }
.ssg_intro_list li:first-child { margin: 0; }
.ssg_intro_list li a { display: block; padding-top: 414px; width: 230px; height: 0; overflow: hidden; }
.intro_company a { background: url("../images/background/bg_intro_company.png") no-repeat 0 0; }
.intro_business a { background: url("../images/background/bg_intro_business.png") no-repeat 0 0; }
.intro_brand a { background: url("../images/background/bg_intro_brand.png") no-repeat 0 0; }
.intro_csr a { background: url("../images/background/bg_intro_csr.png") no-repeat 0 0; }
.intro_company a:hover { background: url("../images/background/bg_intro_company_over.png") no-repeat 0 0; }
.intro_business a:hover { background: url("../images/background/bg_intro_business_over.png") no-repeat 0 0; }
.intro_brand a:hover { background: url("../images/background/bg_intro_brand_over.png") no-repeat 0 0; }
.intro_csr a:hover { background: url("../images/background/bg_intro_csr_over.png") no-repeat 0 0; }
.popup_intro_wrap .language { top: 0; left: 0; }
.popup_intro_wrap .language > * { border: 1px solid #6a6867; }
.popup_intro_wrap .language .current { color: #fff; border: 1px solid #fff; }

#gnbForMobile { display: none; }

#header #gnb { position: relative; bottom: -1px; text-align: center; }
#header #gnb > ul { }
#header #gnb > ul > li { margin-left: 53px; min-width: 82px;  }
#header #gnb > ul > li:first-child { margin-left: 0px; }
#header #gnb > ul > li > a { display: block; padding: 0 4px; height: 40px; color: #444; font-weight: bold; line-height: 35px; font-size: 16px; overflow: hidden;  text-transform: uppercase; vertical-align: middle; letter-spacing: 2px; transition: border linear 0.2s;}
#header #gnb > ul > li.on > a { /* color: #605449; background: #c4df3b; */ box-sizing: border-box; border-bottom-width: 3px; border-bottom-style: solid; border-color: #000; }
#header #gnb > ul > li.gnb_csr { margin-left: 25px; }
#header #gnb > ul > li.gnb_cs { margin-left: 25px; }

#header #gnb .gnb_brand .depth02,
#header #gnb .depth03 { display: none !important; }
.sub #header #gnb .gnb_brand.on .depth02,
.sub #header #gnb .depth02 li.on .depth03 { display: block !important; }


#header .search_form { position: absolute; bottom: -1px; right: 0; width: 140px; height: 41px; border-bottom: 1px solid #444; z-index: 2; *bottom: 2px; }
#header .search_form > button { display: none; }
#header .search_form fieldset { overflow: hidden; width: 100%; }
#header .search_form input[type='text'] { line-height: 41px; width: 109px; height: 41px; font-size: 13px; font-weight: bold; color: #000; text-indent: 5px; border: 0 none; background-color: transparent; float: left; }
#header .search_form input[type='image'] { float: right; }


#header #gnb > ul > li.on > a { transition: border linear 0.2s; }
#header #gnb > ul > li.gnb_company.on > a { border-color: #d2492c; }
#header #gnb > ul > li.gnb_business.on > a { border-color: #61b0d1; }
#header #gnb > ul > li.gnb_brand.on > a { border-color: #ffb600; }
#header #gnb > ul > li.gnb_csr.on > a { border-color: #65b26e; }

#header #gnb > ul > li.gnb_business .depth02 > li:first-child + li + li + li + li   { margin-left:12px; margin-top: 7px; height: 25px; }
#header #gnb > ul > li.gnb_business .depth02 > li:first-child + li + li + li + li + li   { margin-left: 9px; margin-top: 7px; height: 25px; }
#header #gnb > ul > li.gnb_business .depth02 > li:first-child + li + li + li + li + li + li  { margin-left: 9px; margin-top: 7px; height: 25px; }

#header #gnb > ul > li.gnb_business .depth02 > li:first-child + li + li + li + li a,
#header #gnb > ul > li.gnb_business .depth02 > li:first-child + li + li + li + li + li a,
#header #gnb > ul > li.gnb_business .depth02 > li:first-child + li + li + li + li + li + li a { padding: 0 12px;  height: 23px; line-height: 23px; }

#header #gnb > ul > li.gnb_business .depth02 > li:first-child + li + li + li + li a { color: #2587c0; border: 1px solid #2587c0; }
#header #gnb > ul > li.gnb_business .depth02 > li:first-child + li + li + li + li + li a { color: #eb0101; border: 1px solid #ee4242; }

#header #gnb > ul li { display: inline-block; vertical-align: top; position: relative;  *display: inline; *zoom: 1; }
#header #gnb > ul > li.on .depth02 { display: block; text-align: center; }
#header #gnb > ul > li.on .depth02 > li { display: inline-block; vertical-align: top; position: relative;  *display: inline; *zoom: 1; }

#header #gnb > ul .depth02 { display: none; position: absolute; bottom: -41px; left: -150%; width: 450%; height: 41px; font-size: 0; white-space: nowrap; }
#header #gnb > ul .depth02 > li > a { padding: 0 20px; }
/* #header #gnb > ul .depth02 > li:first-child > a { padding-left: 0px; } */
#header #gnb > ul .depth02 a { display: block; color: #444444; height: 41px; line-height: 41px; font-size: 14px; }
#header #gnb > ul .depth02 > li.on > a { font-weight: bold; text-decoration: underline; }


.gnb_brand_depth2 { display: none !important; }
.gnb_brand.on + .gnb_brand_depth2 { display: block !important; position: absolute !important; bottom: -41px; left: 0; width: 100%; height: 40px; margin-left: 0 !important; }
.gnb_brand.on + .gnb_brand_depth2 .depth02 { display: block !important; bottom: 0 !important; width: 100% !important; left: 10% !important; }

.sub #header #gnb > ul { *zoom: 1; }
.sub #header #gnb ul:after { display: block; content: ''; clear: both; }
.sub #header #gnb .depth02 > li { position: static; }
.sub #header #gnb .depth02 li.on .depth03 { position: absolute; width: 940px; left: 50%; margin-left: -450px; }
.sub #header #gnb .depth02 li.on .depth03 > ul { *zoom: 1; }
.sub #header #gnb .depth02 li.on .depth03 > ul > li > a { display: block; padding: 0 10px; color: #fff; line-height: 40px; font-size: 14px; text-decoration: none; font-weight: normal; }
.sub #header #gnb .depth02 li.on .depth03 > ul > li.active > a,
.sub #header #gnb .depth02 li.on .depth03 > ul > li.on > a,
.sub #header #gnb .depth02 li.on .depth03 > ul > li > a:hover { text-decoration: underline; font-weight: bold; }



#header_util { position: absolute; top: -32px; right: 0; font-size: 13px; }



#middle { }
#middle {background: #dfebeb url('../images/background/bg_main_business.png') center 0 no-repeat, url('../images/background/bg_main_csr.png') center 0 no-repeat, url('../images/background/bg_main_company.png') center 0 no-repeat, url('../images/background/bg_brand_overseas_main.png') no-repeat center 140px;}

body.sub #middle { padding-bottom: 100px; background: none; }

/**/

/* #middle {background:url('../images/common/bg_middle01.png') 0 0 repeat;} */

#middle.business { /* margin-top: 45px; */ border-top: 1px solid #c8d3d3; background: #dfebeb url('../images/background/bg_business.png') center 0 no-repeat; }
#middle.csr { /* margin-top: 45px; */ border-top: 1px solid #d6d9c9; background: #eff3e4 url('../images/background/bg_csr.png') center 0 no-repeat; }
#middle.company {/*  margin-top: 45px;  */ border-top: 1px solid #d9d6cd; background: #f2eee4 url('../images/background/bg_company.png') center 0 no-repeat; }
#middle.brand {  }


#company,
#business,
#csr,
#brand ,
#brand_bakery,
#brand_fooding,
#brand_overseas { position: relative; padding-top: 140px;  }


#company .wrap { display: block; height: 793px; z-index: auto; }
#business .wrap { display: block; height: 754px; padding-top: 352px; z-index: auto; background: url('../images/background/bg_main_business_icon.png') no-repeat right 98px; }
#brand .wrap,
#brand_bakery .wrap,
#brand_fooding .wrap,
#brand_overseas .wrap { display: block; z-index: auto; padding-bottom: 40px; }
#csr .wrap { display: block; height: 930px; z-index: auto;}

#view_con { opacity: 0; filter: Alpha(opacity=0); *zoom: 1; font-size: 0; white-space: nowrap; }
#view_con.active { opacity: 1; filter: Alpha(opacity=100); *zoom: 1; height: 100%; font-size: 12px; white-space: normal; }
#view_con:after { display: block; content: ''; clear: both; }
#view_con > li { overflow: hidden;  float: left; height: 100%; opacity: 0; filter: Alpha(opacity=0); visibility: hidden;  *width: 940px;  }
#view_con > li.active {  opacity: 1; filter: Alpha(opacity=100);visibility: visible; }

#view_con > li .bgwide { width: 100%; }
#view_con.active > li { white-space: normal; display: block; }

/* #view_con > section > h2 { display: none; }
#view_con > section.on > h2 { display: block;  } */

/* company */
#company .bgwide > h2 { position: absolute; top: 183px; left: 50%; margin-left: -470px; }
#company .intro { position: absolute; top: 98px; left: 0; }
#company .intro dfn { margin-bottom: 28px; }

#com_news { position: absolute; top: 283px; left: 320px; height: 221px; }
#com_fooding { position: absolute; top: 283px; right: 0px; }
#com_movie { position: absolute; top: 283px; left: 0px; line-height: 222px; background: #000; border-bottom: 0 none; }
#com_movie iframe { vertical-align: middle;  }
#com_ir { position: absolute; top: 78px; right: 0px;  }
#com_fooding h2 { border-bottom: 0 none; }

#com_util { position: absolute; bottom: 62px; right: 0; font-size: 0; text-align: center; }
#com_util a {/*float: left; */ width: 149px; font-size: 13px; border-left: 1px solid #ddd; line-height: 57px; }
#com_util a:first-child { border-left: 1px solid #fff; }

#com_poison { position: absolute; left: 320px; top: 526px; background-color: #706661; }
#com_aside { position: absolute; left: 0; top: 526px; height: 206px; background: url('../images/background/bg_com_aside.png') no-repeat 0 0; }
#com_aside ul { overflow: hidden; width: 100%; }
#com_aside li { float: left; width: 100px; }
#com_aside a { display: block; width: 100%; height: 45px; padding-top: 55px; font-size: 13px; line-height: 18px; text-align: center; color: #fff; background-image: url('../images/icon/icon_com_aside.png'); background-repeat: no-repeat; }
.lg_01 a { background-position: 0 0; }
.lg_02 a { background-position: -100px 0; }
.lg_03 a { background-position: -200px 0; }

.lg_04 a { background-position: -100px 0; }
.lg_05 a { background-position: -100px -100px; }
.lg_06 a { background-position: -200px -100px; }

#poison_alterlate { position: absolute; left: 320px; top: 526px; width: 300px; background-color: #706661; border-radius: 3px; -webkit-border-radius: 3px; }
#com_fooding .thum_type01_pager  { position: absolute; left: 0; top: 46px; width: 100%; text-align: center; font-size: 0; z-index: 100; }
#com_fooding .thum_type01_pager > div { display: inline-block; vertical-align: middle; cursor: pointer; *display: inline; *zoom: 1; }
#com_fooding .thum_type01_pager span,
#com_fooding .thum_type01_pager > button { display: inline-block; vertical-align: middle; margin-left: 5px; padding-top: 9px; width: 9px; height: 0; background: url("../images/button/btn_slide_list_pager.png") no-repeat 0 0; overflow: hidden; cursor: pointer; *display: inline; *zoom: 1; }
#com_fooding .thum_type01_pager .cycle-pager-active { background: url("../images/button/btn_slide_list_pager_on.png") no-repeat 0 0;  }
#com_fooding .thum_type01_pager > span:first-child,
#com_fooding .thum_type01_pager > button:first-child { margin-left: 0; }

/* business */
#business .bgwide > h2 { position: absolute; top: 183px; left: 50%; margin-left: -470px; }
#business .intro { position: absolute; top: 28px; left: 0; width:100%; text-align:center;}
#business .intro dfn { margin-bottom: 28px; }

.busi_wrap {  margin-bottom: 20px; left: 0; top: 282px; width: 100%; *zoom: 1; }
.busi_wrap:after { display: block; content: ''; clear: both; }
.busi_wrap > * { float: left; margin-left: 20px; }
.busi_wrap > *:first-child { margin-left: 0px; }





/* brand */
#brand .bgwide > h2 { position: absolute; top: 183px; left: 50%; margin-left: -470px; }
#brand .intro { position: absolute; top: 98px; left: 0; }
#brand .intro dfn { margin-bottom: 28px; }

#brand_bakery .bgwide > h2 { position: absolute; top: 183px; left: 50%; margin-left: -470px; }
#brand_bakery .intro { position: absolute; top: 98px; left: 0; }
#brand_bakery .intro dfn { margin-bottom: 28px; }

#brand_fooding .bgwide > h2 { position: absolute; top: 183px; left: 50%; margin-left: -470px; }
#brand_fooding .intro { position: absolute; top: 98px; left: 0; }
#brand_fooding .intro dfn { margin-bottom: 28px; }

#brand_overseas .bgwide > h2 { position: absolute; top: 183px; left: 50%; margin-left: -470px; }
#brand_overseas .intro { position: absolute; top: 98px; left: 0; }
#brand_overseas .intro dfn { margin-bottom: 28px; }

#brand_2-1,
#brand_2-2,
#brand_2-3,
#brand_2-4 { padding-top: 285px; }

.b21_left,
.b22_left,
.b23_left { width: 220px; float: left; }
.b21_right,
.b22_right,
.b23_right,
.b24_right { position: relative; top: -20px; width: 720px; float: right; }
#brand_2-4 .b24_right  { width: 960px; float: none; left: -20px; }


.brand_slider_1 { margin-bottom: 20px; width: 220px; position: relative; }
.brand_slider_1 ul { background-color: #fff; *zoom: 1; }
.brand_slider_1 ul:after { display: block; content: ''; clear: both; }
.brand_slider_1 li a { display: block; }
.brand_slider_1 .thum img { width: 100%; }
.brand_slider_1 dl { text-align: center; padding: 12px 0 15px 0; }
.brand_slider_1 dt { margin-bottom: 5px; color: #e16341; font-size: 14px; line-height: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.brand_slider_1 dd { font-size: 14px; line-height: 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.brand_slider_2 ul { *zoom: 1; }
.brand_slider_2 ul:after { display: block; content: ''; clear: both; }
.brand_slider_2 li a { display: block; position: relative; }
.brand_slider_2 li a dfn { position: absolute; left: 9px; top: 0;  padding: 0 15px; font-size: 11px; line-height: 22px; color: #fff; background-color: #eb9e92; }

.brand_tile_type {}
.brand_tile_type > div { *zoom: 1; }
.brand_tile_type > div:after { display: block; content: ''; clear: both; }
.brand_tile_type section { float: left; margin-left: 20px; margin-top: 20px; position: relative; width: 220px; height: 280px; background-color: #fff; border-bottom: 1px solid #c5c2bc; border-radius: 3px; -webkit-border-radius: 3px; text-align: center; }
.brand_tile_type section p { height: 40px; }
.brand_tile_type section > div a { display: block; }

.brand_tile_type section h2 { margin-bottom: 10px; letter-spacing: -2px; font-size: 22px; }
.brand_tile_type section figure { padding-top: 25px; margin-bottom: 15px; }
.brand_tile_type section h2,
.brand_tile_type section p { padding: 0 10px; }
.brand_tile_type section ul { width: 180px; border-top: 1px solid #e2e2e2; margin: 15px auto 0 auto; *zoom: 1; }
.brand_tile_type section ul:after { display: block; content: ''; clear: both; }
.brand_tile_type section li { float: left; text-align: center; }

.brand_tile_type section li a { display: block; font-size: 13px; line-height: 57px; color: #000; }
.brand_tile_type section li a {}

/* ?��?��?��???????*/
.brand_tile_type section:hover { border-bottom: 1px solid #6a5a46; background-repeat: repeat-x; background-position: left 0; }
.brand_tile_type section:hover > div { background-repeat: no-repeat; background-position: left 0; background-color: transparent; }
.brand_tile_type section:hover figure,
.brand_tile_type section:hover h2,
.brand_tile_type section:hover p { opacity: 0; filter: alpha(opacity=0); }


/* ?몄떇 */
#tile_allbaan:hover { background-image: url('../images/background/bg_tile_brown.png'); }
	#tile_allbaan:hover > div {  background-image: url('../images/img/img_tile_albaan.png'); }
	#tile_allbaan:hover a { color: #fff !important; }
	#tile_allbaan:hover ul { border-top-color: #8d8179; }

#tile_devils:hover { background-image: url('../images/background/bg_tile_yellow.png'); }
	#tile_devils:hover > div { background-image: url('../images/img/img_tile_devils.png'); }
	#tile_devils:hover ul { border-top-color: #daad23; }

#tile_johnny:hover { background-image: url('../images/background/bg_tile_red.png'); }
	#tile_johnny:hover > div { background-image: url('../images/img/img_tile_johnny.png'); }
	#tile_johnny:hover a { color: #fff !important; }
	#tile_johnny:hover ul { border-top-color: #dd6363; }

#tile_dean:hover { background-image: url('../images/background/bg_tile_mint.png'); }
	#tile_dean:hover > div { background-image: url('../images/img/img_tile_dean.png'); }
	#tile_dean:hover ul { border-top-color: #b0c2bd; }

#tile_bonobono:hover { background-image: url('../images/background/bg_tile_blue.png'); }
	#tile_bonobono:hover > div { background-image: url('../images/img/img_tile_bonobono.png'); }
	#tile_bonobono:hover a { color: #fff !important; }
	#tile_bonobono:hover ul { border-top-color: #6394c9; }

#tile_threetwins:hover { background-image: url('../images/background/bg_tile_threetwins.png'); }
	#tile_threetwins:hover > div { background-image: url('../images/img/img_tile_threetwins.png'); }
	#tile_threetwins:hover ul { border-top-color: #008c23; }

#tile_wonderscoop:hover { background-image: url('../images/background/bg_tile_wonder.png'); }
	#tile_wonderscoop:hover > div { background-image: url('../images/img/img_tile_wonderscoop.png'); }
	#tile_wonderscoop:hover ul { border-top-color: #f8cec6; }

#tile_oslo:hover { background-image: url('../images/background/bg_tile_mint.png'); }
	#tile_oslo:hover > div { background-image: url('../images/img/img_tile_oslo.png'); }
	#tile_oslo:hover ul { border-top-color: #b0c2bd; }

#tile_vecchia:hover { background-image: url('../images/background/bg_tile_brown.png'); }
	#tile_vecchia:hover > div { background-image: url('../images/img/img_tile_vecchia.png'); }
	#tile_vecchia:hover a { color: #fff !important; }
	#tile_vecchia:hover ul { border-top-color: #8d8179; }

#tile_foodhall:hover { background-image: url('../images/background/bg_tile_yellow.png'); }
	#tile_foodhall:hover > div { background-image: url('../images/img/img_tile_foodhall.png'); }
	#tile_foodhall:hover ul { border-top-color: #daad23; }
	

#tile_gramercyhall:hover { background-image: url('../images/background/bg_tile_yellow.png'); }
	#tile_gramercyhall:hover > div { background-image: url('../images/img/img_tile_gramercyhall.png'); }
	#tile_gramercyhall:hover ul { border-top-color: #daad23; }

#tile_payard:hover { background-image: url('../images/background/bg_tile_brown.png'); }
	#tile_payard:hover > div { background-image: url('../images/img/img_tile_payard.png'); }
	#tile_payard:hover a { color: #fff !important; }
	#tile_payard:hover ul { border-top-color: #8d8179; }

#tile_rubrica:hover { background-image: url('../images/background/bg_tile_opera.png'); }
	#tile_rubrica:hover > div { background-image: url('../images/img/img_tile_rubrica.png'); }
	#tile_rubrica:hover a { color: #fff !important; }
	#tile_rubrica:hover ul { border-top-color: #dd6363; }

#tile_eggtalks:hover { background-image: url('../images/background/bg_tile_yellow.png'); }
	#tile_eggtalks:hover > div { background-image: url('../images/img/img_tile_eggtalks.png'); }
	#tile_eggtalks:hover ul { border-top-color: #daad23; }	
	
#tile_nobrandburger:hover { background-image: url('../images/background/bg_tile_nobrandburger.png'); }/*���� 1�ȼ� �̹���*/
	#tile_nobrandburger:hover > div { background-image: url('../images/img/img_tile_nobrandburger.png'); }/*���콺 ���� �� ���� �̹���*/
	#tile_nobrandburger:hover ul { border-top-color: #daad23; }	

#tile_cheftogo:hover { background-image: url('../images/background/bg_tile_cheftogo.png'); }/*���� 1�ȼ� �̹���*/
	#tile_cheftogo:hover > div { background-image: url('../images/img/img_tile_cheftogo.png'); }/*���콺 ���� �� ���� �̹���*/
	#tile_cheftogo:hover ul { border-top-color: #daad23; }

/* 踰좎?��??�ㅻ?�� */
#tile_menagerie:hover { background-image: url('../images/background/bg_tile_mint.png'); }
	#tile_menagerie:hover > div { background-image: url('../images/img/img_tile_menagerie.png'); }
	#tile_menagerie:hover ul { border-top-color: #b0c2bd; }

#tile_dalloyau:hover { background-image: url('../images/background/bg_tile_opera.png'); }
	#tile_dalloyau:hover a { color: #fff !important; }
	#tile_dalloyau:hover > div { background-image: url('../images/img/img_tile_dalloyau.png'); }
	#tile_dalloyau:hover ul { border-top-color: #dd6363; }

#tile_milk:hover { background-image: url('../images/background/bg_tile_yellow.png'); }
	#tile_milk:hover > div { background-image: url('../images/img/img_tile_milk.png'); }
	#tile_milk:hover ul { border-top-color: #daad23;}

#tile_dayandday:hover { background-image: url('../images/background/bg_tile_yellow.png'); }
	#tile_dayandday:hover > div { background-image: url('../images/img/img_tile_dayandday.png'); }
	#tile_dayandday:hover ul { border-top-color: #daad23; }

#tile_traders:hover { background-image: url('../images/background/bg_tile_green.png'); }
	#tile_traders:hover a { color: #fff !important; }
	#tile_traders:hover > div { background-image: url('../images/img/img_tile_traders.png'); }
	
	#tile_traders:hover ul { border-top-color: #b4dd79; }

/* ??���? */

#tile_cookfomula:hover { background-image: url('../images/background/bg_tile_red.png'); }
	#tile_cookfomula:hover > div { background-image: url('../images/img/img_tile_cookfomula.png'); }
	#tile_cookfomula:hover a { color: #fff !important; }
	#tile_cookfomula:hover ul { border-top-color: #dd6363; }

#tile_peacock:hover { background-image: url('../images/background/bg_tile_brown.png'); }
	#tile_peacock:hover > div {  background-image: url('../images/img/img_tile_peacock.png'); }
	#tile_peacock:hover a { color: #fff !important; }
	#tile_peacock:hover ul { border-top-color: #8d8179; }
	
#tile_olbaan_master:hover { background-image: url('../images/background/bg_tile_brown.png'); }
	#tile_olbaan_master:hover > div {  background-image: url('../images/img/tile_olbaan_master.png'); }
	#tile_olbaan_master:hover a { color: #fff !important; }
	#tile_olbaan_master:hover ul { border-top-color: #8d8179; }

#tile_chefchoice:hover { background-image: url('../images/background/bg_tile_green.png'); }
	#tile_chefchoice:hover > div {  background-image: url('../images/img/img_tile_chefchoice.png'); }
	#tile_chefchoice:hover a { color: #fff !important; }
	#tile_chefchoice:hover ul { border-top-color: #8d8179; }

.brand_tile_type_2 section { float: left; margin-left: 20px; margin-top: 20px; position: relative; width: 220px; height: 217px; background-color: #fff; border-radius: 3px; -webkit-border-radius: 3px; text-align: center; }
.brand_tile_type_2 figure { position: absolute; left: 0; top: 0; }
.brand_tile_type_2 section h2 { position: relative; padding-top: 155px; font-size: 20px; color: #000; }




/* csr */
#csr .bgwide > h2 { position: absolute; top: 183px; left: 50%; margin-left: -470px; }
#csr .intro { position: absolute; top: 98px; left: 0; }
#csr .intro dfn { margin-bottom: 28px; }

#csr_ethics { float: left;  background: #fff url('../images/icon/icon_csr_1.png') no-repeat 40px 37px; border-radius: 3px 0 0 3px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
#csr_ethics a { display: block; width: 210px; height: 194px; padding-top: 35px; padding-left: 220px; padding-right: 40px; }
#csr_ethics h2 { font-weight: normal; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #ebebeb; }

#csr_partnership { float: left; background: #57b161 url('../images/icon/icon_csr_2.png') no-repeat 40px 37px; border-radius: 0 3px 3px 0; border-top-right-radius: 3px; border-bottom-right-radius: 3px; }
#csr_partnership a { display: block; color: #fff; width: 210px; height: 194px; padding-top: 35px; padding-left: 220px; padding-right: 40px; }
#csr_partnership h2 { font-weight: normal; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #84c48c; }





.middleCompany { background: url('../images/background/bg_main_company.png') center 140px no-repeat; background-size: cover; 
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../images/background/bg_main_company.png', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/background/bg_main_company.png',sizingMethod='scale')"; }

#company.on { /* opacity: 1;-webkit-animation: animate-bg01 1s linear; animation: animate-bg01 1s linear; */}
@-webkit-keyframes animate-bg01
{
	0% { opacity: 0; }
	100% { opacity: 1; }
}

@keyframes animate-bg01
{
	0% { opacity: 0; }
	100% { opacity: 1; }
}

#company.on .title { position: absolute; top: 68px; left: 0; right: auto; opacity: 1; -webkit-animation: animate-title01 1s linear; animation: animate-title01 1s linear;}
@-webkit-keyframes animate-title01
{
	0% { top: 88px; opacity: 0; }
	100% { top: 68px; opacity: 1; }
}

@keyframes animate-title01
{
	0% { top: 88px; opacity: 0; }
	100% { top: 68px; opacity: 1; }
}

#company .con01_01 { top: 68px; right: 0; }
#company .con01_02 { top: 309px; left: 0; right: auto; }
#company .con01_03 { top: 309px; right: 319px; }
#company .con01_04 { top: 309px; right: 0px; }
#company .con01_05 { top: 515px; left: 0; }
#company .con01_06 { top: 547px; right: 319px; }

.middleBusiness { background: url('../images/background/bg_main_business.png') no-repeat center 140px; background-size: cover; /* opacity: 0; */ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='../images/background/bg_main_business.png', sizingMethod='scale');

-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/background/bg_main_business.png',sizingMethod='scale')"; } 
#business.on { opacity: 1;-webkit-animation: animate-bg02 1s linear; animation: animate-bg02 1s linear; }

/* main - BUSINESS (BIZ Infra)*/
.busi_map_type { top: 669px; left: 0; width: 100%; border-bottom: 1px solid #b2bcbc; border-radius: 3px; -webkit-border-radius: 3px; *zoom: 1; }
.busi_map_type:after { display: block; content: ''; clear: both; }
.busi_map_type section { padding: 32px 30px 0 36px; width: 406px; height: 264px; color: #fff; border-top-right-radius: 3px; border-bottom-right-radius: 3px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; float: right; background: url('../images/background/bg_biz_infra_gradient.png') repeat-x left 0; }
.busi_map_type section h2 { margin-bottom: 12px; font-size: 20px; line-height: 24px; text-transform: uppercase; }
.busi_map_type section p { margin-bottom: 27px; font-size: 14px; line-height: 22px; }
.busi_map_type .busi_map_desc { padding-top: 30px; width: 100%; border-top: 1px solid #6eafd1; overflow: hidden; }
.busi_map_type .busi_map_desc li { margin-bottom: 13px; width: 50%; float: left; }
.busi_map_type .busi_map_desc li a { color: #fff; }
.busi_map_type .busi_map_desc li dfn { display: inline-block; width: 26px; height: 19px; *display: inline; *zoom: 1; }
.busi_map_type .busi_map_desc li dfn img { vertical-align: middle; }
.busi_map_type .busi_map_desc li span { display: inline-block; font-size: 14px; line-height: 19px; *display: inline; *zoom: 1; }
.busi_map_type .busi_map { width: 468px; height: 296px; border-radius: 3px; float: left; }

#business .con01_01 { top: 303px; right: 720px; }
#business .con01_02 { top: 303px; right: 480px; }
#business .con01_03 { top: 303px; right: 240px; }
#business .con01_04 { top: 303px; right: 0; }
#business .con01_05 { top: 679px; right: 0; }



.middleCsr { background: url('../images/background/bg_main_csr.png') center 140px no-repeat; background-size: cover; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='../images/background/bg_main_csr.png', sizingMethod='scale');

-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/background/bg_main_csr.png',sizingMethod='scale')"; } 
#csr.on { opacity: 1;-webkit-animation: animate-bg02 1s linear; animation: animate-bg02 1s linear; }

/* main_section (CSR) */
.csr_sec01 { width: 220px; height: 366px; background-color: #fff; border-bottom: 1px solid #b2bcbc; border-radius: 3px; -webkit-border-radius: 3px; }

.csr_top { padding-top: 282px; margin-bottom: 20px; border-bottom: 1px solid #aaada5; border-radius: 3px; -webkit-border-radius: 3px; }

.csr_bottom { }
.csr_bottom .csr_sec01 { float: left; height: 319px; margin-left: 20px; }
.csr_bottom .csr_sec01:first-child { margin-left: 0; }

.csr_sec01 a { display: block; position: relative; }
.csr_sec01 a:active .csr_more,
.csr_sec01 a:focus .csr_more,
.csr_sec01 a:hover .csr_more { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 218px; line-height: 218px;  text-align: center; }
.csr_sec01 a:active .csr_more img,
.csr_sec01 a:focus .csr_more img,
.csr_sec01 a:hover .csr_more img { vertical-align: middle; }
.csr_more { display: none; }

.csr_sec01 dl { padding: 17px 20px; }




@-webkit-keyframes animate-bg04
{
	0% { opacity: 0; }
	100% { opacity: 1; }
}

@keyframes animate-bg04
{
	0% { opacity: 0; }
	100% { opacity: 1; }
}
#csr.on .title { position: absolute; top: 0px; left: 0; right: auto; -webkit-animation: animate-title04 1s linear; animation: animate-title04 1s linear; }
@-webkit-keyframes animate-title04 
{
	0% { top: 20px; opacity: 0; }
	100% { top: 0px; opacity: 1; }
}

@keyframes animate-title04
{
	0% { top: 20px; opacity: 0; }
	100% { top: 0px; opacity: 1; }
}


#csr .con01_01 { top: 288px; right: 0; }
#csr .con01_02 { top: 288px; right: 480px; }
#csr .con01_03 { top: 537px; right: 720px; }
#csr .con01_04 { top: 537px; right: 481px; }
#csr .con01_05 { top: 537px; right: 239px; }
#csr .con01_06 { top: 537px; right: 0; }

.middleBrandOverseas { background: url('../images/background/bg_brand_overseas_main.png') no-repeat center 140px; background-size: cover; 
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../images/background/bg_brand_overseas_main.png', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/background/bg_brand_overseas_main.png',sizingMethod='scale')"; }


/* #brand { background: none; background-size:  100% 100%;opacity: 0;} */
/* #brand.on,
#brand_bakery.on,
#brand_fooding.on,
#brand_overseas.on { opacity: 1;-webkit-animation: animate-bg02 1s linear; animation: animate-bg02 1s linear; } */







.next_prev { }
.next_prev .wrap { position: static; }
.next_prev a { position: fixed; top: 45%;  width: 24px; height: 56px; text-indent: -10000px; background: url('../images/button/btn_nextprev.png') 0 bottom no-repeat; overflow: hidden; z-index: 600; }
.next_prev a.bx-prev { left: 50%; margin-left: -615px; background-position: left -100px; }
.next_prev a.bx-next { right: 50%; margin-right: -615px; background-position: right -100px; }

.next_prev.white a.bx-prev { background-position: 0 -10px; }
.next_prev.white a.bx-next { background-position: right -10px; }


#aside { color: #fff; background-color: #625c59; }
#aside a { color: #fff; }
.aside_btns { position: absolute; left: 90px; top: 0; width: 49px; height: 40px; z-index: 100; }
.aside_btns .bx-stop { display: block; width: 49px; height: 0; overflow: hidden; padding-top: 40px; background: url('../images/button/bg_aside_playstop.png') no-repeat 0 0; }
.aside_btns .bx-start { display: block; width: 49px; height: 0; overflow: hidden; padding-top: 40px; background: url('../images/button/bg_aside_playstop.png') no-repeat 0 -40px;}
#aside section { position: relative; padding-left: 140px; height: 40px; overflow: hidden; }

#aside section h2 { position: absolute; left: 0; top: 0; line-height: 40px; width: 90px; font-size: 15px; text-align: center; background-color: #4c4845; }
#aside_recruit { height: 40px; }
#aside section li a { display: block; padding: 0 12px; font-size: 14px; line-height: 40px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
#aside .go_blog { float: right; margin-top: 7px; width: 198px; line-height: 24px; font-size: 13px; text-align: center; border: 1px solid #7c7775; }

#footer { position: relative; padding: 25px 0 0 0; font-size: 13px;  z-index: 100; background-color: #fff; }
.sub #footer { border-top: 1px solid #dddddd; } 
/* #footer .wrap { background: url('../images/common/new/familysite.png') right 10px no-repeat; } */
/* 2017-04-03  */
#footer .foot_btns {overflow:hidden; padding-bottom:25px; text-align:center;}
#footer .foot_btns a {display:inline-block; height:24px; padding:0 20px; margin:0 5px; font-size:12px; line-height:24px; border:1px solid #ddd;}
/* // 2017-04-03  */
#footer a { color: #444; }
#footer .divide_type1 { margin-bottom: 10px; }
#footer .divide_type1 > a:first-child + a { font-weight: bold; }
#footer address { line-height: 18px; white-space: pre-wrap; font-size: 12px; } 
#footer address br { display: none; }
#footer p { line-height: 18px; white-space: pre-wrap; font-size: 11px; letter-spacing: 1px; }
#middle .go_top { display: none; position: fixed; bottom: 48px; right: 50%; width: 50px; height: 0; margin-right: -540px; padding-top: 50px; overflow: hidden; background: url('../images/button/btn_go_top.png') no-repeat 0 0; z-index: 200; }
.sub #middle .go_top { display: block; }


.related_link { position: relative; width: 200px; float: right; top: -23px; }
#footer .related_link { width: 260px; }
.related_link a { display: block; padding: 0 15px; font-size: 14px; line-height: 40px; }
.related_link > a { display: block; padding-right: 52px; border: 1px solid #ccc; background: url('../images/background/bg_related_top.png') no-repeat right; }
.related_link.on > a { background-image: url('../images/background/bg_related_bottom.png'); }
.related_link div { display: none; }
.related_link.on div { display: block; position: absolute; bottom: 42px; left: 0; width: 100%; background-color: #fff; }
.related_link.on ul { border: 1px solid #ccc; border-bottom: 0 none; }
.related_link.on li {  border-top: 0 none; }
.related_link.on div a { line-height: 25px;  }
.related_link.on div a:hover,
.related_link.on div a:focus,
.related_link.on div a:active { background: #444; color: #fff !important; }

.related_link .list_index{	font-weight: 800;	color: #959698;	display: inline-block;	background-color: #fff;	padding-right: 5px;  }
.related_link div.line{	padding: 13px 0 5px;	background: url(../images/background/list_hyphen.gif) 15px 60% no-repeat;	position: inherit;	margin: 0 15px;	display: block;	width: 89%;  }






@media screen and (max-width: 1280px) {
	.next_prev a.bx-prev { left: 10px; margin-left: 0; }
	.next_prev a.bx-next { right: 10px; margin-right: 0; }
}


@media screen and (max-width: 1100px) {
	#middle .go_top { margin-right: 0; right: 0; }
}


@media screen and (max-width: 960px) {

	#view_con.active > li {
    white-space: normal;
    display: block;
    height: 1000px;
}

	.popup_intro  { display: none !important; }
	.brand_tile_type section:hover { color: #434343 !important; }
	#header .language { display: none; }

	body.sub #header { position: fixed; height: 50px; border-bottom: 1px solid #ccc; }
	body.sub #middle { padding-top: 50px; }
	body.sub #header #gnb { display: none; }

	.wrap { width: auto; height: auto; padding: 0 15px; }
	.sub #middle .wrap { padding-left: 10px; padding-right: 10px; }
	.btn_mobilemenu { display: block; position: absolute; left: 0; top: 0; }
	.btn_mobilemenu img { padding: 20px 12px 19px 20px; }

	#header h1 { display: block; width: 208px; padding-top: 20px; margin: 0 auto 15px auto; }
	#header h1 img { width: 100%; }
	
	#header #gnb > ul { padding-top: 5px; }
	

	#header #gnb > ul .gnb_csr.on .depth02 { left: -270% !important; }

	#view_con > li .wrap { width: 610px; }
	#view_con > li:not(#company) .wrap { padding-top: 0; }
	#view_con > li .intro p { display: none; }

	#header .search_form { position: absolute; top: 0px; right: 0px; bottom: auto; width: auto; border-bottom: 0 none; }
	#header .search_form fieldset:after { content: '�??��'; position: absolute; top: 0; right: 10px; color: #666; line-height: 50px; font-size: 14px; font-weight: bold; }
	#header .search_form > button { display: block; padding: 6px 20px 0 0; }
	#header .search_form fieldset { display: none; }
	#header .search_form fieldset label { width: 13px; height: 13px; text-indent: 0; top: 20px; left: 20px; background: url('../images/background/bg_search.png') no-repeat 0 0; }
	#header .search_form.on fieldset { display: block; position: fixed; left: 0; top: 0; width: 100%; height: 50px; padding: 7px 47px 7px 10px; box-sizing: border-box; -webkit-box-sizing: border-box; background-color: #fff; z-index: 10000; }
	#header .search_form.on input[type='text'] { width: 100%; height: 35px; line-height: 35px; border-radius: 3px;  -webkit-border-radius: 3px; border: 1px solid #ddd; background-color: #f6f6f6; text-indent: 32px; }
	#header .search_form input[type='image'] { position: absolute; top: 0; right: 0; padding-top: 7px; width: 40px; height: 35px; opacity: 0; z-index: 10; }

	.sub #header #gnb .depth02 li.on .depth03 { display: none !important; }

	
	#header_util { display: none; }

	#gnbForMobile { display: block; position: fixed; width: 240px; height: 100%; left: -240px; top: 0; transition: left 0.5s; -webkit-transition: left 0.5s; background-color: #fff; z-index: 10000; overflow-y: auto; }
	#gnbForMobile.on { left: 0px; transition: left 0.5s; -webkit-transition: left 0.5s; }

	#gnbForMobile #header_util { display: block; }

	#gnbForMobile .language { position: static; border-bottom: 1px solid #525258; height: 43px; background-color: #414347; }
	#gnbForMobile .language + .language { display: none; }
	#gnbForMobile .language > * { padding: 0 18px; line-height: 43px; font-size: 12px; border: 0 none; }
	#gnbForMobile .language > *:first-child { position: relative; }
	#gnbForMobile .language > *:first-child:after { position: absolute; top: 17px; right: 0; content: ''; width: 1px; height: 9px; background-color: #67696c; }
	#gnbForMobile .language .current { color: #fff; } 

	#gnbForMobile #header_util { position: static; display: table; width: 100%; height: 40px; background-color: #414347; }
	/* IMS ?��?�� -- ?�� �?로값 ?���? 
	#gnbForMobile #header_util > a { display: table-cell; text-align: center; padding: 0; line-height: 40px; color: #ccc; border-right: 1px solid #525258; font-size: 13px; width: 50%; box-sizing: border-box; -webkit-box-sizing: border-box; background-image: none; }
	 */
	#gnbForMobile #header_util > a { display: table-cell; text-align: center; padding: 0; line-height: 40px; color: #ccc; border-right: 1px solid #525258; font-size: 13px; box-sizing: border-box; -webkit-box-sizing: border-box; background-image: none; }
	#gnbForMobile #header_util > a:last-child { border-right: 0; }
	
	#gnbForMobile #gnb { background-color: #fff; }
	#gnbForMobile #gnb > ul > li.gnb_brand_depth2 { display: none !important; }
	#gnbForMobile #gnb > ul > li { border-bottom: 1px solid #ccc; }
	#gnbForMobile #gnb > ul > li.on { border-bottom: 0 none; }
	#gnbForMobile #gnb > ul > li.on .depth02 > li:last-child .depth03 { border-bottom: 1px solid #ccc;  }
	#gnbForMobile #gnb > ul > li > a { display: block; padding: 0 20px; font-size: 16px; line-height: 40px; text-transform: uppercase; background: url('../images/icon/icon_gnbmobile_down.png') no-repeat right center; background-origin: content-box; letter-spacing: 1px; }
	#gnbForMobile #gnb > ul > li.on > a { position: relative; background-image: url('../images/icon/icon_gnbmobile_up.png'); } 
		#gnbForMobile #gnb > ul > li.on > a:after { content: ''; width: 240px; height: 2px; position: absolute; left: 0; bottom: -1px; }
		#gnbForMobile #gnb > ul > li.gnb_company.on > a:after { background-color: #ed5534; }
		#gnbForMobile #gnb > ul > li.gnb_business.on > a:after { background-color: #45ace3; }
		#gnbForMobile #gnb > ul > li.gnb_brand.on > a:after { background-color: #ffb400; }
		#gnbForMobile #gnb > ul > li.gnb_csr.on > a:after { background-color: #4abe57; }

	/*#gnbForMobile #gnb > ul > li.gnb_business.on li:last-child > a { border-top-color: #ddd; background-color: #ddd; }*/
	#gnbForMobile #gnb .depth02 { display: none; }
	#gnbForMobile #gnb > ul > li.on .depth02 { display: block; }
	#gnbForMobile #gnb .depth02 > li { }
	#gnbForMobile #gnb .depth02 > li > a { display: block; font-size: 13px; line-height: 40px; border-top: 1px solid #ccc; font-weight: bold; padding: 0 20px; background-color: #eee; }
	#gnbForMobile #gnb > ul > li.on .depth03 { display: block; background: url('../images/background/bg_mobiledepth03.png') repeat; }
	#gnbForMobile #gnb > ul > li.on .depth03:after { display: block; content: ''; clear: both; }

	#gnbForMobile #gnb .depth03 li { float: left; width: 50%; height: 40px; border-right: 1px solid #eee; box-sizing: border-box; -webkit-box-sizing: border-box; }
	#gnbForMobile #gnb .depth03 li > a { display: block; line-height: 40px; padding: 0 8px; letter-spacing: -1px;  white-space: nowrap; }
	#gnbForMobile #gnb .depth03 li:nth-child(odd) > a { padding-left: 20px; }
	.btn_mobile_gnb_close { position: absolute; top: 0; right: 0; padding: 17px 20px 12px 0; }






	/* company */

	#company .wrap { height: auto; padding-top: 234px; padding-bottom: 50px; }
	#company .bgwide > h2 { margin-left: -305px; }
	#company .intro { left: 15px; }
	#company .intro dfn { width: 262px; }
	#company .intro dfn img { width: 100%; }
	#com_movie { height: 210px; margin-bottom: 10px; position: static; float: left; } 
	#com_news { margin-bottom: 10px; position: relative; top: 0px; left: 0; float: right; height: 210px; }
	#com_news li a { line-height: 50px; }
	#com_fooding { margin-bottom: 10px; position: relative; top: 0px; left: 0; float: left;  }
	#com_fooding .tt_bottom { padding-bottom: 17px; } 
	#com_ir { top: 40px; left: auto; right: 15px; }
	#poison_alterlate, 
	#com_poison {  position: relative; top: 0px; left: 0; float: right;  }
	#com_aside { margin-bottom: 10px; position: relative; top: 0px; left: 0; float: right; }
	#com_util { right: auto; bottom: 50px; left: 15px; }


	/* business */
	#business .wrap { height: auto; padding-bottom: 100px; background-size: 254px; background-position: right 125px; background-origin: content-box; }
	#business .bgwide > h2 { margin-left: -305px; }
	#business .intro { left: 15px; }
	#business .intro dfn { width: 332px; }
	#business .intro dfn img { width: 100%; }
	.busi_wrap { position: static; }
	.busi_wrap:after { display: block; content: ''; clear: both; }
	

	.busi_wrap { margin-bottom: 2%;  padding-top: 24px; }
	.busi_wrap > * { margin-left: 0; margin-top: 2%; }
	.busi_sec01 { width: 49% !important; height: 412px !important; }
	.busi_wrap > *:nth-child(odd) { margin-right: 2%;} 
	.busi_wrap > *:nth-child(1),
	.busi_wrap > *:nth-child(2) { margin-top: 0%;} 
	.busi_sec01 div { padding: 0 20px; }
	.busi_sec01 p { width: auto  !important; }
	.busi_sec01 .thum img { width: 100%; }
	.busi_sec01 .alist_type02 { display: table; width: 100%;  box-sizing: border-box; -webkit-box-sizing: border-box; }
	.busi_sec01 .alist_type02 > a { display: table-cell; width: 50%; line-height: 34px; box-sizing: border-box; -webkit-box-sizing: border-box;  }
	.busi_sec01 .alist_type02 > a:first-child { border-right: 0 none; }
	.busi_map_type { position: static !important; }
	.busi_map_type {}
	.busi_map_type section { float: none; width: 100%; height: auto; border-radius: 3px; -webkit-border-radius: 3px; box-sizing: border-box; -webkit-box-sizing: border-box; background: -moz-linear-gradient(-45deg, #3d92bf 0%, #7db9e8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#3d92bf), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, #3d92bf 0%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, #3d92bf 0%,#7db9e8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, #3d92bf 0%,#7db9e8 100%); /* IE10+ */
background: linear-gradient(150deg, #3d92bf 0%,#7db9e8 100%); /* W3C */ }
	.busi_map_type .busi_map_desc { border-top-color: rgba(255,255,255,0.2); padding-bottom: 20px;  }
	.busi_map { display: none; }
	.busi_map_type .busi_map_desc li { width: 30%; }


	/* brand */
	.middleBrand, .middleBrandOverseas { background: url('../images/background/bg_brand_overseas_main.png') no-repeat center 140px; background-size: cover; }

	#brand .wrap { height: auto; padding-bottom: 50px; background-size: 254px; background-position: right 125px; background-origin: content-box; }
	#brand > h2 { margin-left: -305px; }
	#brand .intro { left: 15px; }
	#brand .intro dfn { width: 438px; }
	#brand .intro dfn img { width: 100%; }

	#brand_bakery .wrap { height: auto; padding-bottom: 50px; background-size: 254px; background-position: right 125px; background-origin: content-box; }
	#brand_bakery > h2 { margin-left: -305px; }
	#brand_bakery .intro { left: 15px; }
	#brand_bakery .intro dfn { width: 438px; }
	#brand_bakery .intro dfn img { width: 100%; }

	#brand_fooding .wrap { height: auto; padding-bottom: 50px; background-size: 254px; background-position: right 125px; background-origin: content-box; }
	#brand_fooding > h2 { margin-left: -305px; }
	#brand_fooding .intro { left: 15px; }
	#brand_fooding .intro dfn { width: 438px; }
	#brand_fooding .intro dfn img { width: 100%; }

	#brand_overseas .wrap { height: auto; padding-bottom: 50px; background-size: 254px; background-position: right 125px; background-origin: content-box; }
	#brand_overseas > h2 { margin-left: -305px; }
	#brand_overseas .intro { left: 15px; }
	#brand_overseas .intro dfn { width: 438px; }
	#brand_overseas .intro dfn img { width: 100%; }



	#brand_2-1, #brand_2-2, #brand_2-3, #brand_2-4 { padding-top: 222px; }
	.brand_tile_type section:hover > div { background-size: contain;  } 
	.b21_left, .b22_left, .b23_left { float: none; width: auto; position: absolute; left: 0; top: 0; z-index: -999; opacity: 0; }
	.b21_right, .b22_right, .b23_right, .b24_right { width: auto; float: none; top: auto; }
	#brand_2-4 .b24_right {  width: auto; float: none; top: auto; position: static; }
	.brand_tile_type section { width: 200px; margin-left: 5px; margin-top: 5px; }
	.brand_tile_type section:nth-child(3n+1) { margin-left: 0; }
	.brand_tile_type section .p_07 { font-size: 13px; letter-spacing: -1px; }
	.brand_tile_type section p br { display: inline !important; }
	.brand_tile_type section ul { display: table; }
	.brand_tile_type section li { display: table-cell; vertical-align: top; }
	
	.brand_tile_type_2 section { width: 200px; margin-left: 5px; margin-top: 5px; }
	.brand_tile_type_2 section:nth-child(3n+1) { margin-left: 0; }
	.brand_tile_type_2 figure img { width: 100%; }

	/* csr */
	#csr .wrap { height: auto; padding-bottom: 50px; background-size: 254px; background-position: right 125px; background-origin: content-box; }
	#csr > h2 { margin-left: -305px; }
	#csr .intro { left: 15px; }
	#csr .intro dfn { width: 471px; }
	#csr .intro dfn img { width: 100%; }

	.csr_top { margin-bottom: 5px; padding-top: 229px; }
	#csr_ethics { width: 50%; height: 366px; box-sizing: border-box; -webkit-box-sizing: border-box; background-position: center 35px; }
	#csr_partnership { width: 50%; height: 366px; box-sizing: border-box; -webkit-box-sizing: border-box; background-position: center 35px; }

	#csr_ethics a,
	#csr_partnership a { width: auto; height: auto; padding: 220px 19px 19px 19px; box-sizing: border-box; -webkit-box-sizing: border-box; }
	#csr_ethics br,
	#csr_partnership br { display: none; }

	.csr_bottom .csr_sec01 { width: 49%; height: auto; margin-top: 2%; margin-left: 2%; }
	.csr_bottom .csr_sec01:nth-child(odd) { margin-left: 0; }
	.csr_bottom .csr_sec01 figure img { width: 100%; }
	.csr_sec01 a:active .csr_more, .csr_sec01 a:focus .csr_more, .csr_sec01 a:hover .csr_more { display: none; }



	#footer { z-index: 201; }
	#footer p ,
	#footer address { padding-right: 0px; } 
	#footer address { margin-bottom: 1px; } 
	#footer address br { display: inline; }
	#footer .related_link { top: 7px; }
	body.sub #middle { position: relative; z-index: 1; padding-bottom: 90px; }
	
	#middle .go_top { display: none !important; position: absolute !important; top: auto; bottom: 15px; display: block; width: 100%; margin-right: 0; padding-bottom: 10px;  right: 0; padding-top: 0; height: 60px; text-indent: -99999px; position: static; background: url('../images/button/btn_go_top_mobile.png') no-repeat center; }
	.sub #middle .go_top { display: block !important; position: absolute !important; top: auto; bottom: 15px; display: block; width: 100%; margin-right: 0; right: 0; padding-top: 0; height: 44px; text-indent: -99999px; position: static; background: url('../images/button/btn_go_top_mobile_s.png') no-repeat center; }
}




@media screen and (max-width: 640px) {
	#middle { background-position: center 124px !important; } 
	#middle .go_top { display: block !important; }
	#view_con > li .wrap { padding-bottom: 100px; }

	.busi_map_type section { height: auto; padding: 30px; }
	.busi_map_type section h2 span { display: block; }
	.busi_map_type .busi_map_desc { padding-bottom: 0; }
	.busi_map_type .busi_map_desc li { width: 50%; white-space: nowrap; }
	.busi_sec01 h2 { margin-bottom: 33px; }
	.busi_sec01 .busi_p { padding-top: 8px; }
	.busi_sec01 h2 .p_04 { padding: 10px !important; margin-bottom: 5px; font-size: 12px; line-height: 8px; }
	.busi_sec01 h2 .p_04 span { display: block; }
	.busi_sec01 h2 .tit_06 { font-size: 18px; line-height: 20px; }
	.busi_sec01 .alist_type02 { margin-top: -29px; }
	.busi_sec01 .alist_type02 > a { width: 50%; font-size: 12px; line-height: 24px; border-bottom: 0 none; border-left: 0 none; }
	.busi_sec01 .alist_type02 > a:last-child { border-bottom: 0 none; border-right: 0 none; border-left: 1px solid #ccc; }
	.busi_sec01 .alist_type03 { margin-top: -29px; }
	.busi_sec01 .alist_type03 a { font-size: 12px; line-height: 24px; border:0; border-top:solid 1px #ccc; }
	.busi_map_type .busi_map_desc li dfn img { vertical-align: -3px; }


	#company,
	#business,
	#csr,
	#brand ,
	#brand_bakery,
	#brand_fooding,
	#brand_overseas { padding-top: 123px; background-position: center 123px !important; }


	#header { height: 124px; background-position: 0 -16px; }
	#header h1 { width: 150px; }


	#company .wrap { height: auto; padding-bottom: 50px; padding-top: 234px; }
	#header #gnb { bottom: -6px; width:111%; left:-15px; }
	#header #gnb > ul {  padding: 0px; box-sizing: border-box; -webkit-box-sizing: border-box; }
	#header #gnb > ul > li { position: static; }
	#header #gnb > ul > li > a { font-size: 12px; letter-spacing: 1px; padding: 0; line-height: 20px; height: 28px; white-space: normal; } 
	#header #gnb > ul > li,
	#header #gnb > ul > li.gnb_csr { min-width: 30px; margin-left: 9px; }
	#header #gnb > ul > li.gnb_cs { min-width: 30px; margin-left: 9px; }

	#header #gnb > ul > li.gnb_business .depth02 { padding: 0 10px !important }
	#header #gnb > ul > li.gnb_business .depth02,
	#header #gnb > ul > li.gnb_brand_depth2 .depth02 { text-align: center !important; }
	#header #gnb > ul > li.gnb_csr .depth02 { text-align: right; }

	#header #gnb > ul .depth02 { display: none; width: 300px; left:50%; padding: 0; text-align: left; white-space: normal; box-sizing: border-box; -webkit-box-sizing: border-box; transform: translateX(-50%); -webkit-transform: translateX(-50%); }
	.gnb_brand.on + .gnb_brand_depth2 .depth02 { width: 300px  !important; left:50%  !important; transform: translateX(-50%) !important; -webkit-transform: translateX(-50%) !important;  }
	#header #gnb > ul .depth02 > li { margin-left: 9px; }
	#header #gnb > ul .depth02 a { font-size: 12px; }
	#header #gnb > ul .depth02 > li > a { padding: 0; }

	.gnb_brand.on + .gnb_brand_depth2 { left: 0; width: 100%; }
	.gnb_brand_depth2 .depth02 { padding: 0 30px !important; left: -20px !important; width: 100% !important; text-align: right !important; }
	#header #gnb > ul .gnb_csr.on .depth02 { left: 50% !important; }

	#header #gnb > ul > li.gnb_business .depth02 { width:320px; padding:0 !important; }
	#header #gnb > ul > li.gnb_business .depth02 li { margin-left:8px; }
	#header #gnb > ul > li.gnb_business .depth02 li:first-child { margin-left:0; }
	#header #gnb > ul > li.gnb_business .depth02 li:first-child + li + li + li + li { margin-left:8px; }
	#header #gnb > ul > li.gnb_business .depth02 li:first-child + li + li + li + li + li { margin-left:4px; }
	#header #gnb > ul > li.gnb_business .depth02 li:first-child + li + li + li + li a,
	#header #gnb > ul > li.gnb_business .depth02 li:first-child + li + li + li + li + li a { padding:0 4px; }


	#middle { position: relative; }
	

	#view_con > li .wrap { width: 300px; }
	#company .wrap { width: auto; padding: 30px 10px 100px 10px; }
	#company .wrap > * { margin-left: auto; margin-right: auto; height: auto; }
	#company > h2 { display: none; }
	#company .intro { margin-bottom: 20px; position: static; left: 0; text-align: center; }
	#company .intro dfn { margin: 0 auto; padding: 0; }
	#company .intro dfn img { width: 100%; }
	#com_movie { float: none; } 
	#com_news { float: none; }
	#com_fooding { float: none; }
	#com_ir { float: none; position: relative; left: 0; top: 0; margin-bottom: 10px; }
	#poison_alterlate, 
	#com_poison { float: none; margin-bottom: 10px; }
	#com_aside { float: none; }
	#com_util { position: static; width: 300px; overflow: hidden; }

	/* business */
	#business .wrap { background-image: none; }
	#business > h2 { display: none; }
	#business .intro { position: static; padding-top: 30px; margin-bottom: 26px; }
	.busi_wrap { padding-top: 0; margin-bottom: 10px; }
	#business .intro dfn { position: relative; width: 100%; }
	#business .intro dfn img { opacity: 0; height: 0; line-height: 0; font-size: 0; }
	#business .intro dfn:before { content: ''; display: block; width: 100%; background: url('../images/text/text_integrated.png') no-repeat 40px 0 / 100% ; height: 40px; }
	#business .intro dfn:after { content: ''; margin-top: -12px; display: block; width: 100%; background: url('../images/text/text_integrated.png') no-repeat 0 bottom / 100%; height: 30px; }
	.busi_sec01 { width: 145px !important; }
	.busi_wrap > * { margin-top: 10px; }
	.busi_wrap > *:nth-child(odd) { margin-right: 10px; }

	/* brand */
	#brand_2-1, #brand_2-2, #brand_2-3, #brand_2-4 { padding-top: 56px; }
	#brand > h2 { display: none; }
	#brand .intro { position: static; padding-top: 30px; margin-bottom: 26px; }
	#brand .intro dfn { position: relative; width: 350px; height: 30px; }
	#brand .intro dfn img { position: absolute; left: 49px; top: 0; clip: rect(30px,200px,70px,0px); }
	#brand .intro dfn:before { position: absolute; content: ''; left: 50%; top: 0; width: 210px; height: 30px; background: url('../images/text/text_creating.png') no-repeat 0 0 / 350px;  transform: translateX(-50%);  -webkit-transform: translateX(-50%);  }
	#brand .intro dfn:after { position: absolute; content: ''; left: 50%; top: 78px; width: 210px; height: 30px; background:url('../images/text/text_creating.png') no-repeat -205px -38px / 350px; transform: translateX(-50%);  -webkit-transform: translateX(-50%);  }
	#brand_bakery > h2 { display: none; }
	#brand_bakery .intro { position: static; padding-top: 30px; margin-bottom: 26px; }
	#brand_bakery .intro dfn { position: relative; width: 350px; height: 30px; }
	#brand_bakery .intro dfn img { position: absolute; left: 49px; top: 0; clip: rect(30px,200px,70px,0px); }
	#brand_bakery .intro dfn:before { position: absolute; content: ''; left: 50%; top: 0; width: 210px; height: 30px; background: url('../images/text/text_creating.png') no-repeat 0 0 / 350px;  transform: translateX(-50%);  -webkit-transform: translateX(-50%);  }
	#brand_bakery .intro dfn:after { position: absolute; content: ''; left: 50%; top: 78px; width: 210px; height: 30px; background:url('../images/text/text_creating.png') no-repeat -205px -38px / 350px; transform: translateX(-50%);  -webkit-transform: translateX(-50%);  }
	#brand_fooding > h2 { display: none; }
	#brand_fooding .intro { position: static; padding-top: 30px; margin-bottom: 26px; }
	#brand_fooding .intro dfn { position: relative; width: 350px; height: 30px; }
	#brand_fooding .intro dfn img { position: absolute; left: 49px; top: 0; clip: rect(30px,200px,70px,0px); }
	#brand_fooding .intro dfn:before { position: absolute; content: ''; left: 50%; top: 0; width: 210px; height: 30px; background: url('../images/text/text_creating.png') no-repeat 0 0 / 350px;  transform: translateX(-50%);  -webkit-transform: translateX(-50%);  }
	#brand_fooding .intro dfn:after { position: absolute; content: ''; left: 50%; top: 78px; width: 210px; height: 30px; background:url('../images/text/text_creating.png') no-repeat -205px -38px / 350px; transform: translateX(-50%);  -webkit-transform: translateX(-50%);  }
	#brand_overseas > h2 { display: none; }
	#brand_overseas .intro { position: static; padding-top: 30px; margin-bottom: 26px; }
	#brand_overseas .intro dfn { position: relative; width: 350px; height: 30px; }
	#brand_overseas .intro dfn img { position: absolute; left: 49px; top: 0; clip: rect(30px,200px,70px,0px); }
	#brand_overseas .intro dfn:before { position: absolute; content: ''; left: 50%; top: 0; width: 210px; height: 30px; background: url('../images/text/text_creating.png') no-repeat 0 0 / 350px;  transform: translateX(-50%);  -webkit-transform: translateX(-50%);  }
	#brand_overseas .intro dfn:after { position: absolute; content: ''; left: 50%; top: 78px; width: 210px; height: 30px; background:url('../images/text/text_creating.png') no-repeat -205px -38px / 350px; transform: translateX(-50%);  -webkit-transform: translateX(-50%);  }

	.brand_tile_type section:hover > div { background-size: contain;  background-image: none !important; }
	.brand_tile_type section:hover figure,
	.brand_tile_type section:hover h2,
	.brand_tile_type section:hover p { opacity: 1; filter: alpha(opacity=100); }

	.brand_tile_type section { width: 140px; height: 227px; padding-bottom: 0px; margin-top: 10px; margin-left: 10px; }
	.brand_tile_type section figure { padding-top: 15px; }
	.brand_tile_type section ul { display: none; }
	.brand_tile_type section .tit_08 { font-size: 16px; margin-bottom: 5px; }
	.brand_tile_type section .p_07 { line-height: 20px; padding: 0; }
	.brand_tile_type section:hover { border-bottom: 1px solid #c5c2bc; background-image: none !important; }
	.brand_tile_type section:hover figure,
	.brand_tile_type section:hover h2,
	.brand_tile_type section:hover p { opacity: 1; color: #444; }
	.brand_tile_type section:nth-child(3n+1) { margin-left: 10px; }
	.brand_tile_type section:nth-child(odd) { margin-left: 0; }

	.brand_tile_type_2 section { width: 140px; height: 138px; margin-left: 10px; margin-top: 10px; }
	.brand_tile_type_2 section:nth-child(3n+1) { margin-left: 10px; }
	.brand_tile_type_2 section:nth-child(odd) { margin-left: 0; }
	.brand_tile_type_2 section h2 { font-size: 14px; padding: 100px 0 10px 0; }

	/* csr */ 
	.csr_top { border-bottom: 0 none; padding-top: 60px; }
	#csr .wrap { padding-top: 0px; }
	#csr .intro { position: static; padding-top: 30px; margin-bottom: 26px; }
	#csr .intro dfn { position: relative; width: 350px; height: 30px; }
	#csr .intro dfn img { position: absolute; left: 93px; top: 0; clip: rect(30px,110px,70px,0px); }
	#csr .intro dfn:before { position: absolute; content: ''; left: 50%; top: 0; width: 240px; height: 30px; background: url('../images/text/text_corporate.png') no-repeat 3px 0 / 350px;  transform: translateX(-50%);  -webkit-transform: translateX(-50%);  }
	#csr .intro dfn:after { position: absolute; content: ''; left: 50%; top: 72px; width: 300px; height: 30px; background:url('../images/text/text_corporate.png') no-repeat -115px -35px / 350px; transform: translateX(-50%);  -webkit-transform: translateX(-50%);  }

	#csr_ethics { border-bottom: 1px solid #aaada5; }
	#csr_ethics,
	#csr_partnership { width: 100%; height: 190px; margin-bottom: 10px; background-size: 110px; background-position: 18px center; }
	#csr_ethics a, 
	#csr_partnership a { padding: 20px 20px 0 150px; }
	#csr_ethics .p_09, 
	#csr_partnership .p_09 { font-size: 12px; line-height: 20px; }
	#csr_ethics h2,
	#csr_partnership h2 { margin-bottom: 10px; padding-bottom: 10px; }

	.csr_bottom .csr_sec01 dl { padding: 15px 0px; text-align: center; }
	.csr_bottom .csr_sec01 dd { display: none; }

	#footer { padding-top: 20px; padding-bottom: 20px; }
	#footer .wrap { text-align: center; }
	#footer p, #footer address { padding-right: 0; }
	#footer address { position: relative; }
	#footer address span { position: absolute; width: 100%; left: 0; top: 0; top: 0px; }
	#footer .divide_type1 { line-height: 20px; margin-bottom: 25px; }
	#footer .divide_type1 > * { padding: 0 0 0 9px; margin: 0 0 0 9px; }
	#footer .related_link { position: relative; top: 20px !important; width: 100%; top: 0; float: none; margin-bottom: 10px; text-align: left; z-index: 2; }

}