@charset "UTF-8";

.lnb {
   background-color: #009c3d;
}

.lnb .lnb__menu {
   display: flex;
}

.lnb .lnb__menu>li {
   cursor: pointer;
}

.lnb .lnb__menu .menu__home {
   background-color: #008936;
   width: 45px;
   text-align: center;
   transition: all ease .3s;
}

.lnb .lnb__menu .menu__home:hover {
   background-color: #007b31;
}

.lnb .lnb__menu .menu__home>a {
   transform: translateY(17px);
   display: block;
}

.lnb .lnb__menu .menu__depth {
   min-width: 250px;
   box-sizing: border-box;
   color: #fff;
   font-size: 16px;
   border-right: 1px solid #4dba78;
   position: relative;
}

.lnb .lnb__menu .menu__depth .menu__downarrow {
   position: absolute;
   top: 20px;
   right: 20px;
   transition: all ease .5s;
}

.lnb .lnb__menu .menu__depth .menu__downarrow img {
   display: block;
}

.lnb .lnb__menu .menu__depth .depth__head {
   padding: 15px 55px 15px 20px;
}

.lnb .lnb__menu .menu__depth .depth__sub {
   display: none;
   opacity: 0;
   position: absolute;
   top: 56px;
   left: 0;
   width: 100%;
   background-color: #fff;
   border: 1px solid #ddd;
   font-size: 16px;
   padding: 12px 20px;
   box-sizing: border-box;
   box-shadow: 2px 2px 7px 0px rgba(0, 0, 0, 0.2);
   z-index: 3;
}

.lnb .lnb__menu .menu__depth .depth__sub>li {
   padding: 4px 0;
}

.lnb .lnb__menu .menu__depth .depth__sub>li a {
   color: #555;
}

.lnb .lnb__menu .menu__depth .depth__sub>li a:hover {
   color: #009c3d;
}

.lnb .lnb__menu .menu__depth.on .menu__downarrow {
   transform: rotate(-180deg);
}

.lnb .lnb__menu .menu__depth.on .depth__sub {
   display: block;
   opacity: 1;
}

/*페이지 탑*/
.page__top {
   text-align: center;
   padding: 70px 0;
   background-color: #f8f8f8;
}

.page__top .page__tit {
   font-size: 36px;
   font-weight: 600;
   line-height: 36px;
}

.page__top .route {
   display: flex;
   margin-top: 20px;
   justify-content: center;
}

.page__top .route>li {
   margin: 0 10px;
   position: relative;
}

.page__top .route>li::after {
   content: "";
   width: 3px;
   height: 3px;
   border-radius: 50%;
   background-color: #39b168;
   position: absolute;
   right: -11px;
   top: 11px;
}

.page__top .route>li:last-child::after {
   display: none;
}

.page__top .route>li a {
   color: #888;
   font-size: 15px;
}

/* 탭 스타일02 */
.tab-02 {
   display: flex;
   width: 100%;
}

.tab-02 .tab {
   flex: 1;
   text-align: center;
   color: #888;
   background-color: #f8f8f8;
   padding: 20px 0;
   box-sizing: border-box;
   border: 1px solid #ddd;
   margin-left: -1px;
   cursor: pointer;
   display: inline-block;
   font-size: 18px;
}

.tab-02 .tab.on {
   border-bottom: 3px solid #009c3d;
   color: #009c3d;
   background-color: #fff;
}

/* 일반 게시판 */
.board {
   margin-top: 55px;
   margin-bottom: 45px;
   border-top: 2px solid #555;
   font-size: 18px;
}

.board>li {
   border-bottom: 1px solid #ddd;
   text-align: center;
}

.board .board__head {
   display: flex;
   padding: 20px 0;
}

.board .board__head>div {
   border-right: 1px solid #ddd;
   color: #444 !important;
}

.board .board__head>div:last-child {
   border-right: none;
}

.board .board__num {
   width: 120px;
   color: #666;
}

.board .board__title {
   width: 775px;
   color: #666;
   padding: 0 40px;
   box-sizing: border-box;
   line-height: 2rem;
}

.board .board__date {
   width: 180px;
   color: #666;
}

.board .board__view {
   width: 125px;
   color: #888;
}

.board .board__data {
   cursor: pointer;
}

.board .board__data>a {
   display: flex;
   padding: 20px 0;
}

.board .board__data .board__title {
   text-align: left;
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
}

.board .board__data:hover {
   background-color: #f5f5f5;
}

.board .board__data--notice .board__notice {
   background-color: #009c3d;
   color: #fff;
   width: 60px;
   margin: auto;
   border-radius: 15px;
   font-size: 15px;
}

.board .board__data--notice .board__title {
   color: #009c3d;
   font-weight: 500;
   padding: 0 40px 0 80px;
   background-image: url(/image/sub/notice-icon.png);
   background-repeat: no-repeat;
   background-position: 40px 0;
}

.board .no-ct {
   padding: 120px 0;
   font-size: 16px;
   color: #555;
}

/* 갤러리 게시판 스타일01 */
.g-board {
   display: flex;
   flex-wrap: wrap;
   width: 100%;
}

.g-board .g-board__list {
   width: 385px;
   margin-bottom: 65px;
   margin-right: 22px;
   display: inline-block;
}

.g-board .g-board__list:nth-child(3n) {
   margin-right: 0;
}

.g-board .g-board__list .list__thumb {
   overflow: hidden;
   height: 250px;
   border-radius: 10px 10px 0 0;
}

.g-board .g-board__list .list__thumb img {
   transition: all ease .7s;
   height: 100%;
}

.g-board .g-board__list .list__cont .cont__tit {
   font-size: 19px;
   color: #333;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   width: 300px;
   margin-top: 25px;
}

.g-board .g-board__list .list__cont .cont__date {
   font-size: 15px;
   color: #9a9a9a;
   margin-top: 15px;
}

.g-board .g-board__list:hover .list__thumb img {
   transform: scale(1.1);
}

.g-board .no-ct {
   padding: 120px 0;
   font-size: 16px;
   color: #555;
   text-align: center;
   width: 100%;
}

/* 갤러리 게시판 스타일02 */
.g-board02 {
   display: flex;
   flex-wrap: wrap;
   width: 100%;
}

.g-board02 .g-board__list {
   width: 280px;
   margin-bottom: 65px;
   margin-right: 26px;
   background-color: #f3f3f3;
   padding: 27px;
   box-sizing: border-box;
   border-radius: 3px;
   transition: all ease .3s;
   display: inline-block;
}

.g-board02 .g-board__list:nth-child(4n) {
   margin-right: 0;
}

.g-board02 .g-board__list .list__thumb {
   width: 230px;
   height: 325px;
}

.g-board02 .g-board__list .list__thumb img {
   width: 230px;
   height: 325px;
   border: 1px solid #ddd;
   box-sizing: border-box;
}

.g-board02 .g-board__list .list__cont .cont__tit {
   font-size: 18px;
   color: #444;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   margin-top: 13px;
}

.g-board02 .g-board__list .list__cont .cont__date {
   font-size: 15px;
   color: #9a9a9a;
   margin-top: 12px;
}

.g-board02 .g-board__list:hover {
   box-shadow: 7px 7px 7px #ddd;
}

.g-board02 .no-ct {
   padding: 120px 0;
   font-size: 16px;
   color: #555;
   text-align: center;
   width: 100%;
}

/* 게시판 게시글 카운트 */
.board-list__cnt {
   font-size: 17px;
   line-height: 17px;
   padding-bottom: 12px;
   border-bottom: 2px solid #555;
}

.board-list__cnt .cnt__num {
   color: #009c3d;
   font-weight: 600;
}

/* 버튼 스타일01 */
.button-type01 {
   text-align: center;
   margin-top: 80px;
}

.button-type01 button {
   font-size: 17px;
   color: #888;
   border: 1px solid #ddd;
   border-radius: 50px;
   background: none;
   padding: 18px 80px;
   transition: all ease .3s;
}

.button-type01 button:hover {
   background-color: #009c3d;
   border-color: #009c3d;
   color: #fff;
}

/*서브비주얼*/
.sub-visual {
   text-align: center;
   height: 360px;
   box-sizing: border-box;
   padding-top: 140px;
   background-repeat: no-repeat;
   background-size: cover;
}

.sub-visual .sub-visual__tit01 {
   color: #fff;
   font-size: 21px;
   line-height: 21px;
}

.sub-visual .sub-visual__tit02 {
   color: #fff;
   font-size: 35px;
   line-height: 35px;
   margin-top: 18px;
}

.sub-visual .sub-visual__tit03 {
   color: #fff;
   font-size: 17px;
   line-height: 1.6em;
   font-weight: 300;
}

.sub-visual .sub-visual__tit04 {
   color: #fff;
   font-size: 30px;
   line-height: 1em;
   margin-top: 18px;
}

/* 서브페이지 공통 */
.wrapper .animated {
   opacity: 0;
}

.wrapper .img-wrap {
   text-align: center;
}

.wrapper .article__tit {
   font-size: 26px;
   line-height: 26px;
   padding-bottom: 20px;
   margin-bottom: 50px;
   margin-top: 70px;
   position: relative;
   display: inline-block;
   font-weight: 500;
}

.wrapper .article__tit::before {
   content: "";
   width: 1200px;
   height: 1px;
   background-color: #ddd;
   position: absolute;
   bottom: 0;
   left: 0;
}

.wrapper .article__tit::after {
   content: "";
   width: 100%;
   height: 3px;
   background-color: #555;
   position: absolute;
   bottom: -2px;
   left: 0;
}

.wrapper .article__param {
   font-size: 17px;
   color: #555;
   word-break: keep-all;
}

.wrapper .article__param.p20 {
   padding: 0 20px;
}

.box__param {
   font-size: 20px;
   background-color: #f3f3f3;
   padding: 20px 23px;
   border-radius: 5px;
   word-break: keep-all;
}

.box__param span {
   color: #009c3d;
   font-weight: 500;
   margin-right: 3px;
}

.wrapper .btn-wrap {
   text-align: center;
}

.wrapper .btn-wrap>a {
   display: inline-block;
   width: 210px;
   margin: 0 9px;
   border: 1px solid #009c3d;
   color: #009c3d;
   height: 60px;
   line-height: 60px;
   border-radius: 5px;
   box-sizing: border-box;
   transition: all ease .3s;
}

.wrapper .btn-wrap>a.green-btn {
   background-color: #009c3d;
   color: #fff;
   transition: all ease .3s;
}

.wrapper .btn-wrap>a:hover {
   background-color: #009c3d;
   color: #fff;
}

.wrapper .btn-wrap>a.green-btn:hover {
   background-color: #008936;
}

/* 사업안내 */
.busi-page {
   padding: 45px 0 160px;
}

.busi-page .top-img {
   position: relative;
}

.busi-page .link-btn {
   position: absolute;
   left: 59px;
   bottom: 60px;
   font-size: 14px;
   color: #009c3d;
   box-sizing: border-box;
   width: 164px;
   border: 1px solid #009c3d;
   background-color: #fff;
   border-radius: 5px;
   height: 47px;
   line-height: 47px;
   display: inline-block;
   transition: all ease .3s;
}

.busi-page .link-btn:hover {
   background-color: #009c3d;
   color: #fff;
}

/*나눔안내*/
.nanum-page {
   padding: 0px 0 120px;
}

.nanum-page .contact-info {
   display: flex;
   background-color: #f6f6f6;
   box-sizing: border-box;
   padding: 30px 50px;
   margin-top: 45px;
   margin-bottom: 20px;
   position: relative;
}

.nanum-page .contact-info .info__head {
   margin-right: 30px;
   font-size: 18px;
   color: #444;
   font-weight: 600;
}

.nanum-page .contact-info .info__data {
   flex: 1;
   box-sizing: border-box;
   padding-left: 30px;
   border-left: 1px solid #ddd;
   font-size: 16px;
   color: #444;
}

.nanum-page .contact-info .download-btn {
   position: absolute;
   right: 50px;
   bottom: 30px;
   height: 45px;
}

.nanum-page .abc__info {
   margin-top: 60px;
}

.nanum-page .abc__info>li {
   margin-bottom: 60px;
}

.nanum-page .abc__info .info__tit {
   font-size: 26px;
   line-height: 26px;
   font-weight: 500;
   margin-bottom: 12px;
}

.nanum-page .abc__info .info__data {
   font-size: 18px;
   color: #555;
   line-height: 2rem;
   letter-spacing: -.02em;
}

.nanum-page .abc__info .info__emp {
   background-color: #f4f4f4;
   font-size: 16px;
   color: #777;
   display: inline-block;
   padding: 5px 12px;
   margin-top: 12px;
}

.nanum-page .dmc__member{
  margin-top: 25px;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
}
.nanum-page .dmc__member li{
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  text-align: center;
  font-size: 18px;
  width: 12.5%;
  box-sizing: border-box;
  line-height: 45px;
  height: 45px;
}

.nanum-page .abc__member {
   margin-top: 30px;
   display: flex;
   flex-wrap: wrap;
}

.nanum-page .abc__member>li {
   width: 180px;
   margin-bottom: 35px;
   margin-right: 24px;
}

.nanum-page .abc__member>li:nth-child(6n) {
   margin-right: 0;
}

.nanum-page .abc__member .frame {
   background-image: url(/image/sub/frame.png);
   background-repeat: no-repeat;
   background-size: cover;
   width: 180px;
   height: 244px;
   text-align: center;
   box-sizing: border-box;
   padding-top: 12px;
}

.nanum-page .abc__member .frame .member__img {
   width: 153px;
   height: 185px;
}

.nanum-page .abc__member .frame .member__name {
   font-size: 14px;
   color: #555;
   line-height: 1.4rem;
   font-weight: 500;
}

.nanum-page .abc__member .member__job {
   font-size: 13px;
   line-height: 13px;
   color: #b99843;
   word-break: keep-all;
   margin-top: 10px;
   text-align: center;
}

.nanum-page .support-list {
   display: flex;
   width: 960px;
   margin: auto;
   justify-content: space-between;
   margin-top: 75px;
   margin-bottom: 45px;
}

.nanum-page .support-list>li {
   width: 460px;
   border: 1px solid #ddd;
   text-align: center;
   padding: 60px 0;
   border-top: 3px solid #009c3d;
   transition: all ease .3s;
}

.nanum-page .support-list>li:hover {
   box-shadow: 7px 9px 10px #eee;
}

.nanum-page .support-list>li .list__tit {
   font-size: 25px;
   font-weight: 600;
   margin-top: 25px;
}

.nanum-page .support-list>li .list__sub {
   margin-top: 20px;
   font-size: 16px;
   line-height: 1.4em;
   color: #666;
}

.nanum-page .support-list>li .btn-wrap {
   margin-top: 40px;
}

.nanum-page .subject {
   font-size: 22px;
   font-weight: 500;
   padding-bottom: 10px;
   border-bottom: 2px solid #333;
}

.nanum-page .subject span {
   display: inline-block;
   color: #f00;
   line-height: 38px;
   font-size: 14px;
   vertical-align: middle;
   font-weight: 400;
}

.nanum-page .sub-tit {
   font-size: 18px;
}

.nanum-page .private-rule {
   box-sizing: border-box;
   padding: 25px;
   border: 1px solid #ddd;
   border-radius: 5px;
   margin-top: 12px;
   color: #666;
}

.nanum-page .private-rule .rule__tit {
   font-size: 17px;
   margin: 4px 0;
}

.nanum-page .private-rule .rule__cont {
   font-size: 15px;
   margin: 4px 0;
   padding-left: 15px;
   box-sizing: border-box;
   position: relative;
   word-break: keep-all;
}

.nanum-page .private-rule .rule__cont::before {
   content: "";
   position: absolute;
   width: 3px;
   height: 3px;
   border-radius: 50%;
   background-color: #666;
   left: 6px;
   top: 11px;
}

.nanum-page table th {
   background-color: #fafaf2;
   font-size: 16px;
   color: #555;
   text-align: left;
   box-sizing: border-box;
   padding-left: 45px;
   font-weight: 500;
   position: relative;
   border-bottom: 1px solid #ddd;
}

.nanum-page table th p {
   position: relative;
}

.nanum-page table th p::before {
   content: "";
   width: 4px;
   height: 4px;
   background-color: #000;
   position: absolute;
   top: 12px;
   left: -17px;
}

.nanum-page table td {
   box-sizing: border-box;
   padding: 12px 30px;
   border-bottom: 1px solid #ddd;
}

.nanum-page table td.msg__wrap {
   display: -ms-flex;
   display: flex;
   -ms-align-items: center;
   align-items: center;
}

.nanum-page table td.msg__wrap p {
   color: #f00;
   line-height: 1.4em;
   font-size: 14px;
   margin-left: 20px;
}

.nanum-page table td input,
.nanum-page table td select {
   height: 50px;
   line-height: 50px;
   border: 1px solid #ddd;
   width: 280px;
   font-size: 15px;
   box-sizing: border-box;
   padding-left: 12px;
}

.nanum-page table td select {
   background: url("/image/sub/sel_arr02.png") no-repeat 92% center;
}

.nanum-page table td input[type="checkbox"] {
   width: 13px;
   height: 13px;
}

.nanum-page label {
   display: inline-block;
   font-size: 15px;
   color: #666;
}

.nanum-page table td input::-webkit-input-placeholder {
   color: #aaa;
}

.nanum-page table td input::-moz-placeholder {
   color: #aaa;
}

.nanum-page table td input:-ms-input-placeholder {
   color: #aaa;
}

.nanum-page table td input::-ms-input-placeholder {
   color: #aaa;
}

.nanum-page table td input::placeholder {
   color: #aaa;
}

.nanum-page table td .i470 {
   width: 470px;
}

.nanum-page table td .i200 {
   width: 200px;
}

.nanum-page table td .i420 {
   width: 420px;
}

.nanum-page table td .i130 {
   width: 130px;
}

.nanum-page table .post-search {
   width: 175px;
   height: 50px;
   line-height: 50px;
   box-sizing: border-box;
   background-color: #333;
   border: 1px solid #333;
   font-size: 15px;
   color: #fff;
   font-weight: 400;
   margin-left: 11px;
}

.nanum-page table td .donation {
   display: none;
}

.nanum-page .support__msg {
   box-sizing: border-box;
   padding: 15px 25px;
   background-color: #f8f8f8;
   font-size: 15px;
   border-top: 2px solid #009c3d;
}

/* 재단소개 */
.about-page {
   padding: 70px 0 90px;
}

.about-page .about01__intro {
   display: flex;
}

.about-page .about01__intro .intro__bg {}

.about-page .about01__intro .intro__text {
   margin-left: 60px;
   padding-top: 65px;
   flex: 1;
   border-top: 4px solid #009c3d;
   margin-top: 60px;
}

.about-page .about01__intro .intro__param01 {
   font-size: 35px;
   color: #333;
   line-height: 1.6em;
}

.about-page .about01__intro .intro__param02 {
   margin-top: 50px;
   font-size: 18px;
   color: #666;
}

.about-page .about01__intro .intro__param02 span {
   font-size: 25px;
   color: #009c3d;
   font-weight: 500;
   display: block;
   margin-bottom: 12px;
}

.about-page .about02-txt .p01 {
   font-size: 28px;
}

.about-page .about02-txt .p02 {
   font-size: 17px;
   color: #444;
}

.about-page .about02-txt .p03 {
   font-size: 20px;
   font-weight: 600;
}

.about02__top {
   display: -ms-flex;
   display: flex;
   margin-top: 120px;
   margin-bottom: 55px;
}

.about02__top>div {
   width: 50%;
}

.about02__top .top__img img {
   box-shadow: 7px 7px 15px 0px rgba(0, 0, 0, .2);
}

.about02__top .top__txt .txt__tit {
   font-size: 45px;
   line-height: 1.5em;
   font-weight: 100;
   color: #444;
   margin-top: 20px;
}

.about02__top .top__txt .txt__stit {
   margin-top: 50px;
   font-size: 25px;
}

.about02__top .top__txt .txt__stit span {
   font-weight: 500;
}

.about02__top .top__txt .txt__param {
   font-size: 17px;
   color: #444;
   font-weight: 400;
   margin-top: 25px;
}

.about02__bottom .bottom__param {
   font-size: 17px;
   font-weight: 400;
   margin-top: 40px;
   margin-bottom: 65px;
}

.about-page .history {
   margin-top: 55px;
   position: relative;
   padding: 30px 0 80px;
}

.about-page .history::before {
   content: "";
   width: 2px;
   height: 100%;
   position: absolute;
   left: 50%;
   margin-left: -1px;
   top: 0px;
   background-color: #009c3d;
}

.about-page .history::after {
   content: "";
   width: 8px;
   height: 8px;
   position: absolute;
   left: 50%;
   margin-left: -4px;
   top: 0px;
   border-radius: 50%;
   background-color: #009c3d;
}

.about-page .history>li {
   display: flex;
   flex-wrap: wrap;
   margin-bottom: 80px;
}

.about-page .history>li>div:first-child::before {
   content: "";
   width: 14px;
   height: 14px;
   background-color: #fff;
   border-radius: 50%;
   border: 2px solid #009c3d;
   position: absolute;
   box-sizing: border-box;
   top: 0;
   right: -7px;
}

.about-page .history>li:last-child {
   margin-bottom: 0;
}

.about-page .history .history__thumbnail {
   width: 50%;
   padding-top: 40px;
   box-sizing: border-box;
   position: relative;
}

.about-page .history .history__thumbnail.right {
   padding-left: 65px;
}

.about-page .history .history__thumbnail.left {
   padding-right: 65px;
}

.about-page .history .history__data {
   width: 50%;
   box-sizing: border-box;
   position: relative;
}

.about-page .history .history__data.right {
   padding-left: 40px;
}

.about-page .history .history__data.left {
   padding-right: 40px;
}

.about-page .history .history__data .year {
   font-size: 32px;
   color: #009c3d;
   font-weight: 600;
   margin-bottom: 20px;
}

.about-page .history .history__data .event>li {
   font-size: 17px;
   display: flex;
   flex-wrap: wrap;
   margin-bottom: 10px;
}

.about-page .history .history__data .event>li .event__date {
   width: 70px;
}

.about-page .history .history__data .event>li .event__data {
   flex: 1;
   color: #777;
}

/* 재단소개 - 재단 경영 */
.com-page {
   padding: 45px 0 200px;
}

.com-page .com01__txt {
   margin-top: 55px;
}

.com-page .com01__txt .p01 {
   font-size: 24px;
   word-break: keep-all;
}

.com-page .com01__txt .p02 {
   font-size: 18px;
   color: #444;
   word-break: keep-all;
   box-sizing: border-box;
}

.com-page .com01__txt .p02.p20 {
   padding: 0 20px;
}

/* 재단소개 - 오시는 길 */
.contact-page {
   padding: 0 0 125px;
}

.contact-page #daumRoughmapContainer1585029129384 {
   margin-top: 55px;
   width: 100% !important;
   border-radius: 10px;
}

.contact-page .root_daum_roughmap .wrap_btn_zoom {
   display: none !important;
}

.contact-page .root_daum_roughmap .wrap_controllers {
   display: none !important;
}

.contact-page .contact__info {
   margin-top: 25px;
   padding-bottom: 25px;
   border-bottom: 1px solid #ddd;
   display: flex;
   justify-content: space-between;
}

.contact-page .contact__info .info__address {
   font-size: 25px;
   padding-left: 42px;
   font-weight: 600;
   background-image: url(/image/sub/contact-marker.png);
   background-repeat: no-repeat;
   background-position: 7px 0;
   line-height: 27px;
}

.contact-page .contact__info .info__tel {
   display: flex;
   font-size: 17px;
   color: #777;
}

.contact-page .contact__info .info__tel .tel__phone {
   padding-left: 30px;
   margin-right: 16px;
   position: relative;
   background-image: url(/image/sub/contact-tel.png);
   background-repeat: no-repeat;
   background-position: 0;
}

.contact-page .contact__info .info__tel .tel__phone::after {
   content: "";
   position: absolute;
   right: -10px;
   top: 7px;
   width: 1px;
   height: 15px;
   background-color: #ddd;
}

.contact-page .contact__info .info__tel .tel__fax {
   padding-left: 30px;
   background-image: url(/image/sub/contact-fax.png);
   background-repeat: no-repeat;
   background-position: 0;
}

.contact-page .contact__trans {
   display: flex;
   margin-top: 35px;
}

.contact-page .contact__trans .trans__type {
   display: flex;
   margin-right: 70px;
}

.contact-page .contact__trans .trans__type .type__icon {
   margin-right: 25px;
}

.contact-page .contact__trans .trans__type .type__info p {
   font-size: 20px;
   font-weight: 500;
   color: #333;
}

.contact-page .contact__trans .trans__type .type__info>div {
   font-size: 17px;
   color: #333;
   margin-top: 12px;
}

.contact-page .contact__trans .trans__type .type__info>div span {
   color: #fff;
   font-size: 14px;
   display: inline-block;
   width: 50px;
   text-align: center;
   border-radius: 3px;
   font-weight: 300;
   margin-right: 5px;
}

/*재단소식*/
.notice-page {
   padding: 0px 0 90px;
}

/* 사랑랩 */
.lab-page {
   padding: 0 0 90px;
}

.lab-page .book__list {
   display: flex;
   flex-wrap: wrap;
}

.lab-page .book__list>li {
   width: 226px;
   margin-right: 98px;
   margin-bottom: 45px;
}

.lab-page .book__list>li:nth-child(4n) {
   margin-right: 0;
}

/* 약관 */
.law-page {
   padding: 70px 0 90px;
}

.law-page .law-box {
   margin-top: 50px;
   background-color: #fafafa;
   padding: 28px 30px;
   border-top: 2px solid #333;
   border-bottom: 1px solid #ddd;
}

.law-page .law-box .law-box__tit {
   font-size: 20px;
   color: #009c3d;
   font-weight: 500;
}

.law-page .law-box .law-box__stit {
   color: #666666;
   margin-top: 10px;
   font-size: 17px;
   letter-spacing: -.7px;
}

.law-page .law01__law {
   margin-top: 35px;
   font-size: 16px;
   color: #666;
   resize: none;
   width: 100%;
   height: 3150px;
   overflow: hidden;
   border: none;
}

.law-page .law01__law:disabled {
   background: none;
}

.law-page .law02__law {
   margin-top: 50px;
   font-size: 16px;
   color: #666;
   resize: none;
   width: 100%;
   height: 4200px;
   overflow: hidden;
   border: none;
   padding-top: 35px;
   border-top: 2px solid #333;
}

.law-page .law02__law:disabled {
   background: none;
}

/* 사이트맵 */
.sitemap-page {
   padding: 80px 0 125px;
}

.sitemap-page .sitemap__list {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
}

.sitemap-page .sitemap__list>li {
   width: 210px;
   border-top: 4px solid #000;
   transition: all ease .3s;
}

.sitemap-page .sitemap__list>li:hover {
   border-color: #009c3d;
}

.sitemap-page .sitemap__list>li:hover .list__1depth {
   color: #009c3d;
}

.sitemap-page .sitemap__list .list__1depth {
   padding: 23px 0;
   font-size: 24px;
   border-bottom: 1px solid #000;
   transition: all ease .3s;
}

.sitemap-page .sitemap__list .list__2depth {
   margin-top: 30px;
   line-height: 1.6em;
   overflow: hidden;
}

.sitemap-page .sitemap__list .list__2depth>li {
   margin-bottom: 15px;
   position: relative;
}

.sitemap-page .sitemap__list .list__2depth>li>a {
   color: #444;
   font-size: 16px;
   display: inline-block;
   position: relative;
   z-index: 0;
}

.sitemap-page .sitemap__list .list__2depth>li>a>.line {
   content: "";
   width: 0%;
   height: 12px;
   background-color: #badca7;
   position: absolute;
   top: 11px;
   left: 0;
   z-index: -1;
   transition: all ease .3s;
}

.sitemap-page .sitemap__list .list__2depth>li>a:hover .line {
   width: 105%;
}

.sitemap-page .sitemap__list .list__3depth>li {
   margin: 4px 0;
}

.sitemap-page .sitemap__list .list__3depth>li>a {
   color: #777;
   font-size: 16px;
}

.sitemap-page .sitemap__list .list__3depth>li>a:hover {
   color: #444;
}