diff --git a/skin/social/style.css b/skin/social/style.css index 55e2d8efc..155b5b532 100644 --- a/skin/social/style.css +++ b/skin/social/style.css @@ -1,14 +1,14 @@ @charset "utf-8"; -.social_info_guide{background:#f3f3f3;border:1px solid #ddd;margin:0 10px 10px;padding:10px 15px;line-height:1.5em} -.bg-warning{margin:0 10px 10px;padding:10px 15px;line-height:1.5em} -.bg-warning1{background:#f7dfe4;border:1px solid #eac3cb} -.bg-warning2{background:#deeabf;border:1px solid #bde498} -.bg-warning3{background:#fff8dc;border:1px solid #f1e4b2} +.social_info_guide {background:#f3f3f3;border:1px solid #ddd;margin:0 10px 10px;padding:10px 15px;line-height:1.5em} +.bg-warning {margin:0 10px 10px;padding:10px 15px;line-height:1.5em} +.bg-warning1 {background:#f7dfe4;border:1px solid #eac3cb} +.bg-warning2 {background:#deeabf;border:1px solid #bde498} +.bg-warning3 {background:#fff8dc;border:1px solid #f1e4b2} /* SNS LOGIN */ -.login-sns{margin-top:5px;border: 1px solid #d2d9e6;border-bottom: 1px solid #c1ccda;clear:both;background:#fff;} -.login-sns h3{padding-top:10px;text-align:center;color:#777;font-weight:normal} +.login-sns {margin-top:5px;border:1px solid #dde7e9;border-bottom:1px solid #dde7e9;clear:both;background:#fff} +.login-sns h3 {padding-top:10px;text-align:center;color:#777;font-weight:normal} .sns-wrap {margin:10px 0 0;text-align:center} .sns-icon {display:inline-block;vertical-align:middle;text-decoration:none} .sns-icon:hover {text-decoration:none} @@ -34,7 +34,7 @@ .sns-wrap-reg .sns-icon {border-color:#dcdcdc} .sns-wrap-reg .sns-icon-not {border-color:#8b8b8b} -.sns-wrap-reg .sns-naver{border-color:#18a400} +.sns-wrap-reg .sns-naver {border-color:#18a400} .sns-wrap-reg .sns-naver .ico {background-position:-29px 0; } .sns-wrap-reg .sns-google .ico {background-position:-58px 0} .sns-wrap-reg .sns-google {border-color:#ca2c19} @@ -48,7 +48,7 @@ .sns-wrap-reg .sns-kakao {border-color:#f2df00} /* SNS by COLOR */ -.sns-wrap-over .sns-naver{background:url('./img/sns_naver_s.png') no-repeat} +.sns-wrap-over .sns-naver {background:url('./img/sns_naver_s.png') no-repeat} .sns-wrap-over .sns-google {background:url('./img/sns_gp_s.png') no-repeat} .sns-wrap-over .sns-facebook {background:url('./img/sns_fb_s.png') no-repeat} .sns-wrap-over .sns-twitter {background:url('./img/sns_twitter_s.png') no-repeat} @@ -56,8 +56,8 @@ .sns-wrap-over .sns-kakao {background:url('./img/sns_kakao_s.png') no-repeat} .reg-form .sns-icon-not {border-color:#8b8b8b} -.social-login-loading{width:100%;height:auto;text-align:center} -.social-login-loading p{display:inline-block;margin-top:10px;padding:40px 0 0;line-height:30px} +.social-login-loading {width:100%;height:auto;text-align:center} +.social-login-loading p {display:inline-block;margin-top:10px;padding:40px 0 0;line-height:30px} /* 아웃로그인 */ #sns_outlogin .sns-icon {overflow:hidden;margin:0 1px} @@ -67,82 +67,80 @@ /*로그인 */ #sns_login {border:0;margin-top:15px;border-top:1px solid #edeaea} #sns_login h3 {padding:10px 0 0;text-align:left;font-weight:bold} -#sns_login .sns-icon{display:block;height:40px;line-height:40px;width:100%;margin:0 0 5px;padding-left:40px;text-align:left;color:#fff;border-radius:2px} -#sns_login .sns-naver{background-color:#1fc800;background-position:5px 5px;border-bottom:1px solid #1ea505} -#sns_login .sns-kakao{background-color:#ffeb00;background-position:5px 5px;border-bottom:1px solid #e2c10a} +#sns_login .sns-icon {display:block;height:40px;line-height:40px;width:100%;margin:0 0 5px;padding-left:40px;text-align:left;color:#fff;border-radius:2px} +#sns_login .sns-naver {background-color:#1fc800;background-position:5px 5px;border-bottom:1px solid #1ea505} +#sns_login .sns-kakao {background-color:#ffeb00;background-position:5px 5px;border-bottom:1px solid #e2c10a} #sns_login .sns-kakao {color:#3c1e1e} -#sns_login .sns-facebook{background-color:#3b579d;background-position:5px 5px;border-bottom:1px solid #28458f} -#sns_login .sns-google{background-color:#db4a3a;background-position:5px 5px;border-bottom:1px solid #c03121} -#sns_login .sns-twitter{background-color:#1ea1f2;background-position:5px 5px;border-bottom:1px solid #1e82c0} -#sns_login .sns-payco{background-color:#df0b00;background-position:5px 5px;border-bottom:1px solid #9d0800} -#sns_login .txt{text-align:left;padding-left:10px;border-left:1px solid rgba(0,0,0,0.1);display:block;font-weight:bold} -#sns_login .txt:hover{background:rgba(0,0,0,0.07)} +#sns_login .sns-facebook {background-color:#3b579d;background-position:5px 5px;border-bottom:1px solid #28458f} +#sns_login .sns-google {background-color:#db4a3a;background-position:5px 5px;border-bottom:1px solid #c03121} +#sns_login .sns-twitter {background-color:#1ea1f2;background-position:5px 5px;border-bottom:1px solid #1e82c0} +#sns_login .sns-payco {background-color:#df0b00;background-position:5px 5px;border-bottom:1px solid #9d0800} +#sns_login .txt {text-align:left;padding-left:10px;border-left:1px solid rgba(0,0,0,0.1);display:block;font-weight:bold} +#sns_login .txt:hover {background:rgba(0,0,0,0.07)} /*회원가입 */ -#sns_register{margin:0 0 10px;padding:0;text-align:center} -#sns_register h2{text-align: left;padding: 15px 20px;border-bottom: 1px solid #dbdbdb;background: #f8f8f8;} +#sns_register {margin:0 0 10px;padding:0;text-align:center;border-radius:3px} +#sns_register:after {display:block;visibility:hidden;clear:both;content:""} +#sns_register h2 {float:left;display:inline-block;text-align:left;width:50%;height:56px;line-height:56px;padding:0 20px;font-size:1.2em} +#sns_register .sns-wrap {display:inline-block;float:left;width:50%;height:56px;line-height:53px;margin:0;text-align:right;padding:0 20px} #sns_register .sns-wrap:after {display:block;visibility:hidden;clear:both;content:""} -#sns_register .sns-wrap{display:inline-block;margin:18px 0 15px;vertical-align:top} -#sns_register .sns-icon{display:inline-block;height:40px;line-height:40px;width:210px;margin:0 3px 5px;padding-left:40px;text-align:left;color:#fff;border-radius:2px;float:left} -#sns_register .sns-icon:nth-child(3n+1){clear:both} -#sns_register .sns-naver{background-color:#1fc800;background-position:5px 5px;border-bottom:1px solid #1ea505} -#sns_register .sns-kakao{background-color:#ffeb00;background-position:5px 5px;border-bottom:1px solid #e2c10a} -#sns_register .sns-kakao {color:#3c1e1e} -#sns_register .sns-facebook{background-color:#3b579d;background-position:5px 5px;border-bottom:1px solid #28458f} -#sns_register .sns-google{background-color:#db4a3a;background-position:5px 5px;border-bottom:1px solid #c03121} -#sns_register .sns-twitter{background-color:#1ea1f2;background-position:5px 5px;border-bottom:1px solid #1e82c0} -#sns_register .sns-payco{background-color:#df0b00;background-position:5px 5px;border-bottom:1px solid #9d0800} -#sns_register .txt{text-align:;padding-left:10px;border-left:1px solid rgba(0,0,0,0.1);display:block;font-weight:bold} -#sns_register .txt:hover{background:rgba(0,0,0,0.07)} +#sns_register .sns-icon {display:inline-block;height:30px;line-height:30px;width:30px;margin:0 3px;text-align:right;color:#fff;border-radius:2px} +#sns_register .sns-naver {background-color:#1fc800;background-position:0 0} +#sns_register .sns-kakao {background-color:#ffeb00;background-position:0 0} +#sns_register .sns-facebook {background-color:#3b579d;background-position:0 0} +#sns_register .sns-google {background-color:#db4a3a;background-position:0 0} +#sns_register .sns-twitter {background-color:#1ea1f2;background-position:0 0} +#sns_register .sns-payco {background-color:#df0b00;background-position:0 0} +#sns_register .txt {position:absolute;line-height:0;font-size:0;vertical-align:middle;overflow:hidden} /*기존 계정에 연결하기*/ /* Styles for Accordion */ -.mbskin .toggle{position:relative;display:block;border:1px solid #c6cacc;margin-top:-1px;background-color: #fcfcfc;} -.mbskin .toggle .toggle-title{padding:13px 15px;line-height:20px} -.mbskin .toggle .title-name{display:block} -.mbskin .toggle .toggle-inner{padding:15px;line-height:1.5em;display:none;background:#fff;border-top:1px solid #e2e2e2;} -.mbskin .toggle .toggle-inner div{max-width:100%} -.mbskin .right_i{position:absolute;font-size:0.92em;top:10px;right:10px;padding:0 10px 0 0;border-radius:3px;display:inline-block;z-index: 2;background: #3497d9;color: #fff;border-bottom-color: #1977b5;cursor:pointer} -.mbskin .toggle .toggle-title .right_i i{background:url("./img/plus_minus.png") 0 -24px no-repeat;width:20px;height:24px;display:inline-block;vertical-align:middle} -.mbskin .toggle .toggle-title.active .right_i i{background:url("./img/plus_minus.png") 0 0 no-repeat} -.mbskin .all_agree{position:relative;display:block;;margin-bottom:6px;background:#fff;border:1px solid #c6cacc;border-top:0;padding:13px 15px;line-height:20px} +.mbskin .toggle {position:relative;display:block;border:1px solid #c6cacc;margin-top:-1px;background-color:#fcfcfc} +.mbskin .toggle .toggle-title {padding:13px 15px;line-height:20px} +.mbskin .toggle .title-name {display:block} +.mbskin .toggle .toggle-inner {padding:15px;line-height:1.5em;display:none;background:#fff;border-top:1px solid #e2e2e2} +.mbskin .toggle .toggle-inner div {max-width:100%} +.mbskin .right_i {position:absolute;font-size:0.92em;top:10px;right:10px;padding:0 10px 0 0;border-radius:3px;display:inline-block;z-index:2;background:#3497d9;color:#fff;border-bottom-color:#1977b5;cursor:pointer} +.mbskin .toggle .toggle-title .right_i i {background:url("./img/plus_minus.png") 0 -24px no-repeat;width:20px;height:24px;display:inline-block;vertical-align:middle} +.mbskin .toggle .toggle-title.active .right_i i {background:url("./img/plus_minus.png") 0 0 no-repeat} +.mbskin .all_agree {position:relative;display:block;margin-bottom:6px;background:#fff;border:1px solid #c6cacc;border-top:0;padding:13px 15px;line-height:20px} -#register_member .sns_tbl{background:#fff;;margin:10px 0;border:1px solid #c6cacc;} -.sns_tbl table{border:0} -.sns_tbl caption{ padding: 0 20px;line-height: 45px;font-size: 1.083em;border-bottom: 1px solid #e2e2e2;color: #253dbe;background: #fcfcfc;} -.sns_tbl th{width:100px;text-align:right;padding:10px;} -.sns_tbl td{padding:10px;} -.sns_tbl .email_msg{color:#777;margin:5px 0 0} +#register_member .sns_tbl {background:#fff;margin:10px 0;border:1px solid #c6cacc} +.sns_tbl table {border:0} +.sns_tbl caption {padding:0 20px;line-height:45px;font-size:1.083em;border-bottom:1px solid #e2e2e2;color:#253dbe;background:#fcfcfc} +.sns_tbl th {width:100px;text-align:right;padding:10px} +.sns_tbl td {padding:10px} +.sns_tbl .email_msg {color:#777;margin:5px 0 0} -#fregisterform .btn_confirm{text-align:center;margin:20px 0} -#fregisterform .btn_confirm .btn_submit{height:45px;;padding:0 30px;font-weight:bold;font-size:1.083em} -#fregisterform .btn_confirm .btn_cancel{line-height:45px;height:45px;padding:0 30px;font-weight:bold;font-size:1.083em} +#fregisterform .btn_confirm {text-align:center;margin:20px 0} +#fregisterform .btn_confirm .btn_submit {height:45px;padding:0 30px;font-weight:bold;font-size:1.083em} +#fregisterform .btn_confirm .btn_cancel {line-height:45px;height:45px;padding:0 30px;font-weight:bold;font-size:1.083em} #sns-link-pnl .connect-close {position:absolute;top:10px;right:10px;margin:0;padding:0;width:30px;height:30px;border:0;background:transparent;color:#383838;cursor:pointer;font-size:15px} #sns-link-pnl .connect-close:hover {color:#ff5191} #sns-link-pnl .connect-close .fa {margin:0 0 0 1px} #sns-link-pnl .connect-close .txt {position:absolute;line-height:0;font-size:0;overflow:hidden} -#sns-link-pnl #login_fs{margin:0 auto;width:100%;text-align:left} -#sns-link-pnl #login_fs label{display:block;display: block;font-size: 0.93em;color: #7a7a7a;margin: 5px 0;} -#sns-link-pnl #login_fs .lg_id,#sns-link-pnl #login_fs .lg_pw{width:100%;margin-bottom:5px;} -#sns-link-pnl #login_id,#sns-link-pnl #login_pw{width:100%} -#sns-link-pnl #login_fs .login_submit{width: 100%;height: 44px;font-size:1.167em;margin:10px auto 0;font-weight:bold;cursor:pointer;display:block;} +#sns-link-pnl #login_fs {margin:0 auto;width:100%;text-align:left} +#sns-link-pnl #login_fs label {display:block;display:block;font-size:0.93em;color:#7a7a7a;margin:5px 0} +#sns-link-pnl #login_fs .lg_id,#sns-link-pnl #login_fs .lg_pw {width:100%;margin-bottom:5px} +#sns-link-pnl #login_id,#sns-link-pnl #login_pw {width:100%} +#sns-link-pnl #login_fs .login_submit {width:100%;height:44px;font-size:1.167em;margin:10px auto 0;font-weight:bold;cursor:pointer;display:block} #sns-link-pnl .connect-fg {height:320px;text-align:left} #sns-link-pnl .login_fs {margin:0 auto;width:260px} #sns-link-pnl .connect-fg .connect-desc {margin:0 0 10px;padding:15px;border:1px solid #d6e9c6;background:#dff0d8;color:#3c763d} #sns-link-pnl .connect-fg .connect-title {margin-top:25px;margin-bottom:10px;font-size:1.667em;font-weight:bold;text-align:center} .mbskin .member_connect:after {display:block;visibility:hidden;clear:both;content:""} -.mbskin .member_connect{margin-top:80px;background:#d9d9d9;border-radius:3px;padding:10px;text-align:left} -.mbskin .member_connect .strong{font-size:1em;font-weight:bold;margin:0 0 10px} -.mbskin .member_connect button{color: #fff;border:0;padding:6px 20px 7px;border:1px solid #6446e7;font-weight:bold;background: #6f50e7;border-radius:3px;font-size:0.91em} -.mbskin .member_connect button:hover{background:#6446e7} +.mbskin .member_connect {margin-top:80px;background:#d9d9d9;border-radius:3px;padding:10px;text-align:left} +.mbskin .member_connect .strong {font-size:1em;font-weight:bold;margin:0 0 10px} +.mbskin .member_connect button {color:#fff;border:0;padding:6px 20px 7px;border:1px solid #6446e7;font-weight:bold;background:#6f50e7;border-radius:3px;font-size:0.91em} +.mbskin .member_connect button:hover {background:#6446e7} html.remodal-is-locked {overflow-y:scroll !important} -@media only screen and (min-width: 641px) { - #sns-link-pnl.remodal{max-width:400px;padding:50px} +@media only screen and (min-width:641px) { + #sns-link-pnl.remodal {max-width:400px;padding:50px} } \ No newline at end of file diff --git a/theme/54/css/default.css b/theme/54/css/default.css index a14355322..28795f223 100644 --- a/theme/54/css/default.css +++ b/theme/54/css/default.css @@ -255,13 +255,14 @@ button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f .btn_confirm {text-align:right} /* 서식단계 진행 */ -.btn_submit {border:0;background:#253dbe;color:#fff;cursor:pointer;border:0} -.btn_submit:hover {background:#0025eb} +.btn_submit {border:0;background:#3a8afd;color:#fff;cursor:pointer;border-radius:3px} +.btn_submit:hover {background:#2375eb} +.btn_close {border:1px solid #e7e9ec;cursor:pointer;border-radius:3px;background:#fff} a.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle} button.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle} .btn_cancel:hover {background:#aaa} -a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;height:40px;border:0;background:#3c3c3c;border-radius:5px;color:#fff;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */ +a.btn_frmline, button.btn_frmline {display:inline-block;width:14.5%;padding:0 5px;height:40px;border:0;background:#434a54;border-radius:3px;color:#fff;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */ a.btn_frmline {} button.btn_frmline {font-size:1em} @@ -316,21 +317,27 @@ box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); .full_input {width:100%} .half_input {width:49.5%} +.twopart_input {width:85%} .tbl_frm01 textarea, .write_div textarea {width:100%;height:100px} .tbl_frm01 a {text-decoration:none} .tbl_frm01 .frm_file {display:block;margin-bottom:5px} .tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em} /*기본 리스트*/ -.list_01 li {border:1px solid #dbdbdb;background:#fff;border-radius:3px;margin:3px 0;padding:10px 15px;list-style:none;position:relative} +.list_01 ul {border-top:1px solid #ececec;} +.list_01 li {border-bottom:1px solid #ececec;background:#fff;padding:10px 15px;list-style:none;position:relative} +.list_01 li:nth-child(odd) {background:#f6f6f6} .list_01 li:after {display:block;visibility:hidden;clear:both;content:""} .list_01 li:hover {background:#f9f9f9} .list_01 li.empty_li {text-align:center;padding:20px 0;color:#666} + /*폼 리스트*/ .form_01 h2 {margin:0 0 10px;font-size:1.167em} -.form_01 li {margin:10px 0} +.form_01 li {margin-bottom:10px} +.form_01 ul:after, .form_01 li:after {display:block;visibility:hidden;clear:both;content:""} -.form_01 li .right_input {float:right} +.form_01 .left_input {float:left} +.form_01 .margin_input {margin-right:1%} .form_01 textarea {height:100px;width:100%} .form_01 .frm_label {display:inline-block;width:130px} @@ -364,23 +371,27 @@ box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); /* 새창 기본 스타일 */ .new_win {position:relative} .new_win .tbl_wrap {margin:0 20px} -.new_win #win_title {font-size:1.25em;height:50px;line-height:30px;padding:10px 20px;background:#333;color:#fff} +.new_win #win_title {font-size:1.3em;height:50px;line-height:30px;padding:10px 20px;background:#fff;color:#000;-webkit-box-shadow:0 1px 10px rgba(0,0,0,.1); +-moz-box-shadow:0 1px 10px rgba(0,0,0,.1); +box-shadow:0 1px 10px rgba(0,0,0,.1)} .new_win #win_title .sv {font-size:0.75em;line-height:1.2em} -.new_win .win_ul {border-right:1px solid #dfe6e7} +.new_win .win_ul {margin-bottom:15px;padding:0 20px} .new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""} -.new_win .win_ul li {float:left;background:#fff;width:33.333%;text-align:center;border:1px solid #ccc;margin-left:-1px} -.new_win .win_ul li a {display:block;padding:10px 0} -.new_win .win_ul .selected {background:#fff;border-color:#253dbe;position:relative;z-index:5} -.new_win .win_ul .selected a {color:#253dbe;font-weight:bold} -.new_win .win_desc {margin:5px 0;font-size:0.92em;color:#3598db} +.new_win .win_ul li {float:left;background:#fff;text-align:center;padding:0 10px;border:1px solid #d6e9ff;border-radius:30px;margin-left:5px} +.new_win .win_ul li:first-child {margin-left:0} +.new_win .win_ul li a {display:block;padding:8px 0;color:#6794d3} +.new_win .win_ul .selected {background:#3a8afd;border-color:#3a8afd;position:relative;z-index:5} +.new_win .win_ul .selected a {color:#fff;font-weight:bold} +.new_win .win_desc {position:relative;margin:10px;border-radius:5px;font-size:1.2em;background:#f2838f;color:#fff;line-height:50px;text-align:left;padding:0 20px} +.new_win .win_desc i {font-size:1.2em;vertical-align:baseline} +.new_win .win_desc:after {content:"";position:absolute;left:0;top:0;width:4px;height:50px;background:#da4453;border-radius:3px 0 0 3px} .new_win .frm_info {font-size:0.92em;color:#3598db} -.new_win .win_total {text-align:right;margin:10px 0} -.new_win .win_total span {display:inline-block;line-height:30px;font-size:0.92em;color:#4e546f;background:#d4d4d4;padding:0 10px;border-radius:5px} -.new_win .new_win_con {margin:20px} +.new_win .win_total {float:right;display:inline-block;line-height:30px;font-weight:normal;font-size:0.75em;color:#3a8afd;background:#f6f6f6;padding:0 10px;border-radius:5px} +.new_win .new_win_con {margin:20px 0} .new_win .new_win_con:after {display:block;visibility:hidden;clear:both;content:""} .new_win .btn_confirm:after {display:block;visibility:hidden;clear:both;content:""} .new_win .win_btn {text-align:right} -.new_win .btn_close {position:absolute;top:0;right:0;height:50px;width:50px;background:url(../img/close_btn.gif) no-repeat 50% 50%;border:0;text-indent:-999px;overflow:hidden;cursor:pointer} +.new_win .btn_close {height:50px;width:50px;/*background:url(../img/close_btn.gif) no-repeat 50% 50%;border:0;text-indent:-999px;*/overflow:hidden;cursor:pointer} .new_win .btn_submit {padding:0 20px;height:40px;font-weight:bold;font-size:1.083em;float:right} /* 검색결과 색상 */ diff --git a/theme/54/skin/member/basic/memo.skin.php b/theme/54/skin/member/basic/memo.skin.php index 82207d2f1..d5af7bc92 100644 --- a/theme/54/skin/member/basic/memo.skin.php +++ b/theme/54/skin/member/basic/memo.skin.php @@ -7,36 +7,42 @@ add_stylesheet('',
-

+

+ +
전체 쪽지 통
+

-
- - 전체 쪽지 통
- -
-
- + +
    - -
  • - - - 삭제 -
    • - - 자료가 없습니다.'; } ?> + +
  • +
    + + 안 읽은 쪽지 +
    +
    + +
    + 쪽지 한줄 내용입니다. +
    + + 삭제 +
    • + + 자료가 없습니다.'; } ?>
-

- 쪽지 보관일수는 최장 일 입니다. +

쪽지 보관일수는 최장 일 입니다.

diff --git a/theme/54/skin/member/basic/memo_view.skin.php b/theme/54/skin/member/basic/memo_view.skin.php index fe62d7a6b..902b13538 100644 --- a/theme/54/skin/member/basic/memo_view.skin.php +++ b/theme/54/skin/member/basic/memo_view.skin.php @@ -16,7 +16,7 @@ add_stylesheet('',
-

+

    @@ -30,30 +30,32 @@ add_stylesheet('',

    쪽지 내용

    -
      -
    • - 사람 - -
      • -
    • - 시간 - -
      • -
    +
    +
    + + +
    + + 이전쪽지 + + + 다음쪽지 + +
    +
    + +
    + +
    + 시간 +
    +

    -
    - - 이전쪽지 - - - 다음쪽지 - - 목록 답장 diff --git a/theme/54/skin/member/basic/register.skin.php b/theme/54/skin/member/basic/register.skin.php index 4aff4828e..c95b8b799 100644 --- a/theme/54/skin/member/basic/register.skin.php +++ b/theme/54/skin/member/basic/register.skin.php @@ -15,23 +15,19 @@ add_stylesheet('',
    -

    회원가입약관 및 개인정보처리방침안내의 내용에 동의하셔야 회원가입 하실 수 있습니다.

    -
    - - - -
    +

    회원가입약관 및 개인정보처리방침안내의 내용에 동의하셔야 회원가입 하실 수 있습니다.

    +
    -

    회원가입약관

    +

    회원가입약관

    - +
    -

    개인정보처리방침안내

    +

    개인정보처리방침안내

    @@ -58,13 +54,19 @@ add_stylesheet('',
    - +
    - + +
    + + +
    +
    - + +
    diff --git a/theme/54/skin/member/basic/register_form.skin.php b/theme/54/skin/member/basic/register_form.skin.php index 5ecb1c8e0..62eae6f28 100644 --- a/theme/54/skin/member/basic/register_form.skin.php +++ b/theme/54/skin/member/basic/register_form.skin.php @@ -24,33 +24,34 @@ add_stylesheet('', -
    -
    + +
    +

    사이트 이용정보 입력

    • - - class="frm_input half_input " minlength="3" maxlength="20" placeholder="아이디"> + + class="frm_input full_input " minlength="3" maxlength="20" placeholder="아이디"> 영문자, 숫자, _ 만 입력 가능. 최소 3자이상 입력하세요.
      • -
    • - - class="frm_input half_input " minlength="3" maxlength="20" placeholder="비밀번호"> - - - class="frm_input half_input right_input " minlength="3" maxlength="20" placeholder="비밀번호 확인"> +
    • + + class="frm_input full_input " minlength="3" maxlength="20" placeholder="비밀번호"> +
      • +
    • + + class="frm_input full_input " minlength="3" maxlength="20" placeholder="비밀번호 확인">
    -
    +

    개인정보 입력

    -
      -
    • - - class="frm_input half_input " size="10" placeholder="이름"> +
    • + + class="frm_input full_input " size="10" placeholder="이름"> ', 아이핀 본인확인 후에는 이름이 자동 입력되고 휴대폰 본인확인 후에는 이름과 휴대폰번호가 자동 입력되어 수동으로 입력할수 없게 됩니다. -
      • -
    • - +
    • + - + 공백없이 한글,영문,숫자만 입력 가능 (한글2자, 영문4자 이상)
      @@ -95,7 +95,7 @@ add_stylesheet('',
    • - + @@ -110,62 +110,62 @@ add_stylesheet('',
    • - + class="frm_input full_input " size="70" maxlength="255" placeholder="홈페이지">
      • -
    • +
    • - - class="frm_input half_input " maxlength="20" placeholder="전화번호"> + + class="frm_input full_input " maxlength="20" placeholder="전화번호"> - +
      • +
    • - + - class="frm_input right_input half_input " maxlength="20" placeholder="휴대폰번호"> + class="frm_input full_input " maxlength="20" placeholder="휴대폰번호">
      • -
    • - 필수 + + 필수 - class="frm_input " size="5" maxlength="6" placeholder="우편번호"> + class="frm_input twopart_input " size="5" maxlength="6" placeholder="우편번호">
      class="frm_input frm_address full_input " size="50" placeholder="기본주소">
      - +
      - + -
    -
    +

    기타 개인설정

    • - +
    • - +
      • diff --git a/theme/54/skin/member/basic/style.css b/theme/54/skin/member/basic/style.css index ab6c5e9f5..0cc183332 100644 --- a/theme/54/skin/member/basic/style.css +++ b/theme/54/skin/member/basic/style.css @@ -31,25 +31,25 @@ .mbskin a.btn_admin:focus, .mbskin a.btn_admin:hover {} /* 기본박스 */ -.mbskin{position: relative;margin:100px auto 0;border:1px solid #ddd;width:400px;background:#fff;text-align:center; +.mbskin {position: relative;margin:100px auto 0;border:1px solid #ddd;width:400px;background:#fff;text-align:center; } -.mbskin:before,.mbskin:after{ +.mbskin:before,.mbskin:after { content:""; position:absolute;z-index:-1;top:2%;bottom:0;left:10px;right:10px; -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8); -moz-box-shadow:0 0 20px rgba(0,0,0,0.8); box-shadow:0 0 20px rgba(0,0,0,0.8); -moz-border-radius:100px / 10px; - border-radius:100px / 10px;} -.mbskin:after{right:10px;left:auto; + border-radius:100px / 10px} +.mbskin:after {right:10px;left:auto; -webkit-transform:skew(8deg) rotate(3deg); -moz-transform:skew(8deg) rotate(3deg); -ms-transform:skew(8deg) rotate(3deg); -o-transform:skew(8deg) rotate(3deg); - transform:skew(8deg) rotate(3deg);} -.mbskin .frm_input{width:100%} -.mbskin .btn_submit{width:100%;margin:10px 0 0;height:45px;font-weight:bold;font-size:1.25em} -.mbskin h1{margin: 60px 0 30px;font-size: 2em;} + transform:skew(8deg) rotate(3deg)} +.mbskin .frm_input {width:100%} +.mbskin .btn_submit {width:100%;margin:10px 0 0;height:45px;font-weight:bold;font-size:1.25em} +.mbskin h1 {margin: 60px 0 30px;font-size: 2em} /* 기본테이블 */ @@ -73,7 +73,7 @@ position:absolute;z-index:-1;top:2%;bottom:0;left:10px;right:10px; .mbskin .frm_file {} .mbskin .tbl_frm01 {} -.mbskin .tbl_frm01 th {width:85px;} +.mbskin .tbl_frm01 th {width:85px} .mbskin .tbl_frm01 td {} .mbskin .tbl_frm01 textarea, .mb_skin tbl_frm01 .frm_input {} .mbskin .tbl_frm01 textarea {} @@ -105,121 +105,144 @@ position:absolute;z-index:-1;top:2%;bottom:0;left:10px;right:10px; /* ### 기본 스타일 커스터마이징 끝 ### */ /* 회원가입 약관 */ -#fregister p{text-align:center;color: #c7254e;background: #f9f2f4;padding:10px;border:1px solid #ecc7d2;margin:0 0 5px} -#fregister section {;margin:10px auto 30px;border:1px solid #dbdbdb;position:relative;border-radius:3px 3px 0 0 ; --webkit-box-shadow: 0 1px 3px #eee; --moz-box-shadow: 0 1px 3px #eee; -box-shadow: 0 1px 3px #eee; -} -#fregister_chkall{text-align:right} -#fregister h2 {text-align:left;padding:15px 20px;border-bottom:1px solid #dbdbdb;background:#f8f8f8} +#fregister p {position:relative;text-align:center;color:#fff;height:50px;line-height:50px;font-size:1.2em;background:#f2838f;margin:0 0 5px;border-radius:5px;font-weight:bold} +#fregister p:before {content:"";position:absolute;top:0;left:0;width:5px;height:50px;border-radius:5px 0 0 5px;background:#da4453} +#fregister p i {font-size:1.2em;vertical-align:middle} +#fregister section {margin:10px auto 15px;border:1px solid #dde7e9;position:relative;border-radius:3px} +#fregister_chkall {text-align:center;background:#f5f7fa;line-height:50px;border:1px solid #e5e9f0;border-radius:3px;margin-bottom:15px} +#fregister h2 {text-align:left;padding:20px;border-bottom:1px solid #dde7e9;font-size:1.2em} #fregister textarea {display:block;padding:20px;width:100%;height:150px;background:#fff;border:0;line-height:1.6em} #fregister .fregister_agree {position:absolute;top:0;right:0;;padding:15px} -#fregister_private div{padding:20px;background:#fff} -#fregister_private table{width:100%;border-collapse:collapse} +#fregister_private div {padding:20px;background:#fff} +#fregister_private table {width:100%;border-collapse:collapse} #fregister_private table caption {position:absolute;font-size:0;line-height:0;overflow:hidden} -#fregister_private table th{background:#646982;width:33.33%;color:#fff;padding:10px;border:1px solid #555971} -#fregister_private table td{border:1px solid #ddd;padding:10px;} -#fregister .btn_confirm{text-align:center;} -#fregister .btn_confirm .btn_submit{height:50px;padding:0 40px;font-weight:bold;font-size:1.083em} +#fregister_private table th {background:#f7f7f9;width:33.33%;color:#000;padding:10px;border:1px solid #d8dbdf} +#fregister_private table td {border:1px solid #e7e9ec;padding:10px;border-top:0} +#fregister .btn_confirm {text-align:left} +#fregister .btn_confirm .btn_submit {margin-left:1%} +#fregister .btn_confirm .btn_submit, +#fregister .btn_confirm .btn_close {float:left;height:50px;width:49.5%;font-weight:bold;font-size:1.083em} /* 회원가입 입력 */ -#register_form{background:#fff;padding:20px;margin-bottom:20px} +#register_form {background:#fff;margin-bottom:20px} +#register_form h2 {padding:20px;border-bottom:1px solid #dde7e9} +.register_form_inner {background:#f7f7f7;border:1px solid #dde7e9;border-radius:3px} +.register_form_inner ul {padding:20px} +.register_form_inner label {display:block;margin-bottom:10px} + #fregisterform #msg_certify {margin:5px 0 0;padding:5px;border:1px solid #dbecff;background:#eaf4ff;text-align:center} #fregisterform .frm_address {margin:5px 0 0} #fregisterform #mb_addr3 {display:inline-block;margin:5px 0 0;vertical-align:middle} #fregisterform #mb_addr_jibeon {display:block;margin:5px 0 0} -#fregisterform .btn_confirm{text-align:center} -#fregisterform .btn_confirm .btn_submit{height:45px;;padding:0 30px;font-weight:bold;font-size:1.083em} -#fregisterform .btn_confirm .btn_cancel{line-height:45px;height:45px;padding:0 30px;font-weight:bold;font-size:1.083em} -#fregisterform .frm_info{display:block;color:#3497d9;font-size:0.92em} -#fregisterform .form_01 div{margin: 0 0 50px} -#fregisterform .captcha{display:block;margin:5px 0 0} -#fregisterform .reg_mb_img_file img{max-width:100%;height:auto} +#fregisterform .btn_confirm {text-align:center} +#fregisterform .btn_confirm .btn_submit {height:45px;;padding:0 30px;font-weight:bold;font-size:1.083em} +#fregisterform .btn_confirm .btn_cancel {line-height:45px;height:45px;padding:0 30px;font-weight:bold;font-size:1.083em} +#fregisterform .frm_info {display:block;color:#3497d9;font-size:0.92em} +#fregisterform .form_01 div {margin:0 0 50px} +#fregisterform .captcha {display:block;margin:5px 0 0} +#fregisterform .reg_mb_img_file img {max-width:100%;height:auto} /* 회원가입 완료 */ #reg_result {padding:100px 0 40px;text-align:center;background:#fff} -#reg_result h2{font-size:2em;margin:0 0 20px} -#reg_result h2 strong{color:#ed6478} +#reg_result h2 {font-size:2em;margin:0 0 20px} +#reg_result h2 strong {color:#ed6478} #reg_result #result_email {margin:20px 0;padding:10px 50px;border-top:1px solid #e9e9e9;border-bottom:1px solid #dde4e9;background:#fff;line-height:2em} #reg_result #result_email span {display:inline-block;width:150px} #reg_result #result_email strong {color:#e8180c;font-size:1.2em} #reg_result p {line-height:1.8em} #reg_result .btn_confirm {margin:50px 0} -#reg_result .reg_result_p{font-size:1.25em;margin:0 0 10px;} -#reg_result .reg_result_p strong{color:#3497d9} -#reg_result .btn_submit{padding: 0 30px;font-weight:bold;height:40px;line-height:40px;display:inline-block;margin:30px 0 0 ;font-size:1.083em} +#reg_result .reg_result_p {font-size:1.25em;margin:0 0 10px} +#reg_result .reg_result_p strong {color:#3497d9} +#reg_result .btn_submit {padding: 0 30px;font-weight:bold;height:40px;line-height:40px;display:inline-block;margin:30px 0 0 ;font-size:1.083em} /* 아이디/비밀번호 찾기 */ #find_info #mb_hp_label {display:inline-block;margin-left:10px} #find_info p {line-height:1.5em} -#find_info #mb_email{margin:10px 0;} +#find_info #mb_email {margin:10px 0} /* 로그인 */ #mb_login {} -#login_fs{padding:0 50px} -#mb_login #login_fs .frm_input{margin:0 0 10px} +#login_fs {padding:0 50px} +#mb_login #login_fs .frm_input {margin:0 0 10px} #mb_login #login_fs .btn_submit {margin:0 0 20px} -#mb_login #login_info{background:#f6f6f6;padding:25px 10px;border-top:1px solid #e8e8e8;margin:40px 0 0 } +#mb_login #login_info {background:#f6f6f6;padding:25px 10px;border-top:1px solid #e8e8e8;margin:40px 0 0 } #mb_login #login_info:after {display:block;visibility:hidden;clear:both;content:""} #mb_login #login_info h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} -#mb_login #login_info a{display:inline-block;width:50%;float:left} -#login_password_lost{border-right:1px solid #ddd} +#mb_login #login_info a {display:inline-block;width:50%;float:left} +#login_password_lost {border-right:1px solid #ddd} -#mb_login_notmb{margin:30px auto;padding:20px 30px } -#mb_login_notmb h2{font-size:1.25em;margin:20px 0 10px} -#guest_privacy{border:1px solid #ccc;text-align:left;line-height:1.6em;color:#666;background:#fafafa;padding:10px;height:150px;margin:10px 0;overflow-y:auto} -#mb_login_notmb .btn_submit{display:block;text-align:center;line-height:45px} +#mb_login_notmb {margin:30px auto;padding:20px 30px} +#mb_login_notmb h2 {font-size:1.25em;margin:20px 0 10px} +#guest_privacy {border:1px solid #ccc;text-align:left;line-height:1.6em;color:#666;background:#fafafa;padding:10px;height:150px;margin:10px 0;overflow-y:auto} +#mb_login_notmb .btn_submit {display:block;text-align:center;line-height:45px} -#mb_login_od_wr{margin:30px auto;padding:20px 30px } -#mb_login_od_wr h2{font-size:1.25em;margin:20px 0 10px} -#mb_login_od_wr .frm_input{margin:10px 0 0 } -#mb_login_od_wr p{background:#f3f3f3;margin:20px 0 0 ;padding:15px 20px;line-height:1.5em} +#mb_login_od_wr {margin:30px auto;padding:20px 30px} +#mb_login_od_wr h2 {font-size:1.25em;margin:20px 0 10px} +#mb_login_od_wr .frm_input {margin:10px 0 0} +#mb_login_od_wr p {background:#f3f3f3;margin:20px 0 0;padding:15px 20px;line-height:1.5em} /* 쪽지 */ -#memo_list .memo_name,#memo_list .memo_name .sv_wrap{font-weight:bold} -#memo_list .memo_datetime{float:right;font-size:0.92em;color:#777;font-style:italic} -#memo_list .memo_del{margin-left: 5px; color: #49857c;font-size: 15px;} +.memo_list li {position:relative;padding:15px} +.memo_li {float:left} +#memo_list .memo_name {padding-top:5px} +#memo_list .memo_name a, +#memo_list .memo_name .sv_wrap {font-weight:bold} +#memo_list .profile_img {position:relative;margin-right:15px} +#memo_list .profile_img img {border-radius:50%;width:52px;height:52px} +#memo_list .no_read {position:absolute;bottom:0;right:0;display:inline-block;background:#3a8afd;border:1px solid #e1edff;text-indent:-9999px;border-radius:10px;width:10px;height:10px;box-shadow:0 0 10px 3px #9ec3f9} +#memo_list .no_read { + animation: blinker 1s linear infinite; +} -#memo_view_contents {margin:10px 0;border:1px solid #ddd;} +@keyframes blinker { + 50% {opacity:0} +} + +#memo_list .memo_datetime {font-size:0.92em;color:#888d92} +#memo_list .memo_del {position:absolute;right:15px;top:20px;padding:10px;color:#c7c9cb;font-size:1.4em} +#memo_list .memo_cnt {margin-top:5px;font-weight:normal;display:inline-block;font-size:1.2em} + +#memo_view_contents {margin:10px 0;border:1px solid #ddd} #memo_view_contents h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} -#memo_view_ul {margin:0;border-bottom:1px solid #eee;list-style:none;background:#f3f3f3;} +#memo_view_ul {margin:0;border-bottom:1px solid #eee;list-style:none;background:#f3f3f3} #memo_view_ul:after {display:block;visibility:hidden;clear:both;content:""} -.memo_view_li {position:relative;padding:10px;float:left;width:50%;} -.memo_view_name strong,.memo_view_name .sv_wrap{font-weight:bold !important} -.memo_view_subj{display: inline-block;height: 20px;line-height: 18px;border: 1px solid #3497d9;color: #3497d9;padding: 0 5px;border-radius: 15px;font-size: 11px;} -.memo_view_li .profile_img img{border-radius:50%} -.memo_view_date{text-align:right;color:#555;font-style:italic} -.memo_view_date strong{font-weight:normal} -#memo_view .btn_b02{float:right} -#memo_view .btn_b02.reply_btn{margin-left:4px} +.memo_view_li {position:relative;padding:10px;float:left;width:50%} +.memo_view_name strong,.memo_view_name .sv_wrap {font-weight:bold !important} +/*.memo_view_subj {display: inline-block;height: 20px;line-height: 18px;border: 1px solid #3497d9;color: #3497d9;padding: 0 5px;border-radius: 15px;font-size: 11px}*/ +.memo_view_li .profile_img img {border-radius:50%} +.memo_view_date {text-align:right;color:#555} +.memo_view_date strong {font-weight:normal} + +.memo_btn {background:pink;display:inline-block} +#memo_view .btn_b02 {float:right} +#memo_view .btn_b02.reply_btn {margin-left:4px} #memo_view p {padding:10px;border-top:1px solid #ddd;min-height:150px;height:auto !important;height:150px;background:#fff;line-height:1.8em} #memo_write textarea {height:100px} /* 스크랩 */ -#scrap .scrap_tit{font-weight:bold;display:block;font-size:1.083em;margin-bottom:5px;line-height:1.3em} -#scrap .scrap_cate{ display:block;color:#3598db ;font-size:0.92em;float:left} -#scrap .scrap_datetime{;color:#777;font-style:italic;float:right} -#scrap .scrap_del{position:absolute;top:5px;right:10px;font-size:18px;color:#49857c} -#scrap .scrap_del:hover{color:#98ca69} +#scrap .scrap_tit {font-weight:bold;display:block;font-size:1.083em;margin-bottom:5px;line-height:1.3em} +#scrap .scrap_cate { display:block;color:#3598db ;font-size:0.92em;float:left} +#scrap .scrap_datetime {;color:#777;font-style:italic;float:right} +#scrap .scrap_del {position:absolute;top:5px;right:10px;font-size:18px;color:#49857c} +#scrap .scrap_del:hover {color:#98ca69} #scrap_do table {margin:0 0 10px;width:100%} #scrap_do textarea {height:100px} -#scrap_do .scrap_tit{background:#f3f3f3;padding:10px 15px;font-size:1.083em;font-weight:bold} -#scrap_do label{display:block;margin:0 0 5px;font-size:0.92em} +#scrap_do .scrap_tit {background:#f3f3f3;padding:10px 15px;font-size:1.083em;font-weight:bold} +#scrap_do label {display:block;margin:0 0 5px;font-size:0.92em} /*포인트*/ -#point .point_top{line-height:15px;margin:0 0 5px} +#point .point_top {line-height:15px;margin:0 0 5px} #point .point_top:after {display:block;visibility:hidden;clear:both;content:""} -#point .point_tit{font-weight:bold;float:left;font-size:1.083em;display:block;} -#point .point_num{font-size:1.25em;color:#00c4ac;font-weight:bold;float:right;} -#point .point_date1{float:left;color:#555;font-style:italic} -#point .point_date{float:right;color:#555;font-style:italic} -#point .txt_expired {color:#aaa;} -#point .point_all{background:#ae99da;border:0;border-bottom:2px solid #9781c5;color:#fff;font-weight:bold;font-size:1.083em} -#point .point_all span,#point .point_status span{float:right;} -#point .point_status{background:#737373;border:0;color:#fff;font-weight:bold;font-size:1.083em} -#point .point_status span{margin-left:10px} +#point .point_tit {font-weight:bold;float:left;font-size:1.083em;display:block} +#point .point_num {font-size:1.25em;color:#00c4ac;font-weight:bold;float:right} +#point .point_date1 {float:left;color:#555;font-style:italic} +#point .point_date {float:right;color:#555;font-style:italic} +#point .txt_expired {color:#aaa} +#point .point_all {background:#ae99da;border:0;border-bottom:2px solid #9781c5;color:#fff;font-weight:bold;font-size:1.083em} +#point .point_all span,#point .point_status span {float:right} +#point .point_status {background:#737373;border:0;color:#fff;font-weight:bold;font-size:1.083em} +#point .point_status span {margin-left:10px} /* 회원 비밀번호 확인 */ #mb_confirm {} @@ -230,34 +253,34 @@ box-shadow: 0 1px 3px #eee; #mb_confirm fieldset .frm_input {background-color:#fff !important} #mb_confirm label {letter-spacing:-0.1em} #mb_confirm_id {display:block;margin:5px 0 10px;font-weight:bold} -#mb_confirm .confirm_id{font-size:0.92em;color:#666} +#mb_confirm .confirm_id {font-size:0.92em;color:#666} /* 비밀글 비밀번호 확인 */ #pw_confirm h1 {margin:60px 20px 30px;font-size:2em} #pw_confirm p {padding:0 20px 40px;border-bottom:1px solid #e9e9e9;font-size:1.083em;line-height:1.4em;color:#656565} #pw_confirm p strong {display:block;color:#3ca1ff;font-size:1.167em;margin:0 0 5px} -#pw_confirm fieldset {;padding:50px;text-align:center} +#pw_confirm fieldset {padding:50px;text-align:center} #pw_confirm fieldset .frm_input {background-color:#fff !important} #pw_confirm label {letter-spacing:-0.1em} #pw_confirm_id {display:inline-block;margin-right:20px;font-weight:bold} -#mb_confirm_id{} +#mb_confirm_id {} /* 폼메일 */ #formmail textarea {height:100px} -#formmail .formmail_flie{position:relative} -#formmail .formmail_flie .file_wr {border: 1px solid #ccc;background: #fff;color: #000;vertical-align: middle;border-radius: 3px;padding: 5px;height: 40px;margin: 0;} -#formmail .lb_icon {position: absolute;top: 1px;left: 1px;border-radius: 3px 0 0 3px;height: 38px;line-height: 38px;width: 40px;background: #eee;text-align: center;color: #888;} -#formmail .frm_file {padding-left: 50px;} -#formmail .frm_info{color: #3497d9;font-size: 0.92em;} +#formmail .formmail_flie {position:relative} +#formmail .formmail_flie .file_wr {border: 1px solid #ccc;background: #fff;color: #000;vertical-align: middle;border-radius: 3px;padding: 5px;height: 40px;margin: 0} +#formmail .lb_icon {position: absolute;top: 1px;left: 1px;border-radius: 3px 0 0 3px;height: 38px;line-height: 38px;width: 40px;background: #eee;text-align: center;color: #888} +#formmail .frm_file {padding-left: 50px} +#formmail .frm_info {color: #3497d9;font-size: 0.92em} /* 자기소개 */ -#profile h1 a{color:#fff} +#profile h1 a {color:#fff} #profile table {margin-bottom:0} -#profile table th{text-align:left;padding:10px;width:100px} -#profile section {color: #2d4c7b;background: #eff9f9;padding: 10px;border: 1px solid #bfd4dc;margin: 10px 0;} +#profile table th {text-align:left;padding:10px;width:100px} +#profile section {color: #2d4c7b;background: #eff9f9;padding: 10px;border: 1px solid #bfd4dc;margin: 10px 0} #profile h2 {margin:0 0 5px} -#profile .profile_name{text-align:center;font-weight:bold} -#profile .my_profile_img{display:block;margin:20px 0 5px;} -#profile .my_profile_img img{border-radius:50%;border:1px solid #aaa} -#profile .profile_img img{border-radius:50%} -#profile .profile_name .sv_wrap{font-weight:bold;text-align:left} \ No newline at end of file +#profile .profile_name {text-align:center;font-weight:bold} +#profile .my_profile_img {display:block;margin:20px 0 5px} +#profile .my_profile_img img {border-radius:50%;border:1px solid #aaa} +#profile .profile_img img {border-radius:50%} +#profile .profile_name .sv_wrap {font-weight:bold;text-align:left} \ No newline at end of file
    개인정보처리방침안내