/* CSS Document */
@import url(common.css);
@import url(common_sub.css);

/*레이아웃*/
#dr2{height:600px; padding-top:160px; background:url(/images/sub_com/bg_bm7.jpg) no-repeat;}

/**/
#sc{margin-top:15px;}
#sc .title{height:40px; background:url(/images/sub_mileage/title.gif) no-repeat;}
#sc #bbs{margin-top:10px;}

#sc h4 span{display:none;}
#sc .sbtitle, #sc .sbtitle2, #sc .sbtitle3, #sc .sbtitle4, #sc .sbtitle5, #sc .sbtitle6, #sc .sbtitle7, #sc .sbtitle8, #sc .sbtitle9, #sc .sbtitle10, #sc .sbtitle11, #sc .sbtitle12, #sc .sbtitle13, #sc .sbtitle14{height:28px; padding-top:45px; background:url(/images/sub_mileage/bg_title.gif) no-repeat;}
#sc .sbtitle h4{height:20px; margin-left:23px; background:url(/images/sub_mileage/stitle_01.gif) no-repeat;}
#sc .sbtitle2 h4{height:20px; margin-left:23px; background:url(/images/sub_mileage/stitle_02.gif) no-repeat;}
#sc .sbtitle3 h4{height:20px; margin-left:23px; background:url(/images/sub_mileage/stitle_03.gif) no-repeat;}
#sc .sbtitle4 h4{height:20px; margin-left:23px; background:url(/images/sub_mileage/stitle_04.gif) no-repeat;}
#sc .sbtitle5 h4{height:20px; margin-left:23px; background:url(/images/sub_mileage/stitle_05.gif) no-repeat;}
#sc .sbtitle6 h4{height:20px; margin-left:23px; background:url(/images/sub_mileage/stitle_06.gif) no-repeat;}/*마일리지충전*/
#sc .sbtitle7 h4{height:20px; margin-left:23px; background:url(/images/sub_mileage/stitle_07.gif) no-repeat;}
#sc .sbtitle8 h4{height:20px; margin-left:23px; background:url(/images/sub_mileage/stitle_00.gif) no-repeat;}
#sc .sbtitle9 h4{height:20px; margin-left:23px; background:url(/images/sub_mileage/stitle_09.gif) no-repeat;}/*결제하기*/

#sc .sbtitle10 h4{height:20px; margin-left:23px; background:url(/images/sub_mileage/stitle_10.gif) no-repeat;}/*보낸선물함*/
#sc .sbtitle11 h4{height:20px; margin-left:23px; background:url(/images/sub_mileage/stitle_11.gif) no-repeat;}/*받은선물함*/
#sc .sbtitle12 h4{height:20px; margin-left:23px; background:url(/images/sub_mileage/stitle_12.gif) no-repeat;}/*내선물함*/
#sc .sbtitle13 h4{height:20px; margin-left:23px; background:url(/images/sub_mileage/stitle_13.gif) no-repeat;}/*소망상자*/
#sc .sbtitle14 h4{height:20px; margin-left:23px; background:url(/images/sub_mileage/stitle_08.gif) no-repeat;}/*마일리지충전내역*/





#item {margin-top:25px; margin-bottom:50px;}
#item .ch-tab ul{height:30px; background:url(/images/sub_customer/faq_list_bg.gif) repeat-x left bottom;}
#item .ch-tab li{float:left; width:80px; height:28px; margin-right:1px;}
#item .ch-tab li.tb1on{background:url(/images/sub_mileage/tabpopular_01on.gif) no-repeat;}
#item .ch-tab li.tb2on{background:url(/images/sub_mileage/tabpopular_02on.gif) no-repeat;}
#item .ch-tab li.tb1off{background:url(/images/sub_mileage/tabpopular_01off.gif) no-repeat;}
#item .ch-tab li.tb2off{background:url(/images/sub_mileage/tabpopular_02off.gif) no-repeat;}
#item .ch-tab li a{height:28px;}
#item .ch-tab li.tb1off a, #item .ch-tab li.tb2off a{width:80px; display:block;}

/*view*/
#item-view{clear:left; margin-top:10px;} 
#item-view .btop{height:160px; padding:15px 0 0 0; background:url(/images/sub_mileage/bg_boxtop.gif) no-repeat top;}
#item-view .btop .fl{float:left; width:116px; height:130px; padding:23px 0 0 38px; background:url(/images/sub_mileage/bg_itemback.gif) no-repeat 18px 0;}
#item-view .btop .fr{float:left; width:560px;}
#item-view .btop .fr .item-title{height:31px; padding:7px 0 0 10px; background:url(/images/sub_mileage/bg_viewtitle.gif) no-repeat; font-size:17px; font-weight:bold; color:#e17037;}
#item-view .btop .fr .item-con{margin-top:8px;}
#item-view .btop .fr .item-con table{width:100%;}
#item-view .btop .fr .item-con th{padding-left:10px; background:url(/images/sub_com/blet1.gif) no-repeat 3px 3px; color:#ad3a01; text-align:left;}
#item-view .btop .fr .item-con td{color:#cc9966;}
img.imgr{margin-right:5px;}
#item-view .btop .fr .item-btn{margin-top:10px;}
#item-view .btop .fr .item-btn img{margin-right:5px;}
#item-view .bbottom{clear:left; padding-bottom:10px; background:url(/images/sub_mileage/bg_boxbottom.gif) no-repeat bottom;}
#item-view .bbottom .item-explain{padding:15px 25px; background:url(/images/sub_mileage/bg_sbox_top.gif) no-repeat center top;}
#item-view .bbottom .exbm{height:20px; background:url(/images/sub_mileage/bg_sbox_top.gif) no-repeat center bottom;}
#item-view .bbottom .item-explain p{color:#a2a2a2; line-height:150%;}

/*list*/
#item-list{clear:left; margin-top:10px;} 
#item-list .btop{padding:20px 0 0 0; background:url(/images/sub_mileage/bg_boxtop.gif) no-repeat top;}
#item-list .bbottom{clear:left; height:15px; margin-bottom:10px; background:url(/images/sub_mileage/bg_boxbottom.gif) no-repeat bottom;}
#item-list .itembox{float:left; width:182px;}
#item-list .items{clear:left; height:210px;}
#item-list .itembox dl{width:126px; margin:0 auto;}
#item-list .itembox dt{width:106px; height:107px; padding:23px 0 0 20px; background:url(/images/sub_mileage/bg_itemback.gif) no-repeat;}
#item-list .itembox dd{text-align:center;}
#item-list .itembox .item-title{margin-top:10px; color:#e84700; font-weight:bold; text-align:center;}
#item-list .itembox .item-money{margin-top:5px; color:#cc9966;}
#item-list .itembox .item-btn{margin-top:5px;}

/*mileage*/
#mileage{margin-top:15px; padding:15px 10px 30px 10px; background-color:#230800; border:1px solid #521500;}
#mileage textarea{width:680px; height:160px; padding:10px;}
#mileage .profm{margin-bottom:15px;}
#mileage  span{display:none;}
#mileage h5{margin-top:25px}
#mileage h5.protx1{height:20px; margin-bottom:10px; background:url(/images/sub_mileage/mileage_title1.gif) no-repeat;}
#mileage h5.protx2{height:20px; margin-bottom:10px; background:url(/images/sub_mileage/mileage_title2.gif) no-repeat;}
#mileage h5.protx3{height:20px; margin-bottom:10px; background:url(/images/sub_mileage/mileage_title3.gif) no-repeat;}
#mileage h5.protx4{height:20px; margin-bottom:10px; background:url(/images/sub_mileage/mileage_title4.gif) no-repeat;}
#mileage h6{margin-top:15px; margin-bottom:10px; padding-top:2px; padding-left:21px; background:url(/images/sub_com/blet.gif) no-repeat 3px 0; color:#bf831b; font-size:12px;}
#mileage ul{margin-left:15px;}
#mileage li{padding-bottom:5px; color:#cc9966;}

table.tbs2{width:100%; margin-bottom:10px; background-color:#120400; border:1px solid #3f3532; table-layout:fixed;}
table.tbs2 th{background-color:#151515; color:#bf831b;}
table.tbs2 td, table.tbs2 th{padding:5px; border-bottom:1px solid #3f3532; border-right:1px solid #3f3532; color:#a2a2a2;}

/*이용안내*/
#guide{width:675px; margin:0 auto 80px auto;}
#guide span{display:none;}
#guide .titletx1{height:35px; margin-top:21px; background:url(/images/sub_mileage/guide_t1.gif) no-repeat;}
#guide .titletx2{clear:left; height:35px; margin-top:20px; background:url(/images/sub_mileage/guide_t2.gif) no-repeat;}
#guide .gbox1{width:652px; height:70px; margin:30px auto 0 auto;}
#guide .gbox1 .fl{float:left; width:120px;}
#guide .gbox1 .fr{float:left; width:532px; height:36px; background:url(/images/sub_mileage/guide_tx01.gif) no-repeat;}
#guide .gbox1 .fr p, #guide .gbox2 .fr p, #guide .gbox2 .fl p{display:none;}
#guide .gbox2{width:652px; height:70px; margin:30px auto 0 auto;}
#guide .gbox2 .fl{float:left; width:120px; height:138px; background:url(/images/sub_mileage/guide_imgim.gif) no-repeat;}
#guide .gbox2 .fr{float:left; width:532px; height:50px; background:url(/images/sub_mileage/guide_tx02.gif) no-repeat;}


/*결제하기*/
#sett{margin-top:10px;}
#sett h5{margin-top:10px; margin-bottom:20px;}
#sett h5.settx1{height:34px; background:url(/images/sub_mileage/settbtn_1title.gif) no-repeat;}
#sett h5.settx2{clear:left; height:29px; background:url(/images/sub_mileage/settbtn_2title.gif) no-repeat;}
#sett h5.settx3{clear:left; height:29px; background:url(/images/sub_mileage/settbtn_3title.gif) no-repeat;}
#sett h5.settx4{clear:left; height:29px; background:url(/images/sub_mileage/settbtn_4title.gif) no-repeat;}
#sett h5.settx5{clear:left; height:29px; background:url(/images/sub_mileage/settbtn_5title.gif) no-repeat;}

#sett .setbox .fl{float:left; width:130px; text-align:right;}
#sett .setbox .frnum1{float:left; width:500px; height:69px; margin-left:10px; background:url(/images/sub_mileage/settbtn_1tx.gif) no-repeat;}
#sett .setbox .frnum2{float:left; width:500px; height:67px; margin-left:10px; background:url(/images/sub_mileage/settbtn_2tx.gif) no-repeat;}
#sett .setbox .frnum3{float:left; width:500px; height:54px; margin-left:10px; background:url(/images/sub_mileage/settbtn_3tx.gif) no-repeat;}
#sett .setbox .frnum4{float:left; width:500px; height:53px; margin-left:10px; background:url(/images/sub_mileage/settbtn_4tx.gif) no-repeat;}
#sett .setbox .frnum5{float:left; width:500px; height:72px; margin-left:10px; background:url(/images/sub_mileage/settbtn_5tx.gif) no-repeat;}


#sett ul{margin:20px 0;}
#sett li{padding:0 0 8px 10px; background:url(/images/sub_customer/dot_r1.gif) no-repeat 3px 5px; color:#cc9966;}
#sett .set-complete{width:172px; height:44px; margin:20px auto; background:url(/images/sub_mileage/sett_complete.gif) no-repeat;}
#sett .rnbox{width:459px; margin:0 auto;}
#sett .rnbox .rename-top{padding:25px 0 0 60px; background:url(/images/sub_account/bg_rename.gif) no-repeat left top;}
#sett .rnbox .rename-bottom{height:15px; background:url(/images/sub_account/bg_rename.gif) no-repeat left bottom;}
#sett .rnbox dt{float:left; width:76px; margin-right:10px;}
#sett .rnbox dd{padding-bottom:10px; color:#cc9966;}
#sett .footbtn{clear:left; padding:10px 0; text-align:center; margin-bottom:80px; }
#sett .rnbox dt.set-id{height:11px; background:url(/images/sub_mileage/setttx1.gif) no-repeat;}
#sett .rnbox dt.set-name{height:11px; background:url(/images/sub_mileage/setttx2.gif) no-repeat;}
#sett .rnbox dt.set-method{height:11px; background:url(/images/sub_mileage/setttx4.gif) no-repeat;}
#sett .rnbox dt.set-money{height:11px; background:url(/images/sub_mileage/setttx3.gif) no-repeat;}

#sett .bank dt{float:left; width:160px; background:url(/images/sub_customer/faq_tb_mu.gif) #230800 no-repeat bottom right; border-bottom:1px solid #6a2200; text-align:center; color:#bf831b; font-weight:bold;}
#sett .bank dd{float:left; width:560px; background-color:#230800; border-bottom:1px solid #6a2200; color:#cc9966;}
#sett .bank dt.sd-id{height:21px; padding-top:5px; border-top:2px solid #7b3b19;}
#sett .bank dd.sd-id{height:17px; padding:6px 0 3px 10px; border-top:2px solid #7b3b19;}
#sett .bank dt.sd-name, #sett .bank dt.sd-email2, #sett .bank dt.sd-hp2, #sett dt.sd-mname2, #sett dt.sd-money2, #sett dt.sd-date2{height:21px; padding-top:5px;}
#sett .bank dd.sd-name, #sett .bank dd.sd-email2, #sett .bank dd.sd-hp2, #sett dd.sd-mname2, #sett dd.sd-money2, #sett dd.sd-date2{height:17px; padding:6px 0 3px 10px;}
#sett .bank dt.sd-email, #sett dt.sd-hp, #sett dt.sd-mname, #sett dt.sd-money, #sett dt.sd-date{height:20px; padding-top:10px;}
#sett .bank dd.sd-email, #sett dd.sd-hp, #sett dd.sd-mname, #sett dd.sd-money, #sett dd.sd-date{height:26px; padding:4px 0 0 10px;}
#sett .bank dt.sd-bank{height:35px; padding-top:10px;}
#sett .bank dd.sd-bank{height:37px; padding:8px 0 0 10px;}
#sett .bank dd.sd-hp input{width:50px;}
#sett .bank dd.sd-money input{width:80px; margin-right:5px;}
#sett .bank select{background:#261a1e; COLOR:#999; BEHAVIOR: url('/js/selectBox.htc'); CURSOR:hand;}


/*소망상자*/
#bbs .list-tb{width:100%; margin-bottom:5px;}
#bbs .itemapd{width:106px; padding-top:23px; padding-left:20px; padding-bottom:20px; vertical-align:top; background:url(/images/sub_mileage/bg_itemback.gif) no-repeat;}
#bbs .itemapd2{padding-left:10px; vertical-align:top;}
#bbs .itemapd3{width:100px; text-align:center;}
#bbs .hopeli label{float:left; width:80px; font-weight:bold;}
#bbs .hopeli li{clear:left; padding-left:10px; padding-bottom:2px; background:url(/images/sub_com/blet1.gif) no-repeat 2px 4px; color:#cc9966;}