@charset "utf-8";

/*공통*/
.doc-tit {position:relative; padding-top:30px; font-size:30px; font-weight:700; line-height:1.2em; letter-spacing:-0.04em; color:#2c2c2c; margin-bottom:25px;}
.doc-tit:before {content:""; position:absolute; width:7px; height:7px; background:#4ba634; border-radius:100%; left:0; top:0;}

.cont-box {padding:50px 80px; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; position:relative; margin-top:-1px;}
.cont-box.ver2 {padding:50px;}
.cont-box.type2 {border-bottom-color:#505050;}
.cont-box:first-child{border-top-color:#505050;}

.cont-box2 {padding-top:70px; border-top:1px solid #505050;}

.doc-cnt {margin-bottom:80px;}
.doc-cnt:last-child {margin-bottom:0;}

.mypage-menu {display:flex; margin:170px 0 30px; justify-content:space-between;}
.mypage-menu h2 {font-size:38px; font-weight:800; line-height:1.2em; letter-spacing:-0.04em; color:#2c2c2c;}
.mypage-menu ul {display:flex; justify-content:flex-end;}
.mypage-menu ul li {margin-right:50px;}
.mypage-menu ul li:last-child {margin-right:0;}
.mypage-menu ul li a {position:relative; display:block; padding-top:22px; font-size:18px; font-weight:700; line-height:1.2em; letter-spacing:-0.04em; color:#a8a8a8;}
.mypage-menu ul li a:before {content:""; position:absolute; width:7px; height:7px; background:#00502d; border-radius:100%; left:0; top:0; opacity:0;}
.mypage-menu ul li a:hover, 
.mypage-menu ul li.active a {color:#2c2c2c;}
.mypage-menu ul li.active a:before {opacity:1;}

.leave-btn {position:absolute; right:0; top:0; font-size:14px; font-weight:400; line-height:1.2em; letter-spacing:-0.04em; color:#878787; text-decoration:underline;}

/* 인사말 */
.greeting .bg {margin-bottom:30px;}
.greeting .group {display:flex; align-items:center;}
.greeting .txt-wrap {flex: 1 1 auto; min-width: 0; width: 1%;}
.greeting .txt-wrap .tit {position:relative; padding-top:30px; font-size:32px; font-weight:700; line-height:1.2em; letter-spacing:-0.04em; color:#2c2c2c; margin-bottom:40px;}
.greeting .txt-wrap .tit:before {content:""; position:absolute; width:7px; height:7px; background:#4ba634; border-radius:100%; left:0; top:0;}
.greeting .txt-wrap .txt {font-size:18px; font-weight:400; line-height:1.8em; letter-spacing:-0.04em; color:#2c2c2c; margin-bottom:28px;}
.greeting .txt-wrap .txt:last-child {margin-bottom:0;}

.greeting .ceo {margin-left:60px;}
.greeting .ceo .img {margin-bottom:37px;}
.greeting .ceo .sign {text-aligN:center;}
.greeting .ceo .sign span {display:block; font-size:14px; font-weight:700; line-height:1em; letter-spacing:-0.04em; color:#4ba634; margin-bottom:14px;}

/* 설립목적 */
.about .dc1 .purpose {display:flex; position:relative;}
.about .dc1 .logo {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.about .dc1 .group {width:50%; padding:100px 80px;}
.about .dc1 .group.left {background:#00502d;}
.about .dc1 .group.right {background:#4ba634; text-align:right;}
.about .dc1 .group .icon {margin-bottom:27px;}
.about .dc1 .group .tit {font-size:28px; font-weight:700; line-height:1.2em; letter-spacing:-0.04em; color:#fff; margin-bottom:27px;}
.about .dc1 .group .cate {margin-bottom:50px;}
.about .dc1 .group .cate span {display:inline-block; padding:14px 23px; background:#fff; border-radius:100vh; font-size:18px; font-weight:700; line-height:1em; letter-spacing:-0.04em; margin-right:4px;}
.about .dc1 .group .cate span:last-child {margin-right:0;}

.about .dc1 .group.left .cate span {color:#00502d;}
.about .dc1 .group.right .cate span {color:#4ba634;}
.about .dc1 .group .txt {padding-top:30px; position:relative; font-size:26px; font-weight:500; line-height:1.5em; letter-spacing:-0.04em; color:#fff;}
.about .dc1 .group .txt strong {font-weight:800;}
.about .dc1 .group .txt:before {content:""; position:absolute; border-left:14px solid #4ba634; border-top:12px solid transparent; border-bottom:12px solid transparent; transform:rotate(90deg); top:0;}
.about .dc1 .group.right .txt:before {border-left-color:#00502d; left:auto; right:0;}

.about .dc2 .tit-wrap {width:40%;}
.about .dc2 .tit-wrap .tit {font-size:28px; font-weight:700; line-height:1.2em; letter-spacing:-0.04em; color:#2c2c2c;}
.about .dc2 .tit-wrap .tit span {font-size:16px; font-weight:700; line-height:1.2em; letter-spacing:-0.04em; color:#a8a8a8; display:block; margin-top:17px;}
.about .dc2 .col {display:flex;}
.about .dc2 .col > ul {flex: 1 1 auto; min-width: 0; width: 1%;}
.about .dc2 .col > ul > li {display:flex; font-size:18px; font-weight:400; line-height:1.2em; letter-spacing:-0.04em; color:#505050; margin-bottom:15px;}
.about .dc2 .col > ul > li:last-child {margin-bottom:0;}
.about .dc2 .year {min-width:147px; font-weight:700; color:#4ba634;}
.about .dc2 .txt {flex: 1 1 auto; min-width: 0; width: 1%;}
.about .dc2 .sml {font-size:15px; font-weight:400; line-height:1.2em; letter-spacing:-0.04em; color:#878787; display:block; margin-top:6px;}

.about .dc3 .wrap {display:flex;}
.about .dc3 .wrap .group {width:50%;}
.about .dc3 .group .year {font-size:46px; font-weight:700; line-height:1.2em; letter-spacing:-0.04em; color:#4ba634; margin-bottom:33px;}
.about .dc3 .group .box:nth-child(even) .year {color:#00502d;}
.about .dc3 .group.right {padding-left:45px;}
.about .dc3 .group .box {margin-bottom:35px;}
.about .dc3 .group .box:last-child {margin-bottom:0;}
.about .dc3 .box > ul > li {position:relative; padding-left:15px; font-size:18px; font-weight:500; line-height:1.2em; letter-spacing:-0.04em; color:#2c2c2c; margin-bottom:18px;}
.about .dc3 .box > ul > li:before {content:""; position:absolute; width:5px; height:5px; background:#ccc; left:0; top:6px; border-radius:100%;}
.about .dc3 .box > ul > li:last-child {margin-bottom:0;}

.certi-list {display:flex; flex-wrap:wrap; margin:-15px;}
.certi-list li {width:20%; padding:15px;}
.certi-list li img {width:100%;}

/* 연혁 */
.history .top-txt {position:relative; padding-left:80px; margin-bottom:110px;}
.history .top-txt:before {content:""; position:absolute; width:40px; height:3px; background:#4ba634; left:0; top:18px;}
.history .top-txt p {font-size:38px; font-weight:500; line-height:1.3em; letter-spacing:-0.04em; color:#2c2c2c; margin-bottom:20px;}
.history .top-txt p strong {font-weight:800;}
.history .top-txt p:last-child {margin-bottom:0;}
.history .cnt {max-width:780px; margin:0 0 0 auto;}
.history .group {margin-bottom:70px;}
.history .group:last-child {margin-bottom:0;}
.history .group .img {margin-bottom:40px;}
.history .group .wrap {display:flex;}
.history .group .year {width:175px; font-size:42px; font-weight:700; line-height:1.2em; letter-spacing:-0.04em; color:#00502d;}
.history .group ul {flex: 1 1 auto; min-width: 0; width: 1%; padding-top:8px;}
.history .group ul li {display:flex; font-size:18px; font-weight:400; line-height:1.2em; letter-spacing:-0.04em; color:#505050; margin-bottom:16px;}
.history .group ul li:last-child {margin-bottom:0;}
.history .group ul li .date {width:80px; color:#4ba634; font-weight:700;}

/* 오시는 길 */
.location .local {margin-bottom:60px;}
.root_daum_roughmap {width:100% !important; height:460px !important;}
.root_daum_roughmap .wrap_map {height:460px !important;}
.local-info h3 {font-size:32px; font-weight:700; line-height:1.2em; letter-spacing:-0.04em; color:#2c2c2c; margin-bottom:47px;}
.local-info h3 span {font-size:15px; font-weight:700; line-height:1.2em; letter-spacing:-0.04em; color:#4ba634; margin-bottom:20px; display:block;}
.local-info .wrap {display:flex; margin:0 -15px;}
.local-info .wrap .box {width:25%; padding:0 15px;}
.local-info dl {padding-top:24px; position:relative;}
.local-info dl:before {content:""; position:absolute; width:100%; height:1px; background:#dfdfdf; top:0; left:0;}
.local-info dl:after {content:""; position:absolute; width:70px; height:1px; background:#00502d; left:0; top:0;}
.local-info dt {font-weight:700; line-height:1.2em; letter-spacing:-0.04em; color:#00502d; margin-bottom:13px;}
.local-info dd {font-size:20px; font-weight:500; line-height:1.6em; letter-spacing:-0.04em; color:#2c2c2c;}

/* 사업소개 - 산림복지 */
.biz1 .dc1 .wrap {display:flex;margin:0 -20px;}
.biz1 .dc1 .wrap .col {width:50%; padding:0 20px;}
.biz1 .dc1 .img {margin-bottom:38px;}
.biz1 .dc1 .tit {position:relative; font-size:26px; font-weight:700; line-height:1.2em; letter-spacing:-0.04em; color:#00502d; margin-bottom:30px;}
.biz1 .dc1 .tit:before {content:""; position:absolute; width:100%; heighT:1px; background:#00502d; left:0; top:50%; margin-top:-0.5px;}
.biz1 .dc1 .tit span {display:inline-block;background:#fff; padding-right:46px; position:relative;}
.biz1 .dc1 .tit span:before {content:""; position:absolute; width:7px; height:7px; background:#00502d; border-radius:100%; right:0; top:50%; margin-top:-3.5px; border-radius:100%;}
.biz1 .dc1 p {font-size:18px; font-weight:400; letter-spacing:-0.04em; color:#505050; line-height:1.7em;}
.biz1 .dc1 ul li {position:relative; padding-left:10px; font-size:18px; font-weight:400; line-height:1.7em; letter-spacing:-0.04em; color:#505050}
.biz1 .dc1 ul li:before {content:""; position:absolute; width:5px; height:1px; background:#505050; left:0; top:13px;}

.biz1 .dc2 .wrap > ul {display:flex; flex-wrap:wrap;}
.biz1 .dc2 .wrap > ul > li {width:calc(50% + 0.5px); border:1px solid #dfdfdf; margin-top:-1px; margin-left:-1px; padding:50px;}
.biz1 .dc2 .wrap > ul > li.wide {widtH:100%;}
.biz1 .dc2 li li {position:relative; padding-left:8px; font-weight:400; line-height:1.8em; letter-spacing:-0.04em; color:#505050; margin-bottom:10px;}
.biz1 .dc2 li li:last-child {margin-bottom:0;}
.biz1 .dc2 li li:before {content:""; position:absolute; width:5px; height:1px; background:#505050; left:0; top:13px;}
.biz1 .dc2 .icon {margin-bottom:35px;}
.biz1 .dc2 .tit {font-size:24px; font-weight:700; line-height:1.2em; letter-spacing:-0.04em; color:#4ba634; margin-bottom:20px;}
.biz1 .dc2 .in {display:flex; flex-wrap:wrap;}
.biz1 .dc2 .in ul {flex: 1 1 auto; min-width: 0; width: 1%;}
.biz1 .dc2 .in .tit {min-width:230px;}

/* 사회적기업 */
.biz2 .dc2 .wrap {display:flex; margin:0 -27px;}
.biz2 .dc2 .col {width:50%; padding:0 27px;}
.biz2 .dc2 .tit {font-size:30px; font-weight:700; line-height:1.2em; letter-spacing:-0.04em; color:#2c2c2c; margin-bottom:40px;}
.biz2 .dc2 .tit span {display:block; font-size:14px; line-height:1em; letter-spacing:-0.04em; color:#4ba634; margin-bottom:12px;}
.biz2 .dc2 p {font-size:18px; font-weight:400; line-height:1.8em; letter-spacing:-0.04em; color:#505050; margin-bottom:30px;}
.biz2 .dc2 p:last-child {margin-bottom:0;}

.circle-list {margin-bottom:50px;}
.circle-list ul {display:flex;}
.circle-list ul li {width:25%;}
.circle-list ul li .in {position:relative; padding-bottom:100%; overflow:hidden;}
.circle-list ul li .in .tit {position:absolute; width:100%; height:100%; left:0; top:0; display:flex; align-items:center; justify-content:center; text-align:center; font-size:22px; font-weight:600; line-height:1.2em; letter-spacing:-0.04em; color:#00502d;}
.circle-list ul li .in:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid #0e5a39; border-radius:100%;}

.check-list ul {display:flex; flex-wrap:wrap; margin:-5px;}
.check-list ul li {width:50%; padding:5px;}
.check-list ul li .in {display:flex; align-items:center; height:78px; padding:10px 30px; border:1px solid #4ba634;}
.check-list ul li .tit {position:relative; padding-left:28px; font-size:18px; font-weight:700; line-height:1.2em; letter-spacing:-0.04em; color:#2c2c2c;}
.check-list ul li .tit:before {content:""; position:absolute; width:18px; height:18px; background:url("../images/sub/bullet_check.png") no-repeat 50% 50%; background-size:contain; left:0; top:2px;}

/* 동의본초원 */
.biz3 .dc1 .wrap {display:flex; align-items:center;}
.biz3 .dc1 .txt-wrap {flex: 1 1 auto; min-width: 0; width: 1%; padding-left:90px;}
.biz3 .dc1 .tit {font-size:30px; font-weight:700; line-height:1.2em; letter-spacing:-0.04em; color:#2c2c2c; margin-bottom:40px;}
.biz3 .dc1 .tit span {display:block; font-size:14px; line-height:1em; letter-spacing:-0.04em; color:#4ba634; margin-bottom:12px;}
.biz3 .dc1 .txt {font-size:18px; font-weight:400; line-height:1.8em; letter-spacing:-0.04em; color:#505050; margin-bottom:30px;}
.biz3 .dc1 .txt:last-child {margin-bottom:0;}
.biz3 .dc1 .col {display:flex; font-size:18px; line-height:1.2em; letter-spacing:-0.04em; color:#505050; margin-bottom:20px;}
.biz3 .dc1 .col:last-child {margin-bottom:0;}
.biz3 .dc1 .col-tit {color:#2c2c2c; min-width:100px;}
.biz3 .dc1 .col .sml {font-size:15px; font-weight:400; line-height:1.4em; color:#878787; margin-top:6px; display:block;}
.biz3 .dc1 .col span {margin-right:35px;}
.biz3 .dc1 .col span:last-child {margin-right:0;}

.biz3 .dc1 .link-btn {display:flex; justify-content:space-between; margin-top:60px;}
.biz3 .dc1 .link-btn a {display:block; width:calc(50% - 3px); padding:25px 10px 25px 60px; position:relative; font-size:17px; font-weight:700; line-height:1em; letter-spacing:-0.04em; color:#fff; border-radius:100vh; background:#00502d;}
.biz3 .dc1 .link-btn a:last-child {background:#4ba634;}
.biz3 .dc1 .link-btn a:before {content:""; position:absolute; width:20px; height:17px; background:url("../images/sub/cart_icon.png") no-repeat 50% 50%; background-size:contain; left:34px; top:50%; margin-top:-8.5px;}
.biz3 .dc1 .link-btn a:after {content:""; position:absolute; width:12px; height:13px; background:url("../images/sub/arrow.png") no-repeat 50% 50%; background-size:contain; right:36px; top:50%; margin-top:-6.5px;}

.biz3 .dc2 ul {display:flex; margin:0 -25px;}
.biz3 .dc2 ul li {width:33.333%; padding:0 25px;}
.biz3 .dc2 ul li .img {margin-bottom:28px;}
.biz3 .dc2 ul li .img img {width:100%;}
.biz3 .dc2 ul li .cate {font-size:14px; font-weight:700; line-height:1.2em; letter-spacing:-0.04em; color:#a8a8a8; margin-bottom:15px;}
.biz3 .dc2 ul li .tit {font-size:24px; font-weight:700; line-height:1.2em; letter-spacing:-0.04em; color:#2c2c2c; margin-bottom:15px;}
.biz3 .dc2 ul li .txt {font-size:18px; font-weight:400; line-height:1.2em; letter-spacing:-0.04em; color:#505050;}

/* 프로그램안내 */
.program-info .imgBox {display:flex; justify-content:space-between; margin-bottom:37px;}
.program-info .tit {font-size:26px; font-weight:700; line-height:1.2em; letter-spacing:-0.04em; color:#00502d; margin-bottom:32px;}
.program-info .txt {font-size:18px; font-weight:400; line-height:1.7em; letter-spacing:-0.04em; color:#505050;}
.program-info ul {margin-top:30px;}
.program-info ul li {position:relative; padding-left:13px; letter-spacing:-0.04em; color:#505050;}
.program-info ul li:before {content:""; position:absolute; width:5px; height:5px; left:0; top:10px; background:#4ba634; border-radius:100%;}