@charset "utf-8";
/* WEBsiting 2015-03-13 */

/* 라스마켓 */

#nav_bar .item_total{position:absolute; right:10px; top:0px; height:64px; line-height:64px; color:#666;}
#nav_bar .item_total b{color:#333;}

.mbi_wrap{width:100%; background:#f8f8f8; position:relative; margin:0 auto;}
.mbi_wrap .mbi{padding:20px; overflow:hidden;}
.mbi_wrap .mbi .my_photo{float:left; width:120px;}
.mbi_wrap .mbi .my_photo div{background:#fff; width:30px; height:30px; overflow:hidden; border:1px solid #dcdcdc;}
.mbi_wrap .mbi .my_photo div img{width:30px; height:30px;}
.mbi_wrap .mbi .market_buy_info{float:none;; width:90%; clear:both;}
.mbi_wrap .mbi .market_buy_info .mbi_tit{display:block; height:30px; line-height:30px; color:#000; font-size:12px;}
.mbi_wrap .mbi .market_buy_info .buy_exp{width:100%; height:60px; position:relative;}
.mbi_wrap .mbi .market_buy_info .buy_exp div{width:100%; height:30px; border:1px solid #dddddd; border-top:0px;}
.mbi_wrap .mbi .market_buy_info .buy_exp span{display:block; color:#666; width:10%; text-align:center; font-family:verdana; font-size:9px; z-index:8;}
.mbi_wrap .mbi .market_buy_info .buy_exp span.expnum00{position:absolute; left:0px; top:0px;}
.mbi_wrap .mbi .market_buy_info .buy_exp span.expnum01{position:absolute; left:10%; top:0px;}
.mbi_wrap .mbi .market_buy_info .buy_exp span.expnum02{position:absolute; left:20%; top:0px;}
.mbi_wrap .mbi .market_buy_info .buy_exp span.expnum03{position:absolute; left:30%; top:0px;}
.mbi_wrap .mbi .market_buy_info .buy_exp span.expnum04{position:absolute; left:40%; top:0px;}
.mbi_wrap .mbi .market_buy_info .buy_exp span.expnum05{position:absolute; left:50%; top:0px;}
.mbi_wrap .mbi .market_buy_info .buy_exp span.expnum06{position:absolute; left:60%; top:0px;}
.mbi_wrap .mbi .market_buy_info .buy_exp span.expnum07{position:absolute; left:70%; top:0px;}
.mbi_wrap .mbi .market_buy_info .buy_exp span.expnum08{position:absolute; left:80%; top:0px;}
.mbi_wrap .mbi .market_buy_info .buy_exp span.expnum09{position:absolute; left:90%; top:0px;}
.mbi_wrap .mbi .market_buy_info .buy_exp span.expnum10{position:absolute; left:100%; top:0px;}
.mbi_wrap .mbi .market_buy_info .buy_exp span b{font-weight:normal; margin-left:-100%;}
.mbi_wrap .mbi .market_buy_info .buy_exp span u{display:block; width:100%; height:30px; border-left:1px solid #dddddd; margin-bottom:2px;}
.mbi_wrap .mbi .market_buy_info .buy_exp span.expnum00 u,
.mbi_wrap .mbi .market_buy_info .buy_exp span.expnum10 u{border-left:0px;}
.mbi_wrap .mbi .market_buy_info .buy_exp div .nlb_bg{display:block;position:absolute; z-index:9; left:0px; top:13px; width:100%; height:6px; background:#ddd;}
.mbi_wrap .mbi .market_buy_info .buy_exp div .nlb_c{display:block;position:absolute; z-index:10; left:0px; top:13px;  height:6px; background:#1b7dde;}
.mbi_wrap .mbi .market_buy_info .buy_exp div .nlb_next{display:block;position:absolute; z-index:11; right:-6px; top:13px; width:6px; height:6px; background:#1b7dde;}
.mbi_wrap .mbi .market_buy_info .buy_exp div .be_bg{display:block;position:absolute; z-index:9; left:0px; top:13px; width:100%; height:6px; background:#ddd;}
.mbi_wrap .mbi .market_buy_info .buy_exp div .be_c{display:block;position:absolute; z-index:10; left:0px; top:13px;  height:6px; background:URL(../img/market/buy_exp_bg.gif) no-repeat #de0000; background-size:100% 100%; overflow:hidden;}
.mbi_wrap .mbi .market_buy_info .buy_exp div .be_c img{width:100%; height:6px;}
.mbi_wrap .mbi .market_buy_info .buy_exp div .be_end{display:block;position:absolute; z-index:11; right:-6px; top:13px; width:6px; height:6px; background:#de0000;}
.mbi_wrap .mbi .btn_tr{position:absolute; right:20px; top:20px;}

.buy_history{display:none; position:absolute; left:2%; top:50px; z-index:99; width:94%; overflow:hidden; background:#fff; border:3px solid #003466;}
.buy_history dt{height:40px; line-height:40px; background:#003466; position:relative; color:#fff;}
.buy_history dt b{display:inline-block; padding-left:10px;}
.buy_history dd{width:100%; height:250px; overflow:auto;}
.buy_history dd .tbl_head01{padding:0px;}
.buy_history dd .tbl_head01 .empty_table{font-family:Nanum Gothic; font-size:20px; color:#1b7ede; padding-bottom:90px !important;background:URL(../img/common/ico_no-item.png) no-repeat center 80px;}

.market_wrap{width:100%; overflow:hidden; border-bottom:2px solid #e5e5e5}
.market_wrap ul{width:100%; overflow:hidden; text-align:center;}
.market_wrap ul li{width:100%; max-width:500px; display:inline-block; overflow:hidden; position:relative; text-align:center;border-bottom:1px solid #e4e4e4; padding:10px 0;}
.market_wrap ul li a.link{display:block; margin:0 auto; overflow:hidden;  text-align:center; background:#fff; border:1px solid #fff; padding:0 80px 0 10px;}
.market_wrap ul li a.link em{display:block; float:left; width:70px; height:70px; margin:0 10px 10px 0; overflow:hidden; border:1px solid #e5e5e5; position:relative;}
.market_wrap ul li a.link em img{display:block; width:70px;}
.market_wrap ul li a.link b{display:block;  text-align:left; font-weight:normal; font-size:12px; color:#660000;}
.market_wrap ul li a.link strong{display:block; text-align:left; padding:5px 0;  font-size:12px; color:#000;}
.market_wrap ul li a.link u{display:block;  margin:0 auto; text-align:left; overflow:hidden;  font-size:12px; color:#cc0000; font-size:12px; text-decoration:none;}
.market_wrap ul li a.link u s{color:#999; font-size:11px; padding-right:5px;}
.market_wrap ul li a.link u strong{font-weight:bold; font-size:16px; display:inline !important; color:#cc0000 !important;}
.market_wrap ul li a.link .info{display:block; width:100%; margin:0 auto; text-align:left; overflow:hidden; line-height:1.3em;  font-size:11px; color:#999;}
.market_wrap ul li a.link .icon{display:block; width:100%; overflow:hidden; padding:8px 0;}
.market_wrap ul li a.link .icon img{display:block; float:left;}
.market_wrap ul li:hover a.link{}
.market_wrap ul li:hover a.link em{border:1px solid #999;}
.market_wrap ul li .list_btn{overflow:hidden; width:60px; position:absolute; right:10px; top:10px;}
.market_wrap ul li .list_btn .ea_ar{width:70px; height:32px; float:left; overflow:hidden; position:relative; text-align:left;}
.market_wrap ul li .list_btn .ea_ar select{border:1px solid #ccc; padding:5px; font-size:11px; color:#666; width:60px;}
.market_wrap ul li .list_btn a.btn_pre{display:block; float:left; width:58px; height:40px; line-height:40px; border:1px solid #ccc; color:#666; background:#fff; text-align:center;}
.market_wrap ul li .list_btn a.btn_buy{display:block; float:left; width:58px; height:40px; line-height:40px; border:1px solid #0085e4; color:#fff; background:#0085e4; text-align:center;}

.market_view_wrap{width:98%;  border-bottom:2px solid #e5e5e5; text-align:center; margin:0 auto; padding:10px 0;}
.market_view_wrap .item_photo{width:100%; margin-bottom:10px; border:1px solid #ccc; text-align:center; position:relative;}
.market_view_wrap .item_photo div {padding:20px 0;}
.market_view_wrap .item_photo div img{max-height:180px;}
.market_view_wrap .item_photo span{position:absolute; left:15px; top:15px; display:block; overflow:hidden;}
.market_view_wrap .item_photo span img{display:block;}
.market_view_wrap .item_cont{width:100%; margin-bottom:20px; text-align:center;}
.market_view_wrap .item_cont b{display:block; padding:10px 0 5px 0; color:#660000;}
.market_view_wrap .item_cont h2{font-weight:bold; font-size:18px; font-family:Nanum Gothic; color:#000; padding-bottom:10px;}
.market_view_wrap .item_cont p{width:100%; padding-bottom:10px;text-align:left;color:#999; font-size:11px; border-bottom:1px solid #e4e4e4;}
.market_view_wrap .item_cont .view_btn{width:100%; overflow:hidden; padding-top:20px;}
.market_view_wrap .item_cont .view_btn .price{float:left; color:#cc0000; font-size:12px; padding-right:10px;}
.market_view_wrap .item_cont .view_btn .price strong{font-family:verdana; font-size:18px; }
.market_view_wrap .item_cont .view_btn .price s{color:#999; display:inline-block; padding-right:10px;}
.market_view_wrap .item_cont .view_btn .ea_ar{width:80px; height:32px; float:left; overflow:hidden; position:relative; text-align:left;}
.market_view_wrap .item_cont .view_btn .ea_ar select{border:1px solid #ccc; padding:8px 0px 7px 8px; font-size:11px; color:#666; width:80px;}
.market_view_wrap .item_cont .view_btn .btn_buynpre{width:100%; padding-top:20px; overflow:hidden;}
.market_view_wrap .item_cont .view_btn .btn_buynpre a.btn_pre{display:block; float:left; font-size:14px; font-weight:bold; width:49%; height:50px; line-height:50px; border:1px solid #ccc; color:#666; background:#fff; text-align:center;}
.market_view_wrap .item_cont .view_btn .btn_buynpre a.btn_buy{display:block; float:left; font-size:14px; font-weight:bold; width:49%; height:50px; line-height:50px; border:1px solid #0085e4; color:#fff; background:#0085e4; text-align:center;}
.market_view_wrap .item_info{clear:both; width:100%; margin:0 auto; border:1px solid #ccc; background:URL(../img/common/pt_bg.gif) repeat; text-align:left;}
.market_view_wrap .item_info p{padding:30px; color:#666; line-height:1.4em;}
.market_view_wrap .item_info p b{color:#333;}
.market_view_btn{overflow:hidden; margin:0 auto; padding:10px;}
.market_view_btn .btn_b01{float:left;}
.market_view_btn .btn_b03{float:right;}

.btn_big{width:48% !important; height:60px !important; line-height:60px !important; font-size:14px !important;}

#charge_cong{width:98%; margin:0 auto; padding-bottom:30px;}

.pop_notice{width:100%; position:relative; overflow:hidden;border:1px solid #ccc; background:URL(../img/common/pt_bg.gif) repeat; text-align:left; margin-bottom:10px;}
.pop_notice h2{font-family:verdana; font-size:18px; color:#003366; width:100%; text-align:center; padding-top:10px;}
.pop_notice ul{padding:10px 30px;}
.pop_notice ul li{font-size:12px; color:#333; list-style:disc;}
.pop_notice ul li a{color:#000;}

.step1{width:100%; overflow:hidden;}
.step1 h2{height:30px; line-height:30px; font-family:verdana; color:#003366;}
.step1 ul{width:100%; overflow:hidden; padding:10px 0; border-top:3px solid #d6d6d6; border-bottom:1px dashed #d6d6d6; margin-bottom:10px;}
.step1 ul li{float:left; text-align:center; width:20%; height:95px; overflow:hidden; margin-left:-1px;}
.step1 ul li input{display:block; position:absolute; left:0px; top:-999px;}
.step1 ul li label{ display:block;width:90%; height:93px; overflow:hidden; font-size:11px; position:relative; margin:0 auto; border:1px solid #e7e7e7; cursor:pointer; color:#7f7f7f; font-weight:bold;border-radius: 5px;}
.step1 ul li label:hover{border:1px solid #cc0000;}
.step1 ul li label em{display:block; width:100%; height:30px;}
.step1 ul li label strong{display:block; padding:5px 0;font-family:verdana; font-size:11px; color:#cc0000; letter-spacing:-0.05em;}
.step1 ul li label b{display:block; width:100%; height:20px; background:#f3f3f3; position:absolute; left:0px; bottom:0px; border-top:1px solid #e7e7e7; }
.step1 ul li label b u{display:inline-block; height:20px; line-height:20px; padding-left:12px; background:URL(../img/market/ico_radio.png) no-repeat left center;background-size:10px !important; text-decoration:none;}
.step1 ul li label.on{background:#5a84c9; color:#fff; border:1px solid #345c9c;}
.step1 ul li label.on strong{color:#fff;}
.step1 ul li label.on em{}
.step1 ul li label.on b{background:#255095;border-top:1px solid #345c9c; }
.step1 ul li label.on b u{ background:URL(../img/market/ico_radio_on.png) no-repeat left center;background-size:10px !important;}
.step1 ul li.a5000 label em{background:URL(../img/market/a5000.png) no-repeat center bottom;}
.step1 ul li.a5000 label.on em{background:URL(../img/market/a5000on.png) no-repeat center bottom;}
.step1 ul li.a10000 label em{background:URL(../img/market/a10000.png) no-repeat center bottom;}
.step1 ul li.a10000 label.on em{background:URL(../img/market/a10000on.png) no-repeat center bottom;}
.step1 ul li.a50000 label em{background:URL(../img/market/a50000.png) no-repeat center bottom;}
.step1 ul li.a50000 label.on em{background:URL(../img/market/a50000on.png) no-repeat center bottom;}
.step1 ul li.a100000 label em{background:URL(../img/market/a100000.png) no-repeat center bottom;}
.step1 ul li.a100000 label.on em{background:URL(../img/market/a100000on.png) no-repeat center bottom;}
.step1 ul li.a500000 label em{background:URL(../img/market/a500000.png) no-repeat center bottom;}
.step1 ul li.a500000 label.on em{background:URL(../img/market/a500000on.png) no-repeat center bottom;}
.step1 ul li label em,
.step1 ul li label.on em{background-size:25px !important;}

.step2{width:100%; overflow:hidden;}
.step2 h2{height:30px; line-height:30px; font-family:verdana; color:#003366;}
.step2 ul{width:100%; overflow:hidden; padding:10px 0; border-top:3px solid #d6d6d6; border-bottom:1px dashed #d6d6d6; margin-bottom:10px;}
.step2 ul li{float:left; text-align:center; width:25%; height:90px; overflow:hidden; margin-left:-1px;}
.step2 ul li input{display:block; position:absolute; left:0px; top:-999px;}
.step2 ul li label{ display:block;width:90%; height:88px; overflow:hidden; font-size:11px; position:relative; margin:0 auto; border:1px solid #e7e7e7; cursor:pointer; color:#7f7f7f; font-weight:bold;border-radius: 5px;}
.step2 ul li label:hover{border:1px solid #cc0000;}
.step2 ul li label em{display:block; width:100%; height:40px; background:#ddd;}
.step2 ul li label strong{display:block; padding:5px 0;font-family:verdana; font-size:11px; color:#7f7f7f; letter-spacing:-0.05em;}
.step2 ul li label b{display:block; width:100%; height:20px; background:#f3f3f3; position:absolute; left:0px; bottom:0px; border-top:1px solid #e7e7e7; }
.step2 ul li label b u{display:inline-block; height:20px; line-height:20px; padding-left:12px; background:URL(../img/market/ico_radio.png) no-repeat left center;background-size:10px !important; text-decoration:none;}
.step2 ul li label.on{background:#5a84c9; color:#fff; border:1px solid #345c9c;}
.step2 ul li label.on strong{color:#fff;}
.step2 ul li label.on em{background:#000;}
.step2 ul li label.on b{background:#255095;border-top:1px solid #345c9c; }
.step2 ul li label.on b u{ background:URL(../img/market/ico_radio_on.png) no-repeat left center;background-size:10px !important; }
.step2 ul li label em,
.step2 ul li label.on em{background-size:30px !important;}
.step2 ul li.mobile label em{background:URL(../img/market/ico_pay01.png) no-repeat center bottom;background-size:15px !important;}
.step2 ul li.mobile label.on em{background:URL(../img/market/ico_pay01on.png) no-repeat center bottom;background-size:15px !important;}
.step2 ul li.bank label em{background:URL(../img/market/ico_pay02.png) no-repeat center bottom;}
.step2 ul li.bank label.on em{background:URL(../img/market/ico_pay02on.png) no-repeat center bottom;}
.step2 ul li.account label em{background:URL(../img/market/ico_pay03.png) no-repeat center bottom;background-size:20px !important;}
.step2 ul li.account label.on em{background:URL(../img/market/ico_pay03on.png) no-repeat center bottom;background-size:20px !important;}
.step2 ul li.card label em{background:URL(../img/market/ico_pay04.png) no-repeat center bottom;}
.step2 ul li.card label.on em{background:URL(../img/market/ico_pay04on.png) no-repeat center bottom;}

.price_txt{width:100%; text-align:right; padding:15px 0; border-bottom:1px solid #d6d6d6;}
.price_txt h2{color:#000; font-family:'Nanum Gothic',gulim; font-size:18px; padding-right:10px;}
.price_txt h2 b{color:#cc0000;}
.price_txt p{font-size:12px; color:#999; padding:5px 10px 0 0;}

.charge_info{width:100%; border:1px solid #e7e7e7; border-top:2px solid #d6d6d6; }
.charge_info p{padding:20px;text-align:right;}
.charge_info table{width:100%;}
.charge_info table th{ border:1px solid #e7e7e7; background:#f0f0f0; color:#333; font-size:12px; text-align:center;}
.charge_info table td{border:1px solid #e7e7e7; text-align:center; color:#333; padding:3px 0;}
.charge_info table td input{padding:8px; border:1px solid #ccc; width:190px;}
.charge_info table td b{font-size:13px;}
.charge_info table td strong{font-size:16px;}

.charge_end{width:100%; text-align:center; padding:20px 0; color:#999;}
.charge_end h2{padding-bottom:10px; font-family:'Nanum Gothic',gulim; font-size:22px; color:#000;}

.buy_item{width:100%; overflow:hidden;text-align:center; padding:0 0 20px 0;}
.buy_item .item_photo{float:left;width:50%;  height:150px; border:1px solid #ccc; text-align:center; position:relative;}
.buy_item .item_photo div {padding-top:10px;}
.buy_item .item_photo div img{max-height:130px;}
.buy_item .item_photo span{position:absolute; left:15px; top:15px; display:block; overflow:hidden;}
.buy_item .item_photo span img{display:block; float:left;}
.buy_item .item_cont{float:right;width:46%; text-align:left;}
.buy_item .item_cont b{display:block; padding:10px 0 5px 0; color:#660000;}
.buy_item .item_cont h2{font-weight:bold; font-size:18px; font-family:Nanum Gothic; color:#000; padding-bottom:15px;}
.buy_item .item_cont p{width:100%; height:40px; overflow:hidden; color:#999; font-size:11px; border-bottom:1px solid #e4e4e4;}
.buy_item .item_cont .view_btn{width:100%; overflow:hidden; padding-top:20px;}
.buy_item .item_cont .view_btn .price{float:left; color:#cc0000; font-size:12px; padding-right:10px;}
.buy_item .item_cont .view_btn .price strong{font-family:verdana; font-size:18px; }
.buy_item .item_cont .view_btn .price span{color:#333; display:inline-block;}

.buy_wrap .item_info{background:#f1f1f1; width:100%; height:120px; overflow:auto;border:1px solid #ccc;margin-bottom:-1px;}
.buy_wrap .item_info p{padding:30px; color:#666; line-height:1.4em;}
.buy_wrap .item_info p b{color:#333;}

.buy_middle_btn{width:100%; position:relative;text-align:center;margin:20px 0;border-left:1px solid #cdcdcd;}
.buy_middle_btn a.bmb_a{display:block ;width:33.33%; float:left; margin-left:-2px; border:1px solid #cdcdcd; height:36px; line-height:36px; background:#fff; color:#333;}
.buy_middle_btn a.on{background:#e5e5e5;}
.buy_middle_btn .buy_history{left:0px;top:36px; width:98%; text-align:left;}
.buy_history dd{width:100%; height:190px; overflow:auto;}

.buy_info{width:100%;}
.buy_info table{width:100%; border-top:3px solid #d6d6d6; border-bottom:3px solid #d6d6d6;}
.buy_info table th,
.buy_info table td{border-bottom:1px dashed #d6d6d6; padding:10px;}
.buy_info table th{text-align:left; color:#333; font-size:12px;}
.buy_info table td{text-align:right; font-size:12px; color:#666;}
.buy_info table td b{color:#000; font-family:verdana; font-size:13px;}
.buy_info table td strong{font-family:verdana; font-size:18px;}
.buy_info table td.center{text-align:center;}

.present_select{border-top:1px solid #d6d6d6 !important;}
.present_select table td{height:37px;position:relative; text-align:left; padding-left:10px;}
.present_select table td b{color:#7e511d;}
.present_select table td .friend_list_open{position:absolute; right:8px; top:8px;}
.present_select table td .friend_list_open a.friend_open{display:block;background:#003466; color:#fff; width:100px; text-align:center; height:30px; line-height:30px;}
.present_select table td input{width:86%; padding-top:10px; padding-bottom:10px;}
.friend_list{position:relative; display:none; z-index:9999;}
.friend_list dl{position:absolute; top:-52px; right:8px; z-index:9999; border:1px solid #003466; width:280px; background:#fff;}
.friend_list dl dt{width:100%; height:40px; line-height:40px; background:#003466; color:#fff; overflow:hidden; text-align:left;}
.friend_list dl dt b{color:#fff; padding-left:10px;}
.friend_list dl dd{width:100%; height:280px; overflow:auto;}
.friend_list dl dd table{width:100%;}
.friend_list dl dd th{background:#f8f8f8; border-bottom:1px solid #c7c7c7; text-align:center; color:#848484; font-size:11px; letter-spacing:-1px; font-weight:normal; padding:3px 0;}
.friend_list dl dd td{border-bottom:1px solid #e1e1e1;padding:8px 0; text-align:center; font-size:11px; letter-spacing:-1px;}
.friend_list dl dd tr:hover{background:#fef8f2;}
.friend_list dl dd td.name{text-align:left; font-weight:bold;}