@charset "utf-8";


/*=======공통(스타일)========*/

/*리스트 스타일 00 : 포트폴리오 리스트*/
.list_style_00_wrap .list_con{ display: block; box-sizing: border-box; background-color: #fff; overflow: hidden; border-radius: 22px; cursor: pointer; }
.list_style_00_wrap .list_con .list_thumbnail_con{ width: 100%; padding-top: 80%; overflow: hidden; }
.list_style_00_wrap .list_con .list_thumbnail_con::before{content: ''; position: absolute; display: block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.06); left: 0; top: 0; z-index: 1;}
.list_style_00_wrap .list_con .list_thumbnail{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-size: cover; background-position: top 0 center; background-repeat: no-repeat; }
.list_style_00_wrap .list_con .list_cover_dim{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: linear-gradient(to top, rgba(0,0,0,0.1) 10%, rgba(0,0,0,0) 40%); opacity: 1; transition: opacity 0.3s;  z-index: 2;}
.list_style_00_wrap .list_con:hover .list_cover_dim{ opacity: 1; }
.list_style_00_wrap .list_con .list_cover_content{ position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; }
.list_style_00_wrap .list_con .list_cover_content .content_text_con{ font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2.0rem; font-weight: 500; color: #fff; }
.list_style_00_wrap .list_con .list_text_con{ padding: 15px 20px 15px 17px; border: 1px solid #dfecef; border-top: none; border-bottom-right-radius: 22px; border-bottom-left-radius: 22px;}
.list_style_00_wrap .list_con .btn_favorite{ position: absolute; top: 9px; right: 9px; /*z-index: 1;*/ width: 34px; height: 34px; background-size: 19px;
    background-image: url("/weven_data/rapahub/user_template/resource/img/svg/favorite_c2dbe2.svg"); background-position: left 8px top 9px; border: none; z-index: 2;}
.list_style_00_wrap .list_con.list_plus_btn{ /*padding-top: 100%;*/ padding-top: calc(80% + 52px);  border: 1px solid var(--color_border_1);}
.list_style_00_wrap .list_con.list_plus_btn:hover{ border: 1px solid var(--color_blue_1); /*padding-top: calc(100% - 2px);*/ padding-top: calc(80% + 52px); }
.list_style_00_wrap .list_con .list_plus_icon{ width: 58px; height: 58px; border-radius: 50%; background-color: #000; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: background-color 0.2s;
    background-image: url("/weven_data/rapahub/user_template/resource/img/svg/add_FILL0_wght400_GRAD0_opsz24_white.svg"); background-size: 38px; background-position: center center; background-repeat: no-repeat; }
.list_style_00_wrap .list_con:hover .list_plus_icon{ background-color: var(--color_blue_1); }

.list_style_01_wrap .list_con{padding: 30px 17px 31px 29px; display: block; box-sizing: border-box;  background-color: #fff; overflow: hidden; border-radius: 15px; border: 1px solid var(--color_border_1); cursor: pointer; }
.list_style_01_wrap .list_text_box{padding: 15px 30px 23px 0;}
.list_style_01_wrap .list_title{font-size: 17px; font-size: 1.7rem; line-height: 21px; line-height: 2.1rem; font-weight: 500; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all;}
.list_style_01_wrap .list_desc{font-size: 20px; font-size: 2rem; line-height: 28px; line-height: 2.8rem; font-weight: 700; margin-top: 9px; word-break: keep-all; width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 54px;}
.list_style_01_wrap .paging{margin-top: 20px;}
.list_style_01_wrap .list_date{font-size: 16px; font-size: 1.6rem; line-height: 27px; line-height: 2.7rem; font-weight: 400;background-image: url("/weven_data/rapahub/user_template/resource/img/svg/chevron_right_FILL0_wght300_GRAD0_opsz40.svg"); background-repeat: no-repeat; background-position: right 0px top 1px; background-size: 24px;}

/*팝업 스타일 00*/
/*.popup_style_00_wrap { overflow: hidden auto; max-height: 90%; width: 90%; }*/
.popup_style_00_wrap{ cursor: default; border-radius: 20px; max-width: 560px; overflow: hidden; }
/*.popup_style_00_wrap.overflow_visible { overflow: visible; }*/
/*.popup_style_00_wrap .popup_style_00_con { display: flex; flex-direction: column; }*/
.popup_style_00_wrap .popup_header{ background-color: #eef5f8; padding: 12px 11px 11px 27px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.popup_style_00_wrap .popup_title{ font-size: 18px; font-size: 1.8rem; line-height: 24px; line-height: 2.4rem; font-weight: 700; }
.popup_style_00_wrap .close_btn{ display: inline-block; width: 24px; height: 24px; padding: 20px; text-indent: -10000px; overflow: hidden; transition: background-color 0.3s;
    background-image: url("/weven_data/rapahub/user_template/resource/img/svg/close_FILL0_wght400_GRAD0_opsz24.svg"); background-size: 24px; background-position: center center; background-repeat: no-repeat; }
.popup_style_00_wrap .popup_body{ flex: 1 1 auto; padding: 50px 35px 60px 35px; font-size: 18px; font-size: 1.8rem; line-height: 24px; line-height: 2.4rem; font-weight: 400; }
.popup_style_00_wrap .panel_con{ }
.popup_style_00_wrap .bottom_btn_con{ text-align: center; margin-top: 50px; }
.popup_style_00_wrap .bottom_btn_con a{ margin-right: 6px; }
.popup_style_00_wrap .bottom_btn_con a:last-child{ margin-right: 0; }
/*(타입 - type_align_left 좌측정렬)*/
.popup_style_00_wrap .popup_body.type_align_left{ text-align: left; }
/*(타입 - type_align_center 중앙정렬)*/
.popup_style_00_wrap .popup_body.type_align_center{ text-align: center; }
/*(타입 - type_alert 디자인팝업)*/
.popup_style_00_wrap .popup_body.type_alert{ font-size: 25px; font-size: 2.5rem; line-height: 36px; line-height: 3.6rem; font-weight: 700; text-align: center; word-break: keep-all; }
.popup_style_00_wrap .popup_body.type_alert .panel_con{ padding-top: 23px; padding-bottom: 33px; }
.popup_style_00_wrap .popup_body.type_alert .panel_list{ float: none; margin-left: auto; margin-right: auto; max-width: 310px; }
/*(panel_list 내부)*/
.popup_style_00_wrap .border_box{ border: 1px solid var(--color_border_1); border-radius: 9px; padding: 23px 34px; height: 240px; overflow-y: auto; box-sizing: border-box;
    line-height: 30px; line-height: 3.0rem; font-weight: 300; word-break: keep-all; }
.popup_style_00_wrap .border_box.no_overflow{ padding: 22px 30px 24px 30px; height: unset; }
.popup_style_00_wrap .border_box::-webkit-scrollbar{ width: 10px; background-color: transparent; }
.popup_style_00_wrap .border_box::-webkit-scrollbar-thumb{ background-color: #dadada; border: 3px solid #fff; }
.popup_style_00_wrap .border_box::-webkit-scrollbar-thumb:hover{ background-color: #aaa; }

/*노데이터 스타일 00 : 세로로 큰 글씨*/
.nodata_style_00{ border: 1px solid var(--color_border_1); border-radius: 15px; padding: 67px 0 62px 0; text-align: center; font-size: 0; }
.nodata_style_00 .nodata_text{ font-size: 24px; font-size: 2.4rem; line-height: 30px; line-height: 3.0rem; font-weight: 700; }
.nodata_style_00 .nodata_text > div{ margin-bottom: 4px; }
.nodata_style_00 .nodata_text > div:last-child{ margin-bottom: 0; }
.nodata_style_00 .plus_icon{ display: inline-block; width: 45px; height: 45px; border-radius: 50%; background-color: #000; transition: background-color 0.2s; margin-top: 16px;
    background-image: url("/weven_data/rapahub/user_template/resource/img/svg/add_FILL0_wght400_GRAD0_opsz24_white.svg"); background-size: 39px; background-position: center center; background-repeat: no-repeat; }
/*(hover_interactive) 호버시 색상 변경*/
.nodata_style_00.hover_interactive{ cursor: pointer; }
.nodata_style_00.hover_interactive:hover{ border-color: var(--color_blue_1); }
.nodata_style_00.hover_interactive:hover .plus_icon{ background-color: var(--color_blue_1); }

/*노데이터 스타일 01 : 느낌표 우측에 작은 글씨 (border 없음)*/
.nodata_style_01{ padding: 84px 0 81px 0; text-align: center; font-size: 0; }
.nodata_style_01 > div{ display: inline-block; padding-left: 34px; font-size: 18px; font-size: 1.8rem; line-height: 22px; line-height: 2.2rem; font-weight: 300;
    background-image: url("/weven_data/rapahub/user_template/resource/img/svg/error_FILL1_wght700_GRAD0_opsz24.svg"); background-size: 24px; background-position: left center; background-repeat: no-repeat; }



/*=======공통(페이지)========*/

/*-----페이지 본문-----*/

.flex_jcc_wrap{ display: flex; justify-content: center; }
.page_container{ max-width: 1400px; padding: 22px 30px 35px 30px; box-sizing: border-box; }
.page_container .btn_mobile_tab{ display: inline-block; margin-right: 9px; transform: scale(0.7); margin-top: -1px; margin-left: -7px;}
.page_container .share_btn_con{ margin-left: 11px; margin-top: 1px; transform: scale(0.75);}
.page_title_con{ min-height: 51px; /*height: 100%;*/ z-index: 1; }
.page_title{ font-size: 25px; font-size: 2.5rem; line-height: 37px; line-height: 3.7rem; font-weight: 800; }
 h1{ font-size:0; font-weight:0; }
.page_title_left{ float: left; display: flex; align-items: center; height: 100%; }
.page_title_right{ float: right; display: flex; align-items: center; height: 100%; margin-top: 1px;}
.page_content_con.type_1{ padding-top: 20px; }
.page_content_con.type_2{ padding-top: 20px; }
.page_content_con.type_3{ padding-top: 20px; }

/* 리스트 */
.page_content_con .page_left_bar_wrap{ position: fixed; top: 0; left: -340px; z-index: 102; width: 340px; height: 100%; padding: 29px; background-color: #fff; transition: left 0.3s; }
.page_content_con .page_left_bar_wrap.active{ left: 0; overflow: auto;}
.page_content_con .page_left_bar_wrap ~ .page_list_wrap{ width: 100%; padding-left: 0; }
.page_content_con .page_list_wrap{ width: 100%; }
.page_content_con .page_left_bar_dim{ display: none; position: fixed; top: 0; left: 0; z-index: 101; width: 100%; height: 100%; background-color: #000; opacity: 0.5; }
.page_content_con .page_left_bar_wrap.active ~ .page_left_bar_dim{ display: block; }
.page_content_con .page_left_bar_close{display: inline-block; width: 30px; height: 30px; border-radius: 50%; margin-bottom: 29px; background-image: url("/weven_data/rapahub/user_template/resource/img/svg/close.svg"); background-size: cover; background-position: 0 0; background-repeat: no-repeat; cursor: pointer;}
.page_content_con .page_left_bar_con{ padding: 29px 19px; }
.page_content_con .left_bar_con_title{ font-size: 18px; font-size: 1.8rem; line-height: 23px; line-height: 2.3rem; font-weight: 700;}
.page_content_con .left_bar_title{ font-size: 19px; font-size: 1.9rem; line-height: 21px; line-height: 2.1rem; font-weight: 800; }
.page_content_con .left_bar_content{ margin-top: 30px; }
.page_content_con hr{ width: 100%; height: 1px; background-color: var(--color_border_1); display:inline-block; vertical-align: middle; }
.page_content_con .portfolio_radio{ display: inline-block; position: relative; margin-top: 3px; padding-right: 14px; margin-right: 8px; }
.page_content_con .portfolio_radio:last-child{ padding-right: 0; margin-right: 0; }
.page_content_con .portfolio_radio:after{ content: ''; display: inline-block; width: 1px; height: 13px; background-color: #e5e5e5; position: absolute; top: 3px; right: 0; }
.page_content_con .portfolio_radio:last-child:after{ content: none; }
.page_content_con .portfolio_checkbox{ display: inline-block; position: relative; margin-top: 3px; padding-right: 14px; margin-right: 8px; }
.page_content_con .portfolio_checkbox:last-child{ padding-right: 0; margin-right: 0; }
.page_content_con .portfolio_checkbox:after{ content: ''; display: inline-block; width: 1px; height: 13px; background-color: #e5e5e5; position: absolute; top: 3px; right: 0; }
.page_content_con .portfolio_checkbox:last-child:after{ content: none; }

/* 폼
 * .type_intro: 유의사항 안내 페이지 / .type_form: 입력폼 페이지 / .type_complete : 완료 페이지
 * #pageCollaborationRequestConfirm: 협업요청 / #pageCounselRequestConfirm: 상담신청 / #pageQnaRequestConfirm : 문의하기
 */
/*(주의사항)*/
.form_warn_con{ padding: 23px 33px 23px 51px; border-radius: 20px; background-color: var(--color_light_2); margin-bottom: 29px;
    background-image: url("/weven_data/rapahub/user_template/resource/img/svg/warning_FILL1_wght400_GRAD0_opsz24_f03789.svg"); background-size: 19px; background-position: left 26px top 26px; background-repeat: no-repeat; }
.form_warn_title{ font-size: 16px; font-size: 1.6rem; line-height: 24px; line-height: 2.4rem; font-weight: 700; margin-bottom: 14px;  word-break: keep-all;}
.form_warn_con ul.has_left li{font-size: 16px; font-size: 1.6rem; line-height: 23px; line-height: 2.3rem;}
.form_warn_con.type_2 ul.has_left li{line-height: 19px; line-height: 1.9rem;}
/*(제목)*/
/* .form_title_con{ margin-bottom: 22px; } */
.form_title_left{ float: left; display: flex; align-items: center; height: 100%; }
.form_title{ font-size: 17px; font-size: 1.7rem; line-height: 27px; line-height: 2.7rem; font-weight: 500; margin-bottom: 18px;}
.form_title.type_2{ font-size: 21px; font-size: 2.1rem; font-weight: 800; margin-bottom: 0;}
.form_title_right{ float: right; display: flex; align-items: center; height: 100%; }
.form_essential_text{ font-size: 15px; font-size: 1.5rem; line-height: 21px; line-height: 2.1rem; margin-top: 9px; }
.form_essential_text span{ font-size: 18px; font-size: 1.8rem; line-height: 18px; line-height: 1.8rem; font-weight: 700; color: var(--color_pink_1); position: relative; top: 4px; padding-right: 4px; }
/*(완료 페이지)*/
.form_confirm_icon{ width: auto; height: 120px; margin-bottom: 17px; background-size: contain; background-position: center center; background-repeat: no-repeat;  margin-top: 28px;}
#pageCollaborationRequestConfirm .form_confirm_icon{ background-image: url("/weven_data/rapahub/user_template/resource/img/form_complete_collaboration.png"); }
#pageCounselRequestConfirm .form_confirm_icon{ background-image: url("/weven_data/rapahub/user_template/resource/img/form_complete_counsel.png"); margin-right: 72px;}
#pageJobConfirm .form_confirm_icon{ background-image: url("/weven_data/rapahub/user_template/resource/img/form_complete_counsel.png"); margin-right: 72px;}
#pageQnaRequestConfirm .form_confirm_icon{ background-image: url("/weven_data/rapahub/user_template/resource/img/form_complete_qna.png"); height: 140px; margin-right: 52px; }
.form_confirm_title{ font-size: 31px; font-size: 3.1rem; line-height: 38px; line-height: 3.8rem; font-weight: 800; text-align: center; margin-bottom: 6px; word-spacing: -0.06em;}
.form_confirm_desc{ font-size: 18px; font-size: 1.8rem; line-height: 34px; line-height: 3.4rem; font-weight: 500; text-align: center;
    float: none; margin-left: auto; margin-right: auto; max-width: 470px; word-break: keep-all; }
.form_intro_desc{ font-size: 17px; font-size: 1.7rem; line-height: 21px; line-height: 2.1rem; font-weight: 400; text-align: center; margin-top: 28px; }


/*-----리스트 페이지네이션-----*/
.button_container{font-size:0; white-space:nowrap; text-align: center;}
.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; font-family:"Roboto";}
.button_container li.btn_singlePage{z-index: 0; text-indent: -10000px; width:40px; height:40px; border-radius:50%; background-color: #fff; margin-right:3px; margin-left:3px; background-size: 20px;
    border: 1px solid #d3e5ea; box-sizing: border-box; transition: all 0.2s;}
.button_container li.btn_singlePage:hover{background-color: var(--color_blue_1); border-color: var(--color_blue_1);}
.button_container li.btn_singlePage.btn_firstPage{ display: none; }
.button_container li.btn_singlePage.btn_prevPage{background-image: url("/weven_data/rapahub/user_template/resource/img/svg/arrow_left.svg"); margin-right:25px; background-position: left 9px center;}
.button_container li.btn_singlePage.btn_nextPage{background-image: url("/weven_data/rapahub/user_template/resource/img/svg/arrow_right.svg"); margin-left:25px;  background-position: left 11px center;}
.button_container li.btn_singlePage.btn_prevPage:hover{background-image: url("/weven_data/rapahub/user_template/resource/img/svg/arrow_left_white.svg");}
.button_container li.btn_singlePage.btn_nextPage:hover{background-image: url("/weven_data/rapahub/user_template/resource/img/svg/arrow_right_white.svg");}
.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-top: 4px; padding-right:2px; padding-left:2px; z-index: 1; margin-right:7px; margin-left:7px; }
.button_container li.btn_page.selected{color:#000; font-weight: 800;}

/* 탭 버튼 */
.page_tab_con{ }
.page_tab_con ul{ font-size: 0; border-bottom: 1px solid var(--color_border_1); }
.page_tab_con ul li{ display: inline-block; width: 133px; height: 51px; padding: 16px 0 15px 3px; background-color: var(--color_light_1); border-top-left-radius: 12px; border-top-right-radius: 12px; border-bottom: 1px solid var(--color_border_1);
    position: relative; bottom: -1px; font-size: 15px; font-size: 1.5rem; line-height: 21px; line-height: 2.1rem; font-weight: 500; text-align: center; box-sizing: border-box; cursor: pointer; }
.page_tab_con ul li>a{display: inline-block; width: 100%; height: 100%;}
.page_tab_con ul li.active{ background-color: #fff; font-weight: 700; border: 2px solid #000; border-bottom: 1px solid #fff; }
.page_tab_con ul li:hover{ font-weight: 700; }

/* url */
.url .desc{color: var(--color_blue_4); font-weight: 400; padding-right: 30px; background-image: url("/weven_data/rapahub/user_template/resource/img/svg/arrow_right_alt.svg"); background-repeat: no-repeat; background-position: right 0 center; background-size: 22px; cursor: pointer; max-width: 90%; word-break: break-all; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.url .desc:hover{color: var(--color_blue_1); background-image: url("/weven_data/rapahub/user_template/resource/img/svg/arrow_right_alt_hover.svg");}

/* 상세화면 */
.view_category{font-size: 18px; font-size: 1.8rem; line-height: 24px; line-height: 2.4rem; font-weight: 600; color: var(--color_blue_1);}
.view_title{font-size: 23px; font-size: 2.3rem; line-height: 31px; line-height: 3.1rem; font-weight: 700; margin-top: 10px; max-width: 80%; word-break: keep-all;}
.view_organization_name{font-size: 17px; font-size: 1.7rem; line-height: 38px; line-height: 3.8rem;}
.new_list{font-weight: 700; color: var(--color_blue_4); position: relative; right: 0; top: 0;}
.view_title .new_list{font-size: 15px; font-size: 1.5rem; line-height: 26px; line-height: 2.6rem; right: -5px; top: -8px;}
.view_date{font-size: 15px; font-size: 1.5rem; line-height: 24px; line-height: 2.4rem; font-weight: 400; margin-top: 13px;}
.view_box .add_file_name{font-size: 16px; font-size: 1.6rem; line-height: 22px; line-height: 2.2rem; font-weight: 400; color: var(--color_blue_4); margin-right: 9px; margin-top: 2px; }
.add_file_circle{width: 28px; height: 28px; border: 1px solid var(--color_border_1); border-radius: 50%; box-sizing: border-box; background-image: url("/weven_data/rapahub/user_template/resource/img/svg/download.svg"); background-repeat: no-repeat; background-position: center center; background-size: 20px;  transition: none;}
.add_file_con{display: flex; flex-wrap: wrap; max-width: 800px; cursor: pointer; float: right; justify-content: flex-end;}
.add_file_con:not(.no_file){margin-bottom: 18px;}
.add_file_list { margin-bottom: 13px;}
.add_file_list + .add_file_list {margin-left: 15px;}
.add_file_list:hover .add_file_name{color: var(--color_blue_1);}
.add_file_list:hover .add_file_circle{background-color: var(--color_blue_1); background-image: url("/weven_data/rapahub/user_template/resource/img/svg/download_white.svg"); border-color: var(--color_blue_1);}
.view_box{border-top: 1px solid var(--color_border_1); padding: 30px 0px 55px 0px;margin-top: 30px; }
.view_box_top_con{border-bottom: 1px solid var(--color_border_1); padding-bottom: 56px;}
.view_box_bottom_con{padding-top: 54px;}
.view_box_top_list{margin-bottom: 16px;}
.view_box_top_list:last-child{margin-bottom: 0px;}
.view_box_bottom_list {margin-bottom: 36px;}
.view_box_bottom_list:last-child {margin-bottom: 0;}
.view_box_title{font-size: 18px; font-size: 1.8rem; line-height: 24px; line-height: 2.4rem; font-weight: 700; margin-right: 22px;}
.view_box_desc{font-size: 18px; font-size: 1.8rem; line-height: 24px; line-height: 2.4rem; font-weight: 300;}
.view_box_text{font-size: 18px; font-size: 1.8rem; line-height: 30px; line-height: 3rem; font-weight: 300; word-break: keep-all;}
.view_box_bottom_list .view_box_title{margin-bottom: 6px;}
.view_box_bottom_list .view_box_desc{margin-bottom: 6px;}
.view_box_bottom_list .view_box_desc:last-child{margin-bottom: 0px;}

/* 마이페이지 */
.mypage{}
.mypage .page_content_con .btn_type_con{display: none;}
.mypage .page_content_con:last-child .btn_type_con{display: flex; justify-content: center;}
.mypage .page_content_con .modify_btn_con{display: flex; margin-right: 7px;}
.mypage .view_box {margin-bottom: 7px;}
.mypage .page_content_con:last-child .view_box {margin-bottom: 0px;}
.mypage .answer{display: block; width: 52px; position: relative; font-size: 15px; font-size: 1.5rem; line-height: 21px; line-height: 2.1rem; font-weight: 700; border-radius: 6px; padding: 8px 11px 6px 14px; border: 1px solid; top: -4px; margin-right: 10px; margin-bottom: 9px;}
.mypage .complete{border-color: #b7bbc4; color: #000;}
.mypage .waiting{border-color: var(--color_blue_4); color: var(--color_blue_4);}
.mypage .view_box_text{margin-bottom: 0;}

/*프로필 이미지*/
.user_profile_con{ width: 30px; height: 30px; margin-right: 16px; border-radius: 50%; overflow: hidden; background-color: #eee; }
.user_profile{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-size: cover; background-position: top 0 center; background-repeat: no-repeat; }


/*디지털 미디어 허브*/
.page_menu1{ }

/*경력관리*/
.page_menu2{ }
.page_menu2 .user_profile_con{ width: 30px; height: 30px; margin-right: 10px; }
.page_menu2 .portfolio_type{ font-size: 16px; font-size: 1.6rem; line-height: 31px; line-height: 3.1rem; font-weight: 700; color: var(--color_blue_2); }
.page_menu2 .portfolio_public{ font-size: 15px; font-size: 1.5rem; line-height: 23px; line-height: 2.3rem; font-weight: 600; margin-left: 0px; margin-top: 0px; border: 1px solid #d3dae4; border-radius: 7px; padding: 4px 10px 2px 11px;}
.page_menu2 .portfolio_public.close_public{ color: #a2b2c7; font-weight: 500;}

/*인프라 정보 통합서비스*/
.page_menu3{ }

/*세무/법률*/
.page_menu4{ }

/*알림마당*/
.page_menu5{ }



/*=======페이지========*/

/* 마이페이지 - 협업내역 */
/* 리스트 */
#collaborationHistory {}

/* 상세화면 */
#collaborationView .new_list{ font-size: 20px; font-size: 2rem; line-height: 26px; line-height: 2.6rem; position: relative; right: -6px; top: -5px;}
#collaborationView .view_box_bottom_list{margin-bottom: 10px;}

/* 마이페이지 - 알림내역 */
/* 리스트 */
#notification .accordion_wrap{margin-top: 23px;}
#notification .accordion_list{padding-left: 54px; padding-bottom: 23px;}
#notification .accordion_title_wrap::before{transform: scale(0.85); content: '.'; position: absolute; left: -33px; top: -1px; width: 26px; height: 26px; border-radius: 50%; background-color: #f03789; background-image: url("/weven_data/rapahub/user_template/resource/img/svg/notifications_white.svg"); background-size: 17px; background-repeat: no-repeat; background-position: 5px 4px;}
#notification .accordion_category::after {right: 1px; display: none;}


/* 마이페이지 - 문의내역 */
/* 상세화면 */


/*디지털미디어허브 - 소개*/
.section_intro .page_container{overflow: visible;}
.section_intro .introduce_text{ font-size: 20px; font-size: 2.0rem; line-height: 29px; line-height: 2.9rem; font-weight: 500; }
.section_intro .introduce_wrap{position: relative;}
.section_intro .introduce_wrap > img{ width: 260px; position: relative; top: 0; left: 50%; transform: translateX(-50%); }
.section_intro .introduce_con{ position: relative; width: 100%; margin-top: 10px;}
.section_intro .introduce_con:first-of-type{margin-top: 44px;}
/*.section_intro .introduce_con:nth-of-type(1){ left: 0; transform: translateX(-400px); }*/
/*.section_intro .introduce_con:nth-of-type(2){ left: 50%; transform: translateX(60px); }*/
/*.section_intro .introduce_con:nth-of-type(3){ right: 0; transform: translateX(-170px); }*/
/* .section_intro .introduce_con:nth-of-type(1){ top: 63px; left: 0; }
.section_intro .introduce_con:nth-of-type(2){ top: -59px; left: 480px; }
.section_intro .introduce_con:nth-of-type(3){ top: -78px; left: 50%; transform: translateX(-50%); } */
.section_intro .introduce_num{ font-size: 26px; font-size: 2.6rem; line-height: 37px; line-height: 3.7rem; font-weight: 700;}
.section_intro .introduce_title{ font-size: 28px; font-size: 2.8rem; line-height: 38px; line-height: 3.8rem; font-weight: 700; margin-bottom: 9px; word-spacing: -0.09em;}
.section_intro .introduce_desc{ font-size: 20px; font-size: 2.0rem; line-height: 32px; line-height: 3.2rem; font-weight: 400; }
.section_intro .introduce_img_con{text-align: right;}
.section_intro .introduce_img{width: 170px;}
.section_intro .introduce_bg{background-image: url("/weven_data/rapahub/user_template/resource/img/introduce_background.png"); background-size: 537px; background-position: center center; background-repeat: no-repeat;  position: absolute; left: -30px; top: 110px; width: calc(100% + 60px); height: 100%; z-index: -99;}

/*디지털미디어허브 - 주요파트너사*/
#pagePartnerCompany .partner_con{ text-align: center; }
#pagePartnerCompany .partner_logo{ display: flex; align-items: center; justify-content: center; height: 180px; border: 1px solid var(--color_border_1); border-radius: 15px; }
#pagePartnerCompany .partner_name{ font-size: 17px; font-size: 1.7rem; line-height: 23px; line-height: 2.3rem; font-weight: 600; margin-top: 15px; }


/*경력관리 - 포트폴리오 - 리스트*/
#pagePortfolioList .select_style_00_wrap{width: 138px;}
#pagePortfolioList .user_profile_con{ width: 30px; height: 30px; margin-right: 10px; }
#pagePortfolioList .user_name{ font-size: 16px; font-size: 1.6rem; line-height: 31px; line-height: 3.1rem; font-weight: 700; }
#pagePortfolioList .input_style_00{height: 55px; font-size: 17px; font-size: 1.7rem;}
#pagePortfolioList .input_search_wrap .input_search_icon{background-position: right 18px center;}
#pagePortfolioList .radio_style_00_wrap .radio_con{font-size: 18px; font-size: 1.8rem; margin-bottom: 22px;}
#pagePortfolioList .radio_style_00_wrap .radio_con:last-child{margin-bottom: 0;}
#pagePortfolioList .page_content_con hr{margin-top: -5px; width: calc(100% - 40px); margin: 0 20px 0 20px;}
#pagePortfolioList .paging{margin-top: 30px;}
#pagePortfolioList .checkbox_style_00_wrap .checkbox_con{font-size: 18px; font-size: 1.8rem; line-height: 21px; line-height: 2.1rem; font-weight: 400; margin-bottom: 20px;}
#pagePortfolioList .checkbox_style_00_wrap .checkbox_con:hover{font-weight: 600;}
@supports(-webkit-appearance: none) or (-moz-appearance: none) {
    #pagePortfolioList input[type='checkbox'] {height: 27px; left: 0px; top: 4px; border-radius: 7px;}
    #pagePortfolioList input[type='checkbox']:not(.toggle) { width: 27px; }
    #pagePortfolioList input[type='checkbox']:not(.toggle)::after { background-size: 23px; top: 1px; left: 2px;}
    #pagePortfolioList input[type='checkbox']:checked + div{font-weight: 600;}
    #pagePortfolioList input[type='checkbox']:checked + label{font-weight: 600;}
}

/*경력관리 - 포트폴리오 - 리스트 팝업*/
#popPortfolio{width: 100%; height: 100%; padding: 20px 30px 30px 30px; background-color: #fff; cursor: default; overflow: hidden auto;}
#popPortfolio::-webkit-scrollbar{ width: 1px; background-color: transparent; }
#popPortfolio::-webkit-scrollbar-thumb{ background-color: transparent;}
#popPortfolio .portfolio_content{display: flex; flex-direction: column-reverse; gap: 20px;}
#popPortfolio .pop_close_btn{ position: fixed; top: 10px; right: 11px; z-index: 11; width: 24px; height: 24px; padding: 10px;
    background-image: url("/weven_data/rapahub/user_template/resource/img/svg/close.svg"); background-size: 26px; background-position: center center; background-repeat: no-repeat; }
#popPortfolio .pop_thumbnail_con .pop_thumbnail{ width: 100%; height: 100%; }
#popPortfolio .pop_title_con{ border-bottom: 1px solid var(--color_border_1); padding-top: 35px; padding-bottom: 30px; margin-bottom: 32px; }
#popPortfolio .user_profile_con{ width: 47px; height: 47px; cursor: pointer;}
#popPortfolio .portfolio_type{ font-size: 22px; font-size: 2.2rem; line-height: 30px; line-height: 3.0rem; font-weight: 700; color: var(--color_blue_2); margin-bottom: 8px; }
#popPortfolio .portfolio_title{ font-size: 33px; font-size: 3.3rem; line-height: 39px; line-height: 3.9rem; font-weight: 800; margin-bottom: 25px; word-break: keep-all;}
#popPortfolio .user_name{ font-size: 18px; font-size: 1.8rem; line-height: 24px; line-height: 2.4rem; font-weight: 700; margin-top: 11px;
    padding-right: 25px; background-image: url("/weven_data/rapahub/user_template/resource/img/svg/keyboard_arrow_right_FILL0_wght400_GRAD0_opsz20.svg"); background-size: 20px; background-position: right 1px top 2px; background-repeat: no-repeat; }
#popPortfolio .url_copy_alert{ position: absolute; top: 62px; right: 0; width: max-content; padding: 8px 18px; background-color: #edf2f8; border-radius: 100px;
    font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2.0rem; font-weight: 500; opacity: 0; transform: translateY(10px); transition: opacity 0.3s, transform 0.3s; }
#popPortfolio .url_copy_alert.active{ opacity: 1; transform: translateY(0); }
#popPortfolio .pop_desc_con{ font-size: 17px; font-size: 1.7rem; line-height: 28px; line-height: 2.8rem; font-weight: 400; word-break: keep-all; margin-bottom: 40px;}
#popPortfolio .pop_desc_con::-webkit-scrollbar{ width: 10px; background-color: transparent; }
#popPortfolio .pop_desc_con::-webkit-scrollbar-thumb{ background-color: #dadada; border: 3px solid #fff; }
#popPortfolio .pop_desc_con::-webkit-scrollbar-thumb:hover{ background-color: #aaa; }
#popPortfolio .pop_arrow_con{ left: 0; width: 100%; padding: 0 45px; box-sizing: border-box; margin-top: 25px; }

#popPortfolioView{ max-width: 1200px; width: 100%; height: 100%; padding: 20px 30px 30px 30px; background-color: #fff; cursor: default; overflow: hidden auto;}
#popPortfolioView::-webkit-scrollbar{ width: 1px; background-color: transparent; }
#popPortfolioView::-webkit-scrollbar-thumb{ background-color: transparent;}
#popPortfolioView .portfolio_content{display: flex; flex-direction: column-reverse; gap: 20px;}
#popPortfolioView .pop_close_btn{ position: fixed; top: 10px; right: 11px; z-index: 11; width: 24px; height: 24px; padding: 10px;
    background-image: url("/weven_data/rapahub/user_template/resource/img/svg/close.svg"); background-size: 26px; background-position: center center; background-repeat: no-repeat; }
#popPortfolioView .pop_thumbnail_con::-webkit-scrollbar{display: none;}
#popPortfolioView .pop_thumbnail_con .pop_thumbnail{ width: 100%; height: 100%; }
#popPortfolioView .pop_title_con{ border-bottom: 1px solid var(--color_border_1); padding-top: 35px; padding-bottom: 30px; margin-bottom: 32px; }
#popPortfolioView .user_profile_con{ width: 47px; height: 47px; cursor: pointer;}
#popPortfolioView .portfolio_type{ font-size: 22px; font-size: 2.2rem; line-height: 30px; line-height: 3.0rem; font-weight: 700; color: var(--color_blue_2); margin-bottom: 8px; }
#popPortfolioView .portfolio_title{ font-size: 33px; font-size: 3.3rem; line-height: 39px; line-height: 3.9rem; font-weight: 800; margin-bottom: 25px; word-break: keep-all;}
#popPortfolioView .user_name{ font-size: 18px; font-size: 1.8rem; line-height: 24px; line-height: 2.4rem; font-weight: 700; margin-top: 11px;
    padding-right: 25px; background-image: url("/weven_data/rapahub/user_template/resource/img/svg/keyboard_arrow_right_FILL0_wght400_GRAD0_opsz20.svg"); background-size: 20px; background-position: right top 3px; background-repeat: no-repeat; }
#popPortfolioView .url_copy_alert{ position: absolute; top: 64px; right: 0; width: max-content; padding: 8px 18px; background-color: #edf2f8; border-radius: 100px;
    font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2.0rem; font-weight: 500; opacity: 0; transform: translateY(10px); transition: opacity 0.3s, transform 0.3s; }
#popPortfolioView .url_copy_alert.active{ opacity: 1; transform: translateY(0); }
#popPortfolioView .pop_desc_con{ font-size: 17px; font-size: 1.7rem; line-height: 28px; line-height: 2.8rem; font-weight: 400; word-break: keep-all; margin-bottom: 40px;}
#popPortfolioView .pop_desc_con::-webkit-scrollbar{ width: 10px; background-color: transparent; }
#popPortfolioView .pop_desc_con::-webkit-scrollbar-thumb{ background-color: #dadada; border: 3px solid #fff; }
#popPortfolioView .pop_desc_con::-webkit-scrollbar-thumb:hover{ background-color: #aaa; }
#popPortfolioView .pop_arrow_con{ left: 0; width: 100%; padding: 0 45px; box-sizing: border-box; margin-top: 25px; }

/*경력관리 - 포트폴리오 - 상세*/
#pagePortfolioView{ }
#pagePortfolioView .nodata_con{border: none;}
#pagePortfolioView .page_top_con{ margin-bottom: 35px; display: flex; justify-content: center; flex-direction: column-reverse; gap: 12px; align-items: center;}
#pagePortfolioView .page_top_left{ display: flex; align-items: center; justify-content: center; flex-direction: column;}
#pagePortfolioView .user_info_con{width: 100%;}
#pagePortfolioView .user_profile_wrap{display: flex; justify-content: flex-start; gap: 20px;}
#pagePortfolioView .user_profile_con{width: 60px; height: 60px; margin-bottom: 22px; margin-right: 0;}
#pagePortfolioView .user_name_wrap{width: calc(100% - 80px);}
#pagePortfolioView .user_name_con{vertical-align: middle; margin-bottom: 19px; margin-top: 7px;}
#pagePortfolioView .user_name{ display: inline-block; font-size: 28px; font-size: 2.8rem; line-height: 40px; line-height: 4.0rem; font-weight: 800; vertical-align: middle; margin-right: 2px; }
#pagePortfolioView .hashtag_con{ margin-bottom: 21px; }
#pagePortfolioView .user_list_con{ font-size: 17px; font-size: 1.7rem; line-height: 23px; line-height: 2.3rem; margin-bottom: 11px; position: relative; text-align: left; display: flex;}
#pagePortfolioView .user_list_con:last-child{ margin-bottom: 0; width: 100%; justify-content: space-between;}
#pagePortfolioView .user_list_title{ display: inline-block; font-weight: 600; margin-right: 22px; white-space: nowrap;}
#pagePortfolioView .user_list_desc{ display: inline-block; font-weight: 400; word-break: keep-all; margin-right: auto;}
#pagePortfolioView .user_list_con a{ display: inline-block; position: relative; top: -6px; margin-left: auto; width: max-content; white-space: nowrap; height: 100%;}
#pagePortfolioView .page_top_right{display: flex; gap: 10px; margin-top: 5px;}
#pagePortfolioView .collaboration_cnt_con{ margin-top: 6px; margin-right: 10px; margin-left: auto;}
#pagePortfolioView .collaboration_cnt_con > div{ display: inline-block; font-size: 17px; font-size: 1.7rem; line-height: 23px; line-height: 2.3rem; font-weight: 600; position: relative; padding-right: 15px; margin-right: 15px; }
#pagePortfolioView .collaboration_cnt_con > div.collaboration_cnt{ color: #4b59ed; }
#pagePortfolioView .collaboration_cnt_con > div:after{ content: ''; position: absolute; top: 3px; right: 0; width: 1px; height: 16px; background-color: #cacedf; }
#pagePortfolioView .collaboration_cnt_con > div:last-child{ padding-right: 0; margin-right: 0; }
#pagePortfolioView .collaboration_cnt_con > div:last-child:after{ content: none; }
#pagePortfolioView .page_tab_content#tabCreatorInformation{ margin-top: 40px;}
#pagePortfolioView .page_tab_content#tabCreatorPortfolio{ margin-top: 0; }
#pagePortfolioView .paging{margin-top: 30px;}

#pagePortfolioView .select_style_00_wrap {width: 118px;}
#pagePortfolioView .select_style_00_wrap .selected_item{padding: 13px 35px 12px 15px;}
#pagePortfolioView .input_style_00{width: 187px; padding: 6px 20px 6px 17px;}
#pagePortfolioView .tab_section{ margin-bottom: 40px; }
#pagePortfolioView .tab_section:last-child{ margin-bottom: 0; padding-bottom: 60px;}
#pagePortfolioView .tab_title{ padding-left: 36px; margin-bottom: 26px; font-size: 21px; font-size: 2.1rem; line-height: 30px; line-height: 3.0rem; font-weight: 700;
    background-size: 24px; background-position: left center; background-repeat: no-repeat; }
#pagePortfolioView .tab_section.tab_introduce .tab_title{ background-image: url("/weven_data/rapahub/user_template/resource/img/svg/tab_introduce.svg"); }
#pagePortfolioView .tab_section.tab_career .tab_title{ background-image: url("/weven_data/rapahub/user_template/resource/img/svg/tab_career.svg"); background-size: 22px;}
#pagePortfolioView .tab_section.tab_award .tab_title{ background-image: url("/weven_data/rapahub/user_template/resource/img/svg/tab_award.svg"); }
#pagePortfolioView .tab_section.tab_certificate .tab_title{ background-image: url("/weven_data/rapahub/user_template/resource/img/svg/tab_certificate.svg"); }
#pagePortfolioView .tab_section.tab_job .tab_title{ background-image: url("/weven_data/rapahub/user_template/resource/img/svg/tab_job.svg"); }
#pagePortfolioView .tab_box_outer{ border: 1px solid var(--color_border_1); border-radius: 20px; }
#pagePortfolioView .tab_box{ padding: 22px 22px; font-size: 18px; font-size: 1.8rem; line-height: 30px; line-height: 3.0rem; font-weight: 300; word-break: keep-all; }
#pagePortfolioView .tab_box_inner[contenteditable="true"]{ height: 120px; overflow-y: auto; border: none; outline: none; }
#pagePortfolioView .tab_box_inner{ min-height: 184px; border: none; outline: none; }
#pagePortfolioView .tab_box_inner::-webkit-scrollbar{ width: 9px; background-color: #f4f7fa; border-left: 3px solid #fff; border-right: 3px solid #fff; }
#pagePortfolioView .tab_box_inner::-webkit-scrollbar-thumb{ background-color: #89a2b8; border-left: 3px solid #fff; border-right: 3px solid #fff; }
#pagePortfolioView .tab_box_inner.editBox{display: none;}
#pagePortfolioView .tab_box_inner.editBox > div{display: none;}
#pagePortfolioView .tab_box_inner.viewBox > div{display: none;}
#pagePortfolioView .tab_box_inner.editBox ul.textData {height: 100%;}
#pagePortfolioView .tab_box_inner.editBox ul.textData li:empty{height: 24px;}/* li의 line-height */
#pagePortfolioView .tab_box_inner.viewBox ul.textData {height: 100%;}
#pagePortfolioView .tab_box_inner.viewBox ul.textData li:empty{height: 24px;}/* li의 line-height */
#pagePortfolioView .tab_box_inner.viewBox ul.textData li:last-child{margin-bottom: 0;}
#pagePortfolioView .tab_section.tab_introduce .tab_box_inner[contenteditable="true"]{ height: 184px; }
#pagePortfolioView .tab_section.tab_introduce .tab_box_inner{ min-height: 184px; }
#pagePortfolioView ul.has_left li{margin-bottom: 8px;}
#pagePortfolioView .tab_box textarea{ width: 100%; font-family: inherit; font-size: inherit; line-height: inherit; font-weight: inherit; color: inherit; resize: none; }
#pagePortfolioView .tab_creator_career{border: none; background-image: url("/weven_data/rapahub/user_template/resource/img/career_bg.png"); background-repeat: no-repeat; background-size: cover; background-position: 0 0; padding: 38px 45px 45px 45px;}
#pagePortfolioView .tab_creator_career .tab_career_status{ font-size: 15px; font-size: 1.5rem; line-height: 21px; line-height: 2.1rem; text-align: center; padding: 7px 0 6px 2px; background-color: #fff; border-radius: 17px; width: 95px; position: absolute; right: 30px; top: 36px;}
#pagePortfolioView .tab_creator_career .tab_career_status.unapproval{color: #88bed7;}
#pagePortfolioView .tab_creator_career .tab_career_status.approval_processing{color: var(--color_blue_4); font-weight: 700;}
#pagePortfolioView .tab_creator_career .tab_career_status.approval_reject{color: var(--color_pink_1); font-weight: 700;}
#pagePortfolioView .tab_creator_career .tab_career_status.approval{color: #000; font-weight: 700;  padding-left: 13px; background-image: url("/weven_data/rapahub/user_template/resource/img/svg/done_FILL0_wght600_GRAD0_opsz20.svg"); background-repeat: no-repeat; background-size: 20px; background-position: left 8px center;}
#pagePortfolioView .tab_creator_career .tab_career_title{font-size: 21px; font-size: 2.1rem; line-height: 30px; line-height: 3rem; font-weight: 700; margin-bottom: 14px;}
#pagePortfolioView .tab_creator_career .tab_career_desc{font-size: 16px; font-size: 1.6rem; line-height: 27px; line-height: 2.7rem; font-weight: 400; margin-bottom: 37px;}
#pagePortfolioView .tab_creator_career .btn_type_long{width: 140px; font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2rem; font-weight: 600; padding: 7px 0 7px 18px; background-size: 20px; background-position: right 8px center;}
#pagePortfolioView .tab_creator_career .btn_type_long.download_certificate{background-image: url("/weven_data/rapahub/user_template/resource/img/svg/download_done.svg"); background-size: 16px;}
#pagePortfolioView .tab_creator_career.before_approval .btn_type_long.download_certificate{cursor: default; background-color: #dce5f8 !important;}
#pagePortfolioView .tab_creator_career.after_approval .btn_type_long.download_certificate{background-color: var(--color_blue_4);}
#pagePortfolioView .tab_creator_career .btn_type_long.request_certificate{background-color: var(--color_blue_4);}
#pagePortfolioView .tab_creator_career .btn_type_long.extra_request_certificate{background-color: var(--color_blue_4);}
#pagePortfolioView .tab_creator_career .btn_type_long.cancel_certificate{background-color: var(--color_pink_1);}
#pagePortfolioView .tab_creator_career .btn_type_long.reason_certificate{background-color: var(--color_pink_1);}
#pagePortfolioView .tooltip{width: 17px; height: 17px; background-image: url("/weven_data/rapahub/user_template/resource/img/svg/help.svg"); background-repeat: no-repeat; background-size: 17px; background-position: 0 0; z-index: 1; margin: 6px 0 0 7px; cursor: pointer;}
#pagePortfolioView .tooltip_desc{display: none; position: absolute; left: -36px; top: 33px; width: 240px; background-color: #fff; font-size: 13px; font-size: 1.3rem; line-height: 19px; line-height: 1.9rem; font-weight: 500; word-break: keep-all; padding: 13px 16px 13px 20px; box-sizing: border-box; box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, 0.25); border-radius: 10px; }
#pagePortfolioView .tooltip_desc::before{content: ''; position: absolute; left: 34px; top: -10px; width: 20px; height: 20px; transform: rotate(45deg); box-shadow: 0px -6px 9px -5px rgba(0, 0, 0, 0.25); background-color: #fff;}
#pagePortfolioView .tooltip:hover .tooltip_desc{display: block;}
#pagePortfolioView .tab_section.tab_job .tab_box_outer{ border: none; background-color: var(--color_light_2); }
#pagePortfolioView .tab_section.tab_job .tab_box{ padding: 7px 45px; }
#pagePortfolioView .tab_section.tab_job .job_more_btn{position: absolute; right: 0; bottom: 0;}
#pagePortfolioView .job_list{ border-bottom: 1px solid #d7dfe8; display: flex; align-items: center; padding: 32px 0; cursor: pointer;}
#pagePortfolioView .job_list:last-child{ border-bottom: none; }
#pagePortfolioView .job_type{ width: 60px; height: 60px; border-radius: 50%; background-color: #fff; font-size: 16px; font-size: 1.6rem; line-height: 22px; line-height: 2.2rem; font-weight: 600;
    display: flex; align-items: center; justify-content: center; margin-right: 26px; }
#pagePortfolioView .job_type.type_new{ color: #f29f34; }
#pagePortfolioView .job_type.type_experienced{ color: #3477f2; }
#pagePortfolioView .job_logo{ font-size: 14px; font-size: 1.4rem; line-height: 22px; line-height: 2.2rem; font-weight: 600; margin-bottom: 9px;}
#pagePortfolioView .job_desc{width: calc(100% - 86px);}
#pagePortfolioView .job_title{ font-size: 18px; font-size: 1.8rem; line-height: 24px; line-height: 2.4rem; font-weight: 600; margin-bottom: 3px; max-width: 100%; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
#pagePortfolioView .job_date{ display: inline-block; font-size: 15px; font-size: 1.5rem; line-height: 21px; line-height: 2.1rem; font-weight: 300; }
/*#pagePortfolioView .job_due_today{ display: inline-block; padding: 2px 7px; border-radius: 5px; background-color: var(--color_pink_1); position: relative; top: -1px;*/
/*    font-size: 12px; font-size: 1.2rem; line-height: 18px; line-height: 1.8rem; font-weight: 600; color: #fff; margin-left: 4px; }*/
#pagePortfolioView .isExpire_오늘마감{ display: inline-block; padding: 2px 7px; border-radius: 5px; background-color: var(--color_pink_1); position: relative; top: -1px;
    font-size: 12px; font-size: 1.2rem; line-height: 18px; line-height: 1.8rem; font-weight: 600; color: #fff; margin-left: 4px; }
#pagePortfolioView .isExpire_마감임박{ display: inline-block; padding: 2px 7px; border-radius: 5px; background-color: var(--color_pink_2); position: relative; top: -1px;
    font-size: 12px; font-size: 1.2rem; line-height: 18px; line-height: 1.8rem; font-weight: 600; color: #fff; margin-left: 4px; }
#pagePortfolioView .isExpire_진행중{ display: inline-block; padding: 2px 7px; border-radius: 5px; background-color: var(--color_blue_4); position: relative; top: -1px;
    font-size: 12px; font-size: 1.2rem; line-height: 18px; line-height: 1.8rem; font-weight: 600; color: #fff; margin-left: 4px; }
#pagePortfolioView .isExpire_마감{ display: inline-block; padding: 2px 7px; border-radius: 5px; background-color: var(--color_gray_1); position: relative; top: -1px;
    font-size: 12px; font-size: 1.2rem; line-height: 18px; line-height: 1.8rem; font-weight: 600; color: #fff; margin-left: 4px; }
#pagePortfolioView .d_day_오늘마감{ display: inline-block; padding: 2px 7px; border-radius: 5px; background-color: var(--color_border_1); position: relative; top: -1px;
    font-size: 12px; font-size: 1.2rem; line-height: 18px; line-height: 1.8rem; font-weight: 600; margin-left: 4px; }
#pagePortfolioView .d_day_마감임박{ display: inline-block; padding: 2px 7px; border-radius: 5px; background-color: var(--color_border_1); position: relative; top: -1px;
    font-size: 12px; font-size: 1.2rem; line-height: 18px; line-height: 1.8rem; font-weight: 600; margin-left: 4px; }
#pagePortfolioView .d_day_진행중{ display: inline-block; padding: 2px 7px; border-radius: 5px; background-color: var(--color_border_1); position: relative; top: -1px;
    font-size: 12px; font-size: 1.2rem; line-height: 18px; line-height: 1.8rem; font-weight: 600; margin-left: 4px; }
#pagePortfolioView .modify_btn_con{margin-bottom: 70px;}

#pagePortfolioView .tab_filter_con{ display: flex; justify-content: flex-end; gap: 11px; margin: 21px 0 20px; }
#pagePortfolioView .list_cover_content {text-align: right;}
#pagePortfolioView .list_cover_content .content_btn_con{ margin-bottom: 15px; padding-right: 16px;}
#pagePortfolioView .list_cover_content .content_text_con{ margin-bottom: 16px; }
#pagePortfolioView .btn_text{ margin-right: 7px; width: 89px; font-size: 15px; font-size: 1.5rem; padding: 9px 0 7px 1px; border: 1px solid rgba(255, 255, 255, 0.8); box-sizing: border-box; transition: all 0.2s; text-align: center;}
#pagePortfolioView .btn_text:hover{border: 1px solid #fff; outline: 1px solid #fff; color: #fff !important; background-color: transparent; font-weight: 600;}
#pagePortfolioView .btn_text:last-child{ margin-right: 0; }
#pagePortfolioView .portfolio_approval{ display: inline-block; color: #fff; background-color: #eee; width: 71px; padding: 4px 0; border-radius: 7px;
    font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2.0rem; font-weight: 500; text-align: center; transition: color 0.3s, background-color 0.3s; cursor: default; }
#pagePortfolioView .portfolio_approval.approval_0{ background-color: #41d1b8; }
#pagePortfolioView .portfolio_approval.approval_1{ background-color: #50ccde; }
#pagePortfolioView .portfolio_approval.approval_2{ background-color: #f03789; }
#pagePortfolioView .portfolio_approval.approval_3{ background-color: #0f4fec; }
#pagePortfolioView .nodata_style_00{width: calc(100% - 20px); margin-left: 20px;}

/*활동지역 지역선택 팝업*/
#popSelectRegion{width: 100%; height: 100%; border-radius: 0; overflow: hidden auto;}
#popSelectRegion .popup_header{position: fixed; top: 0; left: 0; z-index: 2;}
#popSelectRegion .popup_style_00_con{height: 100%;}
#popSelectRegion .popup_body{padding: 100px 30px 60px 30px; height: 100%;}
#popSelectRegion .popup_content{height: 100%;}
#popSelectRegion .border_box.no_overflow{padding: 20px 0px 19px 31px;}
#popSelectRegion .checkbox_con{ margin-top: 7px; margin-bottom: 20px; }
#popSelectRegion .border_box .checkbox_con{ margin-top: 11px; margin-bottom: 12px; margin-right: 35px;}
#popSelectRegion .bottom_btn_con{margin-top: 50px; position: absolute; bottom: 0; left: 0;}

/*포트폴리오설정 팝업*/
#portfolioPop {height: 100%; border-radius: 0; overflow: hidden auto; max-height: 95vh;}
#portfolioPop::-webkit-scrollbar{ width: 1px; background-color: transparent; }
#portfolioPop::-webkit-scrollbar-thumb{ background-color: transparent;}
#portfolioPop.popup_style_00_wrap .popup_body{ padding-top: 43px;}
#portfolioPop .select_style_00_wrap .selected_item{font-size: 17px; font-size: 1.7rem; padding: 15px 45px 12px 18px;}
#portfolioPop .rowflex { display: flex; align-items: center;}
#portfolioPop input[type="text"]:read-only{width: 67%;}
#portfolioPop .input_file_wrap {position: absolute; left: 134px; bottom: -8px;}
#portfolioPop .input_file_wrap .input_file_btn_con {margin-left: 0; margin-top: 0;}
#portfolioPop textarea { height: 110px; resize: none; overflow: hidden auto; line-height: 28px; line-height: 2.8rem; padding: 18px 25px;}
#portfolioPop textarea::-webkit-scrollbar{width: 16px;}
#portfolioPop textarea::-webkit-scrollbar-track{background-color: transparent;}
#portfolioPop textarea::-webkit-scrollbar-thumb{ background-color: #eae8eb; border: 6px solid #fff; border-radius: 12px;}
#portfolioPop textarea::-webkit-scrollbar-thumb:hover{ background-color: #a8a4bc;}
#portfolioPop textarea::-webkit-scrollbar-button:vertical:start:increment, #portfolioPop textarea::-webkit-scrollbar-button:vertical:start:decrement{display: block; height: 2px;}
#portfolioPop .thumbnail { width: 128px; height: 102px; border: 1px solid #a6bbc0; border-radius: var(--radius_box_1); box-sizing: border-box;}
#portfolioPop .btn_underline { padding: 10px 12px; font-size: 18px; font-size: 1.8rem; }
#portfolioPop .btn_underline::after {bottom: -5px;}
#portfolioPop .select_style_00_wrap {width: 100%; height: 53px;}
#portfolioPop #openEditorBtn { width: 175px; padding: 14px 20px; background-color: #00aeff; margin: 15px 0 4px 0;     background-image: none;}
#portfolioPop .editor_pencil { background: center / auto no-repeat url('/weven_data/rapahub/user_template/resource/img/edit_btn_pencil.png'); position: relative; top: 1px; display: inline-block; width: 17px; height: 17px;}
#portfolioPop .btn_type_long{width: 128px;}
#portfolioPop .form_content_title.public_setting{margin-top: 29px;}
#portfolioPop .radio_style_00_wrap.type_2 .radio_con{line-height: 31px; line-height: 3.1rem; margin: 2px 30px 4px 0;}
#portfolioPop .input_style_00.type_2 {height: 53px;}

/* 경력관리 승인요청 팝업 */
#popRequestApproval{max-width: 100%; width: 100%; height: 100%; border-radius: 0; overflow: hidden auto;}
#popRequestApproval::-webkit-scrollbar{display: none;}
#popRequestApproval .popup_header{position: fixed; top: 0; left: 0; z-index: 2;}
#popRequestApproval .popup_body{padding: 100px 30px 60px 30px; height: 100%;}
#popRequestApproval .popup_content{height: 100%;}
#popRequestApproval .form_warn_con{background-size: 20px; padding: 27px 35px 25px 47px; background-position: 21px 27px; margin-bottom: 20px; margin-top: 0;}
#popRequestApproval .form_warn_title{font-size: 16px; font-size: 1.6rem; line-height: 22px; line-height: 2.2rem; font-weight: 700; margin-bottom: 8px;}
#popRequestApproval ul.has_left li{font-size: 15px; font-size: 1.5rem; line-height: 21px; line-height: 2.2rem; font-weight: 300; margin-bottom: 3px;}
#popRequestApproval .input_file_title{display: inline-block; margin-top: 11px; margin-right: 19px; font-size: 15px; font-size: 1.5rem; line-height: 21px; line-height: 2.1rem; font-weight: 600; margin-bottom: 18px;}
#popRequestApproval .input_file_name{width: calc(100% - 75px); height: 51px;}
#popRequestApproval .input_file_wrap .input_file_btn_con{margin-left: 9px; margin-right: -10px; margin-top: 5px;}
#popRequestApproval .input_file_wrap .btn_underline{font-size: 15px; font-size: 1.5rem; line-height: 21px; line-height: 2.1rem; font-weight: 600;}
#popRequestApproval .bottom_btn_con{margin-top: 41px; position: absolute; bottom: 0; left: 0;}

/* 경력관리 승인거부 사유 팝업 */
#popRejectReason{max-width: 100%; width: 100%; height: 100%; border-radius: 0; overflow: hidden auto;}
#popRejectReason::-webkit-scrollbar{display: none;}
#popRejectReason .popup_header{position: fixed; top: 0; left: 0; z-index: 2;}
#popRejectReason .popup_body{padding: 100px 30px 60px 30px; height: 100%;}
#popRejectReason .popup_content{height: 100%;}
#popRejectReason .panel_con{height: 100%;}
#popRejectReason .panel_list{height: 100%;}
#popRejectReason .border_box{height: calc(100% - 135px); padding: 13px 20px 13px 20px;}
#popRejectReason .bottom_btn_con{position: absolute; bottom: 0; left: 0; margin-top: 0;}

/* 경력확인서 팝업 */
#popCareerCertificate{ max-width: 100%; width: 100%; height: 100%; overflow: hidden auto; border-radius: 0;}
#popCareerCertificate::-webkit-scrollbar{display: none;}
#popCareerCertificate .popup_btn_con{position: fixed; right: 27px; top: 25px; z-index: 2;}
#popCareerCertificate .popup_btn_con a{display: inline-block; width: 50px; height: 50px; border-radius: 50%; box-sizing: border-box;}
#popCareerCertificate .popup_btn_con a:hover{background-color: var(--color_blue_1);}
#popCareerCertificate .print_btn{background-image: url("/weven_data/rapahub/user_template/resource/img/svg/print.svg"); background-repeat: no-repeat; background-size: 25px; background-position: center center; background-color: var(--color_blue_4); margin-right: 9px;}
#popCareerCertificate .close_btn{background-color: #edf2f8; background-image: url("/weven_data/rapahub/user_template/resource/img/svg/close.svg");}
#popCareerCertificate .close_btn:hover{background-image: url("/weven_data/rapahub/user_template/resource/img/svg/close_white.svg");}
#popCareerCertificate .popup_style_00_con:before{content: ''; position: absolute; width: 100%; height: 400px; background-image: url("/weven_data/rapahub/user_template/resource/img/certificate_top_bg.png"); background-repeat: no-repeat; background-size: cover; background-position: 0 0; top: 0; left: 0;}
#popCareerCertificate .popup_style_00_con:after{content: ''; position: absolute; width: 100%; height: 400px; background-image: url("/weven_data/rapahub/user_template/resource/img/certificate_bottom_bg.png"); background-repeat: no-repeat; background-size: cover; background-position: bottom; bottom: 0; right: 0; z-index: -1;}
#popCareerCertificate .popup_body{padding: 90px 30px 123px 30px; background-image: url("/weven_data/rapahub/user_template/resource/img/logo/rapahub_logo_color_eng.png"); background-repeat: no-repeat; background-size: 153px; background-position: center bottom 60px;}
#popCareerCertificate .certificate_title{font-size: 31px; font-size: 3.1rem; line-height: 39px; line-height: 3.9rem; font-weight: 800; display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 40px;}
#popCareerCertificate .certificate_img{width: 50px; height: 50px; background-image: url("/weven_data/rapahub/user_template/resource/img/certificate_approval.png"); background-repeat: no-repeat; background-size: cover; background-position: 0 0; margin-left: -10px;}
#popCareerCertificate .certificate_list_title{font-size: 18px; font-size: 1.8rem; line-height: 24px; line-height: 2.4rem; font-weight: 700; margin-bottom: 15px;}
#popCareerCertificate .tab_box_outer{ border: 1px solid var(--color_border_1); border-radius: 8px; margin-bottom: 28px;}
#popCareerCertificate .tab_box{ padding: 19px 19px 21px 19px; font-size: 17px; font-size: 1.7rem; line-height: 26px; line-height: 2.6rem; font-weight: 300; word-break: keep-all; }
#popCareerCertificate ul.has_left li{font-size: 17px; font-size: 1.7rem; margin-bottom: 2px;}
#popCareerCertificate .tab_box .viewBox{min-height: 114px;}
#popCareerCertificate .certificate_profile_con .tab_box{display: flex; gap: 15px; padding: 10px 15px 0px 10px;}
#popCareerCertificate .user_profile_con{width: 40px; height: 40px; margin-right: 0; margin-top: 7px; margin-left: 9px;}
#popCareerCertificate .user_name{font-size: 23px; font-size: 2.3rem; line-height: 31px; line-height: 3.1rem; font-weight: 800; margin-bottom: 12px; margin-top: 12px;}
#popCareerCertificate .user_list_con{font-size: 17px; font-size: 1.7rem; line-height: 25px; line-height: 2.5rem;display: flex; margin-bottom: 5px;}
#popCareerCertificate .user_list_title{display: inline-block; font-weight: 700; margin-right: 13px;}
#popCareerCertificate .user_list_desc{display: inline-block; font-weight: 400;}
#popCareerCertificate .hashtag_con{margin-top: 17px; margin-bottom: 20px;}
#popCareerCertificate .nodata_con{border: none; font-size: 17px; font-size: 1.7rem; line-height: 30px; line-height: 3rem; padding: 41px 30px 43px 30px; font-weight: 300;}
#popCareerCertificate .nodata_con .nodata_txt{background-size: 21px; background-position: left 4px; padding-left: 29px;}
#popCareerCertificate .confirm_text{font-size: 21px; font-size: 2.1rem; line-height: 25px; line-height: 2.5rem; font-weight: 700; margin-bottom: 15px; margin-top: 10px;}
#popCareerCertificate .confirm_date{font-size: 19px; font-size: 1.8rem; line-height: 23px; line-height: 2.3rem; font-weight: 400;}
#popCareerCertificate #certificate_qrcode{height: calc(100% - 28px); aspect-ratio: 1/1; position: absolute; right: 0; top: 28px; z-index: 1; background-color: #ddd;}


/* 경력확인서 팝업 */
body.print_area{ max-width: 100%; width: 100%; height: 100%; overflow: scroll; border-radius: 0;}
body.print_area::-webkit-scrollbar{display: none;}
body.print_area .popup_btn_con{display: none;}
body.print_area .popup_btn_con a{display: inline-block; width: 50px; height: 50px; border-radius: 50%; box-sizing: border-box;}
body.print_area .popup_btn_con a:hover{background-color: var(--color_blue_1);}
body.print_area .print_btn{background-image: url("/weven_data/rapahub/user_template/resource/img/svg/print.svg"); background-repeat: no-repeat; background-size: 25px; background-position: center center; background-color: var(--color_blue_4); margin-right: 9px;}
body.print_area .close_btn{background-color: #edf2f8; background-image: url("/weven_data/rapahub/user_template/resource/img/svg/close.svg");}
body.print_area .close_btn:hover{background-image: url("/weven_data/rapahub/user_template/resource/img/svg/close_white.svg");}
body.print_area .popup_style_00_con:before{content: ''; position: absolute; width: 100%; height: 400px; background-image: url("/weven_data/rapahub/user_template/resource/img/certificate_top_bg.png"); background-repeat: no-repeat; background-size: cover; background-position: 0 0; top: 0; left: 0;}
body.print_area .popup_style_00_con:after{content: ''; position: absolute; width: 100%; height: 400px; background-image: url("/weven_data/rapahub/user_template/resource/img/certificate_bottom_bg.png"); background-repeat: no-repeat; background-size: cover; background-position: bottom; bottom: 0; right: 0; z-index: -1;}
body.print_area .popup_body{padding: 90px 30px 123px 30px; background-image: url("/weven_data/rapahub/user_template/resource/img/logo/rapahub_logo_color_eng.png"); background-repeat: no-repeat; background-size: 126px; background-position: center bottom 60px;}
body.print_area .certificate_title{font-size: 28px; font-size: 2.8rem; line-height: 39px; line-height: 3.9rem; font-weight: 800; display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 35px;}
body.print_area .certificate_img{width: 50px; height: 50px; background-image: url("/weven_data/rapahub/user_template/resource/img/certificate_approval.png"); background-repeat: no-repeat; background-size: cover; background-position: 0 0; margin-left: -10px;}
body.print_area .certificate_list_title{font-size: 15px; font-size: 1.5rem; line-height: 24px; line-height: 2.4rem; font-weight: 700; margin-bottom: 10px;}
body.print_area .tab_box_outer{ border: 1px solid var(--color_border_1); border-radius: 8px; margin-bottom: 28px;}
body.print_area .tab_box{ padding: 19px 19px 21px 19px; font-size: 17px; font-size: 1.7rem; line-height: 26px; line-height: 2.6rem; font-weight: 300; word-break: keep-all; }
body.print_area ul.has_left li{font-size: 17px; font-size: 1.7rem; margin-bottom: 2px;}
body.print_area .tab_box .viewBox{min-height: 114px;}
body.print_area .certificate_profile_con .tab_box{display: flex; gap: 15px; padding: 10px 15px 0px 10px;}
body.print_area .user_profile_con{width: 40px; height: 40px; margin-right: 0; margin-top: 7px; margin-left: 9px;}
body.print_area .user_name{font-size: 23px; font-size: 2.3rem; line-height: 31px; line-height: 3.1rem; font-weight: 800; margin-bottom: 12px; margin-top: 12px;}
body.print_area .user_list_con{font-size: 17px; font-size: 1.7rem; line-height: 25px; line-height: 2.5rem;display: flex; margin-bottom: 5px;}
body.print_area .user_list_title{display: inline-block; font-weight: 700; margin-right: 13px;}
body.print_area .user_list_desc{display: inline-block; font-weight: 400;}
body.print_area .hashtag_con{margin-top: 11px; margin-bottom: 20px;}
body.print_area .nodata_con{border: none; font-size: 17px; font-size: 1.7rem; line-height: 30px; line-height: 3rem; padding: 41px 30px 43px 30px; font-weight: 300;}
body.print_area .nodata_con .nodata_txt{background-size: 21px; background-position: left 4px; padding-left: 29px;}
body.print_area .confirm_text{font-size: 18px; font-size: 1.8rem; line-height: 25px; line-height: 2.5rem; font-weight: 700; margin-bottom: 7px; margin-top: 10px;}
body.print_area .confirm_date{font-size: 17px; font-size: 1.7rem; line-height: 23px; line-height: 2.3rem; font-weight: 400;}

@media print {
    @page {size: A4; margin: 10mm 0mm; }
    .popup_style_00_con{page-break-inside: avoid;}
    .certificate_introduce{page-break-inside: auto;}
    .certificate_confirm{page-break-inside: avoid;}
    .textData li{page-break-inside: avoid;}
}


/* 경력관리 - 구인정보 */
/* 체크박스 */
#jobInfoList .select_style_00_wrap{margin-top: 20px;}
#jobInfoList .sort_check_box_con{border: 1px solid var(--color_border_1); background-color: #fff; border-radius: var(--radius_box_1); padding: 13px 18px 12px 18px; background-image: url("/weven_data/rapahub/user_template/resource/img/svg/keyboard_arrow_down_FILL0_wght400_GRAD0_opsz20.svg"); background-repeat: no-repeat; background-size: 24px; background-position: right 9px top 12px; margin-top: 7px; cursor: pointer; outline: 0px solid #000;}
#jobInfoList .sort_check_box_con:hover{border-color: #000; outline-width: 1px;}
#jobInfoList .sort_title{font-size: 15px; font-size: 1.5rem; line-height: 21px; line-height: 2.1rem; font-weight: 600;}
#jobInfoList .sort_result{font-size: 15px; font-size: 1.5rem; line-height: 21px; line-height: 2.1rem; font-weight: 400; word-break: keep-all;}
#jobInfoList .sort_list{display: none; margin-top: 13px; margin-bottom: 12px;}
#jobInfoList .sort_check_box_con.active .sort_list{display: block;}
#jobInfoList .checkbox_style_00_wrap .checkbox_con{font-size: 18px; font-size: 1.8rem; line-height: 21px; line-height: 2.1rem; font-weight: 400; margin-bottom: 13px;}
#jobInfoList .checkbox_style_00_wrap .checkbox_con{font-size: 15px; font-size: 1.5rem;}
#jobInfoList .checkbox_style_00_wrap .checkbox_con:hover{font-weight: 600;}
@supports(-webkit-appearance: none) or (-moz-appearance: none) {
    #jobInfoList input[type='checkbox'] {height: 27px; left: 0px; top: 4px; border-radius: 7px;}
    #jobInfoList input[type='checkbox']:not(.toggle) { width: 27px; }
    #jobInfoList input[type='checkbox']:not(.toggle)::after { background-size: 23px; top: 1px; left: 2px;}
    #jobInfoList input[type='checkbox']:checked + div{font-weight: 600;}
    #jobInfoList input[type='checkbox']:checked + label{font-weight: 600;}
}
#jobInfoList .business_checkbox {margin-top: 4px;}

/* 리스트 */
#jobInfo .list_con {padding-top: 22px; padding-left: 29px;}
#jobInfo .list_style_01_wrap .list_text_box{padding: 20px 30px 23px 0;}
#jobInfo .job_category {font-size: 15px; font-size: 1.5rem; line-height: 23px; line-height: 2.3rem; font-weight: 600; padding: 8px 16px 6px 18px; border-radius: 7px; margin-top: 2px; margin-left: -3px;}
#jobInfo .job_category.junior_job {background-color: #e9f5fb; color: #22b3ff;}
#jobInfo .job_category.senior_job {background-color: #f5f0fd; color: #6c19ff;}
#jobInfo .will_expire{font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; font-weight: 600; border-radius: 5px; background-color: var(--color_pink_1); color: #fff; padding: 7px 10px 7px 12px; margin-top: -1px; margin-left: 13px; position: relative; top: -2px;}
#jobInfo .deadline{ padding: 4px 7px; border-radius: 5px; background-color: var(--color_pink_1); position: relative; top: -1px; font-size: 12px; font-size: 1.2rem; line-height: 18px; line-height: 1.8rem; font-weight: 600; color: #fff; margin-left: 4px; }
#jobInfo .isExpire_오늘마감{ padding: 4px 7px; border-radius: 5px; background-color: var(--color_pink_1); position: relative; top: -1px; font-size: 12px; font-size: 1.2rem; line-height: 18px; line-height: 1.8rem; font-weight: 600; color: #fff; margin-left: 4px; }
#jobInfo .isExpire_마감임박{ padding: 4px 7px; border-radius: 5px; background-color: var(--color_pink_2); position: relative; top: -1px; font-size: 12px; font-size: 1.2rem; line-height: 18px; line-height: 1.8rem; font-weight: 600; color: #fff; margin-left: 4px; }
#jobInfo .isExpire_진행중{ padding: 4px 7px; border-radius: 5px; background-color: var(--color_blue_4); position: relative; top: -1px; font-size: 12px; font-size: 1.2rem; line-height: 18px; line-height: 1.8rem; font-weight: 600; color: #fff; margin-left: 4px; }
#jobInfo .isExpire_마감{ padding: 4px 7px; border-radius: 5px; background-color: var(--color_gray_1); position: relative; top: -1px; font-size: 12px; font-size: 1.2rem; line-height: 18px; line-height: 1.8rem; font-weight: 600; color: #fff; margin-left: 4px; }
#jobInfo .d_day_오늘마감{ padding: 4px 7px; border-radius: 5px; background-color: var(--color_border_1); position: relative; top: -1px; font-size: 12px; font-size: 1.2rem; line-height: 18px; line-height: 1.8rem; font-weight: 600; margin-left: 4px; }
#jobInfo .d_day_마감임박{ padding: 4px 7px; border-radius: 5px; background-color: var(--color_border_1); position: relative; top: -1px; font-size: 12px; font-size: 1.2rem; line-height: 18px; line-height: 1.8rem; font-weight: 600; margin-left: 4px; }
#jobInfo .d_day_진행중{ padding: 4px 7px; border-radius: 5px; background-color: var(--color_border_1); position: relative; top: -1px; font-size: 12px; font-size: 1.2rem; line-height: 18px; line-height: 1.8rem; font-weight: 600; margin-left: 4px; }


#jobInfoList .page_left_bar_wrap{ background-color: #f3f7fb; border: none; padding: 10px;}
#jobInfoList .left_bar_con_title{margin-top: 4px;}
#jobInfoList .filter_refresh_con{position: absolute; right: 11px; top: 1px; font-size: 0; line-height: 0;}
#jobInfoList .filter_refresh_btn{display: inline-block; width: 21px; height: 21px; background-image: url("/weven_data/rapahub/user_template/resource/img/svg/refresh.svg"); background-size: 21px; background-position: 0px 0px; background-repeat: no-repeat; cursor: pointer;}
#jobInfoList .left_bar_select_con{ margin-top: 18px; }
#jobInfoList .select_style_00_wrap{height: 55px;}
#jobInfoList .select_style_00_wrap + .select_style_00_wrap{ margin-top: 7px; }
#jobInfoList .select_style_00_wrap .selected_item {font-weight: 600; font-size: 17px; font-size: 1.7rem; padding: 16px 45px 12px 18px;}
#jobInfoList .select_style_00_wrap .select_style_0 > li > a {padding: 11px 19px; font-size: 16px; font-size: 1.6rem;}
#jobInfoList .select_style_00_wrap .select_style_0_con {max-height: 600px;}
#jobInfoList .input_search_wrap { margin-top: 7px; margin-bottom: 21px;}
#jobInfoList .input_style_00{font-weight: 600; height: 55px; font-size: 17px; font-size: 1.7rem;}
#jobInfoList .search_btn_con {width: 104px; height: 44px; overflow: hidden; background-color: #000; box-sizing: border-box; border-radius: 37px; margin-bottom: 8px;}
#jobInfoList .search_btn_con:hover {background-color: var(--color_blue_1);}
#jobInfoList .search_btn {display: inline-block; width: 100%; height: 100%; color: #fff; padding: 11px 30px 7px 19px; font-size: 17px; font-size: 1.7rem; line-height: 20px; line-height: 2rem; font-weight: 600; box-sizing: border-box; background-image: url("/weven_data/rapahub/user_template/resource/img/svg/search_white.svg"); background-repeat: no-repeat; background-size: 13px; background-position: right 14px top 14px;}
#jobInfoList .list_category {font-size: 18px; font-size: 1.8rem; line-height: 34px; line-height: 3.4rem; font-weight: 700; letter-spacing: -0.01em; padding-left: 34px; background-repeat: no-repeat; background-size: 25px; background-position: left top 3px;}
#jobInfoList .list_con{min-height: 225px;}

/* 상세화면 */
#jobInfoView .job_category {margin-left: 0; margin-top: 0;}
#jobInfoView .will_expire{position: relative; font-size: 11px; font-size: 1.1rem; line-height: 21px; line-height: 2.1rem; margin-left: 5px; top: -2px; padding: 6px 10px 6px 12px;}
#jobInfoView .view_box_img_con{display: flex; justify-content: center; align-items: center; margin-bottom: 60px;}
#jobInfoView .btn_type_con{margin-bottom: 0px;}
#jobInfoView .isExpire_오늘마감{ padding: 4px 7px; border-radius: 5px; background-color: var(--color_pink_1); position: relative; top: -1px; font-size: 12px; font-size: 1.2rem; line-height: 18px; line-height: 1.8rem; font-weight: 600; color: #fff; margin-left: 4px; }
#jobInfoView .isExpire_마감임박{ padding: 4px 7px; border-radius: 5px; background-color: var(--color_pink_2); position: relative; top: -1px; font-size: 12px; font-size: 1.2rem; line-height: 18px; line-height: 1.8rem; font-weight: 600; color: #fff; margin-left: 4px; }
#jobInfoView .isExpire_진행중{ padding: 4px 7px; border-radius: 5px; background-color: var(--color_blue_4); position: relative; top: -1px; font-size: 12px; font-size: 1.2rem; line-height: 18px; line-height: 1.8rem; font-weight: 600; color: #fff; margin-left: 4px; }
#jobInfoView .isExpire_마감{ padding: 4px 7px; border-radius: 5px; background-color: var(--color_gray_1); position: relative; top: -1px; font-size: 12px; font-size: 1.2rem; line-height: 18px; line-height: 1.8rem; font-weight: 600; color: #fff; margin-left: 4px; }
#jobInfoView .d_day_오늘마감{ padding: 4px 7px; border-radius: 5px; background-color: var(--color_border_1); position: relative; top: -1px; font-size: 12px; font-size: 1.2rem; line-height: 18px; line-height: 1.8rem; font-weight: 600; margin-left: 4px; }
#jobInfoView .d_day_마감임박{ padding: 4px 7px; border-radius: 5px; background-color: var(--color_border_1); position: relative; top: -1px; font-size: 12px; font-size: 1.2rem; line-height: 18px; line-height: 1.8rem; font-weight: 600; margin-left: 4px; }
#jobInfoView .d_day_진행중{ padding: 4px 7px; border-radius: 5px; background-color: var(--color_border_1); position: relative; top: -1px; font-size: 12px; font-size: 1.2rem; line-height: 18px; line-height: 1.8rem; font-weight: 600; margin-left: 4px; }
/* 인프라 정보 통합서비스 - 정부지원사업 */
/* 체크박스 */
#governSupport .select_style_00_wrap{margin-top: 20px;}
#governSupport .sort_check_box_con{border: 1px solid var(--color_border_1); background-color: #fff; border-radius: var(--radius_box_1); padding: 13px 18px 12px 18px; background-image: url("/weven_data/rapahub/user_template/resource/img/svg/keyboard_arrow_down_FILL0_wght400_GRAD0_opsz20.svg"); background-repeat: no-repeat; background-size: 24px; background-position: right 9px top 12px; margin-top: 7px; cursor: pointer; outline: 0px solid #000;}
#governSupport .sort_check_box_con:hover{border-color: #000; outline-width: 1px;}
#governSupport .sort_title{font-size: 15px; font-size: 1.5rem; line-height: 21px; line-height: 2.1rem; font-weight: 600;}
#governSupport .sort_result{font-size: 15px; font-size: 1.5rem; line-height: 21px; line-height: 2.1rem; font-weight: 400; word-break: keep-all;}
#governSupport .sort_list{display: none; margin-top: 13px; margin-bottom: 12px;}
#governSupport .sort_check_box_con.active .sort_list{display: block;}
#governSupport .checkbox_style_00_wrap .checkbox_con{font-size: 18px; font-size: 1.8rem; line-height: 21px; line-height: 2.1rem; font-weight: 400; margin-bottom: 13px;}
#governSupport .checkbox_style_00_wrap .checkbox_con{font-size: 15px; font-size: 1.5rem;}
#governSupport .checkbox_style_00_wrap .checkbox_con:hover{font-weight: 600;}
@supports(-webkit-appearance: none) or (-moz-appearance: none) {
    #governSupport input[type='checkbox'] {height: 27px; left: 0px; top: 4px; border-radius: 7px;}
    #governSupport input[type='checkbox']:not(.toggle) { width: 27px; }
    #governSupport input[type='checkbox']:not(.toggle)::after { background-size: 23px; top: 1px; left: 2px;}
    #governSupport input[type='checkbox']:checked + div{font-weight: 600;}
    #governSupport input[type='checkbox']:checked + label{font-weight: 600;}
}
#governSupport .business_checkbox {margin-top: 4px;}


/* 리스트 */
#governSupport .page_left_bar_wrap{ background-color: #f3f7fb; border: none; padding: 10px;}
#governSupport .left_bar_con_title{margin-top: 4px;}
#governSupport .filter_refresh_con{position: absolute; right: 11px; top: 1px; font-size: 0; line-height: 0;}
#governSupport .filter_refresh_btn{display: inline-block; width: 21px; height: 21px; background-image: url("/weven_data/rapahub/user_template/resource/img/svg/refresh.svg"); background-size: 21px; background-position: 0px 0px; background-repeat: no-repeat; cursor: pointer;}
#governSupport .left_bar_select_con{ margin-top: 18px; }
#governSupport .select_style_00_wrap{height: 55px;}
#governSupport .select_style_00_wrap + .select_style_00_wrap{ margin-top: 7px; }
#governSupport .select_style_00_wrap .selected_item {font-weight: 600; font-size: 17px; font-size: 1.7rem; padding: 16px 45px 12px 18px;}
#governSupport .select_style_00_wrap .select_style_0 > li > a {padding: 11px 19px; font-size: 16px; font-size: 1.6rem;}
#governSupport .select_style_00_wrap .select_style_0_con {max-height: 600px;}
#governSupport .input_search_wrap { margin-top: 7px; margin-bottom: 21px;}
#governSupport .input_style_00{font-weight: 600; height: 55px; font-size: 17px; font-size: 1.7rem;}
#governSupport .search_btn_con {width: 104px; height: 44px; overflow: hidden; background-color: #000; box-sizing: border-box; border-radius: 37px; margin-bottom: 8px;}
#governSupport .search_btn_con:hover {background-color: var(--color_blue_1);}
#governSupport .search_btn {display: inline-block; width: 100%; height: 100%; color: #fff; padding: 11px 30px 7px 19px; font-size: 17px; font-size: 1.7rem; line-height: 20px; line-height: 2rem; font-weight: 600; box-sizing: border-box; background-image: url("/weven_data/rapahub/user_template/resource/img/svg/search_white.svg"); background-repeat: no-repeat; background-size: 13px; background-position: right 14px top 14px;}
#governSupport .list_category {font-size: 18px; font-size: 1.8rem; line-height: 34px; line-height: 3.4rem; font-weight: 700; letter-spacing: -0.01em; padding-left: 34px; background-repeat: no-repeat; background-size: 25px; background-position: left top 3px;}
#governSupport .list_con{min-height: 225px;}
/*category_type_1:사업화 /  2:기술개발(R&D) /  3:시설/공간/보육 /  4:멘토링/컨설팅 /  5:글로벌 /  6:인력 /  7:융자 /  8:행사/네트워크 /  9:창업교육 /  10:판로/해외진출 /  11:정책자금*/
#governSupport .category_type_1 {background-image: url("/weven_data/rapahub/user_template/resource/img/category_type_1.png"); color: #f5a100;}
#governSupport .category_type_2 {background-image: url("/weven_data/rapahub/user_template/resource/img/category_type_2.png"); color: #00c2a0;}
#governSupport .category_type_3 {background-image: url("/weven_data/rapahub/user_template/resource/img/category_type_3.png"); color: #6c19ff;}
#governSupport .category_type_4 {background-image: url("/weven_data/rapahub/user_template/resource/img/category_type_4.png"); color: #ef3d63;}
#governSupport .category_type_5 {background-image: url("/weven_data/rapahub/user_template/resource/img/category_type_5.png"); color: #00b3d7;}
#governSupport .category_type_6 {background-image: url("/weven_data/rapahub/user_template/resource/img/category_type_6.png"); color: #1075ff;}
#governSupport .category_type_7 {background-image: url("/weven_data/rapahub/user_template/resource/img/category_type_7.png"); color: #ef3d63;}
#governSupport .category_type_8 {background-image: url("/weven_data/rapahub/user_template/resource/img/category_type_8.png"); color: #6c19ff;}
#governSupport .category_type_9 {background-image: url("/weven_data/rapahub/user_template/resource/img/category_type_9.png"); color: #1075ff;}
#governSupport .category_type_10 {background-image: url("/weven_data/rapahub/user_template/resource/img/category_type_10.png"); color: #10b6da;}
#governSupport .category_type_11 {background-image: url("/weven_data/rapahub/user_template/resource/img/category_type_11.png"); color: #eb7900;}
#governSupport .category_type_12 {background-image: url("/weven_data/rapahub/user_template/resource/img/category_type_12.png"); color: #00652d;}
#governSupport .category_type_13 {background-image: url("/weven_data/rapahub/user_template/resource/img/category_type_13.png"); color: #00038f;}

/* 마감/진행중 여부 */
#governSupport .list_end_date_ing {font-size: 15px; font-size: 1.5rem; line-height: 23px; line-height: 2.3rem; font-weight: 600; padding: 8px 16px 6px 18px; border-radius: 7px; margin-top: 2px; margin-left: -3px;}
#governSupport .list_end_date_ing.end_date_ing_진행중 {float: right; background-color: #e9f5fb; color: #22b3ff;}
#governSupport .list_end_date_ing.end_date_ing_마감 {float: right; background-color: #f5f0fd; color: var(--color_pink_1); pointer-events: none; }


/* 상세화면 */
#governSupport .view_category{font-size: 18px; font-size: 1.8rem; line-height: 26px; line-height: 2.6rem; background-repeat: no-repeat; background-position: 0 6px; background-size: 29px; padding: 8px 0 4px 40px; margin-top: 0;}
#governSupport .view_title{margin-left: -3px;}
#governSupport .view_box_top_con{padding-bottom: 45px;}
#governSupport .view_box_bottom_con{padding-top: 45px;}
#governSupport .view_box_top_list{margin-bottom: 16px;}
#governSupport .view_box_top_list:last-child{margin-bottom: 0px;}
#governSupport .view_box_bottom_list {margin-bottom: 36px;}
#governSupport .view_box_bottom_list:last-child {margin-bottom: 0;}
#governSupport .view_box_title{font-size: 18px; font-size: 1.8rem; line-height: 24px; line-height: 2.4rem; font-weight: 700; margin-right: 22px;}
#governSupport .view_box_top_con .view_box_title::after{content: ":"; position: absolute; right: -13px; top: -2px;}
#governSupport .view_box_desc{font-weight: 400;}
#governSupport .view_box_bottom_list .view_box_title{margin-bottom: 6px;}
#governSupport .view_box_bottom_list .view_box_desc{margin-bottom: 6px;}
#governSupport .view_box_bottom_list .view_box_desc:last-child{margin-bottom: 0px;}
#governSupport .btn_type_con {margin-bottom: 0px;}


/* 인프라 정보 통합서비스 - 시설 및 장비예약 */
/* 리스트 */
#facilityEquipReserve .filter_wrap{margin-bottom: 20px;}
#facilityEquipReserve .total_count_con {    font-size: 15px; font-size: 1.5rem; line-height: 21px; line-height: 2.1rem; font-weight: 400; margin-top: 14px; margin-left: 2px;}
#facilityEquipReserve .select_style_00_wrap {margin-right: 10px; width: 111px;}
#facilityEquipReserve .select_style_00_wrap .selected_item{padding: 13px 25px 12px 15px;}
#facilityEquipReserve .select_style_00_wrap .select_style_0 > li > a{padding: 8px 14px;}
#facilityEquipReserve .input_style_00{width: 168px; padding: 6px 15px;}
#facilityEquipReserve .search_btn_icon{position: absolute; top: 0; right: 0; width: 40px; height: 47px; border-radius: var(--radius_box_1); background-color: transparent; background-image: url("/weven_data/rapahub/user_template/resource/img/svg/search.svg"); background-repeat: no-repeat; background-position: left 14px center; background-size: 13px; cursor: pointer;}
#facilityEquipReserve .search_btn_icon a{display: inline-block; width: 100%; height: 100%;}
#facilityEquipReserve .reserve_list{width: 100%;}
#facilityEquipReserve .reserve_list_wrap {display: flex; gap: 20px; flex-wrap: wrap; z-index: 0;}
#facilityEquipReserve .reserve_con {max-width: 100%; padding: 19px 19px 21px 19px; border: 1px solid var(--color_border_1); border-radius: 20px; cursor: pointer;}
#facilityEquipReserve .mini_swiper_wrap {width: 100%; cursor: default;}
#facilityEquipReserve .mini-swiper {overflow: hidden; max-width: 100%; border-radius: 12px; height: 270px;}
#facilityEquipReserve .swiper_btn_con.mini{margin-top: 14px;}
#facilityEquipReserve .swiper_btn_con .swiper-pagination .swiper-pagination-bullet {width: 6px; height: 6px;}
#facilityEquipReserve .swiper_btn_con .swiper-pagination > span:not(:last-child) {margin-right: 12px;}
#facilityEquipReserve .swiper_btn_con.mini .swiper-button-prev{width: 30px; height: 30px; background-size: 20px; margin-right: 10px;}
#facilityEquipReserve .swiper_btn_con.mini .swiper-button-next{width: 30px; height: 30px; background-size: 20px; margin-left: 10px;}
#facilityEquipReserve .swiper_btn_con.mini .swiper-pagination{top: -11px;}
#facilityEquipReserve .mini_swiper_right_contents{max-width: 100%; padding-top: 10px; padding-left: 8px;}
#facilityEquipReserve .card_title{color: var(--color_blue_1); font-size: 20px; font-size: 2rem; line-height: 26px; line-height: 2.6rem; font-weight: 700;}
#facilityEquipReserve .reserve_title { font-size: 24px; font-size: 2.4rem; line-height: 30px; line-height: 3rem; font-weight: 700; margin-top: 7px; max-width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-break: break-all; white-space: nowrap;}
#facilityEquipReserve .main_desc {height: 54px; font-size: 18px; font-size: 1.8rem; line-height: 27px; line-height: 2.7rem; font-weight: 300; word-break: keep-all; margin-top: 10px; width: 90%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
#facilityEquipReserve .hashtag_con {margin-top: 26px; display: flex; flex-wrap: wrap; overflow: hidden; cursor: default; height: 40px;}
#facilityEquipReserve .hashtag_text {display: inline-block; padding: 8px 14px 9px 27px; background-color:var(--color_light_1); position: relative; font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2rem;  margin-right: 4px; flex-shrink: 0;}
#facilityEquipReserve .hashtag_text::before {content: "#"; position: absolute; top: 8px; left: 15px;}
#facilityEquipReserve .paging{margin-top: 50px;}

/* 상세화면 */
#popReserve {padding: 70px 30px 70px 30px;height: 100%; width: 100%; overflow: hidden auto; opacity: 0; transition: opacity 0.2s;}
#popReserve::-webkit-scrollbar{ width: 1px; background-color: transparent; }
#popReserve::-webkit-scrollbar-thumb{ background-color: transparent;}
#popReserve .pop_close {width: 30px; height: 30px; background-image: url("/weven_data/rapahub/user_template/resource/img/svg/close.svg"); background-size: 24px; background-position: center center; background-repeat: no-repeat; position: absolute; top: 22px; right: 21px; cursor: pointer;}
#popReserve .pop_close a{display: inline-block; width: 100%; height: 100%;}
#popReserve .facility_swiper_wrap {width: 100%}
#popReserve .facility_swiper {overflow: hidden; max-width: 100%; border-radius: 20px; height: 410px;}
#popReserve .swiper_btn_con{margin-top: 22px;}
#popReserve .swiper_btn_con .swiper-button-prev{width: 30px; height: 30px; background-size: 26px; margin-right: 12px;}
#popReserve .swiper_btn_con .swiper-button-next{width: 30px; height: 30px; background-size: 26px; margin-left: 12px;}
#popReserve .swiper_btn_con .swiper-pagination .swiper-pagination-bullet{width: 6px; height: 6px;}
#popReserve .swiper_btn_con .swiper-pagination > span:not(:last-child) {margin-right: 12px;}
#popReserve .swiper_btn_con .swiper-pagination{top: -12px;}
#popReserve .facility_desc_con {width: 100%; margin-top: 15px;overflow: hidden auto;}
#popReserve .facility_desc_con::-webkit-scrollbar{width: 2px; background-color: transparent;}
#popReserve .facility_desc_con::-webkit-scrollbar-thumb{ background-color: #e4e2ed;}
#popReserve .facility_desc_con::-webkit-scrollbar-thumb:hover{ background-color: #777;}
#popReserve .card_title{font-size: 24px; font-size: 2.4rem; line-height: 30px; line-height: 3rem; font-weight: 700; color: var(--color_blue_1);}
#popReserve .reserve_title{font-size: 32px; font-size: 3.2rem; line-height: 42px; line-height: 4.2rem; font-weight: 800; margin-top: 10px; padding-bottom: 27px; border-bottom: 1px solid var(--color_border_1); word-break: keep-all;}
#popReserve .main_desc{font-size: 17px; font-size: 1.7rem; line-height: 28px; line-height: 2.8rem; font-weight: 400; margin-top: 32px; word-break: keep-all;}
#popReserve .hashtag_con {margin-top: 28px; margin-left: 1px; overflow: auto;}
#popReserve .hashtag_con::-webkit-scrollbar{height: 2px; background-color: transparent;}
#popReserve .hashtag_con::-webkit-scrollbar-thumb{background-color: #e4e2ed;}
#popReserve .hashtag_con::-webkit-scrollbar-thumb:hover{background-color: #777;}
#popReserve .hashtag_text {display: inline-block; padding: 8px 14px 8px 27px; background-color:var(--color_light_1); position: relative; font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2rem;  margin-right: 4px; margin-bottom: 5px;}
#popReserve .hashtag_text::before {content: "#"; position: absolute; top: 8px; left: 15px;}
#popReserve .pop_container{padding-top: 37px;}
#popReserve .pop_container+.pop_container{padding-top: 40px;}
#popReserve .pop_title{font-size: 22px; font-size: 2.2rem; line-height: 30px; line-height: 3rem; font-weight: 800; margin-bottom: 22px;}
#popReserve .facility_map_con .pop_title{margin-bottom: 26px;}
#popReserve .info_list{font-size: 17px; font-size: 1.7rem; line-height: 25px; line-height: 2.5rem; margin-top: 7px;}
#popReserve .info_list:first-child{margin-top: 0;}
#popReserve .info_title{font-weight: 700; margin-right: 21px;}
#popReserve .info_title::after{content: ":"; position: absolute; right: -13px; top: 0px;}
#popReserve .info_desc{font-weight: 400;}
#popReserve .facility_map{height: 450px; border: 1px solid var(--color_border_1); border-radius: 20px; overflow: hidden;}


/* 인프라 정보 통합서비스 - 크리에이터 미디어 트렌드 */
/* 리스트 */
#creatorMediaTrend .trend_list_con{border: 1px solid var(--color_border_1); border-radius: 20px; overflow: hidden; cursor: pointer;}
#creatorMediaTrend .trend_top_con{aspect-ratio: 9/11; background-position: 0 0; background-size: cover; background-repeat: no-repeat;}
#creatorMediaTrend .trend_bottom_con{padding: 31px 35px 29px 35px;}
#creatorMediaTrend .trend_title{font-size: 17px; font-size: 1.7rem; line-height: 26px; line-height: 2.6rem; font-weight: 500; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; color: var(--color_blue_1);}
#creatorMediaTrend .trend_desc{height: 50px; font-size: 20px; font-size: 2rem; line-height: 28px; line-height: 2.8rem; font-weight: 700; margin-top: 10px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; /*white-space: nowrap;*/ word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
#creatorMediaTrend .trend_date{font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2rem; font-weight: 300; letter-spacing: 0.05em; margin-top: 20px; }
#creatorMediaTrend .trend_date::before{content: ''; position: absolute; width: 30px; height: 30px; background-image: url("/weven_data/rapahub/user_template/resource/img/svg/chevron_right_FILL0_wght300_GRAD0_opsz40.svg"); background-repeat: no-repeat; background-size: 25px; background-position: left 6px top 5px; right: -23px; top: -8px;}
#creatorMediaTrend .paging{margin-top: 18px;/*  margin-bottom: 118px; */}

/* 상세화면 */
#creatorListView .view_category{margin-top: -3px;}
#creatorListView .view_title{margin-top: 9px;}
#creatorListView .view_box_img_con{display: flex; justify-content: center; align-items: center; font-size: 0; line-height: 0;}
#creatorListView .view_box_img.is_thumbnail{margin-bottom: 40px;}
#creatorListView .view_box_download_btn_con{margin-top: 10px;}
#creatorListView .btn_type_long.white{padding: 14px 0 13px 25px;}
#creatorListView .view_box_download_btn_con{margin-bottom: 40px;}

/* 세무/법률 */
/* 리스트 */

/* 상담신청 */
#pageCounselRequestForm .select_style_00_wrap.type_3 { width: 100%;}


/* 일림마당 - 공지사항 */
/* 리스트 */

/* 상세화면 */

/* 알림마당 - 자주하는질문 */
/* 리스트 */
#faq .more_question_wrap{margin-top: 45px;}
#faq .more_question_title{font-size: 27px; font-size: 2.7rem; line-height: 35px; line-height: 3.5rem; font-weight: 800;}
#faq .more_question_desc{font-size: 17px; font-size: 1.7rem; line-height: 24px; line-height: 2.4rem; font-weight: 400; margin-top: 10px;}
#faq .btn_type_con{margin-top: 24px;}
#faq .accordion_title_wrap::before{content: 'Q.'; position: absolute; left: -25px; top: 0; font-size: 18px; font-size: 1.8rem; line-height: 24px; line-height: 2.4rem; font-weight: 600;}
#faq .accordion_list::after{content: ''; position: absolute; right: 16px; bottom: 14px; width: 30px; height: 30px; background-image: url("/weven_data/rapahub/user_template/resource/img/svg/expand_arrow.svg"); background-repeat: no-repeat; background-position: center center; background-size: 26px; }
#faq .accordion_list.active::after{background-image: url("/weven_data/rapahub/user_template/resource/img/svg/expand_arrow_hover.svg"); transform: rotate(180deg);}


/*마이페이지 - 회원정보*/
/*(공통)*/
.myinfo_input_wrap{ max-width: 500px; }
.myinfo_input_wrap .myinfo_desc{ font-size: 18px; font-size: 1.8rem; line-height: 26px; line-height: 2.6rem; font-weight: 600; }
.myinfo_input_wrap .myinfo_input_con img{ width: 34px; height: 34px; position: absolute; top: 22px; left: 21px; }
.myinfo_input_wrap .myinfo_input_con > div{ margin-bottom: 15px; }
.myinfo_input_wrap .myinfo_input_con > div:last-child{ margin-bottom: 0; }

/*(회원정보 수정)*/
.myinfo_input_wrap > img{ width: 197px; margin-bottom: 16px; margin-top: 30px;}
div[id^='pageMyinfo'] .page_content_con{padding-top: 18px;}
div[id^='pageMyinfo'] .myinfo_input_wrap .myinfo_desc{ margin-bottom: 31px; }
div[id^='pageMyinfo'] .myinfo_input_wrap .myinfo_input_con{ margin-bottom: 38px; }
div[id^='pageMyinfo'] .myinfo_profile_con{ margin-bottom: 40px; }
div[id^='pageMyinfo'] .myinfo_profile_con .user_profile_con{ width: 130px; height: 130px; }
div[id^='pageMyinfo'] .myinfo_profile_con .profile_btn_con{ position: absolute; bottom: -3px; right: 6px; cursor: pointer;}
div[id^='pageMyinfo'] .myinfo_profile_con .btn_profile_delete{ position: absolute; right: 0; }
div[id^='pageMyinfo'] .form_content_con{ padding: 36px 0 0px 0; border-top: 1px solid var(--color_border_1);}
div[id^='pageMyinfo'] .form_content_title{ font-size: 15px; font-size: 1.5rem;}
div[id^='pageMyinfo'] .form_content_list:nth-of-type(1) .form_content_title{ margin-top: 0; }
div[id^='pageMyinfo'] .form_content_list.gender_list{margin-top: 29px;}
div[id^='pageMyinfo'] .form_content_input.gender_input {width: auto; margin-top: 5px; min-height: 0;}
div[id^='pageMyinfo'] .form_content_input.gender_input .radio_con {margin: 0 30px 0 0px;}
div[id^='pageMyinfo'] .form_content_title.form_gender{width: 53px; margin-top: 10px;}
div[id^='pageMyinfo'] .form_content_name{margin-top: 0;}
div[id^='pageMyinfo'] .form_content_input > span{ display: inline-block; margin-top: 15px; margin-left: 7px; }
div[id^='pageMyinfo'] .myinfo_input_con > div{width: 100%;}
div[id^='pageMyinfo'] .input_style_01{width: 100%; height: 74px; padding: 18px 20px 21px 65px; font-size: 21px; font-size: 2.1rem; }
div[id^='pageMyinfo'] .input_style_00.type_2{height: 57px; font-weight: 500;}
div[id^='pageMyinfo'] .btn_underline{position: absolute; right: 0; top: 4px;}
div[id^='pageMyinfo'] .form_button_con{max-width: 820px; overflow: hidden;}


/*(탈퇴)*/
div[id^='pageSignoff'] .myinfo_input_wrap .myinfo_desc{ margin-bottom: 27px; }
div[id^='pageSignoff'] .myinfo_input_wrap .myinfo_input_con{ margin-bottom: 51px; }
div[id^='pageSignoff'] .form_warn_con{ margin-bottom: 35px; }
div[id^='pageSignoff'] .form_confirm_icon{ background-image: url("/weven_data/rapahub/user_template/resource/img/form_complete_collaboration.png"); }
div[id^='pageSignoff'] .form_button_con{max-width: 820px; overflow: hidden;}
div[id^='pageSignoff'] .btn_type_long{width: 148px;}



@media all and (min-width:768px){
    #pagePortfolioList .portfolio_list{ width: -webkit-calc(100% + 20px); width: -moz-calc(100% + 20px); width: calc(100% + 20px); margin-left: -20px;}
}


@media all and (min-width:992px){
    
    
    .list_style_00_wrap .list_con .list_cover_dim{opacity: 0; background: linear-gradient(to top, rgba(0,0,0,0.4), rgba(0,0,0,0))}

    .page_title{ font-size: 34px; font-size: 3.4rem; line-height: 40px; line-height: 4rem;}

    .page_container{ padding: 45px 30px 58px 30px;}
    .page_container .btn_mobile_tab{margin-right: 31px; transform: scale(1); margin-top: 0px; margin-left: 0;}
    .page_container .share_btn_con{ margin-left: 16px; margin-top: 2px; transform: scale(0.85);}
    .page_content_con.type_1{ padding-top: 43px; }
    .page_content_con.type_2{ padding-top: 18px; }
    .page_content_con.type_3{ padding-top: 30px; }

    .page_title_right{margin-top: 0;}
    .page_container .btn_mobile_tab{ display: none; margin-right: 0; }
    .page_content_con .left_bar_title{ font-size: 16px; font-size: 1.6rem; font-weight: 700;}
    .page_content_con .left_bar_con_title{ font-size: 17px; font-size: 1.7rem;}
    .page_content_con .left_bar_content{margin-top: 23px;}
    .page_content_con .page_left_bar_close{margin-bottom: 20px;}
    .page_content_con .page_left_bar_close{display: none;}
    .page_content_con .page_left_bar_con{ padding: 22px 21px; }
    .page_content_con .page_left_bar_wrap{ position: relative; left: 0; z-index: 0; width: 250px; padding: 9px; border: 1px solid var(--color_border_1); border-radius: 20px; }
    .page_content_con .page_left_bar_wrap ~ .page_list_wrap{ width: calc(100% - 250px); padding-left: 42px; }
    .page_content_con .portfolio_radio{margin-top: 4px;}
    .page_content_con .portfolio_checkbox{margin-top: 4px;}
    
    .list_style_00_wrap .list_con{border-radius: 15px;}
    .list_style_00_wrap .list_con .list_plus_icon{ width: 38px; height: 38px; background-size: 26px;}
    .list_style_00_wrap .list_con .list_text_con{ padding: 13px 15px 12px 12px; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px;}
    .list_style_00_wrap .list_con .btn_favorite{ top: 8px; right: 8px; width: 22px; height: 22px; background-size: 12px; background-position: left 5px top 6px;}

    .list_style_01_wrap .list_con{padding: 25px 17px 28px 35px;}
    .list_style_01_wrap .list_con:hover{border-color: #a0b5c4;}
    .list_style_01_wrap .list_text_box{padding: 4px 30px 18px 0;}
    .list_style_01_wrap .list_title{font-size: 15px; font-size: 1.5rem; font-weight: 600;}
    .list_style_01_wrap .list_desc{font-size: 19px; font-size: 1.9rem; line-height: 26px; line-height: 2.6rem; margin-top: 7px;}
    .list_style_01_wrap .list_date{font-size: 14px; font-size: 1.4rem; font-weight: 400; background-position: right 0px top 1px;}
    .list_style_01_wrap .paging{margin-top: 30px; /* margin-bottom: 118px; */}

    
    .page_tab_con ul li{width: 178px; padding: 15px 0 15px;}

    .view_box{border: 1px solid var(--color_border_1);  border-radius: 30px; padding: 47px 53px 46px 53px; margin-bottom: 50px; margin-top: 33px;}
    .view_category{font-size: 19px; font-size: 1.9rem; line-height: 25px; line-height: 2.5rem; font-weight: 700;}
    .view_title{font-size: 26px; font-size: 2.6rem; margin-top: 12px; max-width: 60%; word-break: keep-all; line-height: 36px; line-height: 3.6rem;}
    .view_organization_name{font-size: 19px; font-size: 1.9rem; line-height: 36px; line-height: 3.6rem;}
    .add_file_con:not(.no_file){margin-bottom: 22px;}
    .view_title .new_list{font-size: 17px; font-size: 1.7rem;  right: -1px; top: -11px;}
    .view_date{margin-top: 8px;}

    .form_title_con{ margin-bottom: 47px; }
    .form_title{ font-size: 24px; font-size: 2.4rem; line-height: 36px; line-height: 3.6rem; font-weight: 700; margin-bottom: 0;}
    .form_title.type_2{ font-size: 24px; font-size: 2.4rem; font-weight: 700;}
    .form_warn_con{ padding: 37px 88px 35px 76px;background-position: left 39px top 36px;  margin-bottom: 57px; background-size: 26px;  margin-top: 0;}
    .form_warn_title{margin-bottom: 22px;  font-size: 18px; font-size: 1.8rem;}
    .form_warn_con ul.has_left li{font-size: 18px; font-size: 1.8rem; line-height: 24px; line-height: 2.4rem;}
    .form_warn_con.type_2 ul.has_left li{line-height: 24px; line-height: 2.4rem;}
    .form_confirm_title{ font-size: 42px; font-size: 4.2rem; line-height: 52px; line-height: 5.2rem; word-spacing: normal; margin-bottom: 14px;}
    .form_confirm_icon{height: 150px; margin-bottom: 34px; margin-top: 0;}
    .form_intro_desc{ font-size: 15px; font-size: 1.5rem;font-weight: 300;}


    .popup_style_00_wrap .bottom_btn_con{margin-top: 30px;}



    /*노데이터 스타일 01 : 느낌표 우측에 작은 글씨 (border 없음)*/
    .nodata_style_01 > div{font-size: 15px; font-size: 1.5rem; padding-left: 30px; background-size: 22px; font-weight: 500;}


    /* 경력관리 */
    .page_menu2 .portfolio_type{ font-size: 14px; font-size: 1.4rem; line-height: 29px; line-height: 2.9rem;}
    .page_menu2 .portfolio_public{ font-size: 13px; font-size: 1.3rem;margin-left: 3px; margin-top: 1px; padding: 1px 7px 1px 8px;}



    /* 마이페이지 */
    .mypage .page_content_con:last-child .btn_type_con{margin-top: 10px;}
    .mypage .answer{display: inline-block; margin-bottom: 0; width: auto;}
    .mypage .answer_con{padding-top: 0;}
    .mypage .page_content_con:last-child .view_box {margin-bottom: 50px;}

    /* 알림내역 */
    #notification .accordion_wrap{margin-top: 35px;}
    #notification .accordion_list{padding-left: 63px; padding-bottom: 27px; padding-right: 30px;}
    #notification .accordion_title_wrap::before{background-size: 15px; background-position: 5px 6px;transform: scale(1);left: -37px; top: -2px;}
    #notification .accordion_category::after {display: block;}

    /* 협업내역 */

    /* 디지털미디어허브 - 소개*/
    .section_intro .introduce_text{ font-size: 24px; font-size: 2.4rem; line-height: 36px; line-height: 3.6rem; font-weight: 700; }
    .section_intro .introduce_wrap{min-height: 1035px; text-align: left;}
    .section_intro .introduce_wrap > img{ width: 340px; height: 40px; position: relative; top: 0; left: 0; transform: none;}
    .section_intro .introduce_con{ position: relative; width: fit-content;  margin-top: 0px;}
    .section_intro .introduce_con:nth-of-type(1){ top: 63px; left: 0; }
    .section_intro .introduce_con:first-of-type{margin-top: -6px;}
    .section_intro .introduce_con:nth-of-type(2){ top: -59px; left: 480px; }
    .section_intro .introduce_con:nth-of-type(3){ top: -78px; left: 50%; transform: translateX(-50%); }
    .section_intro .introduce_con:nth-of-type(1) .introduce_img{ margin-top: 41px; margin-left: 66px; }
    .section_intro .introduce_con:nth-of-type(2) .introduce_img{ margin-top: 16px; margin-left: 157px; }
    .section_intro .introduce_con:nth-of-type(3) .introduce_img{ margin-top: 30px; margin-left: 53px; }
    .section_intro .introduce_num{margin-bottom: 9px; font-size: 31px; font-size: 3.1rem;}
    .section_intro .introduce_title{display: block; font-size: 36px; font-size: 3.6rem; line-height: 44px; line-height: 4.4rem; margin-bottom: 11px; word-spacing: normal; font-weight: 800;}
    .section_intro .introduce_desc{font-weight: 500;}
    .section_intro .introduce_img_con{text-align: left;}
    .section_intro .introduce_img{width: auto;}
    .section_intro .introduce_bg{background-size: 637px; top: 0;}

    /* 디지털미디어허브 - 주요파트너사 */
    #pagePartnerCompany .partner_logo{border-radius: 20px;}
    #pagePartnerCompany .partner_name{margin-top: 22px;}

    /* 포트폴리오 */
    /* 리스트 팝업 */
    #popPortfolio{ max-width: 1200px; width: calc(100% - 60px); height: auto; max-height: 95vh; padding: 25px 0 25px 25px; border-radius: 30px;}
    #popPortfolio .pop_close_btn{right: 15px; position: absolute; top: -10px; }
    #popPortfolio .portfolio_content{display: block; flex-direction: unset; gap: 0;}
    #popPortfolio .pop_thumbnail_con{ width: calc(100% - 460px); height: auto;}
    #popPortfolio .pop_info_con{ width: 460px; padding: 0 53px; }
    #popPortfolio .pop_title_con{padding-top: 45px;}


    
    #popPortfolioView{ max-width: 1200px; width: 100%; height: auto; max-height: 95vh; padding: 25px 0 25px 25px; border-radius: 30px; }
    #pagePortfolioView .tab_filter_con{margin: 30px 0;}
    #popPortfolioView .pop_close_btn{right: 15px; position: absolute; top: -10px; }
    #popPortfolioView .portfolio_content{display: block;}
    #popPortfolioView .pop_thumbnail_con{ width: calc(100% - 460px);}
    #popPortfolioView .pop_info_con{ width: 460px; padding: 0 53px; }
    #popPortfolioView .pop_title_con{padding-top: 45px;}

    /* 리스트 */
    #pagePortfolioList .select_style_00_wrap{width: 158px;}
    #pagePortfolioList .user_profile_con{ width: 24px; height: 24px; margin-right: 8px;  margin-top: 2px;}
    #pagePortfolioList .user_name{ font-size: 13px; font-size: 1.3rem; line-height: 29px; line-height: 2.9rem;}
    #pagePortfolioList .portfolio_type{ font-size: 13px; font-size: 1.3rem;}
    #pagePortfolioList .input_style_00{height: 47px; font-size: 15px; font-size: 1.5rem; border-radius: 12px;}
    #pagePortfolioList .input_search_wrap .input_search_icon{background-position: center center;}
    #pagePortfolioList .radio_style_00_wrap .radio_con{font-size: 15px; font-size: 1.5rem; margin-bottom: 10px;}
    #pagePortfolioList .checkbox_style_00_wrap .checkbox_con{font-size: 15px; font-size: 1.5rem; margin-bottom: 13px;}
    #pagePortfolioList .page_content_con hr{margin-top: 0px;}
    #pagePortfolioList .paging{margin-top: 30px;}

    /* 상세 */
    #pagePortfolioView .page_top_con{ margin-bottom: 65px;  justify-content: space-between; flex-direction: row; gap: 0; align-items: unset;}
    #pagePortfolioView .user_profile_wrap{display: flex; justify-content: center; gap: 10px;}
    #pagePortfolioView .page_top_left{justify-content: unset; flex-direction: row; width: 70%;}
    #pagePortfolioView .page_top_right{display: inline-block; margin-top: 0;}
    #pagePortfolioView .collaboration_cnt_con{ margin-right: 29px; }
    #pagePortfolioView .tab_section{ margin-bottom: 51px; }
    #pagePortfolioView .tab_section:last-child{padding-bottom: 0;}
    #pagePortfolioView .user_info_con{width: auto;}
    #pagePortfolioView .user_list_con{margin-bottom: 17px;}
    #pagePortfolioView .user_list_con:last-child{width: auto; justify-content: unset;}
    #pagePortfolioView .user_list_con a{margin-left: 20px; top: -7px;}
    #pagePortfolioView .user_list_desc{ line-height: 2.3rem;}
    #pagePortfolioView .user_profile_con{width: 130px; height: 130px; margin-right: 50px; margin-bottom: 0;}
    #pagePortfolioView .user_name_wrap{width: calc(100% - 160px);}
    #pagePortfolioView .user_name{font-size: 34px; font-size: 3.4rem; margin-right: 9px;}
    #pagePortfolioView .user_name_con{margin-top: 0; margin-bottom: 0;}
    #pagePortfolioView .hashtag_con{ margin-bottom: 24px; margin-top: 20px; }
    #pagePortfolioView .tab_title{margin-bottom: 27px;}
    #pagePortfolioView .tab_box{ padding: 34px 45px;}
    #pagePortfolioView .tab_section.tab_job .job_more_btn{position: relative; right: unset; bottom: unset;}
    #pagePortfolioView .page_tab_content#tabCreatorInformation{width: calc(100% + 90px); margin-left: -90px; margin-top: 60px;}
    #pagePortfolioView .modify_btn_con{margin-bottom: 0px;}
    #pagePortfolioView .select_style_00_wrap {width: 123px;}
    #pagePortfolioView .select_style_00_wrap .selected_item{padding: 13px 45px 12px 18px;}
    #pagePortfolioView .input_style_00{width: 228px; padding: 6px 20px;}
    #pagePortfolioView .list_cover_content {text-align: center;}
    #pagePortfolioView .list_cover_content .content_btn_con{ margin-bottom: 11px; padding-right: 0;}
    #pagePortfolioView .btn_text{width: 105px; font-size: 13px; font-size: 1.3rem; padding: 5px 0 4px 1px;}
    #pagePortfolioView .modify_btn_con{margin-bottom: 50px;}
    #pagePortfolioView .tab_creator_career{margin-top: 57px;}

    /* 활동지역 지역선택 팝업 */
    #popSelectRegion{ max-width: 740px; width: calc(100% - 40px); height: auto; max-height: calc(100vh - 60px); border-radius: 20px;}
    #popSelectRegion .border_box.no_overflow{padding: 22px 30px 24px 30px;}
    #popSelectRegion .popup_header{position: relative; top: unset; left: unset; z-index: unset;}
    #popSelectRegion .popup_style_00_con{height: auto;}
    #popSelectRegion .popup_body{height: auto; padding: 50px 35px 60px 35px}
    #popSelectRegion .border_box .checkbox_con{ margin-right: 30px;}
    #popSelectRegion .popup_content{height: auto;}
    #popSelectRegion .bottom_btn_con{position: relative; bottom: unset; left: unset;}

    /* 경력관리 승인요청 팝업 */
    #popRequestApproval{ max-width: 740px; width: calc(100% - 40px); height: auto; max-height: calc(100vh - 60px); border-radius: 20px;}
    #popRequestApproval .popup_header{position: relative; top: unset; left: unset; z-index: unset;}
    #popRequestApproval .popup_body{padding: 47px 60px 60px 60px; height: auto;}
    #popRequestApproval .popup_content{height: auto;}
    #popRequestApproval .form_warn_con{padding: 23px 54px 15px 54px;  background-position: 30px 24px; margin-top: 10px; margin-bottom: 29px; background-size: 19px;}
    #popRequestApproval .input_file_name{width: 452px;}
    #popRequestApproval .input_file_title{margin-bottom: 0;}
    #popRequestApproval .bottom_btn_con{position: relative; bottom: unset; left: unset;}

    /* 경력관리 승인거부 사유 팝업 */
    #popRejectReason{ max-width: 740px; width: calc(100% - 40px); height: auto; max-height: calc(100vh - 60px);  border-radius: 20px;}
    #popRejectReason .popup_header{position: relative; top: unset; left: unset; z-index: unset;}
    #popRejectReason .popup_body{padding: 47px 60px 60px 60px; height: auto;}
    #popRejectReason .popup_content{height: auto;}
    #popRejectReason .panel_con{height: auto;}
    #popRejectReason .panel_list{height: auto;}
    #popRejectReason .border_box{min-height: 213px; padding: 23px 34px 23px 34px;}
    #popRejectReason .bottom_btn_con{margin-top: 40px; position: relative; bottom: unset; left: unset;}

    /* 경력확인서 팝업 */
    #popCareerCertificate{ max-width: 1000px; width: calc(100% - 40px); height: auto; max-height: calc(100vh - 60px); border-radius: 20px;}
    #popCareerCertificate .popup_btn_con{position: absolute;}
    #popCareerCertificate .popup_style_00_con:before{width: 80%;}
    #popCareerCertificate .popup_style_00_con:after{width: 80%;}
    #popCareerCertificate .popup_body{padding: 50px 100px 153px 100px; background-position: left 105px bottom 60px;}
    #popCareerCertificate .certificate_title{font-size: 37px; font-size: 3.7rem; line-height: 43px; line-height: 4.3rem; gap: 19px; margin-bottom: 77px; margin-top: 30px;}
    #popCareerCertificate .certificate_img{width: 80px; height: 80px; margin-left: 0;}
    #popCareerCertificate .certificate_profile_con .tab_box_outer{ border: 1px solid var(--color_border_1);}
    #popCareerCertificate .certificate_profile_con .tab_box{ padding: 32px 37px 31px 35px;  gap: 27px;}
    #popCareerCertificate .user_profile_con{width: 90px; height: 90px; margin-top: 6px; margin-left: 0;}
    #popCareerCertificate .user_name{font-size: 29px; font-size: 2.9rem; line-height: 35px; line-height: 3.5rem; margin-top: 0; margin-bottom: 12px; font-weight: 700;}
    #popCareerCertificate .user_list_con{margin-bottom: 4px; font-size: 16px; font-size: 1.6rem; line-height: 22px; line-height: 2.2rem;}
    #popCareerCertificate .hashtag_con{position: absolute; right: 0; bottom: 0; margin-top: 0; margin-bottom: 0;}
    #popCareerCertificate .certificate_list_title{font-size: 17px; font-size: 1.7rem; margin-bottom: 16px; font-weight: 800;}
    #popCareerCertificate .tab_box_outer{ border-radius: 20px;}
    #popCareerCertificate .tab_box{ padding: 27px 27px 26px 35px;}
    #popCareerCertificate .nodata_con{font-size: 14px; font-size: 1.4rem; font-weight: 400;}
    #popCareerCertificate .nodata_con .nodata_txt{background-size: 18px; background-position: left 6px; padding-left: 26px;}
    #popCareerCertificate .confirm_text{font-size: 25px; font-size: 2.5rem; line-height: 31px; line-height: 3.1rem; margin-bottom: 31px; margin-top: 28px;}
    #popCareerCertificate .confirm_date{font-size: 21px; font-size: 2.1rem; line-height: 27px; line-height: 2.7rem;}
    
    
    /* 경력확인서 팝업 */
    body.print_area{ max-width: 1000px; width: calc(100% - 40px); height: auto; max-height: calc(100vh - 60px); border-radius: 20px;}
    body.print_area .popup_btn_con{position: absolute;}
    body.print_area .popup_style_00_con:before{width: 80%;}
    body.print_area .popup_style_00_con:after{width: 80%;}
    body.print_area .popup_body{padding: 50px 100px 153px 100px; background-position: left 105px bottom 60px;}
    body.print_area .certificate_title{font-size: 37px; font-size: 3.7rem; line-height: 43px; line-height: 4.3rem; gap: 19px; margin-bottom: 77px; margin-top: 30px;}
    body.print_area .certificate_img{width: 80px; height: 80px; margin-left: 0;}
    body.print_area .certificate_profile_con .tab_box_outer{ border: 1px solid var(--color_border_1);}
    body.print_area .certificate_profile_con .tab_box{ padding: 32px 37px 31px 35px;  gap: 27px;}
    body.print_area .user_profile_con{width: 90px; height: 90px; margin-top: 6px; margin-left: 0;}
    body.print_area .user_name{font-size: 29px; font-size: 2.9rem; line-height: 35px; line-height: 3.5rem; margin-top: 0; margin-bottom: 12px; font-weight: 700;}
    body.print_area .user_list_con{margin-bottom: 4px; font-size: 16px; font-size: 1.6rem; line-height: 22px; line-height: 2.2rem;}
    body.print_area .hashtag_con{position: absolute; right: 0; top: 0; margin-top: 0; margin-bottom: 0;}
    body.print_area .certificate_list_title{font-size: 17px; font-size: 1.7rem; margin-bottom: 16px; font-weight: 800;}
    body.print_area .tab_box_outer{ border-radius: 20px;}
    body.print_area .tab_box{ padding: 27px 27px 26px 35px;}
    body.print_area .nodata_con{font-size: 14px; font-size: 1.4rem; font-weight: 400;}
    body.print_area .nodata_con .nodata_txt{background-size: 18px; background-position: left 6px; padding-left: 26px;}
    body.print_area .confirm_text{font-size: 25px; font-size: 2.5rem; line-height: 31px; line-height: 3.1rem; margin-bottom: 31px; margin-top: 28px;}
    body.print_area .confirm_date{font-size: 21px; font-size: 2.1rem; line-height: 27px; line-height: 2.7rem;}

    /*포트폴리오설정 팝업*/
    #portfolioPop { border-radius: 20px; height: auto;}
    #portfolioPop.popup_style_00_wrap .popup_body{padding: 20px 55px 60px 55px; }
    #portfolioPop.popup_style_00_wrap .bottom_btn_con {margin-top: 0px;}
    #portfolioPop .form_content_title{width: 116px;}
    #portfolioPop .form_content_title.public_setting{margin-top: 6px;}
    #portfolioPop .input_file_wrap {bottom: -10px;}
    #portfolioPop .form_content_input{width: calc(100% - 116px);}
    #portfolioPop .thumbnail { border: 1px solid var(--color_border_1);}
    #portfolioPop .btn_underline { padding: 10px 7px; font-size: 16px; font-size: 1.6rem;}
    #portfolioPop .btn_underline::after { bottom: -3px;}

    /* 경력관리 - 구인정보 */
    /* 리스트 */
    #jobInfo .will_expire{font-size: 12px; font-size: 1.2rem;padding: 6px 9px 5px 10px; top: 0;}
    #jobInfo .list_style_01_wrap .list_text_box{padding: 16px 30px 18px 0;}

    #jobInfoList .select_style_00_wrap{height: var(--height_box_1);}
    #jobInfoList .select_style_00_wrap .selected_item {font-size: 15px; font-size: 1.5rem; padding: 13px 45px 12px 18px;}
    #jobInfoList .select_style_00_wrap .select_style_0 > li > a {padding: 8px 19px; font-size: 15px; font-size: 1.5rem;}
    #jobInfoList .select_style_00_wrap .select_style_0_con {max-height: 488px;}
    #jobInfoList .input_style_00{font-weight: 600; height: 47px; font-size: 15px; font-size: 1.5rem;}
    #jobInfoList .list_category {font-size: 15px; font-size: 1.5rem; line-height: 23px; line-height: 2.3rem; font-weight: 600; letter-spacing: -0.01em; padding: 7px 0 10px 32px; padding-left: 32px; background-repeat: no-repeat; background-size: 23px; background-position: left 0 top 5px;}
    #jobInfoList .search_btn_con {width: 84px; height: 34px;border-radius: 17px;}
    #jobInfoList .search_btn {padding: 7px 30px 7px 18px; font-size: 14px; font-size: 1.4rem;background-size: 11px; background-position: right 13px top 11px;}
    .warning_title{margin-bottom:20px; font-size: 15px; font-size: 1.5rem; font-weight: 300; text-align:right;}
    
    /* 상세 */
    #jobInfoView .page_content_con{padding-top: 38px;}
    #jobInfoView .will_expire{top: -2px; padding: 6px 9px 5px 10px; margin-left: 4px;}
    #jobInfoView .btn_type_con{margin-bottom: 50px;}
    #jobInfoView .btn_underline { padding: 10px 7px; font-size: 16px; font-size: 1.6rem;}
    #jobInfoView .btn_underline::after { bottom: -3px;}

    /* 인프라 정보 통합서비스 - 정부지원사업 */
    /* 리스트 */
    #governSupport .select_style_00_wrap{height: var(--height_box_1);}
    #governSupport .select_style_00_wrap .selected_item {font-size: 15px; font-size: 1.5rem; padding: 13px 45px 12px 18px;}
    #governSupport .select_style_00_wrap .select_style_0 > li > a {padding: 8px 19px; font-size: 15px; font-size: 1.5rem;}
    #governSupport .select_style_00_wrap .select_style_0_con {max-height: 488px;}
    #governSupport .input_style_00{font-weight: 600; height: 47px; font-size: 15px; font-size: 1.5rem;}
    #governSupport .list_category {font-size: 15px; font-size: 1.5rem; line-height: 23px; line-height: 2.3rem; font-weight: 600; letter-spacing: -0.01em; padding: 7px 0 10px 32px; padding-left: 32px; background-repeat: no-repeat; background-size: 23px; background-position: left 0 top 5px;}
    #governSupport .search_btn_con {width: 84px; height: 34px;border-radius: 17px;}
    #governSupport .search_btn {padding: 7px 30px 7px 18px; font-size: 14px; font-size: 1.4rem;background-size: 11px; background-position: right 13px top 11px;}

    /* 상세 */
    #governSupport .btn_type_con {margin-bottom: 117px;}
    #governSupport .view_category{ font-size: 20px; font-size: 2rem; background-size: 31px; padding: 8px 0 12px 43px; background-position: 0 center; }
    #governSupport .view_box_top_con{padding-bottom: 56px;}
    #governSupport .view_box_bottom_con{padding-top: 54px;}



    /* 인프라 정보 통합서비스 - 시설 및 장비예약 */
    /* 리스트 */
    #facilityEquipReserve .filter_wrap{margin-bottom: 31px;}
    #facilityEquipReserve .reserve_con:hover{border-color: #a0b5c4;}
    #facilityEquipReserve .select_style_00_wrap {width: 128px;}
    #facilityEquipReserve .select_style_00_wrap .selected_item{padding: 13px 45px 12px 18px;}
    #facilityEquipReserve .select_style_00_wrap .select_style_0 > li > a{padding: 8px 19px;}
    #facilityEquipReserve .input_style_00{width: 228px;height: var(--height_box_1); font-size: 15px; font-size: 1.5rem; padding: 6px 20px;}
    #facilityEquipReserve .mini_swiper_right_contents{padding-left: 0;}
    #facilityEquipReserve .reserve_list{width: calc(50% - 10px);}
    #facilityEquipReserve .hashtag_con {margin-top: 18px; height: 34px;}
    #facilityEquipReserve .card_title{font-size: 18px; font-size: 1.8rem;}
    #facilityEquipReserve .reserve_title { font-size: 23px; font-size: 2.3rem; margin-top: 5px;}
    #facilityEquipReserve .main_desc {font-size: 15px; font-size: 1.5rem; line-height: 23px; line-height: 2.3rem; height: 48px;}
    #facilityEquipReserve .hashtag_text {padding: 7px 12px 7px 22px; font-size: 12px; font-size: 1.2rem;}
    #facilityEquipReserve .hashtag_text::before {left: 12px;}
    /* #facilityEquipReserve .paging{margin-bottom: 118px;} */

    /* 팝업 */
    #popReserve {border-radius: 30px; padding: 70px 36px 70px 70px; width: auto; height: auto; max-height: calc(100% - 50px); max-width: calc(100% - 60px); }
    #popReserve .facility_swiper_wrap {width: 620px; }
    #popReserve .card_title{font-size: 23px; font-size: 2.3rem; line-height: 29px; line-height: 2.9rem;}
    #popReserve .main_desc{margin-top: 29px;}
    #popReserve .info_list{line-height: 23px; line-height: 2.3rem; margin-top: 13px;}
    #popReserve .reserve_title{font-size: 33px; font-size: 3.3rem; line-height: 40px; line-height: 4rem; margin-top: 7px; padding-bottom: 29px; }
    #popReserve .facility_desc_con {width: calc(100% - 620px); padding-left: 60px; margin-top: -3px; padding-right: 60px; max-height: 413px;}
    #popReserve .main_desc{margin-top: 29px;}
    #popReserve .pop_title{font-size: 24px; font-size: 2.4rem;}
    #popReserve .pop_container{padding-top: 30px;}
    #popReserve .pop_container+.pop_container{padding-right: 34px;}
    #popReserve .facility_swiper {max-width: 620px}


    /* 인프라 정보 통합서비스 - 크리에이터 미디어 트렌드 */
    /* 리스트 */
    #creatorMediaTrend .trend_list_con:hover{border-color: #a0b5c4;}
    #creatorMediaTrend .trend_title{font-size: 15px; font-size: 1.5rem; font-weight: 600;}
    #creatorMediaTrend .trend_desc{font-size: 19px; font-size: 1.9rem; line-height: 26px; line-height: 2.6rem;}
    /* 상세 */
    #creatorListView .view_box_download_btn_con{margin-bottom: 57px;}

    /* 세무/법률 - 지식공유 */
    
    /* 세무/법률 - 상담신청 */
    #pageCounselRequestForm .select_style_00_wrap.type_3 {width: 460px;}

    /* 알림마당 - 공지사항 */
    /* #announcementView .btn_type_con {margin-bottom: 50px;} */

    /* 알림마당 - 자주하는질문 */
    #faq .more_question_wrap{margin-top: 86px;}
    #faq .more_question_title{font-size: 29px; font-size: 2.9rem;}
    #faq .more_question_desc{font-size: 18px; font-size: 1.8rem; font-weight: 300; margin-top: 14px;}
    #faq .btn_type_con{margin-top: 31px; margin-bottom: 50px;}
    #faq .accordion_list::after{bottom: unset; top: 24px; right: 16px;}
    #faq .accordion_title_wrap::before{left: -29px;}


    /* 회원정보 */
    .myinfo_input_wrap > img{ width: auto; margin-bottom: 27px; margin-top: 0;}
    .myinfo_input_wrap .myinfo_input_con img{top: 22px; left: 23px; }
    .myinfo_input_wrap .myinfo_desc{line-height: 24px; line-height: 2.4rem; font-weight: 700; }
    div[id^='pageMyinfo'] .page_content_con{padding-top: 25px;}
    div[id^='pageMyinfo'] .myinfo_profile_con{ margin-bottom: 50px; }
    div[id^='pageMyinfo'] .myinfo_input_wrap .myinfo_desc{ margin-bottom: 41px; }
    div[id^='pageMyinfo'] .myinfo_input_wrap .myinfo_input_con{ margin-bottom: 41px; }
    div[id^='pageMyinfo'] .myinfo_input_con > div{width: auto;}
    div[id^='pageMyinfo'] .form_content_con{ padding: 60px; border: 1px solid var(--color_border_1); border-radius: 25px; max-width: 821px; overflow: hidden;}
    div[id^='pageMyinfo'] .input_style_01{width: 498px; height: 78px; padding: 19px 20px 20px 75px; font-size: 20px; font-size: 2rem; }
    div[id^='pageMyinfo'] .form_content_list.gender_list{margin-top: 0px;}
    div[id^='pageMyinfo'] .form_content_input.gender_input {width: calc(100% - 153px); margin-top: 0px; min-height: 57px;}
    div[id^='pageMyinfo'] .form_content_input.gender_input .radio_con {margin: 12px 30px 13px 0px;}
    div[id^='pageMyinfo'] .form_content_title{margin-top: 20px; width: 153px;}
    div[id^='pageMyinfo'] .form_content_input{width: calc(100% - 153px);}
    div[id^='pageMyinfo'] .form_content_title.form_gender{width: 153px; margin-top: 16px;}
    div[id^='pageMyinfo'] .form_content_name{margin-top: 0px; font-size: 16px; font-size: 1.6rem;}
    div[id^='pageMyinfo'] .form_content_list{ margin-bottom: 17px; }
    div[id^='pageMyinfo'] .form_content_list:first-of-type{ margin-bottom: 29px;}
    div[id^='pageMyinfo'] .input_style_00.type_2{height: 55px; font-size: 18px; font-size: 1.8rem;}


    div[id^='pageSignoff'] .form_warn_con{ margin-bottom: 47px; }
    div[id^='pageSignoff'] .btn_type_long{width: 138px;}
}

@media all and (min-width:1200px){

    /* 경력관리 -포트폴리오 상세 */
    #pagePortfolioView .tab_left_con{ width: calc(100% - 550px); }
    #pagePortfolioView .tab_right_con{ width: 550px; }


    /* 인프라 정보 통합서비스 - 시설 및 장비예약 */
    /* 리스트 */
    #facilityEquipReserve .mini_swiper_wrap {width: 240px;}
    #facilityEquipReserve .mini-swiper {max-width: 240px; height: 170px;}
    #facilityEquipReserve .mini_swiper_right_contents{padding-left: 39px; padding-top: 22px; max-width: calc(100% - 240px);}
    #facilityEquipReserve .hashtag_con {margin-top: 41px; margin-left: 1px;}

    /* 팝업 */
    #popReserve {max-width: 1200px;}
}


@media all and (min-width:1400px){
}
@media all and (min-width:1600px){

}