html, body { padding:0px; margin:0px; } div.wrap { text-align:center; font-family:'Noto Sans KR', AppleSDGothicNeo-Light,'Malgun Gothic','맑은 고딕',sans-serif; } /*div.header { margin:0px auto; background:url("images/member_book/sample_header.jpg") no-repeat center top; background-size:100%; height:77px; }*/ /*/////////////////////////////////////////////////////*/ /*/////////////////////모바일 알리미톡//////////////////////*/ /*/////////////////////////////////////////////////////*/ div.container_mobile { margin:0px auto; text-align:left; } /*프로필 (로그인)*/ div.container_mobile div.profile_area { padding:0rem 1.25rem 0rem 1.25rem; } div.container_mobile div.profile_area:after { content:' '; display:block; clear:both; height:0px; line-height:0px; font-size:0px; overflow:hidden; } div.container_mobile div.profile_area div.photo_area { float:left; width:3.2rem; height:3.2rem; overflow:hidden; position:relative; margin:1.5rem 0rem 0rem 0rem; padding:0px; border-radius:100% 100% 100% 100% / 100% 100% 100% 100%; border:2px solid #cdcdcd; text-align:center; line-height:3.2rem; } div.container_mobile div.profile_area div.photo_area span { position:relative; display:block; min-width:3.8rem; min-height:3.8rem; line-height:3.8rem; vertical-align:middle; text-align:center; margin:-0.3rem 0rem 0rem -0.3rem; } div.container_mobile div.profile_area div.photo_area img { max-width:100%; min-width:3.8rem; max-height:100%; min-height:3.8rem; margin:auto auto; vertical-align:middle; } /*div.container_mobile div.profile_area div.photo_area:after { content:' '; display:block; width:84px; height:84px; background:url("images/member_book/img_profileOutline.png") no-repeat right top; position:relative; top:-84px; }*/ div.container_mobile div.profile_area div.text_area { text-align:left; padding:1rem 0rem 0rem 3.7rem; } div.container_mobile div.profile_area div.text_area strong { display:block; font-size:1.5rem; line-height:2.5rem; font-weight:500; } div.container_mobile div.profile_area div.text_area p { margin:0px; padding:0px 0px 0px 0px; font-size:1.1rem; color:#666666; font-weight:400; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; line-height:1.3rem; } div.container_mobile div.profile_area div.btn_area { clear:both; text-align:center; padding:0.5rem 0rem 1.2rem 0rem; line-height:0px; } div.container_mobile div.profile_area div.btn_area a { display:inline-block; width:45%; height:2.2rem; line-height:2.2rem; color:#ffffff; border-radius:3px 3px 3px 3px / 3px 3px 3px 3px; box-shadow:2px 2px 3px 0px #aaaaaa; text-decoration:none; text-align:center; background:#2a5ee3; } div.container_mobile div.profile_area div.btn_area a span { display:inline-block; background-size:1rem; } div.container_mobile div.profile_area div.btn_area a:first-child { margin-right:10px; } div.container_mobile div.profile_area div.btn_area a.app span { background:url("images/member_book/icon_mobileSpeechBubble_white.png") no-repeat left center; padding-left:1.8rem; } div.container_mobile div.profile_area div.btn_area a.web span { background:url("images/member_book/icon_speechBubble_white.png") no-repeat left center; padding-left:1.7rem; } /*이름 전호번호 입력 (로그인전)*/ div.container_mobile div.verification_area { padding:1rem 1.25rem 0px 1.25rem; margin:0px; position:relative; } div.container_mobile div.verification_area h4 { color:#e41515; font-size:1.5rem; font-weight:400; margin:0px; padding:0px; height:1.8rem; line-height:1.8rem; text-align:left; } div.container_mobile div.verification_area p { color:#666666; font-size:1.15rem; font-weight:400; margin:0px; padding:0px; line-height:1.5rem; text-align:left; } div.container_mobile div.verification_area form { padding:0px; margin:0px; height:6.5rem; } div.container_mobile div.verification_area form fieldset { padding:0px; margin:0px; border:0px solid #ffffff; } div.container_mobile div.verification_area form fieldset legend { padding:0px; margin:0px; position:absolute; top:-9999px; height:0px; line-height:0px; font-size:0px; } div.container_mobile div.verification_area div.verification_input { font-size:1rem; padding:0.8rem 0px 0px 0px; position:relative; } div.container_mobile div.verification_area div.verification_input span.input_box { display:block; float:left; width:68%; } div.container_mobile div.verification_area div.verification_input input.name { height:2rem; line-height:1rem; width:100%; text-indent:0.5rem; border:1px solid #333333; color:#333333; font-size:1rem; font-weight:300; } div.container_mobile div.verification_area div.verification_input input.tel { height:2rem; line-height:2rem; width:100%; text-indent:0.5rem; border:1px solid #333333; color:#333333; font-size:1rem; font-weight:300; margin-top:7px; } div.container_mobile div.verification_area div.verification_input a.btn_code { display:block; float:right; line-height:1.6rem; width:30%; padding:0.9rem 0rem; font-size:1.2rem; text-align:center; font-weight:300; background:#2a5ee3; color:#ffffff; border-radius:3px 3px 3px 3px / 3px 3px 3px 3px; box-shadow:2px 2px 3px 0px #aaaaaa; text-decoration:none; position:relative; right:0px; } /*인증번호 입력 (로그인전)*/ div.container_mobile div.verification_area div.verification_code { font-size:1rem; padding:0.8rem 0px 0px 0px; position:relative; } div.container_mobile div.verification_area div.verification_code:after { content:' '; display:block; clear:both; height:0px; line-height:0px; font-size:0px; overflow:hidden; } div.container_mobile div.verification_area div.verification_code span.input_box { display:block; float:left; width:70%; } div.container_mobile div.verification_area div.verification_code input.code { width:50%; height:2rem; line-height:2rem; text-indent:0.5rem; padding:0px; border:1px solid #333333; border-right:0px solid #333333; color:#333333; font-size:1rem; font-weight:300; float:left; } div.container_mobile div.verification_area div.verification_code input.effectiveTime { width:27%; height:2rem; line-height:2rem; padding:0px 0px; border:1px solid #333333; border-left:0px solid #333333; border-right:0px solid #333333; color:#333333; font-size:0.9rem; font-weight:400; float:left; text-align:right; vertical-align:top; } div.container_mobile div.verification_area div.verification_code input.currentTime { width:20%; height:2rem; line-height:2rem; padding:0px 0px; text-align:left; border:1px solid #333333; border-left:0px solid #333333; color:#ec4444; font-size:0.9rem; font-weight:400; float:left; } div.container_mobile div.verification_area div.verification_code a.btn_ok { display:inline-block; float:right; line-height:1.95rem; width:30%; padding:0.05rem 0rem; font-size:1.2rem; text-align:center; font-weight:300; background:#2a5ee3; color:#ffffff; border-radius:3px 3px 3px 3px / 3px 3px 3px 3px; box-shadow:2px 2px 3px 0px #aaaaaa; text-decoration:none; position:relative; } div.container_mobile div.verification_area div.text_btns { line-height:3rem; font-size:0.8rem; color:#333333; text-align:center; letter-spacing:1rem; } div.container_mobile div.verification_area div.text_btns a { color:#333333; text-decoration:none; font-size:1rem; letter-spacing:0rem; } /*대화방*/ div.container_mobile div.talk_room_area { border-top:2px solid #d0d0d0; background:#c9e7f2; padding:0px 0px 0px 0px; } div.container_mobile div.talk_room_area div.title_area { height:2.6rem; border-bottom:1px solid #8ca1a9; margin:0px 1rem 0px 1rem; text-align:right; } div.container_mobile div.talk_room_area div.title_area:after { content:' '; display:block; clear:both; height:0px; line-height:0px; font-size:0px; overflow:hidden; } div.container_mobile div.talk_room_area div.title_area strong { font-size:1.1rem; line-height:2.6rem; background:url("images/member_book/icon_speechBubble_black.png") no-repeat left center; padding:0px 0px 0px 1.2rem; float:left; font-weight:400; } div.container_mobile div.talk_room_area div.title_area span.state { display:block; font-size:0.9rem; line-height:2.6rem; text-align:right; color:#333333; font-weight:400; } div.container_mobile div.talk_room_area div.title_area span.state b { color:#e32a5a; font-weight:400; } div.container_mobile div.talk_room_area div.past_talk { margin:1.5rem 0px 0px 0px; padding:0rem 0px 3rem 0px; background:url("images/member_book/icon_abbreviation.png") no-repeat center 60%; text-align:center; } div.container_mobile div.talk_room_area div.past_talk span { display:inline-block; height:1.6rem; line-height:1.6rem; padding:0px 1rem 0px 2rem; background:url("images/member_book/icon_clock.png") no-repeat 1rem center #5eaecc; text-align:center; border-radius:24px 24px 24px 24px / 24px 24px 24px 24px; color:#ffffff; font-weight:400; font-size:0.8rem; } div.container_mobile div.talk_room_area div.talk_area { padding:1.25rem 1.25rem 0px 1.25rem; text-align:left; } div.container_mobile div.talk_room_area div.talk_area div.talk_box_opponent { clear:both; clear:both; padding:0px 0px 0.25rem 0px; overflow:hidden; } div.container_mobile div.talk_room_area div.talk_area div.talk_box_opponent:after { content:' '; display:block; clear:both; height:0px; line-height:0px; font-size:0px; overflow:hidden; } div.container_mobile div.talk_room_area div.talk_area div.talk_box_opponent div.photo_area { float:left; width:2.5rem; height:2.5rem; position:relative; overflow:hidden; padding:0px 0px 0px 0px; border-radius:50% 50% 50% 50% / 50% 50% 50% 50%; border:2px solid #cdcdcd; line-height:2.5rem; text-align:center; vertical-align:middle; } div.container_mobile div.talk_room_area div.talk_area div.talk_box_opponent div.photo_area span { position:relative; display:block; min-width:2.9rem; min-height:2.9rem; line-height:2.9rem; vertical-align:middle; text-align:center; margin:-0.2rem 0rem 0rem -0.2rem; } div.container_mobile div.talk_room_area div.talk_area div.talk_box_opponent div.photo_area img { max-width:100%; min-height:2.9rem; max-height:100%; min-width:2.9rem; margin:auto auto; vertical-align:middle; } div.container_mobile div.talk_room_area div.talk_area div.talk_box_opponent div.text_area { padding:0px 20% 0px 3rem; position:relative; } div.container_mobile div.talk_room_area div.talk_area div.talk_box_opponent div.text_area strong.name { display:block; height:1.5rem; line-height:1.5rem; font-size:1rem; font-weight:400; padding-left:0rem; } div.container_mobile div.talk_room_area div.talk_area div.talk_box_opponent div.text_area div.conts { float:left; font-size:1rem; line-height:1.4rem; font-weight:400; margin:0.3rem 0px 1.3rem 0rem; padding:0.8rem 0.8rem; border-radius:0px 6px 6px 6px / 0px 6px 6px 6px; background:#ffffff; box-shadow:2px 3px 3px 0px #aaaaaa; position:relative;} div.container_mobile div.talk_room_area div.talk_area div.talk_box_opponent div.text_area div.conts:after { content:''; display:block; position:absolute; width:1.5rem; height:1.5rem; top:0px; left:-0.6rem; background:url("images/member_book/table_talkWindowTL.png") no-repeat left top; } div.container_mobile div.talk_room_area div.talk_area div.talk_box_opponent div.text_area div.conts p:first-child { margin:0px; } div.container_mobile div.talk_room_area div.talk_area div.talk_box_opponent div.text_area div.conts p { padding:0px; margin:0.8rem 0px 0px 0px; position:relative; z-index:1; line-height:1.2rem; } div.container_mobile div.talk_room_area div.talk_area div.talk_box_opponent div.text_area div.conts span.date { display:inline-block; width:3rem; position:absolute; right:-3.4rem; bottom:-0.1rem; font-size:0.5rem; line-height:0.8rem; color:#666666; } div.container_mobile div.talk_room_area div.talk_area div.talk_box_opponent div.text_area div.conts span.all_view { display:block; line-height:0rem; margin:0.8rem 0rem 0rem 0rem; text-align:center; border-top:1px solid #b2b2b2; padding:0.5rem 1rem 0rem 1rem; vertical-align:top; } div.container_mobile div.talk_room_area div.talk_area div.talk_box_opponent div.text_area div.conts span.all_view a { display:inline-block; background:url("images/member_book/img_talkMessege_all.png") no-repeat left center; background-size:0.7rem; width:5rem; height:1rem; line-height:1rem; text-decoration:none; font-size:0.9rem; color:#666666; } div.container_mobile div.talk_room_area div.talk_area div.talk_box_opponent div.text_area div.emoticon { clear:both; float:left; font-size:1.1rem; font-weight:400; margin:0.3rem 0px 1.3rem 0rem; padding:0px; position:relative; width:70%; } div.container_mobile div.talk_room_area div.talk_area div.talk_box_opponent div.text_area div.emoticon:after { content:' '; display:block; clear:both; height:0px; line-height:0px; font-size:0px; overflow:hidden; } div.container_mobile div.talk_room_area div.talk_area div.talk_box_opponent div.text_area div.emoticon img { padding:0px; margin:0px 0px 0px 0px; position:relative; z-index:1; width:100%; } div.container_mobile div.talk_room_area div.talk_area div.talk_box_opponent div.text_area div.emoticon span.date { display:inline-block; width:3rem; position:absolute; right:-3rem; bottom:0rem; font-size:0.5rem; line-height:0.8rem; color:#666666; } div.container_mobile div.talk_room_area div.talk_area div.talk_box_opponent div.text_area div.photos { clear:both; float:left; font-size:1.1rem; font-weight:400; margin:0.3rem 0px 1.3rem 0rem; padding:0px; position:relative; } div.container_mobile div.talk_room_area div.talk_area div.talk_box_opponent div.text_area div.photos:after { content:' '; display:block; clear:both; height:0px; line-height:0px; font-size:0px; overflow:hidden; } div.container_mobile div.talk_room_area div.talk_area div.talk_box_opponent div.text_area div.photos img { padding:0px; margin:0px 0px 0px 0px; position:relative; z-index:1; border-radius:6px 6px 6px 6px / 6px 6px 6px 6px; box-shadow:2px 3px 3px 0px #aaaaaa; max-width:100%; max-height:30rem; } div.container_mobile div.talk_room_area div.talk_area div.talk_box_opponent div.text_area div.photos span.date { display:inline-block; width:3rem; position:absolute; right:-3.4rem; bottom:0.2rem; font-size:0.5rem; line-height:0.8rem; color:#666666; } div.container_mobile div.talk_room_area div.talk_area div.talk_box_opponent div.text_area div.movie { clear:both; float:left; font-size:0rem; margin:0.3rem 0px 1.3rem 0rem; padding:0px; position:relative; } div.container_mobile div.talk_room_area div.talk_area div.talk_box_opponent div.text_area div.movie span.movie_box { display:block; height:100%; width:100%; position:relative; border-radius:6px 6px 6px 6px / 6px 6px 6px 6px; box-shadow:2px 3px 3px 0px #aaaaaa; overflow:hidden; vertical-align:middle; } div.container_mobile div.talk_room_area div.talk_area div.talk_box_opponent div.text_area div.movie span.movie_box:after { content:''; display:block; background:#000000; opacity:0.5; height:100%; width:100%; position:absolute; top:0px; left:0px; z-index:150; } div.container_mobile div.talk_room_area div.talk_area div.talk_box_opponent div.text_area div.movie span.paly_time { display:block; height:0.1rem;width:5rem; padding:2.8rem 0rem 1.2rem 0rem; margin:-2rem 0rem 0rem -2.5rem; font-size:0.8rem; font-weight:400; text-align:center; color:#ffffff; background:url("images/member_book/img_talkMessege_movie.png") no-repeat center top; background-size:50%; position:absolute; top:50%; left:50%; z-index:200; } div.container_mobile div.talk_room_area div.talk_area div.talk_box_opponent div.text_area div.movie img { padding:0px; margin:0px 0px 0px 0px; position:relative; z-index:1; max-width:100%; max-height:30rem; position:relative; z-index:90; } div.container_mobile div.talk_room_area div.talk_area div.talk_box_opponent div.text_area div.movie span.date { display:inline-block; width:3rem; position:absolute; right:-3.4rem; bottom:0.2rem; font-size:0.5rem; line-height:0.8rem; color:#666666; } div.container_mobile div.talk_room_area div.talk_area div.talk_box_opponent div.text_area div.file { clear:both; float:left; width:100%; font-size:0rem; margin:0.3rem 0px 1.3rem 0rem; padding:0px; position:relative; border-radius:6px 6px 6px 6px / 6px 6px 6px 6px; box-shadow:2px 3px 3px 0px #aaaaaa; background:#ffffff; } div.container_mobile div.talk_room_area div.talk_area div.talk_box_opponent div.text_area div.file:after { content:''; display:block; clear:both; height:0px; line-height:0px; font-size:0px; overflow:hidden; } div.container_mobile div.talk_room_area div.talk_area div.talk_box_opponent div.text_area div.file span.file_name { padding:0rem; font-size:1rem; line-height:1.8rem; float:left; font-weight:400; color:#666666; max-width:65%; } div.container_mobile div.talk_room_area div.talk_area div.talk_box_opponent div.text_area div.file span.file_name span { display:block; padding:0.9rem 1rem 0.5rem 1rem; } div.container_mobile div.talk_room_area div.talk_area div.talk_box_opponent div.text_area div.file span.file_name strong { display:block; font-weight:400; color:#000000; line-height:1.1rem; word-break:break-all; word-wrap:break-word; } div.container_mobile div.talk_room_area div.talk_area div.talk_box_opponent div.text_area div.file span.btn { display:block; line-height:2rem; font-size:1rem; float:right; width:35%; } div.container_mobile div.talk_room_area div.talk_area div.talk_box_opponent div.text_area div.file span.btn a { display:block; background:url("images/member_book/img_talkMessege_file.png") no-repeat center top; background-size:2rem; height:1.3rem; padding-top:1.5rem; margin:0.8rem 0rem; color:#000000; font-size:0.6rem; text-align:center; text-decoration:none; } div.container_mobile div.talk_room_area div.talk_area div.talk_box_opponent div.text_area div.file span.date { display:inline-block; width:3rem; position:absolute; right:-3.4rem; bottom:0.2rem; font-size:0.5rem; line-height:0.8rem; color:#666666; } div.container_mobile div.talk_room_area div.talk_area div.talk_box_opponent div.text_area div.open { clear:both; float:left; width:100%; font-size:0rem; margin:0.3rem 0px 1.3rem 0rem; padding:0px; position:relative; border-radius:6px 6px 6px 6px / 6px 6px 6px 6px; box-shadow:2px 3px 3px 0px #aaaaaa; background:#ffffff; } div.container_mobile div.talk_room_area div.talk_area div.talk_box_opponent div.text_area div.open:after { content:''; display:block; clear:both; height:0px; line-height:0px; font-size:0px; overflow:hidden; } div.container_mobile div.talk_room_area div.talk_area div.talk_box_opponent div.text_area div.open span.file_name { padding:0rem; font-size:1rem; line-height:1.8rem; float:left; font-weight:400; color:#666666; max-width:65%; } div.container_mobile div.talk_room_area div.talk_area div.talk_box_opponent div.text_area div.open span.file_name span { display:block; padding:0.9rem 1rem 0.5rem 1rem; } div.container_mobile div.talk_room_area div.talk_area div.talk_box_opponent div.text_area div.open span.file_name strong { display:block; font-weight:400; color:#000000; line-height:1.1rem; word-break:break-all; word-wrap:break-word; } div.container_mobile div.talk_room_area div.talk_area div.talk_box_opponent div.text_area div.open span.btn { display:block; line-height:2rem; font-size:1rem; float:right; width:35%; } div.container_mobile div.talk_room_area div.talk_area div.talk_box_opponent div.text_area div.open span.btn a { display:block; background:url("images/member_book/img_talkMessege_file.png") no-repeat center top; background-size:2rem; height:1.3rem; padding-top:1.5rem; margin:0.8rem 0rem; color:#000000; font-size:0.6rem; text-align:center; text-decoration:none; } div.container_mobile div.talk_room_area div.talk_area div.talk_box_opponent div.text_area div.open span.date { display:inline-block; width:3rem; position:absolute; right:-3.4rem; bottom:0.2rem; font-size:0.5rem; line-height:0.8rem; color:#666666; } div.container_mobile div.talk_room_area div.talk_area>div:nth-child(1) { animation: fadein 2s; -moz-animation:fadein 2s; /* Firefox */ -webkit-animation:fadein 2s; /* Safari and Chrome */ -o-animation:fadein 2s; /* Opera */ } div.container_mobile div.talk_room_area div.talk_area>div:nth-child(2) { animation: fadein 4s; -moz-animation:fadein 4s; /* Firefox */ -webkit-animation:fadein 4s; /* Safari and Chrome */ -o-animation:fadein 4s; /* Opera */ } div.container_mobile div.talk_room_area div.talk_area>div:nth-child(3) { animation: fadein 6s; -moz-animation:fadein 6s; /* Firefox */ -webkit-animation:fadein 6s; /* Safari and Chrome */ -o-animation:fadein 6s; /* Opera */ } @keyframes fadein { from { opacity:0; } to { opacity:1; } } @-moz-keyframes fadein { /* Firefox */ from { opacity:0; } to { opacity:1; } } @-webkit-keyframes fadein { /* Safari and Chrome */ from { opacity:0; } to { opacity:1; } } @-o-keyframes fadein { /* Opera */ from { opacity:0; } to { opacity:1; } } div.container_mobile div.talk_room_area div.talk_area div.talk_box_me { margin:0px 0px 1.5rem 3rem; padding:0px 1.4rem 0px 0px; } div.container_mobile div.talk_room_area div.talk_area div.talk_box_me:after { content:' '; display:block; clear:both; height:0px; line-height:0px; font-size:0px; overflow:hidden; } div.container_mobile div.talk_room_area div.talk_area div.talk_box_me div.conts { clear:both; float:right; font-size:1.1rem; font-weight:400; margin:0.3rem 0px 1.3rem 0rem; padding:0.8rem 0.8rem; border-radius:6px 0px 6px 6px / 6px 0px 6px 6px; background:#557bb4; box-shadow:3px 3px 3px 0px #aaaaaa; position:relative;} div.container_mobile div.talk_room_area div.talk_area div.talk_box_me div.conts:after { content:' '; display:block; position:absolute; width:1.6rem; height:2rem; top:0px; right:-0.68rem; background:url("images/member_book/table_talkWindow_blueTR.png") no-repeat right top; } div.container_mobile div.talk_room_area div.talk_area div.talk_box_me div.conts p:first-child { margin:0px; } div.container_mobile div.talk_room_area div.talk_area div.talk_box_me div.conts p { padding:0px; margin:0.8rem 0px 0px 0px; position:relative; z-index:1; color:#ffffff; } div.container_mobile div.talk_room_area div.talk_area div.talk_box_me div.conts span.date { display:inline-block; width:3rem; position:absolute; left:-2.9rem; bottom:0.1rem; font-size:0.5rem; color:#666666; } div.container_mobile div.talk_room_area div.talk_area div.talk_box_me div.conts span.all_view { display:block; line-height:0rem; margin:0.8rem 0rem 0rem 0rem; text-align:center; border-top:1px solid #ffffff; padding:0.5rem 1rem 0rem 1rem; vertical-align:top; } div.container_mobile div.talk_room_area div.talk_area div.talk_box_me div.conts span.all_view a { display:inline-block; background:url("images/member_book/img_talkMessege_all_white.png") no-repeat left center; background-size:0.7rem; width:5rem; height:1rem; line-height:1rem; text-decoration:none; font-size:0.9rem; color:#ffffff; } div.container_mobile div.talk_room_area div.talk_area div.talk_box_me div.emoticon { clear:both; float:right; width:70%; font-size:1.1rem; font-weight:400; margin:0.3rem 0px 1.3rem 0rem; padding:0px; position:relative;} div.container_mobile div.talk_room_area div.talk_area div.talk_box_me div.emoticon img { padding:0px; margin:0px 0px 0px 0px; position:relative; z-index:1; color:#ffffff; width:100%; float:right; } div.container_mobile div.talk_room_area div.talk_area div.talk_box_me div.emoticon span.date { display:inline-block; width:3rem; position:absolute; left:-2.9rem; bottom:0.3rem; font-size:0.5rem; color:#666666; } div.container_mobile div.talk_room_area div.talk_area div.talk_box_me div.photos { clear:both; float:right; font-size:1.1rem; font-weight:400; margin:0.3rem 0px 1.3rem 0rem; padding:0px; position:relative;} div.container_mobile div.talk_room_area div.talk_area div.talk_box_me div.photos img { padding:0px; margin:0px 0px 0px 0px; position:relative; z-index:1; color:#ffffff; border-radius:6px 6px 6px 6px / 6px 6px 6px 6px; box-shadow:2px 3px 3px 0px #aaaaaa; max-width:100%; max-height:30rem; } div.container_mobile div.talk_room_area div.talk_area div.talk_box_me div.photos span.date { display:inline-block; width:3rem; position:absolute; left:-2.9rem; bottom:0.3rem; font-size:0.5rem; color:#666666; } div.container_mobile div.talk_room_area div.talk_area div.talk_box_me div.movie { clear:both; float:right; font-size:0rem; margin:0.3rem 0px 1.3rem 0rem; padding:0px; position:relative; } div.container_mobile div.talk_room_area div.talk_area div.talk_box_me div.movie span.movie_box { display:block; height:100%; width:100%; position:relative; border-radius:6px 6px 6px 6px / 6px 6px 6px 6px; box-shadow:2px 3px 3px 0px #aaaaaa; overflow:hidden; vertical-align:middle; } div.container_mobile div.talk_room_area div.talk_area div.talk_box_me div.movie span.movie_box:after { content:''; display:block; background:#000000; opacity:0.5; height:100%; width:100%; position:absolute; top:0px; left:0px; z-index:150; } div.container_mobile div.talk_room_area div.talk_area div.talk_box_me div.movie span.paly_time { display:block; height:0.1rem;width:5rem; padding:2.8rem 0rem 1.2rem 0rem; margin:-2rem 0rem 0rem -2.5rem; font-size:0.8rem; font-weight:400; text-align:center; color:#ffffff; background:url("images/member_book/img_talkMessege_movie.png") no-repeat center top; background-size:50%; position:absolute; top:50%; left:50%; z-index:200; } div.container_mobile div.talk_room_area div.talk_area div.talk_box_me div.movie img { padding:0px; margin:0px 0px 0px 0px; position:relative; z-index:1; max-width:100%; max-height:30rem; position:relative; z-index:90; } div.container_mobile div.talk_room_area div.talk_area div.talk_box_me div.movie span.date { display:inline-block; width:3rem; position:absolute; left:-2.9rem; bottom:0.3rem; font-size:0.5rem; color:#666666; } div.container_mobile div.talk_room_area div.talk_area div.talk_box_me div.file { clear:both; float:right; width:100%; font-size:0rem; margin:0.3rem 0px 1.3rem 0rem; padding:0px; position:relative; border-radius:6px 6px 6px 6px / 6px 6px 6px 6px; box-shadow:2px 3px 3px 0px #aaaaaa; background:#ffffff; } div.container_mobile div.talk_room_area div.talk_area div.talk_box_me div.file:after { content:''; display:block; clear:both; height:0px; line-height:0px; font-size:0px; overflow:hidden; } div.container_mobile div.talk_room_area div.talk_area div.talk_box_me div.file span.file_name { padding:0rem; font-size:1rem; line-height:1.8rem; float:left; font-weight:400; color:#666666; max-width:65%; } div.container_mobile div.talk_room_area div.talk_area div.talk_box_me div.file span.file_name span { display:block; padding:0.9rem 1rem 0.5rem 1rem; } div.container_mobile div.talk_room_area div.talk_area div.talk_box_me div.file span.file_name strong { display:block; font-weight:400; color:#000000; line-height:1.1rem; word-break:break-all; word-wrap:break-word; } div.container_mobile div.talk_room_area div.talk_area div.talk_box_me div.file span.btn { display:block; line-height:2rem; font-size:1rem; float:right; width:35%; } div.container_mobile div.talk_room_area div.talk_area div.talk_box_me div.file span.btn a { display:block; background:url("images/member_book/img_talkMessege_file.png") no-repeat center top; background-size:2rem; height:1.3rem; padding-top:1.5rem; margin:0.8rem 0rem; color:#000000; font-size:0.6rem; text-align:center; text-decoration:none; } div.container_mobile div.talk_room_area div.talk_area div.talk_box_me div.file span.date { display:inline-block; width:3rem; position:absolute; left:-2.9rem; bottom:0.3rem; font-size:0.5rem; color:#666666; } div.container_mobile div.talk_room_area div.talk_area div.talk_box_me div.open { clear:both; float:right; width:100%; font-size:0rem; margin:0.3rem 0px 1.3rem 0rem; padding:0px; position:relative; border-radius:6px 6px 6px 6px / 6px 6px 6px 6px; box-shadow:2px 3px 3px 0px #aaaaaa; background:#ffffff; } div.container_mobile div.talk_room_area div.talk_area div.talk_box_me div.open:after { content:''; display:block; clear:both; height:0px; line-height:0px; font-size:0px; overflow:hidden; } div.container_mobile div.talk_room_area div.talk_area div.talk_box_me div.open span.file_name { padding:0rem; font-size:1rem; line-height:1.8rem; float:left; font-weight:400; color:#666666; max-width:65%; } div.container_mobile div.talk_room_area div.talk_area div.talk_box_me div.open span.file_name span { display:block; padding:0.9rem 1rem 0.5rem 1rem; } div.container_mobile div.talk_room_area div.talk_area div.talk_box_me div.open span.file_name strong { display:block; font-weight:400; color:#000000; line-height:1.1rem; word-break:break-all; word-wrap:break-word; } div.container_mobile div.talk_room_area div.talk_area div.talk_box_me div.open span.btn { display:block; line-height:2rem; font-size:1rem; float:right; width:35%; } div.container_mobile div.talk_room_area div.talk_area div.talk_box_me div.open span.btn a { display:block; background:url("images/member_book/img_talkMessege_file.png") no-repeat center top; background-size:2rem; height:1.3rem; padding-top:1.5rem; margin:0.8rem 0rem; color:#000000; font-size:0.6rem; text-align:center; text-decoration:none; } div.container_mobile div.talk_room_area div.talk_area div.talk_box_me div.open span.date { display:inline-block; width:3rem; position:absolute; left:-2.9rem; bottom:0.3rem; font-size:0.5rem; color:#666666; } div.container_mobile div.talk_room_area div.input_area { height:2.2rem; background:#ffffff; box-shadow:0px -2px 10px 0px #aaaaaa; overflow:hidden; color:#333333; text-align:center; } div.container_mobile div.talk_room_area div.input_area span.input { display:black; width:60%; float:left; font-size:0.8rem; height:2.2rem; line-height:2.2rem; } div.container_mobile div.talk_room_area div.input_area span.enter { display:block; width:40%; height:2.2rem; line-height:2.2rem; float:right; background:#2a5ee3; text-align:center; padding:0px 0px 0px 0rem; } div.container_mobile div.talk_room_area div.input_area span.enter b { display:inline-block; font-size:1rem; color:#ffffff; font-weight:400;background:url("images/member_book/icon_speechBubble_white.png") no-repeat left center; padding-left:1.4rem; } /*게시판 최신글 모음*/ div.container_mobile div.talk_gallery { border-top:2px solid #cdcdcd; padding:1rem 0px 1.3rem 0px; overflow:hidden; } div.container_mobile div.talk_gallery h4 { font-size:1.3rem; font-weight:500; height:2rem; line-height:2rem; color:#000000; margin:0px; padding:0px 0px 0px 1rem; } div.container_mobile div.talk_gallery h4 a { text-decoration:none; color:#000000; } div.container_mobile div.talk_gallery h4 b { display:inline-block; position:relative; font-weight:500; background:url("images/member_book/table_boardTitle_Red2L.jpg") no-repeat left 1.4rem; color:#000000; } div.container_mobile div.talk_gallery h4 b:after{ content:' '; display:inline-block; position:absolute; width:4px; height:2rem; background:url("images/member_book/table_boardTitle_Red2R.jpg") no-repeat left 1.4rem; color:#000000; } div.container_mobile div.talk_gallery ul { margin:0px; padding:1rem 0px 0px 1.25rem; width:2000px; } div.container_mobile div.talk_gallery ul li { list-style:none; margin:0px 0.7rem 0px 0px; padding:0px 0px 0px 0px; float:left; overflow:hidden; height:7.2rem; width:9.5rem; text-align:center; } div.container_mobile div.talk_gallery ul li a { display:block; } div.container_mobile div.talk_gallery ul li a img { margin:auto auto; max-width:100%; max-height:100%; } div.container_mobile div.alimi_service { border-top:2px solid #cdcdcd; padding:1.5rem 0px 2rem 0px; overflow:hidden; } div.container_mobile div.alimi_service h4 { font-size:1.3rem; font-weight:500; height:2rem; line-height:2rem; color:#000000; margin:0px; padding:0px 0px 0px 1rem; } div.container_mobile div.alimi_service h4 a { text-decoration:none; color:#000000; } div.container_mobile div.alimi_service h4 b { display:inline-block; position:relative; font-weight:500; background:url("images/member_book/table_boardTitle_BL.jpg") no-repeat left 1.5rem; color:#000000; } div.container_mobile div.alimi_service h4 b:after{ content:' '; display:inline-block; position:absolute; width:4px; height:2rem; background:url("images/member_book/table_boardTitle_BR.jpg") no-repeat left 1.5rem; color:#000000; } div.container_mobile div.alimi_service ul { margin:0px; padding:0.7rem 1.25rem 0px 1.25rem } div.container_mobile div.alimi_service ul li { height:1.5erm; line-height:1.5erm; margin:0px; padding:0px; border-bottom:1px solid #cdcdcd; vertical-align:top; list-style:none; } div.container_mobile div.alimi_service ul li:after { content:' '; display:block; clear:both; height:0px; line-height:0px; font-size:0px; overflow:hidden; } div.container_mobile div.alimi_service ul li:last-child { border-bottom:0px solid #cdcdcd; } div.container_mobile div.alimi_service ul li span.list_subject { display:block; float:left; width:79%; height:1.9rem; line-height:1.9rem; position:relative; } div.container_mobile div.alimi_service ul li a { color:#000000; text-decoration:none; } div.container_mobile div.alimi_service ul li em { font-size:0.8rem; display:inline-block; font-style:normal; float:left; font-weight:400; background:#79e3e4; height:1.4rem; line-height:1.4rem; margin:0.2rem 0px 0px 0px; padding:0px 0.7rem 0px 0.7rem; border-radius:20px 20px 20px 20px / 20px 20px 20px 20px; vertical-align:top; color:#ffffff; } div.container_mobile div.alimi_service ul li strong { display:block; font-size:1.1rem; font-weight:400; padding-left:10px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } div.container_mobile div.alimi_service ul li span.date { display:inline-block; font-size:0.9rem; text-align:right; font-weight:100; float:right; color:#1850a2; height:1.9rem; line-height:1.9rem } div.container_mobile div.important_alim { border-top:2px solid #cdcdcd; padding:1.5rem 0px 2rem 0px; overflow:hidden; } div.container_mobile div.important_alim h4 { font-size:1.3rem; font-weight:500; height:2rem; line-height:2rem; color:#000000; margin:0px; padding:0px 0px 0px 1.25rem } div.container_mobile div.important_alim h4 a { text-decoration:none; color:#000000; } div.container_mobile div.important_alim h4 b { display:inline-block; position:relative; color:#000000; font-weight:500; background:url("images/member_book/table_boardTitle_RedL.jpg") no-repeat left 1.4rem; color:#000000; } div.container_mobile div.important_alim h4 b:after{ content:' '; display:inline-block; position:absolute; width:4px; height:2rem; background:url("images/member_book/table_boardTitle_RedR.jpg") no-repeat left 1.4rem; color:#000000; } div.container_mobile div.important_alim ul { margin:0px; padding:0px 1.25rem 0px 1.25rem; } div.container_mobile div.important_alim ul li { height:1.9rem; line-height:1.9rem; padding:0px; margin:0px 0px 0px 0.7rem; border-bottom:1px solid #cdcdcd; vertical-align:top; list-style:none; background:url("images/member_book/icon_dotted_blue.jpg") no-repeat left center; } div.container_mobile div.important_alim ul li:after { content:' '; display:block; clear:both; height:0px; line-height:0px; font-size:0px; overflow:hidden; } div.container_mobile div.important_alim ul li:last-child { border-bottom:0px solid #cdcdcd; } div.container_mobile div.important_alim ul li a { color:#000000; text-decoration:none; } div.container_mobile div.important_alim ul li strong { font-size:1.1rem; font-weight:400; display:block; float:left; text-indent:0.5rem; width:80%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } div.container_mobile div.important_alim ul li span.date { font-size:0.9rem; text-align:right; font-weight:100; float:right; color:#1850a2; } div.container_mobile div.notice_board { border-top:2px solid #cdcdcd; padding:1.5rem 0px 2rem 0px; overflow:hidden; } div.container_mobile div.notice_board:after { content:' '; display:block; clear:both; height:0px; line-height:0px; font-size:0px; overflow:hidden; } div.container_mobile div.notice_board h4 { font-size:1.3rem; font-weight:500; height:2rem; line-height:2rem; color:#000000; margin:0px; padding:0px 0px 0px 1.25rem; } div.container_mobile div.notice_board h4 a { text-decoration:none; color:#000000; } div.container_mobile div.notice_board h4 b { display:inline-block; position:relative; font-weight:500; background:url("images/member_book/table_boardTitle_RedL.jpg") no-repeat left 1.5rem; color:#000000; } div.container_mobile div.notice_board h4 b:after{ content:' '; display:inline-block; position:absolute; width:4px; height:2rem; background:url("images/member_book/table_boardTitle_RedR.jpg") no-repeat left 1.5rem; color:#000000; } div.container_mobile div.notice_board ul { margin:0px; padding:0px 1.25rem 0px 1.25rem; } div.container_mobile div.notice_board ul li { height:1.9rem; line-height:1.9rem; margin:0px; padding:0px 0px 0px 0.7rem; border-bottom:1px solid #cdcdcd; vertical-align:top; list-style:none; background:url("images/member_book/icon_dotted_blue.jpg") no-repeat left center; } div.container_mobile div.notice_board ul li:after { content:' '; display:block; clear:both; height:0px; line-height:0px; font-size:0px; overflow:hidden; } div.container_mobile div.notice_board ul li:last-child { border-bottom:0px solid #cdcdcd; } div.container_mobile div.notice_board ul li a { color:#000000; } div.container_mobile div.notice_board ul li strong { font-size:1.1rem; font-weight:400; display:block; float:left; width:82%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } div.container_mobile div.notice_board ul li span.date { font-size:0.9rem; text-align:right; font-weight:100; float:right; color:#1850a2; } div.container_mobile div.notice_board ul li.no_data { padding:5rem 0px 1rem 0px; background:url("images/member_book/img_noNotice.jpg") no-repeat center 2.5rem; text-align:center; font-size:1rem; font-weight:100; } /*앱 다운*/ div.footer { background:url("images/member_book/bg_down.jpg") no-repeat center top #2a5ee3; background-size:100%; border-top:5px solid #cdcdcd; } div.footer div.app_down { margin:0px auto; width:100%; background:url("images/member_book/img_down_smartPhon.png") no-repeat right top; background-size:50%; padding:0px 0px 0px 0px; text-align:left; } div.footer div.app_down p.text01 { margin:0rem 0rem 0rem 0rem; padding:2rem 0rem 0rem 1.2rem; color:#ffffff; font-size:1.5rem; font-weight:500; line-height:1.8rem; } div.footer div.app_down p.text02 { margin:0rem 0rem 0rem 0rem; padding:1.2rem 0rem 0rem 1.2rem; color:#bbccf8; font-size:0.8rem; font-weight:300; height:1rem; } div.footer div.app_down p.text03 { margin:0rem 0rem 0rem 0rem; padding:0rem 0rem 0rem 1.2rem; color:#f5e70f; font-size:1rem; font-weight:700; height:1.3rem; } div.footer div.app_down ul { padding:0.6rem 0rem 1rem 0rem; margin:0rem 0rem 0rem 1.2rem; } div.footer div.app_down ul li { padding:0rem 0rem 0rem 0rem; margin:0rem 0rem 0rem 0rem; list-style:none; } div.footer div.app_down ul li a img { width:50%; } /*/////////////////////////////////////////////////////*/ /*/////////////////////모바일 회원수첩//////////////////////*/ /*/////////////////////////////////////////////////////*/ .membership_notebook { } /* 전체회원 & 내인맥 */ .container { padding:0px; } .my_state_area { background:red; } .my_state_area div.wedget-card { position:relative; padding:0px 0px 0px 0px; background:#f4f4f4; } .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:1.094rem 0px 0.9375rem 0px; margin:0px; } .my_state_area div.wedget-card div.wedget-card-body dl { padding:0.4375rem 1rem 0.125rem 4.688rem; margin:0px; } .my_state_area div.wedget-card div.wedget-card-body dl dt { padding:0px; margin:0px; font-size:1.031rem; line-height:1.031rem; font-weight:400; } .my_state_area div.wedget-card div.wedget-card-body dl dd { margin:0px; font-size:1.375rem; line-height:1.375rem; font-weight:400; color:#2a5ee3; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } .my_state_area div.wedget-card div.wedget-card-body dl dd a { text-decoration:none; color:#2a5ee3; } .my_state_area div.wedget-card div.wedget-card-body div.all_member { width:100%; padding:0px; margin:0px; } .my_state_area div.wedget-card div.wedget-card-body div.all_member dl { background:url("images/member_book/icon_allMember.png") no-repeat 1.75rem top; background-size:2.906rem; } .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:100%; padding:0px; margin:0px; } .my_state_area div.wedget-card div.wedget-card-body div.my_connections dl { border-left:1px solid #d2d2d2; background:url("images/member_book/icon_myConnections.png") no-repeat 1.75rem top; background-size:2.906rem; } .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 {} /* 회원 검색하기 */ .member_search_area { } .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 { } .member_search_area div.wedget-card { position:relative; background:ffffff; } .member_search_area div.wedget-card div.wedget-card-header { padding:0px; margin:0px; position:absolute; top:-9999px; height:0px; line-height:0px; font-size:0px; text-align:left; } .member_search_area div.wedget-card div.wedget-card-body { padding:1.063rem 1px 1.688rem 1px; } .member_search_area div.wedget-card div.wedget-card-body span.input_box { margin:1px 1.25rem; display:block; border-radius:0.4375rem; background:#eaeaea; line-height:2.438rem; font-size:1rem; text-align:left; overflow:hidden; } .member_search_area div.wedget-card div.wedget-card-body span.input_box:after { content:' '; display:block; clear:both; height:0px; line-height:0px; font-size:0px; overflow:hidden; } .member_search_area div.wedget-card div.wedget-card-body span.input_box input { width:80%; float:left; padding:0px; margin:0px; border:0px solid #ffffff; background:#eaeaea; text-indent:0.8125rem; text-align:left; color:#333333; } .member_search_area div.wedget-card div.wedget-card-body span.input_box a.btn_search { display:block; width:20%; float:right; position:relative; /*background:url("images/member_book/img_member_searchB.png") no-repeat center center; background-size:1.375rem;*/ text-align:center; overflow:hidden; } .member_search_area div.wedget-card div.wedget-card-body span.input_box a.btn_search i { display:block; width:100%; height:2.438rem; position:relative; left:0px; top:0.7rem; margin-top:-0rem; color:#285ee2; } .member_search_area div.wedget-card div.wedget-card-body span.input_box a.btn_search span { display:block; width:0px; height:0px; text-indent:-999rem; overflow:hidden; } /* 모바일 회원수첩 */ .member_note_area { } .member_note_area div.wedget-card { padding:0px; margin:0.9375rem 0px 0px 0px; position:relative; background:#f1f0f0; } .member_note_area div.wedget-card div.wedget-card-header { line-height:0px; height:4.219rem; } .member_note_area div.wedget-card div.wedget-card-header h4 { position:relative; top:-0.9375rem; padding:2.875rem 0px 0.4375rem 0px; margin:0px; background:url("images/member_book/images_mobile_member.png") no-repeat center top; background-size:3.344rem; font-size:1.375rem; line-height:1.813rem; text-align:center; } .member_note_area div.wedget-card div.wedget-card-body { position:relative; padding-bottom:2.4375rem; margin:0px 2.594rem 0px; } .member_note_area div.wedget-card div.wedget-card-body .notebook_list_outline { position:relative; padding:0px 0px 1.4065rem 0px; margin:1.188rem 0px 0px 0px; background:url("images/member_book/teble_shelfC.png") repeat-x left bottom; background-size:auto 1.813rem; z-index:1; } .member_note_area div.wedget-card div.wedget-card-body .notebook_list_outline:after { content:''; display:block; width:113px; height:1.813rem; position:absolute; left:-1.875rem; bottom:0px; background:url("images/member_book/teble_shelfL.png") no-repeat left bottom; background-size:auto 1.813rem; z-index:2; } .member_note_area div.wedget-card div.wedget-card-body .notebook_list_outline:before { content:''; display:block; width:113px; height:1.813rem; position:absolute; right:-2.031rem; bottom:0px; background:url("images/member_book/teble_shelfR.png") no-repeat right bottom; background-size:auto 1.813rem; z-index:2; } .member_note_area div.wedget-card div.wedget-card-body .notebook_list_outline .notebook_list:nth-child(1) { width:100%; margin:0px; padding:0px 0.7rem 0px 0px; } .member_note_area div.wedget-card div.wedget-card-body .notebook_list_outline .notebook_list:nth-child(2) { width:100%; margin:0px; padding:0px 0px 0px 0.7rem; } .member_note_area div.wedget-card div.wedget-card-body .notebook_list_outline .notebook_list .notebook-s { height:12rem; position:relative; padding:0px 0px 1.344rem 0px; margin:0px 0px 0px 0px; list-style:none; z-index:50; } .member_note_area div.wedget-card div.wedget-card-body .notebook_list_outline .notebook_list .notebook-s:first-child { padding:0px; margin:0px; } /*2.063rem 0px 0px*/ .member_note_area div.wedget-card div.wedget-card-body .notebook_list_outline .notebook_list .notebook-s:after { content:''; display:block; width:100%; height:98%; position:absolute; left:2.5%; top:1.5%; border-radius:0.1875rem; background:#ffffff; z-index:41; } .member_note_area div.wedget-card div.wedget-card-body .notebook_list_outline .notebook_list .notebook-s:before { content:''; display:block; width:100%; height:98%; position:absolute; left:4%; top:1.5%; border-radius:0.1875rem; background:#a3a3a3; z-index:40; } .member_note_area div.wedget-card div.wedget-card-body .notebook_list_outline .notebook_list .notebook-s a { } .member_note_area div.wedget-card div.wedget-card-body .notebook_list_outline .notebook_list div.notebook-s .n_box { height:12rem; position:relative; padding:0.75rem 0.6875rem 0px 0.6875rem; border-radius:0.1875rem; box-shadow:1px 2px 2px 0px #444444; background:#a3a3a3; text-align:left; z-index:55; color:#ffffff; } .member_note_area div.wedget-card div.wedget-card-body .notebook_list_outline:nth-child(4n+1) .notebook_list:nth-child(1) div.n_box { background:#00aba9; } .member_note_area div.wedget-card div.wedget-card-body .notebook_list_outline:nth-child(4n+1) .notebook_list:nth-child(2) div.n_box { background:#f08080; } .member_note_area div.wedget-card div.wedget-card-body .notebook_list_outline:nth-child(4n+2) .notebook_list:nth-child(1) div.n_box { background:#bda08e; } .member_note_area div.wedget-card div.wedget-card-body .notebook_list_outline:nth-child(4n+2) .notebook_list:nth-child(2) div.n_box { background:#a18ebd; } .member_note_area div.wedget-card div.wedget-card-body .notebook_list_outline:nth-child(4n+3) .notebook_list:nth-child(1) div.n_box { background:#8ebda0; } .member_note_area div.wedget-card div.wedget-card-body .notebook_list_outline:nth-child(4n+3) .notebook_list:nth-child(2) div.n_box { background:#bdb58e; } .member_note_area div.wedget-card div.wedget-card-body .notebook_list_outline:nth-child(4n+4) .notebook_list:nth-child(1) div.n_box { background:#30a5dc; } .member_note_area div.wedget-card div.wedget-card-body .notebook_list_outline:nth-child(4n+4) .notebook_list:nth-child(2) div.n_box { background:#6e7cd2; } .member_note_area div.wedget-card div.wedget-card-body .notebook_list_outline .notebook_list div.notebook-s .n_box i.bookmark { display:inline-block; width:1.125rem; height:1.125rem; position:absolute; right:0.35rem; top:0.2875rem; background:url("images/member_book/img_mobileMember_bookmark.png") no-repeat center center; background-size:1.125rem auto; text-indent:-999rem; overflow:hidden; } .member_note_area div.wedget-card div.wedget-card-body .notebook_list_outline .notebook_list div.notebook-s .n_box span.location { max-height:34px; padding:0px 0px 0px 0.1rem; line-height:16px; font-size:15px; font-weight:400; margin-bottom:0.3rem; overflow:hidden; white-space:normal; word-wrap:break-word; display:-webkit-box !important; -webkit-line-clamp:2; -webkit-box-orient:vertical;} //.member_note_area div.wedget-card div.wedget-card-body .notebook_list_outline:first-child .notebook_list:first-child div.notebook-s .n_box span.location { padding-right:10px; } //.member_note_area div.wedget-card div.wedget-card-body .notebook_list_outline .notebook_list div.notebook-s .n_box span.location b { display:inline-block; padding:0px 0.3rem 0px 0.3rem; margin-right:3px; background:#6a615b; font-size:0.625rem; font-weight:100; } //.member_note_area div.wedget-card div.wedget-card-body .notebook_list_outline .notebook_list div.notebook-s .n_box span.location b.home { display:inline-block; width:0.7815rem; background:url("images/member_book/icon_mobileMember_home.png") no-repeat center center; background-size:0.8125rem auto; text-indent:-999rem; } .member_note_area div.wedget-card div.wedget-card-body .notebook_list_outline .notebook_list div.notebook-s .n_box h5 { margin-top:.15rem; height:2.9rem; font-size:1.35rem; line-height:1.45rem; 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 .notebook_list_outline .notebook_list div.notebook-s .n_box div.nb_bcon { width:84%; position:absolute; top:6.5rem; left:8%; } .member_note_area div.wedget-card div.wedget-card-body .notebook_list_outline .notebook_list div.notebook-s .n_box p { padding:0px; margin:0px; /* border-bottom:1px solid #ffffff; */ line-height:2.5rem; font-size:0.9125rem; font-weight:normal; overflow:hidden; } //.member_note_area div.wedget-card div.wedget-card-body .notebook_list_outline .notebook_list div.notebook-s .n_box span.btn_notebook_view { border-top:1px solid #fff; display:block; line-height:2.063rem; text-align:center; font-size:0.7875rem; font-weight:normal; color:#ffffff; } /* 내가 본 회원 */ .my_view_member_area { } .my_view_member_area div.wedget-card { padding:1.0315rem 0px 1.938rem 0px; border-top:5px 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 h4 { position:relative; padding:0px 0px 0px 1.063rem; margin:0px; line-height:2.2815rem; font-size:1.25rem; font-weight:500; text-align:left; } .my_view_member_area div.wedget-card div.wedget-card-header h4 b { display:inline-block; position:relative; background:url("images/member_book/table_boardTitle_Red3L.jpg") no-repeat left 1.45rem; background-size:auto 0.1875rem; font-weight:500; color:#000000; } .my_view_member_area div.wedget-card div.wedget-card-header h4 b:after{ content:' '; display:inline-block; width:0.125rem; height:0.1875rem; position:absolute; background:url("images/member_book/table_boardTitle_Red3R.jpg") no-repeat left 1.4rem; background-size:auto 0.1875rem; color:#000000; } .my_view_member_area div.wedget-card div.wedget-card-header a.btn_more { display:block; width:3.5625rem; position:absolute; right:0px; top:0px; font-size:0.7815rem; line-height:2.2815rem; color:#606060; } .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 .my_member_ul { padding:1rem 0px 0px 1rem; margin:0px; } .my_view_member_area div.wedget-card div.wedget-card-body .my_member_ul:after { content:' '; display:block; clear:both; height:0px; line-height:0px; font-size:0px; overflow:hidden; } .my_view_member_area div.wedget-card div.wedget-card-body .my_member_li { float:left; width:6.25rem; height:9.813rem; padding:0px; margin:0px 0px 0px 0rem; overflow:hidden; } .my_view_member_area div.wedget-card div.wedget-card-body .my_member_li a { } .my_view_member_area div.wedget-card div.wedget-card-body .my_member_li a img { width:6.25rem; height:8.313rem; object-fit:cover; border-radius:5px; } .my_view_member_area div.wedget-card div.wedget-card-body .my_member_li a span { display:block; font-size:1rem; font-weight:normal; text-aling:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; padding:0.1rem 0px; } .my_view_member_area div.wedget-card div.wedget-card-body .my_member_li .BIZ_badge_wrap{margin-top:-62px;} .my_view_member_area div.wedget-card div.wedget-card-body .my_member_li .BIZ_badge_wrap .BIZ_badge{width:93px; height:26px;} /* 내 인맥 */ .my_connections_area { } .my_connections_area div.wedget-card { padding:1.0315rem 0px 1.938rem 0px; border-top:5px 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 h4 { position:relative; padding:0px 0px 0px 1.063rem; margin:0px; line-height:2.2815rem; font-size:1.25rem; font-weight:500; text-align:left; } .my_connections_area div.wedget-card div.wedget-card-header h4 b { display:inline-block; position:relative; background:url("images/member_book/table_boardTitle_Red3L.jpg") no-repeat left 1.45rem; background-size:auto 0.1875rem; font-weight:500; color:#000000; } .my_connections_area div.wedget-card div.wedget-card-header h4 b:after{ content:' '; display:inline-block; width:0.125rem; height:0.1875rem; position:absolute; background:url("images/member_book/table_boardTitle_Red3R.jpg") no-repeat left 1.4rem; background-size:auto 0.1875rem; color:#000000; } .my_connections_area div.wedget-card div.wedget-card-header a.btn_more { display:block; width:3.5625rem; position:absolute; right:0px; top:0px; font-size:0.7815rem; line-height:2.2815rem; color:#606060; } .my_connections_area div.wedget-card div.wedget-card-body { width:100%; overflow:hidden; } .my_connections_area div.wedget-card div.wedget-card-body .my_member_ul { padding:1rem 0px 0px 1rem; margin:0px; } .my_connections_area div.wedget-card div.wedget-card-body .my_member_ul:after { content:' '; display:block; clear:both; height:0px; line-height:0px; font-size:0px; overflow:hidden; } .my_connections_area div.wedget-card div.wedget-card-body .my_member_li { float:left; width:6.25rem; height:9.813rem; padding:0px; margin:0px 0px 0px 0rem; overflow:hidden; } .my_connections_area div.wedget-card div.wedget-card-body .my_member_li a { } .my_connections_area div.wedget-card div.wedget-card-body .my_member_li a img { width:6.25rem; height:8.313rem; object-fit:cover; border-radius:5px; } .my_connections_area div.wedget-card div.wedget-card-body .my_member_li a span { display:block; font-size:1rem; font-weight:normal; text-aling:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; padding:0.1rem 0px; } .my_connections_area div.wedget-card div.wedget-card-body .my_member_li .BIZ_badge_wrap{margin-top:-58px;} .my_connections_area div.wedget-card div.wedget-card-body .my_member_li .BIZ_badge_wrap .BIZ_badge{width:93px; height:26px;} /* 내 주변 회원보기 */ .my_perimeter_area { } .my_perimeter_area div.wedget-card { position:relative; border-top:5px solid #cdcdcd; } .my_perimeter_area div.wedget-card div.wedget-card-header { width:10.375rem; height:9.365rem; position:absolute; right:0.8125rem; top:0.9065rem; padding:1rem 1.875rem 0.975rem 1.2065rem; background:url("images/member_book/bg_myPerimeter.png") no-repeat 6.225rem 5.09rem #000000; background-size:3.094rem auto; text-align:left; color:#ffffff; opacity:0.7; } .my_perimeter_area div.wedget-card div.wedget-card-header a { color:#ffffff; } .my_perimeter_area div.wedget-card div.wedget-card-header h4 { height:5.94rem; padding:0px; margin:0px; font-size:1.375rem; line-height:1.6875rem; } .my_perimeter_area div.wedget-card div.wedget-card-header span.btn_more { display:block; padding:0px; margin:0px; font-size:0.6875rem; font-weight:100; line-height:0.875rem; color:#ffffff; } .my_perimeter_area div.wedget-card div.wedget-card-body { margin-bottom:1.5rem; } .my_perimeter_area div.wedget-card div.wedget-card-body img { width:100%; } /* 회원수첩 커버 - 회원수첩 재선언 */ .member_note_area div.wedget-card div.wedget-card-body .notebook_list_outline .notebook_list div.notebook-s .n_box span.btn_notebook_view{display:table; width:100%; margin:0 auto; border-top:1px solid #fff; text-align:center; padding-top:5px;} .member_note_area div.wedget-card div.wedget-card-body .notebook_list_outline .notebook_list div.notebook-s .n_box span.location{display:table-cell; vertical-align:middle; padding:0; font-size:1rem; color:#fff; font-weight:500; letter-spacing:-1px; font-weight:normal; margin-bottom:0; margin-top:6px;} .member_note_area div.wedget-card div.wedget-card-body .notebook_list_outline .notebook_list div.notebook-s .n_box span.book_type b{background-color:#fff; border-radius:3rem; color:#333; padding:.15rem .35rem; font-size:.65rem} .member_note_area div.wedget-card div.wedget-card-body .notebook_list_outline .notebook_list div.notebook-s .n_box span.book_type b.cafe{background-color:#666; color:#fff; } .member_note_area .itnd_link{display:block; text-align:center;} /*** [2021.11 개선] ***/ /* 회원수첩 내부 영역 */ .member_note_area div.wedget-card div.wedget-card-body .notebook_list_outline .notebook_list div.notebook-s .n_box span.book_type b{margin-right:5px;} .member_note_area div.wedget-card div.wedget-card-body .notebook_list_outline .notebook_list div.notebook-s .n_box{padding-right:20px;} @media screen and (max-width: 419px) { /* 회원수첩 1열 1개 출력 */ .member_note_area .notebook_list_outline{justify-content:center;} .member_note_area .notebook_list.col-6{flex:0 0 75%; max-width:75%;} /* 회원수첩 재선언 */ .member_note_area div.wedget-card div.wedget-card-body{margin:0;} .member_note_area div.wedget-card div.wedget-card-body .notebook_list_outline{margin-top:0; background:none;} .member_note_area div.wedget-card div.wedget-card-body .notebook_list_outline:after, .member_note_area div.wedget-card div.wedget-card-body .notebook_list_outline:before{display:none;} .member_note_area div.wedget-card div.wedget-card-body .notebook_list_outline .notebook_list.col-6{position:relative; padding:0px 0px 1.4065rem 0px; background:url("images/member_book/teble_shelfC.png") repeat-x left bottom; background-size:auto 1.813rem; z-index:1; } .member_note_area div.wedget-card div.wedget-card-body .notebook_list_outline:first-child .notebook_list.col-6{margin:1.188rem 0px 0px 0px;} .member_note_area div.wedget-card div.wedget-card-body .notebook_list_outline .notebook_list.col-6:after { content:''; display:block; width:113px; height:1.813rem; position:absolute; left:-1.875rem; bottom:0px; background:url("images/member_book/teble_shelfL.png") no-repeat left bottom; background-size:auto 1.813rem; z-index:2; } .member_note_area div.wedget-card div.wedget-card-body .notebook_list_outline .notebook_list.col-6:before { content:''; display:block; width:113px; height:1.813rem; position:absolute; right:-2.031rem; bottom:0px; background:url("images/member_book/teble_shelfR.png") no-repeat right bottom; background-size:auto 1.813rem; z-index:2; } .member_note_area div.wedget-card div.wedget-card-body .notebook_list_outline .notebook_list .notebook-s{width:80%; margin:0 auto !important;} .member_note_area div.wedget-card div.wedget-card-body .notebook_list_outline .notebook_list:nth-child(even){margin-top:1.188rem;} .member_note_area div.wedget-card div.wedget-card-body .notebook_list_outline .notebook_list:nth-child(1){padding-right:0;} .member_note_area div.wedget-card div.wedget-card-body .notebook_list_outline .notebook_list:nth-child(2){padding-left:0;} /* 단체명 */ .member_note_area .book_type{font-size:14px;} /* 회원수첩명 */ .member_note_area div.wedget-card div.wedget-card-body .notebook_list_outline .notebook_list div.notebook-s .n_box h5{font-size:18px;} } /*** [2021.11 개선 끝] ***/ /*** [2022.02 개선] ***/ /* 영역 (디자인 변경) */ .member_search_area{background-color:#fff;} /*** [2022.02 개선 끝] ***/