@charset "utf-8";
/*!
 * Start Bootstrap - Modern Business (https://startbootstrap.com/template/modern-business)
 * Copyright 2013-2020 Start Bootstrap
 * Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-logomodern-business-nav/blob/master/LICENSE)
 */

/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@900&display=swap');
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}



* {
	padding:0;
	margin:0;
	box-sizing: border-box;
	font-family: 'Noto Sans KR', sans-serif;
	font-weight:400;
    
}

h1, h2, h3, h4, h5, h6 {line-height:160%;}

header {
	position:fixed;
	width:100%;
	z-index:100;
    color:#333;
}
body {
	position:relative;
    color:#333;
}

.carousel-item {
	height:calc(100vh - 100px);
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.portfolio-item {
  margin-bottom: 30px;
}

nav {
	transition: all 0.3s ease;
	height:100px;
}
nav.nav_bg {
	background:#fff;
	
}
.navbar-brand img {width:162px;}

.navbar-nav li {}
.nav-item {
    width:160px;
    margin:0 10px;
    text-align:center;
}
.nav-link {font-size:18px; font-weight:700;}
.nav-link:hover {font-size:18px; font-weight:700; color:#007A49;}





.navbar-toggler-icon {color: #007A49;}

button {border:0;}

.btn_navsub {
	 position: relative;
	 display: block;
	 width: 30px;
	 height: 26px;
	 background: transparent;
	 border-top: 4px solid;
	 border-bottom: 4px solid;
	 border-left:0;
	 border-right:0;
	 color: #000;
	 font-size: 0;
	 transition: all 0.25s ease-in-out;
}
.btn_navsub:before, .btn_navsub:after {
	 content: '';
	 display: block;
	 width: 100%;
	 height: 4px;
	 position: absolute;
	 top: 50%;
	 left: 50%;
	 background: currentColor;
	 transform: translate(-50%, -50%);
	 transition: transform 0.25s ease-in-out;
}
.btn_navsub:hover {
	 color: #000;
}
.btn_navsub.is-active {
	 border-color: transparent;
	border-left:0;
	 border-right:0;
}
.btn_navsub.is-active:before {
	 transform: translate(-50%, -50%) rotate(45deg);
}
.btn_navsub.is-active:after {
	 transform: translate(-50%, -50%) rotate(-45deg);
}

.nav-sub {
	position:relative;
	width:100%;
	background:#fff;
	margin:0 auto;
	display:none;
	box-shadow: 5px 5px 10px #cccccc66;
    border-top:1px solid #e9e9e9;
}


.navsub-box {
	width:160px;
    margin:40px 10px;
}
.navsub-title {
	text-align:center;
	border-bottom:2px solid #007A49;
}
.navsub-title p {color:var(--foodwin)}
.navsub-box ul {
	margin:0;
	list-style: none;
	text-align:center;
}
.navsub-box ul li {
	font-size:15px;
	padding:10px 0;
}
.navsub-box ul li:hover,
.navsub-box ul li.active {color:#007A49; font-weight:700;}



.listbox_txt {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	z-index:99;
	text-align:center;
    width:1194px;
    text-align:left;
}
.listbox_txt h1 {
	text-shadow: 5px 6px 14px #00000066;
	color:#fff;
	font-size:52px;
	font-weight:700;
	line-height:150%;
}
.listbox_txt h2 {
	text-shadow: 5px 6px 14px #00000066;
	letter-spacing: 0;
	color:#fff;
	font-size:24px;
	font-weight:200;
	line-height:160%;
}
.listbox_txt h3 {
	background:rgba(110, 185, 44, 0.7);
	color:#fff;
	font-size:24px;
	width:305px;
	height:60px;
	line-height:60px;
	border-radius:30px;
	margin-top:70px;
    text-align:center;
}
.listbox_txt h3 img {margin-right:15px}

/* footer */
footer {
	background:#222;
	padding:0 0 80px;
	position:relative;
}

.ft_top {
	position:fixed;
    width:1194px;
    max-width:1194px;
	bottom:50px;
	z-index:9999;
	display:none;
    background:#ddd;
    text-align:right;
}

.onthetop {
    position:absolute;
    right:-78px;
    bottom:0;
    cursor:pointer;
}


.icon_kakao {
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 9999;
    width: 150px;
    height: 150px;
}
.icon_kakao img {width:100%;}
@media (max-width:1240px) {
    .onthetop {right:10px;}
	.icon_kakao {right:20px; bottom:140px;}
	
}

.ft_row {
	position:relative;
	width:100%;
	height:60px;
	border-bottom:1px solid rgba(255,255,255,0.3);
}
.ft_wrap {position:relative; display:flex; justify-content: space-between;}
.ft_logo {
	margin-top:30px;
	margin-right:72px;
	width:100px;
}

.ft_logo img {width:100%}
.ft_corp {
	position:relative;
	margin-top:30px;
	width:690px;
	color:#949494; 
}
.ft_corp h2 {
	color:#888;
	font-size:18px;
	font-weight:700;
}
.ft_cont li {display:inline-block; vertical-align:middle; font-weight:400; font-size:16px; padding-right:10px; border-right:1px solid #949494; line-height:16px; margin-right: 10px;}
.ft_cont li:last-child {border:0;}
.ft_wrap h6 {
	font-size:14px;
	font-weight:400;
	color:#666;
	margin-top:20px;
}
.ft_txt {
	display:inline-block;
	vertical-align: middle;
	color:#888;
	line-height:60px;
}
.ft_group {
	display:inline-block;
	vertical-align: middle;
	border-bottom:1px solid #fff;
	height:60px;
}
.ft_group select {
	
	width:300px;
	font-size:16px;
	background:transparent;
	color:#888;
	border:0;
	height:60px;
}
.ft_group select option {background: #666;}

.ft_tel {
	margin-top:30px;
	width:300px;
	color:rgba(255,255,255,0.4);
}
.ft_tel h1 {
	color:#ccc;
	font-size:32px;
	font-family: 'Roboto';
	font-weight:700;
    line-height:130%;
}
.ft_tel h2 {font-size:18px; color:#ccc;}
.ft_tel h5 {font-size:15px; font-weight:300}
section {}
.section {
	position:relative;
	padding:100px 0;
	
}
.row img {width:100%;}
.lgray {background:#f8f8f8;}
.ivory {background:#FAF8F4;}
.green {background:#007A49;}

.section_title {
	margin-bottom:60px;
	
}
.section_title h1 {
	font-size:48px;
	text-align:center;
	font-weight:700;
    line-height:160%;
}
.section_title h1.h1_42{font-size:42px;}
.section_title h1.white{color:#fff;}
.section_title h2 {
	font-size:20px;
	text-align:center;
    margin-bottom:10px;
}
.section_title h3 {
	font-size:20px;
	text-align:center;
	color:rgba(255,255,255,0.6);
}
.section_title h4 {
	font-size:20px;
	text-align:center;
	color:#666;
    margin-top:10px;
}

.roboto {font-family: 'Roboto', sans-serif;}

.main {
    position:relative;
    width:100%;
}

.main_bg {
    position:absolute;
    width:100%;
    height:840px;
    top:0;
    bottom:0;
    z-index:0
}
.borderw {
    position:absolute;
    width:100%;
    height:100px;
    background:#fff;
    bottom:-10px;
    left:0;
    z-index:10;
}
.main_wrap {
    position:relative;
    width:100%;
    height:840px;
}

.main_top {
    position:absolute;
    bottom:0;
    right:0;
    background:#007A49;
    color:#fff;
    width:480px;
    padding:40px;
    box-shadow: 6px 12px 25px #007A4936;
    z-index:1;
}
#slidedown {
    border-bottom:1px solid #fff;
    margin-bottom:30px;
}
.main_top h1 {
    font-size:36px;
    font-weight:700;
    margin-bottom:25px;
    line-height:140%;
}
.main_top h1 span {font-weight:300}
.main_top h2 {
    font-size:20px;
    font-weight:700;
    margin-bottom:0;
}

.main_top p {
    font-size:16px;
    font-weight:400;
    margin-top:20px;
    margin-bottom:35px;
}

.main_slide_container {
    position:relative;
    width:100%;
    height:calc(100vh - 100px);
}
.main_slide_wrapper {
    position:relative;
}
.main_slide {
    position:relative;
    width:75%;
    height:calc(100% - 50px);
    background-repeat: no-repeat;
    overflow: hidden;
}

.bg1 {background:url('../img/mainslide1.jpg')}
.bg2 {background:url('../img/mainslide2.jpg')}
.bg3 {background:url('../img/mainslide3.jpg')}
.bg4 {background:url('../img/mainslide4.jpg')}
.bg5 {background:url('../img/mainslide5.jpg')}



.opacity {opacity:0.8; font-size:14px; margin-bottom:15px;}

.main_point {
    padding:0 30px;
    display:flex;
    flex-wrap:wrap;
    justify-content: space-between;
}

.main_point_box {
    width:220px;
    text-align:center;
}
.main_point_img {
    width:200px;
    height:200px;
    overflow: hidden;
    text-align:center;
    margin:0 auto;
}

.main_point_box h4 {
    font-size:18px;
    margin-top:35px;
    line-height:160%;
}
h1.h1_g {
    font-size:42px;
    color:#007A49;
    line-height:160%;
    text-align:center;
    margin-top:80px;
    width:100%;
}
h1.h1_g span {font-weight:700; color:inherit;}

.main_rest_wrap {
    width:100%;
    height:510px;
    margin-left:0;
    margin-right:0;
    margin-top:80px;
}
.main_rest_txt, .main_rest_img {width:50%;}
.main_rest_txt {padding:50px 60px; position:relative;}
.main_rest_txt.green {background:#007A49}
.main_rest_txt.ivory {background:#F5F0E9}
.main_rest_txt.green h2 {font-size:32px; font-weight:700; line-height:160%; color:#fff; height:100px;}
.main_rest_txt.ivory h2 {font-size:32px; font-weight:700; line-height:160%; height:100px;}
.main_rest_txt.green h3 {font-size:24px; font-weight:700; margin-top:40px; color:#fff;}
.main_rest_txt.ivory h3 {font-size:24px; font-weight:700; margin-top:40px; color:#007a49;}
.main_rest_txt.green h6 {font-size:16px; font-weight:400; color:#fff; margin-top:15px; line-height:160%;}
.main_rest_txt.ivory h6 {font-size:16px; font-weight:400; color:#888; margin-top:15px; line-height:160%;}
.main_rest_txt button {
    position:absolute;
    left:60px;
    bottom:60px;
}
button.btn_detail {
    width:180px;
    height:55px;
    border-radius:2px;
    color:#fff;
    background:#007A49;
    font-size:15px;
    font-weight:700;
    margin-top:75px;
}
button.btn_detail_w {
    width:180px;
    height:55px;
    border-radius:2px;
    color:#333;
    background:#fff;
    font-size:15px;
    font-weight:700;
    margin-top:75px;
}

.main_top_border {
    font-size:14px;
    padding-bottom:10px;
}

.text-center p {
    font-size:20px;
    font-weight:500;
    color:#fff;
    line-height:160%;
    margin-top:40px;
}
.text-center img {width:150px;}
.main_step_wrap {
    position:relaitve;
	display:flex;
	display:-ms-flex;
	flex-wrap: wrap;
	justify-content: space-between;
    margin-top:20px
}
.main_step_box {
    position:relative;
	text-align:center;
    width:170px;
}
.main_step_box:after {
    display:inline-block;
    position:absolute;
    top:65%;
    transform: translate(0,-65%);
    right:-50px;
    color:#007A49;
    content: url(../img/ic_arrow_forward.svg)
}
.main_step_box:nth-last-of-type(1):after {content: ''}

.main_step_img {
    margin:0 auto;
    width:170px;
    height:170px;
	width:100%;
	border-radius: 50%;
	overflow: hidden;
    position:relative;
    background:#F8F8F8;
    line-height:170px;
}
.main_step_img img { text-align:center; width:auto;}


.main_step_box h2 {
	font-size:20px;
	font-weight:700;
	margin-bottom:25px;
    color:#007A49;
}

.main_step_box h3 {
	font-size:20px;
	font-weight:700;
	line-height:150%;
    margin-top:30px
}
.main_step_box h4 {
	font-size:16px;
	color:#666;
	line-height:150%;
	word-break: keep-all;
   
}

h2.h2_main {font-size:28px; font-weight:700; text-align:center; margin-top:80px}

.main_contact {
    position:relative;
    padding:0 115px;
}
.main_contact h1 {font-size:24px; font-weight:700; color:#fff; position:relative}
.main_contact button {
    position:absolute;
    right:130px;
    top:50%;
    transform: translate(0,-50%);
    margin-top:0;
}

.margin-90 {margin-bottom:90px;}
.main_intro {
	font-size:18px;
	line-height:180%;
	word-break: keep-all;		
}
.main_intro p span {font-weight:700}
p.main_p {
    font-size:17px;
    font-weight:400;
    color:#666;
    
}
.main_intro_img {
	position:relative;
	text-align:right;
}
.main_intro_img img {width:100%; max-width:580px;}
.circle_l {
	position:absolute;
	left:-10px;
	bottom:-50px;
	width:175px;
	height:175px;
	border-radius:50%;
	background: #6CB92E;
	opacity:0.7;
	z-index:0;
}
.circle_s {
	position:absolute;
	right:0;
	top:-70px;
	width:36px;
	height:36px;
	border-radius:50%;
	background: #6CB92E;
	opacity:0.7;
	z-index:0;
}

.section_bg {
    background:url('../img/main_cont02.jpg');
    background-size:cover;
    background-position: center center;
    background-attachment: fixed;
}
.number {
	
}
.number_wrap {position:relative; margin-top:30px;}
.number_box {
	position:relative;
	width:100%;
	height:100%;
	border-radius:5px;
	border:1px solid #fff;
	box-sizing: border-box;
}
.number_txt {
	position:absolute;
	width:100%;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	text-align:center;
    color:#fff;
}
.number_box h1 {
	font-size:60px;
	font-weight:900;
	line-height:150%;
    color:#fff;
}
.number_box h1 span {
	font-size:30px;
	font-weight:bold;
	font-family: 'Noto Sans KR', sans-serif;
	vertical-align: middle;
    color:#fff;
}
.number_box h2 {
	font-size:20px;
	font-weight:700;
	line-height:150%;
}
.number_box h3 {
	font-size:16px;
	font-weight:400;
	line-height:150%;
    color:#fff;
}

.number_box:hover {
	background:#fff;

}
.number_box:hover h1,
.number_box:hover h1 span,
.number_box:hover h2,
.number_box:hover h3 { color:#000;}
.notice {
	color:#DEDEDE;
	margin:30px 0;
}
.main_tab_wrap {
	position:absolute;
	bottom:0;
	width:100%;
	max-width:1194px;
	margin:0 15px;
	display:flex;
	display: -ms-flexbox;
}
.main_tab_box {
	background:#fff;
	text-align:center;
	border-right:1px solid #eaeaea;
	font-size:20px;
	font-weight:500;
	padding:30px 0;
}
.main_tab_box:last-child {
	border:0;
}

.main_tab_box:hover {
	background:#007A49;
	color:#fff;
	cursor: pointer;
}
.margin-60 {margin-bottom:60px;}
.margin-80 {margin-bottom:80px;}
.main_sp_box {}
.main_sp_img img {width:100%;}
.main_sp_txt h4 {
	font-size:28px;
	margin-top:30px;
    font-weight:700;
}
.main_sp_txt h4 span {color:#007A49; font-weight:700;}
.main_sp_txt p {font-size:18px; color:#585858; line-height:180%; word-break: keep-all; margin-top:10px}
.main_video {margin-bottom:70px;}
.main_video:last-child {margin-bottom:0;}
.main_thumb {
	position:relative;
	width:100%;
	overflow:hidden;
    height:230px;
    
}
.main_thumb iframe {
	position:absolute;
	top:0;
	left:0;
}
.main_video_box {
	margin-left:30px;
}
.main_video_title {
	font-size:24px;
	font-weight:700;
	padding-bottom:15px;
	border-bottom:1px solid #000;
}
.main_video_txt {
	margin-top:15px;
}
.main_video_txt p {color:#585858; line-height:160%; word-break:keep-all; font-size:18px;}
.main_video_txt ul {margin-left:20px;}
.main_video_txt ul li {font-weight:700; color:#585858; padding:5px 0;}


.main_story_box {
	position:relative;
	width:100%;
	height:300px;
	background-repeat: no-repeat;
	margin:15px 0;
}

.main_story_bg {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:transparent linear-gradient(0deg, #007A49 0%, #E8F4DD33 64%, #FFFFFF00 100%) 0% 0% no-repeat padding-box;
	z-index:1;
	display: none;
}


.main_story_box.bg1 {background:url("../img/img_0main_cont6_01.jpg")}
.main_story_box.bg2 {background:url("../img/img_0main_cont6_02.jpg")}
.main_story_box.bg3 {background:url("../img/img_0main_cont6_03.jpg")}
.main_story_box.bg4 {background:url("../img/img_0main_cont6_04.jpg")}
.main_story_box.bg5 {background:url("../img/img_0main_cont6_05.jpg")}
.main_story_box.bg6 {background:url("../img/img_0main_cont6_06.jpg")}

.main_story_txt_l,
.main_story_txt_r {
	position:absolute;
	bottom:24px;
	z-index:2;
}
.main_story_txt_l p,
.main_story_txt_r p {
	font-size:30px;
	font-weight:700;
	color:#fff;
}
.main_story_txt_l {left:30px;}
.main_story_txt_r {right:30px;}


.main_manuf_wrap {
	position:relative;  
}
.main_manuf_box {
	position:relative;
	width:100%;
    margin-bottom:100px;
}
.main_manuf_box:nth-last-of-type(1) {margin-bottom:0;}
.main_manuf_box:nth-last-of-type(2) {margin-bottom:0;}
.main_manuf_img {
	position:relative;
	width:100%;
}
.main_manuf_img img {width:100%;}
.main_manuf_txt {padding-left:40px; padding-top:40px;}

.main_manuf_txt h2 {font-size:28px; font-weight:700; margin-bottom:20px;}
.main_manuf_txt p {
	color:#585858;
	font-size:18px;
	line-height:180%;
	word-break:keep-all;
}





/* 카테고리 */
.main_faq_wrap {}
.main_faq_box {margin-bottom:20px;}


.main_faq_box.active > .main_faq_q {
	position:relative;
	background:#007A49;
	padding:25px 40px;
	border-radius: 5px 5px 0px 0px;
}

.main_faq_box.active > .main_faq_q > .mark_q {
	display:inline-block;
	border-radius:50%;
	width:36px;
	height:36px;
	background:#fff;
	text-align:center;
	font-size:18px;
	line-height:36px;
	font-weight:700;
	color:#007A49;
	vertical-align: middle;
	margin-right:30px;
}

.main_faq_box.active > .main_faq_q > .text_q {
	display:inline-block;
	width:calc(100% - 70px);
	color:#fff;
	font-size:20px;
	font-weight:700;
	vertical-align: middle;
}
.faq_arrow {
	position:absolute;
	display:inline-block;
	vertical-align: middle;
	right:40px;
}

.faq_arrow > .up {display:none}

.main_faq_box.active > .main_faq_q > .faq_arrow > .down {display:none;}
.main_faq_box.active > .main_faq_q > .faq_arrow > .up {display:block;}

.main_faq_q {
	position:relative;
	background:#fff;
	padding:25px 40px;
	border-radius: 5px;
}

.mark_q {
	display:inline-block;
	border-radius:50%;
	width:36px;
	height:36px;
	background:#007A49;
	text-align:center;
	font-size:18px;
	line-height:36px;
	font-weight:700;
	color:#fff;
	vertical-align: middle;
	margin-right:30px;
}
.text_q {
	display:inline-block;
	width:calc(100% - 70px);
	font-size:20px;
	font-weight:700;
	vertical-align: middle;
}
.faq_arrow {
	position:absolute;
	display:inline-block;
	vertical-align: middle;
	right:40px;
}

.main_faq_a {
	position:relative;
	background:#fff;
	padding:25px 40px;
	
	border-radius: 0px 0px 5px 5px;
	margin-bottom:30px;
	display:none;
}
.main_faq_box.active > .main_faq_a:hover {box-shadow: 16px 6px 20px #A4A4A429;}
.mark_a {
	display:inline-block;
	border-radius:50%;
	width:36px;
	height:36px;
	background:#007A49;
	text-align:center;
	font-size:18px;
	line-height:36px;
	font-weight:700;
	color:#fff;
	vertical-align: top;
	margin-right:30px;
}
.text_a {
	display:inline-block;
	width:calc(100% - 70px);
	font-size:16px;
	vertical-align: top;
	line-height:160%;
	word-break: keep-all;
}
.main_map img {width:100%;}

.row.absolute {
    position:absolute;
    width:100%;
    height:400px;
    top:-240px;
}

.main_bis {
	position:relative;
	width:100%;
	text-align:center;
}
.main_bis img {width:100%;}
.main_bis h3 {
	margin-top:30px;
	font-size:20px;
	font-weight:700;
    height:50px;
}
.main_bis p {
	color:#585858;
	font-size:16px;
	line-height:160%;
	margin-top:15px;
	word-break: keep-all;
}



/* index end */




/* sub page */

.sub_top_img {
	position:relative;
	width:100%;
	height:250px;
	margin-top:100px;
}

.sub_top_img.bg1 {background:url('../img/sub1_mainvisual.jpg');background-size:cover;}
.sub_top_img.bg2 {background:url('../img/sub2_mainvisual.jpg');background-size:cover;}
.sub_top_img.bg3 {background:url('../img/sub3_mainvisual.jpg');background-size:cover;}
.sub_top_img.bg4 {background:url('../img/sub4_mainvisual.jpg');background-size:cover;}
.sub_top_img.bg5 {background:url('../img/sub5_mainvisual.jpg');background-size:cover;}

.sub_top_title {
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);

}
.sub_top_title > .bg {
	position:relative;
	background:#007A49;
	color:#fff;
	font-size:30px;
	font-weight:700;
	padding:12px 25px;
    border-radius: 5px;
}
.sub_top_title > .bg > .line {
	position:absolute;
	width:100%;
	height:100%;
	border:1px solid #fff;
	top:10px;
	left:10px;
	z-index:-1;
}
.sub_navbar {
	width:100%;
	border-bottom:1px solid #e9e9e9;
}

.sub_navbar_wrap {
	display:flex;
	flex-wrap:wrap;
}
.sub_navbar_icon {
	border-right:1px solid #e9e9e9;
	border-left:1px solid #e9e9e9;
	padding:20px 30px;
}
.sub_navbar_icon img {vertical-align:top;}

.sub_navbar_wrap {

}
.sub_navbar_box {
	position:relative;
	padding:20px 30px;
	border-right:1px solid #e9e9e9;
	text-align:left;
	box-sizing: border-box;
}
.sub_navbar_upper {
	position:relative;
	font-size:14px;
	color:#333;
	line-height:24px;
	text-align:left;
	padding-right:40px;
	min-width:200px;
}
.ic_cate {
	position:absolute;
	top:0;
	right:-15px;
}
.rotate > .ic_cate {
	transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-o-transform:rotate(180deg);
}
.sub_navbar_lower {
	position:absolute;
	width:100%;
	z-index:1;
	top:64px;
	left:-1px;
	background:#fff;
	border:1px solid #e9e9e9;
	box-sizing:content-box;
	padding-top:20px;
	padding-bottom:10px;
	display:none;
	word-break: keep-all;
}
.sub_navbar_lower p {
	font-size:14px;
	padding:0 30px;
	color:#333;
}
.sub_navbar_lower p a.active,
.sub_navbar_lower p a:hover {
	color:#007A49;
	font-weight:700;
}
.section_subtitle {position:relative; margin-bottom:20px;}

.section_subtitle h1 {
	font-size:48px;
	font-weight:700;
	margin-bottom:30px;
}

.section_subtitle h1 span {
	font-size:16px;
	font-weight:400;
	color:#999;
	margin-left:20px;
}
.section_subtitle h2 {
	font-size:28px;
	font-weight:700;
	margin-bottom:30px;
	margin-top:90px;
}
.section_subtitle h3 {
    font-size:24px;
    font-weight:700;
    position:absolute;
    top:0;
    right:0;
    text-align:right;
}
.section_subtitle h4 {
    font-size:24px;
}
.section_subtitle p {
    font-size:18px;
    color:#666;
    margin-bottom:40px;
}

/* sub 1_1 */
.about_img {margin-bottom:40px;}
.about h2 {font-size:32px; font-weight:700; margin-bottom:50px;}
.about p {font-size:16px; color:#666; line-height:190%; position:relative; text-align:justify;}
.about p span {font-size:16px; font-weight:700; color:#007A49;}
.about h5 {font-size:18px; margin-bottom:20px; line-height:30px;}
.about h5 span {font-size:16px; width:30px; height:30px; border-radius:50%; background:#007A49; line-height:30px; text-align:center; color:#fff; display:inline-block; margin-right:20px;}
.about img {width:100%}
.people {
    display:flex;
    flex-wrap:wrap;  
}
.p_img {
    width:220px;
    overflow:hidden;
    margin-left:50px;
}
.p_img img {width:100%;}
.p_img p {margin-top:30px; font-size:20px; text-align:center;}
.map img {width:100%;}
.sub_number_table {
	position:relative;
	width:100%;
}
.sub_number_table tr td {
    vertical-align: middle;
    border-bottom:1px solid #eee;
    padding:15px;
}
.sub_number_table tr td:nth-of-type(1) {
	font-size:18px;
	font-weight:700;
}
.sub_number_table tr td:nth-of-type(1) span {color:#666; font-weight:400;}
.sub_number_table tr td:nth-of-type(2) {
    text-align:right;
	font-size:20px;
	color:#007A49;
}
.sub_number_table tr td:nth-of-type(2) span {
	font-family: 'Roboto';
	font-size:30px;
	font-weight:700;
	margin-right:5px;
}


ul.history_wrap {
	position:relative;
	width:100%;
	list-style: none;
	padding:0 15px;
    padding-bottom:30px;
}
ul.history_wrap:before {
	content: " ";
	display: block;
	position: absolute;
	left: 50%;
	width: 1px;
	height: 100%;
	background-color: #007A49;
	margin-top:15px;
}
ul.history_wrap li { position: relative; margin-bottom:50px; overflow:hidden; width:100%}
ul.history_wrap li.sm:before {
	content: " ";
	display: block;
	position: absolute;
	top:20px;
	left: 50%;
	transform: translate(-50%,0);
    width: 10px;
	height: 10px;
	background:#007A49;
	border-radius:50%;
}
ul.history_wrap li.top:before {
	content: url('../img/ic_one.svg');
	display: block;
	position: absolute;
	top:10px;
	left: 50%;
	transform: translate(-50%,0);
    width: 28px;
	height: 28px;
	border-radius:50%;
}
ul.history_wrap li.mid:before {
	content: " ";
	display: block;
	position: absolute;
	top:14px;
	left: 50%;
	transform: translate(-50%,0);
    width: 16px;
	height: 16px;
	background:#007A49;
	border-radius:50%;
}
ul.history_wrap li.right { padding-left: calc(50% + 50px);}
ul.history_wrap li.right:before { }
ul.history_wrap li.right h2 {
	font-family: 'Roboto';
	font-size:40px;
	font-weight:700;
	color:#007A49;
	position:absolute;
	top:0;
}
ul.history_wrap li.right p {width:calc(100% - 140px); display:inline-block; vertical-align: top; margin-left:140px; font-size: 18px; font-weight:700; line-height:40px; word-break: keep-all;}
ul.history_wrap li.right span{position:relative; display: block; margin-top:20px; width:calc(100% - 140px); margin-left:140px; background:#dfdfdf}



ul.history_wrap li.left {}
ul.history_wrap li.left:before { }
ul.history_wrap li.left h2 {
	font-family: 'Roboto';
	font-size:40px;
	font-weight:700;
	color:#007A49;
	position:absolute;
	top:0;
	right:calc(50% + 50px);
}
ul.history_wrap li.left p {width:calc(50% - 190px); text-align:right; display:inline-block; vertical-align: top; font-size: 18px; font-weight:700; line-height:40px; word-break: keep-all;}
ul.history_wrap li span{position:relative; display: block; margin-top:20px; width:calc(50% - 190px); height: 180px; background:#dfdfdf}

.history_img {position:absolute;}
.history_img.img1 {left:15px;top:90px;}
.history_img.img2 {right:10px;bottom:730px;}
.history_img.img3 {right:10px;bottom:480px;}

/* sub1_2 */
.ltd_box {
    margin-bottom:100px;
}
.ltd_txt {
	margin-top:30px;
}

.ltd_txt h2 {
	font-size:24px;
	font-weight:700;
	padding-bottom:20px;
	border-bottom:1px solid #000;
}
.ltd_txt p {
	padding-top:10px;
	font-size:16px;
	color:#585858;
	line-height:180%;
	word-break: keep-all;
	margin-bottom:0;
}

.ltd_txt h3 {
	font-size:20px;
	font-weight:700;
	margin-top:30px;
	margin-bottom:0;
	text-align:center;
}
.num_box {
    padding:30px;
    border-bottom:1px solid #ececec;
}
.num_box h5 {
    font-size:20px;
    font-weight:700;
    color:#888;
}
.num_box h5 span {font-weight:400}
.num_box h2 {
    font-size:30px;
    font-weight:700;
    color:#007A49;
}
.num_box:first-of-type {padding-top:0;}
.num_box:last-of-type {border-bottom:0;}

/* sub 1_3 */
.branch_wrap {
    position:relative;
    width:100%;
    display:flex;
    flex-wrap:wrap;
    justify-content: space-between;
    margin-top:70px;
}
.branch_wrap img {width:100%;}
.branch_box {
    width:calc((100% - 120px)/3);
    margin-bottom:100px;
}
.branch_box_w {
    width:calc(((100% - 120px)/3*2) + 60px);
    margin-bottom:100px;
}

.branch_box h2, .branch_box_w h2 {font-size:24px; font-weight:700; text-align:center; margin-top:25px;}



/* sub 1_4 */
.intro_wrap {
    margin-bottom:150px;
}
.intro_title {
    font-size:30px;
    font-weight:700;
}
.intro_title span {font-weight:400;}
.intro_txt {font-size:20px;}
.intro_img {
    position:relative;
    width:100%;
    margin-top:40px;  
}
.intro_cont {
    margin-top:20px;
    font-size:18px;
    color:#666;
    width:100%;
    line-height:180%;
}
/* sub 1_5 */ 
.with_tab {
	position:relative;
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
.with_tab_list {
	width:calc(100% / 6);
	color:#bebebe;
	background:#e9e9e9;
	text-align:center;
	padding:15px;
}
.with_tab_list a {
	font-family:'Roboto';
	font-weight:700;
	font-size:24px;
}
.with_tab_list a span {font-size:16px; margin-left:5px; display:inline-block; padding-bottom:2px;}
.with_tab_list.active,
.with_tab_list:hover {
	color:#fff;
	background:#007A49;
}
.with_tab_list:hover {cursor: pointer}


.with_wrap {
	position:relative;
	width:100%;
	
}
.with_box {
	
}
.with_box h2 {
	font-size:24px;
	font-weight:700;
	margin-top:80px;
	padding-bottom:20px;
	border-bottom:1px solid #000;
}
.with_table {
	position:relative;
	width:100%;
	display:flex;
	flex-wrap: wrap;
	margin-top:10px;
}
.with_table div {
	position:relative;
	width:calc(100% / 6);
	font-size:16px;
	color:#666;
	padding:10px 0;
}
.with_table div.col2 {width:calc(100% / 3);}
.with_table div.col3 {width:calc(100% / 2);}




/* sub 1_6 */

.license h4 {font-size:32px; font-weight:300; line-height:160%;}
.license h4 span {font-weight:700;}
.license h5 {font-size:24px; font-weight:700; margin-top:60px;}
.license p {font-size:18px; color:#666; margin-top:15px; line-height:180%;}

/* sub 1_7 */
.map_wrap {margin-bottom:120px;}
.map_wrap:last-child {margin-bottom:30px;}
.map_title {
	font-size:28px;
	font-weight:700
}
.map_box {
	position:relative;
	padding:30px 0;
}
.map_box:first-child {padding-top:0;}
.map_add {position:relative;}
.map_add:hover {cursor: pointer}
.map_add h2 {
	font-size:20px;
	font-weight:700;
	display:inline-block;
	width:300px;
}
.map_add h4 {
	font-size:18px;
	display:inline-block;
}
.map_img {
	display:none;
	margin-top:20px;
	width:100%;
	height:450px;
    position:relative;
}
.map_box.active > .map_img {
	display:block;
}
.map {
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.map_add span {
	position:absolute;
	top:0;
	right:0;
	width:30px;
	height:30px;
	text-align:center;
}
.ic_plus {display:block}
.ic_minus {display:none}
.map_box.active > .map_add > span > .ic_minus {display:block;}
.map_box.active > .map_add > span > .ic_plus {display:none;}


/* sub 2_1 */
.video_txt {
    position:relative;
}
.video_txt h3 {font-size:32px; font-weight:300; margin-top:10px;}
.video_subtxt {
    position:absolute;
    left:15px;
    bottom:0;
}

.video_subtxt h4 {
    font-size:20px;
    font-weight:700;
    color:#007A49;
    margin-bottom:20px;
}
.video_subtxt p {
    margin:0;
    padding:0;
    line-height:180%;
    font-size:18px;
}

/* sub 2_2 */ 
.haccp_tab {
	position:relative;
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
.haccp_tab_list {
	width:25%;
	color:#bebebe;
	background:#e9e9e9;
	text-align:center;
	padding:15px;
}
.haccp_tab_list a {
	font-weight:700;
	font-size:20px;
}
.haccp_tab_list.active,
.haccp_tab_list:hover {
	color:#fff;
	background:#007A49;
}
.haccp_tab_list:hover {cursor: pointer}


.haccp_wrap {
	position:relative;
	width:100%;
	margin-top:80px;
}
.haccp_box {
	
}
.haccp_box h2 {
	font-size:28px;
	font-weight:700;
	margin-top:60px;
	margin-bottom:15px;
	line-height:160%;
}
.haccp_box h2 span {font-weight:300;}

.p_green {color:#007A49; font-weight:700}
.p_gray {color:#666}
.haccp_table {
	position:relative;
	width:100%;
	display:flex;
	flex-wrap: wrap;
	margin-top:10px;
}
.haccp_table div {
	position:relative;
	width:calc(100% / 6);
	font-size:16px;
	color:#666;
	padding:10px 0;
}

/* sub 2_2_2 */

.step_wrap {
	position:relative;
	width:100%;
	display:flex;
	flex-wrap:wrap;
	margin-top:35px;
}

.step_box {
	position:relative;
	width:calc((100% - 120px) / 3);
	margin-right:60px;
	margin-bottom:60px;
}

.step_img {
	position:relative;
	width:100%;
	background:#eee;
	
}
.step_img:after {
	position:absolute;
	top:50%;
	right:-47px;
	transform: translate(0,-50%);
	background:#E9ECEF;
	width:32px;
	height:32px;
	line-height:32px;
	display:block;
	content:'\276F';
	border-radius: 50%;
	text-align:center;
	color:#ADB5BD;
	
}
.step_box:nth-of-type(3n) {margin-right:0px;}
.step_box:nth-of-type(3n) > .step_img:after,
.step_box:nth-last-of-type(1) > .step_img:after {
	display:none;
}

.step_txt {
	position:relative;
	width:100%;
	margin-top:20px;
}
.step_txt span {
	display:inline-block;
	background:#E9ECEF;
	color:#ADB5BD;
	font-family: 'Roboto';
	font-size:14px;
	width:60px;
	height:30px;
	line-height:30px;
	border-radius: 15px;
	text-align:center;
	vertical-align: middle;
	margin-right:10px;
}
.step_txt h2 {
	font-size:24px;
	display:inline-block;
	color:#007A49;
	font-weight:700;
	vertical-align: middle;
	margin:0;
}

.step_box p {
	font-size:16px;
	color:#585858;
	margin-top:10px;
	word-break:keep-all
}

/* sub 2_2_3 */

.safe_box, .safe_img {
	position:relative;
	width:100%;
	margin-top:50px;
	margin-bottom:20px;
}
.safe_box.p-40 {
	padding-left:40px;
}

.safe_num {
	font-family:'Roboto';
	font-size:24px;
	font-weight:700;
	color:#fff;
	border-radius:50%;
	background:#007A49;
	width:50px;
	height:50px;
	line-height:50px;
	text-align:center;
}

.safe_box h3,
.safe_box2 h3 {
	font-size:24px;
	font-weight:700;
	margin-top:35px;
}
.safe_box h3 span {color:#007A49; font-weight:700;}

.safe_box p.mg10 {margin-top:10px; margin-bottom:0; width:80%; word-break: keep-all; line-height:180%; color:#585858}
.safe_box p {margin-top:20px; margin-bottom:0; width:80%; word-break: keep-all; line-height:180%; color:#585858}
.safe_box ul {
	list-style: none;
	display:inline-block;
}
.safe_box ul li {
	display:inline-block;
	border-right:1px solid #f2f2f2;
	padding:0 10px;
	line-height:16px;
	margin-top:20px;
}
.safe_box ul li:first-child {
	padding-left:0;
}

.safe_box ul li.red {color:#F03E3E}
.safe_box ul li.green {color:#40C057}
.safe_box ul li.yellow {color:#FAB005}
.safe_box ul li.blue {color:#4DABF7}
.safe_box ul li.lgray {color:#ADB5BD}
.safe_box ul li.pink {color:#F06595}


/* sub 2_2_4 */
.safe_box2 {
	margin-top:50px;
	margin-bottom:30px;
}
.safe_box2 p {margin-top:20px; margin-bottom:0; word-break: keep-all; line-height:180%; color:#585858}

/* sub 2_3 */
.safe_box h4 {
	font-size:18px;
	font-weight:700;
	margin-top:20px;
}


.event {
    margin-top:50px;
    margin-bottom:60px;  
}
.event h4 {
    font-size:24px;
    font-weight:700;
    text-align:center;
    margin-top:25px;
}

/* sub 2_4 */

.step_circle_wrap {
	position:relative;
	width:100%;

	padding:90px 0;
	
}
.step_bg {
	position:absolute;
	width:100%;
	height:100%;
	background:#F8F8F8;
	top:165px;
	z-index:-1;
}
.step_bg2 {
	position:absolute;
	width:100%;
	height:160%;
	background:#F8F8F8;
	top:0;
	z-index:-1;
}

.step_circle_row {
	position:relative;
	display:flex;
	width:100%;
	flex-wrap: wrap;
	justify-content: space-between;
}
.step_circle_box {
	width:calc(100%/6);
	text-align:center;
	margin:0 auto;
}
.step_circle_img {
	position:relative;
	width:150px;
	height:150px;
	background:#fff;
	border-radius:50%;
	box-shadow: 0px 0px 25px #6666661A;
	margin:0 auto 30px;
}
.step_circle_label {
	background:#007A49;
	font-size:14px;
	font-weight:500;
	color:#fff;
	padding:5px 10px;
	display:inline-block;
	position:relative;
}

.step_circle_label span {
	position:absolute;
	display:block;
	width:150%;                           
	height:1px;
	background:#007A49;
	top:50%;
	right:-150%;
}

.step_circle_box h3 {
	font-size:18px;
	font-weight:700;
	margin-top:15px;
}

/* sub 2_6 */ 
.study {
    
}
.study h2 {
    font-size:28px;
    font-weight:700;
    margin-bottom:30px;
}
.study h2 span {color:#007A49;font-weight:700}
.study_box {
    width:calc((100% - 30px)/2);
    padding:0 15px;
}
.study p {
    font-size:18px;
    color:#585858;
    line-height:180%;
    margin-bottom:20px;
}
.study_box ul {
    background:#f8f8f8;
    padding:20px 30px;
    width:100%;
    list-style: none;
    position:relative;
}
.study_box ul li {
    display:inline-block;
    font-size:16px;
    height:30px;
}
.study_box ul li:nth-child(odd) {width:56%;}
.study_box ul li:nth-child(even) {width:42%;}
.margin-150 {margin-bottom:150px;}

/* sub 3-1 */
.network {
    position:relative; 
    overflow: hidden;
}

.network_bg {
    position:absolute;
    width:100%;
    height:620px;
    background:url('../img/main_cont01.jpg');
    background-position:center center;
    background-repeat: no-repeat;
    z-index:-1;
    left:0;
    bottom:0;
}
.network_wrap {
    position:relative;
    width:100%;

}
.network_box {
    position:relative;
    display:flex;
    flex-wrap:wrap;
}
.network_left {
    position:relative;
    width:33.3%;
}
.network_left h1 {
    font-size:28px;
    font-weight:700;
    margin-bottom:20px;
}
.network_info {
    position:relative;
    width:100%;
    display:inline-block;
    margin-top:20px;
}

.network_icon {
    display:inline-block;
    width:40px;
    height:40px;
    vertical-align: top;
}
.network_info p {
    width:calc(100% - 150px);
    display:inline-block;
    line-height:24px;
    font-size:20px;
    padding:8px 0;
    vertical-align: top;
    margin-left:20px;
    word-break: keep-all;
}


.network_right {
    position:relative;
    width:66.7%;
}
.network_right img {
    width:100%;
}

.slide_box {}
.slide_img {
	width:700px;
	height:300px;
	background: #000;
	margin-right:30px;
	width:174px;
	overflow: hidden;
	 flex-shrink: 0;
  /*width: 100%;
  height: 100%;*/
  position: relative;
  transition-property: transform;
	width:174px;
	overflow: hidden;
	color:#fff;
}

.slide_img img {opacity: 0.6;}
.swiper-slide {
 
}
.slide_img.swiper-slide-active {
	width:684px;
}



.slide_img.swiper-slide-active > img {opacity: 1;}



.service {
    
}
.service h2 {
    font-size:32px;
    font-weight:700;
    margin-bottom:25px;
}
.service p {
    font-size:18px;
    color:#666;
    line-height:180%;
}


/* sub 4_1 */ 
.lunch_tab {
	position:relative;
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
.lunch_tab_list {
	width:50%;
	color:#bebebe;
	background:#e9e9e9;
	text-align:center;
	padding:17px;
}
.lunch_tab_list a {
	font-weight:700;
	font-size:24px;
}
.lunch_tab_list.active,
.lunch_tab_list:hover {
	color:#fff;
	background:#007A49;
}
.lunch_tab_list:hover {cursor: pointer}
.lunch_wrap {
	position:relative;
	width:100%;
	margin-top:80px;
	margin-bottom:20px;
	display:flex;
	flex-wrap:wrap;  
	justify-content: space-between;
}
.lunch_wrap h1 {
	font-size:48px;
	font-weight:700;
	width:100%;
    margin-bottom:30px;
}
.lunch_wrap h2 {
	font-size:28px;
	font-weight:700;
	width:100%;
    margin-bottom:20px;
}
.lunch_wrap h6 {
	font-size:18px;
    margin-bottom:60px;
}
.lunch_wrap p {font-size:18px; color:#333; margin-top:15px; margin-bottom:35px;}

.lunch_box {
	width:calc((100% - 60px)/2);
	background:#f9f9f9;
	padding:45px;
}

.lunch_img {
	position:relative;
	width:100%;
	background: #fff;
    overflow: hidden;
}
.lunch_img img {width:100%;}

.lunch_txt {
	margin-top:25px;
}
.lunch_txt h3 {
	display:inline-block;
	font-size:18px;
	font-weight:700;
	margin-right:30px
}

.lunch_txt h4 {
	display:inline-block;
	font-size:16px;
}
.lunch_txt h4 span {color:#535353;}


.manage_wrap {
    margin-top:90px; 
    margin-bottom:50px;
}

.manage_row {
    padding:70px 0;
    border-bottom:1px solid #e9e9e9;
    display:flex;
    flex-wrap:wrap;
}
.manage_row:last-of-type {border-bottom:0;}
.manage_title {
    font-size:28px;
    font-weight:700;
    padding:0;
}
.manage_list {padding:0; font-size:18px;color:#666;}
.manage_list ol li {
    font-size:18px;
    color:#666;
    margin-bottom:45px;
    line-height:180%;
}
.manage_list ol li:last-child {margin:0;}
.manage_list img {width:100%;}
.manage_row h2 {
    font-size:28px;
    font-weight:700;
    width:100%;
    margin-bottom:25px;
}
.manage_table {
    width:100%;
    border-top:3px solid #272838;
    border-bottom:1px solid #81839E;
}
.manage_table thead tr th {
    border-bottom:1px solid #81839E;
    text-align:center;
    font-size:20px;
    font-weight:700;
    padding:20px 0;
}
.manage_table tbody tr:nth-of-type(odd) {}
.manage_table tbody tr:nth-of-type(even) {background:#F8F8F8}
.manage_table tbody tr td {font-size:20px; padding:20px 0;}
.manage_table tbody tr td:nth-of-type(1) {
    text-align:center;
    width:190px;
    border-right:1px solid #ccc;
}
.manage_table tbody tr td:nth-of-type(2) {
    padding:20px 60px;
}


/* sub 4_2 */

.lunch_subtab {
	position:relative;
	text-align:center;
    margin-top:80px;
    background:#fff;
}
.lunch_subtab_list_wrap {
    width:100%;
    position:relative;
    display:flex;
    justify-content: space-between;
}
.lunch_subtab_list {
	width:calc(100%/3);
    padding:20px 0;
    font-size:22px;
    text-align:center;
}
.lunch_subtab_list.lgray {background:#F9F9F9}
.lunch_subtab_list a {color:#BEBEBE; font-weight:700; }
.lunch_subtab_list.active {
    color:#fff;
    font-weight:700;
    background:#007A49;
}
.lunch_subtab_list.active a {cursor:pointer; color:#fff;}
.lunch_subtab_list:hover {cursor:pointer;}


.lunch_box2 {
	width:calc((100% - 120px)/3);
    margin-bottom:100px;
}

.lunch_txt h5 {
    margin-top:15px;
	font-size:16px;
    color:#585858;
    line-height:180%;
}
.manage_row2 {
    padding:60px 0;
    display:flex;
    flex-wrap:wrap;
}


/* sub 4_4 */

.icon_wrap {
    width:100%;
    display:flex;
    flex-wrap:wrap;
    margin-top:40px;
}
.icon_circle {
    position:relative;
    width:120px;
    margin-right:20px;
    border-radius: 50%;
    overflow: hidden;
}
.icon_circle p {
    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    font-size:16px;
    font-weight:700;
    color:#fff;
    z-index:2;
    text-align:center;
}
.dim {
    position:absolute;
    width:120px;
    height:120px;
    background:rgba(0,0,0,0.3);
    z-index:1;
}
.icon_wrap img {width:100%;} 
/* sub 4_5 */

.clean_wrap {position:relative;height:280px}
.clean_box {
    position:absolute;
    top:-80px;
    right:0;
    display:table;
}
.clean_circle {
    width:250px;
    height:250px;
    border-radius:50%;
    background:#007A49;
    overflow:hidden;
    display:table-cell;
    vertical-align:middle;
    color:#fff;
    text-align:center;
}
.clean_circle h3 {font-size:20px; margin-bottom:5px;}
.clean_circle h1 {font-size:32px; font-weight:700;}
.clean_add {display:table-cell; vertical-align: middle;padding:0 20px;}
/* sub 4_6 */

.manage_proc_wrap {
    padding:25px 0;
    display:flex;
    flex-wrap:wrap;
    justify-content: space-between;
}
.manage_proc_wrap h2 {
    width:100%;
    font-size:28px;
    font-weight:700;
    margin-bottom:50px;
}

.manage_proc_wrap h3 {
    width:190px;
    font-size:20px;
    font-weight:700;
    color:#007A49;
}
.manage_proc {
    position:relative;
    width:190px;
    height:120px;
    background:#F8F8F8;
    padding:20px;
    font-size:16px;
    color:#666;
    text-align:center;
    display:table-cell;
    vertical-align: middle;
}

.manage_proc:after {
    position:absolute;
    display:block;
    content:url(../img/ic_arrow.svg);
    right:-40px;
    top:50%;
    transform:translate(0,-50%);
    font-size:20px;
    color:#000;
}
.manage_proc:last-of-type:after {content: '';}





/* sub 5_1 */

.faq_wrap {
    margin-top:60px;
}
.faq_wrap img {width:100%;}
.faq_box {
    margin-bottom:20px;
    
}
.faq_box.active {box-shadow: 16px 6px 20px #A4A4A429;}

.faq_box.active > .faq_q {
	position:relative;
	background:#007A49;
	padding:25px 40px;
	border-radius: 5px 5px 0px 0px;
}

.faq_box.active > .faq_q > .mark_q {
	display:inline-block;
	border-radius:50%;
	width:36px;
	height:36px;
	background:#fff;
	text-align:center;
	font-size:18px;
	line-height:36px;
	font-weight:700;
	color:#007A49;
	vertical-align: middle;
	margin-right:30px;
}

.faq_box.active > .faq_q > .text_q {
	display:inline-block;
	width:calc(100% - 70px);
	color:#fff;
	font-size:20px;
	font-weight:700;
	vertical-align: middle;
}
.faq_arrow {
	position:absolute;
	display:inline-block;
	vertical-align: middle;
	right:40px;
}

.faq_arrow > .up {display:none}

.faq_box.active > .faq_q > .faq_arrow > .down {display:none;}
.faq_box.active > .faq_q > .faq_arrow > .up {display:block;}


.faq_q {
	position:relative;
	padding:25px 40px;
	border-radius: 5px;
    background:#f8f8f8;
}

.mark_q {
	display:inline-block;
	border-radius:50%;
	width:36px;
	height:36px;
	background:#007A49;
	text-align:center;
	font-size:18px;
	line-height:36px;
	font-weight:700;
	color:#fff;
	vertical-align: middle;
	margin-right:30px;
}
.text_q {
	display:inline-block;
	width:calc(100% - 70px);
	font-size:20px;
	font-weight:700;
	vertical-align: middle;
}
.faq_arrow {
	position:absolute;
	display:inline-block;
	vertical-align: middle;
	right:40px;
    top:28px;
}

.faq_a {
	position:relative;
	background:#fff;
	padding:25px 40px;
	
	border-radius: 0px 0px 5px 5px;
	margin-bottom:30px;
	display:none;
}
.faq_box.active > .faq_a:hover {box-shadow: 16px 6px 20px #A4A4A429;}
.mark_a {
	display:inline-block;
	border-radius:50%;
	width:36px;
	height:36px;
	background:#007A49;
	text-align:center;
	font-size:18px;
	line-height:36px;
	font-weight:700;
	color:#fff;
	vertical-align: top;
	margin-right:30px;
}
.text_a {
	display:inline-block;
	width:calc(100% - 70px);
	font-size:16px;
	vertical-align: top;
	line-height:160%;
	word-break: keep-all;
}

/* sub 5_2 */

.faq_txt {
    position:absolute;
    top:60px;
    left:80px;
}
.faq_txt h1 {font-size:45px; font-weight:700; line-height:130%;}
.faq_txt h2 {font-size:45px; font-weight:300;}
.faq_txt h3 {font-size:18px; margin-top:15px;}
.faq_txt h4 {font-size:16px; color:#585858; margin-top:10px;}
.faq_txt .btn_detail_w {margin-top:60px}