.main_container{padding-bottom: 180px;}
.main_container .main_section{overflow: hidden;margin-top: 120px;}

/* title */
.tit_wrap .tit{font-size:48px;line-height:52px;color:#111;}
.tit_wrap .btn_more{padding:12px 10px;font-size:20px;}
.tit_wrap .btn_more:after{width:20px;height:20px;margin:1px 0 0 8px;background:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.99951 2V18' stroke='%23111111' stroke-width='2'/%3E%3Cpath d='M17.9995 10L1.99951 10' stroke='%23111111' stroke-width='2'/%3E%3C/svg%3E%0A") no-repeat center center / 20px auto;}
.tit_wrap .txt{margin-top:16px;font-size:20px;font-weight:400;line-height:28px;color:#666;}
.tit_wrap.color_w .tit{color: #fff;}
.tit_wrap.color_w .txt{color: #fff;}
.tit_wrap.color_w .btn_more{color: #fff;}

/* 예술산책 메인비주얼 */
.art_main_visual{position: relative;overflow: hidden;}
.art_main_visual .mv_slide{position: relative;width: 100vw;height: calc(100vh - 72px);overflow: hidden;}
.art_main_visual .mv_slide_item{display: flex;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}
.art_main_visual .mv_slide_item.active{z-index: 4;}
.art_main_visual .mv_slide_item.active-before{z-index: 5;}
.art_main_visual .mv_slide_item.active-after{z-index: 6;}
.art_main_visual .art_v_img_col{display: flex;align-items: center;justify-content: center;position: relative;width: 50%;height: 100%;overflow: hidden;}
.art_main_visual .mv_slide_item.active-before .art_v_img_col{background: #000;}
.art_main_visual .art_v_img{position: absolute;width: 100%;height: 100%;overflow: hidden;display: flex;align-items: center;justify-content: center;}
.art_main_visual .active-after .art_v_img{animation: scaleTo0 1s linear;}
.art_main_visual .art_v_img2{position: absolute;width: 50vw;height: 100vh;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.art_main_visual .art_v_img img{position: absolute;top: 0;left: 0;width: 50vw;height: 100vh;max-width: none;object-fit: cover;}
.art_main_visual .smv_slide_item_active .art_v_img img{animation: scaleTo100 1s linear;}
.art_main_visual .art_v_guide{display: flex;align-items: center;width: 50%;transition: 0.5s;}
.art_main_visual .active-after .art_v_guide{animation: fadeOut 1s linear;}
.art_main_visual .active-before .art_v_guide{animation: fadeIn 1s linear;}
.art_main_visual .swiper-slide-active .art_v_guide{opacity: 1;}
.art_main_visual .art_v_tit{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;color: #FFF;font-size: 36px;font-weight: 700;line-height: 48px;word-break:break-all;}
.art_main_visual .art_v_desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;margin-top: 25px;color: #FFF;font-size: 18px;font-weight: 400;line-height: 24px;word-break:break-all;}
.art_main_visual .mv_slide_item:nth-of-type(2n+1) .art_v_guide{background-color: #21B5FF;}
.art_main_visual .mv_slide_item:nth-of-type(2n+2) .art_v_guide{background-color: #FF5081;}
.art_main_visual .mv_slide_item:nth-of-type(2n+2) .art_v_img_col{order:2;}
.art_main_visual .mv_slide_item:nth-of-type(2n+2) .art_v_guide{order:1;}
.art_main_visual .mv_slide_item:nth-of-type(2n+2) .art_v_guide{justify-content: flex-end;text-align: right;}
.art_main_visual .mv_slide_item:nth-of-type(2n+1) .art_v_guide_sub{width:100%;padding-left: 100px;padding-right:160px;}
.art_main_visual .mv_slide_item:nth-of-type(2n+2) .art_v_guide_sub{width:100%;padding-right: 100px;padding-left:160px;}
.art_main_visual .mv_slide_item:nth-of-type(2n+1).active-before .art_v_img{width: 100%;height: 0;animation: heightTo100 1s;}
.art_main_visual .mv_slide_item:nth-of-type(2n+2).active-before .art_v_img{width: 0;height: 100%;animation: widthTo100 1s;}
.art_main_visual .btn_move{position: absolute;top: 50%;z-index: 10;width: 60px;transform: translateY(-50%);cursor: pointer;opacity: 0.6;}
.art_main_visual .btn_move:hover{opacity:1;}
.art_main_visual .btn_next{right: 80px;}
.art_main_visual .btn_prev{left: 80px;}
.art_main_visual .rotate_txt{position: absolute;top: 15%;left: calc(50% + 40px);z-index: 10;width: 8.333%;max-width: 160px;animation: rotate360 20s linear infinite;}
.art_main_visual .mv_page_wrap{display: flex;justify-content: center;position: absolute;bottom: 50px;left: 0;right: 0;z-index: 10;}
.art_main_visual .pager{position: relative;width: 40px;height: 2px;margin: 0 4px;background: rgba(255, 255, 255, 0.2);}
.art_main_visual .pager.active:before{content: ''; position: absolute;top: 0;left: 0;z-index: 1;width: 0;height: 100%;background: #fff;animation: pagerProgress 5s linear;}

@keyframes scaleTo0 { to {width: 0;height: 0;} }
@keyframes fadeOut { to {opacity: 0;} }
@keyframes fadeIn { to {opacity: 1;} }
@keyframes widthTo100 { to {width: 100%;} }
@keyframes heightTo100 { to {height: 100%;} }
@keyframes rotate360 { to { transform: rotate(360deg);} }
@keyframes pagerProgress { to { width: 100%; } }

/* 커뮤니티 */
.main_cmnt{background: url(../images/main/bg_community.png) 50%/cover no-repeat;}
.main_cmnt .flex_col{height: 498px;overflow: hidden;}
.main_cmnt .flex_col:first-child{display: flex;align-items: center;}
.main_cmnt .tit_wrap{margin-bottom: 0;}
.main_cmnt .side{margin-top: 48px;}
.main_cmnt .side .btn_more{padding: 0;}
.main_cmnt .side .btn_more:after{background:url(../images/ic_plus_20.svg) no-repeat center center / 20px auto;}
.main_cmnt .c_list_item{margin-bottom: 24px;padding: 24px;background: #fff;}
.main_cmnt .c_list_btn{display: block;}
.main_cmnt .c_list_item .row_top{display: flex;align-items: center;}
.main_cmnt .c_list_item .row_top .flag{min-width: fit-content;}
.main_cmnt .c_list_item .c_list_sbj{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-left: 12px;color: #111;font-weight: 500;font-size: 18px;line-height: 24px;}
.main_cmnt .c_list_item .row_bottom{display: flex;justify-content: space-between;margin-top: 24px;}
.main_cmnt .c_list_item .c_list_writer{color: #111;font-weight: 500;font-size: 18px;line-height: 24px;}
.main_cmnt .c_list_item .c_list_date{color: #999;font-weight: 500;font-size: 18px;line-height: 24px;font-family:Montserrat;}/* 2024-05-29 폰트 수정 */

/* 산책코스 */
.main_wc .active_dp_swiper{position: relative;margin-left: -102px;padding: 56px 0 0;}
.main_wc .active-display{position: absolute;top: 0;left: 102px;z-index: 10;width: 384px;}
.main_wc .wc_header{display: flex;align-items: center;justify-content: space-between;height: 56px;padding: 0 15px;border: 1px solid #111;border-bottom:0;}
.main_wc .active-display .present{display: flex;align-items: center;}
.main_wc .active-display .present_img{width: 34px;transition: 0.2s ease-out;opacity: 1;transform: translateY(0%);}
.main_wc .active-display .present_txt{margin-left: 11px;color: #262626;font-size: 16px;font-weight: 500;transition: 0.2s ease-out;opacity: 1;transform: translateY(0%);font-family:Montserrat;}/* 2024-05-29 폰트 수정 */
.main_wc .active-display .wc_img{position: relative;border: 1px solid #111;width:100%;height:100%;}
.main_wc .active-display .wc_img:before {content: '';position: absolute;top: 77px;bottom: 0;left: 0;right: 0;z-index: 1;background: linear-gradient(360deg, rgba(17, 17, 17, 0.80) 0%, rgba(17, 17, 17, 0.00) 100%);}
.main_wc .active-display .wc_img img{width: 382px;height: 382px;max-width: none;transition: 0.2s ease-out;opacity: 1;object-fit:cover;}
.main_wc .active-display.hidden .wc_img img{opacity: 0;}
.main_wc .active-display .wc_img figcaption{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;position: absolute;bottom: 32px;left: 24px;right: 24px;z-index: 1;height: 72px;transition: 0.2s ease-out;opacity: 1;transform: translateY(0%);text-overflow:ellipsis;overflow:hidden;font-size:28px;font-weight:500;line-height:36px;color:#fff;word-break:break-all;}
.main_wc .active-display.after .wc_img figcaption{opacity: 0;transform: translateY(-10%);}
.main_wc .active-display.hidden .wc_img figcaption{opacity: 0;transform: translateY(10%);}
.main_wc .swiper-slide{width: 424px;height:384px;padding: 0 20px;transition: min-width 0.3s ease;}
.main_wc .swiper-slide-active{width: 588px; padding: 0 102px;}
.main_wc .swiper-slide a{display:block;width:100%;height:100%;}
.main_wc .swiper-slide .wc_img{position: relative;width:100%;height:100%;}
.main_wc .swiper-slide .wc_img img{width:100%;height:100%;object-fit:cover;}
.main_wc .swiper-slide .wc_img:before {content: '';position: absolute;top: 77px;bottom: 0;left: 0;right: 0;background: linear-gradient(360deg, rgba(17, 17, 17, 0.80) 0%, rgba(17, 17, 17, 0.00) 100%);}
.main_wc .btn_move{position: absolute;top: 228px;width: 40px;cursor: pointer;}
.main_wc .button_next{left: 508px;}
.main_wc .button_prev{left: 40px;}

/* 아트뉴스 */
/* .masonry_list {margin: -60px 0 0 -40px;}
.masonry_list .grid li{width: 33.3333%;padding: 60px 0 0 40px;}
.masonry_list .item_info{margin-top: 12px;}
.masonry_list .item_sbj{color: #111;font-weight: 500;font-size: 11px;line-height: 1;font-family:Montserrat;}
.masonry_list .item_desc{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;text-overflow: ellipsis;overflow: hidden;height: 48px;margin-top: 16px;color: #111;font-weight: 500;font-size: 18px;line-height: 24px;} */

/* 아트뉴스 */
.artnews_list {margin: 0 0 0 -40px;} 
.artnews_list .grid {display: flex; flex-wrap: wrap; margin-top: -60px;}
.artnews_list .grid li{position: relative; width:  calc(33.3333% - 40px);margin-left: 40px;padding-top: 60px;}
.artnews_list .grid li a{display:block;}
.artnews_list .grid li:nth-of-type(1) .item_img,
.artnews_list .grid li:nth-of-type(3) .item_img,
.artnews_list .grid li:nth-of-type(5) .item_img{padding-top:133.333%;}
.artnews_list .grid li:nth-of-type(5){margin-top: -125px;}
.artnews_list .item_img{overflow:hidden;position:relative;width:100%;height:0;padding-top:100%;}
.artnews_list .item_img img{display:block;position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;}
.artnews_list .item_img .pc-img{display: block;}
.artnews_list .item_img .mo-img{display: none;}
.artnews_list .item_info{margin-top: 16px;}
.artnews_list .item_sbj{color: #111;font-weight: 500;font-size: 11px;line-height: 1;font-family:Montserrat;}/* 2024-05-29 폰트 수정 */
.artnews_list .item_desc{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;text-overflow: ellipsis;overflow: hidden;height: 48px;margin-top: 12px;color: #111;font-weight: 500;font-size: 18px;line-height: 24px;}


@media (max-width: 768px) {
    .main_container{padding-bottom: 80px;}
    .main_container .main_section{margin-top: 80px;}

    /* title */
    .tit_wrap{margin-bottom:32px;}
    .tit_wrap .tit{font-size:22px;line-height:32px;}
    .tit_wrap .txt{margin-top:8px;font-size:14px;line-height:20px;}
    .tit_wrap .btn_more{display:block;width:32px;height:32px;margin-right:-5px;padding:0;}
    .tit_wrap .btn_more span{display:none;}
    .tit_wrap .btn_more:after{margin:0;background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2V22' stroke='%23111111' stroke-width='2'/%3E%3Cpath d='M22 12L2 12' stroke='%23111111' stroke-width='2'/%3E%3C/svg%3E%0A");background-size:24px auto;}

    /* 예술산책 메인비주얼 */
    .art_main_visual .mv_slide{height: calc(var(--mainVisualVh) - 49px);}
    .art_main_visual .mv_slide_item{flex-wrap: wrap;}
    .art_main_visual .art_v_img_col{width: 100%;height: 50%;}
    .art_main_visual .art_v_img2{width: 100vw;height: 50vh;top: 50%;left: 50%;transform: translate(-50%, -50%);}
    .art_main_visual .art_v_img img{width: 100vw;height: 50vh;}
    .art_main_visual .art_v_guide{width: 100%;height: 50%;align-items: flex-start;}
    .art_main_visual .art_v_tit{font-size: 24px;line-height: 32px;}
    .art_main_visual .art_v_desc{margin-top: 20px;font-size: 14px;line-height: 20px;}
    .art_main_visual .mv_slide_item:nth-of-type(2n+2) .art_v_img_col{order:2;}
    .art_main_visual .mv_slide_item:nth-of-type(2n+2) .art_v_guide{order:1;}
    .art_main_visual .mv_slide_item:nth-of-type(2n+2) .art_v_guide{justify-content: flex-start;text-align: left;}
    .art_main_visual .mv_slide_item:nth-of-type(2n+1) .art_v_guide_sub{padding: 136px 50px 0 50px;}
    .art_main_visual .mv_slide_item:nth-of-type(2n+2) .art_v_guide_sub{padding: 32px 50px 0 50px;}
    .art_main_visual .btn_move{display: none;}
    .art_main_visual .rotate_txt{top: calc(50% + 32px);left: 32px;width: 72px;}
    .art_main_visual .mv_page_wrap{bottom: 40px;}
    .art_main_visual .pager{width: 24px;}

    /* 커뮤니티 */
    .main_cmnt{padding: 40px 0;background: url(../images/main/bg_community_mo.png) 50%/cover no-repeat;}
    .main_cmnt .flex_col{height: auto;}
    .main_cmnt .flex_col:first-child{display: block;}
    .main_cmnt .tit_wrap{position: relative;margin-bottom: 32px;}
    .main_cmnt .side{position: absolute;top: 0;right: 0;width: 24px;height: 24px;margin-top: 0;}
    .main_cmnt .side .btn_more{width: 24px;height: 24px;}
    .main_cmnt .side .btn_more:after{width: 24px;height: 24px;background:url(../images/ic_plus_24.svg) no-repeat center center / 24px auto;}
    .main_cmnt .c_list{height: 356px;}
    .main_cmnt .c_list_item{margin-bottom: 12px;padding: 12px;}
    .main_cmnt .c_list_item.clone{display: none;}
    .main_cmnt .c_list_item .row_top{display: flex;align-items: center;}
    .main_cmnt .c_list_item .row_top .flag{height: auto;padding: 4px 12px 2px;font-size: 12px;}
    .main_cmnt .c_list_item .c_list_sbj{margin-left: 8px;font-size: 14px;line-height: 20px;}
    .main_cmnt .c_list_item .row_bottom{margin-top: 12px;}
    .main_cmnt .c_list_item .c_list_writer{font-size: 12px;line-height: 16px;}
    .main_cmnt .c_list_item .c_list_date{font-size: 12px;line-height: 16px;}

    /* 산책코스 */
    .main_wc .active_dp_swiper{margin-left: 0;padding: 44px 0 0;}
    .main_wc .active-display{position: absolute;top: 0;left: 0;z-index: 10;width: 248px;}
    .main_wc .swiper-slide{width: 248px;height:248px;padding: 0; margin-right: 12px;}
    .main_wc .wc_header{height: 44px;padding: 0 12px;}
    .main_wc .active-display .present_img{width: 30px;}
    .main_wc .active-display .present_txt{margin-left: 6px;font-size: 14px;}
    .main_wc .active-display .wc_img:before {top: 63px;}
    .main_wc .active-display .wc_img img{width: 246px;height:246px;}
    .main_wc .active-display .wc_img figcaption{bottom: 12px;left: 12px;right: 12px;height: 48px;font-size: 18px;line-height: 24px;}
    .main_wc .swiper-slide .wc_img:before {top: 63px;}
    .main_wc .btn_move{display: none;}

    /* 아트뉴스 */
    .artnews_list {margin: 0 0 0 0;} 
    .artnews_list .grid{justify-content: space-between; margin-top: -24px;}
    .artnews_list .grid li{width: calc(50% - 6px);margin-left: 0;padding-top: 24px;}
    .artnews_list .grid li:nth-of-type(3) .item_img{padding-top:100%;}
    .artnews_list .grid li:nth-of-type(4){margin-top: calc(calc(calc(50vw - 26px) * -0.25) * 1.34);}
    .artnews_list .grid li:nth-of-type(4) .item_img{padding-top:133.333%;}
    .artnews_list .grid li:nth-of-type(5){margin-top: 0;}
    .artnews_list .item_img .pc-img{display: none;}
    .artnews_list .item_img .mo-img{display: block;}
    .artnews_list .item_sbj{font-size: 10px;}
    .artnews_list .item_desc{height: 40px;margin-top: 8px;font-size: 14px;line-height: 20px;}
}