.pc_member_note { } /* 전체회원 & 내인맥 & 검색 */ .me_no_info_area { } .me_no_info_area:after { content:""; display:block; clear:both; height:0px; overflow:hidden; } .my_state_area { width:50%; float:left } .my_state_area div.wedget-card { position:relative; padding:0px 0px 0px 0px; } .my_state_area div.wedget-card div.wedget-card-header { height:0px; position:absolute; top:-9999px; overflow:hidden; } .my_state_area div.wedget-card div.wedget-card-header h4 {} .my_state_area div.wedget-card div.wedget-card-body { padding:0px; margin:0px; } .my_state_area div.wedget-card div.wedget-card-body dl { height:100px; padding:20px 18px 0px 90px; margin:0px; border-radius:7px; text-align:center; } .my_state_area div.wedget-card div.wedget-card-body dl dt { padding:0px; margin:0px; font-size:20px; line-height:25px; font-weight:normal; } .my_state_area div.wedget-card div.wedget-card-body dl dd { margin:0px; font-size:29px; line-height:34px; font-weight:normal; color:#2a5ee3; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } .my_state_area div.wedget-card div.wedget-card-body div.all_member { /* width:225px; width:100%; float:left;*/ padding:0px; margin:0px; } .my_state_area div.wedget-card div.wedget-card-body div.all_member dl { background:url("images/mem_book/icon_allMember.png") no-repeat 23px 24px #eeeeee; background-size:52px; } .my_state_area div.wedget-card div.wedget-card-body div.all_member dl dd a { text-decoration:none; color:#2a5ee3; } .my_state_area div.wedget-card div.wedget-card-body div.all_member dl dt { } .my_state_area div.wedget-card div.wedget-card-body div.all_member dl dd { } .my_state_area div.wedget-card div.wedget-card-body div.my_connections { /* width:225px; width:100%; float:right; */ padding:0 5px 0 0 !important; margin:0px; } .my_state_area div.wedget-card div.wedget-card-body div.my_connections dl { background:url("images/mem_book/icon_myConnections.png") no-repeat 23px 24px #eeeeee; background-size:52px; } .my_state_area div.wedget-card div.wedget-card-body div.my_connections dl dt { } .my_state_area div.wedget-card div.wedget-card-body div.my_connections dl dd {} .my_state_area div.wedget-card div.wedget-card-body.row { display:table; width:100%; } .my_state_area div.wedget-card div.wedget-card-body.row .col { display:table-cell; padding:0px 5px 0px 0px; float:none; } .my_state_area div.wedget-card div.wedget-card-body.row .col:nth-of-type(2) { display:table-cell; width:50% !important; padding:0px 0px 0px 5px; } /* 전체회원 & 내인맥 & 검색 > 회원 검색하기 */ .member_search_area { width:50%; float:right; } .member_search_area form { padding:0px; margin:0px; } .member_search_area form fieldset { padding:0px; margin:0px; border:0px solid #ffffff; } .member_search_area form fieldset legend { color:#fff; font-size:18px; line-height:38px; text-indent:3px; } .member_search_area div.wedget-card { position:relative; height:100px; padding:3px 12px 15px 12px; margin:0px; border-radius:7px; background:#2a5ee3; } .member_search_area div.wedget-card div.wedget-card-header { padding:0px; margin:0px; } .member_search_area div.wedget-card div.wedget-card-body { } /* .member_search_area div.wedget-card div.wedget-card-body .input_box { display: table; border-radius:0.4375rem; background:#fff; line-height:45px; font-size:1rem; text-align:left; overflow:hidden; } .member_search_area div.wedget-card div.wedget-card-body .input_box input { width:100%;padding:0px; margin:0px; border:0px solid #ffffff; background:#fff; color:#333333; text-indent:0.8125rem; text-align:left; line-height:45px; height:45px; } .member_search_area div.wedget-card div.wedget-card-body .input_box button.btn_search { display:block; width:20%; float:right; position:relative; background:url("images/mem_book/img_member_searchB.png") no-repeat center center; background-size:1.375rem; height:45px; text-align:center; overflow:hidden; } .member_search_area div.wedget-card div.wedget-card-body .input_box button.btn_search i { display:block; width:100%; font-size:25px; background-position:center center; position:relative; left:0px; top:10px; color:#285ee2; } .member_search_area div.wedget-card div.wedget-card-body .input_box button.btn_search span { display:block; width:0px; height:0px; text-indent:-999rem; overflow:hidden; } */ .member_search_area div.wedget-card div.wedget-card-body .input_box{list-style: none;display: table; table-layout:fixed; width:100%; margin:0; padding: 0} .member_search_area div.wedget-card div.wedget-card-body .input_box input { width:100%;padding:0px; margin:0px; border:0px solid #ffffff; background:#fff; color:#333333; text-indent:0.8125rem; text-align:left; line-height:48px; height:48px; border-top-left-radius:0.25rem;border-bottom-left-radius:0.25rem; } .member_search_area div.wedget-card div.wedget-card-body .input_box a { background-color: #FFF;margin: 0px;width: 100%;border-top-right-radius:0.25rem;border-bottom-right-radius:0.25rem; } .member_search_area div.wedget-card div.wedget-card-body .input_box li{display:table-cell; text-align:center; vertical-align: middle;} /* 모바일 회원수첩 */ .member_note_area { } .member_note_area div.wedget-card { padding:0px; margin:60px 0px 0px 0px; position:relative; background:#f1f0f0; } .member_note_area div.wedget-card div.wedget-card-header { position:relative; height:96px; line-height:0px; } .member_note_area div.wedget-card div.wedget-card-header h4 { width:100%; position:absolute; top:-37px; padding:96px 0px 0px 0px; margin:0px; background:url("images/mem_book/images_mobile_member.png") no-repeat center top; background-size:auto 92px; text-align:center; font-size:27px; line-height:42px; } .member_note_area div.wedget-card div.wedget-card-body { padding:0px; margin:0px } .member_note_area div.wedget-card div.wedget-card-body ul { padding:0px 22px 40px 34px; margin:20px 0px 80px 0px; background:url("images/mem_book/teble_shelf.png") repeat-y left top; z-index:1; } .member_note_area div.wedget-card div.wedget-card-body ul:after { content:""; display:block; clear:both; height:0px; overflow:hidden; } .member_note_area div.wedget-card div.wedget-card-body ul li { width:247px; height:316px; float:left; padding:31px 20px 0px 25px; margin:0px; list-style:none; } .member_note_area div.wedget-card div.wedget-card-body ul li div.notebook_box { position:relative; width:195px; height:253px; padding:18px 29px 0px 15px;; border-radius:0.1875rem; background:#a3a3a3; text-align:left; z-index:55; color:#ffffff; } .member_note_area div.wedget-card div.wedget-card-body ul li div.notebook_box:before { content:''; display:block; width:195px; height:258px; position:absolute; left:-2.5px; top:-2.5px; border-radius:0.1875rem; background:#fff; z-index:40; } .member_note_area div.wedget-card div.wedget-card-body ul li div.notebook_box:after { content:''; display:block; width:195px; height:268px; position:absolute; left:-8px; top:-8px; border-radius:0.1875rem; box-shadow:1px 2px 2px 0px #444444; background:#888; z-index:41; } .member_note_area div.wedget-card div.wedget-card-body ul li:nth-child(8n+1) div.notebook_box:after { background:#00aba9; } .member_note_area div.wedget-card div.wedget-card-body ul li:nth-child(8n+2) div.notebook_box:after { background:#f08080; } .member_note_area div.wedget-card div.wedget-card-body ul li:nth-child(8n+3) div.notebook_box:after { background:#bda08e; } .member_note_area div.wedget-card div.wedget-card-body ul li:nth-child(8n+4) div.notebook_box:after { background:#a18ebd; } .member_note_area div.wedget-card div.wedget-card-body ul li:nth-child(8n+5) div.notebook_box:after { background:#8ebda0; } .member_note_area div.wedget-card div.wedget-card-body ul li:nth-child(8n+6) div.notebook_box:after { background:#bdb58e; } .member_note_area div.wedget-card div.wedget-card-body ul li:nth-child(8n+7) div.notebook_box:after { background:#30a5dc; } .member_note_area div.wedget-card div.wedget-card-body ul li:nth-child(8n+8) div.notebook_box:after { background:#6e7cd2; } .member_note_area div.wedget-card div.wedget-card-body ul li div.notebook_box i.bookmark { position:relative; z-index:55; display:inline-block; width:36px; height:36px; position:absolute; right:15px; top:2px; background:url("images/mem_book/img_mobileMember_bookmark.png") no-repeat center center; background-size:36px auto; text-indent:-999rem; overflow:hidden; } .member_note_area div.wedget-card div.wedget-card-body ul li div.notebook_box span.location { max-height:40px; display:block; position:relative; z-index:55; padding:0px 0px 0px 0px; line-height:20px; font-size:16px; font-weight:normal; overflow:hidden; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; } .member_note_area div.wedget-card div.wedget-card-body ul li:first-child div.notebook_box span.location { padding-right:10px; } .member_note_area div.wedget-card div.wedget-card-body ul li div.notebook_box span.location b { display:inline-block; padding:0px 7px 0px 7px; margin-right:3px; background:#6a615b; font-size:14px; font-weight:normal; } .member_note_area div.wedget-card div.wedget-card-body ul li div.notebook_box span.location b.home { display:inline-block; width:20px; background:url("images/mem_book/icon_mobileMember_home.png") no-repeat center center; background-size:20px 20px; text-indent:-999rem; } .member_note_area div.wedget-card div.wedget-card-body ul li div.notebook_box strong { display:block; height:76px; position:relative; z-index:55; font-size:28px; line-height:38px; font-weight:400; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .member_note_area div.wedget-card div.wedget-card-body ul li div.notebook_box div.nb_bcon { width:80%; position:absolute; top:110px; left:7%; } .member_note_area div.wedget-card div.wedget-card-body ul li div.notebook_box p { position:relative; z-index:55; padding:0px; margin:46px 0px 0px 0px; border-bottom:1px solid #ffffff; line-height:47px; font-size:20px; font-weight:normal; overflow:hidden; } .member_note_area div.wedget-card div.wedget-card-body ul li div.notebook_box span.btn_notebook_view { position:relative; z-index:55; display:block; color:#ffffff; line-height:44px; text-align:center; font-size:17px; font-weight:normal; } /* 내가 본 회원 */ .my_view_member_area { } .my_view_member_area div.wedget-card { padding:0px; margin:45px 0px 0px 0px; /*border-top:2px solid #cdcdcd; background:#ffffff;*/ } .my_view_member_area div.wedget-card div.wedget-card-header { position:relative; } .my_view_member_area div.wedget-card div.wedget-card-header h5 { position:relative; padding:0px; margin:0px; line-height:61px; font-size:28px; font-weight:normal; text-align:left; } .my_view_member_area div.wedget-card div.wedget-card-header h5 b { display:inline-block; position:relative; margin:0px 8px; font-weight:normal; } .my_view_member_area div.wedget-card div.wedget-card-header h5 b:after { content:''; width:100%; height:6px; position:absolute; z-index:1; left:0px; top:38px; background:#ffb771; border-radius:3px; } .my_view_member_area div.wedget-card div.wedget-card-header h5 b span { display:inline-block; position:relative; z-index:3; } .my_view_member_area div.wedget-card div.wedget-card-header a.btn_more { display:block; width:70px; position:absolute; right:0px; top:0px; color:#606060; font-size:18px; font-weight:lighter; line-height:61px; } .my_view_member_area div.wedget-card div.wedget-card-body { width:100%; overflow:hidden; } .my_view_member_area div.wedget-card div.wedget-card-body ul { } .my_view_member_area div.wedget-card div.wedget-card-body li { } .my_view_member_area div.wedget-card div.wedget-card-body li a { } .my_view_member_area div.wedget-card div.wedget-card-body li a img { width:100%; height:100%; object-fit:cover; margin:0px auto; } .my_view_member_area a.bx-prev { display:block; width:48px !important; height:47px !important; left:0px; background:url("images/mem_book/btn_profile_photo_board_left_gray.png") no-repeat left top; z-index:88; } .my_view_member_area a.bx-next { display:block; width:48px !important; height:47px !important; right:0px; background:url("images/mem_book/btn_profile_photo_board_right_gray.png") no-repeat right top; z-index:88px; } .my_view_member_area a.bx-prev:hover, .my_view_member_area a.bx-prev:active, .my_view_member_area a.bx-prev:focus { background:url("images/mem_book/btn_profile_photo_board_left_blue.png") no-repeat left top; } .my_view_member_area a.bx-next:hover, .my_view_member_area a.bx-next:active, .my_view_member_area a.bx-next:focus { background:url("images/mem_book/btn_profile_photo_board_right_blue.png") no-repeat right top; } /* 내 인맥 */ .my_connections_area { } .my_connections_area div.wedget-card { padding:0px; margin:45px 0px 0px 0px; /*border-top:2px solid #cdcdcd; background:#ffffff;*/ } .my_connections_area div.wedget-card div.wedget-card-header { position:relative; } .my_connections_area div.wedget-card div.wedget-card-header h5 { position:relative; padding:0px; margin:0px; line-height:61px; font-size:27px; font-weight:normal; text-align:left; } .my_connections_area div.wedget-card div.wedget-card-header h5 b { display:inline-block; position:relative; margin:0px 8px; font-weight:normal; } .my_connections_area div.wedget-card div.wedget-card-header h5 b:after { content:''; width:100%; height:6px; position:absolute; z-index:1; left:0px; top:38px; background:#ffb771; border-radius:3px; } .my_connections_area div.wedget-card div.wedget-card-header h5 b span { display:inline-block; position:relative; z-index:3; } .my_connections_area div.wedget-card div.wedget-card-header a.btn_more { display:block; width:70px; position:absolute; right:0px; top:0px; color:#606060; font-size:18px; font-weight:lighter; line-height:61px; } .my_connections_area div.wedget-card div.wedget-card-body { width:100%; overflow:hidden; } .my_connections_area div.wedget-card div.wedget-card-body ul { } .my_connections_area div.wedget-card div.wedget-card-body li { } .my_connections_area div.wedget-card div.wedget-card-body li a { } .my_connections_area div.wedget-card div.wedget-card-body li a img { width:100%; height:100%; object-fit:cover; margin:0px auto; } .my_connections_area a.bx-prev { display:block; width:48px !important; height:47px !important; left:0px; background:url("images/mem_book/btn_profile_photo_board_left_gray.png") no-repeat left top; z-index:88px; } .my_connections_area a.bx-next { display:block; width:48px !important; height:47px !important; right:0px; background:url("images/mem_book/btn_profile_photo_board_right_gray.png") no-repeat right top; z-index:88px; } .my_connections_area a.bx-prev:hover, .my_view_member_area a.bx-prev:active, .my_view_member_area a.bx-prev:focus { background:url("images/mem_book/btn_profile_photo_board_left_blue.png") no-repeat left top; } .my_connections_area a.bx-next:hover, .my_view_member_area a.bx-next:active, .my_view_member_area a.bx-next:focus { background:url("images/mem_book/btn_profile_photo_board_right_blue.png") no-repeat right top; } .bx-wrapper .bx-next:focus, .bx-wrapper .bx-next:hover { background-position:right top !important; } .pc_member_note ul.COMMON_BX_SLIDER { list-style: none;margin: 0;padding: 0;} .pc_member_note ul.COMMON_BX_SLIDER > li > ul { margin: 0px;padding: 0;} .pc_member_note ul.COMMON_BX_SLIDER > li > ul > li { list-style: none;text-align: center; display: inline-block; width: 25%;padding:15px 5px 5px 5px; vertical-align: top;} .pc_member_note ul.COMMON_BX_SLIDER > li > ul > li > .user_img { border: 1px solid #DDD;height: 270px;text-align: center; padding:10px 5px 5px 5px;} .pc_member_note ul.COMMON_BX_SLIDER > li > ul > li .user_img{ background-size:cover; background-size:contain; background-repeat: no-repeat;background-position: center; height: 220px;width: 90%; display: inline-block;border-radius: 0.5rem;} .pc_member_note ul.COMMON_BX_SLIDER > li > ul > li .user_img > span{ visibility: hidden;} .pc_member_note .bx-wrapper{margin-bottom: 30px;} .pc_member_note .bx-wrapper .bx-pager{bottom:-30px;} .pc_member_note ul.COMMON_BX_SLIDER > li > ul > li .BIZ_badge_wrap{margin-top:-50px;} .pc_member_note ul.COMMON_BX_SLIDER > li > ul > li .BIZ_badge_wrap + .user_nm{margin-top:17px;} .pc_member_note ul.COMMON_BX_SLIDER > li > ul > li .user_nm{margin-top:10px; margin-bottom:0;} /* 내 주변 회원보기 */ .my_perimeter_area { } .my_perimeter_area div.wedget-card { position:relative; margin-top:60px; } .my_perimeter_area div.wedget-card { } .my_perimeter_area div.wedget-card div.wedget-card-header .my_pe_map_view { position:absolute; width:250px; height:250px; position:absolute; right:50px; top:43px; z-index:40; padding:25px 22px; background-size:100px auto; text-align:left; color:#ffffff; } .my_perimeter_area div.wedget-card div.wedget-card-header .my_pe_map_view:after { content:""; display:block; width:250px; height:250px; position:absolute; right:0px; top:3px; z-index:40; background:url("images/mem_book/bg_myPerimeter.png") no-repeat 140px 135px #000; background-size:85px auto; opacity:0.7; } .my_perimeter_area div.wedget-card div.wedget-card-header .my_pe_map_view h5 { height:170px; position:relative; z-index:43; padding:0px; margin:0px; font-size:28px; line-height:40px; font-weight:bold; } .my_perimeter_area div.wedget-card div.wedget-card-header .my_pe_map_view p { position:relative; z-index:43; padding:0px; margin:0px; font-size:22px; font-weight:lighter; line-height:28px; color:#ffffff; } .my_perimeter_area div.wedget-card div.wedget-card-body { } .my_perimeter_area div.wedget-card div.wedget-card-body img { } #memBookMainList{margin: 0 auto;width: 800px;} .my_perimeter_area .wedget-card-body{width:100%; height:0; padding-top:calc(590 / 1084 * 100%); background:url('images/mem_book/img_my_perimeter_bg2.jpg') no-repeat top center; background-size:contain;} .my_perimeter_area .wedget-card-body span{display:none;} /* 2021.11 개선) 회원수첩 내부 영역 */ .member_note_area div.wedget-card div.wedget-card-body ul li:first-child div.notebook_box span.location{padding-right:20px;}