@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.vegetable-product {}
/* .vegetable-product .group {margin-bottom:60px;} */
.vegetable-product .group {padding-bottom:16px; margin-bottom:35px; border-bottom:1px solid #dfdfdf;}
.vegetable-product .group:last-child {margin-bottom:0; padding-bottom:0; border-bottom:0;}
.sub-tit {font-size:32px; margin-bottom:17px; color:#007a47; font-weight:500; letter-spacing:-.04em; line-height:1.3em;}
.sub-tit span {font-weight:400; color:#2c2c2c;}
.vegetable-product .group ul {margin:0 -12px; display:flex; flex-wrap:wrap; overflow-y:unset !important;}
.vegetable-product .group ul li {padding:0 12px; width:16.6666%; margin-bottom:24px; text-align:center;}
.vegetable-product .group ul li a {padding:0 15px; font-size:22px; width:180px; height:154px; line-height:1.273em; letter-spacing:-.04em; display:flex; justify-content:center; align-items:center; border:1px solid #dfdfdf; background-color:#fafafa; position:relative;}
.vegetable-product .group ul li:hover a {color:#fff; padding-bottom:50px; font-weight:500; background-color:#007a47; border-color:#007a47; box-shadow:1px 3px 10px rgba(0,0,0,.2);}
.vegetable-product .group ul li a:after {position:absolute; opacity:0; content:''; width:17px; height:16px; left:50%; margin-left:-8px; bottom:40px; background-image:url('../images/sub/vegetable_arrow.png'); background-size:contain; background-repeat:no-repeat;}
.vegetable-product .group ul li:hover a:after {opacity:1;}
.greens .group ul li:hover a {padding-bottom:25px;}

.greens .group ul li a {height:180px; align-items:flex-end; padding-bottom:25px;}
.greens .group ul li a:before {position:absolute; content:''; width:80px; height:80px; left:50%; margin-left:-40px; top:30px; background-size:contain; background-repeat:no-repeat;}
.greens .group ul li.bg1 a:before {background-image:url('../images/sub/vegetable1.png');}
.greens .group ul li.bg2 a:before {background-image:url('../images/sub/vegetable2.png');}
.greens .group ul li.bg3 a:before {background-image:url('../images/sub/vegetable3.png');}
.greens .group ul li.bg4 a:before {background-image:url('../images/sub/vegetable4.png');}
.greens .group ul li.bg5 a:before {background-image:url('../images/sub/vegetable5.png');}
.greens .group ul li.bg6 a:before {background-image:url('../images/sub/vegetable6.png');}
.greens .group ul li.bg7 a:before {background-image:url('../images/sub/vegetable7.png');}
.greens .group ul li.bg8 a:before {background-image:url('../images/sub/vegetable8.png');}
.greens .group ul li.bg9 a:before {background-image:url('../images/sub/vegetable9.png');}
.greens .group ul li.bg10 a:before {background-image:url('../images/sub/vegetable10.png');}
.greens .group ul li.bg11 a:before {background-image:url('../images/sub/vegetable11.png');}

.greens .group ul li.bg1:hover a:before {background-image:url('../images/sub/vegetable1_on.png');}
.greens .group ul li.bg2:hover a:before {background-image:url('../images/sub/vegetable2_on.png');}
.greens .group ul li.bg3:hover a:before {background-image:url('../images/sub/vegetable3_on.png');}
.greens .group ul li.bg4:hover a:before {background-image:url('../images/sub/vegetable4_on.png');}
.greens .group ul li.bg5:hover a:before {background-image:url('../images/sub/vegetable5_on.png');}
.greens .group ul li.bg6:hover a:before {background-image:url('../images/sub/vegetable6_on.png');}
.greens .group ul li.bg7:hover a:before {background-image:url('../images/sub/vegetable7_on.png');}
.greens .group ul li.bg8:hover a:before {background-image:url('../images/sub/vegetable8_on.png');}
.greens .group ul li.bg9:hover a:before {background-image:url('../images/sub/vegetable9_on.png');}
.greens .group ul li.bg10:hover a:before {background-image:url('../images/sub/vegetable10_on.png');}
.greens .group ul li.bg11:hover a:before {background-image:url('../images/sub/vegetable11_on.png');}

.greens .group ul li a:after {display:none;}

.vegetable-list select.input {padding-top:0; padding-bottom:0; padding-right:0; font-size:32px; height:auto; letter-spacing:-.04em; font-weight:500; color:#2c2c2c; border:none; background:#fff url('/images/bbs/productSelect.png') right 0 center no-repeat;}
.vegetable-list select.input option {font-size:16px;}

.vl-table {margin:20px 0 50px;}
.vl-table table {border-collapse:collapse; width:100%; border-top:1px solid #a8a8a8;}
.vl-table table th {font-size:18px; padding:20px 0; letter-spacing:-.04em; color:#007a47; font-weight:500; background-color:#fafafa; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;}
.vl-table table td {font-size:17px; padding:20px 0 20px 30px; letter-spacing:-.04em; color:#505050; border-bottom:1px solid #dfdfdf;}
.vl-table table td span.item {margin-right:30px;}
.vl-table .checkbox input:checked + label:before {background-color:#f78b22; border-color:#f78b22;}

.local-map .local-tab ul {margin-bottom:40px; display:flex; flex-wrap:wrap;}
.local-map .local-tab ul li {width:25%; margin-left:-1px; margin-top:-1px; border:1px solid #dfdfdf; text-align:center; font-size:18px; letter-spacing:-.05em; background-color:#fafafa; position:relative;}
.local-map .local-tab ul li.on {color:#fff; background-color:#007a47; border-color:#007a47; box-shadow:1px 3px 10px rgba(0,0,0,.2); z-index:1;}
.local-map .local-tab ul li a {display:block; line-height:62px;}

.location {position:relative; height:755px;}
.location .map {position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1; background-color:#fff;}
.location .map.on {z-index:1;}
.root_daum_roughmap{width:100% !important;}

.local-address {display:flex; margin-top:50px;}
.local-address li {text-align:center; width:33.3333%; padding:20px 0; border-right:1px dashed #dfdfdf;}
.local-address li:last-child {border-right:0;}
.local-address li .icon {margin-bottom:20px;}
.local-address li .tit {font-weight:500; color:#007a47;}
.local-address li .txt {font-size:22px; letter-spacing:-.03em; color:#2c2c2c; line-height:1.364em;}

.relate-site .group {padding-bottom:45px; margin-bottom:40px; border-bottom:1px solid #dfdfdf;}
.relate-site .group:last-child {margin-bottom:0; padding-bottom:0; border-bottom:0;}
.relate-site .group ul {display:flex; margin:0 -12px;}
.relate-site .group ul li {width:16.6666%; padding:0 12px; text-align:center;}
.relate-site .group ul li a {display:inline-block;}
.relate-site .group ul li a .sitelogo {margin-bottom:15px;}
.relate-site .group ul li a .tit {color:#505050; display:inline-block;}
.relate-site .group ul li:hover .tit {color:#007a47; position:relative;}
.relate-site .group ul li:hover .tit:after {position:absolute; content:''; width:100%; height:1px; left:0; bottom:0; background-color:#007a47;}

.ci:first-child {margin-bottom:100px;}
.ci p {font-size:21px; line-height:1.8em; letter-spacing:-.03em; color:#2c2c2c;}
.ci-img {margin-top:20px;}

.logo-mark {background-color:#fafafa; padding:65px 0;}

.symbol {padding:90px 30px 100px;}
.symbol:last-child {padding-bottom:0;}
/* .symbol-mark {display:flex;} */
/* .symbol-mark .txtcnt {padding-left:70px;} */
.symbol-mark .txtcnt p {margin:35px 0; text-align:center;}

.symbol-mark2 {display:flex; align-items:center;}
.symbol-mark2 .txtcnt {padding-left:70px; flex:1;}
.symbol-mark2 .txtcnt p {margin-bottom:30px;}
.symbol-mark2 .txtcnt p:last-child {margin-bottom:0;}

.passion-wrap {padding-top:50px; padding-left:60px; display:flex; border-top:1px solid #dfdfdf;}
.passion-wrap .img {margin-right:70px;}

.colorgreen {color:#00a54f !important; font-weight:500;}
.colorred {color:#ed1c24 !important; font-weight:500;}
.colorgray {color:#878787 !important; font-weight:500;}
.colorgreen2 {color:#00984b !important;}
.colorgreen3 {color:#007a47 !important; font-weight:500;}

.corporate-color {display:flex; margin:0 -15px; flex-wrap:wrap;}
.corporate-color .col {width:33.3333%; padding:0 15px;}
.corporate-color .col .box {padding:42px 30px 30px 42px; margin-bottom:18px; border:1px solid #dfdfdf; background-color:#fff;}

.color-wrap {margin-bottom:15px; display:flex; align-items:center;}
.color-wrap .color-box {width:120px; height:120px; border-radius:10px;}
.color-wrap .color-tit {padding-left:40px; font-size:20px; line-height:1.6em; text-align:center;}
.color-wrap .color-box.c1 {background-color:#00a54f;}
.color-wrap .color-box.c2 {background-color:#ed1c24;}
.color-wrap .color-box.c3 {background-color:#e6e6d9;}

.corporate-color .col ul li {font-size:13px; padding-left:133px; position:relative;}
.corporate-color .col ul li span {font-weight:500; position:absolute; left:0;}

.corporate-color .col h4 {font-size:20px; margin-bottom:7px; font-weight:500; letter-spacing:-.03em; color:#2c2c2c;}
.corporate-color .col .detail {color:#878787; font-weight:300;}

.slogan .txtcnt {flex:1;}
.slogan .txtcnt span {color:#007a47; font-weight:300;}
.slogan .txtcnt .passion {font-size:20px; margin-bottom:25px; width:117px; line-height:40px; text-align:center; color:#fff; background-color:#007a47;}

.passion-list {display:flex; flex-wrap:wrap; margin:0 -13px;}
.passion-list li {padding:0 13px; position:relative;}
.passion-list li span {font-weight:500 !important; padding-right:5px;}
.passion-list li:after {position:absolute; content:''; width:1px; background-color:#dfdfdf; top:5px; right:0; height:19px;}
.passion-list li:last-child:after {display:none;}

.catalog-wrap .group {margin-bottom:40px;}
.catalog-wrap .group:last-child {margin-bottom:0;}

.catalog-list {display:flex; flex-wrap:wrap; margin:0 -30px;}
.catalog-list li {width:33.3333%; padding:0 30px 30px 0;}
.catalog-list li a {display:block; border:1px solid #dfdfdf; padding:40px 40px 35px;}
.catalog-list li a .thumb {position:relative; padding-bottom:141%; margin-bottom:16px; overflow:hidden;}
.catalog-list li a .thumb img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:auto !important; height:auto !important; max-width:100%; max-height:100%; object-fit:contain;}
.catalog-list li a .catalog-title {text-align:center; font-size:19px; letter-spacing:-.04em; color:#2c2c2c; height:55px;}
.catalog-list li a .catalog-title strong {display:block;}
.catalog-list li:hover a {border-color:#007a47; box-shadow:10px 20px 40px rgba(0,0,0,.13);}
.catalog-list li:hover a .catalog-title {color:#007a47;}

.relate-table table {border-collapse:collapse; width:100%; text-align:center;}
.relate-table table th {font-size:20px; padding:21px 0; letter-spacing:-.04em; font-weight:500; border-left:1px solid #dfdfdf; background-color:#fafafa; border-bottom:1px solid #dfdfdf; border-top:1px solid #dfdfdf;}
.relate-table table th:first-child {border-left:0;}
.relate-table table td {font-size:18px; letter-spacing:-.04em; color:#505050; padding:16px 0; border-bottom:1px solid #dfdfdf; border-left:1px solid #dfdfdf;}

.border-none {border-left:0 !important;}

.outline-tit {padding:20px 0 100px; text-align:center;}
.outline-tit p {font-size:20px; margin-bottom:25px; letter-spacing:-.03em; color:#2c2c2c; line-height:1.8em;}
.outline-tit p:last-child {margin-bottom:0;}

.outline {padding:60px 0 80px; background-color:#fafafa;}

.outline-list {display:flex; border:1px solid #dfdfdf; text-align:center;}
.outline-list li {padding:35px 20px; width:20%; border-left:1px solid #dfdfdf; background-color:#fff;}
.outline-list li:first-child {border-left:0;}
.outline-list li .icon {margin-bottom:20px;}
.outline-list li .tit {font-size:15px; margin-bottom:10px; letter-spacing:.2em; font-weight:500; color:#2c2c2c;}
.outline-list li .cnt {font-size:20px; letter-spacing:-.04em; color:#505050; line-height:1.6em;}

.philosophy {padding:90px 0 100px;}
.philosophy-list {display:flex; justify-content:center; border:1px solid #dfdfdf; padding:60px 0;}
.philosophy-list li {padding:0 35px; position:relative;}
.philosophy-list li:before {position:absolute; content:''; width:30px; height:30px; top:50%; margin-top:-15px; right:-15px; background-image:url('../images/sub/philosophy_cross1.png'); background-size:contain; background-repeat:no-repeat;}
.philosophy-list li:nth-child(2):before {background-image:url('../images/sub/philosophy_cross2.png');}
.philosophy-list li:last-child:before {display:none;}

.head-office {padding:60px 0 75px; background-color:#fafafa;}
.head-office-wrap {display:flex; position:relative;overflow:hidden;}
.head-office-wrap:after {position:absolute; content:''; width:100%; height:1px; background-color:#caebdd; top:140px; left:237px;}
.head-office-wrap .logo {margin-right:80px;}
.head-office-list {display:flex; flex:1; padding-top:70px; margin:0 -44px;}
.head-office-list li {width:25%; padding:0 44px; text-align:center; z-index:123;}
.head-office-list li .round {font-size:22px; padding-top:40px; margin:0 auto; width:140px; height:140px; letter-spacing:-.04em; line-height:1.455em; color:#fff; background-color:#007a47; border-radius:100%;}
.head-office-list li .arrow {margin:14px 0 8px;}
.head-office-list li .cnt {font-size:15px; letter-spacing:-.04em; color:#505050; line-height:1.6em;}

.history {padding-top:90px; max-width:1920px; margin:auto;}
.history .img {margin-top:45px;}

.seed-tab {max-width:1200px; margin:0 auto 65px; position:relative;}
.seed-tab ul {display:table; table-layout:fixed; width:100%;}
.seed-tab ul li {display:table-cell; vertical-align:middle; max-width:50%; text-align:center;}
.seed-tab ul li a {line-height:60px; font-size:18px; letter-spacing:-.04em; display:block; height:62px; border:1px solid #ddd; border-right:0; background-color:#fafafa;}
.seed-tab ul li:last-child a {border-right:1px solid #dfdfdf;}
.seed-tab ul li.active a {border:2px solid #007a47; color:#fff; background-color:#007a47; box-shadow:1px 3px 10px rgba(0,0,0,.2); font-weight:500;}

.seed-tech p {font-size:20px; line-height:1.8em; letter-spacing:-.03em; color:#2c2c2c;}

.seedTech-list {margin:35px 0 45px; display:flex; flex-wrap:wrap;}
.seedTech-list li {padding:35px 10px 35px 40px; display:flex; border:1px solid #dfdfdf; margin-left:-1px; width:25%; align-items:center;}
.seedTech-list li .icon {margin-right:28px;}
.seedTech-list li .txt {font-size:20px; font-weight:500; color:#2c2c2c; line-height:1.8em; flex:1;}

.seed-img-wrap {display:flex; flex-wrap:wrap; margin:0 -15px 65px;}
.seed-img-wrap .img {margin-bottom:30px; padding:0 15px;}

.seed-tech-img {margin-top:75px;}

/* .ceo-greeting {background-image:url('/images/sub/greetingbg.png'); background-repeat:no-repeat; background-position:100% 100%;} */
.ceo-greeting .top {font-size:30px; margin-bottom:20px; letter-spacing:-.04em; line-height:1.667em;}
.ceo-greeting span {font-weight:500; color:#007a47;}
.ceo-greeting p {font-size:20px; margin-bottom:15px; letter-spacing:-.04em; line-height:2.1em;}
.ceo-greeting p:last-child {margin-bottom:0;}
.ceo-greeting p:last-child img {margin:-.3em 0 0 30px;}

.SDGs p {font-size:22px; letter-spacing:-.04em; line-height:1.909em;}
.SDGs .green {font-weight:500; color:#007a47;}

.SDGs-list {display:flex; flex-wrap:wrap; margin:30px -15px 25px;}
.SDGs-list li {width:33.3333%; padding:0 15px;}
.SDGs-list li .box {padding:40px 15px 40px 40px; border:1px solid #dfdfdf;}
.SDGs-list li .box .tit {font-size:26px; margin:22px 0 17px; font-weight:500;}
.SDGs-list li .box .s-tit {font-size:20px; margin-bottom:15px; letter-spacing:-.04em; line-height:1.8em;}
.SDGs-list li .box .cnt {font-size:18px; line-height:1.667em; letter-spacing:-.03em; color:#505050; font-weight:300;}
.SDGs-list li:nth-child(1) .tit {color:#dda83a;}
.SDGs-list li:nth-child(2) .tit {color:#a21942;}
.SDGs-list li:nth-child(3) .tit {color:#3f7e44;}

.phil {margin-bottom:70px;}
.phil p {font-size:24px; line-height:1.833em;}

.manage-phil-wrap {margin-bottom:90px;}
.manage-phil {display:flex; align-items:center;}
.manage-phil p {padding-left:60px;}