/* My page CSS 입니다 / 작업자 : 정선화(lemoncloud@eluocnc.com) */

.MyPage {}
p.title {padding-left:5px; }
p.title span {float:right; padding-right:5px;}
.Album {width:670px; height:345px; margin-bottom:45px; background:url('/img/mypage/Album_bg.gif') no-repeat 0 0;}
.Album .personal {width:335px; float:left; }
.Album .personal ul {margin-top:75px; margin-left:75px; }
.Album .personal li.name {font-size:1.3em; color:#444444; font-weight:bold;}
.Album .personal li.id {font-size:0.8em; letter-spacing:1px; color:#978f1f; font-weight:bold; font-family:tahoma;}
.Album .personal li.grade {padding-top:11px; font-size:1em; font-family:tahoma; font-weight:bold; color:#222222;}
.Album .personal li.birth {padding-top:18px; padding-left:17px; font-size:0.90em; font-family:tahoma; color:#8C8652;}
.Album .personal .per_table {padding-top:30px;padding-left:50px;}
.Album .personal .per_table th {height:27px; border-bottom:1px solid #CECECE;}
.Album .personal .per_table th p {padding-left:13px; text-align:left; background:url('/img/i/icon_blue_arrow.gif') no-repeat 4px 2px;}
.Album .personal .per_table td {text-align:center; height:27px; border-bottom:1px solid #CECECE;}
.Album .personal .per_table td p {color:#666666;}
.Album .personal .per_table td p strong {color:#000;}
.Album .personal .per_table td p span {color:#CB0101; font-weight:bold;}
.Album .personal .per_table .none {border-bottom:none;}
.Album .tarlot {width:335px; float:left; }
.Album .tarlot p {text-align:center; padding-top:35px;}
.Album .tarlot p span {display:block; padding-top:2px; }

.RecentOrder {margin-bottom:50px; }
.tableyo {margin-top:10px; background:url('/img/bbs/bbs_bg_blue.gif') no-repeat 0 0;}
.tableyo th {height:33px;}
.tableyo td {border-bottom:1px solid #C4C4C4;padding-top:7px; padding-bottom:7px;}
.tableyo td p {text-align:center;  color:#333333;}
.tableyo td p.tit {text-align:left; color:#333333;}
.tableyo td p.tit a {color:#333333;}
.tableyo td p.Date {font-size:0.95em; color:#898989; text-align:center;}
.tableyo td p.Date span {color:#7CB1C3;}
.tableyo td p.Date span a {color:#7CB1C3;}
.tableyo td p.Date span a:hover {color:#7CB1C3;}
.tableyo td p strong {font-size:0.95em;}

/* 접수에서 배달까지 상태 */
span.delivering {font-size:0.95em; color:#FF6600; font-weight:bold; } /* 배송중 = 주황색 */
span.delivery_fin {font-size:0.95em; color:#898989; font-weight:bold; } /* 배송완료 = 회색 */
span.order_receipt,
span.account_check,
span.delivery_ready {font-size:0.95em; color:#7CB1C3; font-weight:bold; } /* 주문접수, 결제확인, 배송준비중 = 하늘색  */

.CouponMtoM {overflow:hidden; margin-bottom:50px; }
.CouponMtoM .Coupon {float:left; width:322px; margin-right:20px;}
.CouponMtoM .Coupon ul {margin-top:5px; overflow:hidden; background:url('/img/mypage/bg_title_bottom322.gif') no-repeat left top;}
.CouponMtoM .Coupon li {float:left; padding-top:15px; height:55px; border-bottom:1px solid #C4C4C4;}
.CouponMtoM .Coupon li.coupon_img {width:95px; text-align:center; }
.CouponMtoM .Coupon li.text {width:215px; padding-left:10px;}
.CouponMtoM .Coupon li.text span {display:block;}
.CouponMtoM .Coupon li.text span.c898989_11 {font-size:0.95em; color:#898989;}
.CouponMtoM .Coupon li.text span.c7CB1C3_11 {font-size:0.95em; color:#7CB1C3;}

/* 2010-06-11 정선화 */
.CouponMtoM .Coupon li.nothing_text {width:322px; padding-top:30px; height:40px; vertical-align:middle; text-align:center; border-bottom:1px solid #C4C4C4; }
.CouponMtoM .MtoM li.nothing_text {width:322px; font-size:1em; padding-top:30px; height:40px; vertical-align:middle; text-align:center; border-bottom:1px solid #C4C4C4; }

.CouponMtoM .MtoM {float:left; width:322px; }
.CouponMtoM .MtoM ul {margin-top:5px; overflow:hidden; background:url('/img/mypage/bg_title_bottom322.gif') no-repeat left top;}
.CouponMtoM .MtoM li {float:left; padding-top:15px; height:55px; font-size:0.95em; border-bottom:1px solid #C4C4C4;}
.CouponMtoM .MtoM li.num {width:40px; padding-top:30px; height:40px; vertical-align:middle; text-align:center;}
.CouponMtoM .MtoM li.text {width:280px; }
.CouponMtoM .MtoM li.text strong {font-weight:normal; color:#CC0000; }
.CouponMtoM .MtoM li span {display:block;}
.CouponMtoM .MtoM li.text span.c898989_11 {color:#898989;}
.CouponMtoM .MtoM li.text span.c7CB1C3_11 {color:#7CB1C3;}

.WishList {overflow:hidden; }
ul.HitList {float:left; margin-bottom:0px; padding-top:30px; padding-left:8px; padding-right:12px; overflow:hidden; background:url('/img/mypage/bg_title_bottom670.gif') no-repeat left top;}
ul.HitList li {float:left; width:140px; height:240px; margin-bottom:10px; margin-right:30px;text-align:center;}
ul.HitList li.last {margin-right:0; }
ul.HitList li span {display:block;font-size:0.95em; }
ul.HitList li span.hit_k {}
ul.HitList li span.hit_e {font-weight:bold; color:#333333; height:3em;}
ul.HitList li span.hit_price {display:inline; padding-left:13px; color:#CC0000; font-weight:bold; background:url('/img/i/icon_won.gif') no-repeat left 1px;}

/* 회원정보 수정 */
#Contents .join {overflow:hidden;}
#Contents .join_step {overflow:hidden; margin-bottom:25px;}
#Contents .h4_title {overflow:hidden; padding-left:5px; margin-bottom:10px;}

#Contents .join .join_myinfo_title {height:34px; margin-bottom:15px; padding-left:5px; background:url('/img/member/h4_bg.gif') no-repeat 0 bottom;}
#Contents .join .myinfo_table {overflow:hidden; padding-bottom:5px; margin-bottom:30px; border-bottom:1px solid #c4c4c4;}
#Contents .join .myinfo_table_end {margin-bottom:0;}
#Contents .join .secede {padding-top:5px;padding-bottom:20px;padding-left:20px;}
#Contents .join .secede span {float:right; padding-right:20px; padding-top:5px; display:block; }
#Contents .join .myinfo_table table {}
#Contents .join .myinfo_table tr {}
#Contents .join .myinfo_table th {text-align:left; padding-bottom:9px; vertical-align:top;}
#Contents .join .myinfo_table th p {margin-top:5px; padding-left:29px; background:url('/img/i/icon_grey_arrow.gif') no-repeat 20px 50%;}
#Contents .join .myinfo_table td {padding-bottom:9px; font-size:0.95em;}
#Contents .join .myinfo_table td input.input {border:1px solid #d2d2d2; font-size:1.10em;}
#Contents .join .myinfo_table td img {vertical-align:middle;}
#Contents .join .myinfo_table td p.line2 {margin:5px 0;}
#Contents .join .myinfo_table td span.gray {color:#aaaaaa;}
#Contents .join .myinfo_table td span.silver {color:#d2d2d2;}
#Contents .join .myinfo_table td span.gangjo {color:#7c9aa4;}
#Contents .join .myinfo_table td span.gangjo em {color:#ff6600; font-style:normal;}
#Contents .join .myinfo_table td select {color:#aaaaaa; font-size:1.10em;}
/* 2010-06-11 정선화 테이블안에 인풋 간격수정 */
#Contents .join .myinfo_table td td {padding-bottom:5px; font-size:1em; }
#Contents .join .myinfo_table td td.last {padding-bottom:0px; }

/* 회원 탈퇴 */
.Secede {height:260px; padding-left:170px; padding-top:40px; background:url('/img/mypage/Secede_bg.gif') no-repeat 0 0;}
.Secede p.title {padding-bottom:25px; }
.Secede .SecedeTable {}
.Secede .SecedeTable th {vertical-align:top; padding-top:10px;}
.Secede .SecedeTable th p {text-align:left; padding-left:10px; background:url('/img/i/icon_grey_arrow.gif') no-repeat 0 2px;}
.Secede .SecedeTable td {padding-top:4px; padding-bottom:4px;}
.Secede .SecedeTable td p {font-size:0.95em;}
.Secede .SecedeTable td p td p {font-size:11px;}

/* 주문내역 및 배송조회 */
.buylist {width:670px; height:115px; margin-bottom:45px; overflow:hidden;background:url('/img/mypage/buylist_bg.gif') no-repeat 0 25px;}
.buylist p.title {font-size:0.95em; color:#666666;}
.buylist p.title strong.name {font-size:1.2em; color:#333333; }
.buylist p.title strong.number {color:#CC0000; }

.buylist .buylist_table {width:455px; float:left; padding-left:120px; padding-top:25px;}
.buylist .buylist_table th {height:28px;}
.buylist .buylist_table th p {text-align:left; padding-left:10px; background:url('/img/i/icon_grey_arrow.gif') no-repeat 0 2px;}
.buylist .buylist_table td {height:28px;}
.buylist .buylist_table td p {}
.buylist .buylist_table td p span.grey {color:#AAAAAA;}
.buylist .buylist_table td p img {vertical-align:middle;}
.buylist .table_btn {float:left; padding-top:25px; }

p.title2 {font-size:0.95em; color:#898989; padding-left:7px;}
.RecentOrder2 {margin-bottom:0px;} 

p.buylist_notice {margin-top:15px; margin-bottom:45px;}
p.buylist_notice2 {margin-top:30px;}
p.buylist_notice span {display:block; font-size:0.95em; color:#898989;}
p.buylist_notice span strong {font-weight:normal; color:#CC0000;}

/* 주문내역 및 배송조회 - 보기 */
.buylist2_table {width:455px; padding-left:120px; padding-top:25px; margin-top:10px; }
.buylist2_table th {height:28px;}
.buylist2_table th p {text-align:left; padding-left:10px; background:url('/img/i/icon_grey_arrow.gif') no-repeat 0 2px;}
.buylist2_table td {height:28px;}
.buylist2_table td p span.grey {color:#AAAAAA;}
.buylist2_table td p.number {font-size:0.95em; color:#898989;}
.buylist2_table td p img {vertical-align:middle;}


.table_view {margin-top:10px; background:url('/img/bbs/bbs_bg_blue.gif') no-repeat 0 0;}
.table_view th {height:33px;}
.table_view td {border-bottom:1px solid #C4C4C4;padding-top:7px; padding-bottom:7px;}
.table_view td.last {border-bottom:none;}

.table_view td p {text-align:center;  color:#333333;}
.table_view td p.tit {text-align:left; color:#333333;}
.table_view td p.tit a {color:#333333;}
.table_view td p.image img {border:1px solid #EBEAEA;}
.table_view td p.Date {font-size:0.95em; color:#898989;}
.table_view td p.Date span {color:#7CB1C3;}
.table_view td p.prod_option {text-align:left;}
.table_view td p.prod_option span {display:block; padding-bottom:10px; color:#333333; }
.table_view td p.prod_option strong {display:block; margin-top:-10px; color:#898989; font-weight:normal;}
.table_view td p.price {font-size:0.95em; color:#666666;}
.table_view td p.quantity {text-align:left; padding-left:33px;}
.table_view td p.quantity input {float:left; vertical-align:middle; margin-right:1px;}
.table_view td p.quantity img {display:block; vertical-align:top; margin:1px 0 1px 0; }
.table_view td p.soldout {font-weight:normal; color:#CC0000; font-size:11px; text-align:center; }
.table_view td p.point {font-size:0.95em; color:#666666;}
.table_view td p.order_price {font-size:0.95em; color:#333333; font-weight:bold; }
.table_view td p.choice span {display:block; margin-top:5px;}

.Total {width:640px; height:50px; padding-top:10px; padding-right:30px; margin-bottom:85px; border-top:1px solid #A0A0A0; border-bottom:1px solid #A0A0A0; background:#FBFBFB;}
.Total p.point {overflow:hidden; text-align:right; _padding-bottom:5px;}
.Total p.point span {float:left; padding-left:15px; }
.Total p.point strong {color:#FF6600;}
.Total p.price {overflow:hidden; text-align:right; }
.Total p.price span {color:#333333;}
.Total p.price strong.Total_color {font-size:1.4em; color:#CC0000;}

.Pay_info {width:670px; margin-bottom:10px; }
.Pay_info .Pay_info_tb {width:650px; height:55px; padding-left:20px; padding-top:5px; margin-top:10px; background:url('/img/mypage/bg_order_670x60.gif') no-repeat 0 0; }
.Pay_info .Pay_info_tb th {height:50px;}
.Pay_info .Pay_info_tb th p {text-align:left; padding-left:9px; background:url('/img/bbs/bg_th.gif') no-repeat 0 2px;}
.Pay_info .Pay_info_tb td {height:50px;}
.Pay_info .Pay_info_tb td p {color:#898989;}
.Pay_info .Pay_info_tb td p strong {color:#FF6600;}

.Dinfo {width:670px;}
.Dinfo p.title {padding-left:10px;}
.Delivery_info {width:650px; height:180px; padding-left:20px; padding-top:20px;margin-top:10px; overflow:hidden; background:url('/img/mypage/bg_order_670x200.gif') no-repeat 0 0;}
.Delivery_info th {vertical-align:top; }
.Delivery_info th p {padding-top:7px; padding-left:10px; text-align:left; background:url('/img/bbs/bg_th.gif') no-repeat 0 9px;}
.Delivery_info th p img {vertical-align:middle;}
.Delivery_info th.none {background:none;}
.Delivery_info td {height:26px;}
.Delivery_info td p.sms_coment { font-size:0.95em; color:#A59683;}
.Delivery_info td p.sms_coment span { color:#7C9AA4;}
.Delivery_info td p.comment { font-size:0.95em; color:#A59683;}
.Delivery_info td p.comment span { display:block; color:#7C9AA4; width:550px; text-align:right; }
.Delivery_info td p.comment span input { color:#7C9AA4; padding-right:0;}
.Delivery_info td img {vertical-align:middle;}
.Delivery_info td span.special {color:#D2D2D2;}

.byte {border:none; width:20px; padding-top:5px; text-align:center; color:#A59683;}






/* 추가 설미현  2010.05.25 ================================================ */

/* 쿠폰 내역 */
.couponlist p.title {font-size:0.95em; color:#666666;}
.couponlist p.title strong.name {font-size:1.2em; color:#333333; }
.couponlist p.title strong.number {color:#CC0000; }

.couponTableyo {margin-top:10px; background:url('/img/bbs/bbs_bg_blue.gif') no-repeat 0 0;}
.couponTableyo th {height:33px;}
.couponTableyo td {border-bottom:1px solid #C4C4C4;padding-top:7px; padding-bottom:7px;}
.couponTableyo td p.num {text-align: center;font-size: 0.95em;color: #898989;}
.couponTableyo td p.tit {text-align:left; color:#676767;}
.couponTableyo td p.prod {text-align:left; color:#676767;}
.couponTableyo td p.tit a {color:#676767;}
.couponTableyo td p.useStandard {text-align: center;font-size: 0.95em;color: #666666 ;}
.couponTableyo td p.usePeriod {text-align: center; font-size: 0.95em;color: #898989;}

.couponList {margin-top: 50px;}

/* 포인트 내역 */
.myPoint {width:670px; height:115px; margin-bottom:30px; overflow:hidden;background:url('/img/mypage/buylist_bg.gif') no-repeat 0 25px;}
.myPointBg {background:url('/img/mypage/mypoint_upper_bg.gif') no-repeat 0 25px;}
.myPoint .myPointTit {padding-left: 7px;}
.myPoint .myPoint_table {width:550px; float:left; padding-left:120px; padding-top:35px;}
.myPoint .myPoint_table th {height:28px;}
.myPoint .myPoint_table th p {text-align:left; padding-left:10px; background:url('/img/i/icon_grey_arrow.gif') no-repeat 0 2px;}
.myPoint .myPoint_table td {height:28px;}
.myPoint .myPoint_table .toocoolCash {font-size: 0.95em;color: #898989;}
.myPoint .myPoint_table .giftPoint {font-size: 0.95em;color: #898989;}
.myPoint .myPoint_table strong {font-size: 1.4em;color: #cc0001;}
.myPoint .myPoint_table em {font-style: normal;word-spacing: -1px;}

.pointTableyo {margin-top:10px; background:url('/img/bbs/bbs_bg_blue.gif') no-repeat 0 0;}
.pointTableyo th {height:33px;}
.pointTableyo td {border-bottom:1px solid #C4C4C4;padding-top:7px; padding-bottom:7px;}
.pointTableyo td p.tit {text-align:left; color:#333333;}
.pointTableyo td p.tit a {color:#333333;}
.pointTableyo td p.savingUseDays {text-align: center;font-size: 0.95em;color: #8a8a8a;}
.pointTableyo td p.savingPoint {text-align: right; padding-right: 30px; font-size: 0.95em;color: #676767;}
.pointTableyo td p.usePoint {text-align: right; padding-right: 30px; font-size: 0.95em;color: #cb0000;}

.pointGiveStandard {margin-top: 30px;}


/* 위시 리스트 */
.table_view td p.prod_option2 {text-align:left;padding-left: 20px;}
.table_view td p.prod_option2 span {display:block; padding-bottom:10px; color:#333333; }
.shoppingBasket {text-align: center; margin-top: 15px;}
.choiceDel {float: right; margin-top: -35px;}

/* 나의 게시물 */
.myTextTabMenu {float: left;width: 670px;background: url("/img/mypage/my_text_tab_bg.gif") repeat-x 0 0; margin-bottom: 20px;}
.myTextTabMenu li {float: left;}
.myText {clear: both; background:url('/img/bbs/bbs_bg_blue.gif') no-repeat 0 0;}
.myText th {height:33px;}
.myText td {border-bottom:1px solid #C4C4C4;padding-top:7px; padding-bottom:7px;}
.myText td span {color: #888888; font-size:0.95em;}
.myText td em {color: #7db2c2;font-style: normal;}
.myText td a {color: #656565;}

/* 출석체크	*/
.MyPageCalender {width: 667px; background: url("/img/mypage/calender_bg.gif") no-repeat 0 0; padding: 62px 0 0 0;}
.MyPageCalender .CalenderDate {width: 280px;height: 34px;margin: 0 auto 30px;text-align: center;}
.MyPageCalender .CalenderDate a img {margin: 0 10px;}
.MyPageCalender table {margin-left: 35px;}
.MyPageCalender table td {width: 84px;height: 63px;border-right: 1px solid #d8dde3;border-bottom: 1px solid #d8dde3;vertical-align:top;}
.MyPageCalender table td.borderTop {border-top: 1px solid #d8dde3;}
.MyPageCalender table td.borderLeft {border-left: 1px solid #d8dde3;}
.MyPageCalender table td.stamp {background: url("/img/mypage/stamp_bg.gif") no-repeat 0 0;}
.MyPageCalender table td.today {background: url("/img/mypage/today_bg.gif") no-repeat 0 0;}
.MyPageCalender table td div {width: 72px;height: 51px;padding: 6px; font-size: 0.98em;color: #777777;}
.MyPageCalender table td div.sunday {color: #bb4042;}
.MyPageCalender .calenderDays {margin-left: 35px;}
.MyPageCalender .attendanceBtn {text-align: center; padding-top: 25px; padding-bottom:40px; background: url("/img/mypage/calender_bg.gif") no-repeat 0 bottom;}
.attendanceNotice p {margin-top: 30px;}
.attendanceNotice dl {display: none;}




/* 추가 백명훈 2010.05.25 ================================================ */
.mtom {margin-bottom:20px;}
.myText td p.Num {font-size:0.95em; color:#898989; text-align:Center;}
.myText td p.QType {font-size:1em; color:#7cb1c3; text-align:Center;}
.myText td p.Reply { text-align:Center;}
.myText td p.Date {font-size:0.95em; color:#898989; text-align:Center;}


/* 1:1상담내역 보기 */
.mtomHead {width: 650px; height: 45px; padding: 11px 0 0 20px; background: url("/img/mypage/mtom_view_titbg.gif") no-repeat 0 0; color: #898989; font-size: 11px;}
.mtomHead p {color: #333333; font-weight: bold; font-size: 14px; padding-bottom: 5px;}
.mtomHead p strong {color: #959421;}
.mtomHead span strong {color: #959421; font-weight: normal;}
.mtomHead span.typetype strong {color: #7cb1c3; font-weight: normal;}
.mtomHead em { color: #d2d2d2; font-style: normal; padding: 0 5px;}
.mtomHead .recommendation {position: relative;top: -14px;left: 550px;width: 60px; height: 14px; text-align: right; font-weight: bold; color: #fe6700; padding-left: 20px;}
.mtomHead .recommendation img {vertical-align: middle;}
.mtomView {width:630 px; padding: 20px 20px 50px 20px; color: #666666; line-height: 150%;}
.mtomView img {margin-bottom: 20px;}


	/* 이전글 다음글 */
.customerInfo {width: 670px; border-top: 1px solid #c5c5c5;}
.customerInfo li {height:21px; padding-top:7px; border-bottom: 1px solid #ececec; color: #898989;}
.customerInfo li.end {border-bottom: 1px solid #c5c5c5;}
.customerInfo img {margin:0 10px 0 20px; vertical-align:middle;}

	/* 버튼 */
.btnRightWrapNato {width: 670px; height: 20px; margin-top: 15px; text-align: right;}

/* 코멘트 */
.comms {width: 670px; margin-top:30px; background: url("/img/mypage/boxyo.gif") no-repeat 0 bottom;}
	.comms .title {width:670px; padding-top:20px; background: url("/img/mypage/boxyo.gif") no-repeat 0 top;}
	.comms .title p {width:630px; margin:0 auto; padding-bottom:7px; border-bottom:1px solid #e1e1e1;}
	.comms .title p span {float:right; font-size:0.95em;  font-family:tahoma; color:#898989; margin-top:2px;}
	.comms .memo {width:630px; margin:0 auto; padding-top:7px; padding-bottom:17px; line-height:150%;
	word-wrap: break-word; /* Internet Explorer 5.5+ */
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-break:break-all;}

.MyPage .mp_allim {color:#898989; font-size:0.95em; margin-bottom:-7px; padding-left:7px;}