/* ==========================================================================
   Vaporwave Mypage CSS
   Merged from PC_skin17/css/module/layout/myshop.css and
   PC_skin17/css/module/myshop/*.css
   ========================================================================== */

/* --------------------------------------------------------------------------
   layout/myshop.css — 가로형 nav 메뉴
   -------------------------------------------------------------------------- */
.xans-layout-myshop { margin:0 0 20px; padding:0 0 13px; border-bottom:1px solid #e8e8e8; }
.xans-layout-myshop h2 { height:26px; color:#2e2e2e; font-size:12px; }
.xans-layout-myshop ul { padding:0 0 0 4px; }
.xans-layout-myshop li { display:inline-block; padding:0 9px 0 5px; color:#757575; line-height:22px; background:url("http://img.echosting.cafe24.com/skin/base/common/ico_bar.gif") no-repeat 100% 4px; *display:inline; *zoom:1; }
.xans-layout-myshop li.order {}
.xans-layout-myshop li.mileage { background:none; }
.xans-layout-myshop li.member {}
.xans-layout-myshop li.consult { background:none; }
.xans-layout-myshop li.wish { background:none; }
.xans-layout-myshop a { color:#757575; }

/* --------------------------------------------------------------------------
   myshop/main.css — 마이쇼핑홈 카드 그리드
   -------------------------------------------------------------------------- */
#myshopMain { margin:30px 0 0 0; overflow:hidden; }
#myshopMain .shopMain { width:33.33%; float:left; vertical-align:top; }
#myshopMain .shopMain .box { margin:10px; padding:30px 30px 30px 110px; border:1px solid #eee; border-radius:10px; min-height:110px; position:relative; }
#myshopMain .shopMain .box:before { display:block; content:""; width:65px; height:50px; margin:0 auto; padding:0 0 10px; background:url("//img.echosting.cafe24.com/skin/base/myshop/sfix_icon_shopMain.png") no-repeat 0 0; position:absolute; top:40px; left:20px; }
#myshopMain .shopMain .box:hover { border:1px solid #aaa; box-shadow:1px 2px 4px rgba(0,0,0,0.15); }
#myshopMain .shopMain h3 { padding:0 0 5px; font-size:12px; color:#333; font-weight:normal; }
#myshopMain .shopMain h3 strong { font-size:15px; padding:0 8px 0 0; }
#myshopMain .shopMain h3 a:hover { text-decoration:none; }
#myshopMain .shopMain p a { text-decoration:none; font-size:12px; line-height:18px; color:#8f8f8f; }

/* 아이콘 */
#myshopMain .shopMain.order .box:before { background-position:12px 0; }
#myshopMain .shopMain.profile .box:before { background-position:-90px 8px; }
#myshopMain .shopMain.wishlist .box:before { background-position:-188px 0; }
#myshopMain .shopMain.likeIt .box:before { background-position:-288px 4px; }
#myshopMain .shopMain.mileage .box:before { background-position:8px -100px; }
#myshopMain .shopMain.deposits .box:before { background-position:-92px -98px; }
#myshopMain .shopMain.consult .box:before { background-position:-188px -100px; }
#myshopMain .shopMain.coupon .box:before { background-position:-292px -96px; }
#myshopMain .shopMain.board .box:before { background-position:12px -200px; }
#myshopMain .shopMain.address .box:before { background-position:-102px -194px; }
#myshopMain .shopMain.inquiry .box:before { background-position:-200px -200px; }
#myshopMain .shopMain.regularDelivery .box:before { background-position:-292px -200px; }

/* --------------------------------------------------------------------------
   myshop/bankbook.css — 적립금/쿠폰/주문 요약 바
   -------------------------------------------------------------------------- */
.xans-myshop-asyncbankbook ul:after { content:""; display:block; clear:both; }
.xans-myshop-asyncbankbook ul li { float:left; margin:5px 0; padding:0 45px; width:50%; height:20px; font-size:12px; line-height:1.6; vertical-align:top; box-sizing:border-box; }
.xans-myshop-asyncbankbook .title { float:left; width:40%; font-weight:normal; box-sizing:border-box; }
.xans-myshop-asyncbankbook .data { float:left; width:47%; padding:0 10px; text-align:right; box-sizing:border-box; }
.xans-myshop-asyncbankbook .use { color:#000000; }
.xans-myshop-asyncbankbook a.btnNormal { float:right; margin:-2px 0 0; }

/* --------------------------------------------------------------------------
   myshop/benefit.css — 회원 혜택/환영 메시지
   -------------------------------------------------------------------------- */
.xans-myshop-asyncbenefit { margin:0 0 20px; color:#353535; }
.xans-myshop-asyncbenefit .thumbnail img { max-width:70px; max-height:70px; }
.xans-myshop-asyncbenefit .description { min-height:70px; }
.xans-myshop-asyncbenefit .ec-base-box.typeThinBg { margin-top:-1px; padding-left:110px; }
.xans-myshop-asyncbenefit .invite > strong { display:block; }
.xans-myshop-asyncbenefit .invite .copy { margin:8px 0 0; }
.xans-myshop-asyncbenefit .invite #reco_url { width:439px; }
.xans-myshop-asyncbenefit .invite ul { margin:8px 0 0; font-size:11px; line-height:1.25; color:#757575; }
.xans-myshop-asyncbenefit .invite ul li { margin:3px 0 0; }

/* --------------------------------------------------------------------------
   myshop/orderState.css — 주문 처리 현황 박스
   -------------------------------------------------------------------------- */
.xans-myshop-orderstate { margin:20px 0 0; border:1px solid #777; }
.xans-myshop-orderstate .title { padding:11px 21px; margin:0; border-bottom:1px solid #e9e9e9; background:#f6f6f6; }
.xans-myshop-orderstate .title h3 { padding:0; font-size:14px; color:#000; }
.xans-myshop-orderstate .desc { padding:0 0 0 4px; font-weight:normal; font-size:11px; color:#8f8f8f; }
.xans-myshop-orderstate .desc em { color:#000000; font-style:normal; }
.xans-myshop-orderstate .state { overflow:hidden; padding:19px 0; }
.xans-myshop-orderstate .order { float:left; width:80%; }
.xans-myshop-orderstate .order li { float:left; width:25%; padding:0 0 4px; margin:0 -1px 0 0; border-right:1px dotted #c9c7ca; text-align:center; }
.xans-myshop-orderstate .order li strong { display:block; margin:2px 0 7px; font-size:14px; color:#353535; }
.xans-myshop-orderstate .order .count { font-weight:bold; font-size:24px; color:#000000; }
.xans-myshop-orderstate .cs { float:left; width:20%; }
.xans-myshop-orderstate .cs li { margin:0 0 5px 57px; letter-spacing:0.04em; word-spacing:4px; }
.xans-myshop-orderstate .cs strong { font-weight:normal; font-size:12px; color:#353535; }
.xans-myshop-orderstate .cs .count { padding:0 0 0 4px; font-weight:bold; color:#000000; }
.xans-myshop-orderstate .cs .icoDot { display:inline-block; width:2px; height:2px; margin:6px 0 0 0; background:#4d4d4d; vertical-align:top; }

/* --------------------------------------------------------------------------
   myshop/orderHistoryListItem.css — 주문 내역 리스트 아이템
   -------------------------------------------------------------------------- */
.xans-myshop-orderhistorylistitem .title { margin:40px 0 10px 10px; }
.xans-myshop-orderhistorylistitem .title h3 { color:#353535; font-size:12px; }
.xans-myshop-orderhistorylistitem.ec-base-table td .line { text-decoration:underline; }
.xans-myshop-orderhistorylistitem.ec-base-table td.number { letter-spacing:-1px; }
.xans-myshop-orderhistorylistitem.ec-base-table td.thumb img { width:80px; }
.xans-myshop-orderhistorylistitem.ec-base-table .name .ec-set-product-name { display:block; }
.xans-myshop-orderhistorylistitem.ec-base-table td.product div.option,
.xans-myshop-orderhistorylistitem.ec-base-table td.product ul.option > li { margin:9px 0 0; color:#757575; line-height:16px; }
.xans-myshop-orderhistorylistitem.ec-base-table td.product ul.option > li > strong { display:block; color:#353535; }
.xans-myshop-orderhistorylistitem.ec-base-table td.product div.option span.file a,
.xans-myshop-orderhistorylistitem.ec-base-table td.product ul.option > li > span.file a { margin:0 0 0 4px; padding:0 0 0 11px; color:#757575; text-decoration:underline; background:url("//img.echosting.cafe24.com/skin/base/common/ico_file.gif") no-repeat 0 2px; }
.xans-myshop-orderhistorylistitem.ec-base-table td.number [class^="btn"],
.xans-myshop-orderhistorylistitem.ec-base-table td.state [class^="btn"] { margin:1px 0; }

/* --------------------------------------------------------------------------
   myshop/orderHistoryHead.css — 주문 내역 검색 헤더
   -------------------------------------------------------------------------- */
.xans-myshop-orderhistoryhead fieldset img { vertical-align:middle; }
.xans-myshop-orderhistoryhead fieldset .period { display:inline-block; margin:0 2px; font-size:0; vertical-align:middle; }
.xans-myshop-orderhistoryhead fieldset .period a { padding:0; border:0; }
.xans-myshop-orderhistoryhead fieldset .period img { margin:0 0 0 -1px; }
.xans-myshop-orderhistoryhead fieldset .fText { width:72px; height:22px; margin:0 0 0 2px; padding:0 6px; border:1px solid #d5d5d5; line-height:22px; font-size:12px; }
.xans-myshop-orderhistoryhead fieldset button { width:14px; height:14px; margin:0 5px 0 2px; background:none; }
.xans-myshop-orderhistoryhead .stateSelect { display:inline-block; padding:0 12px 0 0; margin:0 5px 0 2px; background:url("//img.echosting.cafe24.com/skin/base/common/ico_bar.gif") no-repeat 100% 6px; }
.xans-myshop-orderhistoryhead .stateSelect select { height:24px; }
.xans-myshop-orderhistoryhead .periodSelect { display:inline-block; margin:0 5px 0 2px; }
.xans-myshop-orderhistoryhead .periodSelect:after { content:"년"; position:relative; top:1px; }
.xans-myshop-orderhistoryhead ul { margin:10px 0 0; color:#939393; line-height:1.5; }
.xans-myshop-orderhistoryhead ul li { padding:0 0 0 9px; background:url("//img.echosting.cafe24.com/skin/base/common/ico_square2.gif") no-repeat 4px 7px; }

/* --------------------------------------------------------------------------
   myshop/orderHistoryTab.css — 주문 내역 탭
   -------------------------------------------------------------------------- */
.xans-myshop-orderhistorytab { margin:7px 0 0; font-size:13px; background:#fff; }
.xans-myshop-orderhistorytab ul { height:36px; border-bottom:1px solid #4a5164; font-size:0; }
.xans-myshop-orderhistorytab ul:after { content:""; display:block; clear:both; }
.xans-myshop-orderhistorytab li { float:left; width:50%; height:36px; text-align:center; vertical-align:middle; background:#fff; }
.xans-myshop-orderhistorytab li a { display:inline-block; width:100%; color:#000; font-size:13px; line-height:35px; }
.xans-myshop-orderhistorytab li.selected { background:#4a5164; }
.xans-myshop-orderhistorytab li.selected a { color:#fff; font-weight:bold; }

/* --------------------------------------------------------------------------
   myshop/mileageHistoryPackage.css — 적립금 요약/패키지
   -------------------------------------------------------------------------- */
.xans-myshop-summary { margin:0 0 20px; }
.xans-myshop-summary ul:after { content:""; display:block; clear:both; }
.xans-myshop-summary ul li { float:left; margin:5px 0; padding:0 45px; width:50%; height:20px; font-size:12px; line-height:1.6; vertical-align:top; box-sizing:border-box; }
.xans-myshop-summary .title { float:left; width:50%; font-weight:normal; box-sizing:border-box; }
.xans-myshop-summary .data { float:left; width:50%; padding:0 10px 0 10px; text-align:right; box-sizing:border-box; }

/* --------------------------------------------------------------------------
   myshop/couponList.css — 쿠폰 목록
   -------------------------------------------------------------------------- */
.xans-myshop-couponlist .title { overflow:hidden; margin:40px 0 10px 10px; *zoom:1; }
.xans-myshop-couponlist .title h3 { float:left; color:#353535; font-size:12px; }
.xans-myshop-couponlist .title p { float:right; color:#757575; }
.xans-myshop-couponlist td.payment,
.xans-myshop-couponlist td.sale,
.xans-myshop-couponlist td.mileage { color:#757575; }

/* --------------------------------------------------------------------------
   myshop/wishlist.css — 관심상품
   -------------------------------------------------------------------------- */
.xans-myshop-wishlist .title { margin:30px 0 10px 10px; }
.xans-myshop-wishlist .title h3 { color:#353535; font-size:12px; }

.xans-myshop-wishlist td.thumb img { max-width:80px; }
.xans-myshop-wishlist td.price { word-break:normal; }
.xans-myshop-wishlist td.button a { width:90px; margin:1px 0; }
.xans-myshop-wishlist .name .ec-set-product-name { display:block; margin:0 0 3px; }
.xans-myshop-wishlist td div.option,
.xans-myshop-wishlist td ul.option > li { margin:9px 0 0; color:#707070; line-height:16px; }
.xans-myshop-wishlist td ul.option > li > strong { display:block; color:#353535; }
.xans-myshop-wishlist td div.option span.file a,
.xans-myshop-wishlist td ul.option > li > span.file a { margin:0 0 0 4px; padding:0 0 0 11px; color:#707070; text-decoration:underline; background:url("//img.echosting.cafe24.com/skin/base/common/ico_file.gif") no-repeat 0 2px; }
.xans-myshop-wishlist td .mileage { display:block; }

/* 옵션변경 레이어 */
.xans-myshop-wishlist .optionModify { display:none; width:450px; color:#707070; }
.xans-myshop-wishlist .optionModify .prdInfo { margin:0 0 10px; padding:0 0 10px; border-bottom:1px dotted #b0b1b3; line-height:1.5; }
.xans-myshop-wishlist .optionModify .prdInfo li { color:#353535; font-weight:bold; }
.xans-myshop-wishlist .optionModify .prdInfo li.option { color:#707070; font-weight:normal; }
.xans-myshop-wishlist .optionModify .prdModify h4 { color:#353535; font-size:12px; }
.xans-myshop-wishlist .optionModify .prdModify li { padding:6px 0 0; }
.xans-myshop-wishlist .optionModify .prdModify li:after { content:""; display:block; clear:both; }
.xans-myshop-wishlist .optionModify .prdModify li span { float:left; width:110px; margin:3px 0 0; }
.xans-myshop-wishlist .optionModify .prdModify li select { float:right; width:294px; line-height:24px; font-size:12px; }
.xans-myshop-wishlist .optionModify .prdModify li input[type=text] { float:right; width:284px; }

/* 배송비레이어 */
.xans-myshop-wishlist .shippingFee { position:relative; display:inline-block; text-align:left; }
.xans-myshop-wishlist .shippingFee .ec-base-tooltip { display:block; margin:0 0 0 -170px; width:360px; }
.xans-myshop-wishlist .shippingFee .ec-base-tooltip table th { width:40px; }
.xans-myshop-wishlist .shippingFee .ec-base-tooltip table th,
.xans-myshop-wishlist .shippingFee .ec-base-tooltip table td { padding:7px 10px 8px 10px; text-align:left; }

/* --------------------------------------------------------------------------
   myshop/addrList.css — 배송주소록
   -------------------------------------------------------------------------- */
.xans-myshop-addrlist { position:relative; margin:14px 7px 0; padding:0 0 29px; background:#f1f1f1; }
.xans-myshop-addrlist h3 { padding:0 14px; line-height:43px; font-size:13px; font-weight:bold; color:#fff; background:#737781; }

.xans-myshop-addrlist .addList { border-left:1px solid #d5d5d5; border-right:1px solid #d5d5d5; }
.xans-myshop-addrlist .description { position:relative; border-bottom:1px solid #d5d5d5; }
.xans-myshop-addrlist p { padding:0 0 0 14px; }
.xans-myshop-addrlist .name { font-size:13px; line-height:43px; }
.xans-myshop-addrlist .name span { color:#508bed; font-weight:bold; }
.xans-myshop-addrlist .info { padding:14px 0; font-size:13px; background:#fff; }
.xans-myshop-addrlist .info .number { margin:5px 0 0; color:#757575; }
.xans-myshop-addrlist .info .number span.line { position:relative; display:inline-block; margin:0 14px; width:1px; height:13px; }
.xans-myshop-addrlist .info .number span.line:before { display:block; content:""; position:absolute; top:1px; left:0; width:1px; height:13px; background:#989899; }
.xans-myshop-addrlist .empty { margin:14px auto 0; font-size:13px; text-align:center; }
.xans-myshop-addrlist .button { position:absolute; top:7px; right:14px; z-index:10; }
.xans-myshop-addrlist .button a { font-size:11px; }
.xans-myshop-addrlist .btnAdd { position:absolute; top:7px; right:14px; z-index:10; }
.xans-myshop-addrlist .btnAdd a { font-size:11px; font-weight:bold; }
.xans-myshop-addrlist .btnArea { max-width:100%; margin:0; padding:0 14px 14px; background:#fff; }
.xans-myshop-addrlist .btnArea .gLeft a { margin:0; }

/* --------------------------------------------------------------------------
   myshop/summary.css — 요약 박스 + 마일리지 패키지 내비
   -------------------------------------------------------------------------- */
.xans-myshop-summary h3 { padding:14px; font-size:13px; line-height:1.2em; color:#fff; background:#737781; }
.xans-myshop-summary .boardView { margin:14px 7px; }
.xans-myshop-summary .boardView table { font-size:12px; word-wrap:break-word; }
.xans-myshop-summary .boardView table th { color:#111; }
.xans-myshop-summary .boardView table tbody { border:1px solid #d5d5d5; border-top:0; }
.xans-myshop-summary .boardView table thead th { padding:8px 0; }
.xans-myshop-summary .boardView table tbody th,
.xans-myshop-summary .boardView table tbody td { font-size:13px; background:#fff; border-top:1px solid #ececec; }
.xans-myshop-summary .boardView table tbody th { padding:14px 0 14px 14px; font-weight:normal; color:#757575; text-align:left; }
.xans-myshop-summary .boardView table tbody td { padding:14px 14px 14px 0; text-align:right; }
.xans-myshop-summary .boardView table tbody tr:first-child > th,
.xans-myshop-summary .boardView table tbody tr:first-child > td { border-top:0; }
.xans-myshop-summary .boardView table .txtEm { font-weight:normal; color:#508bed; }

/* 관련 링크 */
.xans-myshop-mileagepackage .navigation { padding:0 7px 14px; border-bottom:1px solid #ccc; }
.xans-myshop-mileagepackage .navigation ul { border:1px solid #d5d5d5; }
.xans-myshop-mileagepackage .navigation li { background:#f9f9f9; border-top:1px solid #ddd; }
.xans-myshop-mileagepackage .navigation li:first-child { border-top:0; }
.xans-myshop-mileagepackage .navigation li a { display:block; position:relative; padding:14px; font-weight:bold; font-size:13px; line-height:1.2em; color:#4a5164; }
.xans-myshop-mileagepackage .navigation li a:after { display:block; content:""; width:20px; height:20px; position:absolute; top:12px; right:12px;
    background:url("http://img.echosting.cafe24.com/skin/mobile_ko_KR/layout/ico_arrow_gray.png") right 50% no-repeat; background-size:20px 20px;
    transform:rotate(-90deg); -ms-transform:rotate(-90deg); -webkit-transform:rotate(-90deg);
}