@charset "utf-8";

:root{
    --right_con_width : 405px;
}


/* 서브 레이아웃 */
.sub_page_full_con{ width: 100%; }
.sub_page_left_con{width: 100%; /*transition: width 0.3s;*/ }
.sub_page_left_con.is_fold{ width: 100%; }
/*.sub_page_right_con{ opacity: 1; position: fixed; top: 0; right: calc(-1*var(--right_con_width)); z-index: 111; background-color: #fff; width: var(--right_con_width); height: 100vh; padding: 112px 40px 40px 40px; transition: right 0.3s, opacity 0.2s; }*/
.sub_page_right_con{ position: fixed; top: 0; right: calc(-1*var(--right_con_width)); z-index: 111; background-color: #fff; width: var(--right_con_width); height: 100vh; padding: 112px 40px 40px 40px; transition: right 0.3s; }
.sub_page_right_con_dim{ display: none; position: fixed; top: 0; left: 0; z-index: 110; background-color: #000; opacity: 0.5; width: 100%; height: 100vh; }
.sub_page_right_con.is_open{ right: 0; }
/*.sub_page_right_con.is_open ~ .sub_page_right_con_dim{ display: block; }*/
.sub_page_right_con_dim.is_open{ display: block; }
.sub_page_right_con.is_open .close_btn{ display: block; position: absolute; top: -58px; right: -5px; }
.sub_page_right_con .close_btn{ display: none; }
.sub_page_right_con.is_fold{ width: 0; padding: 0; overflow: hidden; }
/*.sub_page_right_con.is_fold{ right: calc(-1*var(--right_con_width)); }*/


/* 서브컨테이너 공통 */
.sub_container_con{ padding-top: 70px; padding-bottom: 30px; }
.sub_container_title_con{ padding-top: 5px; height: 56px; margin-bottom: 15px;}
.sub_container_content_con.has_underline:after{ content: ''; width: 100%; height: 2px; background-color: #000; position: absolute; left: 0; top: -2px; }
.sub_container_title{ font-size: 19px; font-size: 1.9rem; line-height: 25px; line-height: 2.5rem; font-weight: 700; }
.content_title{ font-size: 19px; font-size: 1.9rem; line-height: 25px; line-height: 2.5rem; font-weight: 700; padding-top: 43px; padding-bottom: 39px; }
.content_title.type_2{ padding-top: 30px; padding-bottom: 16px; }
.content_title.type_3{ padding-bottom: 30px; }
.content_title.type_4{ padding-top: 100px; padding-bottom: 30px; }
.content_title.type_5{ padding-top: 0; padding-bottom: 20px; }
.content_title.font_type_2{ font-size: 26px; font-size: 2.6rem; line-height: 32px; line-height: 3.2rem; font-weight: 700; }
.content_count_title_con{ padding-top: 44px; padding-bottom: 40px; }
.sub_container_title_con .content_count_title_con{ padding-top: 0; padding-bottom: 0; }
.content_count_title_con.has_underline:after{ content: ''; width: 100%; height: 2px; background-color: #000; position: absolute; left: 0; bottom: 0; }
.content_count_title{ font-size: 15px; font-size: 1.5rem; line-height: 21px; line-height: 2.1rem; font-weight: 500; }
.sub_container_title_btn_con{ position: absolute; top: 0; right: 0; font-size: 0; z-index: 1; }
.has_tab{ padding-top: 39px; box-sizing: content-box; }

.point_bold{ font-weight: 600; }


/* 서브비주얼 */
.sub_visual_con{ padding-top: calc(121px + 106px); /* = 헤더높이 + 서브비주얼 윗여백 */ }
.wrapper.basic .sub_visual_con{ padding-top: 140px; }
.sub_title{ font-family: 'GangwonEduPowerExtraBoldA'; z-index: 3; /*max-width: 1400px; overflow: hidden; padding-left: 39px; padding-right: 39px; box-sizing: content-box;*/ }
.title_menu_depth_1{ font-size: 15px; font-size: 1.5rem; line-height: 21px; line-height: 2.1rem; font-weight: 400; color: var(--green-color1); padding-top: 10px; }
.title_menu_depth_2{ font-size: 35px; font-size: 3.5rem; line-height: 45px; line-height: 4.5rem; font-weight: 400; padding-top: 6px; }
.sub_location_con{ margin-top: 48px; padding: 8px 0; background-color: var(--green-color4); font-size: 15px; font-size: 1.5rem; line-height: 34px; line-height: 3.4rem; font-weight: 700; color: #fff; }
.sub_location div{ display: inline-block; position: relative; padding-right: 26px; cursor: pointer; }
.sub_location div:last-child{ padding-right: 0; }
.sub_location div:not(:last-child):after{ content: ''; width: 20px; height: 20px; position: absolute; top: 7px; right: 0;
    background-image: url("/app_weven/web/content/program/njw_common/img/svg/chevron_right_FILL0_wght400_GRAD0_opsz20_white.svg"); background-size: 20px; background-position: left 0 center; background-repeat: no-repeat; }
/*.sub_location .location_text{ display: inline-block; position: relative; padding-right: 6px; }*/
/*.sub_location .location_text:last-child{ padding-right: 0; }*/
/*.sub_location .location_icon{ width: 20px; height: 20px; padding-top: 33px; padding-right: 24px;*/
    /*background-image: url("/app_weven/web/content/program/njw_common/img/svg/chevron_right_FILL0_wght400_GRAD0_opsz20_white.svg"); background-size: 20px; background-position: left 0 center; background-repeat: no-repeat; }*/
.sub_img{ width: 330px; height: 212px; position: absolute; bottom: 49px; left: unset; right: -20px; z-index: 2;
    background-size: contain; background-position: center center; background-repeat: no-repeat; }
.menu1 .sub_img{ background-image: url("/app_weven/web/content/program/njw_common/img/sub_visual_img_menu1_mobile.svg"); }
.menu2 .sub_img{ background-image: url("/app_weven/web/content/program/njw_common/img/sub_visual_img_menu2_mobile.svg"); }
.menu3 .sub_img{ background-image: url("/app_weven/web/content/program/njw_common/img/sub_visual_img_menu3_mobile.svg"); }
.menu4 .sub_img{ background-image: url("/app_weven/web/content/program/njw_common/img/sub_visual_img_menu4_mobile.svg"); }
.menu5 .sub_img{ background-image: url("/app_weven/web/content/program/njw_common/img/sub_visual_img_menu5_mobile.svg"); }
.menu6 .sub_img{ background-image: url("/app_weven/web/content/program/njw_common/img/sub_visual_img_menu6_mobile.svg"); }


/*탭*/
.sub_tab{ position: absolute; left: 0; bottom: 0; border-bottom: 1px solid var(--border-color5); }
.sub_tab ul{ font-size: 0; position: relative; overflow: auto hidden; white-space: nowrap; margin-bottom: -1px; }
.sub_tab ul::-webkit-scrollbar { height: 2px; }
.sub_tab ul::-webkit-scrollbar-thumb { background-color: var(--green-color4); }
.sub_tab ul::-webkit-scrollbar-track { background-color: transparent; }
.sub_tab ul li{ border: 1px solid var(--border-color5); border-bottom: none; border-radius: 6px 6px 0 0; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; font-weight: 400; color: var(--gray-color1); text-align: center;
    position: relative; display: inline-block; width: 120px; height: 38px; padding: 9px 0 5px 0; box-sizing: border-box; margin-left: -1px; cursor: pointer; }
.sub_tab.w_type_2 ul li{ width: 90px; }
.sub_tab ul li:first-child{ margin-left: 0; }
.sub_tab ul li:hover{ color: #000; font-weight: 700; }
.sub_tab ul li.active{ border: 2px solid var(--green-color4); border-bottom: none; z-index: 1; color: #000; font-weight: 700; padding-top: 10px; }
.sub_tab ul li.active:after{ content: ''; width: 100%; height: 6px; background-color: #fff; position: absolute; left: 0; bottom: -3px; }
[wv-tab-page]{ display: none; }

/*3뎁스*/
.sub_depth{ width: 100%; }
.sub_depth ul{ font-size: 0; position: relative; overflow: auto hidden; white-space: nowrap; }
.sub_depth ul::-webkit-scrollbar { height: 12px; background: transparent; }
.sub_depth ul::-webkit-scrollbar-thumb { background-color: #e5e5e5; border-top: 10px solid #fff; }
.sub_depth ul::-webkit-scrollbar-track { background-color: transparent; }
.sub_depth ul li{ border-radius: 6px 6px 0 0; font-size:17px; font-size:1.7rem; line-height:20px; line-height:2.0rem; font-weight: 700; color: var(--gray-color1); text-align: center; position: relative; display: inline-block; cursor: pointer; margin: 0 21px; padding-bottom: 11px; }
.sub_depth ul li:first-child{ margin-left: 0; }
.sub_depth ul li:last-child{ margin-right: 0; }
.sub_depth ul li:not(:last-child):before{ content: ''; width: 1px; height: 16px; background-color: #D9D9D9; position: absolute; top: 2px; right: -22px; }
.sub_depth ul li:hover{ color: #000; }
.sub_depth ul li.active{ color: #000; }
.sub_depth ul li.active:after{ content: ''; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%);
    border-bottom: 5px solid #000; border-left: 5px solid transparent; border-right: 5px solid transparent; }
.sub_depth_title{ font-family: 'GangwonEduPowerExtraBoldA'; font-size:31px; font-size:3.1rem; line-height:31px; line-height:3.1rem; font-weight: 400; padding: 35px 0 36px 0;}
.sub_depth_title.pt_zero{ padding-top: 4px; }


/* 페이지네이션 */
.button_container{font-size:0; white-space:nowrap; text-align: center; padding-top: 42px;}
.button_container li{position: relative; display: inline-block; text-align: center; background-repeat: no-repeat; background-position: center center;
    cursor: pointer; font-weight: 700; width:28px; height:28px; box-sizing: border-box; transition: all .3s; }
.button_container li.btn_singlePage{z-index: 0; text-indent: -10000px; padding: 0 2px; margin: 0 3px; background-size: 21px; box-sizing: border-box; transition: all 0.2s; background-color: transparent !important;}
.button_container li.btn_singlePage.btn_firstPage{ display: none; }
.button_container li.btn_singlePage.btn_prevPage{background-image: url("/app_weven/web/content/program/njw_common/img/svg/chevron_left_FILL0_wght400_GRAD0_opsz20.svg"); margin-right:20px; background-position: center center;}
.button_container li.btn_singlePage.btn_nextPage{background-image: url("/app_weven/web/content/program/njw_common/img/svg/chevron_right_FILL0_wght400_GRAD0_opsz20.svg"); margin-left:20px;  background-position: center center;}
.button_container li.btn_singlePage.btn_lastPage{ display: none; }
.button_container li.btn_page{width:auto; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; font-weight: 500; color: #a6baca; padding: 0px 3px 0 3px !important; margin: 0 7px; z-index: 1; }
.button_container li.btn_page.selected{color:#000; position: relative;}
.button_container li.btn_page.selected:after{ content: ''; position: absolute; bottom: 3px; left: 1px; width: 10px; height: 1px; background-color: #000; }


/* ============================== */


/* 공통 사용 */

.state_round{ margin-top: -2px; margin-left: 12px; font-size: 13px; font-size: 1.3rem; line-height: 19px; line-height: 1.9rem; font-weight: 400; padding: 4px 12px; border: 1px solid var(--border-color1); border-radius: 100px; cursor: default; }
.content_count_title_con .state_round{ margin-top: -4px; }
.state_text_con{ margin-top: 10px; margin-left: 0px; width: 100%; }
.state_text_con.mt0{ margin-top: 0 !important; }
.state_text_con .state_text{ display: inline-block; position: relative; font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2.0rem; font-weight: 600; color: var(--gray-color1); padding-left: 10px; margin-right: 13px; }
.state_text_con .state_text:before{ content: ''; width: 5px; height: 5px; border-radius: 50%; background-color: var(--gray-color1); position: absolute; top: 7px; left: 0; }
.state_text_con .state_text.active{ color: var(--green-color3); }
.state_text_con .state_text.active:before{ background-color: var(--green-color3); }
.state_text_con .state_text span{ margin-left: 4px; }

/*우측 검색 탭*/
.search_reset_btn{ width: 35px; height: 35px; background-image: url("/app_weven/web/content/program/njw_common/img/svg/refresh_FILL0_wght300_GRAD0_opsz24.svg"); background-size: 21px; background-position: center center; background-repeat: no-repeat; }
.search_fold_btn{ position: relative; width: 35px; height: 35px; }
.search_fold_btn span{ display: inline-block; width: 100%; height: 100%; background-image: url("/app_weven/web/content/program/njw_common/img/svg/menu_open_FILL0_wght300_GRAD0_opsz24.svg"); background-size: 30px; background-position: center center; background-repeat: no-repeat; }
.search_fold_btn.do_fold span{ transform: rotate(180deg); }
.search_fold_btn.do_fold{ display: none; margin-left: 7px; padding-left: 7px; box-sizing: content-box; }
.search_fold_btn.do_fold:after{ content: ''; position: absolute; top: 50%; left: -1px; transform: translateY(-50%); width: 1px; height: 13px; background-color: var(--border-color1); }
.search_fold_btn.do_open{ display: inline-block; margin-left: 10px; }
.search_line{ margin-bottom: 9px; }
.search_line:last-child{ margin-bottom: 0; }
.search_line.search_btn_con{ margin-top: 21px; }
.search_title{ padding-top: 12px; width: 74px; font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2.0rem; font-weight: 400; }
.search_content{ width: calc(100% - 74px); }
.search_content.type_content_only{ width: 100%; }
.search_content.type_divide > *:nth-child(1) { width: 107px; }
.search_content.type_divide > *:nth-child(2) { width: calc(100% - 107px - 9px); margin-top: 0; margin-left: 9px; }
.search_content.type_divide.has_two_select > *:nth-child(1) { width: calc(50% - 5px); }
.search_content.type_divide.has_two_select > *:nth-child(2) { width: calc(50% - 5px); margin-left: 10px; }
.search_content.type_radio{ padding: 9px 0; }
.search_content.type_radio .radio_style_00_wrap .radio_con{ margin: 0 15px 0 0; font-size: 15px; font-size: 1.5rem; line-height: 21px; line-height: 2.1rem; font-weight: 500; }
.search_content.type_radio .radio_style_00_wrap .radio_con:last-child{ margin: 0; }
.search_content.type_radio input[type='radio'] + label{ padding-left: 3px; top: 2px; }

/*박스*/
/*(박스 이미지)*/
.block_img_con{}
.page_block_inner .img_tag{ position: absolute; top: -1px; left: -1px; font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; font-weight: 700; color: #fff; text-align: center; min-width: 35px; box-sizing: border-box;
    padding: 5px 10px; border-top-left-radius: var(--border-radius5); border-bottom-right-radius: var(--border-radius5); background-color: var(--orange-color1); border: 1px solid var(--orange-color2); }
.block_text_con{}
/*(박스 텍스트)*/
.block_text_area{}
.list_title{ font-size: 19px; font-size: 1.9rem; line-height: 26px; line-height: 2.6rem; font-weight: 700; word-break: keep-all; }
.list_desc{ margin-top: 20px; font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2.0rem; font-weight: 400; }
.list_desc_line{ margin-bottom: 6px; }
.list_desc_line:last-child{ margin-bottom: 0; }
/* .block_text_con 기본 : title, desc 너비 (title 5글자) (예시페이지 - 귀농귀촌체험>살아보기) */
.list_desc_title{ display: inline-block; width: 73px; font-weight: 600; }
/*(박스 바텀)*/
.block_bottom_area{ }
.interact_element{ display: inline-block; position: relative; padding-right: 14px; margin-right: 11px; font-size: 16px; font-size: 1.6rem; line-height: 22px; line-height: 2.2rem; font-weight: 400; }
.interact_element:last-child{ padding-right: 0; margin-right: 0; }
.interact_element:after{ content: ''; position: absolute; top: 4px; right: 0; width: 1px; height: 15px; background-color: var(--border-color1); }
.interact_element:last-child:after{ content: none; }
.interact_element > *{ vertical-align: middle; }
.interact_element .comment_icon{ display: inline-block; width: 20px; height: 20px; margin-right: 5px; background-image: url("/app_weven/web/content/program/njw_common/img/svg/icon_comment.svg"); background-size: 20px; background-position: center center; background-repeat: no-repeat; }

/*좋아요*/
/*(좋아요 버튼)*/
.favorite_btn{ display: inline-block; width: 24px; height: 24px; border-radius: 50%; background-color: #e0e1eb; margin-top: -1px; margin-right: 5px;
    background-image: url("/app_weven/web/content/program/njw_common/img/svg/favorite_FILL1_wght400_GRAD0_opsz24_white.svg"); background-size: 12px; background-position: top 7px center; background-repeat: no-repeat; }
.favorite_btn.active{ background-color: var(--pink-color1); }
/*(좋아요 숫자)*/
.favorite_count{ display: inline-block; font-weight: 600; }
.favorite_btn.active ~ .favorite_count{ color: var(--pink-color1); }
/*(좋아요 팝)*/
.favorite_pop{ display: none; position: absolute; top: -24px; left: -23px; z-index: 1; width: max-content; padding: 2px 8px 2px 7px; background-color: #fff; border: 1px solid var(--border-color2); border-radius: 5px;
    font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; font-weight: 500; letter-spacing: -0.03em; box-shadow: 1px 2px 3px 0px rgba(0,0,0,0.08); }
.favorite_pop:before{ content: ''; position: absolute; bottom: -5px; left: 50%; transform: translateX(-50%); z-index: 2;
    border-top: 5px solid #fff; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 0px solid transparent; }
.favorite_pop:after{ content: ''; position: absolute; bottom: -6px; left: 50%; transform: translateX(-50%); z-index: 1;
    border-top: 5px solid var(--border-color2); border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 0px solid transparent; }
.favorite_pop:hover{ display: block; }
.favorite_btn:hover ~ .favorite_pop{ display: block; }
.favorite_pop .text_when_active{ display: none; }
.favorite_btn.active ~ .favorite_pop{ border-color: var(--pink-color1); }
.favorite_btn.active ~ .favorite_pop:after{ border-top-color: var(--pink-color1); }
.favorite_btn.active ~ .favorite_pop .text_when_inactive{ display: none; }
.favorite_btn.active ~ .favorite_pop .text_when_active{ display: block; }

/*상세페이지 이미지+텍스트 좌우나열*/
.view_flex_img_text{ display: flex; align-items: center; flex-direction: column; height: auto; /*margin-bottom: 60px;*/ gap: 40px 60px; }
.view_flex_img_text .block_img_con{ width: 100%; }
.view_flex_img_text .block_text_con{ width: 100%; }
.view_flex_img_text .block_text_title{ font-size: 26px; font-size: 2.6rem; line-height: 32px; line-height: 3.2rem; font-weight: 700; }
.view_flex_img_text .block_text_desc{ margin-top: 19px; font-size: 17px; font-size: 1.7rem; line-height: 30px; line-height: 3.0rem; font-weight: 400; word-break: keep-all; }
.view_flex_img_text .block_text_btn{ margin-top: 45px; }
.view_flex_img_text .list_desc_line{ font-size: 17px; font-size: 1.7rem; line-height: 23px; line-height: 2.3rem; font-weight: 400; margin-bottom: 11px; }
.view_flex_img_text .list_desc_title{ font-size: 18px; font-size: 1.8rem; line-height: 24px; line-height: 2.4rem; font-weight: 600; width: 63px; margin-right: 25px; }
.view_flex_img_text .list_desc_title{ width: 63px; }
/*(.list_desc.type_2)*/
.view_flex_img_text .list_desc.type_2{ margin-top: 40px; }
.view_flex_img_text .list_desc.type_2 .list_desc_title{ width: 133px; }
.view_flex_img_text .list_desc.type_2 .list_desc_line:not(:last-child){ margin-bottom: 11px; }

/*(서브페이지) 스와이퍼 버튼*/
.wrapper.sub .swiper_btn_con{ margin-top: 49px; }

/*(나눔정보>주택,농지)*/
.page_table_con#shareInfoListTable table tbody tr td span.text_ellipsis{ width: 100%; }

/*(나눔정보>주택,농지) 용지종류*/
ul.land_type_con{ font-size: 0; width: 100%; display: inline-flex; flex-wrap: wrap; gap: 5px; }
.page_table_con ul.land_type_con{ padding: 20px 0 19px 0; }
ul.land_type_con li{ width: 49px; padding: 6px 0 5px 0; border-radius:4px; background-color: #eee; font-size: 13px; font-size: 1.3rem; line-height: 19px; line-height: 1.9rem; font-weight: 500; text-align: center; }
ul.land_type_con li.land0{ background-color: var(--rainbow-color10); }
ul.land_type_con li.land1{ background-color: var(--rainbow-color8); }
ul.land_type_con li.land2{ background-color: var(--rainbow-color6); }
ul.land_type_con li.land3{ background-color: var(--rainbow-color7); }
ul.land_type_con li.land4{ background-color: var(--rainbow-color11); }
ul.land_type_con li.land5{ background-color: var(--rainbow-color4); }
ul.land_type_con li.land6{ background-color: var(--rainbow-color3); }


/* ============================== */


/* 페이지 타입 */

/*이미지 가로 게시판형 (type_horizontal)*/
.page_block_inner.type_horizontal{ display: flex; align-items: center; flex-direction: column; height: auto; padding: 19px; }
.page_block_inner.type_horizontal .block_img_con{ width: 100%; height: 100%; }
.page_block_inner.type_horizontal .block_text_con{ height: 100%; }
.page_block_inner.type_horizontal .block_text_con{ width: 100%; /*display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between;*/
    font-size: 16px; font-size: 1.6rem; line-height: 22px; line-height: 2.2rem; font-weight: 400; }
.page_block_inner.type_horizontal .block_text_area{ margin-top: 30px; min-height: 200px; }
.page_block_inner.type_horizontal .block_bottom_area{ text-align: right; position: absolute; bottom: 12px; right: 17px; }
/*(동네작가 - 리스트 공통)*/
.list_artist{ margin-bottom: 15px; width: max-content; cursor: pointer; }
.list_artist .profile_con{ display: inline-block; width: 40px; height: 40px; }
.list_artist_text{ display: inline-block; vertical-align: middle; margin-left: 10px; position: relative; top: -3px; }
.list_artist_location{ font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2.0rem; font-weight: 600; }
.list_artist_location span{ color: var(--orange-color1); }
.list_artist_name{ margin-top: 2px; font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; font-weight: 500; color: var(--gray-color1); }
.list_artist_desc{ margin-top: 17px; font-size: 16px; font-size: 1.6rem; line-height: 28px; line-height: 2.8rem; font-weight: 400; }
.list_desc.font_size_fixed{ padding-bottom: 15px; margin-top: 30px; font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2.0rem; font-weight: 400; }
.page_block_inner.type_horizontal.type_artist .list_desc_title{ width: 43px; }
.box_artist_con{ display: flex; flex-wrap: wrap; align-items: center; background-color: var(--green-background1); border-radius: var(--border-radius5); padding: 21px; vertical-align: middle; margin-bottom: 70px; }
/*(동네작가 - 지역 리스트)*/
.box_artist_con .img_con{ display: inline-block; width: 100%; vertical-align: middle; flex-shrink: 0; }
.box_artist_con .box_location_text{ display: inline-block; width: 100%; margin-top: 30px; padding-left: 0; box-sizing: content-box; }
.box_artist_con .box_location_artist{ margin-top: 40px; display: flex; flex-wrap: wrap; gap: 5px 18px; max-height: 70px; overflow: hidden auto; }
.box_artist_con .box_location_artist::-webkit-scrollbar { width: 12px; }
.box_artist_con .box_location_artist::-webkit-scrollbar-thumb { background-color: var(--green-color4); border-left: 5px solid #f7fbf4; border-right: 4px solid #f7fbf4; }
.box_artist_con .box_location_artist::-webkit-scrollbar-track { background-color: transparent; }
.box_artist_con .location_artist{ display: inline-block; width: fit-content; font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; font-weight: 500; cursor: pointer; }
.box_artist_con .location_artist .profile_con{ display: inline-block; width: 30px; height: 30px; margin: 0; }
.box_artist_con .location_artist .location_artist_name{ display: inline-block; vertical-align: middle; margin-left: 4px; }
/*(동네작가 - 작가 리스트)*/
.box_artist_con .profile_con{ display: inline-block; width: 100px; height: 100px; vertical-align: middle; margin-left: 20px; }
.box_artist_con .box_artist_text{ display: inline-block; vertical-align: middle; margin-left: 27px; }
.box_artist_con .box_artist_name{ font-size: 22px; font-size: 2.2rem; line-height: 28px; line-height: 2.8rem; font-weight: 400; }
.box_artist_con .box_artist_name span{ font-weight: 700; }
.box_artist_con .box_artist_desc{ margin-top: 10px; font-size: 16px; font-size: 1.6rem; line-height: 28px; line-height: 2.8rem; font-weight: 400; color: var(--gray-color1); }


/*줄 게시판형*/
.page_table_con{ overflow-x: auto; }
.page_table_con::-webkit-scrollbar { height: 12px; }
.page_table_con::-webkit-scrollbar-thumb { background-color: var(--green-color4); border-radius: 10px; border-top: 5px solid #fff; border-bottom: 5px solid #fff; }
.page_table_con::-webkit-scrollbar-track { background-color: transparent; }
.page_table_con table{ width: 100%; table-layout: fixed; min-width: 800px; position: relative; }
.page_table_con table:after { content: ''; width: 100%; height: 2px; background-color: #000; position: absolute; left: 0; top: -2px; }
.page_table_con table thead tr{ height: 50px; background-color: #F3FBF5; }
.page_table_con table thead tr th{ font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; font-weight: 600; }
.page_table_con table tbody tr{ height: 70px; border-bottom: 1px solid #eee; cursor: pointer; }
.page_table_con.not_click table tbody tr{ cursor: default; }
.page_table_con table tbody tr td{ font-size: 16px; font-size: 1.6rem; line-height: 21px; line-height: 2.1rem; font-weight: 400; text-align: center; word-break: break-word; }
.page_table_con table tbody tr td.bold{ font-weight: 600; }
.page_table_con table tbody tr td.tl{ text-align: left; padding: 0 10px; }
.page_table_con table tbody tr td.is_fixed{ font-size: 0; background-image: url("/app_weven/web/content/program/njw_common/img/svg/icon_table_fixed_3BBD3C.svg"); background-size: 17px; background-position: center center; background-repeat: no-repeat; }
.page_table_con table tbody tr td.answer{ font-weight: 600; }
.page_table_con table tbody tr td.is_ready{ color: var(--orange-color2); }
.page_table_con table tbody tr td.is_ing{ color: var(--orange-color2); }
.page_table_con table tbody tr td.is_complete{ color: var(--green-color3); }
.page_table_con table tbody tr td.url_underline{ text-decoration: underline; color: var(--green-color1); cursor: pointer; transition: color 0.3s; }
.page_table_con table tbody tr td.url_underline:hover{ color: var(--green-color5); }
.page_table_con table tbody tr td .new_icon{ top: calc(50% - 1px); transform: translateY(-50%); }
.page_table_con table tbody tr td span.text_ellipsis{ height: 21px; display: inline-block; margin-top: 6px; }
.table_bottom_btn{ position: absolute; bottom: -130px; right: 0; z-index: 5; }

/*이미지 카드 게시판형 (type_card)*/
.page_block_inner.type_card{ padding: 19px; border-radius: 9px; }
.page_block_inner.type_card .block_img_con{ margin-bottom: 18px; /*height: 190px;*/ }
.page_block_inner.type_card .block_text_con{ padding-left: 8px; }
.page_block_inner.type_card .list_location{ font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; font-weight: 400; color: var(--gray-color1); margin-bottom: 9px; }
.page_block_inner.type_card .list_badge{ margin-bottom: 13px; }
.page_block_inner.type_card .list_badge > div{ display: inline-block; font-size: 14px; font-size: 1.4rem; line-height: 17px; line-height: 1.7rem; font-weight: 500; border-radius: 4px; }
.page_block_inner.type_card .list_step{ padding: 4px 9px 3px 9px; border: 1px solid var(--border-color1); box-sizing: border-box; margin-right: 9px; }
.page_block_inner.type_card .list_division{ padding: 5px 10px 4px 10px; background-color: #eee; }
/*(색상)*/
.page_block_inner.type_card .list_division.division0{ background-color: var(--rainbow-color0); }
.page_block_inner.type_card .list_division.division1{ background-color: var(--rainbow-color1); }
.page_block_inner.type_card .list_division.division2{ background-color: var(--rainbow-color2); }
.page_block_inner.type_card .list_division.division3{ background-color: var(--rainbow-color3); }
.page_block_inner.type_card .list_division.division4{ background-color: var(--rainbow-color4); }
.page_block_inner.type_card .list_division.division5{ background-color: var(--rainbow-color5); }
.page_block_inner.type_card .list_division.division6{ background-color: var(--rainbow-color6); }
.page_block_inner.type_card .list_division.division7{ background-color: var(--rainbow-color7); }
.page_block_inner.type_card .list_division.division8{ background-color: var(--rainbow-color8); }
.page_block_inner.type_card .list_division.division9{ background-color: var(--rainbow-color9); }
.page_block_inner.type_card .list_division.division10{ background-color: var(--rainbow-color10); }
.page_block_inner.type_card .list_title{ font-size: 19px; font-size: 1.9rem; line-height: 25px; line-height: 2.5rem; font-weight: 700; word-break: keep-all; min-height: 25px;     overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.page_block_inner.type_card .list_title.line_ellipsis.line2{ min-height: 50px; }
.page_block_inner.type_card .list_title.line_ellipsis.line3{ min-height: 75px; }
.page_block_inner.type_card .list_desc{ margin-top: 12px; font-size: 15px; font-size: 1.5rem; line-height: 20px; line-height: 2.0rem; font-weight: 400; }
.page_block_inner.type_card .list_desc_line{ margin-bottom: 4px; }
.page_block_inner.type_card .block_bottom_area{ margin-top: 30px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;
    font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2.0rem; font-weight: 400; }
.page_block_inner.type_card .list_status{ width: 72px; padding: 6px 13px; border-radius: 100px; font-size: 13px; font-size: 1.3rem; line-height: 19px; line-height: 1.9rem; font-weight: 600; text-align: center; cursor: default; box-sizing: border-box; }
.page_block_inner.type_card .list_status.is_ready{ background-color: rgba(204, 204, 204, 0.4); color: var(--gray-color1); }
.page_block_inner.type_card .list_status.is_ing{ background-color: #67AB2C; color: #fff; }
.page_block_inner.type_card .list_status.is_complete{ background-color: rgba(89, 183, 236, 0.4); color: #5E9FC3; }
.page_block_inner.type_card .upload_date{ font-size: 13px; font-size: 1.3rem; line-height: 19px; line-height: 1.9rem; font-weight: 400; }
.page_block_inner.type_card .interact_element:not(:last-child){ margin-right: 8px; }
.page_block_inner.type_card .favorite_btn{ width: 18px; height: 18px; margin-right: 3px; background-size: 10px; background-position: top 4px center; }
.page_block_inner.type_card .favorite_pop{ /*top: -26px;*/ left: -26px; }
/* .block_text_con.type_2 : title, desc 너비 (title 4글자) (예시페이지 - 귀농귀촌체험>귀농인의집) */
.page_block_inner.type_card .block_text_con.type_2 .list_desc_title{ width: 60px; }
/* .block_text_con.type_3 : bottom_area 여백 (예시페이지 - 홍보영상) */
.page_block_inner.type_card .block_text_con.type_3 .block_bottom_area{ margin-top: 36px; margin-bottom: 8px; padding-right: 12px; }
/* .block_text_con.type_4 : title, desc 너비 (title 2글자) (예시페이지 - 이벤트) */
.page_block_inner.type_card .block_text_con.type_4 .list_desc_title{ width: 37px; }
/* .block_text_con.type_5 : title, desc 너비, 여백 (title 4글자) (예시페이지 - 온라인교육, 오프라인교육) */
.page_block_inner.type_card .block_text_con.type_5{ padding-left: 0; }
.page_block_inner.type_card .block_text_con.type_5 .list_desc_title{ width: 60px; }
.page_block_inner.type_card .block_text_con.type_5 .list_desc{ margin-top: 17px; }
/*(동네작가 - 작가별)*/
.page_block_inner.type_card.type_artist{ display: inline-flex; flex-wrap: wrap; justify-content: center; }
.page_block_inner.type_card.type_artist .profile_con{ width: 100px; height: 100px; }
.page_block_inner.type_card.type_artist .block_text_con{ padding-left: 0; }
.block_artist_name{ margin-top: 17px; font-size: 16px; font-size: 1.6rem; line-height: 22px; line-height: 2.2rem; font-weight: 500; text-align: center; }
.block_artist_name span{ font-weight: 700; }
.page_block_inner.type_card.type_artist .block_bottom_area{ margin-top: 12px; justify-content: center; }
.page_block_inner.type_card.type_artist .interact_element{ font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; }
.page_block_inner.type_card.type_artist .interact_element:after{ height: 11px; }
.page_block_inner.type_card.type_artist .interact_element:not(:last-child){ padding-right: 11px; margin-right: 5px; }
.page_block_inner.type_card.type_artist .interact_element .comment_icon{ background-size: 18px; }


/*카드 게시판형*/
/*(클릭 필터)*/
.has_click_filter_btn::after{ content: ''; width: 29%; height: 1px; background-color: #fff; position: absolute; bottom: 0; right: 0; }
.click_filter_btn{ position: absolute; bottom: 0; right: 0;
    padding-right: 22px !important; background-image: url("/app_weven/web/content/program/njw_common/img/svg/expand_less_FILL0_wght400_GRAD0_opsz20_white.svg"); background-size: 22px; background-position: right 9px center; background-repeat: no-repeat; }
.click_filter_btn.is_close{ background-image: url("/app_weven/web/content/program/njw_common/img/svg/expand_more_FILL0_wght400_GRAD0_opsz20_white.svg"); }
.click_filter_wrap{ background-color: var(--green-background1); border-radius: 10px; padding: 30px; overflow: hidden; }
.click_filter_wrap::-webkit-scrollbar { width: 12px; }
.click_filter_wrap::-webkit-scrollbar-thumb { background-color: var(--green-color4); border-left: 5px solid #f7fbf4; border-right: 4px solid #f7fbf4; }
.click_filter_wrap::-webkit-scrollbar-track { background-color: transparent; }
.click_filter_wrap.has_space{ margin-top: 20px; margin-bottom: 30px; }
.click_filter_wrap.is_close{ height: 0; padding: 0; margin-top: 0; }
.click_filter_wrap .click_filter{ font-size: 0; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid var(--border-color1); }
.click_filter_wrap .click_filter:last-child{ padding-bottom: 0; margin-bottom: 0; border-bottom: none; }
.click_filter_wrap .filter_title{ width: 53px; display: inline-block; font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2.0rem; font-weight: 400; }
.click_filter_wrap .filter_title + ul{ width: calc(100% - 53px); }
.click_filter_wrap ul{ display: inline-flex; flex-wrap: wrap; gap: 7px; }
.click_filter_wrap ul > li{ border: 1px solid var(--border-color1); border-radius: 100px; padding: 7px 20px; background-color: #fff; color: var(--gray-color1); font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; font-weight: 400; cursor: pointer; transition: color 0.3s; }
.click_filter_wrap ul > li.active{ border-color: var(--green-color4); color: #000; }
.click_filter_wrap ul > li:hover{ color: #000; }
/*(type_2 : 폰트 크게, 너비 고정)*/
.click_filter_wrap.type_2 ul{ gap: 10px; }
.click_filter_wrap.type_2 ul > li{ padding: 9px 20px 8px 20px; width: 140px; text-align: center; box-sizing: border-box; font-size: 15px; font-size: 1.5rem; line-height: 21px; line-height: 2.1rem; font-weight: 500; }
/*(type_3 : 연녹색 배경 없음, 높이 낮음)*/
.click_filter_wrap.type_3{ background-color: transparent; padding: 0; margin-bottom: 25px; }
.click_filter_wrap ul > li{ padding: 4px 20px; }


/*달력형 (type_cal)*/
.datepicker_style_0_wrap{ width: 100%; }
.datepicker_style_0_wrap .cal_top_con{ width: 100%; }
.datepicker_style_0_wrap .cal_top{ display: flex; justify-content: center; align-items: center; gap: 0 20px; }
.datepicker_style_0_wrap .calendar_month_text{ display: inline-block; font-size: 22px; font-size: 2.2rem; line-height: 28px; line-height: 2.8rem; font-weight: 700; }
.datepicker_style_0_wrap .mon_btn{ display: inline-block; width: 26px; height: 26px; background-size: 20px; background-position: center center; background-repeat: no-repeat; }
.datepicker_style_0_wrap .mon_btn.pre_mon{ background-image: url("/app_weven/web/content/program/njw_common/img/svg/chevron_left_FILL0_wght400_GRAD0_opsz20_3BBD3C.svg"); }
.datepicker_style_0_wrap .mon_btn.next_mon{ background-image: url("/app_weven/web/content/program/njw_common/img/svg/chevron_right_FILL0_wght400_GRAD0_opsz20_3BBD3C.svg"); }
.datepicker_style_0_wrap .cal_tb_con{ width: 100%; }
.datepicker_style_0_wrap table.cal_tb{ width: 100%; }
.calendar_wrap.type_cal{ }
.calendar_wrap.type_cal .cal_top{ padding-top: 17px; padding-bottom: 42px; }
.calendar_wrap.type_cal .datepicker_style_0_wrap .cal_tb_con{ transform: rotateX(180deg); overflow: auto visible; padding: 160px 1px 1px 1px; }
.calendar_wrap.type_cal .datepicker_style_0_wrap .cal_tb_con::-webkit-scrollbar { width: 12px; height: 12px; }
.calendar_wrap.type_cal .datepicker_style_0_wrap .cal_tb_con::-webkit-scrollbar-thumb { background-color: var(--green-color4); border-radius: 10px; border: 5px solid #fff; }
.calendar_wrap.type_cal .datepicker_style_0_wrap .cal_tb_con::-webkit-scrollbar-track { background-color: transparent; }
.calendar_wrap.type_cal .datepicker_style_0_wrap table.cal_tb{ transform: rotateX(180deg); min-width: 1400px; table-layout: fixed; box-shadow: 0 0 0 1px var(--border-color1); border-radius: var(--border-radius2); }
.calendar_wrap.type_cal .datepicker_style_0_wrap table.cal_tb thead tr{ height: 58px; border-bottom: 1px solid var(--border-color1); }
.calendar_wrap.type_cal .datepicker_style_0_wrap table.cal_tb thead tr th{ font-size: 17px; font-size: 1.7rem; line-height: 21px; line-height: 2.1rem; font-weight: 600; background-color: rgba(59, 189, 60, 0.1); border-right: 1px solid var(--border-color1); }
.calendar_wrap.type_cal .datepicker_style_0_wrap table.cal_tb thead tr th:first-child{ border-top-left-radius: var(--border-radius2); }
.calendar_wrap.type_cal .datepicker_style_0_wrap table.cal_tb thead tr th:last-child{ border-top-right-radius: var(--border-radius2); border-right: none; }
.calendar_wrap.type_cal .datepicker_style_0_wrap table.cal_tb tbody tr{ height: 169px; border-bottom: 1px solid var(--border-color1); }
.calendar_wrap.type_cal .datepicker_style_0_wrap table.cal_tb tbody tr:last-child{ border-bottom: none; }
.calendar_wrap.type_cal .datepicker_style_0_wrap table.cal_tb tbody tr td{ max-width: 200px; padding: 36px 15px 15px 15px; box-sizing: border-box; position: relative; border-right: 1px solid var(--border-color1); vertical-align: top; }
.calendar_wrap.type_cal .datepicker_style_0_wrap table.cal_tb tbody tr td:last-child{ border-right: none; }
.calendar_wrap.type_cal .datepicker_style_0_wrap table.cal_tb tbody tr td[data-wv-calendar-holiday]{ color: #E0164A }
.calendar_wrap.type_cal .datepicker_style_0_wrap table.cal_tb tbody tr td:first-child .calendar_date{ color: #E0164A }
.calendar_wrap.type_cal .datepicker_style_0_wrap table.cal_tb tbody tr td:last-child .calendar_date{ color: #0D4DA1 }
.calendar_wrap.type_cal .datepicker_style_0_wrap table.cal_tb tbody tr td.today{ background-color: rgba(249, 137, 1, 0.1); }
.calendar_wrap.type_cal .datepicker_style_0_wrap table.cal_tb tbody tr td .calendar_date{ position: absolute; top: 8px; left: 15px; font-size: 17px; font-size: 1.7rem; line-height: 23px; line-height: 2.3rem; font-weight: 500; }
.calendar_wrap.type_cal .datepicker_style_0_wrap table.cal_tb tbody tr td ul.schedule_list{ position: relative; }
.calendar_wrap.type_cal .datepicker_style_0_wrap table.cal_tb tbody tr td ul.schedule_list > li{ margin-bottom: 5px; position: relative; }
.calendar_wrap.type_cal .datepicker_style_0_wrap table.cal_tb tbody tr td ul.schedule_list > li:last-child{ margin-bottom: 0; }
.calendar_wrap.type_cal .datepicker_style_0_wrap table.cal_tb tbody tr td ul.schedule_list > li .schedule_line{ padding: 11px; background-color: #eee; border-radius: 4px; font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; font-weight: 500; cursor: default; position: relative; height: 40px; box-sizing: border-box; }
.calendar_wrap.type_cal .datepicker_style_0_wrap table.cal_tb tbody tr td ul.schedule_list > li .schedule_line span{ font-weight: 700; margin-right: 3px; }
.calendar_wrap.type_cal .datepicker_style_0_wrap table.cal_tb tbody tr td ul.schedule_list > li .schedule_pop{ display: none; position: absolute; z-index: 1; top: 50px; left: 10px; cursor: default;
    width: 400px; padding: 24px 24px 21px 24px; box-sizing: border-box; background-color: #fff; border-radius: 10px; border: 1px solid #eee; box-shadow: 3px 4px 10px 0px rgba(0,0,0,0.04); }
.calendar_wrap.type_cal .datepicker_style_0_wrap table.cal_tb tbody tr td ul.schedule_list > li:hover .schedule_pop{ display: block; }
.calendar_wrap.type_cal .datepicker_style_0_wrap table.cal_tb tbody tr td ul.schedule_list > li .schedule_pop .pop_title{ font-size: 16px; font-size: 1.6rem; line-height: 23px; line-height: 2.3rem; font-weight: 500; }
.calendar_wrap.type_cal .datepicker_style_0_wrap table.cal_tb tbody tr td ul.schedule_list > li .schedule_pop .pop_title span{ font-weight: 700; margin-right: 3px; }
.calendar_wrap.type_cal .datepicker_style_0_wrap table.cal_tb tbody tr td ul.schedule_list > li .schedule_pop ul{ margin-top: 13px; }
.calendar_wrap.type_cal .datepicker_style_0_wrap table.cal_tb tbody tr td ul.schedule_list > li .schedule_pop ul li{ padding-left: 12px; margin-bottom: 2px; font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2.0rem; font-weight: 400; position: relative; }
.calendar_wrap.type_cal .datepicker_style_0_wrap table.cal_tb tbody tr td ul.schedule_list > li .schedule_pop ul li:before{ content: ''; width: 4px; height: 4px; background-color: #000; border-radius: 50%; position: absolute; top: 8px; left: 0; }
.calendar_wrap.type_cal .datepicker_style_0_wrap table.cal_tb tbody tr td ul.schedule_list > li .schedule_pop ul li:last-child{ margin-bottom: 0; }
.calendar_wrap.type_cal .datepicker_style_0_wrap table.cal_tb tbody tr td ul.schedule_list > li .schedule_pop ul li span{ font-weight: 600; margin-right: 9px; }
/*(색상)*/
.calendar_wrap.type_cal .datepicker_style_0_wrap table.cal_tb tbody tr td ul.schedule_list > li.edu0 .schedule_line{ background-color: var(--rainbow-color0); }
.calendar_wrap.type_cal .datepicker_style_0_wrap table.cal_tb tbody tr td ul.schedule_list > li.edu0 .schedule_pop{ border-color: var(--rainbow-op1-color0); }
.calendar_wrap.type_cal .datepicker_style_0_wrap table.cal_tb tbody tr td ul.schedule_list > li.edu1 .schedule_line{ background-color: var(--rainbow-color1); }
.calendar_wrap.type_cal .datepicker_style_0_wrap table.cal_tb tbody tr td ul.schedule_list > li.edu1 .schedule_pop{ border-color: var(--rainbow-op1-color1); }
.calendar_wrap.type_cal .datepicker_style_0_wrap table.cal_tb tbody tr td ul.schedule_list > li.edu2 .schedule_line{ background-color: var(--rainbow-color2); }
.calendar_wrap.type_cal .datepicker_style_0_wrap table.cal_tb tbody tr td ul.schedule_list > li.edu2 .schedule_pop{ border-color: var(--rainbow-op1-color2); }
.calendar_wrap.type_cal .datepicker_style_0_wrap table.cal_tb tbody tr td ul.schedule_list > li.edu3 .schedule_line{ background-color: var(--rainbow-color3); }
.calendar_wrap.type_cal .datepicker_style_0_wrap table.cal_tb tbody tr td ul.schedule_list > li.edu3 .schedule_pop{ border-color: var(--rainbow-op1-color3); }
.calendar_wrap.type_cal .datepicker_style_0_wrap table.cal_tb tbody tr td ul.schedule_list > li.edu4 .schedule_line{ background-color: var(--rainbow-color4); }
.calendar_wrap.type_cal .datepicker_style_0_wrap table.cal_tb tbody tr td ul.schedule_list > li.edu4 .schedule_pop{ border-color: var(--rainbow-op1-color4); }
.calendar_wrap.type_cal .datepicker_style_0_wrap table.cal_tb tbody tr td ul.schedule_list > li.edu5 .schedule_line{ background-color: var(--rainbow-color5); }
.calendar_wrap.type_cal .datepicker_style_0_wrap table.cal_tb tbody tr td ul.schedule_list > li.edu5 .schedule_pop{ border-color: var(--rainbow-op1-color5); }
.calendar_wrap.type_cal .datepicker_style_0_wrap table.cal_tb tbody tr td ul.schedule_list > li.edu6 .schedule_line{ background-color: var(--rainbow-color6); }
.calendar_wrap.type_cal .datepicker_style_0_wrap table.cal_tb tbody tr td ul.schedule_list > li.edu6 .schedule_pop{ border-color: var(--rainbow-op1-color6); }
.calendar_wrap.type_cal .datepicker_style_0_wrap table.cal_tb tbody tr td ul.schedule_list > li.edu7 .schedule_line{ background-color: var(--rainbow-color7); }
.calendar_wrap.type_cal .datepicker_style_0_wrap table.cal_tb tbody tr td ul.schedule_list > li.edu7 .schedule_pop{ border-color: var(--rainbow-op1-color7); }
.calendar_wrap.type_cal .datepicker_style_0_wrap table.cal_tb tbody tr td ul.schedule_list > li.edu8 .schedule_line{ background-color: var(--rainbow-color8); }
.calendar_wrap.type_cal .datepicker_style_0_wrap table.cal_tb tbody tr td ul.schedule_list > li.edu8 .schedule_pop{ border-color: var(--rainbow-op1-color8); }
.calendar_wrap.type_cal .datepicker_style_0_wrap table.cal_tb tbody tr td ul.schedule_list > li.edu9 .schedule_line{ background-color: var(--rainbow-color9); }
.calendar_wrap.type_cal .datepicker_style_0_wrap table.cal_tb tbody tr td ul.schedule_list > li.edu9 .schedule_pop{ border-color: var(--rainbow-op1-color9); }
.calendar_wrap.type_cal .datepicker_style_0_wrap table.cal_tb tbody tr td ul.schedule_list > li.edu10 .schedule_line{ background-color: var(--rainbow-color10); }
.calendar_wrap.type_cal .datepicker_style_0_wrap table.cal_tb tbody tr td ul.schedule_list > li.edu10 .schedule_pop{ border-color: var(--rainbow-op1-color10); }


/*달력 예약형 (type_reserve)*/
/*(좌측 달력 부분)*/
.calendar_wrap.type_reserve .calendar_view{ width: 100%; border: 1px solid var(--border-color1);  border-radius: 10px; padding: 0 30px 30px 30px; box-sizing: border-box; }
.calendar_wrap.type_reserve .cal_top{ padding-top: 55px; padding-bottom: 40px; }
.calendar_wrap.type_reserve .datepicker_style_0_wrap table.cal_tb thead tr{ height: 40px; padding-bottom: 4px; }
.calendar_wrap.type_reserve .datepicker_style_0_wrap table.cal_tb thead tr th{ font-size: 16px; font-size: 1.6rem; line-height: 20px; line-height: 2.0rem; font-weight: 400; color: var(--gray-color1); }
.calendar_wrap.type_reserve .datepicker_style_0_wrap table.cal_tb tbody tr{ height: 70px; }
.calendar_wrap.type_reserve .datepicker_style_0_wrap table.cal_tb tbody tr td{ font-size: 17px; font-size: 1.7rem; line-height: 23px; line-height: 2.3rem; font-weight: 500; text-align: center; position: relative; cursor: pointer; }
.calendar_wrap.type_reserve .datepicker_style_0_wrap table.cal_tb tbody tr td:not([data-wv-calendar_date]){ cursor: auto; }
.calendar_wrap.type_reserve .datepicker_style_0_wrap table.cal_tb tbody tr td.today{ color: var(--orange-color1); }
.calendar_wrap.type_reserve .datepicker_style_0_wrap table.cal_tb tbody tr td:hover{ color: #fff; }
.calendar_wrap.type_reserve .datepicker_style_0_wrap table.cal_tb tbody tr td.selected{ color: #fff; }
/*숫자 중앙 원*/
.calendar_wrap.type_reserve .datepicker_style_0_wrap table.cal_tb tbody tr td[data-wv-calendar_date]::before{ content: ''; opacity: 0; display: inline-block; width: 40px; height: 40px; border-radius: 50%; background-color: var(--orange-color1);
    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1; transition: opacity 0.2s, color 0.2s; }
.calendar_wrap.type_reserve .datepicker_style_0_wrap table.cal_tb tbody tr td:hover::before{ opacity: 0.7; }
.calendar_wrap.type_reserve .datepicker_style_0_wrap table.cal_tb tbody tr td.selected::before{ opacity: 1; }
/*숫자 아래 원 (.full : 예약이 다 찼을 때)*/
.calendar_wrap.type_reserve .datepicker_style_0_wrap table.cal_tb tbody tr td.full::after{ content: ''; display: inline-block; width: 6px; height: 6px; border-radius: 50%; background-color: var(--orange-color1);
    position: absolute; bottom: 12px; left: 50%; transform: translateX(-50%); }
/*(우측 텍스트 부분)*/
.calendar_text{ width: 100%; margin-top: 27px; display: flex; flex-direction: column; justify-content: space-between; }
.reserve_line{ margin-bottom: 37px; font-size: 0; }
.reserve_title{ width: 115px; display: inline-block; font-size: 16px; font-size: 1.6rem; line-height: 22px; line-height: 2.2rem; font-weight: 700; vertical-align: top; padding-top: 9px; padding-right: 55px; box-sizing: border-box; }
.reserve_desc{ width: 100%; display: inline-block; font-size: 16px; font-size: 1.6rem; line-height: 22px; line-height: 2.2rem; font-weight: 400; vertical-align: top; padding-top: 9px; }
ul.reserve_time{ font-size: 0; display: flex; flex-wrap: wrap; gap: 10px; }
ul.reserve_time li{ display: inline-block; font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2.0rem; font-weight: 400; text-align: center;
    width: 100px; padding: 9px 12px; border: 1px solid var(--border-color1); border-radius: 5px; cursor: pointer; box-sizing: border-box; }
ul.reserve_time li:hover{ border-color: var(--green-color4); }
ul.reserve_time li.selected{ border: 2px solid var(--green-color4); padding: 8px 11px; font-weight: 500; color: var(--green-color4); }
/*(하단 부분)*/
#myReservation .content_title{ padding-top: 100px; padding-bottom: 29px; }
.reserve_list_con{ display: flex; flex-wrap: wrap; gap: 10px 10px; }
.reserve_list_con .reserve_list_box{ display: flex; justify-content: space-between; border: 1px solid var(--border-color1); border-radius: 9px; width: 335px; padding: 22px 20px; font-size: 16px; font-size: 1.6rem; line-height: 22px; line-height: 2.2rem; font-weight: 600; box-sizing: border-box; }
.reserve_list_con .reserve_cancel_btn{ padding-right: 18px; font-size: 14px; font-size: 1.4rem; line-height: 22px; line-height: 2.2rem; font-weight: 400; transition: font-weight 0.3s;
    background-image: url("/app_weven/web/content/program/njw_common/img/svg/close_FILL0_wght400_GRAD0_opsz24.svg"); background-size: 14px; background-position: right 0 center; background-repeat: no-repeat; }
.reserve_list_con .reserve_cancel_btn:hover{ font-weight: 500; }


/*FAQ형*/
.accordion_list{border: 1px solid var(--border-color5); padding: 23px 20px 45px 50px; border-radius: 9px;margin-bottom: 10px; cursor: pointer; overflow: hidden;}
.accordion_list:last-child{margin-bottom: 0;}
.accordion_list::after{content: ''; position: absolute; right: 15px; bottom: 14px; width: 30px; height: 30px;
    background-image: url("/app_weven/web/content/program/njw_common/img/svg/expand_more_FILL0_wght400_GRAD0_opsz20.svg"); background-repeat: no-repeat; background-position: center center; background-size: 22px; }
.accordion_title_wrap{ font-size: 18px; font-size: 1.8rem; line-height: 24px; line-height: 2.4rem; font-weight: 600; }
.accordion_title_wrap::before{content: 'Q.'; position: absolute; left: -30px; top: 0; font-size: 18px; font-size: 1.8rem; line-height: 24px; line-height: 2.4rem; font-weight: 700; }
.accordion_title_wrap > div{margin-bottom: 10px;}
.accordion_title_wrap > div:last-child{margin-bottom: 0;}
.accordion_category{width: 100%; color: var(--green-color1); padding-right: 15px; margin-right: 13px;}
.accordion_category::after{display: none; content: ""; position: absolute;right: 0; top: 2px; border-right: 1px solid var(--border-color6); height: 20px;}
.accordion_title{word-break: keep-all; transition: font-weight 0.2s; font-weight: 400;}
.accordion_content{font-size: 17px; font-size: 1.7rem; line-height: 30px; line-height: 3.0rem; font-weight: 400; display: none; /*overflow: hidden;*/  padding-top: 30px; word-break: keep-all;}
.accordion_content::before{content: 'A.'; position: absolute; left: -30px; top: 33px; font-size: 18px; font-size: 1.8rem; line-height: 24px; line-height: 2.4rem; font-weight: 700;}
.accordion_list.active{ border-width: 2px; border-color: var(--green-color5);  padding: 22px 19px 54px 49px; }
.accordion_list.active::after{background-image: url("/app_weven/web/content/program/njw_common/img/svg/expand_less_FILL0_wght400_GRAD0_opsz20_148515.svg"); }
.accordion_list.active .accordion_title{font-weight: 600;}
.accordion_list:hover .accordion_title{font-weight: 600;}


/*게시판 상세형*/
.view_title_wrap .title_status{ display: inline-block; font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; font-weight: 700; color: #fff; padding: 6px 15px; border-radius: 100px; background-color: var(--orange-color1); }
.view_title_wrap .title_region{ display: inline-block; font-size: 16px; font-size: 1.6rem; line-height: 22px; line-height: 2.2rem; font-weight: 600; vertical-align: middle; margin-left: 7px; }
.view_title_wrap .view_title_upper{ margin-bottom: 25px; }
.view_title_wrap .view_title_con{ max-width: calc(100% - 50px); }
.view_title_wrap .view_title{ font-size: 22px; font-size: 2.2rem; line-height: 30px; line-height: 3.0rem; font-weight: 700; }
.view_title_wrap .share_btn_con{ margin-top: -8px; }
.view_title_wrap .view_title_lower{ display: inline-block; margin-top: 13px; }
.view_title_wrap .view_title_lower .title_lower{ position: relative; display: inline-block; font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2.0rem; font-weight: 400; }
.view_title_wrap .view_title_lower .title_lower:not(:last-child){ padding-right: 15px; margin-right: 15px; }
.view_title_wrap .view_title_lower .title_lower:not(:last-child):after{ content: ''; position: absolute; top: 3px; right: 0; width: 1px; height: 14px; background-color: #D9D9D9; }
.view_title_wrap .view_title_lower .title_lower.hidden{ display: none !important; }
.view_content_wrap{ margin-top: 45px; border: 1px solid var(--border-color1); border-radius: 15px; padding: 30px; }
.view_content_wrap .view_content_con{ margin-bottom: 60px; }
.view_content_wrap .view_content{ font-size: 17px; font-size: 1.7rem; line-height: 30px; line-height: 3.0rem; font-weight: 400; word-break: break-all; }
.view_content_wrap .view_content .video_container{ width: 100%; padding-top: 56%; position: relative; }
.view_content_wrap .view_content iframe{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.view_content_wrap .view_content + div iframe{ width: 100% !important; }
.view_reply_wrap{ margin-top: 60px; padding-top: 60px; border-top: 2px solid var(--border-color1); }
.view_reply_wrap .view_content_wrap{ margin-top: 25px; }
.view_comment_wrap{ margin-top: 45px; }
.view_comment_wrap .comment_title{ font-size: 19px; font-size: 1.9rem; line-height: 25px; line-height: 2.5rem; font-weight: 700; }
.view_comment_wrap .comment_title span{ color: var(--orange-color1); margin-left: 6px; }
.view_download_wrap{ margin-top: 39px; margin-bottom: 10px; font-size: 17px; font-size: 1.7rem; line-height: 30px; line-height: 3.0rem; font-weight: 400; }
.view_download_wrap .download_title{ display: inline-block; font-weight: 500; margin-right: 11px; width: 100%;}
.view_download_wrap .download_btn{ display: inline-block; padding-right: 34px; position: relative; }
/* .has_line : 첨부파일이 여러개인 경우 왼쪽에 구분선 (예시페이지 - 알림정보>공지사항) */
.view_download_wrap .download_btn.has_line:not(.is_first){ margin-left: 0px; }
.view_download_wrap .download_btn.has_line:not(.is_first):after{ content: ''; position: absolute; left: -10px; top: 5px; width: 1px; height: 20px; background-color: var(--border-color1); }
.comment_input_con{ position: relative; }
.comment_input_con[re-comment-input-con]{ margin-bottom: 20px; }
.comment_input_con[comment-edit-con]{ margin-bottom: 10px; }
.comment_input_con[re-comment-edit-con]{ margin-bottom: 50px; }
.comment_input_con .input_btn_con{ position: absolute; bottom: 20px; right: 20px; }
.comment_insert .comment_input_con{ margin-top: 25px; }
.comment_list{ margin-top: 50px; font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2.0rem; cursor: default; word-break: keep-all; }
.comment_list .comment_con:not(:last-child){ padding-bottom: 50px; margin-bottom: 50px; border-bottom: 1px solid var(--border-color6); }
.comment_list .comment_con.active{ padding-bottom: 0; border-bottom: none; }
.comment_list .comment_box_inner{ position: relative; }
.comment_list .comment_name{ display: inline-block; font-weight: 600; position: relative; padding-right: 17px; margin-right: 12px; }
.comment_list .comment_name:after{ content: ''; width: 1px; height: 14px; background-color: var(--border-color6); position: absolute; top: 3px; right: 0; }
.comment_list .comment_time{ display: inline-block; }
.comment_list .comment_content_con{ margin-top: 17px; }
.comment_list .comment_content{ font-size: 17px; font-size: 1.7rem; line-height: 23px; line-height: 2.3rem; font-weight: 400; }
.comment_list .comment_re{ display: inline-block; margin-top: 20px; padding-right: 24px;
    background-image: url("/app_weven/web/content/program/njw_common/img/svg/expand_more_FILL0_wght400_GRAD0_opsz20.svg"); background-size: 20px; background-position: right 0 center; background-repeat: no-repeat; }
.comment_list .comment_re.space{ margin-top: 35px; }
.comment_list .comment_re span{ font-weight: 500; }
.comment_list .comment_btn_wrap{ position: absolute; bottom: 0; right: 0; }
.comment_list .comment_btn_con{ display: inline-block; position: relative; font-weight: 600; padding-left: 17px; margin-left: 12px; }
.comment_list .comment_btn_con:first-child{ padding-left: 0; margin-left: 0; }
.comment_list .comment_btn_con:not(:first-child):after{ content: ''; width: 1px; height: 14px; background-color: var(--border-color6); position: absolute; top: 3px; left: 0; }
.comment_list .re_comment_box_outer{ display: none; padding-top: 30px; padding-left: 70px;
    background-image: url("/app_weven/web/content/program/njw_common/img/svg/icon_re_comment.svg"); background-size: 18px; background-position: left 30px top 40px; background-repeat: no-repeat; }
.comment_list .re_comment_box{ border: 1px solid var(--border-color1); border-radius: var(--border-radius5); padding: 17px 30px 15px 30px; background-color: rgba(234, 235, 237, 0.15); }
.comment_list .re_comment_box_inner{ position: relative; }
.comment_list .re_comment_box_inner:not(:first-child){ margin-top: 16px; padding-top: 17px; border-top: 1px solid var(--border-color1); }
/*.comment_con.active : 답글 보는 버튼 클릭 시*/
.comment_list .comment_con.active .comment_re{ background-image: url("/app_weven/web/content/program/njw_common/img/svg/expand_less_FILL0_wght400_GRAD0_opsz20.svg"); }
.comment_list .comment_con.active .re_comment_box_outer{ display: block; }
.page_move_wrap{ margin-top: 45px; text-align: center; }
.page_move_wrap .page_move_btn{ display: block; width: fit-content; padding-left: 24px; font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2.0rem; font-weight: 400; text-align: left;
    background-size: 20px; background-position: left 0 center; background-repeat: no-repeat; }
.page_move_wrap .page_move_btn.prev_page{ background-image: url("/app_weven/web/content/program/njw_common/img/svg/expand_less_FILL0_wght400_GRAD0_opsz20.svg"); }
.page_move_wrap .page_move_btn.next_page{ margin-top: 8px; background-image: url("/app_weven/web/content/program/njw_common/img/svg/expand_more_FILL0_wght400_GRAD0_opsz20.svg"); }
.page_move_wrap .page_move_btn span:first-child{ font-weight: 500; margin-right: 7px; }
/*(동네작가 - 상세)*/
.view_neighborhood_wrap{ margin-top: 45px; padding: 21px; background-color: var(--green-background1); border-radius: var(--border-radius5); }
.view_neighborhood_wrap > div{ font-size: 0; }
.view_neighborhood_wrap .img_con{ display: inline-block; vertical-align: middle; width: 100px; }
.view_neighborhood_wrap .neighborhood_location_common{ display: inline-block; vertical-align: middle; width: calc(100% - 100px); padding-left: 30px; box-sizing: border-box; }
.view_neighborhood_wrap .view_neighborhood_text{ margin-top: 23px; font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; font-weight: 400; word-break: keep-all; }
.view_neighborhood_wrap .view_neighborhood_artist{ margin-top: 40px; }
.view_neighborhood_wrap .profile_con{ width: 50px; height: 50px; }
.view_neighborhood_wrap .view_artist_text{ display: inline-block; vertical-align: middle; margin-left: 20px; }
.view_neighborhood_wrap .view_artist_name{ margin-bottom: 3px; font-size: 16px; font-size: 1.6rem; line-height: 22px; line-height: 2.2rem; font-weight: 400; }
.view_neighborhood_wrap .view_artist_name span{ font-weight: 700; }


/*게시판 상세 에디터형*/
.insert_title{ font-size: 26px; font-size: 2.6rem; line-height: 32px; line-height: 3.2rem; font-weight: 700; }
.insert_select_con{ margin-top: 30px; padding: 30px; background-color: var(--green-background1); border-radius: var(--border-radius5); }
.insert_select_con .select_line{ font-size: 0; }
.insert_select_con .select_line:not(:last-child){ margin-bottom: 20px; }
.insert_select_con .select_title{ padding-top: 12px; width: 75px; display: inline-block; font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2.0rem; font-weight: 400; }
.insert_select_con .select_content{ width: calc(100% - 75px); display: inline-block; font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2.0rem; font-weight: 400; }
.insert_select_con .select_content > *{ display: inline-block; vertical-align: middle; }
.insert_select_con .select_style_00_wrap{ width: 250px; }
.insert_select_con .checkbox_style_00_wrap{ position: relative; bottom: 0; right: 0; margin-top: 20px; }
.insert_content_wrap{ margin-top: 50px; }
.insert_content_wrap .textarea_con{ margin-top: 30px; }
.insert_content_wrap .input_file_wrap{ margin-top: 30px; }
.insert_content_wrap .input_sub_title{ display: inline-block; vertical-align: middle; font-size: 17px; font-size: 1.7rem; line-height: 23px; line-height: 2.3rem; font-weight: 500; }
.insert_content_wrap .input_file_wrap .input_sub_title{ width: 75px; }
.insert_content_wrap .input_file_con{ display: inline-block; vertical-align: middle; }
.insert_content_wrap .radio_wrap{ margin-top: 50px; padding-top: 47px; border-top: 1px solid var(--border-color6); font-size: 17px; font-size: 1.7rem; line-height: 23px; line-height: 2.3rem; font-weight: 500; }
.insert_bottom_btn_wrap{ margin-top: 55px; font-size: 0; text-align: center; }
.insert_bottom_btn_wrap a:not(:last-child){ margin-right: 10px; }


/*기타형*/
.village_green_title{ margin-top: 50px; font-size: 22px; font-size: 2.2rem; line-height: 28px; line-height: 2.8rem; font-weight: 700; color: var(--green-color1); }
.village_box{ margin-top: 25px; border: 1px solid var(--border-color1); border-radius: var(--border-radius5); padding: 13px 20px; font-size: 17px; font-size: 1.7rem; line-height: 23px; line-height: 2.3rem; font-weight: 400; }
.village_box span{ font-weight: 600; margin-right: 3px; }
.village_desc{ margin-top: 20px; font-size: 15px; font-size: 1.5rem; line-height: 25px; line-height: 2.5rem; font-weight: 400; word-break: keep-all; }
.village_map_con{ margin-top: 30px; height: 300px; border-radius: var(--border-radius5); overflow: hidden; }
.village_map_con.type_2{ margin-top: 9px; height: 450px; }


/*추가*/
.info_section_wrap{ margin-top: 65px; }
.info_section_wrap .info_section_con:not(:last-child){ padding-bottom: 48px; margin-bottom: 45px; border-bottom: 1px solid var(--border-color6); }
.info_section_wrap .info_section_title{ margin-bottom: 25px; font-size: 26px; font-size: 2.6rem; line-height: 32px; line-height: 3.2rem; font-weight: 700; color: var(--green-color1); }
.info_section_wrap .info_section_title.black{ color: #000; }
.info_section_wrap .info_section_con ul.info_section_list{ padding-left: 10px; }
.info_section_wrap .info_section_con ul.info_section_list > li{ padding-left: 14px; margin-bottom: 17px; font-size: 16px; font-size: 1.6rem; line-height: 22px; line-height: 2.2rem; font-weight: 400; position: relative; }
.info_section_wrap .info_section_con ul.info_section_list > li:last-child{ margin-bottom: 0; }
.info_section_wrap .info_section_con ul.info_section_list > li:before{ content: ''; width: 4px; height: 4px; background-color: #000; border-radius: 50%; position: absolute; top: 8px; left: 0; }
.info_section_wrap .info_section_con ul.info_section_list > li span{ font-weight: 500; }
.info_section_wrap .info_section_con ul.info_section_list > li span.small_title{ font-weight: 600; margin-right: 12px; }
.info_section_wrap .info_section_con ul.info_section_list > li span.orange{ color: var(--orange-color1); }
.info_section_wrap .info_section_con ul.info_section_list > li > ul{ margin-top: 5px; }
.info_section_wrap .info_section_con ul.info_section_list > li > ul > li{ padding-left: 11px; margin-bottom: 3px; font-size: 15px; font-size: 1.5rem; line-height: 21px; line-height: 2.1rem; font-weight: 400; position: relative; }
.info_section_wrap .info_section_con ul.info_section_list > li > ul > li:last-child{ margin-bottom: 0; }
.info_section_wrap .info_section_con ul.info_section_list > li > ul > li:before{ content: ''; width: 5px; height: 1px; background-color: #000; position: absolute; top: 10px; left: 0; }
.info_section_wrap .info_section_con ul.info_section_list > li > ul > li .point_orange{ margin-top: 2px; font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; font-weight: 500; color: var(--orange-color1); }
.info_section_wrap .info_section_desc{ padding-left: 10px; /*max-width: 860px;*/ font-size: 17px; font-size: 1.7rem; line-height: 30px; line-height: 3.0rem; font-weight: 400; word-break: keep-all; }
/*.info_section_wrap.type_2 : 페이지 상단에 위치한 경우 (예시페이지 - 온라인교육)*/
.info_section_wrap.type_2{ margin-top: 0; }
.info_section_wrap.type_2 .info_section_con ul.info_section_list > li{ margin-bottom: 7px; }
.info_section_wrap.type_2 .info_section_con{ padding-bottom: 39px; margin-bottom: 48px; border-bottom: 1px solid var(--border-color6); }
.info_section_wrap.type_2 .info_section_desc{ padding: 0; font-size: 17px; font-size: 1.7rem; line-height: 30px; line-height: 3.0rem; font-weight: 400; }
.info_section_wrap.type_2 .info_section_btn_con{ position: relative; margin-top: 20px; width: 100%; text-align: right; }
.info_section_wrap.type_2 .info_section_btn_con.always_relative{ margin-top: 12px; }
/*(교육정보>교육안내)*/
.guide_intro_con{ margin-bottom: 70px; background-color: var(--green-background1); padding: 50px 30px; border-radius: var(--border-radius5); }
.guide_intro_text{ font-size: 18px; font-size: 1.8rem; line-height: 26px; line-height: 2.6rem; font-weight: 400; text-align: center; word-break: keep-all; }
.guide_intro_text span{ font-size: 24px; font-size: 2.4rem; line-height: 32px; line-height: 3.2rem; font-weight: 700; color: var(--green-color1); }
.guide_intro_type_wrap{ margin-top: 50px; font-size: 0; text-align: center; }
.guide_intro_type_con{ width: calc(100% / 4); display: inline-block; text-align: center; }
.guide_intro_type_con:nth-child(5){ margin-top: 30px; }
.guide_intro_type_con:nth-child(6){ display: none; } /* 귀촌인농산업 창업교육 숨김처리 */
.guide_intro_type_con:nth-child(8){ display: none; } /* 커뮤니티 교육 숨김처리 */
.guide_intro_type{ display: inline-flex; flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: center; width: 85px; cursor: pointer; }
.guide_type_icon{ width: 60px; height: 60px; background-color: #fff; border-radius: 50%; background-size: 35px; background-position: center center; background-repeat: no-repeat; }
.guide_type_icon.type_1{ background-image: url("/app_weven/web/content/program/njw_common/img/guide_intro_icon_01.svg"); }
.guide_type_icon.type_2{ background-image: url("/app_weven/web/content/program/njw_common/img/guide_intro_icon_02.svg"); }
.guide_type_icon.type_3{ background-image: url("/app_weven/web/content/program/njw_common/img/guide_intro_icon_03.svg"); }
.guide_type_icon.type_4{ background-image: url("/app_weven/web/content/program/njw_common/img/guide_intro_icon_04.svg"); }
.guide_type_icon.type_5{ background-image: url("/app_weven/web/content/program/njw_common/img/guide_intro_icon_05.svg"); }
.guide_type_icon.type_6{ background-image: url("/app_weven/web/content/program/njw_common/img/guide_intro_icon_06.svg"); }
.guide_type_icon.type_7{ background-image: url("/app_weven/web/content/program/njw_common/img/guide_intro_icon_07.svg"); }
.guide_type_icon.type_8{ background-image: url("/app_weven/web/content/program/njw_common/img/guide_intro_icon_08.svg"); }
.guide_type_text{ margin-top: 15px; font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2.0rem; font-weight: 500; text-align: center; word-break: keep-all; }
.guide_tab_wrapper{ margin-top: 40px; margin-bottom: 100px; }
/*(교육정보>교육안내>>상세)*/
div[id^='eduSe']{ cursor: pointer; }
/*(동네작가 - 전체 공통)*/
.neighborhood_location_common{ position: relative; }
.neighborhood_location_common .box_location_btn{ position: absolute; bottom: 8px; right: 0; }
.neighborhood_location_common .box_location_name{ font-size: 22px; font-size: 2.2rem; line-height: 28px; line-height: 2.8rem; font-weight: 700; }
.neighborhood_location_common .box_location_name span{ color: var(--orange-color1); }
.neighborhood_location_common .box_location_state{ margin-top: 10px; }
.neighborhood_location_common .location_state{ display: inline-block; font-size: 16px; font-size: 1.6rem; line-height: 28px; line-height: 2.8rem; font-weight: 400; position: relative; }
.neighborhood_location_common .location_state span{ font-weight: 600; }
.neighborhood_location_common .location_state:not(:last-child){ padding-right: 17px; margin-right: 11px; }
.neighborhood_location_common .location_state:not(:last-child):after{ content: ''; width: 1px; height: 15px; background-color: var(--border-color1); position: absolute; top: 5px; right: 0; }
/*(동네작가 - 홈)*/
.neighborhood_intro{ margin-top: 45px; font-size: 20px; font-size: 2.0rem; line-height: 32px; line-height: 3.2rem; font-weight: 400; text-align: center; word-break: keep-all; }
.neighborhood_intro .point_font{ font-size: 26px; font-size: 2.6rem; line-height: 32px; line-height: 3.2rem; font-weight: 700; color: var(--green-color1); }
.neighborhood_img_con{ margin-top: 50px; display: flex; justify-content: space-around; }
.neighborhood_img{ width: 25%; }
.neighborhood_type{ margin-top: 35px; font-size: 15px; font-size: 1.5rem; line-height: 21px; line-height: 2.1rem; font-weight: 500; }
.neighborhood_type span{ display: block; font-weight: 700; color: var(--orange-color1); }
.neighborhood_location_box{ padding: 14px 14px 17px 14px; border-radius: 10px !important; }
.neighborhood_location_text{ margin-top: 17px; margin-left: 7px; font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2.0rem; font-weight: 600; }
.neighborhood_location_text span{ color: var(--orange-color1); }


/*에디터 수정 부분*/
.wveditor_table_wrap::-webkit-scrollbar { height: 12px !important; background: transparent !important; }
.wveditor_table_wrap::-webkit-scrollbar-thumb { background-color: #3bbd3c !important; border-radius: 10px !important; border-top: 5px solid #fff !important; border-bottom: 5px solid #fff !important; }
.wveditor_table_wrap::-webkit-scrollbar-track { background-color: transparent !important; }



@media all and (min-width:768px){
    /* 서브비주얼 */
    .sub_img{ width: 400px; height: 257px; bottom: 0; left: calc(50% - 80px); right: unset; }
    .menu1 .sub_img{ background-image: url("/app_weven/web/content/program/njw_common/img/sub_visual_img_menu1.svg"); }
    .menu2 .sub_img{ background-image: url("/app_weven/web/content/program/njw_common/img/sub_visual_img_menu2.svg"); }
    .menu3 .sub_img{ background-image: url("/app_weven/web/content/program/njw_common/img/sub_visual_img_menu3.svg"); }
    .menu4 .sub_img{ background-image: url("/app_weven/web/content/program/njw_common/img/sub_visual_img_menu4.svg"); }
    .menu5 .sub_img{ background-image: url("/app_weven/web/content/program/njw_common/img/sub_visual_img_menu5.svg"); }
    .menu6 .sub_img{ background-image: url("/app_weven/web/content/program/njw_common/img/sub_visual_img_menu6.svg"); }

    /* 페이지 타입 */
    /*이미지 가로 게시판형*/
    .page_block_inner.type_horizontal{ flex-direction: row; height: 275px; padding-right: 40px; }
    .page_block_inner.type_horizontal .block_img_con{ width: 250px; }
    .page_block_inner.type_horizontal .block_text_con{ width: calc(100% - 250px); padding-left: 40px; }
    .page_block_inner.type_horizontal .block_text_area{ margin-top: 27px; min-height: auto; }
    .page_block_inner.type_horizontal .block_bottom_area{ right: 0; }
    /*(동네작가 - 공통)*/
    .list_desc.font_size_fixed{ padding-bottom: 0; }
    .box_artist_con{ flex-wrap: nowrap; }
    /*(동네작가 - 지역 리스트)*/
    .box_artist_con .img_con{ width: 250px; }
    .box_artist_con .box_location_text{ width: calc(100% - 250px); margin-top: 0; padding-left: 40px; }
    /*줄 게시판형*/
    .table_bottom_btn{ bottom: -77px; }
    /*달력 예약형 (type_reserve)*/
    .calendar_wrap.type_reserve .calendar_view{ padding-left: 60px; padding-right: 60px; }
    /*게시판 상세형*/
    .view_title_wrap .view_title{ line-height: 28px; line-height: 2.8rem; }
    /*게시판 상세 에디터형*/
    .insert_select_con .checkbox_style_00_wrap{ position: absolute; bottom: 7px; margin-top: 0; }
    /*추가*/
    /*(교육정보>교육안내)*/
    .guide_intro_con{ padding-left: 80px; padding-right: 80px; }
    .guide_intro_type{ padding: 0 !important; }
    /*(동네작가 - 홈)*/
    .neighborhood_img{ width: auto; }
    .neighborhood_type span{ display: inline-block; }
}


@media all and (min-width:992px){
    .state_text_con{ margin-top: 3px; margin-left: 21px; width: auto; }
    .search_fold_btn span{ background-size: 22px; }
    .view_download_wrap .download_btn.has_line:not(.is_first){ margin-left: 20px; }
    /* 서브컨테이너 공통 */
    .sub_container_con{ padding-bottom: 50px; }

    /* 공통 사용 */
    /*박스*/
    /*(박스 텍스트)*/
    .list_title{ font-size: 22px; font-size: 2.2rem; line-height: 28px; line-height: 2.8rem; }
    .list_desc{ margin-top: 28px; font-size: 16px; font-size: 1.6rem; line-height: 22px; line-height: 2.2rem; }
    /*상세페이지 이미지+텍스트 좌우나열*/
    .view_flex_img_text{ flex-direction: row; }

    /* 서브컨테이너 공통 */
    .has_tab{ padding-top: 5px; box-sizing: border-box; }

    /* 서브비주얼 */
    .title_menu_depth_1{ font-size: 17px; font-size: 1.7rem; line-height: 23px; line-height: 2.3rem; }
    .title_menu_depth_2{ font-size: 37px; font-size: 3.7rem; line-height: 47px; line-height: 4.7rem; }
    .sub_img{ left: calc(50% - 250px); }

    /* 페이지 타입 */
    /*이미지 가로 게시판형*/
    .page_block_inner.type_horizontal .block_text_area{ margin-top: 25px; }
    /*달력 예약형 (type_reserve)*/
    .calendar_wrap.type_reserve .calendar_view{ width: 50%; }
    .calendar_text{ width: 50%; }
    /*게시판 상세형*/
    .view_content_wrap{ padding: 50px; }
    /*FAQ형*/
    .accordion_title_wrap > div{margin-bottom: 0px;}
    .accordion_list {padding: 27px 60px 26px 60px;}
    .accordion_list.active {padding: 26px 59px 25px 59px; }
    .accordion_list::after{bottom: unset; top: 24px; right: 15px;}
    .accordion_list.active::after{ top: 22px; right: 14px; }
    .accordion_title{font-weight: 400;}
    .accordion_category{width: auto;}
    .accordion_category::after{display: block;}
    .accordion_date{margin-top: 2px;}
    /*추가*/
    .info_section_wrap.type_2 .info_section_btn_con:not(.always_relative){ position: absolute; bottom: 0; right: 0; width: auto; }



    .guide_intro_text{ font-size: 20px; font-size: 2.0rem; }
    .guide_intro_text span{ font-size: 26px; font-size: 2.6rem; }
    .guide_type_text{ font-size: 16px; font-size: 1.6rem; line-height: 22px; line-height: 2.2rem; }
    .guide_type_icon{ width: 70px; height: 70px; background-size: 42px; }
}


@media all and (min-width:1200px){
    /* 서브컨테이너 공통 */
    .sub_container_con{ padding-bottom: 70px; }

    /* 공통 사용 */
    .view_flex_img_text .block_img_con{ width: 480px; }
    .view_flex_img_text .block_text_con{ width: auto; }
    /*우측 검색 탭*/
    .sub_page_left_con{width: calc(100% - 325px);}
    .sub_page_right_con{ width: 325px; padding: 0 0 0 40px; position: relative; top: 0; right: 0; z-index: unset; height: auto;}
    .sub_page_right_con_dim{ display: none !important; }
    .search_fold_btn.do_fold{ display: inline-block; }
    .search_fold_btn.do_open{ display: none; }
    .search_content.type_divide > *:nth-child(1) { width: 100%; }
    .search_content.type_divide > *:nth-child(2) { width: 100%; margin-top: 9px; margin-left: 0; }
    .search_content.type_divide.has_two_select > *:nth-child(1) { width: 100%; }
    .search_content.type_divide.has_two_select > *:nth-child(2) { width: 100%; margin-left: 0; }
    .search_content.type_radio .radio_style_00_wrap .radio_con{ margin-bottom: 10px; }

    /* 서브비주얼 */
    .title_menu_depth_1{ font-size: 22px; font-size: 2.2rem; line-height: 28px; line-height: 2.8rem; }
    .title_menu_depth_2{ font-size: 50px; font-size: 5.0rem; line-height: 57px; line-height: 5.7rem; padding-top: 11px; }
    .sub_img{ width: 450px; height: 289px; left: calc(50% - 270px); }

    /* 페이지 타입 */
    /*이미지 가로 게시판형*/
    .page_block_inner.type_horizontal .block_text_area{ margin-top: 20px; }
    /*달력 예약형 (type_reserve)*/
    .calendar_wrap.type_reserve .calendar_view{ width: 545px; }
    .calendar_text{ width: calc(100% - 545px); }
    /*달력 예약형 (type_reserve)*/
    .reserve_desc{ width: calc(100% - 115px); }
    ul.reserve_time{ margin-top: -9px; }
    /*추가*/
    /*(교육정보>교육안내)*/
    .guide_intro_type_con{ width: calc(100% / 8); }
    .guide_intro_type_con:nth-child(5){ margin-top: 0 !important; }
}


@media all and (min-width:1600px){
    /* 공통 사용 */
    /*우측 검색 탭*/
    .sub_page_left_con{width: calc(100% - var(--right_con_width));}
    .sub_page_right_con{ width: var(--right_con_width); padding-left: 80px;}
    .search_fold_btn.do_fold{ display: none; }
    .search_content.type_divide > *:nth-child(1) { width: 107px; }
    .search_content.type_divide > *:nth-child(2) { width: calc(100% - 107px - 9px); margin-top: 0; margin-left: 9px; }
    .search_content.type_divide.has_two_select > *:nth-child(1) { width: calc(50% - 5px); }
    .search_content.type_divide.has_two_select > *:nth-child(2) { width: calc(50% - 5px); margin-left: 10px; }
    .search_content.type_radio .radio_style_00_wrap .radio_con{ margin-bottom: 0; }

    /* 서브비주얼 */
    .sub_img{ width: 499px; height: 321px; left: calc(50% - 310px); }

    /* 페이지 타입 */
    /*이미지 가로 게시판형*/
    .page_block_inner.type_horizontal{ height: auto; }
    .page_block_inner.type_horizontal .block_text_area{ margin-top: 0; }
    .page_block_inner.type_horizontal .block_bottom_area{ bottom: 0; }
    /*(동네작가 - 공통)*/
    .page_block_inner.type_horizontal.type_artist{ height: 240px; }

}