@charset "utf-8";

/* 상품리스트 */
#ListTitle { width: 1000px; height: 146px; background: url('../images/list_title_line.png') repeat-x left bottom; }
#ListTop { width: 1000px; height: 34px; }
#ListTop .Count { float: left; width: 100px; padding: 10px 0 0 28px; color: #333; font-size: 14px; font-weight: bold; background: url('../images/list_count_bullet.png') no-repeat 1px 7px; line-height: 1.2; }
#ListTop .Count span { color: #690; }
#ListTop .ListOrder { float: right; width: 202px; height: 14px; padding: 10px 8px 0 0; }
#ListTop .ListOrder li { float: left; height: 14px; }
#ListTop .ListOrder li.bar { width: 23px; background: url('../images/list_order_bar.png') no-repeat 11px 2px; }
#ItemList { float: left; width: 1000px; overflow-x: hidden; }
#ItemList ul { width: 1008px; }
#ItemList li.Item { float: left; position: relative; width: 326px; height: 348px; border: 1px solid #dadada; background-color: #fff; overflow: hidden; margin: 0 8px 8px 0; cursor: pointer; }
#ItemList li.Item img { display: block; width: 326px; height: 348px; }
#ItemList li .ItemInfo { display: none; position: absolute; left: 0; top: 0; width: 258px; height: 262px; padding: 43px 34px; background: url('../images/shop_item_info_bg.png') repeat left top; cursor: pointer; }
#ItemList li .ItemInfo .name { font-size: 16px; padding-bottom: 5px; font-weight: bold; color: #fff; }
#ItemList li .ItemInfo .manufct { font-size: 14px; padding-bottom: 5px; color: #fff; }
#ItemList li .ItemInfo .explan { font-size: 14px; color: #fff; line-height: 18px; padding-bottom: 20px; }
#ItemList li .ItemInfo .price { font-size: 14px; color: #fff; }
#ItemList .ajax_load { float: left; width: 1000px; padding-top: 30px; text-align: center; }
#ItemList li.nolist { width: 1000px; padding: 50px 0; text-align: center; }
#ListButton { float: right; height: 34px; }
#ListButton li { float: right; width: 143px; height: 34px; }
*+html #ListButton li { float: right; width: 34px; height: 34px; padding-top: 8px; }
#ListButton li.pad { margin-left: 8px; width:34px; }
#ListButton li img { display: block; }

/* 검색 */
#ListTop .SchCount { float: left; width: 800px; padding: 10px 0 0 28px; color: #333; font-size: 14px; font-weight: bold; background: url('../images/list_count_bullet.png') no-repeat 1px 7px; line-height: 1.2; }
#ListTop .SchCount span { color: #690; }

/* 테마 */
#ThemeTopWrap { float: left; width: 1000px; background: url('../images/list_title_line.png') repeat-x left bottom; }
#ThemeTopWrap .Title { position: relative; width: 1000px; height: 113px; }
#ThemeTopWrap .Title .Desc { position: absolute; right: 0; bottom: 10px; height: 13px; padding-left: 20px; background: url('../images/theme_icon_quot.png') no-repeat left top; line-height: 1.2; }
#ThemeTopWrap .Tab { width: 1000px; height: 42px; border-bottom: 1px solid #999; }
#ThemeTopWrap .Tab li { float: right; height: 30px; border-left: 1px solid #999; border-top: 1px solid #999; font-family: '나눔고딕', NanumGothic, ngwoff, ngeot, Dotum; font-weight: bold; }
#ThemeTopWrap .Tab li.rtbrd { border-right: 1px solid #999; }
#ThemeTopWrap .Tab li a { display: block; line-height: 30px; padding: 0 15px;color: #fff; background-color: #690; }
#ThemeTopWrap .Tab li a:hover { text-decoration: none; color: #fff; background-color: #690; }
#ThemeTopWrap .Tab li a.selected { color: #fff; background-color: #690; }
#ThemeTopWrap .InfoWrap { float: left; width: 1000px; padding-top: 25px; padding-bottom: 18px; }
#ThemeTopWrap .InfoWrap .Basic { float: left; margin-left: 6px; width: 215px; }
#ThemeTopWrap .InfoWrap .Basic .info { width: 450px; height: 27px; padding-left: 7px; background: url('../images/theme_info_bullet.png') no-repeat 0 8px; font-size: 14px; font-family: Tahoma, '나눔고딕', NanumGothic, ngwoff, ngeot, Dotum; line-height: 1.2; }
#ThemeTopWrap .InfoWrap .Basic .link { width: 215px; padding-top: 12px; font-size: 14px; font-family: Tahoma, '나눔고딕', NanumGothic, ngwoff, ngeot, Dotum; line-height: 1.2; }
#ThemeTopWrap .InfoWrap .Logo { float: left; width: 198px; height: 173px; margin-left: 9px; border: 1px solid #ccc; overflow: hidden; }
#ThemeTopWrap .InfoWrap .Logo img { width: 198px; height: 173px; }
#ThemeTopWrap .InfoWrap .Story { float: right; min-width:500px; margin-right: 12px; }
#ThemeTopWrap .InfoWrap .Story .Title { width: 535px; height: 34px; }
#ThemeTopWrap .InfoWrap .Story .Content { width: 535px; line-height: 1.5; padding-bottom: 45px; }

/* 상품정보 */
#ItemInfoWrap { float: left; width: 1000px; padding: 30px 0 40px 0; }
#ItemInfoWrap .NaviWrap { position: relative; width: 1000px; height: 42px; }
#ItemInfoWrap .NaviWrap .Prev { float: left; width: 102px; height: 26px; cursor: pointer; }
#ItemInfoWrap .NaviWrap .Navi { float: left; padding: 7px 0 0 12px; line-height: 1.2; }
#ItemInfoWrap .NaviWrap .SNSSend { float: right; padding-top: 3px; }
#ItemInfoWrap .NaviWrap .SNSSend .Twitter { float: right; }
#ItemInfoWrap .NaviWrap .SNSSend .Facebook { float: right; margin-left: 5px; }
#ItemInfoWrap .ItemInfo { float: left; width: 1000px; }
#ItemInfoWrap .ItemInfo .PhotoWrap { float: left; width: 550px; }
#ItemInfoWrap .ItemInfo .PhotoWrap .Photo { float: left; width: 527px; height: 548px; text-align: center; border: 1px solid #dedede; background-color: #fff; overflow: hidden; }
#ItemInfoWrap .ItemInfo .PhotoWrap .Photo img { height: 548px; }
#ItemInfoWrap .ItemInfo .PhotoWrap .Thumbnail { float: left; width: 550px; height: 79px; }
#ItemInfoWrap .ItemInfo .PhotoWrap .Thumbnail li { float: left; width: 19%; height: 78px; text-align: center; border-right: 1px solid #dedede; border-bottom: 1px solid #dedede; background-color: #fff; overflow: hidden; cursor: pointer; }
#ItemInfoWrap .ItemInfo .PhotoWrap .Thumbnail li.ltbrd { border-left: 1px solid #dedede; }
#ItemInfoWrap .ItemInfo .PhotoWrap .Thumbnail li img { height: 78px; }
#ItemInfoWrap .ItemInfo .InfoWrap { float: right; width: 420px; }
#ItemInfoWrap .ItemInfo .InfoWrap .Name { width: 420px; padding-bottom: 15px; font-size: 28px; color: #333; font-family: Tahoma, '나눔고딕', NanumGothic, ngwoff, ngeot; line-height: 1.2; }
#ItemInfoWrap .ItemInfo .InfoWrap .Basic { width: 390px; height: 83px; padding: 15px; background-color: #333; color: #fff; }
#ItemInfoWrap .ItemInfo .InfoWrap .InfoList { float: left; width: 420px; padding-top: 12px; padding-bottom: 9px; background: url('../images/detail_dot_line.png') repeat-x left bottom; }
#ItemInfoWrap .ItemInfo .InfoWrap .fwrap { float: left; width: 420px; }
#ItemInfoWrap .ItemInfo .InfoWrap .fwrap .label { float: left; width: 104px; line-height: 28px; padding-left: 14px; font-size: 13px; color: #333; font-family: '나눔고딕', NanumGothic, ngwoff, ngeot; font-weight: bold; }
#ItemInfoWrap .ItemInfo .InfoWrap .fwrap .infotext { float: left; font-size: 14px; line-height: 28px; }
#ItemInfoWrap .ItemInfo .InfoWrap .fwrap .infotext1 { float: left; font-size: 14px; line-height: 28px; font-family: Tahoma, '맑은 고딕', Dotum; }
#ItemInfoWrap .ItemInfo .InfoWrap .fwrap .fc1 { color: #000; }
#ItemInfoWrap .ItemInfo .InfoWrap .fwrap .fc2 { color: #690; font-weight: bold; }
#ItemInfoWrap .ItemInfo .InfoWrap .fwrap .fs20 { font-size: 20px; }
#ItemInfoWrap .ItemInfo .InfoWrap .fwrap .fs20b { font-weight: bold; }
#ItemInfoWrap .ItemInfo .InfoWrap .fwrap .txdc { text-decoration: line-through; }
#ItemInfoWrap .ItemInfo .InfoWrap .Option { float: left; width: 420px; padding: 5px 0 19px 0; background: url('../images/detail_double_line.png') repeat-x left bottom; }
#ItemInfoWrap .ItemInfo .InfoWrap .Option .fpad { display: block; float: left; padding-top: 5px; }
#ItemInfoWrap .ItemInfo .InfoWrap .Option .btn_minus { float: left; width: 18px; height: 24px; background: url('../images/btn_minus.png') no-repeat 0 6px; cursor: pointer; }
#ItemInfoWrap .ItemInfo .InfoWrap .Option .quantity { float: left; padding-left: 10px; padding-right: 10px; line-height: 28px; color: #690; font-size: 14px; font-family: Tahoma, Dotum; font-weight: bold; }
#ItemInfoWrap .ItemInfo .InfoWrap .Option .btn_plus { float: left; width: 18px; height: 24px; background: url('../images/btn_plus.png') no-repeat 0 6px; cursor: pointer; }
#ItemInfoWrap .ItemInfo .InfoWrap .Buttons { float: left; width: 420px; padding-top: 25px; height: 40px; overflow: hidden; }
#ItemInfoWrap .ItemInfo .InfoWrap .Buttons ul { width: 426px; }
#ItemInfoWrap .ItemInfo .InfoWrap .Buttons li { float: left; width: 135px; height: 40px; margin-right: 7px; }

.DetailTab { float: left; width: 1000px; height: 60px; background: url('../images/detail_tab_bg.png') no-repeat 0 40px; }
.DetailTab li { float: left; height: 43px; }
.DTContents { float: left; width: 1000px; padding-top: 32px; }
.DTContents .DTLeft { float: left; width: 168px; }
.DTContents .DTLeft .Title { width: 168px; height: 126px; }
.DTContents .DTRight { float: right; width: 832px; }

#DetailPhoto { float: left; width: 1000px; padding-bottom: 40px; }
#DetailPhoto .PhotoList { float: left; position: relative; width: 1000px; padding-top: 8px; overflow: hidden; }
#DetailPhoto .PhotoList ul { width: 1008px; }
#DetailPhoto .PhotoList li { float: left; width: 326px; height: 348px; border: 1px solid #dadada; background-color: #fff; overflow: hidden; margin: 8px 8px 0 0; cursor: pointer; }
#DetailPhoto .PhotoList li img { width: 326px; height: 348px; }

#DetailInfo { float: left; width: 1000px; padding-bottom: 40px; }
#DetailInfo .Extra { width: 158px; line-height: 36px; font-size: 16px; color: #333; padding-left: 10px; font-family: '나눔고딕', NanumGothic, ngwoff, ngeot; font-weight: bold; background: url('../images/detail_double_line.png') repeat-x left bottom; margin-top: 18px; }
#DetailInfo .Extra .Plus { float: right; margin: 11px 5px 0 0; width: 15px; height: 15px; background: url('../images/detail_icon_plus.png') no-repeat left top; }
#DetailInfo .exLabel { width: 156px; line-height: 38px; padding-left: 12px; font-family: '나눔고딕', NanumGothic, ngwoff, ngeot; font-weight: bold; background: url('../images/detail_dot_line.png') repeat-x left bottom; cursor: pointer; }
#DetailInfo .exLabel .icon { float: right; margin: 11px 6px 0 0; width: 9px; height: 13px; background: url('../images/detail_icon_triangle_out.png') no-repeat left top; }
#DetailInfo .exLabel .iconover { background-image: url('../images/detail_icon_triangle_over.png'); }
#DetailInfo .ExplanWrap { float: right; position: relative; width: 800px; z-index: 100; }
#DetailInfo .ExplanWrap .Explan { width: 800px; line-height: 1.5; color: #333; font-size: 13px; letter-spacing: -0.5px; font-family: '맑은 고딕', '나눔고딕', NanumGothic, ngwoff, ngeot; }
#DetailInfo .ExplanWrap .Explan br { letter-spacing: 0; }
#DetailInfo .ExplanWrap .PictoGram { float: left; width: 800px; padding-top: 50px; overflow-x: hidden; }
#DetailInfo .ExplanWrap .PictoGram li { float: left; width: 816px; padding-bottom: 16px; }
#DetailInfo .ExplanWrap .PictoGram li .picto { float: left; width: 120px; height: 120px; margin-right: 16px; overflow: hidden; }
#DetailInfo .ExplanWrap #ExtraContents { display: none; position: absolute; left: 0; top: 0; width: 798px; height: 698px; border: 1px solid #690; background-color: #fff; z-index: 100; }
#DetailInfo .ExplanWrap #hLine { display: none; position: absolute; left: -40px; _left: -45px; top: 197px; width: 40px; _width: 45px; height: 1px; font-size: 1px; background: url('../images/detail_hLine.png') repeat-x left top; z-index: 110; }
#DetailInfo .ExplanWrap #ExtraContents #ExtraClose { position: absolute; right: 14px; top: 9px; width: 21px; height: 20px; background: url('../images/detail_extra_close.png') no-repeat left top; cursor: pointer; }
#ExtraContents #ExtContainer { position:absolute; left: 20px; top:20px; width:755px; height:580px; }
#mcs_container { position:relative; top:0; width:755px; height:660px; padding:0 10px; }
#mcs_container .customScrollBox { position:relative; height:100%; overflow:hidden; }
#mcs_container .customScrollBox .container { position:relative; width:715px; top:0; float:left; }
#mcs_container .customScrollBox .content { clear:both; }
#mcs_container .dragger_container { position:relative; width:1px; height:630px; float:left; margin-left:30px; margin-top: 20px; background:#690; cursor:pointer; }
#mcs_container .dragger { position:absolute; left: -5px; top: 10px; width:10px; height:60px; background-color: #690; }
#mcs_container .dragger_pressed { position:absolute; left: -5px; top: 0; width:10px; height:60px; background-color: #690; }

#DetailEpilogue { float: left; width: 1000px; padding-bottom: 40px; }
#DetailEpilogue .LikeWrap { width: 168px; padding: 24px 0 17px 0; background: url('../images/detail_dot_line.png') repeat-x left bottom; }
#DetailEpilogue .LikeWrap .LikeCount { width: 122px; padding-top: 4px; padding-left: 46px; height: 32px; background: url('../images/detail_icon_heart.png') no-repeat 2px 0; color: #333; font-size: 22px; font-weight: bold; font-family: Tahoma, Dotum; line-height: 0.9; }
#DetailEpilogue .LikeWrap .LikeText { width: 164px; padding-left: 4px; color: #333; font-weight: bold; }
#DetailEpilogue .LikeButton { float: left; width: 168px; padding-top: 12px; }
#DetailEpilogue .LikeButton .lButton { float: left; padding-left: 3px; }
#DetailEpilogue .LikeButton .rButton { float: right; padding-right: 1px; }
#DetailEpilogue .EpiWrap { float: right; width: 800px; }
#DetailEpilogue .EpiWrap .Title { width: 800px; height: 28px; color: #333; font-size: 16px; font-weight: bold; background: url('../images/detail_dot_line.png') repeat-x left bottom; line-height: 1.2; }
#DetailEpilogue .EpiWrap .EpiList { float: left; width: 800px; padding-top: 15px; font-size: 13px; }
#DetailEpilogue .EpiWrap .EpiList li { float: left; width: 800px; padding: 24px 0 22px 0; border-bottom: 1px dashed #ccc; }
#DetailEpilogue .EpiWrap .EpiList li .name { float: left; width: 100px; height: 20px; padding-left: 25px; color: #333; font-weight: bold; background: url('../images/detail_icon_comment.png') no-repeat 2px 0; line-height: 1.2; }
#DetailEpilogue .EpiWrap .EpiList li .comment { float: left; width: 530px; line-height: 1.5; }
#DetailEpilogue .EpiWrap .EpiList li .date { float: right; width: 100px; padding-right: 5px; color: #999; font-family: Tahoma, Dotmu; }
#DetailEpilogue .EpiWrap .EpiList li.nolist { padding: 30px 0; text-align: center; }
#DetailEpilogue .EpiWrap .EpiList #EpiPaging { clear: both; width: 800px; padding-top: 25px; text-align: center; font-family: Tahoma, Dotum; }
#DetailEpilogue .EpiWrap .EpiList #EpiPaging b { color: #000; }
#DetailEpilogue .EpiWrap .EpiList #EpiPaging a { color: #898989; text-decoration: none; }
#DetailEpilogue .EpiWrap .EpiList #EpiPaging a:hover { color: #3f73b5; }

#DetailRelation { float: left; width: 1000px; }
#DetailRelation .RelList { float: right; width: 800px; padding-bottom: 30px; overflow-x: hidden; }
#DetailRelation .RelList ul { width: 808px; }
#DetailRelation .RelList li.Item { float: left; position: relative; width: 192px; height: 205px; background-color: #fff; border: 1px solid #dadada; overflow: hidden; margin: 0 8px 8px 0; }
#DetailRelation .RelList li img { width: 192px; height: 205px; }
#DetailRelation .RelList li.Item .ItemInfo { display: none; position: absolute; left: 0; top: 0; width: 162px; height: 175px; padding: 15px; background: url('../images/shop_item_info_bg.png') repeat left top; cursor: pointer; }
#DetailRelation .RelList li.Item .ItemInfo .name { font-size: 16px; padding-bottom: 5px; font-weight: bold; color: #fff; }
#DetailRelation .RelList li.Item .ItemInfo .manufct { font-size: 14px; padding-bottom: 5px; color: #fff; }
#DetailRelation .RelList li.Item .ItemInfo .price { font-size: 14px; color: #fff; }
#DetailRelation .RelList li.nolist { padding: 50px 0; text-align: center; }

#DetailDelivery { float: left; width: 1000px; padding-bottom: 70px; background: url('../images/detail_dot_line.png') repeat-x left top; }
#DetailDelivery .boxtop { width: 800px; height: 2px; font-size: 1px; background: url('../images/detail_box_top.png') no-repeat left top; }
#DetailDelivery .boxmain { width: 750px; padding: 25px; background: url('../images/detail_box_bg.png') repeat-y left top; line-height: 1.5; color: #6a6b6a; font-size: 13px; }
#DetailDelivery .boxmain .tpad { padding-top: 10px; }
#DetailDelivery .boxmain .bpad { padding-bottom: 20px; }
#DetailDelivery .boxbottom { width: 800px; height: 1px; font-size: 1px; /*background: url('../images/detail_box_bottom.png') no-repeat left top;*/ }
#DetailDelivery .DL { float: right; width: 800px; padding-bottom: 7px; }
#DetailDelivery .subj { padding-left: 28px; color: #000; font-size: 14px; font-weight:bold; background: url('../images/detail_icon_circle.png') no-repeat left 3px; line-height: 1.2; }
#DetailDelivery .CS { float: right; }
#DetailTopGo { float: right; width: 34px; height: 34px; background: url('../images/list_btn_top.png') no-repeat left top; cursor: pointer; }

/* Cart */
#CartWrap { float: left; width: 1000px; padding-bottom: 40px; }
#CartWrap .Title { width: 1000px; height: 200px; }
#CartWrap .SmileWrap { float: left; width: 998px; height: 38px; border: 1px solid #999; background-color: #f4f4f4; }
#CartWrap .SmileWrap .Smile { float: left; padding-left: 50px; font-size: 14px; line-height: 38px; background: url('../images/order_result_smile.png') no-repeat 15px 7px; }
#CartWrap .SmileWrap .Smile span { color: #333; font-weight: bold; }
#CartWrap .SmileWrap .Mileage { float: right; padding: 0 40px 0 70px; color: #fff; font-size: 14px; font-weight: bold; background: #333 url('../images/cart_mileage_icon.png') no-repeat 33px 6px; line-height: 38px; }
#CartWrap #CartList { float: left; width: 1000px; padding-top: 20px; }
#CartWrap .MemberButton { clear: both; width: 1000px; height: 30px; padding-top: 8px; padding-bottom: 30px; text-align: right; }
#CartWrap #CartList .SubTitle { width: 1090px; line-height: 31px; font-size: 18px; font-weight: bold; color: #333; font-family: '나눔고딕', NanumGothic, ngwoff, ngeot; border-bottom: 2px solid #690; }
#CartWrap #CartList li { float: left; width: 1090px; border-bottom: 1px solid #ccc; }
#CartWrap #CartList li.title { background-color: #e6e6e6; }
#CartWrap #CartList li.list { height: 105px; }
#CartWrap #CartList li .item { width: 353px; }
#CartWrap #CartList li .qty { width: 100px; }
#CartWrap #CartList li .price { width: 120px; }
#CartWrap #CartList li .option { width: 210px; }
#CartWrap #CartList li .amount { width: 120px; }
#CartWrap #CartList li .sendcost { width: 120px; }
#CartWrap #CartList li .remark { width: 60px; }
#CartWrap #CartList li .ltbrd { border-left: 1px solid #ccc; }
#CartWrap #CartList li.title div { float: left; line-height: 32px; text-align: center; color: #333; font-weight: bold; }
#CartWrap #CartList li.list .item { float: left; width: 345px; padding-left: 8px; }
#CartWrap #CartList li.list .item .img { float: left; margin-top: 15px; border: 1px solid #ccc; width: 89px; height: 72px; overflow: hidden; }
#CartWrap #CartList li.list .item .img img { width: 89px; height: 72px; }
#CartWrap #CartList li.list .item .name { float: left; padding: 42px 0 0 24px; width: 220px; height: 63px; }
#CartWrap #CartList li.list .qty { float: left; text-align: center; height: 63px; padding-top: 42px; }
#CartWrap #CartList li.list .price { float: left; text-align: center; height: 63px; padding-top: 42px; }
#CartWrap #CartList li.list .option { float: left; text-align: center; height: 80px; padding-top: 25px; }
#CartWrap #CartList li.list .amount { float: left; text-align: center; height: 63px; padding-top: 42px; }
#CartWrap #CartList li.list .sendcost { float: left; text-align: center; height: 75px; padding-top: 30px; }
#CartWrap #CartList li.list .remark { float: left; text-align: center; height: 75px; padding-top: 30px; }
#CartWrap #CartListBottom { float: left; width: 1000px; }
#CartWrap #CartListBottom .CartButtons { float: left; width: 390px; height: 47px; padding: 18px 0 0 20px; }
#CartWrap #CartListBottom  .Total { float: right; padding-right: 20px; line-height: 65px; font-size: 18px; font-weight: bold; color: #333; }
#CartWrap #CartListBottom  .Total span { color: #690; }
#CartWrap #CartOrder { float: left; width: 1000px; height: 30px; padding-top: 10px; }
#CartWrap #CartOrder .desc { float: left; line-height: 30px; }
#CartWrap #CartOrder .cbuttons { float: right; height: 30px; }

/* 마이페이지 */
#MPWrap { float: left; width: 1000px; padding-bottom: 40px; }
#MPWrap .Title { width: 1000px; height: 144px; }
#MPWrap .SmileWrap { float: left; width: 998px; height: 38px; border: 1px solid #999; background-color: #f4f4f4; }
#MPWrap .SmileWrap .Smile { float: left; padding-left: 50px; font-size: 14px; line-height: 38px; background: url('../images/order_result_smile.png') no-repeat 15px 7px; }
#MPWrap .SmileWrap .Smile span { color: #333; font-weight: bold; }
#MPWrap .SmileWrap .Mileage { float: right; padding: 0 40px 0 70px; color: #fff; font-size: 14px; font-weight: bold; background: #333 url('../images/cart_mileage_icon.png') no-repeat 33px 6px; line-height: 38px; }
#MPWrap .SubTitle { width: 1000px; line-height: 31px; font-size: 18px; font-weight: bold; color: #333; font-family: '나눔고딕', NanumGothic, ngwoff, ngeot; border-bottom: 2px solid #690; }
#MPWrap .MemberButton { clear: both; width: 1000px; height: 30px; padding-top: 8px; padding-bottom: 30px; text-align: right; }
#MPWrap #OrderWrap { float: left; width: 1000px; padding-top: 10px; padding-bottom: 20px; }
#MPWrap #OrderWrap li { float: left; width: 1000px; border-bottom: 1px solid #ccc; }
#MPWrap #OrderWrap li.title { }
#MPWrap #OrderWrap li.list { padding: 10px 0; }
#MPWrap #OrderWrap li .od_no { width: 150px; }
#MPWrap #OrderWrap li .od_item { width: 300px; }
#MPWrap #OrderWrap li .od_amount { width: 100px; }
#MPWrap #OrderWrap li .od_status { width: 120px; }
#MPWrap #OrderWrap li .od_invoice { width: 210px; }
#MPWrap #OrderWrap li .od_send { width: 120px; }
#MPWrap #OrderWrap li div { float: left; text-align: center; }
#MPWrap #OrderWrap li.title div { font-weight: bold; color: #333; line-height: 35px; }
#MPWrap #OrderWrap li.nolist { padding: 30px 0; text-align: center; }
#MPWrap #MPPaging { clear: both; width: 1000px; padding-top: 25px; text-align: center; font-family: Tahoma, Dotum; }
#MPWrap #MPPaging b { color: #000; }
#MPWrap #MPPaging a { color: #898989; text-decoration: none; }
#MPWrap #MPPaging a:hover { color: #3f73b5; }
#MPWrap #QNAWrap { float: left; position: relative; width: 1000px; padding-bottom: 20px; }
#MPWrap #QNAWrap li { float: left; width: 1000px; border-bottom: 1px solid #ccc; }
#MPWrap #QNAWrap li.title { }
#MPWrap #QNAWrap li.list { padding: 10px 0; }
#MPWrap #QNAWrap li div { float: left; text-align: center; }
#MPWrap #QNAWrap li.title div { color: #333;  font-weight: bold; line-height: 35px; }
#MPWrap #QNAWrap li .q_subject { width: 700px; }
#MPWrap #QNAWrap li .q_date { width: 150px; }
#MPWrap #QNAWrap li .q_status { width: 150px; font-weight: bold; }
#MPWrap #QNAWrap li .q_status .yet { color: #999; }
#MPWrap #QNAWrap li .q_status .done { color: #690; }
#MPWrap #QNAWrap li.list .q_subject { text-align: left; padding-left: 20px; width: 680px; white-space: nowrap; overflow-x: hidden; }
#MPWrap #QNAWrap li.list .q_subject span:hover { text-decoration: underline; cursor: pointer; }
#MPWrap #QNAWrap li.nolist { padding: 30px 0; text-align: center; }
#MPWrap #QNAWrap .QNAPopup { display: none; position: absolute; left: 100px; top: 68px; width: 763px; padding: 45px 0 45px 33px; border: 2px solid #690; background-color: #fff; }
#MPWrap #QNAWrap .QNAPopup .Close { position: absolute; right: 22px; top: 23px; width: 21px; height: 20px; background: url('../images/popup_btn_close.png') no-repeat left top; cursor: pointer; }
#MPWrap #QNAWrap .QNAPopup .QWrap { width: 690px; padding: 5px 0 30px 40px; background: url('../images/mypage_qna_q.png') no-repeat left top; border-bottom: 1px dashed #999; }
#MPWrap #QNAWrap .QNAPopup .QWrap .info { width: 600px; height: 28px; font-weight: bold; }
#MPWrap #QNAWrap .QNAPopup .QWrap .subj { width: 650px; font-weight: bold; padding-bottom: 15px; }
#MPWrap #QNAWrap .QNAPopup .QWrap .content { width: 650px; line-height: 150%; }
#MPWrap #QNAWrap .QNAPopup .AWrap { width: 690px; padding: 40px 0 10px 40px; background: url('../images/mypage_qna_a.png') no-repeat left 35px; line-height: 150%; }
#MPWrap #WishWrap { float: left; width: 1000px; }
#MPWrap #WishWrap #WishList { float: left; width: 1000px; overflow-x: hidden; }
#MPWrap #WishWrap #WishList li { float: left; width: 192px; margin-right: 10px; padding-top: 25px; }
#MPWrap #WishWrap #WishList li .img { width: 190px; height: 227px; border: 1px solid #dadada; overflow: hidden; }
#MPWrap #WishWrap #WishList li .img img { width: 190px; height: 227px; }
#MPWrap #WishWrap #WishList li .btn { padding-top: 4px; text-align: right; }
#MPWrap #WishWrap #WishList li.nolist { padding: 50px 0; width: 1000px; text-align: center; }
#MPWrap #ProductList { float: left; width: 1000px; padding-top: 20px; }
#MPWrap #ProductList li { float: left; width: 1000px; border-bottom: 1px solid #ccc; }
#MPWrap #ProductList li.title { background-color: #e6e6e6; }
#MPWrap #ProductList li.list { height: 105px; }
#MPWrap #ProductList li .item { width: 413px; }
#MPWrap #ProductList li .qty { width: 100px; }
#MPWrap #ProductList li .price { width: 120px; }
#MPWrap #ProductList li .option { width: 120px; }
#MPWrap #ProductList li .amount { width: 120px; }
#MPWrap #ProductList li .mileage { width: 120px; }
#MPWrap #ProductList li .ltbrd { border-left: 1px solid #ccc; }
#MPWrap #ProductList li.title div { float: left; line-height: 32px; text-align: center; color: #333; font-weight: bold; }
#MPWrap #ProductList li.list .item { float: left; width: 405px; padding-left: 8px; }
#MPWrap #ProductList li.list .item .img { float: left; margin-top: 15px; border: 1px solid #ccc; width: 89px; height: 72px; overflow: hidden; }
#MPWrap #ProductList li.list .item .img img { width: 89px; height: 72px; }
#MPWrap #ProductList li.list .item .name { float: left; padding: 42px 0 0 24px; width: 280px; height: 63px; }
#MPWrap #ProductList li.list .qty { float: left; text-align: center; height: 63px; padding-top: 42px; }
#MPWrap #ProductList li.list .price { float: left; text-align: center; height: 63px; padding-top: 42px; }
#MPWrap #ProductList li.list .option { float: left; text-align: center; height: 80px; padding-top: 25px; }
#MPWrap #ProductList li.list .amount { float: left; text-align: center; height: 63px; padding-top: 42px; }
#MPWrap #ProductList li.list .mileage { float: left; text-align: center; height: 63px; padding-top: 45px; }
#MPWrap #ProductList li.list .remark { float: left; text-align: center; height: 75px; padding-top: 30px; }
#MPWrap #PaymentInfo { float: left; width: 1000px; padding-top: 40px; }
#MPWrap .field { float: left; width: 1000px; border-bottom: 1px solid #ccc; }
#MPWrap .label { float: left; width: 130px; line-height: 32px; padding-left: 20px; color: #333; font-weight: bold; background: #e6e6e6 url('../images/order_form_bullet2.png') no-repeat 13px 14px; border-right: 1px solid #ccc; }
#MPWrap .fld { display: block; float: left; padding-left: 15px; padding-top: 5px; *padding-top: 4px; }
#MPWrap .text { display: block; line-height: 22px; *line-height: 23px; }
#MPWrap #DeliveryInfo { float: left; width: 1000px; padding-top: 20px; }
#MPWrap #OrderInfo { float: left; width: 1000px; padding-top: 20px; }
#MPWrap #OrderViewButton { clear: both; width: 1000px; text-align: right; padding-top: 20px; }

/* 비회원주문정보 */
#OrderView2Wrap { float: left; width: 1000px; padding-bottom: 40px; }
#OrderView2Wrap .Title { width: 1000px; height: 144px; }
#OrderView2Wrap .SmileWrap { float: left; width: 998px; height: 38px; border: 1px solid #999; background-color: #f4f4f4; }
#OrderView2Wrap .SmileWrap .Smile { float: left; padding-left: 50px; font-size: 14px; line-height: 38px; background: url('../images/order_result_smile.png') no-repeat 15px 7px; }
#OrderView2Wrap .SmileWrap .Smile span { color: #333; font-weight: bold; }
#OrderView2Wrap .SmileWrap .OrderNo { float: right; padding: 0 40px; color: #fff; font-size: 14px; font-weight: bold; background-color: #333; line-height: 38px; }
#OrderView2Wrap #ProductList { float: left; width: 1000px; padding-top: 20px; }
#OrderView2Wrap .SubTitle { width: 1000px; line-height: 31px; font-size: 18px; font-weight: bold; color: #333; font-family: '나눔고딕', NanumGothic, ngwoff, ngeot; border-bottom: 2px solid #690; }
#OrderView2Wrap #ProductList li { float: left; width: 1000px; border-bottom: 1px solid #ccc; }
#OrderView2Wrap #ProductList li.title { background-color: #e6e6e6; }
#OrderView2Wrap #ProductList li.list { height: 105px; }
#OrderView2Wrap #ProductList li .item { width: 413px; }
#OrderView2Wrap #ProductList li .qty { width: 100px; }
#OrderView2Wrap #ProductList li .price { width: 120px; }
#OrderView2Wrap #ProductList li .option { width: 120px; }
#OrderView2Wrap #ProductList li .amount { width: 120px; }
#OrderView2Wrap #ProductList li .mileage { width: 120px; }
#OrderView2Wrap #ProductList li .ltbrd { border-left: 1px solid #ccc; }
#OrderView2Wrap #ProductList li.title div { float: left; line-height: 32px; text-align: center; color: #333; font-weight: bold; }
#OrderView2Wrap #ProductList li.list .item { float: left; width: 405px; padding-left: 8px; }
#OrderView2Wrap #ProductList li.list .item .img { float: left; margin-top: 15px; border: 1px solid #ccc; width: 89px; height: 72px; overflow: hidden; }
#OrderView2Wrap #ProductList li.list .item .img img { width: 89px; height: 72px; }
#OrderView2Wrap #ProductList li.list .item .name { float: left; padding: 42px 0 0 24px; width: 280px; height: 63px; }
#OrderView2Wrap #ProductList li.list .qty { float: left; text-align: center; height: 63px; padding-top: 42px; }
#OrderView2Wrap #ProductList li.list .price { float: left; text-align: center; height: 63px; padding-top: 42px; }
#OrderView2Wrap #ProductList li.list .option { float: left; text-align: center; height: 80px; padding-top: 25px; }
#OrderView2Wrap #ProductList li.list .amount { float: left; text-align: center; height: 63px; padding-top: 42px; }
#OrderView2Wrap #ProductList li.list .mileage { float: left; text-align: center; height: 63px; padding-top: 45px; }
#OrderView2Wrap #ProductList li.list .remark { float: left; text-align: center; height: 75px; padding-top: 30px; }
#OrderView2Wrap #PaymentInfo { float: left; width: 1000px; padding-top: 40px; }
#OrderView2Wrap .field { float: left; width: 1000px; border-bottom: 1px solid #ccc; }
#OrderView2Wrap .label { float: left; width: 130px; line-height: 32px; padding-left: 20px; color: #333; font-weight: bold; background: #e6e6e6 url('../images/order_form_bullet2.png') no-repeat 13px 14px; border-right: 1px solid #ccc; }
#OrderView2Wrap .fld { display: block; float: left; padding-left: 15px; padding-top: 5px; *padding-top: 4px; }
#OrderView2Wrap .text { display: block; line-height: 22px; *line-height: 23px; }
#OrderView2Wrap #DeliveryInfo { float: left; width: 1000px; padding-top: 20px; }
#OrderView2Wrap #OrderInfo { float: left; width: 1000px; padding-top: 20px; }