@charset "utf-8";

*           {margin:0; padding:0;}
body        {background-color:#fff;}

td *, div *, li *, span *, p *  {}
ul, ol, li                      {list-style:none; }

img, hr     {border:none;}
img         {vertical-align:top; border:0;}

/* Link Style */
a:link      {text-decoration:none; color:#000;}
a:visited   {text-decoration:none; color:#000;}
a:active    {text-decoration:none; color:#000;}
a:hover     {text-decoration:none; color:#000;}

/* Table Style */
table       {border-collapse:collapse;  border-spacing:0; width:100%; table-layout:fixed; }
table td img    {vertical-align:middle;}

/* tag all font-size set */
p,div,ul,li,dl,dt,dd,ol,fieldset,textarea,input,select,table,th,td,address,cite,strong,h1,h2,h3,h4,h5,h6 {
}

a,em,span { color:inherit;  font-family:inherit; font-size:inherit; line-height: inherit; }



[v-cloak],
body .mo-block,
body .mo-flex
{display:none}
body * {
    font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
}
.text-center {text-align: center}
body .pretendardGOV,
body .pretendardGOV * {
    font-family: "Pretendard GOV Variable", "Pretendard GOV", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
}

main {
    max-width: 1920px;
    margin: 0 auto;
    background: #a1e3a1;
}

main {
    background: #A8E0F2;
}

header {
    margin: 0 60px 0 80px;
    /*position: sticky;*/
    /*top: -17px;*/
    /*padding-top: 17px;*/
    z-index: 1
}

header .logo {
    margin: 10px 0 27px;
}

header .gnb {
    display: flex;
}


header .gnb a {
    font-size: 35px;
    font-weight: 600;
    line-height: 42px;
    letter-spacing: -0.026em;
    text-align: justify;
    color: rgba(51, 51, 51, 1);
    margin: 33px 30px 50px;

    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
    position: relative;

}


header .gnb a:before {
    position: absolute;
    top: 100%;
    left: 50%;
    color: transparent;
    content: '•';
    text-shadow: 0 0 transparent;
    font-size: 13pt;
    -webkit-transition: text-shadow 0.3s, color 0.3s;
    -moz-transition: text-shadow 0.3s, color 0.3s;
    transition: text-shadow 0.3s, color 0.3s;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    pointer-events: none;
    line-height: 1em;
}


header .gnb a.active:before,
header .gnb a:hover:before, header .gnb a:focus:before {
    color: #fff;
    text-shadow: 10px 0 #fff, -10px 0 #fff;
}
header .gnb a.active:hover,
header .gnb a:hover, header .gnb a:focus {
    color: #0abde3;
}


.relative {
    position: relative
}

.cover{
    padding: 0 80px;
}

.container {
    width: 100%;
    /* height: 1280px; */
}

.inner-container {
    /* margin-left: 190px; */
    /* margin-right: 190px; */
    max-width: 1590px;
    margin: auto;
}


main > nav {
    position: absolute;
    right: 23px;
    top: 25vh;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

main > nav a {
    margin-bottom: 17px;
    text-align: center;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: -0.03em;
    color: #fff;
    color: #fff !important;
    box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.25) !important;
}


main > nav a span {
    box-shadow: 0px 0px 4.8px 0px rgba(0, 0, 0, 0.3);
}


.bg-circle_orange {
    background: #EC7732;
}

/*{background:url('/images/2024/circle_orange.png') no-repeat;}*/
.bg-circle_blue {
    background: #13A0CD;
}

.bg-circle_green {
    background-color: #5a8233;
}


.btn-group {
    display: flex;
    border-radius: 20px;
    overflow: hidden;
}

.btn-group button, .btn-group a {
    background-color: #04AA6D; /* Green background */
    color: white; /* White text */
    border: 0;
    text-align: center;
    /*display:inline-flex;*/
    cursor: pointer; /* Pointer/hand icon */
    font-size: 23px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: -0.03em;
}

.btn-group .btn i {
    margin-left: 22px;
}

.btn-group button:not(:last-child) {
}

/* Add a background color on hover */
.btn-group button:hover {
}

.btn-group .btn-primary {
    background: rgba(16, 64, 14, 1);
}
.btn-group .btn-default {
    background: rgb(104, 104, 104);
}



.d-flex {
    display: flex;
}

.ml-auto {
    margin-left: auto
}

footer {
    position: relative;
}

footer .footer {
    width:100%;
    position: absolute;
    bottom:0;
    padding: 70px 0 83px;
    background: rgba(26, 39, 26, 0.8);
    backdrop-filter: blur(10px);
}

.footer .footer__wrap {
    width: 1115px;
    margin: 0 auto;
    display: flex;

    color: rgba(255,255,255,0.9);
    /*font-size: 16px;*/
    /*font-weight: 700;*/
    /*line-height: 24px;*/
    /*letter-spacing: -0.016em;*/

    /*justify-content: space-between*/
}

footer .copyright {
    margin-left: 50px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

footer .copyright ul,
footer .copyright dl {
    letter-spacing: -0.016em;
    display:flex;
}

footer .copyright li strong,
footer .copyright dt {
    margin-right:0.4em;
    font-weight: 700;
}

footer .copyright li + li,
footer .copyright dd + dt {
    margin-left: 20px;
}

footer .copyright p {
    letter-spacing: -0.02em;
}

footer .social {
    margin-left: 77px;
}

footer .social img {
    width: 48px;
    height: 48px;
}

footer .social a + a {
    margin-left: 10px;
}


* {
    box-sizing: border-box;
}

.modal-open {
    overflow: hidden
}
.modal {
    z-index: 9;
    /* 스타일 - customize */
    background: rgba(16, 64, 14, 0.5);
    pointer-events: none;
    padding: 20px;

    /* 트랜지션 효과 */
    transition: opacity 0.3s ease-in-out;
    opacity: 0;

    /* 화면 전체를 덮게하는 코드 */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    /* 중앙에 오게하는 코드 */
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-content {
    /* 스타일 - customize */

    /*max-width: 500px;*/
    /*width: 100%;*/
    /*height: 150px;*/
    background-color: white;
    /*padding: 20px;*/
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);

    /* 트랜지션 효과 */
    opacity: 0;
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;

    transform: scale(0.8);
}

.modal.show .modal-content .modal-body {
    display: flex;
    justify-content: space-between;

}

.modal.show {
    /* 모달이 열렸을 때 보여지게 하는 코드 */
    opacity: 1;
    pointer-events: auto;
    z-index: 9999999999999;
}

.modal.show .modal-content {
    /* 모달이 열렸을 때 보여지게 하는 코드 */

    max-width: 1560px;
    width: 110%;
    height: 830px;
    padding: 40px;
    gap: 52px;
    border-radius: 30px;
    /*opacity: 0px;*/


    opacity: 1;
    transform: scale(1);
}


.close {
    color: #fff;
    /*float: right;*/
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
}

.close:hover {
    color: black;
}

.select-image {overflow:hidden;border-radius:16px;}
.modal .description h6,
.modal .description dl {display:flex;flex-wrap: wrap; color:#0D570C;font-size: 16px;font-weight: 500;line-height: 22px;letter-spacing: -0.016em;text-align: left;}
.modal .description dt {width:19%;}
.modal .description dd {width:80%;}

.modal .description dt, .modal .description dd {margin-bottom: 10px;}

.thumbnails {
    display: flex;
    margin-top:20px;
    justify-content: space-between;
}

.thumbnails span {
    width: 174px;
    height: 105px;
    gap: 0;
    border-radius: 16px;
    opacity: 0.7;
    box-sizing: border-box;
    overflow:hidden;
    filter: grayscale(100%);
}

.thumbnails span + span {
    margin-left: 10px;
}

.thumbnails span img {
    max-width: 174px;
    max-height: 100%;
    width: 100%;
    height: auto;
/*grayscale(100 %)*/
}

.thumbnails span.active,
.thumbnails span:hover {
    opacity: 1;
    filter: grayscale(0);
    border: 3px solid rgba(74, 224, 35, 1)
}

.thumbnails span:hover img {
/*grayscale(0)*/
}

.modal .line {
    /*background: url('/images/2024/dot-line.png') repeat-x;*/
}

.modal .modal-right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-left:30px;
    flex:auto;
}
.modal .description {
    /*max-width:515px;*/
    max-width:560px;
}

.modal .description h3 {
    color: rgba(15, 47, 15, 1);
    font-size: 31px;
    font-weight: 700;
    line-height: 43px;
    letter-spacing: -0.03em;
    text-align: left;
    display: flex;
    justify-content: space-between;
}

.modal .description h3 a i{margin-right:5px;}
.modal .description h3 a {
    font-size: 1rem;
    color: #629f3d;
    padding:0 5px;
}

.modal .description p {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.016em;
    text-align: left;
    color: rgba(102, 102, 102, 1);


}

.modal .description p b {
    font-weight: 700;
    color: rgba(51, 51, 51, 1);
}

.modal .description dt {

    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: -0.016em;
    text-align: left;
    color: rgba(13, 87, 12, 1);
}


.modal .controls {
    font-size: 24px;
    font-weight: 700;
    line-height: 31px;
    letter-spacing: -0.03em;
    text-align: center;
    color: #fff;
    display:flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    height:65px;

}

.modal .controls a {
    width: 71%;
    height: 65px;
    border-radius: 16px;
    background-color: rgba(98, 159, 60, 1);
    display: flex;
    justify-content: center;
    align-items: center;

}

.modal .controls a img {
    margin-left: 40px;
}


.modal .controls a {
    background: #629F3C;
    color:#fff;

    font-size: 24px;
    font-weight: 700;
    letter-spacing: -0.03em;
    text-align: center;
}

.modal .controls .btn-default {background-color: rgba(150, 156, 150, 1);}
.modal .controls button {
    border:0;
    width: calc(29% - 10px);
    height: 65px;
    border-radius: 16px;
    background-color: rgba(150, 156, 150, 1);
}

main #about{
    background: url(/images/2024/bg_content01.png) no-repeat bottom;
    background-size: 100%;
}
main #about * {
    font-family:  "Noto Sans KR", sans-serif;
    font-weight: 500;
    letter-spacing: -0.03em;
    text-align: center;
    color: rgba(17, 65, 15, 1);
}

#about .slogan {
    text-align: center
}

#about .slogan img {
    max-width: 29%;
}

#about h3 {
    font-size: 38px;
    line-height: 53px;
    margin: 40px 0 30px;
}

#about p {
    font-size: 28px;
    line-height: 42px;
}


h2 {
    font-size: 76px;
    font-weight: 700;
    line-height: 106px;
    letter-spacing: -0.03em;
    text-align: center;
}


.tabs .tab {
    cursor: pointer;
    padding: 8px 16px 8px 16px;
    gap: 10px;
    border-radius: 15px;

    color: rgba(25, 126, 21, 1);
    background-color: #fff;
    border:0;

    font-family:  "Noto Sans KR", sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: -0.04em;
    text-align: center;
}
.tabs .tab + .tab {margin-left:6px;}

.tabs .tab.active {
    color: #fff;
    background-color: rgba(16, 64, 14, 1);
}

#food h2,
#forum2 h2{
    font-family:  "Noto Sans KR", sans-serif;
    font-size: 34px;
    font-weight: 500;
    line-height: 49px;
    letter-spacing: -0.04em;
    text-align: center;
    color: rgba(66, 51, 35, 1);

}

#food h2 span,
#forum2 h2 span{
    display: block;
    font-size: 67px;
    font-weight: 400;
    line-height: 94px;
    letter-spacing: -0.03em;
}

#food h2 strong {
    font-weight: 700;
}

h2 strong.rectangle {
    margin: 0 0.4em;
}

h2 strong.rectangle:before {
    content: url('/images/2024/icons/rectangle-top.png');
    top: -0.6em;
    position: relative;
    /*position: absolute;*/
    /*top: 0;*/
    /*margin-top: -24px;*/
    /*left: -0.1em;*/
}

h2 strong.rectangle:after {
    content: url('/images/2024/icons/rectangle-bottom.png');
    bottom: -0.4em;
    position: relative;
}

.container .description {width: calc(35% - 60px);}

#food {
    background: #8DC55B;
    padding: 130px 0;
}


/*두번째 단락*/

#forum2 {
    background: #8DC55B;
    padding-bottom: 130px;
}


.forum {
    justify-content: space-between;
    margin-top: 60px;
    position: sticky;
}

.forum .description {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.forum .image {
    width: 65.25%;
    border-radius: 20px;
    overflow: hidden;
}

.forum .image img {
    width: 100%;
    height: auto;
}

.forum .btn-group {
    flex: auto;
    width: 100%;
    max-height: 95px;
}

.forum .btn-group .btn {
    display: flex;
    align-items: center;
    justify-content: center;
}
.forum .btn-group .btn + .btn {position:relative;}
.forum .btn-group .btn + .btn:before {content:"";width:1px;border-left:1px solid #fff;opacity:0.3;height:100%;position:absolute;left:0;top:0;}

.w-50 {
    width: 50%;
}
.w-100 {
    width: 100%;
}

.container .description h3 {
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: -0.05em;
    text-align: left;
    color: rgba(15, 47, 15, 1);
    margin-bottom: 10px;


}

.container .description p {
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: -0.016em;
    text-align: left;
    color: rgba(102, 102, 102, 1);
    height: calc(100% - 50px);
    display: block;
    overflow: auto;
}
.container .cover .description p {max-height:311px;}

.images .select-image img{max-width:914px;height:618px;}
.description {
    overflow: hidden
}

.description .line {
    margin-left: -4px;
    padding: 30px 0;
    /* background: url('/images/2024/dot-line.png') repeat-x; */
}

.description .line:before {
    content: "";
    border-bottom: 9px dotted #8DC55B;
    display: block;
}

.modal .description {overflow-y: auto;max-height:553px;}
.modal .description img {max-width:100%;}


.modal .description .line {margin-left:0;padding: 30px 0 20px;}
.modal .description .line:before {
    content: "";
    border-bottom: 8px dotted #619D3B;
    display: block;
}
.modal .description .hashtags{
    margin:12px 0 10px;
    font-size: 18px;
    font-weight: 500;
    line-height: 27px;
    letter-spacing: -0.016em;


}

.container .description .card {
    height: calc(100% - 126px);
    border-radius: 18px;
    background-color: #fff;
}

.container .description .card .card-top {
    padding: 33px 30px 0;
    border-radius: 18px 18px 0 0;
    height: calc(100% - 190px);
}

.container .description .card .card-bottom {
    padding: 0 30px 33px;
    border-radius: 0 0 18px 18px;
    color: rgba(13, 87, 12, 1);
    font-size: 20px;
    line-height: 1.7;
}
.container .description .card .card-bottom dt{
    font-weight: bold;
}


.description .card.card-bottom dl {
    font-size: 20px;
    line-height: 28px;
    text-align: left;

}

.description .card.card-bottom dt {
    font-weight: 700;
    letter-spacing: -0.026em;
}

.description .card.card-bottom dd {
    font-weight: 500;
    letter-spacing: -0.016em;
}


.bg-white {
    background-color: #fff;
}



#program{
    padding: 100px 0 130px;
    background: url(/images/2024/bg_content02.png) no-repeat top #78ac56;
    background-size: 100%;
}

#program h2{
    color: #193218;
}
.tabs {margin-top:50px;}
.program {
    margin-top:43px;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    min-height:661px;
}
.program .card {margin-bottom:40px;border-radius: 18px;display: flex;flex-flow: column;justify-content: space-between;width:31%;/*max-width:473px;*//*flex: 0 1 30%;*/}

.program .card-body{
    padding: 22px 30px;
    /*border-bottom: 9px dotted #8DC55B;*/
    color: #0F2F0F;
    line-height: 1.3;
}

.program .card .line {margin-left:-3px;}
.program .card .line:before {content:"";border-bottom:6px dotted #78AC56;display:block;}

.program .card-body h3{
    font-size: 30px;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.program .card-body p{
    font-size: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #666666;
}
.program .card-bottom {
    padding: 22px 30px;
    color: #0D570C;
    font-size: 22px;
}
.program .card-bottom dt,
.program .card-bottom dd{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.program .card-bottom img{
    vertical-align: middle;
    margin-right:5px;
}
.program .card-bottom .btn-group{
    border-radius: 0;
    gap: 10px;
    margin-top: 30px;
}
.program .card-bottom .btn-group > *{
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: #629F3C;
    font-size: 22px;
    font-weight: 400;
}
.program .card-bottom .btn-group > button{
    background:#116C10;
}
.card {background-color: #fff;}
.card-top {
    position:relative;
}

.card-top img {max-width:100%; height:auto;border-radius:18px;}

.card-top .badge {
    position: absolute;
    bottom:0;
    left:0;
    padding: 3px 18px;
    border-radius: 0 11px;
    background: rgba(0, 190, 117, 1);
    color:#fff;
    font-size: 22px;
}

.calendar__warp {background: rgba(17, 65, 15, 1);}


.weekly {background: rgba(98, 159, 60, 1);color:#fff;}
.days .day{
    color: rgba(17, 65, 15, 1);

    font-size: 22px;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: -0.02em;
    text-align: center;
}

.days {background-color: #fff;border-radius:13px; }
.days .day.active {
    width: 63px;
    height: 63px;
    padding: 38px 0;
    border-radius: 25%;
    background: rgba(98, 159, 60, 1);

}

.days .circle {width:10px;height:10px;border-radius:25%;box-shadow: 0 0 33px 0 rgba(255, 255, 255, 0.25);background: rgba(125, 209, 81, 1);  }






form {width:100%;}
form textarea {min-height:100px;padding:15px;}
form select {
    font-size: 14px;
    line-height: 20px;
    padding: 0 16px;
    height: 48px;
    background-color: #fff;
    border: 1px solid #d6d6e7;
    border-radius: 3px;
    color: rgb(35, 38, 59);
    box-shadow: inset 0 1px 4px 0 rgb(119 122 175 / 30%);

}
form input {
    position: relative;
    cursor: text;
    font-size: 14px;
    line-height: 20px;
    padding: 0 16px;
    height: 48px;
    background-color: #fff;
    border: 1px solid #d6d6e7;
    border-radius: 3px;
    color: rgb(35, 38, 59);
    box-shadow: inset 0 1px 4px 0 rgb(119 122 175 / 30%);
    overflow: hidden;
    transition: all 100ms ease-in-out;
}
form input:focus {
    border-color: #3c4fe0;
    box-shadow: 0 1px 0 0 rgb(35 38 59 / 5%);
}


#schedule{padding-top: 90px;background: url(/images/2024/bg_content03.png) no-repeat top #01693a;background-size: 100%;}

.schedule__warp {width: 100%;background: rgba(17, 65, 15, 1);padding:34px 55px 47px;margin:0 auto;border-radius:33px;max-width:1540px;}
.calendar__container {display:flex;justify-content: space-between;}
.calendar-program__box {background-color:#fff;border-radius:11px;}
.calendar-program {overflow-y:auto;height:445px;margin:12px 26px 0;overflow-x:hidden}
.calendar-program li {display:flex;padding:11px;cursor:pointer;box-sizing:border-box}

.calendar-program h4{
    font-size: 24px;
    font-weight: 600;
    line-height: 40px;
    letter-spacing: -0.02em;
    color: #111111;
}


.calendar-program .detail__box dl img {margin-right:4px;}
.calendar-program .detail__box dt {
    margin:5px 0;
    display:flex;
    align-items: center;
    font-size: 21px;
    line-height: 29px;
    font-weight: 500;
    letter-spacing: -0.016em;
    color: rgba(22, 91, 19, 1);
}

.calendar-program .detail__box dd{
    display:flex;
    align-items: center;
    font-size: 20px;
    line-height: 27px;
    color: rgba(13, 87, 12, 1);
    font-weight: 500;
    letter-spacing: -0.016em;
}
.ellipsis {
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.ellipsis img {vertical-align: middle}



.calendar-program li:hover,
.calendar-program li.active {background: rgba(236, 245, 242, 1); border: 2px solid #629F3C;border-radius: 11px;}
.calendar-program .image__box .img {/*width:165px;*/    width: 100%;max-height:121px;height:auto;border-radius:9px;}
.calendar-program .image__box {margin-right:22px;position:relative}


.calendar-program .image__box .check__box {position: absolute;bottom:11px;left:11px;background:url('/images/2024/icon_check_off.png') no-repeat;width:26px;height:26px;display:inline-block;}

.calendar-program li.active .image__box .check__box,
.calendar-program li:hover .image__box .check__box {background:url('/images/2024/icon_check_on.png') no-repeat;}

.calendar-program .detail__box {max-width:61%;/*max-width:375px*/}
.space__wrap {display:flex;align-items:center;padding-top:65px;}
.calendar-program__wrap h5,
.schedule__warp h5 {
    padding:16px 20px;
    font-size: 23px;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: 0.05em;
    text-align: left;
    color:#fff;
}

.schedule__warp h6{
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: -0.01em;
    padding:27px 39px 16px;
    color:#000;
}


.schedule__warp h2 {
    position: relative;
    font-size: 52px;
    font-weight: 400;
    line-height: 98px;
    letter-spacing: -0.03em;
    text-align: center;
    color:#fff;

}
.justify-between {justify-content: space-between}
.schedule__wrap h2 strong{
    font-weight: 700;
}
.calendar__wrap {
    /*width:730px;*/
    width:51.05%;
}

.calendar-program__wrap {
    /*width:640px;*/
    width: 44.76%;
}

.weekly {border-radius:13px;}
.weekly span {line-height:66px;font-size: 22px;font-weight: 700;letter-spacing: -0.03em;text-align: center;width:14%;}
.days{height:88px;margin-top:5px;border-radius:13px;}
.days .day__box {
    width:14%;
    display:flex;
    justify-content: center;
    align-items: center;
}

.days .day__box .day {
    font-size: 22px;
    line-height: 33px;
    font-weight: 600;
    letter-spacing: -0.02em;
    text-align: center;
    color: rgba(17, 65, 15, 1);
    position: relative;

}

.days .day__box.dot {cursor:pointer}
.days .day__box.dot .day:before {
    content: '';
    position:absolute;
    top:-0.5em;
    left:-5px;
    margin-left:50%;
    display: inline-block;
    width: 10px;
    height: 10px;
    background: rgba(125, 209, 81, 1);
    border-radius: 50%;
}

.days .day__box .selected-day {
    font-size: 25px;
    line-height: 37px;
    color:#fff;
    background: rgba(98, 159, 60, 1);

    width:63px;
    height:63px;
    border-radius: 50%;
    text-align:center;
    display: flex;
    align-items: center;
    justify-content: center;

}

.schedule__btn-group {margin-top:44px;margin-bottom:47px;display:flex;justify-content: center;}
.schedule__btn-group .btn {
    display:flex;
    justify-content: center;
    align-items: center;
    width:177px;height:60px;border-radius: 10px;
    font-size: 26px;
    font-weight: 700;
    line-height: 37px;
    letter-spacing: -0.016em;
}
.schedule__btn-group .btn + .btn {margin-left:8px;}
.schedule__btn-group .btn.btn-primary {background: rgba(98, 159, 60, 1);color:#fff;}

.schedule__btn-group .btn.btn-outline{border: 2px solid #fff;color:#fff;}






/* icons */

.cloak__icon:before {
    content: url('/images/2024/icons/cloak.png')
}

.personnel__icon:before {
    content: url('/images/2024/icons/people.png')
}

.pointer__icon:before {
    content: url('/images/2024/icons/pointer.png')
}



.bg-left__icons {
    position: absolute;
    right: 0;
}

.bg-right__icons {
    position: absolute;
    left: 0;
}

.stones__icon {
    margin-top: 33px;

}
.stones__icon img {
    max-width:70vw;
}

.carrot-left__icon {
    position: absolute;
    right: 0;
    top: -278px;
}

.carrot-left__icon:before {
    content: url('/images/2024/bg_item01.png');
}

.leaf__icon {
    position: absolute;
    left: 0;
    top: 240px;
}

.leaf__icon:before {
    content: url('/images/2024/bg_item02.png');
}

.broccoli-left__icon {
    top: 60px;
}

.broccoli-left__icon:before {
    content: url('/images/2024/bg_item03.png');
}

.flower-right__icon {
    top: -314px;
}

.flower-right__icon:before {
    content: url('/images/2024/bg_item04.png');
}

.flower-left__icon {
    top: 660px;
}

.flower-left__icon:before {
    content: url('/images/2024/bg_item05.png');
}

.radish__icon {
    top: 995px;
    /*bg_item06.png*/
}

.radish__icon:before {
    content: url('/images/2024/bg_item06.png');
}

.carrot-right__icon {
    top: -474px;
}

.carrot-right__icon:before {
    content: url('/images/2024/bg_item07.png');
}

.cabbage-left__icon {
    top: -380px;
}

.cabbage-left__icon:before {
    content: url('/images/2024/bg_item08.png');
}

.bakers__icon {
    position: relative;
    /*img_content01.png*/
}

.bakers__icon:before {
    content: url('/images/2024/img_content01.png');
    top: -82px;
    position: absolute;
    left: -170px;
}

.people__icon {
    position: relative;
}

.people__icon:before {
    content: url('/images/2024/img_content02_01.png');
    top: -150px;
    position: absolute;
    right: -48px;
}

.store__icon {
    position: relative;
}

.store__icon:before {
    content: url('/images/2024/img_content02_02.png');;
    top: 43px;
    position: absolute;
    left: 59px;
}

.farmer__icon {
    /*img_content03.png*/
}

.farmer__icon:before {
    content: url('/images/2024/img_content03.png');
}

.schedule__warp h2:after {
    content: url('/images/2024/img_content03.png');
    position: absolute;
    top: 48px;
    right: 43px;
    max-height: 96px;
}

.field__icon {
    background-color: #006939;
    /*img_footer.png*/
}

.field__icon:before {
    content: url('/images/2024/img_footer.png');
    display: block;
}

@media (min-width: 1920px) {
    .modal .description {max-height:618px;}
}


@media (max-width: 1919px) {
    header .logo{
        max-width: 18vw;
        min-width: 100px;
    }
    header .logo img{
        width: 100%;
    }
    #about .slogan img{
        max-width: 540px;
    }

    /*.program .card:nth-child(3n+2) {*/
    /*    margin-left:58px;*/
    /*    margin-right:58px;*/
    /*}*/

}
@media (max-width: 1339px) {
    .images .select-image img {width:100%;height:auto;}
    .cover{
        padding: 0 50px;
    }
    header{
        margin: 0 50px;
        align-items: center;
        height: 110px;
    }
    header .gnb{
        gap: 5vw;
    }
    header .gnb a{
        font-size: 18px;
        margin: 0;
    }

    #about .slogan{
        margin: 100px 0 60px;
    }
    #about .slogan img{
        max-width: 40vw;
    }
    #about h3{
        font-size:28px;
        /*max-width: 500px;*/
        word-break: keep-all;
        margin: auto;
        line-height: 1.4
    }
    #about p{
        font-size: 22px;
        max-width: 720px;
        word-break: keep-all;
        margin: auto;
        line-height: 1.4;
        margin-top: 60px;
    }
    #food h2, #forum2 h2{
        font-size: 20px;
    }
    #food h2 span, #forum2 h2 span{
        font-size: 40px;
        line-height: 1.2;
    }
    .container .inner-container{
        flex-flow: column;
    }
    .container .image,
    .container .description{
        width: 100%;
    }
    .container .description .card{
        height: auto;
    }
    .forum .btn-group{
        height: 95px;
        margin-top: 20px;
    }
    .program .card {
        /*flex: 0 1 48%;*/
        width:48%;
        /*max-width:50%;*/
    }
    .program .card:nth-child(3n+2) {
        margin-left: 0;
        margin-right: 0;
    }

    .days {height:80px;}
    .days .day__box .selected-day {width:45px;height:45px;}

    .modal.show .modal-content {max-height:80vh;max-width:90%;padding:10px;border-radius: 7px;height:auto;}
    .calendar-program {height:auto;max-height:315px;}
}

/*@media (max-width: 767px) {*/

@media (max-width: 1339px) {
    .modal.show .modal-content .modal-body {flex-direction: column;height:100%;}

    main > nav,
    body .mo-hidden,
    .bakers__icon,
    .calendar__container h5,
    .bg-left__icons,
    .people__icon,
    .bg-right__icons
    {display:none}
    .cover{
        padding: 0 40px;
    }
    body .mo-block {display:block;}
    body .mo-flex {display:flex;}
    header {
        margin: 0 19px;
        height:57px;
    }

    header .logo {
        margin: 12px 0;
    }

    header .gnb a {
        font-size: 12px;
        font-weight: 500;
        line-height: 14px;
        letter-spacing: -0.016em;
        margin: 0;
    }

    #about .slogan {margin: 55px 0 42px;}
    #about .slogan img {
        max-width: 62vw;
    }
    #about h3 {
        font-size: 16px;
        font-weight: 500;
        line-height: 22px;
        letter-spacing: -0.03em;
        text-align: center;
        margin: 0;
    }


    #about p{
        margin-top:18px;
        font-size: 13px;
        font-weight: 500;
        line-height: 20px;
        letter-spacing: -0.03em;
    }


    h2 strong.rectangle:before {
        background-image: url('/images/2024/icons/rectangle-top.png');
        background-size: 6px 6px;
        display: inline-block;
        width: 6px;
        height: 6px;
        content:"";
    }
    h2 strong.rectangle:after {
        background-image: url('/images/2024/icons/rectangle-bottom.png');
        background-size: 6px 6px;
        display: inline-block;
        width: 6px;
        height: 6px;
        content:"";
    }

    #food {padding:43px 0;}
    .forum {margin-top:17px;}
    .container .description h3 {font-size:23px;}
    .container .description .card .card-top {padding:13px 12px 0}
    .container .description p {font-size:16px;line-height: 23px;}
    .description .line {margin-left:-2px;padding:8px 0;}
    .description .line:before {border-bottom:3px dotted #8DC55B;}
    .container .description .card .card-top {border-radius:7px 7px 0 0;}
    .container .description .card .card-bottom {font-size:17px;line-height:23px;padding:0 12px 10px;border-radius:0 0 7px 7px;}
    .container .description .card .card-bottom dl {display:flex;flex-wrap: wrap;}
    .container .description .card .card-bottom dt {width:15%;}

    .container .description .card .card-bottom dt:after {content:":";display:inline-block;}
    .container .description .card .card-bottom dd {width:85%;}


    .program .card-bottom .btn-group,
    .btn-group {border-radius:7px;}
    .forum .btn-group {height:38px;margin-top:10px;}
    .btn-group button, .btn-group a {line-height:38px;font-size: 14px;}
    .btn-group .btn i {margin-left:0.5em;}

    .select-image {border-radius:7px;}
    .modal .modal-right {flex:1;margin-left:0;}
    .modal .controls {height:auto;padding-top:10px;}
    .modal .description {max-height:calc(90vh - 510px);max-width:100%;}
    .modal .modal-scroll__wrap {height:100%;}
    .modal .controls button,
    .modal .controls a{font-size:14px;height:37px;line-height:30px;border-radius: 7px;}
    .modal.show .modal-content {height:90vh;max-width:90%;padding:10px;border-radius: 7px;max-height:210vw;}
    .modal .description h3 {font-size:20px;line-height:20px;margin:20px 0 15px;}
    .modal .description p {font-size:14px;line-height:18px;}
    .thumbnails {margin-top:5px;}
    .thumbnails span {width:19%;height:auto;border-radius:7px;}
    .thumbnails span.active, .thumbnails span:hover {border-width: 1px;}
    .modal .description dt,
    .modal .description h6, .modal .description dl {font-size:14px;line-height:1.7;}


    .container .cover .description p {max-height:inherit}
    h2 {line-height:70px;font-size:50px;}
    #program h2 {margin-bottom:19px;}
    #forum2 {padding-bottom:60px;}
    #program{padding:0;}
    .tabs {display:flex;justify-content: space-between;flex-wrap: wrap;gap:5px}
    .tabs .tab {line-height:36px;font-size:17px;border-radius:11px;padding:0 16px;width:calc(50% - 5px);}
    .tabs .tab + .tab {margin-left:0;}
    .tabs .ml-auto {margin-left:0;}

    .store__icon:before {
        background-image: url('/images/2024/img_content02_02.png');
        display: inline-block;
        background-size: 142px 134px;
        width: 142px;
        height: 134px;
        content:"";

        top: -10px;
        position: absolute;
        left: -10px;
    }

    .field__icon {padding-bottom:190px;}
    .field__icon:before {
        content: "";
        display: block;
    }


    .program {margin-top:25px;}
    .program .card {border-radius:13px;overflow:hidden;}

    /*.program .card {flex:inherit;border-radius:13px;overflow:hidden;width:100%;}*/
    .program .card-bottom,
    .program .card-body {padding:16px;}
    .program .card-body h3 {font-size:20px;}
    .program .card-bottom .btn-group > *,
    .program .card-bottom,
    .program .card-body p {font-size:14px;}

    .program .card-bottom .btn-group > * {height:37px;}

    .program .card:nth-child(3n+2) {
        margin-left:0;
        margin-right:0;
    }
    .card-top img {border-radius:0;width:100%;}

    .program .card:last-child{margin-bottom:0;}


    .calendar__container {display:block;}
    #schedule {padding-top:0;}

    .schedule__warp {padding:17px 11px 10px;border-radius:20px;}
    .schedule__warp h2:after {content:"";}

    .schedule__warp h2 {
        font-size: 18px;
        font-weight: 700;
        line-height: 23px;

    }
    .schedule__warp .guide {
        margin:7px 0 11px;
        font-size: 12px;
        font-weight: 500;
        line-height: 18px;
        letter-spacing: -0.016em;
        color:#fff;
        text-align: center;
    }

    .schedule__warp h6 {font-size:13px;line-height:18px;padding:12px 10px;}
    .calendar-program__wrap,
    .calendar__wrap {width:100%;}
    .days, .weekly {border-radius:7px;}
    .weekly span {line-height:34px;font-size: 13px;}

    .days .day__box .day {font-size:13px;}
    .days .day__box .selected-day {width:32px;height:32px;font-size:13px;font-weight:600;}
    .days .day__box.dot .day:before {width:5px;height:5px;left:-2px;top:0.1em;}

    .calendar__container .space__wrap{padding-top:0;height:40px;justify-content: center;}
    .calendar__container .next__icon {transform:rotate(90deg);}
    .calendar-program__box {padding-bottom:10px;}
    .calendar-program {margin:0 10px;height:auto;}
    .calendar-program li {padding:6px;}
    .calendar-program .image__box {margin-right:12px;}
    .calendar-program .image__box .img {width:92px;max-height:63px;}
    .calendar-program h4 {font-size:13px;line-height:21px;}
    .calendar-program .detail__box {max-width:198px;}
    .calendar-program .detail__box dt,
    .calendar-program .detail__box dd {font-size:11px;line-height:16px}

    .calendar-program .image__box .check__box {width:14px;height:14px;background-size:14px 14px !important;left:5px;bottom:5px;}
    .schedule__btn-group {margin:16px auto 0;}
    .schedule__btn-group .btn {font-size:14px;width:25%;line-height:32px;height:32px;border:0;border-radius:5px;}
    .schedule__btn-group .btn.btn-outline {border:1px solid #fff;}
    .btn .down__icon {width:11px;}

    .footer__wrap {display:flex;flex-direction: column-reverse;}
    footer .copyright ul {flex-direction: column}
    .copyright p,
    .copyright ul li {text-align:center}
    .footer ul li strong {margin-right:0.4em;font-weight:700;}
    footer .copyright {font-size:12px;font-weight:400;margin:0 20px;}
    footer .footer {padding:35px 0 15px;backdrop-filter:inherit;background-color:transparent}
    footer {overflow:hidden;}
    footer:before{
        content: "";
        display: block;
        position: absolute;
        width: 300vw;
        left: -100vw;
        top: 320px;
        height: 100vw;
        border-radius: 50%;
        background: #1A271A;
    }


    .days {font-size:21px;height:71px;}

    footer .social {margin-left:0;justify-content: center;}
    footer .social img {width:32px;height:32px;}
    .mx-auto {margin-left:auto;margin-right:auto;}
    .footer .footer__wrap {width:100%;}
}


@media (max-width: 767px) {

    h2 {line-height:36px;font-size:26px;}
    .cover{
        padding: 0 25px;
    }

    #food h2 span, #forum2 h2 span {
        font-size: 21px;
        line-height: 29px;
    }

    .days {font-size:13px;height:45px;}


    .container .description h3 {font-size:17px;}
    .container .description p {font-size:14px;line-height: 20px;}
    .container .description .card .card-bottom {font-size:14px;padding:0 12px 10px;border-radius:0 0 7px 7px;}
    .container .description .card .card-bottom dt {width:25%;}
    .container .description .card .card-bottom dd {width:75%;}

    .tabs .tab {line-height:18px;font-size:13px;width:100%;padding:5px 0}

    .store__icon:before {
        background-size: 71px 67px;
        width: 71px;
        height: 67px;
    }


    .program .card {flex:inherit;width:100%;}



    footer:before{
        top: 175px;
    }
    header .gnb {gap: 0.5em;}
}

@media (max-width: 460px) {
    .modal .description {max-height:calc(90vh - 350px);max-width:100%;}
}

@media (max-width: 399px) {
    .cover {padding:0 10px;}

    .modal .description dt {font-size:12px;width:22%;line-height:1.2}
    .modal .description dd {width:78%}
    .modal .description h6, .modal .description dl {font-size:11px;line-height:1.2;}


    #food h2 span, #forum2 h2 span {
        font-size:18px;
    }
    #food h2 , #forum2 h2  {
        font-size:16px;
        letter-spacing: -0.06em;
        line-height: 24px;
    }
    footer .copyright { font-size:10px;}
    footer:before {
        top: 150px;
    }
}