@charset "utf-8";

/* Sub Title */
.sub-title { padding:10px 12px; border-top:4px solid #444; }
.sub-title h4 { padding:0; margin:0; line-height:50px; font-size:18px; }
.sub-title i { background: rgb(245, 245, 245); padding-top: 12px; border-radius: 50%; width: 50px; height: 50px; text-align: center; color: rgb(143, 143, 143); font-size: 25px; display: inline-block; }
.sub-title img { border-radius: 50%; width: 50px !important; height: 50px !important; display:inline-block; }

/* Follow */
.follow-skin .bg-heading { background:#fafafa; }
.follow-skin .col-follow .myinfo a { margin-right:15px; color:#888; font-size:11px; }
.follow-skin .sp-follow { margin-bottom:0px; border-top:3px solid #444; }
.follow-skin .img-photo i { background: rgb(245, 245, 245); padding: 16px; border-radius: 50%; width: 80px; height: 80px; text-align: center; color: rgb(143, 143, 143); font-size: 40px; display: inline-block; }
.follow-skin .img-photo img { border-radius: 50%; width: 80px !important; height: 80px !important; display:inline-block; }
@media all and (max-width:460px) {
	.responsive .follow-skin .col-follow { display:block !important; width:100% !important;}
}

/* Formmail */
.formmail-form { padding:20px; }
.formmail-type label { margin-right:10px; }

/* Memo */
.memo-send-info { padding:8px 20px;background:#fafafa;border-bottom:1px solid #eee; }
.memo-content { padding:20px; line-height:22px;border-bottom:1px solid #eee; margin-bottom:15px; }
.memo-send-form { padding:20px; }

/* Mypage */
.mypage-skin .img-photo i { background: rgb(245, 245, 245); padding: 16px; border-radius: 50%; width: 80px; height: 80px; text-align: center; color: rgb(143, 143, 143); font-size: 40px; display: inline-block; }
.mypage-skin .img-photo img { border-radius: 50%; width: 80px !important; height: 80px !important; display:inline-block; }
.mypage-skin .img-resize img { max-width:100%; height:auto; }
.mypage-skin .view-author .auth-photo { width:160px; padding-right:15px; }
@media all and (max-width:460px) {
	.responsive .mypage-skin .view-author .auth-photo { float:none; width:100%; padding-right:0px; }
}

/* MyPhoto */
.myphoto { margin-bottom:15px; }
.myphoto img { border-radius: 50%; display:inline-block; }
.myphoto i { background: rgb(245, 245, 245); padding: 18px; border-radius: 50%; text-align: center; color: rgb(143, 143, 143); font-size: 40px; display: inline-block; }

/* MyPost */
.mypost-skin i.img-fa { width:40px; height:40px; padding:10px 0px 0px; font-size:20px; text-align:center; color:#aaa; }
.mypost-skin .list-details { padding-top:4px; }
.mypost-skin .list-none { padding:50px 0px; }

.mypost-media { padding-bottom:10px; }
.mypost-media .photo i { border-radius:50%; background: rgb(245, 245, 245); padding: 15px; width: 64px; height: 64px; text-align: center; color: rgb(143, 143, 143); font-size: 30px; display: inline-block; }
.mypost-media .photo img { border-radius:50%; width: 64px !important; height: 64px !important; display:inline-block; }
.mypost-media .media { border-bottom:1px solid #eee; margin:7px 0px; padding:0px 12px 7px; }
.mypost-media :first-child.media { border-top:0px; margin-top:0px; padding-top:0px; }
.mypost-media .media-heading { padding:0; margin:0px; line-height: 20px; }
.mypost-media .media .media-body { padding-left:0px; }
.mypost-media .media .media-content {  }
.mypost-media .media .media-content p { margin:0px; padding:0px; }
.mypost-media .media .media-resize { margin-top:10px; }
.mypost-media .media .media-resize img { max-width:100%; height:auto; }
.mypost-media .media.media-reply { border:0px; border-top:1px solid #eee; margin:10px 0px 0px; padding:10px 0px 0px; }

/* Point */
.point-skin th, .point-skin td { white-space:nowrap; }
.point-skin td.po-content { white-space:normal; }

/* Profile */
.profile-skin .img-photo i { border-radius: 50%; background: rgb(245, 245, 245); padding: 16px; width: 80px; height: 80px; text-align: center; color: rgb(143, 143, 143); font-size: 40px; display: inline-block; }
.profile-skin .img-photo img { border-radius: 50%; width: 80px !important; height: 80px !important; display:inline-block; }
.profile-skin .img-resize img { max-width:100%; height:auto; }

/* Register */
.register-term { position: relative; height: 200px; margin:0px; overflow: auto; }
#agree11, #agree21 { margin:0px; }

/* Register Form */
.register-form .text-gap { margin-bottom:4px; }
.register-form .addr-line { margin-bottom:7px; }
@media all and (max-width:767px) {
	.responsive .register-form .cert-btn { margin-top:10px }
}

/* Response */
.myresponse-skin .res-info { margin:0; padding:7px 12px; }
.myresponse-skin .media { border-top:1px solid #eee; margin:6px 0px; padding:8px 12px 0px; }
.myresponse-skin .myresponse-list .media:first-child { border-top:0px; margin-top:0px; padding-top:8px; }
.myresponse-skin .media-heading { padding:0; margin:0; }
.myresponse-skin .photo i { border-radius: 50%; background: rgb(238, 238, 238); padding: 8px; width: 40px; height: 40px; text-align: center; color: rgb(255, 255, 255); font-size: 25px; display: inline-block; }
.myresponse-skin .photo img { border-radius: 50%; width: 40px !important; height: 40px !important; display:inline-block; }
.myresponse-skin .media-info i { margin-left:10px; }
.myresponse-skin .media-info i:first-child { margin-left:0px; }

/* Scrap */
.scrap-skin i.scrap-icon { background:#333; color:#fff; }
.scrap-skin .scrap-head { margin:0px; padding: 10px 20px; line-height:22px; background:#333; color:#fff; font-size:16px; text-align:center; }
.scrap-skin .scrap-form { padding: 10px 20px 20px; }

/* Shopping */
.shopping-skin i.img-fa { width:40px; height:40px; padding:10px 0px 0px; font-size:20px; text-align:center; color:#aaa; }
.shopping-skin .list-none { padding:50px 0px; }

/* Wishlist */
.wishlist-skin i.img-fa { width:40px; height:40px; padding:10px 0px 0px; font-size:20px; text-align:center; color:#aaa; }

/* Mypage */
.mypage-tbl th { background:#333 !important; color:#fff !important; text-align:center !important; white-space:nowrap;  }
.mypage-tbl td { text-align:center; white-space:nowrap; }


/* 로그인 페이지 스타일 (nanum261에서 복사) */
#member_login { width:100%; overflow:hidden; }
#member_login .login_box, #member_login .login_side { width:50%; float:left; box-sizing:border-box; }
#member_login .login_box { border:1px solid #dcdcdc; }
#member_login .input-sm { padding:7px 10px !important; height:auto; }
#member_login .login_box div > label { position:absolute; left:-9999px; }
#member_login .form-body { padding:25px; }
#member_login #login_id { margin-bottom:8px; }
#member_login .btn-submit { display:block; width:100%; margin-top:20px; height:34px; background:#a7a7b3 ; border:1px solid #a7a7b3; color:#fff; }
#member_login .btn-submit:hover { background:#7e8488; border:1px solid #7e8488; }
#member_login .login_side { border-top:1px solid #dcdcdc; border-right:1px solid #dcdcdc; }
#member_login .login_side > div { border-bottom:1px solid #dcdcdc; padding:25px; overflow:hidden; height:50%; box-sizing:border-box; }
#member_login .login_box h2 { font-size:20px; padding:25px; border-bottom:1px solid #dcdcdc; }
#member_login .login_side h2 { font-size:20px; }
#member_login .remember-me { padding-top:5px; }
#member_login .login_side p { line-height:16px; padding-top:20px; color:#888; }
#member_login .login_side h2 a { display:inline-block; width:20px; height:20px; border-radius:3px; background:#a7a7b3 url('/data/main/ico_go_small.png') no-repeat center center; background-size: auto 50%; vertical-align:text-bottom; margin-left:10px; }
#member_login .login_side h2 a:hover { background:#7e8488 url('/data/main/ico_go_small.png') no-repeat center center; background-size: auto 50%; }
#member_login .login_join { background:url('/data/main/ico_findinfo.png') no-repeat 95% center; }
#member_login .login_find { background:url('/data/main/ico_joinus.png') no-repeat 95% center; }

/* Mypage (nanum261에서 복사) */
.mypage-skin > h2 { display:block; text-align:center; font-size:18px; color:#282828; margin-bottom:20px; }
.mypage-con > h3 { display:block; text-align:center; font-size:13px; color:#444; margin-bottom:15px; }
.mypage-con > h3 span { font-weight:500; }
.mypage-con > h3 .lv-icon { display:none; }
.mypage-con > h3 a { color:#f10000; font-weight:500; }
.mypage-con > h3 a:hover { text-decoration:underline; }
.mypage-info { width:100%; overflow:hidden; margin-bottom:20px; }
.mypage-info .member-info { width:25%; box-sizing:border-box; border:1px solid #dcdcdc; float:left; padding:25px; text-align:center; }
.mypage-info .member-info p { font-size:15px; color:#282828; margin-bottom:5px; }
.mypage-info .member-info > span { display:block; color:#888; margin-bottom:10px; }
.mypage-info .member-info > a { display:inline-block; background:#a7a7b3; color:#fff; padding:4px 25px; }
.mypage-info .member-info > a :hover { background:#7e8488; }
.mypage-info .mp_myshopping { width:25%; float:left; box-sizing:border-box; border-right:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; }
.mypage-info .mp_myshopping dl { width:100%; overflow:hidden; padding:15px 25px; border-top:1px solid #dcdcdc; margin:0; }
.mypage-info .mp_myshopping dt { float:left; color:#282828; }
.mypage-info .mp_myshopping dd { float:right; }
.mypage-info .mp_myshopping dd a { color:#888 !important; }
.mypage-info .mp_myshopping dd a:hover { text-decoration:underline; }
.mypage-info > a { width:25%; float:left; box-sizing:border-box; border-top:1px solid #dcdcdc; border-right:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; padding:25px; }
.mypage-info > a b { display:block; color:#282828; font-size:15px; }
.mypage-info > a span { display:block; color:#888; font-size:13px; }
.mypage-info > a:nth-of-type(1) { background:#fff url('/data/main/ico_mp_delivery.png')no-repeat 90% 80%; }
.mypage-info > a:nth-of-type(2) { background:#fff url('/data/main/ico_mp_review.png')no-repeat 90% 80%; }
.mypage-info > a:nth-of-type(1):hover { background:#f5f5f5 url('/data/main/ico_mp_delivery.png')no-repeat 90% 80%; }
.mypage-info > a:nth-of-type(2):hover { background:#f5f5f5 url('/data/main/ico_mp_review.png')no-repeat 90% 80%; }

.mypage-con .mypage-process { width:100%; border:1px solid #dcdcdc; margin-bottom:20px; }
.mypage-con .mypage-process h4 { display:block; padding:15px 25px; background:#f5f5f5; font-size:14px; border-bottom:1px solid #dcdcdc; color:#282828; }
.mypage-con .mypage-process span { color:#888; }
.mypage-con .mypage-process ul { width:100%; box-sizing:border-box; overflow:hidden; padding:25px 0; margin:0; }
.mypage-con .mypage-process li { list-style:none; width:25%; text-align:center; float:left; border-left:1px dotted #dcdcdc; color:#888; }
.mypage-con .mypage-process li:nth-of-type(1) { border-left:0; }
.mypage-con .mypage-process li a { display:inline-block; color:#7e8488; font-size:18px; font-weight:bold; }
.mypage-con .mypage-process li a:hover { text-decoration:underline; color:#a7a7b3; }

.mypage-con .mypage-quick { width:100%; border:1px solid #dcdcdc; overflow:hidden; }
.mypage-con .mypage-quick > a { width:14.28%; display:block; float:left; text-align:center; box-sizing:border-box; height:128px; line-height:190px;border-left:1px solid #dcdcdc; color:#888; }
.mypage-con .mypage-quick > a:nth-of-type(2) { border-left:0; background:url('/data/main/ico_mp_sell.png')no-repeat center 25px; }
.mypage-con .mypage-quick > a:nth-of-type(3) { background:#fff url('/data/main/ico_mp_coupon.png')no-repeat center 25px; }
.mypage-con .mypage-quick > a:nth-of-type(4) { background:#fff url('/data/main/ico_mp_wish.png')no-repeat center 25px; }
.mypage-con .mypage-quick > a:nth-of-type(5) { background:#fff url('/data/main/ico_mp_change.png')no-repeat center 25px; }
.mypage-con .mypage-quick > a:nth-of-type(6) { background:#fff url('/data/main/ico_mp_write.png')no-repeat center 25px; }
.mypage-con .mypage-quick > a:nth-of-type(7) { background:#fff url('/data/main/ico_mp_modify.png')no-repeat center 25px; }
.mypage-con .mypage-quick > a:nth-of-type(8) { background:#fff url('/data/main/ico_mp_logout.png')no-repeat center 25px; }

.mypage-con .mypage-quick > a:nth-of-type(2):hover { background:#f5f5f5 url('/data/main/ico_mp_sell.png')no-repeat center 25px; }
.mypage-con .mypage-quick > a:nth-of-type(3):hover { background:#f5f5f5 url('/data/main/ico_mp_coupon.png')no-repeat center 25px; }
.mypage-con .mypage-quick > a:nth-of-type(4):hover { background:#f5f5f5 url('/data/main/ico_mp_wish.png')no-repeat center 25px; }
.mypage-con .mypage-quick > a:nth-of-type(5):hover { background:#f5f5f5 url('/data/main/ico_mp_change.png')no-repeat center 25px; }
.mypage-con .mypage-quick > a:nth-of-type(6):hover { background:#f5f5f5 url('/data/main/ico_mp_write.png')no-repeat center 25px; }
.mypage-con .mypage-quick > a:nth-of-type(7):hover { background:#f5f5f5 url('/data/main/ico_mp_modify.png')no-repeat center 25px; }
.mypage-con .mypage-quick > a:nth-of-type(8):hover { background:#f5f5f5 url('/data/main/ico_mp_logout.png')no-repeat center 25px; }

.mypage-con .mypage-quick .mp_quick_title { display:none; line-height:15px; font-size:13px; padding-top:45px; background:#a7a7b3; color:#fff; }
.mypage-con .mypage-quick .mp_quick_title:hover { background:#7e8488; }

@media all and (max-width:767px) {
.mypage-info .member-info, .mypage-info .mp_myshopping { width:50%; }
.mypage-info > a { width:50%; border-top:0; }
.mypage-info > a:nth-of-type(1) { border-left:1px solid #dcdcdc; }
.mypage-con .mypage-quick .mp_quick_title { display:block; }
.mypage-con .mypage-quick > a { width:25%; }
.mypage-con .mypage-quick > a:nth-of-type(1), .mypage-con .mypage-quick > a:nth-of-type(2), .mypage-con .mypage-quick > a:nth-of-type(3), .mypage-con .mypage-quick > a:nth-of-type(4) { border-bottom:1px solid #dcdcdc; }
}
@media all and (max-width:480px) {
.mypage-info .member-info, .mypage-info .mp_myshopping { width:100%; }
.mypage-info .member-info { border-bottom:0; }
.mypage-info > a { width:100%; border-top:0; }

.mypage-con .mypage-quick > a { height:90px; line-height:135px; }
.mypage-con .mypage-quick .mp_quick_title { padding-top:30px; }

.mypage-con .mypage-quick > a:nth-of-type(2) { border-left:0; background:url('/data/main/ico_mp_sell.png')no-repeat center 18px; background-size:38px; }
.mypage-con .mypage-quick > a:nth-of-type(3) { background:#fff url('/data/main/ico_mp_coupon.png')no-repeat center 18px; background-size:38px; }
.mypage-con .mypage-quick > a:nth-of-type(4) { background:#fff url('/data/main/ico_mp_wish.png')no-repeat center 18px; background-size:38px; }
.mypage-con .mypage-quick > a:nth-of-type(5) { background:#fff url('/data/main/ico_mp_change.png')no-repeat center 18px; background-size:38px; }
.mypage-con .mypage-quick > a:nth-of-type(6) { background:#fff url('/data/main/ico_mp_write.png')no-repeat center 18px; background-size:38px; }
.mypage-con .mypage-quick > a:nth-of-type(7) { background:#fff url('/data/main/ico_mp_modify.png')no-repeat center 18px; background-size:38px; }
.mypage-con .mypage-quick > a:nth-of-type(8) { background:#fff url('/data/main/ico_mp_logout.png')no-repeat center 18px; background-size:38px; }

.mypage-con .mypage-quick > a:nth-of-type(2):hover { background:#f5f5f5 url('/data/main/ico_mp_sell.png')no-repeat center 18px; background-size:38px; }
.mypage-con .mypage-quick > a:nth-of-type(3):hover { background:#f5f5f5 url('/data/main/ico_mp_coupon.png')no-repeat center 18px; background-size:38px; }
.mypage-con .mypage-quick > a:nth-of-type(4):hover { background:#f5f5f5 url('/data/main/ico_mp_wish.png')no-repeat center 18px; background-size:38px; }
.mypage-con .mypage-quick > a:nth-of-type(5):hover { background:#f5f5f5 url('/data/main/ico_mp_change.png')no-repeat center 18px; background-size:38px; }
.mypage-con .mypage-quick > a:nth-of-type(6):hover { background:#f5f5f5 url('/data/main/ico_mp_write.png')no-repeat center 18px; background-size:38px; }
.mypage-con .mypage-quick > a:nth-of-type(7):hover { background:#f5f5f5 url('/data/main/ico_mp_modify.png')no-repeat center 18px; background-size:38px; }
.mypage-con .mypage-quick > a:nth-of-type(8):hover { background:#f5f5f5 url('/data/main/ico_mp_logout.png')no-repeat center 18px; background-size:38px; }
}