@charset "utf-8";

/************************************************************************
 * ÆÄÀÏ¸í      : mypage.css
 * ¼³¸í        : ¸¶ÀÌÆäÀÌÁö
 * ÀÛ¼ºÀÚ      : (ÁÖ)½º¸¶ÀÏÀ¥ µðÀÚÀÎÆÀ
 * ÀÛ¼ºÀÏ      : 2009.05.11
 * ÃÖÁ¾¼öÁ¤ÀÏ  : 2010.01.15
 * Copyright (c) 2009 Smileweb co., Ltd.  All rights reserved.  www.smileweb.co.kr *
************************************************************************/

@import "base.css";
@import "table.css";
@import "layout.css";

/* layout */
.mypage_container {height:auto !important; height:300px; min-height:300px; margin:0 auto; width:990px; margin-bottom:20px;} 
.mypage_colgroup {margin:10px auto; width:790px; float:left;}  
.mypage_content {display:inline; float:left; width:700px; margin:0 0 40px 0;} 
h1 {height:20px;} 

.mypage_snb {width:190px; float:left; padding:10px 10px 20px 0;} 
.mypage_snb .bg1 {display:block; height:21px; background:url('/images/mypage/left_bg1.gif') no-repeat;}
.mypage_snb .bg2 {clear:both; background:url('/images/mypage/left_bg2.gif') repeat-y;}
.mypage_snb .bg3 {clear:both; height:26px; background:url('/images/mypage/left_bg3.gif') no-repeat;}
.mypage_snb .bg4 {display:block; height:21px; background:url('/images/mypage/left_bg4.gif') no-repeat;}
.mypage_snb .mg_lr25 {margin:0 25px;}
.mypage_snb h1 {border-bottom:1px #e6e6e6 solid; padding:5px 0;}
.mypage_snb ul {margin-top:5px;}
.mypage_snb li {line-height:18px; background:url('/images/common/icon/arr_gray2.gif') no-repeat 0px 45%; text-align:left; padding:0px 0 0 8px;}

.myinfo {display:block; height:179px;}
.myinfo .btn {float:left; padding:92px 0 0 220px;}
.myinfo .info {float:right; width:305px; padding:25px 0 0 0;}
.myinfo .info ul li {font-size:11px;}
.myinfo table {width:280px; right:30px; clear:both; font-size:11px; margin-top:18px;}
.myinfo table th {text-align:left; height:20px;}
.myinfo table td {letter-spacing:0; text-align:right;}

/* text & list */
.bx_txt_top {background:url('/images/mypage/bx_txt_top.gif') no-repeat 0 0;}
.bx_txt_mid {background:url('/images/mypage/bx_txt_mid.gif') repeat-y 0 0; font-size:11px; letter-spacing:-0.05em;}
.bx_txt_mid ul li {background:url('/images/common/icon/bu_square_gray.gif') no-repeat 15px 50%; padding-left:25px; font-size:11px;}
.bx_txt_btm {background:url('/images/mypage/bx_txt_btm.gif') no-repeat 0 bottom; padding:8px 8px 5px 0; width:100%; margin-bottom:10px;}
.bx_list_top {background:url('/images/mypage/bx_list_top.gif') no-repeat 0 0;}
.bx_list_mid {background:url('/images/mypage/bx_list_mid.gif') repeat-y 0 0;}
.bx_list_btm {background:url('/images/mypage/bx_list_btm.gif') no-repeat 0 bottom;}
.nolist {text-align:center; padding-top:15px; height:35px; font-weight:bold; border-bottom:1px solid #ddd;}
.title_btn {position:relative; width:100%; height:30px;}
.title_btn li {display:inline;}
.title_btn li.left {float:left; width:50%;}
.title_btn li.right {float:right; height:30px;}

/* tab */
.tab_digit {position:relative; height:35px;}
.tab_digit ul li.tab {position:absolute; display:inline; bottom:0; left:0;}
.tab_digit ul li.btn {position:absolute; display:inline; bottom:7px; right:5px;}
.tab_letter {position:relative; height:35px;}
.tab_letter ul li.tab {position:absolute; display:inline; bottom:-1px; left:0;}
.bx_letter  {position:relative; border:1px solid #8DAED3; padding:10px; overflow-y:hidden;}
.bx_letter .list {position:relative; text-align:left; padding-left:0px; border-top:1px solid #DBDBDB; overflow-y:hidden;}
.bx_letter .list thead tr th {background:#F1F1F1; font-size:11px; clear:both; height:auto !important; text-align:center; border-bottom:1px solid #DBDBDB; font-weight:bold; padding:6px 0;}
.bx_letter .list tbody tr td {clear:both; height:auto !important; height:18px; min-height:18px; text-align:center; font-size:0.9em; border-bottom:1px solid #ddd; padding:5px 0;}
.bx_letter .list .gap {color:#bed3e7; font-weight:normal; font-size:10px;}
.bx_letter .list .ta_l {text-align:left;}
.bx_letter .select {width:230px;}

/* info */ 
.buy_condition {position:relative; top:0; margin-top:10px; width:700px; height:102px; background:url('/images/mypage/bg_buy_condition.gif') no-repeat 0 0;}
.buy_condition ul li.receipt {display:inline; _display:inline; float:left; width:217px; margin:20px 16px 0 10px; text-align:center;}
.buy_condition ul li.delivery {display:inline; _display:inline; float:left; width:217px; margin:20px 18px 0 0px; text-align:center;}
.buy_condition ul li.purchase_order {display:inline; _display:inline; float:left; width:217px; margin:20px 0 0 0; text-align:center;}
.buy_condition dl dt {font-weight:bold;}
.buy_condition dl dd {margin-top:13px; font-size:11px;}
.buy_returned {position:relative; top:0; margin-top:10px; width:700px; height:126px; background:url('/images/mypage/bg_latest_shopping.gif') no-repeat 0 0;}
.buy_returned ul li.left {display:inline; _display:inline; float:left; width:100px; margin:15px 16px 0 20px;}
.buy_returned ul li.center {display:inline; _display:inline; float:left; width:100px; margin:15px 16px 0 20px;}
.buy_returned ul li.right {display:inline; _display:inline; float:left; width:100px; margin:15px 0 0 27px;}
.buy_returned dl dt {font-weight:bold;}
.buy_returned dl dd {margin-top:13px; font-size:11px;}
.tab_wish {position:relative; width:100%; height:27px; background:url('/images/mypage/tab_bg_wish.gif');}
.tab_wish li {display:inline; float:left;}
.tab_wish img {vertical-align: top;}