@charset "UTF-8"; /*** [공통 사용 클래스] ***/ /* 영역 */ .container_pad_20{width:100%; margin:0 auto; padding:20px;} /* 입력 폼 */ .user_info_regs_form_wrap input[type="text"], .user_info_regs_form_wrap textarea{width:100%; height:auto; padding:5px 10px; font-size:16px; background-color:#fff; color:#202020; border:1px solid #c1c1c1;} .user_info_regs_form_wrap input[type="text"]::placeholder, .user_info_regs_form_wrap textarea::placeholder{color:#bebebe;} /* 리스트 초기화 */ .reset_ul{margin:0; padding:0;} /* 리스트 간격 */ .mb_10_lst > li{margin-bottom:10px;} .mb_10_lst > li:last-child{margin-bottom:0;} /* 가로 정렬 */ .in-block{font-size:0;} .in-block > *{display:inline-block; font-size:16px; vertical-align:middle;} /*** [공통 사용 클래스 끝] ***/ /*** [컨텐츠 제목] ***/ /* 제목 */ .cont_ttl_wrap{margin-bottom:34px;} .ttl_dfnt_lst{margin-bottom:0;} .ttl_dfnt_lst dt{font-size:24px; color:#222;} .ttl_dfnt_lst dd{margin-top:10px; font-size:18px; font-weight:500; color:#666;} .ttl_dfnt_lst dd.no_result{display:none; margin-top:0;} /* 더보기 */ .more_btn_wrap a{padding:2px 7px; font-size:16px;} .more_btn_wrap a span + i{margin-left:5px;} .more_btn_wrap a i.fa-plus{margin-top:-3px; font-size:12px; vertical-align:middle;} /* 제목 가로정렬 */ .cont_align_ttl_wrap{position:relative; padding-bottom:12px; border-bottom:2px solid #000;} .cont_ttl_wrap{padding-bottom:12px; border-bottom:2px solid #000;} .cont_align_ttl_wrap .more_btn_wrap{position:absolute; right:0; bottom:4px; background-color:inherit; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);} .cont_align_ttl_wrap .more_btn_wrap a{margin-bottom:0;} /* 부제가 있을때 제목 가로 정렬 */ .align_left:after{content:""; display:block; clear:both; overflow:hidden;} .align_left .ttl{float:left;} .align_left .more_btn_wrap{float:right;} .align_left .more_btn_wrap a{display:block; margin-top:7.5px;} /*** [컨텐츠 제목 끝] ***/ /*** [페이징] ***/ /* 공통 .pagination .page-link{font-size:16px; color:#1d1d1d;} .pagination > li > a, .pagination > li > span{margin-right:4px; border:1px solid #e6e6e6;} .pagination > li:last-child > a, .pagination > li:last-child > span{margin-right:0; border-radius:0;} 현재 페이지 .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{background-color:#484e55 !important; border:1px solid #484e55 !important; border-radius:0;} 처음, 이전 페이지 .pagination > li:first-child > a, .pagination > li:first-child > span{font-size:0; background-color:#adadad; color:transparent; border:1px solid #adadad; border-radius:0;} .pagination > li:first-child > a:after, .pagination > li:first-child > span:after{content:"\f100"; font-size:16px; color:#fff; font-family: "Font Awesome 5 Pro"; font-weight: 400; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased;} .pagination > li:nth-child(2) > a, .pagination > li:nth-child(2) > span{font-size:0; background-color:#adadad; color:transparent; border:1px solid #adadad; border-radius:0;} .pagination > li:nth-child(2) > a:after, .pagination > li:nth-child(2) > span:after{content:"\f104"; font-size:16px; color:#fff; font-family: "Font Awesome 5 Pro"; font-weight: 400; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased;} /다음, 마지막 페이지 .pagination > li:last-child > a, .pagination > li:last-child > span{font-size:0; background-color:#f4f6f6; color:transparent; border:1px solid #e6e6e6; border-radius:0;} .pagination > li:last-child > a:after, .pagination > li:last-child > span:after{content:"\f101"; font-size:16px; color:#8b8c8c; font-family: "Font Awesome 5 Pro"; font-weight: 400; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased;} .pagination > li:nth-last-child(2) > a, .pagination > li:nth-last-child(2) > span{font-size:0; background-color:#f4f6f6; color:transparent; border:1px solid #e6e6e6; border-radius:0;} .pagination > li:nth-last-child(2) > a:after, .pagination > li:nth-last-child(2) > span:after{content:"\f105"; font-size:16px; color:#8b8c8c; font-family: "Font Awesome 5 Pro"; font-weight: 400; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased;} */ /*** [페이징] ***/ /*** [버튼 가로 정렬] ***/ .align_btn_lst{padding-left:0; font-size:0;} .align_btn_lst > *{display:inline-block; font-size:16px; vertical-align:middle;} .align_btn_lst li{margin-right:12px;} .align_btn_lst li:last-child{margin-right:0;} .align_btn_lst li a{text-align:center;} /*** [버튼 가로 정렬] ***/ /*** [버튼] ***/ /* 컬러 */ .btn_bg_gray{display:inline-block; padding:6px 10px; background-color:#484e55; font-weight:300; color:#fff !important; border:1px solid #484e55;} .btn_bg_white{display:inline-block; padding:6px 10px; background-color:#fff; font-weight:300; color:#666 !important; border:1px solid #e7e7e7;} .btn_bg_poloBlue{display:inline-block; padding:6px 10px; background-color:#7ea5d0; font-weight:300; color:#fff !important; border:1px solid #7ea5d0;} .btn_border_dkgray{display:inline-block; padding:6px 10px; background-color:#fff; font-weight:300; color:#000 !important; border:1px solid #333;} /* 기능 */ .btn_srch{display:inline-block; width:107px; padding:6px 0; font-size:16px; font-weight:normal; background-color:#484e55; color:#fff; border:1px solid #484e55;} .btn_refresh{display:inline-block; padding:6px 10px; font-size:16px; font-weight:normal; background-color:#6c757d; color:#fff; border:1px solid #6c757d; border-radius:3px;} /* 비즈 메인 */ .btn_biz_main{font-size:0; padding:6px 25px !important; vertical-align:middle;} .btn_biz_main > *{font-size:16px; vertical-align:middle;} .btn_biz_main em{display:inline-block; text-indent:-9999px; width:22px; height:19px; background:url('images/ico_home_White.png') no-repeat center; background-size:contain;} .btn_biz_main em + span{padding-left:10px;} /*** [버튼 끝] ***/ /*** [하단 버튼] ***/ .sub_cont_btn_wrap{margin-top:20px; margin-bottom:40px;} .container_pad_20 .sub_cont_btn_wrap{margin-left:-20px; margin-right:-20px;} .sub_cont_btn_lst{padding-left:0; font-size:0; text-align:center;} .sub_cont_btn_lst li{display:inline-block; margin-right:20px; font-size:1rem;} .sub_cont_btn_lst li:last-child{margin-right:0;} .sub_cont_btn_wrap a{position:relative; display:block; min-width:160px; padding:13px 10px; margin:0 auto; font-weight:300; text-align:center;} /* .sub_cont_btn_wrap a i{position:absolute; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);} .sub_cont_btn_wrap a i.fa-chevron-left{left:15px;} .sub_cont_btn_wrap a i.fa-chevron-right{right:15px;}*/ .sub_cont_btn_wrap a i.fa-pencil{position:static; -webkit-transform:none; -moz-transform:none; -o-transform:none; transform:none;} .sub_cont_btn_wrap a i + span{margin-left:5px;} .sub_cont_btn_right_wrap .container:after{content:""; display:block; clear:both; overflow:hidden;} .sub_cont_btn_right_wrap .sub_cont_btn_lst{float:right;} .sub_cont_btn_right_wrap .sub_cont_btn_lst{margin-top:-10px;} .comn_mb_btn_wrap{text-align:center;} /*** [하단 버튼 끝] ***/ /*** [커스텀 뱃지] ***/ .cutm_badge{display:inline-block; padding:1px 7px; font-size:14px; font-weight:normal; text-align:center; border-radius:3px; vertical-align:middle;} .badge_malibu{background-color:#7abbfd; color:#fff;} .badge_punch{background-color:#dc3545; color:#fff;} /*** [커스텀 뱃지] ***/ /*** [커스텀 글자 색상] ***/ .text_punch{font-style:normal; color:#dc3545;} /*** [커스텀 글자 색상] ***/ /*** [빗금 박스] ***/ /* 영역 */ .slash_box_wrap{margin-bottom:34px;} .slash_box_wrap .slash_box_outer{width:100%; padding:10px; background:url('images/slash_bg.jpg') repeat;} .slash_box_wrap .slash_box_outer .slash_box_inner{padding:26px 20px 20px; background-color:#fff;} /*** [빗금 박스 끝] ***/ /*** [비즈니스관] ***/ /* 영역 */ .biz_view_wrap > *{margin-bottom:30px;} /*** [비즈니스관 끝] ***/ /*** [비즈 바로기능] ***/ /* 영역 */ .biz_quick_func_inner{font-size:0;} .biz_quick_func_inner > *{display:inline-block; font-size:16px; vertical-align:middle;} /* 비즈홈피 만들기 */ .biz_quick_make_home_wrap{width:100%; text-align:center;} .biz_quick_make_home_wrap:after{content:""; display:block; width:100%; height:1px; margin:20px 0 15px; background-color:#d8d8d8;} .biz_quick_make_home_wrap > a{display:block; padding:5px 0 1px;} .biz_make_home_dfnt_lst{margin-bottom:0; font-size:0; text-align:center;} .biz_make_home_dfnt_lst > *{display:inline-block; font-size:16px; vertical-align:top;} .biz_make_home_dfnt_lst dt{text-align:center;} .biz_make_home_dfnt_lst dt .area_ico{margin-bottom:10px;} .biz_make_home_dfnt_lst dt .area_ico .img_wrap{width:50px; height:44px; margin:0 auto; background:url('images/icon_home_plus.png') no-repeat center; background-size:contain;} .biz_make_home_dfnt_lst dt .area_ico .img_wrap span{display:none;} .biz_make_home_dfnt_lst dt .area_txt{color:#6d9acd;} .biz_make_home_dfnt_lst dt .area_txt h5{margin-bottom:0; font-size:18px; font-weight:normal;} /* 비즈니스 파트너 찾기 */ .biz_quick_find_ptnr_wrap{width:100%;} .biz_ind_ptnr_dfnt_lst{margin-top:-2px; margin-bottom:0;} .biz_ind_ptnr_dfnt_lst dt{margin-bottom:0; font-size:21px; font-weight:normal; color:#2d2d2d;} .biz_ind_ptnr_dfnt_lst dd{margin-top:6px;} .srch_form_wrap .srch_form{width:100%; font-size:0;} .srch_form_wrap .srch_form > *{display:inline-block; font-size:16px; vertical-align:middle;} .srch_form_wrap .srch_form .srch_form_ip_wrap{width:85%; padding-right:10px;} .srch_form_wrap .srch_form .srch_form_ip_wrap input{width:100%; padding:4px 18px 4px 4px; font-size:16px; border:1px solid #c1c1c1; color:#bebebe;} .srch_form_wrap .srch_form .align_btn_lst{width:15%; margin-bottom:0;} .srch_btn_wrap{margin-top:20px; text-align:center;} /** 비즈홈피 만들기 **/ /* 외부 영역 */ .biz_dct_func_wrap .slash_box_outer .slash_box_inner, .biz_lst_wrap .slash_box_outer .slash_box_inner{padding:26px 20px 21px;} /* 이미지 */ .biz_dct_func_wrap .biz_make_home_dfnt_lst dt .area_ico .img_wrap, .biz_lst_wrap.biz_make_home_dfnt_lst dt .area_ico .img_wrap{background: url(images/icon_home_bas.png) no-repeat center;} /* 내부 영역 */ .biz_dct_func_wrap .biz_dct_wrap > *, .biz_lst_wrap .biz_dct_wrap > *{vertical-align:top;} .biz_dct_func_wrap .biz_make_home_dfnt_lst dt .area_ico, .biz_lst_wrap .biz_make_home_dfnt_lst dt .area_ico{margin-top:2px;} .biz_dct_func_wrap .biz_quick_make_home_wrap:after, .biz_lst_wrap .biz_quick_make_home_wrap:after{margin-top:5px;} /* 비즈홈피 툴바 */ .biz_dct_wrap{font-size:0;} .biz_dct_wrap > *{display:inline-block; font-size:16px; vertical-align:middle;} .biz_dct_lst{margin-bottom:0;} .biz_dct_lst li{list-style:none; margin-bottom:10px;} .biz_dct_lst li:last-child{margin-bottom:0;} .biz_dct_lst li a{display:block; padding:4px 10px; color:#74828d; border:1px solid #c1c1c1;} .biz_dct_lst li a:hover{background-color:rgba(0, 0, 0, 0.0125);} .biz_dct_lst li.btn_dct_wrap .img_wrap{width:19px; height:16px; margin-right:10px; background:url('images/ico_home.png') no-repeat center; background-size:contain;} .biz_dct_lst li.btn_upd_wrap .img_wrap{width:18px; height:18px; margin-right:10px; background:url('images/ico_pen_Heather.png') no-repeat center; background-size:contain;} .biz_dct_lst li .img_wrap{display:inline-block; text-indent:-9999px; vertical-align:sub;} /** 비즈홈피 만들기 끝 **/ /** (추가 *대표님 요청) 로그인 시 비즈 대표 이미지 보이게 해주세요 **/ .biz_prev_wrap{width:100px; height:70px; background-size:contain;} .biz_prev_wrap a{display:block; height:100%;} /** (추가 *대표님 요청) 로그인 시 비즈 대표 이미지 보이게 해주세요 끝 **/ /*** [비즈 바로기능 끝] ***/ /*** [블로그 사진형] ***/ /* 제목글 추가 정의 */ .board_blog_photo_wrap .cont_ttl_wrap{margin-bottom:15px;} /* 리스트 */ .BT_blog_photo_lst{margin-bottom:0; padding:0;} .BT_blog_photo_lst li{list-style:none; border-bottom:1px solid #e7e7e7;} .BT_blog_photo_lst .board_con{padding:21px 0 25px;} .BT_blog_photo_lst .board_bas_txt .board_con{padding-bottom:27px;} /* 등록된 글이 없을때 */ .BT_blog_photo_lst .no-result{padding:20px 0; font-size: 18px; text-align: center; color:#666;} /** 기본 게시판 리스트형 **/ /* 영역 */ .board_ttl_dfnt_lst{margin-bottom:0;} /* 제목 */ .board_ttl_dfnt_lst dt .board_ttl{display:block; font-size:21px; font-weight:normal; max-height: 40px; font-style:normal; color:#1b1b1b; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; white-space: normal; word-break: break-all; word-wrap: break-word; word-break: break-word;} .board_ttl_dfnt_lst dt .board_dt{display:inline-block; font-size:16px; font-weight:normal; font-style:normal; color:#8f8f8f;} /* 내용 */ .board_ttl_dfnt_lst dd{margin-top:13px;} .board_ttl_dfnt_lst dd .board_cont{display:block; font-size:18px; max-height:128px; font-style:normal; line-height:30px; color:#666; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 4; -webkit-box-orient: vertical; white-space: normal; word-break: break-all; word-wrap: break-word; word-break: break-word;} .board_ttl_dfnt_lst dd .board_dt{display:inline-block; margin-top:8px; font-size:16px; font-style:normal; color:#8f8f8f;} /** 기본 게시판 리스트형 끝 **/ /** 첫번째 글 : 사진타입 **/ /* 영역 */ .board_blog_photo .board_con{padding-left:0; padding-top:14px; padding-bottom:25px;} .BT_blog_photo_inner .area_photo{background:url('images/img_overlay.jpg') no-repeat center; background-size:cover; border:1px solid #d8d8d8;} /* 사진 */ .BT_blog_photo_wrap .board_blog_photo .area_photo{margin-bottom:18px} .BT_blog_photo_wrap .board_blog_photo .area_photo .img_wrap{width:100%; height:0; padding-top:calc(200 / 380 * 100%); background-size:cover; background-position:top center;} .BT_blog_photo_wrap .board_blog_photo .area_photo .img_wrap span{display:none;} /* 게시글 내용 */ .board_blog_photo .board_ttl_dfnt_lst dt .board_ttl{display:inline; font-size:21px; font-weight:500; font-style:normal; color:#1b1b1b; -webkit-line-clamp: revert; -webkit-box-orient: vertical; white-space: normal; word-break: break-all; word-wrap: break-word; word-break: break-word;} .board_blog_photo .board_ttl_dfnt_lst dt .board_dt{display:inline-block; font-size:16px; font-weight:normal; font-style:normal; color:#8f8f8f;} .board_blog_photo .board_sumr_wrap .ico_new{padding-bottom:10px;} .board_blog_photo .board_ttl_dfnt_lst dd{margin-top:8px;} .board_blog_photo .board_ttl_dfnt_lst dd .board_cont{display:block; font-size:18px; max-height:96px; font-style:normal; line-height:32px; color:#666; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; white-space: normal; word-break: break-all; word-wrap: break-word; word-break: break-word;} /** 첫번째 글 : 사진타입 끝 **/ /*** [블로그 사진형 끝] ***/ /*** [게시판 포토형 (수직 정렬 타입) ] ***/ /* 영역 */ .board_photo_wrap .cont_ttl_wrap{margin-bottom:25px;} .board_photo_lst{padding-left:0;} /** 게시판 정보 **/ /* 영역 */ .board_photo_lst > li{list-style:none; width:100%; margin-bottom:36px; padding:0 17px 30px; border-bottom:1px solid #d8d8d8} .board_photo_lst > li:nth-child(3n){margin-right:0;} .board_photo_lst > li:last-child{margin-bottom:0;} /* 썸네일 */ .board_photo_prev_wrap{display:block; width:100%; height:0; padding-top:calc(250 / 345 * 100%); background-color:#ececec; background-size:cover;} .board_photo_prev_wrap span{display:none;} /*- 사업 소개 -*/ /* 전체 영역 */ .board_photo_info_wrap{margin-top:13px;} /* 사업명 및 영역 */ .board_photo_dfnt_lst{margin-bottom:0;} .board_photo_dfnt_lst dt h5{margin-bottom:0; font-size:26px; font-weight:normal;} .board_photo_dfnt_lst dd{margin-top:6px;} /* 사업인 정보 영역 */ .board_photo_info{margin-top:17px; font-size:0;} .board_photo_info > *{margin-bottom:12px; font-size:16px; vertical-align:middle;} .board_photo_info > *:last-child{margin-bottom:0;} /* 사업인 이름*/ .board_photo_ceo{font-size:21px; font-weight:500;} .board_photo_ceo .badge_ceo{margin-right:10px; padding:0 8px; font-size:15px; font-weight:300; font-style:normal; background-color:#7ea5d0; color:#fff; border-radius:3px;} /* 자세히 보기 버튼 */ .btn_more_det{margin-right:10px; vertical-align:middle;} .btn_more_det{display:inline-block; width:20px; height:20px; text-align:center; background-color:#7ea5d0; border-radius:3px;} .btn_more_det i{margin-top:4px; font-size:13px; color:#fff; vertical-align:top;} .more_det_cont_outer{display:none; position:fixed; top:50%; left:50%; z-index:5; width:95%; background-color:#fff; border:1px solid #b0bdc8; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%);} .more_det_cont_inner{padding:20px;} .more_det_cont_inner .board_photo_cat_lst .board_photo_cat_inner{max-height:revert; -webkit-line-clamp:revert;} .more_det_cont_inner .board_photo_dfnt_lst .board_photo_cat_inner{height:110px; overflow-y:scroll;} .more_det_cont_outer .btn_cfm_wrap{display:block; font-size:21px; text-align:center; background-color:#7ea5d0; color:#fff;} .pop_mask{display:none; position:fixed; top:0; left:0; z-index:3; background-color:rgba(0, 0, 0, 0.8); width:100%; height:100%; overflow: hidden;} /*- 사업 소개 끝 -*/ /** 게시판 정보 끝**/ /* 호버 이벤트 */ .board_photo_wrap .board_photo_lst > li:hover .board_photo_prev_wrap.JS-img-hover{background-size:105%;} /*** [게시판 포토형 (수직 정렬 타입) 끝] ***/ /*** [게시판 포토형 (수평 정렬 타입) ] ***/ /* 영역 */ /* .board_photo_align{border-top:2px solid #000;} */ .board_photo_align .board_photo_align_lst{padding:17px 0 37px; border-bottom:1px solid #d8d8d8;} /** 게시판 스타일 **/ /* 썸네일 */ .board_photo_align_inner .area_pic{padding:0 17px 20px;} .board_photo_align_inner .area_pic .img_wrap{display:inline-block; width:100%; height:0; padding-top:calc(250 / 345 * 100%); background-repeat:no-repeat; background-position:center; background-size:cover; border-radius:6px; background-size:contain; border: 1px solid rgba(0, 0, 0, 0.1);} .board_photo_align_inner .area_pic .img_wrap span{display:none;} /* 게시판 정보 */ /* 제목 > 대제목 */ .board_photo_align_ttl_dfnt_lst{margin-bottom:0;} .board_photo_align_ttl_dfnt_lst dt a{display:block; font-size:26px; font-weight:normal; color:#202020;} .board_photo_align_ttl_dfnt_lst dd{margin-bottom:0;} /* 제목 > 소제목 영역 */ .board_photo_align .board_photo_info{margin-top:14px;} .board_photo_info_lst{padding-left:0; font-size:0;} .board_photo_info_lst > li{display:inline-block; font-size:16px; vertical-align:middle;} .board_photo_align .board_photo_info_lst > li{margin-right:10px;} .board_photo_align .board_photo_info_lst .nm_card{margin-right:20px;} /* 제목 > 소제목 영역 > 글쓴이 */ .nm_card{font-size:0;} .nm_card > *{display:inline-block; font-size:21px; vertical-align:middle;} .nm_card span{font-weight:normal;} /* 내용 */ .board_photo_align_dfnt_lst{margin-bottom:0; padding:0 20px;} .board_photo_align_dfnt_lst > dd{margin-top:18px;} /* 내용 > 사용자 정보 영역 */ .user_info_lst{margin-bottom:0; padding-left:0;} .user_info_lst > li{list-style:none; margin-bottom:12px;} .user_info_lst > li:last-child{margin-bottom:0;} .user_info_lst > li span, .user_info_lst > li a{font-size:16px; color:#666;} .user_info_lst > li .no-result{padding:0;} /* 내용 > 사용자 정보 > 해시태그 */ .board_photo_align .board_photo_cat_lst li a{font-size:16px; color:#666;} .board_photo_align .board_photo_cat_lst li a:before{display:none;} .board_photo_align .board_photo_cat_lst li a:after{content:","; display:inline-block; vertical-align:middle;} .board_photo_align .board_photo_cat_lst li:last-child a:after{display:none;} /*** [게시판 포토형 (수평 정렬 타입) 끝 ] ***/ /*** [게시판 기본형] ***/ /***-- 게시판 게시글 공통 -***/ /* 링크 A 태그 */ .board_con{display:inline-block;} /* 말줄임 정렬 */ .board_sumr_wrap{display:table;} .board_sumr_wrap > *{display:table-cell; vertical-align:bottom !important;} .board_sumr_wrap .ico_new{display:inline-block; margin-top:8px;} .board_sumr_line_wrap{vertical-align:bottom;} .board_sumr_line_wrap .ico_new{display:inline-block; margin-top:-11px; margin-left:7px;} /* 댓글, new, file */ .cmn_cnt{padding-left:3px; font-size:14px; font-weight:bold; color:#f05823;} .ico_new{vertical-align:middle;} .ico_new span{display:block; width:17px; height:17px; margin-left:3px; font-size:11px; font-style:normal; font-weight:bold; text-align:center; vertical-align:middle; background-color:#ff6347; color:#fff !important;} .ico_flie{color:#989898; vertical-align: middle;} /* 공지사항 */ .tbl_ntc{background-color:#f5f5f5;} .fix_notc{display:inline-block; width:35px; margin:0 auto; text-align:center; font-size:13px; font-weight:bold; background-color:#fff; color:#ff4e59; border:1px solid #ff4e59; border-radius:3px;} /* 카테고리 */ .tbl_cat{width:auto; font-size:13px; color:#959595; white-space:nowrap;} /* 비즈홈피 아이콘 */ .biz_hp i{color:#3d57a1;} /* 등록된 글이 없을때 */ .board_base_wrap .no-result{padding:20px 0; font-size: 18px; text-align: center; color:#666;} /***-- 게시판 게시글 공통 끝 -***/ /***- 일반게시판 -***/ /* 영역 */ .board_base_wrap .cont_ttl_wrap{margin-bottom:0; padding-bottom:16px; border-bottom:2px solid #000;} .m_board_base_head_lst .board_num, .m_board_base_body_lst .board_num{width:13%; text-align:center;} /* 헤더 */ .m_board_base_head_lst{margin-bottom:0; padding-left:0; font-size:0; background-color:#fafafa; border-bottom:1px solid #e7e7e7;} .m_board_base_head_lst > li{display:inline-block; padding:11px 0; font-size:15px; font-weight:normal; text-align:center;} .m_board_base_head_lst > li:not(.board_num){width:calc(100% - 13%);} /* 바디 */ .m_board_base_body_outer_lst{padding-left:0;} .m_board_base_body_outer_lst > li{list-style:none; border-bottom:1px solid #e7e7e7;} .m_board_base_body_lst{padding-left:0; font-size:0;} .m_board_base_body_lst > li{display:inline-block; padding:15px 0; font-size:16px; color:#8f8f8f; vertical-align:top;} .m_board_base_body_lst .board_cont_wrap{width:calc(100% - 13%);} .m_board_base_body_lst .board_ttl{display:block; margin-top:-3px; margin-bottom:7px;} .m_board_base_body_lst .board_ttl > *{display:inline-block;} .m_board_base_body_lst .board_ttl a{display:inline;} .m_board_base_body_lst .board_ttl a span{font-size:18px; line-height:30px; font-weight:normal; height: 60px; font-style:normal; color:#666; overflow: hidden; word-break: break-all; word-wrap: break-word; word-break: break-word;} .m_board_base_body_lst .baord_info{padding-left:0;} .m_board_base_body_lst .baord_info > li{display:inline-block; margin-right:20px; font-size:16px; color:#8f8f8f;} .m_board_base_body_lst .baord_info > li:last-child{margin-right:0;} /*** [게시판 기본형 끝] ***/ /*** [게시판 뷰] ***/ /** 게시판 정보 **/ /* 제목 */ /* 영역 */ .board_view_ttl{border-top:2px solid #000;} /* 공통 */ .board_view_ttl ul{width:100%; margin-bottom:0; padding-left:0; border-bottom:1px solid #efefef;} .board_view_ttl ul > li{padding:15px 8px;} .board_view_ttl .lst_th{width:100%; font-size:18px; font-weight:normal; text-align:center; background-color:#fafafa;} /* 제목 */ .board_view_head_lst{font-size:0;} .board_view_head_lst > li{display:inline-block; font-size:16px;} .board_view_head_lst .lst_td h1{margin-bottom:0; font-size:21px; font-weight:normal; color:#202020; word-break: break-all;} /* 내용 */ .board_view_body_lst{display:table; table-layout:fixed;} .board_view_body_lst > li{position:relative; display:table-cell; text-align:center;} .board_view_body_lst > li:after{content:""; position:absolute; top:35%; right:0; width:1px; height:30%; background-color:#efefef;} .board_view_body_lst > li:last-child:after{display:none;} /* 제목 끝 */ /* 내용 */ .board_view_cont .board_view_cont_inner{padding:15px 0;} /** 게시판 정보 끝 **/ /*** [게시판 뷰 끝] ***/ /*** [비즈홈피 리스트] ***/ /* 영역 */ .biz_lst_wrap .slash_box_wrap{margin-bottom:31px;} /* 컨텐츠 제목 */ .biz_lst_wrap .cont_ttl_wrap{margin-bottom:15px;} .biz_lst_wrap .ttl_dfnt_lst dt{font-size:30px; color:#1e1e1e;} /*** [비즈홈피 리스트] ***/ /*** [비즈홈피 생성] ***/ /* 설명글 */ .biz_cre_wrap{margin:0 -20px;} .biz_cre_wrap_inner{position:relative; width:100%; height:0; padding-top:calc(634 / 420 * 100%); background:url('images/img_biz_cre.jpg?v=1') no-repeat center; background-size:contain;} .biz_cre_wrap_inner .biz_cre_ttl{position:absolute; top:46%; left:50%; width:320px; margin-bottom:0; font-size:26px; font-weight:400; letter-spacing:-1px; color:#fff; text-align:center; -webkit-transform:translate(-50%,-56%); -moz-transform:translate(-50%,-56%); -o-transform:translate(-50%,-56%); transform:translate(-50%,-56%);} /* 첫번째 버튼 리스트 */ .biz_cre_wrap_inner .biz_cre_lst{position:absolute; top:79%; left:50%; width:361px; padding-left:0; display:inline-block; font-size:18px; -webkit-transform:translate(-50%, -21%); -moz-transform:translate(-50%, -21%); -o-transform:translate(-50%, -21%); transform:translate(-50%, -21%);} .biz_cre_wrap_inner .biz_cre_lst > li{display:inline-block; width:163px; margin-right:28px; font-size:16px;} .biz_cre_wrap_inner .biz_cre_lst > li:last-child{margin-right:0;} .biz_cre_wrap_inner .biz_cre_lst > li a{display:block; padding:2px 0; font-size:18px; text-align:center; background-color:#ffaa1f; color:#fff; border:1px solid #ffaa1f; border-radius:0;} .biz_cre_wrap_inner .biz_cre_lst > li a:hover{opacity:0.9;} .biz_cre_wrap_inner .biz_cre_lst > li.btn_biz_cre a{color:#f8ff2b;} /* 두번째 버튼 리스트 */ .biz_cre_wrap_inner .biz_cre_mv_btn_lst{position:absolute; top:87%; left:50%; padding-left:0; font-size:0; -webkit-transform:translate(-50%, -13%); -moz-transform:translate(-50%, -13%); -o-transform:translate(-50%, -13%); transform:translate(-50%, -13%);} .biz_cre_wrap_inner .biz_cre_mv_btn_lst > li{display:inline-block; width:163px; font-size:18px;} .biz_cre_wrap_inner .biz_cre_mv_btn_lst > li a{display:block; padding:2px 0; font-size:18px; text-align:center; background-color:#3276be; color:#fff; border:1px solid #3276be;} /*** [비즈홈피 생성 끝] ***/ /*** [비즈홈피 가이드] ***/ /* 제목 */ .biz_gud_ttl_wrap{margin-bottom:16px;} .biz_gud_ttl_wrap .ttl_dfnt_lst dd{margin-top:6px;} /* 헤드 이미지 */ .biz_gud_head{margin-bottom:35px;} .biz_gud_head .img_wrap{width:100%; height:0; padding-top:calc(1002 / 600 * 100%); margin:0 auto; background:url('images/biz_gud_01.jpg?v=2') no-repeat center; background-size:contain;} .biz_gud_head .img_wrap span{display:none;} /* 바디 이미지 */ .biz_gud_body h1{margin-bottom:17px; font-size:18px; text-align:center; color:#9cbd01; letter-spacing:-1px;} .biz_gud_body h1 span{font-size:25px; color:#21b873;} .biz_gud_body .img_wrap:nth-child(2){width:100%; height:0; margin:0 auto 10px; padding-top:calc(371 / 600 * 100%); background:url('images/biz_gud_02.jpg') no-repeat center; background-size:contain;} .biz_gud_body .img_wrap:nth-child(3){width:100%; height:0; margin:0 auto 10px; padding-top:calc(385 / 600 * 100%); background:url('images/biz_gud_03.jpg') no-repeat center; background-size:contain;} .biz_gud_body .img_wrap:nth-child(4){width:100%; height:0; margin:0 auto; padding-top:calc(384 / 600 * 100%); background:url('images/biz_gud_04.jpg') no-repeat center; background-size:contain;} .biz_gud_body .img_wrap span{display:none;} /*** [비즈홈피 가이드 끝] ***/ /*** [비즈홈피 폼] ***/ /* 영역 */ .biz_form_wrap .slash_box_wrap{margin-bottom:33px;} .biz_form_wrap .cont_ttl_wrap{margin-bottom:13px;} /* 컨텐츠 제목 */ .biz_form_wrap .more_btn_wrap a{margin-bottom:5px; padding:2px 8px;} /* 폼 테이블 */ .board_base_wrap .inputForm .form-group > label{display:block; padding:16px 0; font-size:16px; font-weight:500; text-align:center; background-color:#fafafa; color:#000 !important; border-bottom:1px solid #e7e7e7;} .board_base_wrap .inputForm > .form-group:first-child{border-top:2px solid #000;} .board_base_wrap .inputForm .form-group > label + div{display:block; padding:11px 27px; font-size:16px; text-align:center; border-bottom:1px solid #e7e7e7;} .board_base_wrap .inputForm .form-control{color:#000;} .board_base_wrap .inputForm .form-control::placeholder{color:#bebebe;} /* 주소 */ .inp_zip_code_wrap #adzip{width:75%; margin-right:23px;} .inp_zip_code_wrap #adaddr{margin-bottom:10px;} /* 파일 업로드 */ .user_info_regs_sec_form_wrap .COMMON_FILEUPLOAD{margin:0 !important; margin-top:20px !important;} .board_base_wrap .inputForm .requiredHeader{padding:17px 10px; font-size:16px; font-weight:300; line-height:24px; color:#666;} .board_base_wrap .inputForm .uploadBtnWrap{margin-top:22px; text-align:center;} .board_base_wrap .inputForm .file-upload-btn{display:inline-block; padding:6px 10px; background-color:#484e55; font-weight:300; color:#fff; border:1px solid #484e55;} /* 사용유무 */ .board_base_wrap .inputForm .COMMON_BUTTONSET input[type="radio"]{display:none;} .board_base_wrap .inputForm .COMMON_BUTTONSET label{display:inline-block; min-width:87px; margin-right:8px; padding:5px 0; background-color:#929393 !important; color:#fff !important; border:1px solid #696969 !important;} .board_base_wrap .inputForm .COMMON_BUTTONSET input[type="radio"]:checked + label{background-color:#484e55 !important; font-weight:300 !important; color:#fff !important; border:1px solid #484e55 !important;} .board_base_input_wrap > span:last-child label{margin-right:0;} /*** [비즈홈피 폼 끝] ***/ /*** [비즈홈피 공통 (21.05 개선)] ***/ /** 오픈 카드형 작성 폼 **/ /* 영역 */ .user_info_regs_sec_form_wrap{margin-bottom:31px;} .user_info_regs_form_wrap > .user_info_regs_sec_form_wrap + .sub_cont_btn_wrap{margin-top:-20px;} /* 카드 */ .user_info_regs_sec_form_wrap .card{border:0; border-radius:0;} .user_info_regs_sec_form_wrap .card-header:after{content:""; display:block; clear:both; overflow:hidden;} .user_info_regs_sec_form_wrap .card-header{padding:13px 20px; background-color:#eceeed; color:#474747; border-top:2px solid #718295; border-bottom:0; border-radius:0;} .user_info_regs_sec_form_wrap .card-header .img_wrap{width:22px; height:22px;} .user_info_regs_sec_form_wrap .card-header .img_exlmtn_mark_wrap{background:url('images/ico_label_blue.png') no-repeat center; background-size:contain;} .user_info_regs_sec_form_wrap .card-header .img_tag_wrap{background:url('images/ico_tag_red.png') no-repeat center; background-size:contain;} .user_info_regs_sec_form_wrap .card-header .img_pen_wrap{background:url('images/ico_pen_yellow.png') no-repeat center; background-size:contain;} .user_info_regs_sec_form_wrap .card-header .img_map_wrap{width:22px; height:24px; background:url('images/ico_map_blue.png') no-repeat center; background-size:contain;} .user_info_regs_sec_form_wrap .card-header .img_wrap span{display:none;} .user_info_regs_sec_form_wrap .card-header .img_wrap + .txt_wrap{margin-left:10px;} .user_info_regs_sec_form_wrap .card-header .txt_wrap{font-size:24px;} .user_info_regs_sec_form_wrap .card-header .btn_wrap{float:right;} .user_info_regs_sec_form_wrap .card-body{padding:18px 15px; border-radius:0;} /** 카드 내용란 **/ /* 비즈홈피 생성 폼 */ .user_info_regs_sec_form_wrap .card-body textarea{height:80px;} .user_info_regs_sec_form_wrap.biz_info_regs_sec_card_wrap textarea{height:185px;} /* 텍스트 타입 */ .user_info_regs_sec_form_wrap .card-body p{margin-top:6px; margin-bottom:-6px; font-size:18px; line-height:30px; color:#565656;} /* 게시글 타입 */ .user_info_regs_sec_form_wrap .card-body .biz_intro_dfnt_lst{margin-bottom:0;} .user_info_regs_sec_form_wrap .card-body .biz_intro_dfnt_lst dt{margin-bottom:18px; font-size:21px; font-weight:normal; text-align:center; color:#000; /* 대표님 요청 */ display:block; padding:5px 10px; font-weight:400; background-color:#719dff; color:#fff; border:1px solid #719dff; border-radius:20px; } .user_info_regs_sec_form_wrap .card-body .biz_intro_dfnt_lst dd{margin-top:18px; margin-bottom:0; line-height:30px; font-size:18px; color:#565656;} .user_info_regs_sec_form_wrap .card-body .biz_intro_dfnt_lst dd.img_wrap{text-align:center;} /* 카드 바디 추가형 게시글 타입 */ .infnt_user_info_wrap .card-body{padding-top:30px; padding-bottom:30px; border-bottom:1px solid #c1c1c1;} .infnt_user_info_wrap > .card-body:last-child{border-bottom:0;} /* 색상 카드 */ .user_info_regs_sec_form_wrap .card_orange .card-header{background-color:#fff2d7; border-top-color:#fe9b9b;} .user_info_regs_sec_form_wrap .card_blue .card-header{background-color:#e4f2f8; border-top-color:#84b3c8;} /* 파일 업로드 버튼 */ .user_info_regs_sec_form_wrap .file_ul_wrap{margin-top:20px; text-align:center;} .user_info_regs_sec_form_wrap .file_ul_wrap a i + span{margin-left:5px;} .user_info_regs_sec_form_wrap .uploadBtnWrap{text-align:center;} /* 파일 업로드 이미지 */ .user_info_regs_sec_form_wrap .COMMON_FILEUPLOAD .requiredHeader{display:none;} .user_info_regs_sec_form_wrap .COMMON_FILEUPLOAD .uploadBtnWrap{margin-bottom:10px;} .user_info_regs_sec_form_wrap .COMMON_FILEUPLOAD .ajax-file-upload-slide-container{padding-top:15px; border-top:1px solid #ccc; border-bottom:1px solid #ccc;} .user_info_regs_sec_form_wrap .COMMON_FILEUPLOAD + .add_refg_form_btn_wrap{margin-top:20px;} /* 사업(상품) 추가 버튼 */ .user_info_regs_sec_form_wrap .add_refg_form_btn_wrap{padding-bottom:15px; text-align:center;} .user_info_regs_sec_form_wrap .add_refg_form_btn_wrap a{padding:10px 40px;} .user_info_regs_sec_form_wrap .add_refg_form_btn_wrap a span + i{margin-left:5px;} .user_info_regs_sec_form_wrap .add_refg_form_btn_wrap + /** 오픈 카드형 작성 폼 끝 **/ /** (21.08 추가) 카드 헤더 버튼 추가 **/ /* 영역 :: 버튼 추가 시 기존 카드 헤더에 area_card_nm 추가 */ .user_info_regs_sec_form_wrap .card-header:after{content:""; display:block; clear:both; overflow:hidden;} .user_info_regs_sec_form_wrap .card-header .area_card_nm{float:left;} .user_info_regs_sec_form_wrap .card-header .area_btn{float:right;} /* 버튼 */ .user_info_regs_sec_form_wrap .card-header .area_btn a{display:block; width:100%; height:100%;} /* 버튼 : 길찾기 */ .user_info_regs_sec_form_wrap .card-header .area_btn.btn_find{width:122px; height:41px; background:url('images/btn_find_map.png') no-repeat center; background-size:cover;} .user_info_regs_sec_form_wrap .card-header .area_btn.btn_find span{display:none;} /** (21.08 추가) 카드 헤더 버튼 추가 끝 **/ /*** [비즈홈피 공통 (21.05 개선) 끝] ***/ /*** [비즈홈피 폼 (21.05 개선)] ***/ /* 영역 */ .user_info_regs_form_wrap{margin-bottom:50px;} .biz_user_info_regs_form_wrap .img_rege_wrap + .uesr_base_info_form_wrap .container_pad_20{padding-top:0;} /** 로고 및 대표 이미지 **/ .img_rege_wrap{background-color:#fafafa;} .user_info_regs_form_wrap .card-header{padding:10px 15px; font-size:16px; color:#666; border-bottom:1px solid #d8d8d8;} .user_info_regs_form_wrap .card-body{padding:20px 15px; padding-bottom:17px;} /* 이미지 미등록 시 */ .user_info_regs_form_wrap .card-body .alert_gud{position:relative; width:100%; height:0; padding-top:calc(522 / 720 * 100%); text-align:center;} .user_info_regs_form_wrap .card-body .alert_gud p{position:absolute; top:50%; left:50%; width:100%; margin-bottom:0; font-size:16px; text-align:center; color:#666; -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%);} .user_info_regs_form_wrap .card-body .img_up_btn_wrap a{display:block; padding:8px 12px; text-align:left; background-color:#fff; border:1px solid #ddd;} /* 이미지 등록 시 */ .user_info_regs_form_wrap .card-body .alert_gud.img_regs{background-repeat:no-repeat; background-size:cover; background-position:center;} .user_info_regs_form_wrap .card-body .alert_gud.img_regs span{display:none;} /** 로고 및 대표 이미지 끝 **/ /** 정보 등록 폼 **/ /* 영역 */ .user_det_info_form_wrap{margin-top:20px; margin-bottom:25px;} /* 전체 영역 폼 */ .biz_user_info_regs_form_wrap .user_main_info_form_wrap{margin-left:-20px; margin-right:-20px; padding:17px 20px; background-color:#eceeed;} /* 이미지 + 폼 영역 */ /* 이미지 */ .user_det_info_form_lst .img_wrap_outer{width:8.5%;} .user_det_info_form_lst .img_wrap{width:18px; height:18px; margin:0 auto;} .user_det_info_form_lst .tel .img_wrap{background:url('images/ico_call_Heather.png') no-repeat center; background-size:contain;} .user_det_info_form_lst .email .img_wrap{background:url('images/ico_mesg_Heather.png') no-repeat center; background-size:contain;} .user_det_info_form_lst .siteurl .img_wrap{background:url('images/ico_home_Heather.png') no-repeat center; background-size:contain;} .user_det_info_form_lst .address .img_wrap{background:url('images/ico_map_Heather.png') no-repeat center; background-size:contain;} .user_det_info_form_lst .hashtag .img_wrap{background:url('images/ico_pen_Heather.png') no-repeat center; background-size:contain;} .user_det_info_form_lst .img_wrap span{display:none;} /* 폼 */ .user_det_info_form_lst .inp_wrap{width:calc(100% - 8.5%);} /* 주소 등록 폼 */ .user_det_info_form_lst .addr_wrap .inp_wrap{width:100%;} .user_det_info_form_lst .addr_wrap .addr_srch_outer_wrap:after{content:""; display:block; clear:both; overflow:hidden;} .user_det_info_form_lst .addr_wrap .addr_srch_outer_wrap > .addr_srch_inp_wrap{float:left; width:72%;} .user_det_info_form_lst .addr_wrap .addr_srch_outer_wrap > .btn_wrap{float:right; width:24%; text-align:right;} .user_det_info_form_lst .addr_wrap .addr_srch_outer_wrap > .btn_wrap > a{display:block; padding-top:4px; padding-bottom:5px; text-align:center;} .user_det_info_form_lst .addr_wrap .addr_srch_outer_wrap .btn_wrap i + span{margin-left:5px;} /* 해시태그 */ .user_det_info_form_lst .hashtag > .in-block > *{vertical-align:top;} .user_det_info_form_lst .hashtag > .in-block > .img_wrap_outer{margin-top:8px;} /** 정보 등록 폼 끝 **/ /* 하단 버튼 */ .user_info_regs_sec_form_wrap + .container_pad_20{margin-top:-27px; padding-top:0;} .user_info_regs_sec_form_wrap + .container_pad_20 .sub_cont_btn_wrap{margin-top:0;} /*** [비즈홈피 폼 끝] ***/ /*** [비즈홈피 뷰 (21.05 개선)] ***/ /** 메인 프로필 영역 **/ /* 영역 */ .BIZ_home_prfl_wrap{position:relative;} /* 메인 이미지 (배경) */ .BIZ_main_img_area .img_wrap{width:100%; height:304px; padding-top:calc(304 / 420 * 100%); background:url('images/biz_main_sample_bg.jpg?v=1') no-repeat center #152c45; background-size:cover;} .BIZ_main_img_area .img_wrap span{display:none;} /* 메인 프로필 영역 */ .BIZ_user_info_area{position:relative; background-color:#eceeed;} /* 메인 프로필 사진 */ .BIZ_user_info_area .BIZ_user_prfl_wrap{position:absolute; left:50%; width:150px; height:150px; margin:0 auto; margin-top:-85px; background:url('images/user_prfl_sample_pic.png') no-repeat center; background-size:cover; border-radius:50%; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%);} .BIZ_user_info_area .BIZ_user_prfl_wrap span{display:none;} /** 메인 프로필 영역 끝 **/ /** 메인 사용자 정보 **/ /* 영역 */ .BIZ_user_info_area .BIZ_user_info_det_wrap{padding-top:68px;} /* 상업명, 사업자명 */ .BIZ_user_info_area .BIZ_user_info_det_wrap .user_info_dfnt_wrap{text-align:center;} .user_info_dfnt_lst{margin-bottom:25px;} .user_info_dfnt_lst dt{font-size:26px; font-weight:normal; color:#000;} .user_info_dfnt_lst dd{margin-bottom:0; font-size:20px; font-weight:normal; color:#474747;} /* 사용자 상세 기능 툴 */ .user_dct_tool_wrap{padding:20px; border-top:1px solid #fff;} .user_dct_tool_lst{display:table; width:100%;} .user_dct_tool_lst > li{display:table-cell; table-layout:fixed;} .user_dct_tool_lst > li > a{display:block;} .user_dct_tool_lst > li > a > p{margin-top:5px; margin-bottom:0; font-size:16px; font-weight:normal; text-align:center; color:#403339;} .user_dct_tool_lst > li .img_wrap{width:50px; height:50px; margin:0 auto;} .user_dct_tool_lst > li.tool_tel .img_wrap{background:url('images/ico_call_bg_white_circle.png') no-repeat center; background-size:contain;} .user_dct_tool_lst > li.tool_sms .img_wrap{background:url('images/ico_mesg_bg_white_circle.png') no-repeat center; background-size:contain;} .user_dct_tool_lst > li.tool_modify .img_wrap{background:url('images/ico_pen_bg_white_circle.png') no-repeat center; background-size:contain;} .user_dct_tool_lst > li .img_wrap span{display:none;} /** 메인 사용자 정보 끝 **/ /** 상세 사용자 정보 **/ /* 영역 */ .BIZ_user_info_wrap{padding:15px 0;} /* 상세 정보 리스트 */ .BIZ_user_info_wrap .user_info_lst a{width:100% !important; text-overflow:unset !important; white-space:unset !important; overflow:auto !important;} /** 상세 사용자 정보 끝 **/ /*** [비즈홈피 뷰 (21.05 개선) 끝] ***/ /*** [비즈홈피 사용자 정보 리스트 모음] ***/ /* 공통 */ .info_wrap .no-result{padding:0;} /* 전화번호 */ .board_photo_call{font-size:0;} .board_photo_call > *{display:inline-block; font-size:16px; font-weight:normal; vertical-align:top;} .board_photo_call .img_wrap{width:18px; height:18px; margin-top:7px; margin-right:10px; background:url('images/ico_call_Heather.png') no-repeat center; background-size:contain;} .board_photo_call .img_wrap span{display:none;} .board_photo_call .info_wrap{width:calc(100% - 28px); font-size:16px; font-weight:normal; color:#666;} .board_photo_call .info_wrap .no-result{font-size:16px; font-weight:normal; color:#000;} /* 이메일 */ .board_photo_mesg{font-size:0;} .board_photo_mesg > *{display:inline-block; font-size:16px; font-weight:normal; vertical-align:top;} .board_photo_mesg .img_wrap{width:18px; height:18px; margin-top:7px; margin-right:10px; background:url(images/ico_mesg_Heather.png) no-repeat center; background-size:contain;} .board_photo_mesg .img_wrap span{display:none;} .board_photo_mesg .info_wrap{width:calc(100% - 28px); font-size:18px; font-weight:normal; color:#666;} .board_photo_mesg .info_wrap .no-result{font-size:16px; font-weight:normal; color:#000;} /* 사이트 */ .board_photo_home{font-size:0;} .board_photo_home > *{display:inline-block; font-size:16px; vertical-align:top;} .board_photo_home .img_wrap{width:18px; height:18px; margin-top:7px; margin-right:10px; background:url('images/ico_home_Heather.png') no-repeat center; background-size:contain;} .board_photo_home .img_wrap span{display:none;} .board_photo_home .info_wrap{width:calc(100% - 28px); font-size:18px; font-weight:normal; color:#666;} .board_photo_home .info_wrap .no-result{font-size:16px; font-weight:normal; color:#000;} /* 지도 */ .board_photo_map{font-size:0;} .board_photo_map > *{display:inline-block; font-size:16px; font-weight:normal; vertical-align:top;} .board_photo_map .img_wrap{width:18px; height:18px; margin-top:7px; margin-right:10px; background:url(images/ico_map_Heather.png) no-repeat center; background-size:contain;} .board_photo_map .img_wrap span{display:none;} .board_photo_map .info_wrap{width:calc(100% - 28px); font-size:18px; font-weight:normal; color:#666;} /** 해시태그 **/ /* mark :: 상단 부모인 ".BIZ_home_view_wrap" 지우면 스타일 뜹니다 */ .board_photo_cat{font-size:0;} .board_photo_cat > *{display:inline-block; font-size:16px; font-weight:normal; vertical-align:top;} .board_photo_cat .board_photo_cat_lst_wrap{/* height:83px; */ padding-top:5px; padding-bottom:5px;} .board_photo_cat .img_wrap{width:18px; height:18px; margin-top:7px; margin-right:10px; background:url(images/ico_pen_Heather.png) no-repeat center; background-size:contain;} .board_photo_cat .img_wrap span{display:none;} .board_photo_cat .info_wrap{width:calc(100% - 28px); font-size:18px; font-weight:normal; color:#666;} .board_photo_cat_lst{font-size:0;} .board_photo_cat_lst > *{display:inline-block; font-weight:normal; font-size:16px; vertical-align:middle;} .board_photo_cat_lst li{margin-right:5px; margin-bottom:10px; padding:5px 10px; font-size:15px; background-color:#ececec; color:#777; border:1px solid #ececec; border-radius:30px;} .board_photo_cat_lst li:last-child{margin-right:0;} .board_photo_cat_lst li:before{content:"#"; display:inline-block;} .board_photo_cat .board_photo_cat_lst_wrap .no-result{font-size:16px; font-weight:normal; color:#000;} /* 삭제 */ .board_photo_cat_lst li.del_optn{position:relative;} .board_photo_cat_lst li .del_btn{position:absolute; top:-5px; right:-5px; width:16px; height:16px; line-height:16px; text-align:center; background-color:#fff; color:#6c757d; border:1px solid #7b7b7b; border-radius:50%;} .board_photo_cat_lst li .del_btn i{display:block; height:16px; line-height:14px; font-size:7px; font-weight:500; text-align:center;} /** 해시태그 끝 **/ /* 해시태그 :: 위에 처리하고 이 css는 지우면 됩니다 */ .board_photo_cat{font-size:0;} .board_photo_cat > *{display:inline-block; font-size:16px; vertical-align:top;} .board_photo_cat_ico_wrap{width:14px;} .board_photo_cat_ico_wrap .img_wrap{width:18px; height:18px; margin-top:5px; background:url('images/ico_pen_Heather.png') no-repeat center; background-size:contain;} .board_photo_cat_ico_wrap .img_wrap span{display:none;} .board_photo_cat_ico_wrap + .board_photo_cat_lst_wrap{padding-left:12px;} .board_photo_cat_lst_wrap{width:calc(100% - 14px);} .board_photo_cat_lst .board_photo_cat_inner{font-size:16px; color:#7ea5d0;} .board_photo .board_photo_cat_lst .board_photo_cat_inner{max-height: 50px; line-height:25px; font-style:normal; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; word-break: break-all; word-wrap: break-word; word-break: break-word;} /*** [비즈홈피 사용자 정보 리스트 모음 끝] ***/ /*** [비즈배지 폼] ***/ /* 영역 */ .BIZ_badge_form_wrap{border-top:1px solid #dddfe5;} .BIZ_badge_form_wrap .BIZ_user_info_area{width:100%; padding:32px 15px 11px; background-color:#fafafa;} /* 프로필 사진 */ .BIZ_badge_form_wrap .BIZ_user_info_area .BIZ_user_prfl_wrap{position:static; margin-top:0; -webkit-transform:none; -moz-transform:none; -o-transform:none; transform:none;} /* 비즈배지 */ .BIZ_badge_form_wrap .BIZ_user_prfl_outer_wrap{width:150px; margin:0 auto; padding:0;} .BIZ_badge_wrap{position:relative; margin-top:-15px;} .BIZ_badge{width:143px; height:40px; background:url('images/biz_init_badge.png?v=2') no-repeat center; background-size:cover; border:1px solid #b4b4b4; border-radius:20px;} .BIZ_badge span{display:none;} /* 비즈배지 등록 폼 */ .BIZ_badge_form{margin-top:22px;} .BIZ_badge_up_form .inp_wrap input[type="text"]{height:35px;} .BIZ_badge_up_form .btn_wrap{margin-top:10px; text-align:center;} .BIZ_badge_up_form .btn_wrap a{padding-top:4.5px; padding-bottom:4.5px;} /* 비즈배지 사용유무 */ .biz_badge_use_wrap{margin-top:15px; text-align:center;} .biz_badge_use_lst{font-size:0;} .biz_badge_use_lst > li{display:inline-block; margin-right:23px; font-size:16px; vertical-align:middle;} .biz_badge_use_lst > li:last-child{margin-right:0;} /* 체크박스 */ .biz_badge_use_lst > li{position:relative;} .biz_badge_use_lst > li input[type="radio"]{position:absolute; width:1px; height:1px; margin:-1px; padding:0; border:0; overflow:hidden; clip:rect(0,0,0,0);} .biz_badge_use_lst > li input[type="radio"] + label:before {content:""; position:absolute; top:3px; left:0; width:24px; height:24px; text-align:center; background:url('images/ico_checkbox_uncheck_ver2.png') no-repeat center; background-size:contain;} .biz_badge_use_lst > li input[type="radio"] + label {position:relative; display:inline-block; padding-left:35px; cursor: pointer;} .biz_badge_use_lst > li input[type="radio"] + label span{font-size:18px; color:#7d868e;} /* 선택 시 스타일 */ .biz_badge_use_lst > li input[type="radio"]:checked + label:before{background:url('images/ico_checkbox_check_ver2.png') no-repeat center; background-size:contain;} .biz_badge_use_lst > li input[type="radio"]:checked + label span{color:#000;} /*** [비즈배지 폼 끝] ***/ /*** [비즈배지 뷰] ***/ /* 비즈배지 */ .BIZ_home_view_wrap .BIZ_badge_wrap{margin-top:0; position:absolute; bottom:-25px;} /* 비즈배지를 사용할때 */ .BIZ_user_info_det_wrap.BIZ_user_useBadge_wrap{padding-top:98px;} /*** [비즈배지 뷰 끝] ***/ /*** [비즈홈피 뷰 (21.12 개선)] ***/ /* 회원혜택 이벤트 작성자 추가 */ .board_ttl_dfnt_lst dd .board_wrir{display:inline-block; margin-top:8px; font-size:16px; font-style:normal; color:#8f8f8f;} /*** [비즈홈피 뷰 (21.12 개선) 끝] ***/ /*** [비즈홈피 뷰 (22.2 개선)] ***/ /* 비즈홈피 리스트 >컨텐츠 제목 */ .biz_lst_wrap .ttl_dfnt_lst dt{font-size:24px;} /* 게시판 포토형 (수직 정렬 타입) > 썸네일 */ .board_photo_prev_wrap{background-color:#fff;} /* 비즈홈피 뷰 > 메인 이미지 (배경) */ .BIZ_main_img_area .img_wrap{background-color:#fff;} /* 회원검색 */ .slash_box_wrap .slash_box_outer + .member_search_area{margin-top:20px;} /* 비즈 자유게시판에 비즈 자유게시판 문구 출력 */ .biz_view_wrap > *.biz_board_view_wrap{margin-top:-30px;} .biz_view_wrap .biz_board_wrap .board_base_wrap{margin-bottom:0;} .biz_view_wrap .biz_board_view_wrap .board_view_ttl{border-top:0;} /*** [비즈홈피 뷰 (22.2 개선) 끝] ***/ /*** [비즈홈피 뷰 (22.03 개선)] ***/ /* 리스트 */ .board_photo_align{margin:0 0 -20px; font-size:0;} .board_photo_align > .board_photo_align_lst{display:inline-block; width:100%; margin-bottom:20px; padding:0; border:0; vertical-align:top;} .board_photo_align .board_photo_obj{display:block; margin:0; padding:20px; font-size:16px; border:1px solid #d8d8d8; border-radius:10px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;} .board_photo_align .board_photo_align_inner{font-size:0;} .board_photo_align .board_photo_align_inner > *{display:inline-block; font-size:16px; vertical-align:top;} /* 사진 */ .board_photo_obj .area_pic{width:150px; padding:0;} .board_photo_obj .area_pic .img_wrap{display:block; padding-top:calc(100 / 150 * 100%); border-radius:0;} /* 사이버부스 더보기 */ .board_photo_obj .biz_home_badge{width:140px; margin:15px auto 0; padding:3px 0; font-weight:500; text-align:center; background-color:#fff; color:#7ea5d0; border:1px solid #7ea5d0; border-radius:7px;} .board_photo_obj .biz_home_badge .img_wrap{height:24px; margin-top:0; padding:0; background-size:inherit; background-position-x:15px; border:0;} .board_photo_obj .biz_home_badge .img_wrap span{display:inline-block; margin-left:25px;} /* 정보 영역 */ .board_photo_obj .area_txt{width: calc(100% - 150px); padding-left:20px;} .board_photo_obj .board_photo_info_lst > li{margin-right:0;} /* 회사명 */ .board_photo_align_ttl_dfnt_lst dt{font-size:21px; font-weight:normal;} /* 성함 */ .board_photo_obj .board_photo_info{margin-top:0;} .board_photo_obj .board_photo_info > *{margin-top:0;} .board_photo_obj .board_photo_info .nm_card{margin-right:0;} .board_photo_obj .board_photo_info .nm_card span{display:inline-block; font-size:17px; font-weight:normal; max-height: 25px; font-style:normal; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; white-space: normal; word-break: break-all; word-wrap: break-word;} .board_photo_obj .board_photo_info .board_photo_ceo .badge_ceo{margin-right:5px; font-size:13px;} /* 상세 정보 영역 */ .board_photo_obj .board_photo_align_dfnt_lst{padding:0;} .board_photo_obj .board_photo_align_dfnt_lst > dd{margin:0; font-size:14px;} .board_photo_obj .board_photo_align_dfnt_lst > dd .board_photo_info_lst{margin-top:5px; margin-bottom:0;} .board_photo_obj .board_photo_align_dfnt_lst > dd .board_photo_info_lst > li + li{margin-top:5px;} /* (업종) 분류 */ .board_photo_obj .biz_index_lst{display:inline-block; margin-right:0 !important; font-size:14px; font-weight:normal; max-height: 40px; font-style:normal; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; word-break: break-all; word-wrap: break-word;} /* 해시태그 */ .board_photo_obj .board_photo_cat_inner{display:block; font-size:14px !important; font-weight:normal; max-height: 40px; font-style:normal; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; word-break: break-all; word-wrap: break-word;} .board_photo_obj .board_photo_cat_lst > *{font-size:14px; color:#7ea5d0;} /*** [비즈홈피 뷰 (22.03 개선)] 끝 ***/ /*** [추가) SNS 공유 버튼] ***/ /* 영역 */ .biz_view_wrap .sns_share_wrap{margin:0 10px 20px;} /* 카드 */ .biz_view_wrap .sns_share_wrap .card-header{background-color:#f9f9f9 !important;} /*** [추가) SNS 공유 버튼 끝] ***/ /*** [22.03.30 추가) 업종 검색] ***/ /* 영역 */ .biz_quick_find_ptnr_wrap .select_wrap{margin-bottom:10px;} .biz_quick_find_ptnr_wrap .select_wrap select{width:calc(100% / 2 - 10px); padding:4px 18px 4px 4px; font-size:16px; border:1px solid #c1c1c1; color:#666;} .biz_quick_find_ptnr_wrap .select_wrap select + select{margin-left:20px;} /* 검색 영역 */ .srch_form_wrap .srch_form .align_btn_lst > li, .srch_form_wrap .srch_form .align_btn_lst > li a{display:block;} /*** [22.03.30 추가) 업종 검색 끝] ***/ /* 제휴서비스 */ .okdc_alliance_srv ul {padding-left: 0; margin-bottom: 0;} .okdc_alliance_srv ul > li {list-style: none;} .okdc_alliance_srv_lst > li > a {display: block;} .okdc_alliance_srv_lst > li .card {border: none; background-color: transparent;} .okdc_alliance_srv_lst > li .card > .card-body {display: table; table-layout: fixed; width: 100%; background-color: transparent; padding: 0.75rem;} .okdc_alliance_srv_lst > li .card > .card-body > * {display: table-cell; vertical-align: middle;} .okdc_alliance_srv_lst > li .card > .card-body > div:first-child {width: 112px;} .okdc_alliance_srv_lst > li .card > .card-body > div:last-child ul > li {vertical-align: middle;} .okdc_alliance_srv_lst > li .card > .card-body > div:last-child ul > li:last-child {padding-right: 0;} .okdc_alliance_srv_lst > li .card:hover {background-color: #F7F7F9;} .okdc_alliance_srv_lst > li .okdc_alliance_srv_img_wrap {width: 100px; height: 100px; position: relative; margin-right: 0.75rem; border-radius: 1rem; overflow: hidden; box-shadow: 2px 2px 3px rgba(0,0,0,0.25); flex-shrink: 0;} .okdc_alliance_srv_lst > li .okdc_alliance_srv_img_wrap > img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover;} .okdc_alliance_srv_lst > li .card > .card-body p, .okdc_alliance_srv_lst > li .card > .card-body dl {margin-bottom: 0;} .okdc_alliance_srv_lst > li .card > .card-body p {font-size: 0.9rem;} .okdc_alliance_srv_lst > li .card > .card-body dl {margin-top: 0.25rem;} .okdc_alliance_srv_lst > li .card > .card-body dl > dt {font-size: 1.125rem; white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis;} .okdc_alliance_srv_lst > li .card > .card-body dl > dd {margin-top: 0.25rem; margin-bottom: 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 48px;} @media (max-width: 400px) { .okdc_alliance_srv_lst > li .card > .card-body > div:first-child {width: 92px;} .okdc_alliance_srv_lst > li .card > .card-body > div:last-child {font-size: 0.9rem;} .okdc_alliance_srv_lst > li .okdc_alliance_srv_img_wrap {width: 80px; height: 80px;} } .biz_info_map_sec_card_wrap .gm-style-iw-chr {justify-content: flex-end;} .biz_info_map_sec_card_wrap .gm-style-iw-ch {display: none;} .biz_info_map_sec_card_wrap .gm-style-iw-d {margin-top: -2.25rem;} .biz_info_map_sec_card_wrap [aria-label] .gm-style-iw-chr {justify-content: space-between;} .biz_info_map_sec_card_wrap [aria-label] .gm-style-iw-ch {display: block;} .biz_info_map_sec_card_wrap [aria-label] .gm-style-iw-d {margin-top: 0;} /* 상생제휴 서비스 */ .member_ad_main .cont_align_ttl_wrap .more_btn_wrap {bottom: 0;} .member_ad_main .cont_ttl_wrap .btn-outline-primary {font-size: 0.75rem; padding: 0.25rem 0.4rem; border-radius: 0.25rem; line-height: 1;}