/* 마이페이지 레이아웃 */
.mypage {border:1px solid #dedede; background:url(../images/bg_lnb.png) repeat-y #fff}
.mypage .mypage_cont {width:950px;float:right;background:#fff}
.mypage .usercont {padding:10px 30px 30px 30px}

/* 메뉴 */
.mypage #lnb { width:190px;float:left;}
.mypage .mypage_lnb {}
.mypage #lnb .lnb_head { width:100%; height:96px; background:url(../images/h2_mypage.png) no-repeat center; background-color:#474e59}
.mypage #lnb .lnb_depth1 { padding:20px 0 100px 0}
.mypage #lnb .lnb_depth1 li { padding:0 0 0 20px}
.mypage #lnb .lnb_depth1 a {font-weight:bold; color:#474e59; line-height:22px}
.mypage #lnb .lnb_depth2 { margin-bottom:20px}
.mypage #lnb .lnb_depth2 li {}
.mypage #lnb .lnb_depth2 a {font-weight:normal;color:#6e6e6e}
.mypage #lnb .on a { color:#e67a4f}

/* 상단 사용자 정보 */
.mypage .userinfo {height:86px; position:relative; color:#444444; font-size:12px;border:5px solid #aebdca; }
.mypage .userinfo .info1 {position:absolute;top:25px;left:60px; font-size:14px; font-weight:bold; letter-spacing:-1px; line-height:16px}
.mypage .userinfo .info2 {position:absolute;top:28px;left:160px;font-size:14px;color:#444}
.mypage .userinfo .info3 {position:absolute;top:45px;left:160px;font-size:14px;color:#444}
.mypage .userinfo .info4 {position:absolute;top:48px;left:445px;font-size:12px;color:#444}
.mypage .userinfo .info5 {position:absolute;top:48px;left:488px;font-size:12px;color:#444}
.mypage .userinfo .info6 {position:absolute;top:48px;left:790px;font-size:12px;color:#444}
.mypage .userinfo .info2 .num,
.mypage .userinfo .info3 .num { font-size:14px; color:#339bf4; }
.mypage .userinfo .info4 .num, 
.mypage .userinfo .info5 .num,
.mypage .userinfo .info6 .num { font-size:20px; color:#f43533; line-height:22px }

/* 타이틀 */            
.mypage .usercont_tit {padding:15px 0 0 0;height:18px;letter-spacing:-1px}
.mypage .usercont_tit h3 {float:left; font-size:16px; color:#2b2b2b; font-family:"맑은고딕",'Malgun Gothic'; letter-spacing:-1px}
.mypage .usercont_tit .btn_more { margin:10px 5px 0 0; padding:0 7px 0 0; float:right;font-size:11px;color:#8a8a8a; background:url(../images/arr.gif) no-repeat right 3px}
.mypage .tit_desc { clear:both; margin:8px 0 0 0;font-size:11px;color:#666; letter-spacing:-1px}

/* 목록 테이블 */
.mypage .my_list { width:100%; margin:20px 0;border-top:2px solid #474f59;border-bottom:1px solid #474f59;}
.mypage .my_list thead { background:#f1f5f8}
.mypage .my_list thead th,
.mypage .my_list tbody td { text-align:center; border-top:1px solid #d4d4d4;border-left:1px solid #d4d4d4}
.mypage .my_list thead th {padding:12px 0;font-weight:bold;color:#444444}
.mypage .my_list tbody {}
.mypage .my_list tbody td {padding:10px 0;color:#666666; vertical-align:middle}
.mypage .my_list thead th:first-child,
.mypage .my_list tbody td:first-child {border-left:0px;}
.mypage .my_list .tl { padding-left:15px }
.mypage .my_list .link {color:#666666;}
.mypage .my_list td .btn {display:block !important;margin:3px auto}
.mypage .my_list td div .btn { display:inline-block !important;}

/* 목록 내용 */
.mypage .prd_img { float:left;}
.mypage .prd_img img  { margin:0 20px 0 0;width:93px; height:93px; border:1px solid #e4e4e4}
.mypage .order_num { display:block;font-weight:bold;color:#ff813d;text-decoration:underline}
.mypage .prd_name { font-size:14px; color:#333333; font-weight:bold; line-height:24px}
.mypage .prd_option { display:block;}
.mypage .prd_price {}
.mypage .prd_price .num {font-size:14px;color:#fb4931}
.mypage .prd_option .num {font-size:14px;}
.mypage .prd_code { font-weight:bold;text-decoration:underline;color:#547ae8}

/* 조회 */
.lst_search_box {padding:14px 19px; margin:20px 0 0 0; background:#f3f3f3; border:1px solid #d2d2d2; color:#4b4b4b;vertical-align:top}
.lst_search_box h4 {float:left; margin:24px 0 24px 10px}
.lst_search_box .cont {float:left; margin:0 0 0 20px}
.lst_search_box fieldset {}
.lst_search_box .period_chk { clear:both;display:block;overflow:hidden;padding:5px 0;}
.lst_search_box .period_chk li { background:url(../images/btn.png) no-repeat; float:left; width:43px; height:20px;font-size:0;line-height:0; cursor:pointer }
.lst_search_box .period_chk .mon1 { background-position:-150px -100px}
.lst_search_box .period_chk .mon3 {background-position:-193px -100px}
.lst_search_box .period_chk .mon6 {background-position:-236px -100px}
.lst_search_box .period_chk .mon12 {background-position:-279px -100px; width:48px}
.lst_search_box .period_sel { clear:both;display:block;overflow:hidden;padding:5px 0; height:22px; vertical-align:top}
.lst_search_box .period_sel .sel_year { width:68px; height:22px; border:1px solid #b6b6b6}
.lst_search_box .period_sel .sel_month { width:38px; height:22px; border:1px solid #b6b6b6}
.lst_search_box .period_sel .txt { margin:0 5px 0 0}
.lst_search_box .btn_inquiry {width:45px; height:22px; background-position:-335px -100px; vertical-align:top}

/* 버튼 */
.btn_ord_cancel { width:65px; height:22px; background-position:0 -100px; }
.btn_tracking {width:65px; height:22px; background-position:0 -130px}
.btn_order {width:65px; height:22px; background-position:-75px -100px}
.btn_delete {width:65px; height:22px; background-position:-75px -130px}
.btn_chk_delete {width:65px; height:22px; background-position:0 -190px}
.btn_chk_order {width:181px;height:48px;background-position:-280px 0}
.btn_shopping {width:151px;height:48px;background-position:-470px 0}
.btn_all_order {width:145px;height:48px;background-position:-631px 0}
.btn_returns {width:65px; height:22px; background-position:0 -160px}
.btn_change {width:65px; height:22px; background-position:-75px -160px}
.btn_coupon {width:65px; height:22px; background-position:-75px -190px}

/* 비밀번호 확인 */
.user_pw_confirm { margin:20px 0; padding:25px 150px;background:#f3f4f7; border:1px solid #d6dbe4}
.user_pw_confirm table { margin:0 auto}
.user_pw_confirm .desc { text-align:center; padding:0 0 15px 0; margin:0 0 15px 0; border-bottom:1px solid #d6dbe4; color:#555; letter-spacing:-1px}
.user_pw_confirm table th { color:#4b4b4b; font-size:11px; font-weight:bold;letter-spacing:-1px }
.user_pw_confirm table td { padding:3px 0 }

/* 회원정보확인 */
.user_info_confirm { margin:20px 0 0 0; padding:25px 150px;background:#fff; border:1px solid #d4d4d4}
.user_info_confirm table { margin:0 auto}
.user_info_confirm .desc { text-align:center; padding:0 0 15px 0; margin:0 0 15px 0; border-bottom:1px solid #d6dbe4; color:#555; letter-spacing:-1px}
.user_info_confirm table th { color:#4b4b4b; font-size:11px; font-weight:bold;letter-spacing:-1px }
.user_info_confirm table td { padding:3px 0 }	
.info_chk_agree { padding:8px 0; text-align:center; background:#f5f5f5; border:1px solid #d4d4d4; color:#3f3f3f; font-size:11px }	

/* 포인트 */
.user_point_box {  margin:20px 0 20px 0; padding:10px 24px; background:#f1f5f8; border:1px solid #c3d0da; height:70px;}
.user_point_box .point_tit { display:inline-block; font-size:11px; color:#595959; line-height:70px}
.user_point_box ul  { display:inline-block; }
.user_point_box  li { display:inline-block; margin:0 20px; color:#222; font-family:Tahoma, Geneva, sans-serif; font-size:16px; font-weight:bold; line-height:48px; background:url(../images/point.png) no-repeat}
.user_point_box .point_now {padding:0 0 0 55px}
.user_point_box .point_now strong { font-size:12px; margin:0 10px 0 0 }
.user_point_box .point_now .num { font-size:22px; color:#ff6000; margin:0 5px 0 0; vertical-align:bottom}
.user_point_box .point_all  {padding:0 0 0 65px; background-position:0 -60px}
.user_point_box .point_all strong {font-size:12px; margin:0 10px 0 0 }
.user_point_box .point_all .num { font-size:22px; color:#87898b; margin:0 5px 0 0; vertical-align:bottom}





/*포인트 이용안내*/
.con_subtit .npo-title {border-bottom:3px solid #2f5693; padding-bottom:16px;}
.con_subtit .npo-title span {font-size:15px; border:1px solid #2f5693; background-color:#2f5693; color:white; padding:15px; font-family: "맑은고딕",'Malgun Gothic';}
.con_subtit li { padding: 20px 0; border:1px solid #c3d0da; background-color:#f1f5f8;}
.con_subtit li p { margin:10px; color:#3d5883;}


/*기간 조회*/
.n-month { border:1px solid #c3d0da; padding: 0 20px; background-color:#f1f5f8; font-family: Tahoma, Geneva, sans-serif;}
.n-month .mon { border:1px solid #fff; background-color:#2f5693; padding:5px 10px; color:#fff;}
.n-month .point_use {font-weight:bold;font-size:14px;margin-top:10px;}