@import url('./cms.css');


#top {
    width:100%; height:50px;
}

#top .logo {
	HEIGHT: 40px; margin-top:10px; margin-left:15px;
}

#bodywrap {
    width:100%;
    background:url(/images/join/bodywrap_bg.gif) repeat-x left top;
    padding:20px 0 20px 20px;
}

#bodywrap .contents {
    width:980px;
}

#receiptBodywrap {
    width:100%;
    background:url(/images/join/bodywrap_bg.gif) repeat-x left top;
    padding:20px 0 20px 0px;
}

#receiptBodywrap .receiptContents {
    width:600px;
    padding-left:20px;
}

/* title */
#bodywrap h3.tit {  padding-bottom:10px; /*padding-left:23px; background:url(/images/join/icon_title.gif) no-repeat left top;*/ }
#bodywrap h3.tit_txt { padding:1px 0 0 23px; height:14px; overflow:hidden; font:14px dotum; font-weight:bold; background:url(http://image.melon.co.kr/svc/images/common/bul/bul_mybox.gif) no-repeat left top; }
*html #bodywrap h3.tit_txt { height:15px; }

/* title comment */
.tit_cmt { width:980px; font:11px dotum; color:#888; line-height:1.4;  }
*html .tit_cmt { width:980px; }

.tab {
    width:100%;
    margin-left:20px;
    padding-top:20px;
}

.tab li.cmt {width:580px; text-align:right; vertical-align:bottom;}

.tb_top {
    width:100%;
    height:33px;
    background:url(/images/join/tb_top_bg.gif) no-repeat left top;
}

.tb_mid {
    width:100%;
    background:url(/images/join/tb_mid_bg.gif) repeat-y left top;
}

.tb_bot {
    width:100%;
    height:10px;
    background:url(/images/join/tb_bot_bg.gif) no-repeat left top;
}

/* mypage basic info */
h4.join { padding-top:12px; padding-left:17px; height:21px; text-align:left; }
.tb_join {margin-left:20px;}
.tb_join th { padding:5px 14px 5px 0; border-bottom:1px solid #D9D7D3; font:12px dotum; font-weight:bold; text-align:right; padding-right:15px}
.tb_join th.tit { background:transparent url(/images/join/form_opt.gif) no-repeat scroll right; background-color:#f9f9f8}
.tb_join th.titn { background:transparent url(/images/join/form_nec.gif) no-repeat scroll right; background-color:#f9f9f8}
.tb_join td.con { padding:5px 0 5px 12px; border-bottom:1px solid #D9D7D3; font:12px dotum; text-align:left;}

/* 회원용 영수증화면 */

.tb_top_600 {
    width:100%;
    height:33px;
    background:url(/images/join/tb_top_bg_600.gif) no-repeat left top;
}

.tb_mid_600 {
    width:100%;
    background:url(/images/join/tb_mid_bg_600.gif) repeat-y left top;
}

.tb_bot_600 {
    width:100%;
    height:10px;
    background:url(/images/join/tb_bot_bg_600.gif) no-repeat left top;
}

.tb_receipt {margin-left:20px;}
.tb_receipt th { padding:5px 14px 5px 0; border-bottom:1px solid #D9D7D3; font:12px dotum; font-weight:bold; text-align:right; padding-right:15px}
.tb_receipt th.tit { background:transparent url(/images/join/form_opt.gif) no-repeat scroll right; background-color:#f9f9f8}
.tb_receipt th.titn { background:transparent url(/images/join/form_nec.gif) no-repeat scroll right; background-color:#f9f9f8}
.tb_receipt td.con { padding:5px 0 5px 12px; border-bottom:1px solid #D9D7D3; font:12px dotum; text-align:left;}

select {font-size:9pt}
input.text { padding: 2px 2px 0; height: 14px; border: 1px solid #cccccc;}
input.textn		{ padding: 2px 0 0; height: 14px; border: 1px solid #cccccc; background:#f2f2f2; behavior:url(/ext/js/layout.htc); }


/* 목록 */
.ltbl { BACKGROUND: #cfcfcf; BORDER-TOP: #53aa1d 2px solid; BORDER-BOTTOM: #98e062 1px solid;}
.ltbl tr { BACKGROUND: #ffffff;}
.ltbl td { height:21px; PADDING:2px 5px 2px 5px; }
.ltbl th { BACKGROUND: #dcfcca; PADDING:5px 0px 5px 0px; COLOR: #438619; font-weight:normal; }
.ltbl .th { BACKGROUND: #dcfcca; PADDING:5px 0px 5px 0px; COLOR: #438619; font-weight:normal; }
.ltbl .tdf { PADDING:2px 5px 2px 5px; }
.ltbl .tdm { BACKGROUND: #ebebeb; PADDING:2px 5px 2px 5px; }
.ltbl .td0 { BACKGROUND: #ffffff; PADDING:1px 5px 1px 5px;}
.ltbl .td1 { BACKGROUND: lightyellow; PADDING:1px 5px 1px 5px;}
.ltbl .td2 { BACKGROUND: #ffdfdf; PADDING:1px 5px 1px 5px;}
.ltbl .td3 { BACKGROUND: #dff5ff; PADDING:1px 5px 1px 5px;}
.ltbl .td4 { BACKGROUND: #ccffaa; PADDING:1px 5px 1px 5px;}
.ar {text-align: right;}
.ac {text-align: center;}

.scroll { SCROLLBAR-FACE-COLOR: #f3f3f3; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; SCROLLBAR-SHADOW-COLOR: #d4d0c8; SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #7259bf; SCROLLBAR-TRACK-COLOR: #f3f3f3; SCROLLBAR-DARKSHADOW-COLOR: #606060; BACKGROUND-COLOR: transparent; TEXT-ALIGN:left; 
    overflow-x:hidden; overflow-y:scroll;}