.sec_01 {width: 100%; height: 22.5rem; margin-top: 90px; background: url(../images/community/sec_01_bg.png) no-repeat center/cover;}
.sec_02 {width: 100%; padding: 7.5rem 0;}
.sec_02 .inner {width: 92%; max-width: 1100px; margin: 0 auto;}
.sec_02 .tab_wrap {display: flex; justify-content: center; gap: 1rem}
.sec_02 .tab_wrap a {display: flex; justify-content: center; align-items: center; width: 11rem; height: 3.5rem; margin-bottom: 3rem; border: 2px solid #444; border-radius: 3.125rem; color: #444; font-weight: 700; font-size: 1.25rem;}
.sec_02 .tab_wrap .active a {background-color: #444; color: #fff;}
.sec_02 .title_wrap {display: flex; align-content: center; justify-content: space-between; width: 100%; margin-bottom: 2.625rem; flex-wrap: wrap;}
.sec_02 .title_wrap h2 {font-size: 1.75rem; font-weight: 900; color: #00C89D;}
.sec_02 .title_wrap h3 {width: 100%; margin-top: 1rem;}
.sec_02 .title_wrap h3 span {padding: 0.25rem 0.5rem; background-color: #00C89D; color: #fff; font-weight: 500; font-size: 1.5rem;}
.sec_02 .title_wrap p {font-size: 1rem; color: #8D8D8D; line-height: 200%;}
.sec_02 .title_wrap span {font-weight: 900; font-size: 1.375rem; vertical-align: bottom;}
.sec_02 .list {display: flex; flex-wrap: wrap; gap: 20px 2%;}
.sec_02 .list li {position: relative; width: 23.5%; padding-bottom: 23%; border: 1px solid #DDD; border-radius: 0.625rem; overflow: hidden;}
.sec_02 .list figure {position: absolute; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center;}
.sec_02 .list .hover_box {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.1);}
.sec_02 .list .insta_tag {position: absolute; left: 1rem; top: 1rem; width: 2.375rem; height: 2.375rem; background: url(../images/community/ico_insta.svg) no-repeat center/ 100% auto;}
.sec_02 .list .btn_link {position: absolute; left: 50%; top: 50%; width: 7.5rem; height: 2.5rem; font-size: 1.125rem; color: #ffffff;border: 1px solid #FFF;background: rgba(255, 255, 255, 0.25); transform: translate(-50%,-50%); text-align: center; line-height: calc(2.5rem - 2px); border-radius: 18.75rem; font-weight: 800;}
.sec_02 .btn_more {display: block; width: 14.375rem; height: 4.375rem; margin: 2.5rem auto 0; border: 3px solid #00C89D; border-radius: 3.125rem; color: #00C89D; font-weight: 800; font-size: 1.625rem; cursor: pointer;}
@media screen and (max-width: 1400px){
    .sec_01 {margin-top: 84px;}
}/* xlg */
@media screen and (max-width:1024px) {
    .sec_01 {margin-top: 64px;}
    .sec_02 .list li {width: 32%; padding-bottom: 31.5%;}
    .sec_02 .btn_more {width: 12.375rem; height: 4rem; border: 2px solid #00C89D; font-size: 1.425rem;}
}/* md */
@media screen and (max-width:767px) {
    .sec_01 {margin-top: 54px;}
    .sec_02 .tab_wrap {gap: 0.5rem;}
    .sec_02 .tab_wrap a {width: 100%; height: 3rem; padding: 0 0.75rem; font-size: 1.125rem;}
    .sec_02 .title_wrap h2 {font-size: 1.5rem}
    .sec_02 .title_wrap h3 span {font-size: 1.25rem;}
    .sec_02 .title_wrap span {font-size: 1.25rem;}
    .sec_02 .list {gap: 20px 4%;}
    .sec_02 .list li {width: 48%; padding-bottom: 47.5%;}
    .sec_02 .btn_more {width: 11.375rem; height: 3.5rem;}
}/* sm */