@charset "utf-8";
@import url(//fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap);

/* 공통 */
.clear {clear:both}
.tac {text-align:center}
.fl {float:left}
.fr {float:right}
.fn {float:none !important;}
.pointer {cursor:pointer}
.bold {font-weight:bold}
.ovfh {overflow:hidden}
.list_init {margin:0;padding:0;list-style:none}
.nbg{background-image:none !important}
.img_fix{width:100%}

.mgt0 {margin-top:0px !important}
.mgt20{margin-top:20px !important}
.mgt3{margin-top:30px !important}
.mgr0 {margin-right:0px !important}
.mgb0 {margin-bottom:0px !important}
.mgb10 {margin-bottom:10px !important}
.mgl0 {margin-left:0px !important}
.pdt0 {padding-top:0px !important}
.pdr0 {padding-right:0px !important}
.pdb0 {padding-bottom:0px !important}
.pdl0 {padding-left:0px !important}

.nbor_r{border-right:none !important;}
.bor_b{border-bottom:1px solid #d4d4d4 !important}
.ac{text-align:center !important;}
.al{text-align:left !important;}
.mw100 {max-width:100%}
.dpb_pc{display:none}

/* 색상 */
.red {color:#ff0000;}
.green {color:#33cc00;}
.blue {color:#3300ff;}

/* 본 사이트 전용 */
body {width:100%;min-width:320px}
body, h1, h2, h3, h4, h5, h6, input, button, textarea, select {font-family:'Noto Sans JP', sans-serif; font-weight:400}
input[type=text], input[type=password], input[type=submit], input[type=image], button, textarea {-webkit-appearance:none}
#hd_pop .hd_pops_con img {width:100%;height:auto}
#container_vis .bg_vis > li {display:none;position:absolute;left:0;top:0;z-index:50;width:100%;height:100%;background-size:cover !important}
#container_vis .txt_vis {position:relative;width:100%;height:auto;margin:0}
#container_vis .txt_vis > div {/*display:none;*/position:absolute;z-index:60}

/* 헤더 */
#header {width:100%;height:auto;background:#fff; border-top:7px solid #aacf5d}
#header:after {display:block;clear:both;content:""}
.h_top{position:absolute; right:66px; top:18px; z-index:250}
.h_top > a, .h_top .lang{position:relative; float:left}
.h_top > a, .h_top .lang span{color:#555; font-size:1.167em; line-height:40px; display:block; padding:0 17px}
.h_top > a:after{position:absolute; right:0; top:15px; width:1px; height:11px; background:#d4d4d4; content:''}
.h_top .lang span{cursor:pointer; background:url(../images_jp/arr_icon.jpg) right center no-repeat}
.h_top .lang ul{display:none; position:absolute; left:0; top:40px; width:100%; z-index:250}
.h_top .lang li{border:1px solid #d4d4d4; border-top:0; background:#fff}
.h_top .lang li:first-child{border-top:1px solid #d4d4d4}
.h_top .lang li a{display:block; line-height:2; font-size:1.167em; color:#555; text-align:center}
.container_gnb {overflow:hidden; position:relative; height:67px; width:100%}
.hd_logo{float:left; width:150px; height:67px}
.hd_logo a{padding:0 10px; display:block; line-height:67px}
.toggle {position:absolute;right:10px;bottom:14px;width:40px;}

/* 모바일 메뉴 */
.toggle_menu{z-index:200;position:absolute;top:74px;left:0;width:100%;height:auto;overflow:hidden;border-top:2px solid #aacf5d; background:white;display:none;}
.toggle_menu .tmenu_gnb{width:100%; height:40px; overflow:hidden; background:#f5f5f5; display:table; border-bottom:1px solid #ddd }
.toggle_menu .tmenu_gnb ul{display:table; margin:0 auto}
.toggle_menu .tmenu_gnb li{float:left; font-size:1.167em; color:#666}
.toggle_menu .tmenu_gnb li a{padding:0 10px; line-height:40px; display:block}
.toggle_menu > ul > li{width:100%;border-bottom:1px solid #ddd;}
.toggle_menu > ul > li > a{display:block;padding:2% 0 2% 8%;font-size:1.2em;line-height:1.5;color:#555}
.toggle_menu > ul > li.on{background:#aacf5d}
.toggle_menu > ul > li.on > a{color:#fff; font-weight:bold;}
.toggle_sub{display:none;background:#f5f5f5;padding:1% 0;}
.toggle_sub a{display:block;padding-left:10%;font-size:1.15em;color:#555;line-height:2.2;}
.toggle_sub .on a {color:#aacf5d}

/* PC 메뉴 */
.menu_pc {overflow:hidden;width:auto;height:0;visibility:hidden; }
.menu_pc .main_menu:after {display:block;clear:both;content:""}
.menu_pc .main_menu li{float:left; position:relative}
.menu_pc .main_menu li a {display:block;font-size:1.5em; color:#333; padding:20px 36px}
.menu_pc .main_menu li.on a{color:#97bb4b}
.menu_pc .main_menu li:last-child a{padding-right:0}
.menu_pc #main_full_menu {display:none;overflow:hidden;position:absolute;left:0;top:119px;z-index:300;width:100%;min-width:1200px;height:auto;background:#0c3e6c;}
.menu_pc .main_full_menu_wrap {width:1200px; margin:0 auto;}
.menu_pc .main_full_menu_wrap:after {display:block;clear:both;content:""}
.menu_pc .sub_menu{float:left; width:171px; padding:30px 27px 0 17px; min-height:300px}
.menu_pc .sub_menu.over{background:#103352}
.menu_pc .sub_menu.smenu1{width:175px}
.menu_pc .sub_menu.smenu4{min-width:0}
.menu_pc .sub_menu.smenu7{padding-right:0; width:170px}
.menu_pc .sub_menu a {display:block;font-size:1.25em; padding-bottom:8px;color:rgba(255,255,255,0.85); line-height:1.5}
.menu_pc .sub_menu li.on a {color:#97bb4b;}
.menu_0105, .menu_0701{display:none}
.menu_0101, .menu_0102{display:none}

/* 메인 비주얼 */
.wrap_main {width:100%;height:auto;}
.wrap_main #container_vis {overflow:hidden;position:relative;width:100%;height:180px}
.wrap_main #container_vis .txt_vis{position:absolute; width:210px}
.wrap_main #container_vis .vis_main1 .txt_vis {left:5%; top:55px}
.wrap_main #container_vis .vis_main2 .txt_vis {right:5%; top:30px}

/* 메인 컨텐츠 */
#wrap_content{background:#fff}
#wrap_content.container_ctt > .w1200{padding:0 5%}
.mc_overview{padding:35px 0; border-bottom:1px solid #d4d4d4}
.mco_txt{margin-top:15px}
.mc_overview h3, .mc_product h3{color:#222; font-size:3.333em}
.mc_overview p{color:#555; font-size:1.333em; padding:15px 0 20px; line-height:1.5}
.mc_overview a{color:#acacac; font-size:1.333em;  display:inline-block; line-height:67px; border:1px solid #0b0b0c; padding:0 50px}
.mc_overview a span{display:inline-block; padding-right:36px; background:url(../images_jp/more_arr.png) right center no-repeat}
.mc_overview a:hover{border:1px solid #aacf5d;animation:fadeEx1 1s forwards;-webkit-animation:fadeEx1 1s forwards; color:#fff}
@keyframes fadeEx1 {
	from {background-color:#fff}
	to	 {background-color:#aacf5d}
}
@-webkit-keyframes fadeEx1 {
	from {background-color:#fff}
	to	 {background-color:#aacf5d}
}
.mc_overview a:hover span{background:url(../images_jp/more_arr_r.png) right center no-repeat}
.mc_product{width:100%; padding:35px 0; position:relative}
.mc_product > p{color:#555; font-size:1.417em; padding:10px 0 25px; **word-break:keep-all; line-height:1.5}
.mcp_btn div{position:absolute; top:50%; width:59px; height:59px; border-radius:50%; border:1px solid #cfcfcf; cursor: pointer;}
.mcp_btn .prod_prev{left:0; background:#fff url(../images_jp/arr_left.png) 19px center no-repeat}
.mcp_btn .prod_next{right:0; background:#fff url(../images_jp/arr_right.png) 24px center no-repeat}
.mcp_btn div:hover{animation:fadeEx1 1s forwards;-webkit-animation:fadeEx1 1s forwards; border:1px solid #aacf5d;}
.mcp_btn .prod_prev:hover{background:#aacf5d url(../images_jp/arr_left_r.png) 19px center no-repeat}
.mcp_btn .prod_next:hover{background:#aacf5d url(../images_jp/arr_right_r.png) 24px center no-repeat}
.mcp_gall{width:275px; margin:0 auto; overflow:hidden}
.mcp_gall li{float:left; width:275px; margin-left:33px; text-align:center}
.mcp_gall li:first-child{margin-left:0}
.mcp_gall li .mcp_img{overflow:hidden;width:100%; height:275px; border:1px solid #d4d4d4; line-height:275px}
.mcp_gall li p{overflow:hidden;font-size:1.5em; color:#555; padding:20px 0 10px; text-overflow:ellipsis;white-space:nowrap}
.mcp_gall li a{font-size:1.25em; color:#555; padding:6px 3px; border-bottom:1px solid #666; display:inline-block}
.mc_banner{width:100%; background:url(../images_jp/ban_bg.jpg) center -250px no-repeat; padding:45px 5%;}
.mc_banner li:first-child{margin-bottom:20px}
.mc_banner li a{display:block;}
.mc_banner li div{background:#fff; border:1px solid #d4d4d4; border-top:none; padding:30px; text-align:center}
.mc_banner li h3{font-size:1.833em; color:#333; margin-bottom:10px}
.mc_banner li p{font-size:1.333em; color:#555; *word-break:keep-all}


/* 서브 비주얼 */
.wrap_sub {width:100%;height:auto; background:#fff; position:relative}
.wrap_sub #container_vis {overflow:hidden;position:relative;width:100%;height:120px}
.wrap_sub #container_vis .txt_vis{position:absolute; top:35px; width:161px}
.wrap_sub #container_vis .vis_sub1 .txt_vis {left:3%;}
.wrap_sub #container_vis .vis_sub2 .txt_vis {right:3%;}
.wrap_sub h2.page_tit {margin:20px 0 0;font-weight:normal;font-size:2.5em;line-height:1.5;color:#363f50;text-align:center}

/* 서브 콘텐츠 */
#container_location {display:none; width:100%; height:54px; background:rgba(158,158,158,0.95); position:absolute; left:0; top:258px; z-index:160}
#container_location > div:after {display:block; clear:both; content:""}
#container_location .home a {display:block;width:54px;height:54px; background:#79a126 url(../images_jp/sub/sub_home.svg) center no-repeat; background-size:19px auto}
#container_location .lct_area {position:relative;font-size:1.333em;line-height:54px}
#container_location .lct_area span {display:block; width:284px; padding-left:30px; border-right:1px solid rgba(255,255,255,0.4); background:url(../images_jp/sub/sub_arr.png) 240px 23px no-repeat;color:#fff;cursor:pointer}
#container_location .lct_area.lct04 span{width:330px; background-position:290px 23px}
#container_location .lct_area ul {display:none;position:absolute;left:-1px;top:54px;z-index:70;border-left:1px solid #d4d4d4;border-right:1px solid #d4d4d4;background-color:#fff}
#container_location .lct_area ul li a {display:block;width:284px;padding-left:20px;border-bottom:1px solid #d4d4d4;color:#555}
#container_location .lct_area.lct04 ul li a{width:330px}
#container_location .lct_area ul li.on a {color:#79a126}

/* 내용 페이지 */
.page {width:100%;height:auto;min-height:300px;padding:30px 10px 50px;}

p.txt_c{font-size:1.333em;color:#555;line-height:1.6;*word-break:keep-all;}
p.txt_c strong{color:#ee8700;font-weight:normal;}
.ul01 li{padding-left:10px; position:relative; font-size:1.333em; color:#555; margin-bottom:8px}
.ul01 li span{color:#48b99f}
.ul01 li:after{position:absolute; left:0; top:9px; width:3px; height:3px; background:#48b99f; border-radius:50%; content:''}

/* 내용 */
h2.stit{margin:60px 0 20px;}
h2.stit span{font-size:1.667em;color:#444;background:url(../images_jp/sub/stit_bullet.svg) right bottom no-repeat;padding:0 31px 5px 0;font-weight:normal; background-size:35px auto}
h3.sstit{color:#004584; font-size:1.667em; font-weight:normal; margin:30px 0 20px}
.txt_c{font-size:1.25em;color:#555;line-height:1.6;}
.con_wrap{overflow:hidden;}

/* 인사말 */
.gre_t{text-align:center;font-size:1.667em;color:#444;margin-bottom:5%;letter-spacing:-0.5px;*word-break:keep-all; width:100%; padding:5%; background:url(../images_jp/sub/gre_top.jpg) center no-repeat; background-size:cover}
.gre_t p{padding-top:60px; background:url(../images_jp/top_logo.svg) center top no-repeat; background-size:150px auto}
.gre_t .col_navy{font-size:1.15em;color:#004484;font-weight:bold;}
.gre_t .col_green{font-size:1.15em;font-weight:bold;color:#a6c760;}
.gre{padding:160px 5% 4%; border-bottom:1px solid #d4d4d4; overflow:hidden}
.gre p.gre_b{font-size:1.667em;color:#004484;margin-bottom:4%;*word-break:keep-all;line-height:1.4;}
.gre p.gre_s{font-size:1.28em;color:#444;line-height:1.6;*word-break:keep-all;}
.gbg01{background:url(../images_jp/sub/gre_img01.jpg) center 20px no-repeat; background-size:130px auto}
.gbg02{background:url(../images_jp/sub/gre_img02.jpg) center 20px no-repeat; background-size:130px auto}
.gbg03{background:url(../images_jp/sub/gre_img03.jpg) center 20px no-repeat; background-size:130px auto; border-bottom:0}
.gbg02 .gre_txt{text-align:right;}
.gbg03{ clear:both;}

/* 회사개요 */
.company{overflow:hidden}
.company li{float:left;text-align:center;border:3px solid #ffe270;width:48%;height:170px;margin:2% 1%;padding:25px 5px;}
.company li.com_name{background:#ffe270;color:#735441;font-size:1.833em;border:none;padding:55px 5px;}
.company li figure{margin:0;}
.company li figcaption{font-size:1.25em;color:#555;margin-top:15px;line-height:1.4; *word-break:break-all}
.company li figcaption span{color:#797979;}
.hc li.com_name{background:#a6c760; color:#fff}
.hc li{border-color:#a6c760;}

/*연혁*/
p.year{text-align:center;font-size:2.167em;font-weight:bold;padding:15px 0 15px;background:rgba(0,69,132,0.07); border-top:1px solid #004584; border-bottom:1px solid #004584; color:#004584;}
.year_wrap dl{margin:30px 0;overflow:hidden;}
.year_wrap dt{font-size:2em; margin-bottom:5px; width:134px;height:41px; border-radius:47px;text-align:center;float:left; padding-top:2px}
.year_wrap dd{background:url(../images_jp/sub/his_dotline.jpg) left 50px no-repeat; font-size:1.25em;color:#555;margin:5px 0;line-height:1.6;padding-top:35px;display:inline-block;padding-left:80px;}
.year_wrap dd p{margin:4px 0;}
.year_wrap .cc_gr dt{border:3px solid #a6c760;color:#a6c760;}
.year_wrap .cc_yel dt{border:3px solid #ffd329;color:#ffd329;}
.year_wrap .cc_br dt{border:3px solid #735441;color:#735441;}
.year_wrap dd span.month{font-size:1.1em;color:#fff;font-weight:bold;margin-right:14px; width:36px; height:36px; line-height:34px; border-radius:50%; text-align:center; display:inline-block}
.year_wrap .cc_gr .month{background:#a6c760}
.year_wrap .cc_yel .month{background:#ffd329}
.year_wrap .cc_br .month{background:#735441}
.year_wrap dl > div{text-align:center;}
.year_wrap img{width:100%;max-width:435px;}

/* 비전 */
.mission{background:url(../images_jp/sub/vision_top.jpg) center top no-repeat; text-align:center; padding-top:40px; min-height:296px}
.mis_tit{font-size:2em; color:#ffe270; display:inline-block; margin-bottom:5px;}
.mission p{color:#fff;font-size:2.5em; letter-spacing:-0.5px; line-height:1.3; width:230px; margin:0 auto; *word-break:keep-all;}
.vision{text-align:center;}
.vis_tit{font-size:2.333em; color:#004584; display:block; margin-bottom:8px;}
.vision p{color:#735441;font-size:1.833em;letter-spacing:-0.5px;display:inline-block;padding:0 26px; *word-break:keep-all}
.vision p span{font-size:1.727em;color:#444;font-weight:bold; display:inline-block; padding:5px}
.value{text-align:center; margin-top:35px}
.val_tit{text-align:center;font-size:2.333em;color:#004584; background:url(../images_jp/sub/dash_line.jpg) left center repeat-x; margin-bottom:15px}
.val_tit span{background:#fff; padding:0 15px}
.value ul {overflow:hidden;margin-top:3%;}
.value li{float:left;width:32%;}
.value li:nth-child(2){margin:25px 0}
.value li figure{margin:10px 0;}
.value li figcaption{font-size:1.833em;}
.value li p{font-size:1.25em;color:#797979;line-height:1.6;margin-top:5px;}
.value li p span{color:#444;display:block;}
.val01 figure{color:#a6c760;}
.val02 figure{color:#ffd329;}
.val03 figure{color:#115fa7;}

/* 홍보센터 */
.video{overflow:hidden;}
.video ul li{float:left;width:30%; margin-left:5%; padding-top:3%}
.video ul li:first-child, .video ul li:nth-child(2), .video ul li:nth-child(3){padding-top:0}
.video ul li:nth-child(3n+1){clear:both; margin-left:0}
.video ul li > div{width:100%;background-color:#000}
.video ul li > div.ytb{position:relative; padding:0 0 75%}
.video ul li > div.ytb iframe{position:absolute; left:0; top:0; width:100% !important; height:100% !important}
.video ul li p{text-align:center;}
.video ul li p span{background:url(../images/sub/play_icon.jpg) left center no-repeat;padding:18px 0 18px 36px;color:#555;font-size:1.25em;display:inline-block;}

.list01, .list02, .list03{overflow:hidden;}
.list01 li{float:left;text-align:center;margin:0 13px 10px;}
.list01 li img{width:100%;max-width:219px;}
.list02 li{float:left;text-align:center;margin:0 13px 10px;}
.list02 li img{width:100%;max-width:178px;}
.list03 li{float:left;text-align:center;margin:0 18.6px 10px;}
.list03 li img{width:100%;max-width:272px;}
.catalog_wrap{overflow:hidden;}
.catalog_wrap .catalog{float:left;width:48%;margin:0 1%}
.catalog_wrap .catalog:last-child{margin-right:0;}
.catalog_wrap figure{width:100%;margin:0 auto;text-align:center; position:relative}
.catalog_wrap figure > img{max-width:249px;width:100%;}
.catalog_wrap figcaption{position:absolute; left:0; bottom:25px; background:rgba(0,69,132,0.8); padding:6px 10px; font-size:1.5em; color:#fff; line-height:1.1; text-align:left;}
.catalog_wrap figcaption p span{font-size:0.889em}
.download a{margin:15px auto; display:table; text-align:center; padding:0 15px; line-height:41px; border:2px solid #ccc; color:#555; font-size:1.417em; border-radius:45px; background:#fff}
.download a span{padding-right:28px; display:inline-block; background:url(../images_jp/sub/down_green.png) right center no-repeat; }
.download a:hover{animation:fadeEx2 1s forwards; -webkit-animation:fadeEx2 1s forwards; color:#fff; border:2px solid #a6c760;}
@keyframes fadeEx2 {
	from {background-color:#fff}
	to	 {background-color:#a6c760}
}
.download a:hover span{background:url(../images_jp/sub/down_white.png) right center no-repeat}
.ci_manual{box-shadow:5px 5px 10px rgba(0,0,0,0.1)}

/* 채용정보 */
.c_box{position:relative; text-align:center;font-size:1.417em;color:#555; padding:2.5% 5%; line-height:1.7; *word-break:keep-all; background:url(../images_jp/sub/cbox_bg01.jpg) left top no-repeat, url(../images_jp/sub/cbox_bg02.jpg) right top no-repeat, url(../images_jp/sub/cbox_bg03.jpg) right bottom no-repeat, url(../images_jp/sub/cbox_bg04.jpg) left bottom no-repeat; background-color:#f3f3f3; margin-bottom:110px}
.c_box:after{position:absolute; left:0; bottom:-110px; width:100%; height:90px; background:url(../images_jp/sub/arr_top.jpg) center top no-repeat; content:''}
.rule{overflow:hidden;margin-top:5px;}
.rule li{float:left;width:33.33%;}
.rule li figure{text-align:center;margin:0;}
.rule li figcaption{font-size:1.667em;margin:20px 0 10px;color:#ffd329;}
.rule li:nth-child(2){margin:15px 0}
.rule li:first-child figcaption{color:#a6c760}
.rule li:last-child figcaption{color:#004584}
.rule li p{font-size:1.25em;color:#555;line-height:1.6;*word-break:keep-all;text-align:center;}
.rule li:first-child p{*word-break:break-all}
.career{overflow:hidden;}
.career li{float:left;width:100%; position:relative; background:url(../images_jp/sub/career_line01.jpg) left top no-repeat, url(../images_jp/sub/career_line01.jpg) right top no-repeat, url(../images_jp/sub/career_line01.jpg) left bottom no-repeat, url(../images_jp/sub/career_line01.jpg) right bottom no-repeat, url(../images_jp/sub/career_line02.jpg) left top repeat-x, url(../images_jp/sub/career_line02.jpg) left bottom repeat-x; margin-bottom:33px; padding:10px}
.career li:last-child{margin-bottom:0}
.career li:after{position:absolute; width:24px; height:13px; left:50%; margin-left:-12px; bottom:-24px; background:url(../images_jp/sub/method_arr2.jpg) center no-repeat; content:''}
.career li:last-child:after{display:none}
.career li > div{padding:25px; height:100%}
.career li.career01 > div{background:url(../images_jp/sub/method_bg01.jpg) right 15px bottom 15px no-repeat}
.career li.career02 > div{background:url(../images_jp/sub/method_bg02.jpg) right 15px bottom 15px no-repeat}
.career li.career03 > div{background:url(../images_jp/sub/method_bg03.jpg) right 15px bottom 15px no-repeat}
.career li.career04 > div{background:url(../images_jp/sub/method_bg04.jpg) right 15px bottom 15px no-repeat}
.career li .car_num{font-size:3.333em; color:#735441}
.career li .car_tit{font-size:1.5em; color:#333; padding:3px 0 10px}
.career li .car_txt{font-size:1.333em; color:#555; line-height:1.5}
.ul01 li{position:relative; font-size:1.25em;color:#555;line-height:1.6; margin-bottom:9px; padding-left:15px;}
.ul01 li:after{position:absolute; left:0; top:8px; width:4px; height:4px; border-radius:50%; background:#a6c760; content:''}
p.contact{text-align:center;font-size:1.25em;}
p.contact span{color:#a6c760}

/* 오시는길 */
.Gmap_wrap{width:100%; padding:6px; border:1px solid #d4d4d4}
.Gmap_wrap .Gmap_print{width:100%; height:350px;}
.location{overflow:hidden;margin:2.5% 0 0; *border:1px solid #d4d4d4; background:#f3f3f3; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:25px}
.location li{font-size:1.25em;color:#555;float:left;width:50%; position:relative;}
.location li:first-child{width:100%}
.location li:nth-child(2){margin:5px 0}
.location_s{overflow:hidden;position:relative;width:32%;float:left;margin:1% 2% 1% 0; border:4px solid #d4d4d4; padding:20px 25px 15px}
.location_s dt{font-size:1.5em;color:#222;margin-bottom:15px;}
.location_s dd{font-size:1.25em;color:#555;line-height:1.8;padding:12px 0 12px 40px; letter-spacing:-0.8px; min-height:47px}
.location_s dd.loca_s01{background:url(../images_jp/sub/add_icon02.jpg) left 8px no-repeat; line-height:1.5}
.location_s dd.loca_s02{background:url(../images_jp/sub/tel_icon02.jpg) left 12px no-repeat; border-top:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4}
.location_s dd.loca_s03{background:url(../images_jp/sub/fax_icon02.jpg) left 12px no-repeat}
.map_more{position:absolute;right:25px;top:22px;}
.map_more a{font-size:1.2em;color:#fff;padding:0 30px 0 15px;background:#a6c760 url(../images_jp/sub/map_arr.jpg) right 15px center no-repeat; line-height:30px; display:block; border-radius:30px}
.location_s:nth-child(3n){margin-right:0;}
.location_s:first-child, .location_s:nth-child(4){clear:both}

/* 계열사 */
.affiliate{width:100%; background:#f5f5f5 url(../images_jp/sub/affiliates_bg.jpg) center 70% no-repeat; background-size:100% auto; padding:5% 4%; text-align:center}
.affiliate > h3{color:#0f0e0d; font-size:2.5em; margin-bottom:8px}
.affiliate > p{color:#555; font-size:1.333em}
.affiliate li{width:274px; margin:20px auto 20px; overflow:hidden}
.affiliate li .aff_on{display:none}
.affiliate li:hover .aff_on{display:block}
.affiliate li:hover .aff_off{display:none}
.affiliate li .aff_txt{margin:25px auto; width:274px; line-height:58px; color:#555; font-size:1.5em; text-align:center; background:#fff; border-radius:15px; border:4px solid #a3a3a3}
.affiliate li:hover .aff_txt{color:#fff}
.affiliate li:first-child:hover .aff_txt{border:4px solid #a6c760; background:#a6c760}
.affiliate li:nth-child(2):hover .aff_txt{border:4px solid #ffd329; background:#ffd329}
.affiliate li:last-child:hover .aff_txt{border:4px solid #004584; background:#004584}
.affiliate li .aff_img{width:274px; height:274px; overflow:hidden; border-radius:50%; text-align:center; line-height:274px; box-shadow:5px 5px 8px rgba(0,0,0,0.2)}
.affiliate li:first-child .aff_img{background:url(../images_jp/sub/affiliates_img01.png) center no-repeat}
.affiliate li:nth-child(2) .aff_img{background:url(../images_jp/sub/affiliates_img02.png) center no-repeat}
.affiliate li:last-child .aff_img{ background:url(../images_jp/sub/affiliates_img03.png) center no-repeat}
.affiliate li:first-child:hover .aff_img{border:4px solid #a6c760; background:url(../images_jp/sub/affiliates_img01r.png) center no-repeat}
.affiliate li:nth-child(2):hover .aff_img{border:4px solid #ffd329; background:url(../images_jp/sub/affiliates_img02r.png) center no-repeat}
.affiliate li:last-child:hover .aff_img{border:4px solid #004584; background:url(../images_jp/sub/affiliates_img03r.png) center no-repeat}

/* 브랜드 */
.brand_wrap{width:100%; padding:6% 4%; background:#f5f5f5; border:3px solid #cadea0; overflow:hidden;}
.brand_wrap li{width:100%; text-align:center; padding:20px}
.brand_wrap li:first-child{border-bottom:1px solid #d4d4d4}
.brand_wrap li:first-child img{width:100%; max-width:311px; }
.brand_wrap li:last-child img{width:100%; max-width:362px; }
.brand_det{text-align:center; background:url(../images_jp/sub/dash_line.jpg) left top repeat-x, url(../images_jp/sub/dash_line.jpg) left bottom repeat-x; padding:25px}
.brand_det img{padding:15px 0}
.brdt01 img{max-width:311px;width:100%;}
.brdt02 img{max-width:370px;width:100%;}
.brand_txt{border-top:1px solid #d4d4d4; font-size:1.5em; color:#555; line-height:1.5; *word-break:keep-all;padding:20px 20px;}
.brand_txt span{font-weight:bold; color:#004584; font-size:1.1em}
.brand_tit{font-size:1.667em;color:#333;text-align:center;background:url(../images_jp/sub/stit_bullet.svg) right bottom no-repeat, url(../images_jp/sub/stit_bullet.svg) left top no-repeat; background-size:35px auto; padding:18px; margin:6% auto 3%; display:table}

/* 공정 */
.proc_wrap{overflow:hidden;}
.proc{float:left;margin-bottom:10%; background:#f5f5f5; padding-top:9px}
.proc:nth-child(3n){margin-right:0;}
.proc .proc_step{background:url(../images_jp/sub/step_bg02.png) left top no-repeat; line-height:49px; padding-left:12px; color:#fff; font-size:1.667em}
.proc:first-child{background:#aacf5d}
.proc:last-child{background:#ffe270}
.proc:first-child .proc_step{background:url(../images_jp/sub/step_bg01.png) left top no-repeat; color:#91b93e}
.proc:last-child .proc_step{background:url(../images_jp/sub/step_bg01.png) left top no-repeat; color:#f9d030}
.proc .proc_txt{height:auto; width:90%; border-bottom:1px solid #d4d4d4; margin:0 5%; color:#333; font-size:1.417em; line-height:1.6; padding:15px 0 }
.proc:first-child .proc_txt{border-bottom:1px solid #fff; color:#fff}
.proc:last-child .proc_txt{border-bottom:1px solid #fff;}
.proc ul{overflow:hidden; padding:15px 5%}
.proc ul li{float:left;margin:0% 0%;width:50%;text-align:center;}
.proc ul li img{width:100%;max-width:163px;}

.proc_f{background-color:#a6ae66;background-image:url(../images/sub/proc_bg02.png);background-position:right center;background-repeat:no-repeat;}
.proc_c{background-color:#d8b16b;background-image:url(../images/sub/proc_bg02.png), url(../images/sub/proc_bg01.png);background-position:right center, left center;background-repeat:no-repeat;}
.proc_l{background-color:#db5479;background-image:url(../images/sub/proc_bg01.png);background-position:left center;background-repeat:no-repeat;}


/* 식품안정방침 */
.top_box{width:100%; padding:8px 0; background:url(../images_jp/sub/dash_line.jpg) left top repeat-x, url(../images_jp/sub/dash_line.jpg) left bottom repeat-x; text-align:center}
.top_box > div{padding:7% 10%; background:#f5f5f5}
.top_box p{font-size:1.667em; color:#444; *word-break:keep-all}
.top_box p span{color:#004584; font-weight:bold; font-size:1.1em}
.safe01{background:url(../images_jp/sub/bg_pattern.jpg) center repeat; padding:8%; width:100%; text-align:center}
.safe01 h4{font-size:2.917em; color:#fff; line-height:1.2; padding-bottom:45px; position:relative}
.safe01 h4:after{position:absolute; left:50%; bottom:15px; margin-left:-21px; width:41px; height:8px; background:url(../images_jp/sub/dot_sam.png) center no-repeat; content:''}
.safe01 p{font-size:1.5em;color:#fff;line-height:1.8; *word-break:keep-all}
.safe_r {padding:5% 4%; overflow:hidden; background:#f5f5f5}
.safe_r li{font-size:1.333em; color:#444; margin:0 0 10px; line-height:1.6; background:url(../images_jp/sub/check_green.png) left 10px no-repeat; padding-left:15px; *word-break:keep-all;}
.safe_r h5{font-size:2em; color:#004584; text-align:center; margin:15px 0 10px}
.safe02{border-bottom:1px solid #d4d4d4}

.txt_t{font-size:1.3em;color:#555;text-align:center;line-height:1.6;*word-break:keep-all;}
.txt_t span{font-size:1.15em;color:#db5479;}

.certi{overflow:hidden;}
.certi li{float:left;width:48%;margin:0 1% 40px !important;}
.certi li img{width:47%;max-width:249px;margin:0 1%;}
.certi li figure{margin:0;text-align:center;}
.certi li figcaption{font-size:1.25em;color:#555;margin:20px 0 0px;}

.tbl01{width:100%; border-spacing:0;border-collapse:separate;border-top:2px solid #a6c760;border-left:1px solid #d4d4d4;text-align:center;}
.tbl01 th{font-size:1.333em; font-weight:bold; color:#004584; padding:14px 10px;background:#f5f5f5;border-bottom:1px solid #d4d4d4;border-right:1px solid #d4d4d4;}
.tbl01 td{font-size:1.333em;color:#555;padding:14px 10px;border-bottom:1px solid #d4d4d4;;border-right:1px solid #d4d4d4;}
.tbl01 .td_l{*text-align:left;background:rgba(0, 69, 132, 0.08);}

.brand{width:40%;margin:0 5%;max-width:475px;height:403px;position:relative;background:#f4f4f4;padding:4px 4px;float:left;}
.brand > div{background:#fff; width:100%;height:auto;position:relative;}
.brand a{background:#fff;display:block;position:absolute;z-index:1000;width:100%;}
.brand a img{}
.brand:after{ position:absolute;z-index:100;top:0;left:0;display:block;content:""; width:100%; height:403px;background-color:#dee69d;transform:scale3d(0,1,1);transform-origin:left;transition:transform .5s;} 
.bor_r:after{background-color:#e8d3b4}
.brand:hover:after{transform:scale3d(1,1,1);}


/* 푸터 */
#footer {width:100%;height:auto; background:#f4f4f4}
.foot_menu{display:none}
.foot_menu .fm_sub > a{font-size:1.292em; color:#333; margin-bottom:15px; display:block}
.foot_menu .fms_sub li a{font-size:1.208em; color:#555; line-height:1.9}
.f_link{background:#4f5261; border-top:1px solid #d4d4d4; overflow:hidden}
.f_link li{width:25%; float:left; border-right:1px solid rgba(255,255,255,0.4)}
.f_link li a{display:block; ; color:#fff; font-size:1.25em; line-height:50px;text-align:center}
.copyright{padding:20px 20px 35px;}
.copyright p{font-size:1.167em;}
.copyright .footer_logo{width:100%; text-align:center; margin:0 0 20px}
.copyright .copy p{line-height:1.6; color:#333; *word-break:keep-all}
.copyright .f_copy{margin:7px 0 0;}
.copyright p.f_copy, .copyright p.f_copy a{color:#939191}
.f_mail{margin:15px auto 0; display:table}
.f_mail a{display:inline-block; padding:0 12px 0 43px; line-height:33px; background:#a4c85a url(../images_jp/mail_icon.svg) 14px center no-repeat; background-size:18px auto; border-radius:33px; font-size:1.167em; color:#fff; font-weight:bold}


/* 미디어 쿼리 */
@media screen and (max-width:767px) {
	/* 헤더 */
	.dpb{display:block !important;}
	.wid100{width:100% !important;}
	.h_top > a{display:none}
	.wrap_main #container_vis .vis_main1{background-position:30% 50% !important}
	.wrap_main #container_vis .vis_main2{background-position:70% 50% !important}
	
	/* 메인컨텐츠 */
	.mc_overview h3, .mc_product h3{font-size:2.5em}

	.wrap_sub h2.page_tit {padding:0 3%}


	/* 인사말 */
	.gre .gre_txt{text-align:center !important;}

	/* 회사개요 */
	.company li:nth-child(odd){clear:both}
	.company li:nth-child(5), .company li:nth-child(6){height:auto}

	/*연혁*/
	.year_wrap dd{background:none;}

	.cu_box li{text-align:center; margin-left:0; margin-right:15px}
	.box_img{margin-right:0;}
	.box_txt{text-align:center;}
	.pr div{width:10%;}
	.pr div img{min-width:53px;}
	.pr figcaption{width:87%;}
	.pr div img{width:100%;}
	.pr li{height:auto;}
	.pr_m{margin-bottom:70px !important;}
	.pr_wrap div:last-child{margin-bottom:0 !important;}
	.clin_wrap{height: auto;}
	.clin_tel, .clin_img, .clin_txt{margin-bottom:0 !important;}
	
	
	.list01 li, .list02 li, .list03 li{width:45%;margin:0 2.5% 3%;}
	.safe_r figcaption{margin:15px 0 3%;padding-bottom:3%}
	
	.proc{width:100%;}
	.proc_f, .proc_c, .proc_l{background-image:none;}
	.year_wrap dd{padding-left:0;background:none !important;padding-top:10px}
	
	.brand_txt{margin-top:3% !important;}
}

@media screen and (min-width:768px) {
	/* 헤더 */
	.dpn_m{display:none}


	/* 메인 비주얼 */
	.wrap_main #container_vis {height:300px}
	.wrap_main #container_vis .txt_vis{width:333px}
	.wrap_main #container_vis .vis_main1 .txt_vis {left:5%; top:85px}
	.wrap_main #container_vis .vis_main2 .txt_vis {right:5%; top:40px}
	
		
	/* 메인 콘텐츠 */
	.mc_overview, .mc_product{padding:55px 0;}
	.mc_overview:after, .mc_product:after{display:block; clear:both; content:''}
	.mcp_gall{width:583px}
	.mc_banner{overflow:hidden; background:url(../images_jp/ban_bg.jpg) center -300px no-repeat; padding:65px 5% 55px; }
	.mc_banner li{width:49%; float:left}
	.mc_banner li:first-child{margin-bottom:0; margin-right:2%}

	
	/* 서브 비주얼 */
	.wrap_sub #container_vis {height:180px}
	.wrap_sub #container_vis .txt_vis{top:45px; width:300px}
	.wrap_sub #container_vis .vis_sub1 .txt_vis {left:5%;}
	.wrap_sub #container_vis .vis_sub2 .txt_vis {right:5%;}
	
					
	/* 서브 콘텐츠 */

	/* 회사개요 */
	.company li{width:30%;margin:2% 1.6%;}

	/* 비전 */
	.value li:nth-child(2){margin:0 2%}

	/* 홍보센터 */
	.catalog_wrap .catalog{margin:0 1% 3%;width:48%;}
	.catalog_wrap figcaption{width:100%; line-height:57px; padding:0 0 0 20px}
	.download a{margin:30px auto 15px; }
	.catalog_wrap figure{width:249px;margin:0 auto;}
	.catalog_wrap figure > img{max-width:249px;width:100%;}
	.catalog_wrap figcaption span a{width:52px;}

	/* 채용정보 */
	.c_box{width:640px;margin:0 auto 110px;}
	.rule li{width:31%}
	.rule li:nth-child(2){margin:0 3.5%}

	.box_con{display:table;}
	.box_con .box_img{vertical-align:middle;display:table-cell;padding-right:33px;}
	.box_con .box_txt{display:table-cell;vertical-align:middle;}
		
	.proc{width:50%;margin:0 0% 3% 0;}
	
	.brand{height:auto;padding:4px 4px 33.5% 4px;}
	

	/* 푸터 */	
}

@media screen and (min-width:768px) and (max-width:1023px) {
	.wrap_main #container_vis .vis_main1{background-position:30% 50% !important}
	.wrap_main #container_vis .vis_main2{background-position:70% 50% !important}
	.location_s{width:100%; margin:0 0 2%}
}

@media screen and (max-width:1023px) {
    #hd_pop {width:100% !important}
    #hd_pop .hd_pops {left:0 !important}
    #hd_pop .hd_pops_con {width:100% !important;max-width:100%;height:auto !important}
}

@media screen and (min-width:1024px) {
	.dpb_pc{display:block}
	#container_vis .txt_vis {width:1200px;margin:0 auto}
	.w1200 {width:1200px;margin:0 auto}

	/* 헤더 */
	.dpn_m{display:block}
	#header{min-width:1200px; height:119px; padding:0}
	.h_top{top:8px; right:50%; margin-right:-600px;}
	.container_gnb{width:auto; height:auto; float:left}
	.toggle{display:none}
	.hd_logo{width:162px; height:auto}
	.hd_logo a{padding:0; line-height:112px}
	.container_hd{width:auto; height:auto; float:right}
	.container_hd .menu_pc {overflow:visible;visibility:visible;width:auto;height:auto;margin-top:38px}


	/* 메인 비주얼 */
	.wrap_main {overflow:hidden;min-width:1200px}
	.wrap_main #container_vis {height:547px}
	.wrap_main #container_vis .txt_vis{width:auto}
	.wrap_main #container_vis .vis_main1 .txt_vis {left:50%; top:154px; margin-left:-600px}
	.wrap_main #container_vis .vis_main2 .txt_vis {right:50%; top:92px; margin-right:-609px}


	/* 메인 콘텐츠 */
	#wrap_content{overflow:hidden}
	#wrap_content:after{display:block; clear:both; content:''}
	#wrap_content.container_ctt > .w1200{padding:0}
	.mc_overview h3, .mc_product h3 {font-weight:normal;line-height:1}
	.mc_overview, .mc_product{padding:117px 0}
	.mc_overview p{padding:25px 0 47px; line-height:2}
	.mco_img{width:562px; float:left;}
	.mco_txt{width:567px; float:right; margin-top:0; padding-top:15px; height:356px; position:relative}
	.mco_txt a{position:absolute; left:0; bottom:0}
	.mc_product > p{padding:15px 0 40px}
	.mcp_btn div{top:330px}
	.mcp_btn .prod_prev{left:50%; margin-left:-715px}
	.mcp_btn .prod_next{right:50%; margin-right:-715px}
	.mcp_gall{width:1200px}
	.mcp_gall li p{padding:30px 0 20px}
	.mc_banner{background:url(../images_jp/ban_bg.jpg) center top no-repeat; padding:123px 0 134px; }
	.mc_banner li{width:583px}
	.mc_banner li:first-child{margin-right:34px}
	.mc_banner li div{padding:50px 0 0; min-height:187px}
	.mc_banner li h3{margin-bottom:15px;}
	.mc_banner li p{line-height:1.6}


	/* 서브 비주얼 */
	.wrap_sub #container_vis {height:312px;}
	.wrap_sub #container_vis .txt_vis{top:65px; width:auto}
	.wrap_sub #container_vis .vis_sub1 .txt_vis {left:50%; margin-left:-523px}
	.wrap_sub #container_vis .vis_sub2 .txt_vis {right:50%; margin-right:-570px}
	

	
	/* 서브 콘텐츠 */
	.wrap_sub{min-width:1200px}
	.wrap_sub h2.page_tit {margin:100px 0 60px;font-size:3em;}
	.wrap_sub .page {width:1200px;height:auto;min-height:500px;margin:0 auto 90px;padding:0}
	#container_location {display:block;min-width:1200px;}

	h3.stit{font-size:2.6em;}
	h3.stit:before{width:8px;height:29px;left:0;top:13px;}
	h4.sstit{font-size:1.45em;}
	
	/*내용*/
	.td_l02 span{margin-left:25px;}
	.ul01 li span{font-weight:bold}
	h2.stit{margin:85px 0 20px;}
	h2.stit span{font-size:2.2em;}
	h3.sstit{margin-top:65px}

	/* 인사말 */
	.gre_t{padding:4% 8% 5%; font-size:2.333em;}
	.gre_t p{padding-top:110px; background-size:241px auto;}
	.gre{width:1090px; margin:70px 55px 0; padding:0 0 70px 335px; height:336px; display:table}
	.gre.gbg02{padding:0 335px 70px 0}
	.gre_txt{display:table-cell; vertical-align:middle}
	.gre_txt p.gre_b{font-size:1.833em; letter-spacing:-0.8px;}
	.gre p.gre_s{font-size:1.5em}
	.gbg01, .gbg03{background-position:left top; background-size:auto}
	.gbg02{background-position:right top; background-size:auto}

	/* 회사개요 */
	.company{margin-top:20px; background:url(../images_jp/sub/company_line.jpg) left 84px repeat-x}
	.company li{width:206px; border:0; margin:0; padding:14px; height:auto}
	.company li.com_name{border-radius:50%; width:170px; height:170px; padding:14px; display:table}
	.company li.com_name p{*word-break:keep-all; display:table-cell; vertical-align:middle}
	.company.hc li.com_name p{padding-top:10px}
	.company li figcaption{margin-top:42px; position:relative}
	.company li figcaption:after{position:absolute; left:50%; margin-left:-11px; top:-30px; width:22px; height:22px; background:url(../images_jp/sub/dot_yellow.png) center no-repeat; content:''}
	.company.hc li figcaption:after{background:url(../images_jp/sub/dot_green.png) center no-repeat;}
	.company li figcaption span{padding-bottom:5px; display:inline-block}

	/* 연혁 */
	.year_wrap{position:relative;padding-left:45%;margin-bottom:7%;}
	.year_wrap dt{line-height:1; padding-top:5px;}
	.year_wrap dd{width:525px; margin-top:0; padding-top:0; background-position:left 17px}
	.year_wrap dd p{margin:0 0 8px; position:relative; padding-left:50px; min-height:36px; padding-top:7px; *word-break:keep-all}
	.year_wrap dd span.month{position:absolute; left:0; top:0; line-height:36px; margin:0}
	.year_left{position:relative;text-align:right;padding-left:0;padding-left:0}
	.year_left dl{width:660px}
	.year_left dt{float:right;}
	.year_left dd {width:525px;padding-right:80px; padding-left:0; background:url(../images_jp/sub/his_dotline2.jpg) right 17px no-repeat}
	.year_left dd span.month{float:right; margin-left:14px; text-align:center}
	.year_left dd p{display:inline-block;}
	.year_left dd p{padding-left:0; padding-right:50px;}
	.year_left dd span.month{left:auto; right:0}
	p.year{ margin-bottom:50px}
	.his_img01{position:absolute;left:45px;top:200px;}
	.his_img02{position:absolute;left:45px;top:520px;}
	.his_img03{position:absolute;right:45px;top:20px;}
	.his_img04{position:absolute;right:45px;top:321px;}
	.his_img05{position:absolute;right:45px;top:648px;}
	.his_img06{position:absolute;left:45px;;top:15px;}
	.his_img07{position:absolute;left:45px;;top:320px;}

	/* 비전 */
	.mission{padding-top:67px}
	.mission p{width:220px; letter-spacing:-1px}
	.vis_tit{margin-bottom:40px;}
	.vision p span{padding:15px 0}
	.value{margin-top:55px;}
	.value li{width:32%}
	.value li:nth-child(2){margin:0 2%}
	.value li p{font-size:1.417em}
	.value li figure{margin:18px 0}
    .value li figcaption{font-size:2em;}

	/* 홍보센터 */
	.video ul li > div{height:264px;}
	.video ul li > div.ytb{padding:0 0 250px; height:auto}

	.list01 li:first-child, .list02 li:first-child, .list03 li:first-child{margin-left:0;}
	.list01 li:last-child, .list02 li:last-child, .list03 li:last-child{margin-right:0;}
	.catalog_wrap .catalog{margin:0 5.4% 2% 0;width:20.9%;}
	.download a{padding:0 23px}
	.ci_manual{margin-bottom:15px}

	/* 채용정보 */
	.c_box{width:735px;}
	.rule li figcaption{margin:25px 0 20px}
	.career li{width:266px; height:210px; margin-right:45px} 
	.career li:after{width:13px; height:24px; left:auto; margin-left:0; right:-32px; bottom:auto; top:94px; background:url(../images_jp/sub/method_arr.jpg) center no-repeat; }
	.career li > div{padding:30px 25px 25px}
	.career li p{*word-break:keep-all}
	.career .car_tit{line-height:1.4; padding:7px 0 10px;}
	.career li:last-child{margin-right:0}

	/* 오시는길 */
	.Gmap_wrap .Gmap_print{height:420px}
	.location{padding:25px 65px}
	.location li{margin:0 130px 0 0 !important; width:auto !important;}
	.location li:last-child{margin-right:0 !important;}
	.location_s{padding:20px 16px 10px}
	.location_s dt{margin-bottom:8px}
	.map_more{top:15px}	

	/* 계열사 */
	.affiliate{overflow:hidden; padding:7% 4%}
	.affiliate > h3{margin:0}
	.affiliate > p{margin:15px 0 65px}
	.affiliate li{float:left; margin:0; width:33.33%}
	.affiliate li div{width:274px; margin:0 auto}

	/* 브랜드 */
	.brand_wrap li{width:50%; float:left; padding:0}
	.brand_wrap li:first-child{border-bottom:0; border-right:1px solid #d4d4d4}
	.brand_wrap .download a{padding:0 40px; margin-bottom:0}
	.brand_wrap img{padding:25px 0}
	.brand_det{overflow:hidden; padding:50px 0}
	.brand_det img{float:left; width:auto; padding:0 70px}
	.brdt01 img{max-width:451px}
	.brdt02 img{max-width:510px}
	.brdt01 .brand_txt{height:128px; width:746px}
	.brdt02 .brand_txt{height:166px; width:690px; padding-top:0}
	.brand_txt{float:left; line-height:1.7; text-align:left; border-top:0; border-left:1px solid #d4d4d4; padding:0 70px; height:100%; display:table}	
	.brand_txt p{display:table-cell; vertical-align:middle}
	.brand_tit{font-size:2.2em;}

	/* 공정 */
	.h_auto{height:auto !important;}
	.proc{width:380px;margin:0 30px 30px 0; padding-top:15px}
	.proc:nth-child(3n){margin-right:0}
	.proc .proc_txt{padding-top:20px}
	.proc ul{padding:20px 5%}
	.proc ul li:first-child img{float:left;}
	.proc ul li:last-child img{float:right;}
	.proc_sec{background-image: url(../images/sub/proc_bg_one.png), url(../images/sub/proc_bg_line.jpg);background-position:center 150px, center;background-repeat:no-repeat, repeat-y;width:5%;height:347px;float:left;}
	.hs{height:272px;}

	/* 식품안정방침 */
	.top_box > div{padding:5% 9%;}
	.top_box p{line-height:1.5}
	.safe01{padding:5% 8%; width:100%; text-align:center}
	.safe_r{height:319px}
	.safe_r li{letter-spacing:-0.8px}
	.safe_r h5{margin-bottom:20px}
	.safe_r ul{padding-left:30px}
	.safe02{background:url(../images_jp/sub/safe_bg01.jpg) left top no-repeat; padding:60px 65px 0 525px; border-bottom:0;}
	.safe03{background:url(../images_jp/sub/safe_bg02.jpg) right top no-repeat; padding:60px 525px 0 65px}

	.txt_t{width:677px;margin:0 auto;}
	
	.certi li{width:48%;margin:5px 1% 50px !important;  line-height:1.6}
	/*
	.certi li:first-child{margin-left:0;}
	.certi li:last-child{margin-right:0;}
	*/

	.brand{height:403px;padding:4px 4px;}


	/* 푸터 */
	#footer{min-width:1200px;}
	.foot_menu{display:block; overflow:hidden; border-bottom:1px solid #ccc; padding:15px 0 40px}
	.fm_wrap01, .fm_wrap02{float:left}
	.fm_wrap01 .fm_sub, .fm_wrap02 .fm_sub{width:100%}
	.foot_menu .fm_sub{float:left; padding:35px 0 0 }
	.foot_menu .fms01{width:194px}
	.foot_menu .fms02{width:272px}
	.foot_menu .fm_wrap01{width:263px}
	.foot_menu .fm_wrap02{width:280px}
	.foot_menu .fm_sub:last-child{margin-right:0}
	.copyright{padding:40px 0 50px; overflow:hidden}
	.copyright .w1200{position:relative}
	.copyright .footer_logo{width:216px; float:left; text-align:left}
	.copy{width:670px; float:left;}
	.f_mail{position:absolute; right:50%; margin-right:-382px; top:0;}
}