@charset "UTF-8"; /* font */ @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; src: url(https://gcdn.simsale.kr/jpay/static/css/v15/fonts/NotoSansKR-Regular.woff2) format('woff2'), url(https://gcdn.simsale.kr/jpay/static/css/v15/fonts/NotoSansKR-Regular.woff) format('woff'); } @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 700; src: url(https://gcdn.simsale.kr/jpay/static/css/v15/fonts/NotoSansKR-Bold.woff2) format('woff2'), url(https://gcdn.simsale.kr/jpay/static/css/v15/fonts/NotoSansKR-Bold.woff) format('woff'); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: url(https://gcdn.simsale.kr/jpay/static/css/v15/fonts/Roboto-Regular.woff2) format('woff2'), url(https://gcdn.simsale.kr/jpay/static/css/v15/fonts/Roboto-Regular.woff) format('woff'); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: url(https://gcdn.simsale.kr/jpay/static/css/v15/fonts/Roboto-Bold.woff2) format('woff2'), url(https://gcdn.simsale.kr/jpay/static/css/v15/fonts/Roboto-Bold.woff) format('woff'); } * {margin:0; padding:0; line-height:1; text-decoration:none; list-style:none; font-style:normal; font-size:12px; font-family:'Roboto', 'Noto Sans KR', sans-serif; font-weight:400; color:inherit;} html, body {height:100%;} body{overflow-x:hidden; -ms-user-select: none; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; background-color: #f0f0f0;} input, textarea {-webkit-appearance:none; -webkit-border-radius: 0; box-shadow:none;} input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;} button {outline:none;} b, strong {font-weight: bold;} a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0);} .alt{position: absolute; overflow: hidden; left:-999999px; top:-999999px; text-indent: -999999px; width:1px; height:1px; font-size:1px;} .detail #header #top h1{transition-duration: 0.4s;} .detail #header #top h1, .detail #header{background:inherit;} .detail #header.fixed #top h1{background-color: #e51b13; transition-duration: 0.4s;} #header .nav{overflow:hidden; overflow-x:scroll; background-color: #fff;} #header.fixed .sticky .area{position:fixed; top:0; left:0; width:100%; z-index:10;} #header.fixed .sticky{min-height:50px;} #header.fixed .filter{display: block;} #top{position:relative; min-height:50px;} #top h1{overflow: hidden; text-indent: -9999px; line-height:50px; font-size:20px; font-weight: normal; text-align:center; background-color: #e51b13; color:#fff;} #top h1 a{display: block; margin: auto; width: 50px; height: 50px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPAAAADwBAMAAADMe/ShAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAABVQTFRFAAAA////////////////////////SM9tBAAAAAd0Uk5TAP/ms0x/GNu4G1QAAAKESURBVHic7dptcoIwEAZggx6AONP/eoTeoL2B3sD7n6IzHRSS7CYLyW78eN9/RcmThCUgdLdDEARBEARBEARBEARBkDne25uD/8/YvmXnmfF8+2V0YEEUhvx5sGyu3wmWzbWCu/vtBZNz/TV9qAnPc00cSHWYK57JParALlOyikWdD2Br2Nx1gBUVClaurceiPcablOHFNeIu9YZv5rBNUXeDiSuz2WlMwwYr9aEXHM9tL9jZrdSArQ5xBF97wXZFTcIW7lPBNre2AWxY1N3uo58WHtQmnocPjU5qZlQkfPVzal3uZ+CieU+mGhY+w3wjWPgME3CD03jbQX5luDjX5HcVYLsnShP4E20+qcOOXa3VaSqWdx1ByNoyiOsFdxux8ssAgby6vOq7ysNcZ5o8httnVrJoe7La17jZdrJLexV8CBs6RR+XLmitXO8vRnCxKSX4nDYVvWHTgcmJHDNfmT+jvitP0HF6FNwJWwW7kKKHzMxnFXyXbtHf8n3r4Mfea9781NRW6pBz3R4+J7B8yFWPPNPx2cLEpgu3SwRvqy1qeOKD3BoWX98bwGNpmyVcLpq2RQ24tHOjldoMri+uyqtxqTP8vg1h6cpF/FPDC8D7VHEmMHGnY1JbFJxuUYGTiRXPdCU83Ad4WzYnh7e6yS189KciHD7vefwhvRpvhze//HBh/9YfbsGPthIs3icMP2CXay7p8Gp4SN2RaTub9WcW3/dV8Go3keNf3npwKC+mTB1eEpmp0IAnO9pkA3OdIUPcpenA8aNM7ZcIxEC6vb0ADBgwYMCAAQMGbAXbu4ABAwYMGPCzwh0ux4A/A+7BIgiCIAiCIAiCIAiCIAiCIAgiyx8prccWySv0swAAAABJRU5ErkJggg==') no-repeat center; background-size: 45px;} #top .right, #top .left{position:absolute; top:-1px;} #top .left{left:0;} #top .right{right:0;} #app.menu_active{position: fixed; overflow: hidden; left: 0; top: 0; width: 100%; height: 100%;} #app.menu_active #header{display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #fff; z-index: 20;} #app.menu_active #header #top h1{background-color: #e51b13; transition-duration: inherit;} #app.menu_active #header #top .right{position: static; overflow: hidden; display: block; border-bottom: 1px solid #efefef; clear: both;} #app.menu_active #header #top .right a[class]{position: relative; float: left; display: block; width: 33.33%; height:40px; line-height:40px; text-align: center; text-indent: 0; background: #efefef;} #app.menu_active #header #top .right a.search{display: none;} #app.menu_active #header #gnb{border:0; height:auto;} #app.menu_active #header .nav{overflow-x: hidden;} #app.menu_active #header .nav li{float: left; position: relative; display:block; width:33.33%;} #app.menu_active #header .nav li:first-child{display: none;} #app.menu_active #header .nav li:before{content: ""; position: absolute; left:-1px; top:0; height: 100%; width: 1px; background-color: #efefef;} #app.menu_active #lnb{display: block;} #header .filter{display:none; position:relative;} #header .filter .sort{display:table; width:100%; background-color: #fff;} #header .filter .sort item{display:table-cell; border-bottom:1px solid #efefef; vertical-align:middle; text-align:center;} #header .filter .sort item a{display:block; line-height:40px; } #header .filter .sort item a span{font-size:11px;} #header .filter .sort.col3 li{width:33.33%;} #header .filter .sort.col5 li{width:20%;} #header #search{display: none;} #header .menu{display: block; position: relative; width:50px; height: 50px; transform: scale(0.85); cursor: pointer;} #header .menu a{display: block; width: 100%; height: 100%;} #header .menu i { display:block; position:absolute; top:50%; left:50%; -o-transform-origin:50% 50%; -ms-transform-origin:50% 50%; -moz-transform-origin:50% 50%; -webkit-transform-origin:50% 50%; transform-origin:50% 50%; } #header .menu i { margin-left:-11px; width:22px; height:2px; background:#fff; -o-transition:margin-top .1s .2s ease-in-out, -o-transform .1s .0s ease-in-out, opacity .0s .4s ease-in-out; -ms-transition:margin-top .1s .2s ease-in-out, -ms-transform .1s .0s ease-in-out, opacity .0s .4s ease-in-out; -moz-transition:margin-top .1s .2s ease-in-out, -moz-transform .1s .0s ease-in-out, opacity .0s .4s ease-in-out; -webkit-transition:margin-top .1s .2s ease-in-out, -webkit-transform .1s .0s ease-in-out, opacity .0s .4s ease-in-out; transition:margin-top .1s .2s ease-in-out, transform .1s .0s ease-in-out, opacity .0s .4s ease-in-out; } #app.menu_active .menu i { -o-transition:margin-top .1s .0s ease-in-out, -o-transform .2s .2s ease-in-out, opacity .0s .1s ease-in-out; -ms-transition:margin-top .1s .0s ease-in-out, -ms-transform .2s .2s ease-in-out, opacity .0s .1s ease-in-out; -moz-transition:margin-top .1s .0s ease-in-out, -moz-transform .2s .2s ease-in-out, opacity .0s .1s ease-in-out; -webkit-transition:margin-top .1s .0s ease-in-out, -webkit-transform .2s .2s ease-in-out, opacity .0s .1s ease-in-out; transition:margin-top .1s .0s ease-in-out, transform .2s .2s ease-in-out, opacity .0s .1s ease-in-out; } #header .menu i.line1 { margin-top:-8px } #header .menu i.line2 { } #header .menu i.line3 { margin-top:8px } #app.menu_active .menu i.line1 { margin-top:-1px; -o-transform:rotate(135deg); -ms-transform:rotate(135deg); -moz-transform:rotate(135deg); -webkit-transform:rotate(135deg); transform:rotate(135deg); } #app.menu_active .menu i.line2{display:none;} #app.menu_active .menu i.line3 { margin-top:-1px; -o-transform:rotate(-315deg); -ms-transform:rotate(-315deg); -moz-transform:rotate(-315deg); -webkit-transform:rotate(-315deg); transform:rotate(-315deg); } #header .right .order{display: none; float: left; width:40px; height:50px; cursor: pointer;} #header .search { position: relative; float: left; right: 0; width:40px; height:50px; border-radius:22px; cursor: pointer; -o-transition:all .4s .0s ease-in-out; -ms-transition:all .4s .0s ease-in-out; -moz-transition:all .4s .0s ease-in-out; -webkit-transition:all .4s .0s ease-in-out; transition:all .4s .0s ease-in-out; } #header .search > i { display:block; position:absolute; top:50%; left:50%; -o-transform-origin:50% 50%; -ms-transform-origin:50% 50%; -moz-transform-origin:50% 50%; -webkit-transform-origin:50% 50%; transform-origin:50% 50%; } #header .search > i { -o-transition:margin-top .1s .2s ease-in-out, margin-left .1s .2s ease-in-out, opacity .1s .2s ease-in-out, width .1s .2s ease-in-out, -o-transform .1s .0s ease-in-out; -ms-transition:margin-top .1s .2s ease-in-out, margin-left .1s .2s ease-in-out, opacity .1s .2s ease-in-out, width .1s .2s ease-in-out, -ms-transform .1s .0s ease-in-out; -moz-transition:margin-top .1s .2s ease-in-out, margin-left .1s .2s ease-in-out, opacity .1s .2s ease-in-out, width .1s .2s ease-in-out, -moz-transform .1s .0s ease-in-out; -webkit-transition:margin-top .1s .2s ease-in-out, margin-left .1s .2s ease-in-out, opacity .1s .2s ease-in-out, width .1s .2s ease-in-out, -webkit-transform .1s .0s ease-in-out; transition:margin-top .1s .2s ease-in-out, margin-left .1s .2s ease-in-out, opacity .1s .2s ease-in-out, width .1s .2s ease-in-out, transform .1s .0s ease-in-out; } #header .search.on > i { -o-transition:margin-top .1s .0s ease-in-out, margin-left .1s .0s ease-in-out, opacity .1s .0s ease-in-out, width .1s .0s ease-in-out, -o-transform .1s .2s ease-in-out; -ms-transition:margin-top .1s .0s ease-in-out, margin-left .1s .0s ease-in-out, opacity .1s .0s ease-in-out, width .1s .0s ease-in-out, -ms-transform .1s .2s ease-in-out; -moz-transition:margin-top .1s .0s ease-in-out, margin-left .1s .0s ease-in-out, opacity .1s .0s ease-in-out, width .1s .0s ease-in-out, -moz-transform .1s .2s ease-in-out; -webkit-transition:margin-top .1s .0s ease-in-out, margin-left .1s .0s ease-in-out, opacity .1s .0s ease-in-out, width .1s .0s ease-in-out, -webkit-transform .1s .2s ease-in-out; transition:margin-top .1s .0s ease-in-out, margin-left .1s .0s ease-in-out, opacity .1s .0s ease-in-out, width .1s .0s ease-in-out, transform .1s .2s ease-in-out; } #header .search > i.line1 { width: 16px; height: 16px; margin-top: -11px; margin-left: -10px; border-radius: 12px; border: 1px solid #fff; position: relative; z-index: 1; } #header .search > i.line2 { width:10px ; height:1px; margin-top:6px; margin-left:3px; opacity:0; background:#fff; -o-transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); } #header .search > i.line3 { width:10px; height:2px; margin-top:6px; margin-left:2px; background:#fff; -o-transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); } #header .search.on > i.line1 { margin-top:-20px; margin-left:-20px; opacity:0 } #header .search.on > i.line2 { width:22px; margin-top:-1px; margin-left:-11px; opacity:1 } #header .search.on > i.line3 { width:22px; height:1px; margin-top:-1px; margin-left:-11px; -o-transform:rotate(315deg); -ms-transform:rotate(315deg); -moz-transform:rotate(315deg); -webkit-transform:rotate(315deg); transform:rotate(315deg); } #header .user, #header .cart{overflow:hidden; float: left; width: 40px; height: 50px; text-indent: -9999px; background-repeat: no-repeat; background-position: center;} #header .user{background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gU3ZnIFZlY3RvciBJY29ucyA6IGh0dHA6Ly93d3cub25saW5ld2ViZm9udHMuY29tL2ljb24gLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAwMCAxMDAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMDAwIDEwMDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCglwYXRoe2ZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO2ZpbGw6I2ZmZmZmZjt9DQo8L3N0eWxlPg0KPG1ldGFkYXRhPiBTdmcgVmVjdG9yIEljb25zIDogaHR0cDovL3d3dy5vbmxpbmV3ZWJmb250cy5jb20vaWNvbiA8L21ldGFkYXRhPg0KPGc+PHBhdGggZD0iTTUwMCw1NTkuNGMtMTA5LjUsMC0xOTguNi04OS4xLTE5OC42LTE5OC43YzAtMTA5LjUsODkuMS0xOTguNiwxOTguNi0xOTguNmMxMDkuNSwwLDE5OC42LDg5LjEsMTk4LjYsMTk4LjZDNjk4LjYsNDcwLjMsNjA5LjUsNTU5LjQsNTAwLDU1OS40eiBNNTAwLDIwMy4zYy04Ni44LDAtMTU3LjQsNzAuNi0xNTcuNCwxNTcuNWMwLDg2LjksNzAuNiwxNTcuNSwxNTcuNCwxNTcuNWM4Ni44LDAsMTU3LjUtNzAuNiwxNTcuNS0xNTcuNUM2NTcuNCwyNzMuOSw1ODYuOCwyMDMuMyw1MDAsMjAzLjN6Ii8+PHBhdGggZD0iTTgxMi43LDg3MC45Yy0xMS40LDAtMjAuNi05LjItMjAuNi0yMC42YzAtMTYwLjUtMTMxLTI5MS4xLTI5Mi4xLTI5MS4xYy0xNjEsMC0yOTIsMTMwLjYtMjkyLDI5MS4xYzAsMTEuNC05LjIsMjAuNi0yMC42LDIwLjZjLTExLjQsMC0yMC42LTkuMi0yMC42LTIwLjZDMTY2LjgsNjY3LjEsMzE2LjMsNTE4LDUwMCw1MThjMTgzLjcsMCwzMzMuMywxNDkuMSwzMzMuMywzMzIuM0M4MzMuMiw4NjEuNyw4MjQsODcwLjksODEyLjcsODcwLjl6Ii8+PHBhdGggZD0iTTUwMCw5OTBDMjI5LjgsOTkwLDEwLDc3MC4yLDEwLDUwMEMxMCwyMjkuOCwyMjkuOCwxMCw1MDAsMTBjMjcwLjEsMCw0OTAsMjE5LjgsNDkwLDQ5MEM5OTAsNzcwLjIsNzcwLjIsOTkwLDUwMCw5OTB6IE01MDAsNTEuMkMyNTIuNSw1MS4yLDUxLjIsMjUyLjUsNTEuMiw1MDBjMCwyNDcuNSwyMDEuMyw0NDguOCw0NDguOSw0NDguOGMyNDcuNSwwLDQ0OC44LTIwMS4zLDQ0OC44LTQ0OC44Qzk0OC44LDI1Mi41LDc0Ny41LDUxLjIsNTAwLDUxLjJ6Ii8+PC9nPg0KPC9zdmc+'); background-size: 25px;} #header .cart{background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjAuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuugiOydtOyWtF8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgOTAgOTAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDkwIDkwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO2ZpbGw6I2ZmZmZmZjt9Cjwvc3R5bGU+CjxnPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTM2LjYsNTkuOGMtMy4zLDAtNiwyLjctNiw2czIuNyw2LDYsNnM2LTIuNyw2LTZTMzkuOSw1OS44LDM2LjYsNTkuOHogTTM2LjYsNjljLTEuOCwwLTMuNC0xLjQtMy40LTMuMgoJCWMwLTEuOCwxLjUtMy40LDMuMy0zLjRzMy4zLDEuNiwzLjMsMy40QzM5LjgsNjcuNywzOC40LDY5LDM2LjYsNjl6Ii8+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNTYuNiw1OS44Yy0zLjMsMC02LDIuNy02LDZzMi43LDYsNiw2czYtMi43LDYtNlM1OS45LDU5LjgsNTYuNiw1OS44eiBNNTYuNiw2OWMtMS44LDAtMy40LTEuNC0zLjQtMy4yCgkJYzAtMS44LDEuNS0zLjQsMy4zLTMuNHMzLjMsMS42LDMuMywzLjRDNTkuOSw2Ny43LDU4LjUsNjksNTYuNiw2OXoiLz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02Ni43LDI4LjhIMjYuNGwwLDBoLTAuN0wyNCwyMS4zYy0xLjItMi43LTMuOC0yLjUtMy44LTIuNWgtNWMtMS43LDAtMS43LDEuNS0xLjcsMS41YzAsMS41LDIsMS41LDIsMS41aDMuNAoJCWMxLjktMC4xLDIuNSwxLjUsMi41LDEuNWw1LjEsMjVjMi4zLDcuOSw3LjgsNy40LDcuOCw3LjRoMjQuNGM3LjksMC42LDguNy02LjksOC43LTYuOXMyLjctMTQuNiwyLjgtMTUuM2MwLjEtMC43LDAuMi0wLjksMC4yLTAuOQoJCUM3MC40LDI4LjYsNjYuNywyOC44LDY2LjcsMjguOHogTTY3LjMsMzQuMWMtMC44LDMuNy0yLjcsMTMuMi0yLjksMTQuNmMtMC41LDMuOS01LjgsNC4xLTUuOCw0LjFIMzQuNGMtMy42LTAuNi00LjYtNS45LTQuNi01LjkKCQlsLTMuNC0xNS4xbDAsMGgzOS44QzY3LjcsMzEuOSw2Ny40LDMzLjUsNjcuMywzNC4xeiIvPgo8L2c+Cjwvc3ZnPgo='); background-size: 37px;} .menu_active #header .recent{display: block; border-bottom: 1px solid #efefef;} #header .recent{display: none;} #header #recent{overflow: hidden; overflow-x: scroll; padding: 15px; white-space: nowrap;} #header #recent li{display: inline-block; vertical-align: top; width: 140px;} #header #recent li+li{margin-left: 12px;} #header #recent li a{display: block;} #header #recent .prod_info{zoom:0.9;} #header #recent .price_info{padding: 5px; height: auto;} #header #recent .prod_title{overflow: hidden; display: block; padding: 5px; text-overflow: ellipsis;} #header #recent .prod_title em{font-size:12px;} #header #recent .prod_thumb img{display: block; width: 100%; height:auto;} #header #recent .price_info .sale em{font-size: 24px;} #header #recent .price_info .sale em:after{margin-left: 0;} #header #recent .price_info .price .oprice{margin-bottom: 0;} #header #recent .price_info .price .oprice em{font-size: 10px;} #header #recent .price_info .price .sprice em{font-size: 14px;} #gnb{display:block; white-space:nowrap; background-color: #fff;} #gnb li{position: relative; display: inline-block; vertical-align:top;} #gnb li a{display:block; border-bottom:1px solid #efefef; width:19vw; line-height:48px; text-align:center;} #gnb li a span{font-size:15px; color: #1a1a1a; font-weight: 700;} #gnb li a.on span{color: #fd2f6f;} #gnb li a.on:after{content:""; position: absolute; left: 0; bottom: 0; right: 0; height: 1px; background-color: #ff053f;} input[id*="_toggle"]{display:none;} #list{} #list .list{height:auto !important;} #list .item{display:block; overflow:hidden; margin-top:7px; background-color: #fff;} #list .item .image{position:relative; display:block;} #list .item .image img{display:block; width:100%;} #list .item .image img.thumb{position:absolute; left:0; top:0; z-index:1;} #list .item .image img[src*="data:image/png"] {background-color: rgba(165, 165, 165, 0.1); animation: pulse 1s infinite ease-in-out;} #list .item .type{display: block; width: 34px; height: 34px; line-height: 32px; border: 2px solid; border-radius: 50%; text-align: center; color: #e51b13; font-size: 13px;} #list .item .info{display:block; margin:5px;} #list .item .row{display:table; width:100%;} #list .item .row .col{display:table-cell; vertical-align:middle;} #list .item .row .col:first-child{width:40px; padding:5px 9px 5px 5px;} #list .item .row .col>span{display:block;} #list .item .row .col .title{font-weight:700;} #list .item .row .col .title em{font-size:12px;} #list .item .row .col .brand em{font-size:0.8em; color:#aaa;} #list .item .row .desc{display:block; padding:6px 6px 10px; height:50px; box-sizing:border-box;} #list .item .row .desc em{display:block; font-size:11px; line-height:15px;} #list .sort{display:table; width:100%; background-color: #fff;} #list .sort item{display:table-cell; border-bottom:1px solid #efefef; vertical-align:middle; text-align:center;} #list .sort item a{display:block; line-height:40px;} #list .sort item a span{padding: 3px 6px; font-size: 11px;} #list .sort item a.on span{color: #ff3b33; border: 1px solid; border-radius: 14px;} #list .sort.col3 li{width:33.33%;} #list .sort.col5 li{width:20%;} #list .price_info .price{float:left;} #main{position:relative;z-index:0; padding-bottom:60px;} #list .list{height:auto !important;} #list item{display: block;} #list .item.placeholder{display:block; overflow:hidden; margin-top:7px; background-color: #fff;} #list .item.placeholder .image img{} #list .item.placeholder .type{display: block; width:40px; height:40px; line-height:38px; border:1px solid; border-radius:50%; text-align:center; box-sizing: border-box; border-color: rgba(165, 165, 165, 0.1); background-color: rgba(165, 165, 165, 0.1); color:transparent; animation: pulse 1s infinite ease-in-out;} #list [data-type="5"] .item.placeholder:before{color:#ff3b33;} #list .item.placeholder .info{display:block; margin:5px; height:98px;} #list .item.placeholder .row{display:table; width:100%;} #list .item.placeholder .row .col{display:table-cell; vertical-align:middle;} #list .item.placeholder .row .col:first-child{width:40px; padding:5px;} #list .item.placeholder .row .col>span{display:block;} #list .item.placeholder .row .col .title{width:130px; font-weight:700; background-color: rgba(165, 165, 165, 0.1); color:transparent; animation: pulse 1s infinite ease-in-out;} #list .item.placeholder .row .col .brand{width:100px; margin-top:5px; background-color: rgba(165, 165, 165, 0.1); animation: pulse 1s infinite ease-in-out;} #list .item.placeholder .row .col .brand em{font-size:0.8em; color:transparent;} #list .item.placeholder .row .desc{display:block; padding:6px 6px 10px;} #list .item.placeholder .row .desc em{display:block; width:150px; font-size:12px; line-height:14px; background-color: rgba(165, 165, 165, 0.1); color:transparent; animation: pulse 1s infinite ease-in-out;} #list .item.placeholder .row .desc em:first-child{margin-bottom:6px; width:177px;} #list [data-type="5"] .item.placeholder .row .desc em{height: 14px;} #list .item.placeholder .price_info .sale em{display: block; width: 50px; background-color: rgba(165, 165, 165, 0.1); color: transparent; animation: pulse 1s infinite ease-in-out;} #list .item.placeholder .price_info .price .oprice em{display: block; width:50px; background-color: rgba(165, 165, 165, 0.1); color: transparent; animation: pulse 1s infinite ease-in-out;} #list .item.placeholder .price_info .price .sprice em{display: block; width:80px; background-color: rgba(165, 165, 165, 0.1); color: transparent; animation: pulse 1s infinite ease-in-out;} #list [data-type="9"] .item.placeholder .price_info:after{background-color: rgba(165, 165, 165, 0.1); color: transparent; animation: pulse 1s infinite ease-in-out;} #list [data-type="5"]{counter-reset: item-counter;} #list [data-type="5"] .item .row .col:first-child{display:none;} #list [data-type="5"] .item .info{float:right; margin:0; width:63%} #list [data-type="5"] .item{position: relative; display: table; width: 95%; margin-left: auto; margin-right: auto;} #list [data-type="5"] .item .brand{display: none;} #list [data-type="5"] .item:before {position:absolute; left:0; top:0; background-color: #ff3b33; text-align:center; line-height:25px; width:25px; height:25px; content: counter(item-counter); counter-increment: item-counter; z-index:9; color:#fff;} #list [data-type="8"] .price_info{display:none;} #list [data-type="5"] .item .row .col .title{display: block; overflow:hidden; margin:10px 10px 6px; text-overflow:ellipsis; white-space:nowrap; word-break:keep-all; width:72%;} #list [data-type="5"] .item .row .col > span.brand{display:none;} #list [data-type="5"] .item .row .desc{padding: 0 10px 0;} #list [data-type="5"] .item .row .desc em{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; height:33px;} #list [data-type="5"] .item .image{float:left; width: 37%; height: 100%; vertical-align:top;} #list [data-type="5"] .item .image img[src*="data:image/png"]{height: 33.7vw;} #list [data-type="5"] .item .image img.thumb{} #list [data-type="5"] .price_info{position: absolute; padding: 10px 12px 8px; right: 0; bottom: 0; width: 64%; box-sizing: border-box;} #list [data-type="9"] .item .row{height:48px;} #list [data-type="9"] .price_info{position: relative;} #list [data-type="9"] .price_info:after{content: "쇼핑하기"; position: absolute; right: 10px; bottom: 11px; border-radius: 6px; width: 75px; line-height: 31px; text-align: center; font-size: 12px; font-weight: 700; background-color: #ff3b33; color: #fff;} #list [data-type="9"] .price_info .price{position: relative; top: 0;} .price_info{overflow:hidden; display: block; padding:10px 17px; height:55px; box-sizing:border-box;} .price_info .sale{float:left; margin-right: 10px;} .price_info .sale em{font-size:34px; font-weight:700; color: #ff3b33} .price_info .sale em:after{content:"%"; margin-left:3px; font-size:12px;} .price_info .price span em:after{content:"원"; font-size:0.7em;} .price_info .price .oprice{display: block; margin-bottom:4px;} .price_info .price .oprice em{font-size:11px; text-decoration: line-through; color:#999;} .price_info .price .sprice{} .price_info .price .sprice em{font-size:16px; font-weight:700;} .detail #header{position:fixed; left:0; top:0; width:100%; z-index:9;} .detail #header .sticky{display:none;} #detail #info .image img:first-child{display: block; width:100%;} #detail #info .image:after{content: ""; left: 0; top: -8px; width: 100%; box-shadow: 0 0 40px 40px #0009; height: 1px; position: fixed; z-index: -1;} #detail #info .thumb{position:fixed; left:0; top:0; width:100%; z-index:-1;} #detail .prod_info{overflow:hidden; border-top:1px solid #efefef; background-color: #fff;} #detail .shipping_fee{padding:12px; border-top:1px solid #efefef; border-bottom:1px solid #efefef;} #detail .shipping_fee span:after{content:"원";} #detail .shipping{white-space:pre-wrap; padding:0 12px;} #detail .shipping p{font-size:11px; line-height:16px;} #detail product_info .btns{display:table; border-bottom:1px solid #efefef; width:100%;} #detail product_info .btns .btn{display:table-cell; width:50%;} #detail product_info .btns .btn input{display:none;} #detail product_info .btns .btn label{display:block; padding:12px; text-align:center;} #detail .prod_title{overflow: hidden; margin: 12px 12px 0;} #detail .prod_title em{font-size:13px;} #detail .price_info{display: block; padding: 12px;} #detail .price_info .sale{float:left; margin-right: 10px;} #detail .price_info .sale em{font-size:34px; font-weight:700; color: #ff3b33} #detail .price_info .sale em:after{content:"%"; margin-left:3px; font-size:12px;} #detail .price_info .price span em:after{content:"원"; font-size:0.7em;} #detail .price_info .price .oprice{display: block; margin-bottom:4px;} #detail .price_info .price .oprice em{font-size:11px; text-decoration: line-through; color:#999;} #detail .price_info .price .sprice{} #detail .price_info .price .sprice em{font-size:16px; font-weight:700;} #detail .tab {padding-bottom: 200px; background-color: #fff;} #detail .tab .tab_nav{border-top:1px solid #efefef; border-bottom:1px solid #efefef; background-color: #fff;} #detail .tab .tab_nav ul{display:table; width:100%;} #detail .tab .tab_nav ul li{display:table-cell; width:25%; text-align:center;} #detail .tab .tab_nav ul li a{position:relative; display: block; line-height:36px; font-size:12px; cursor:pointer;} #detail .tab .tab_nav ul li a.on{color:#ff3b33;} #detail .tab .tab_nav ul li a.on:after{content:""; position:absolute; left:0; bottom:-1px; width:100%; height:1px; background-color: #ff3b33;} #detail .tab .tab_area>div{display: none;} #detail .tab .tab_area>div.on{display: block;} #prod_parcel img{display: block; width: 100%;} #comment_list comment{display: block;} #comment_list .item{position:relative; padding:10px 10px 10px 65px; border-bottom:1px solid #efefef;} #comment_list .item.on{padding-left: 80px;} #comment_list .item.on .image{left:25px;} #comment_list .item .image{position: absolute; left: 10px; top: 10px; border-radius: 50%; width: 45px; height: 45px; background-size: cover; background-repeat: no-repeat; background-position: center;} #comment_list .item .name{margin-bottom:5px;} #comment_list .item .name span{font-size:12px; color:#000;} #comment_list .item .message p{font-size:11px; line-height:12px;} #comment_list .item .date{margin-top:3px;} #comment_list .item .date p{font-size:11px; color:#bbb} #detail .fixed_util{position:fixed; left:0; bottom:0; text-align:center; width:100%; box-shadow:0px 0 5px 1px #00000044} #detail .fixed_util .buy{} #detail .fixed_util .buy a{display: block; font-weight:700; font-size:18px; line-height:50px; background:#ff6967; color:#fff;} /* 옵션선택 - 시작 */ .container-option .toggle_btn{overflow: hidden; position: absolute; margin: auto; top: -19px; right: 0; left: 0; width: 72px; height: 20px; background: url(https://gcdn.simsale.kr/jpay/static/img/common/icon/common_option_close.svg?201905231) no-repeat center; line-height:20px;} /* 스크롤 영역 */ .container-option{position: relative; padding:14px 20px 6px; background-color: #f0f0f0; border-top:1px solid #d6d6d6;} .container-option .scroll_area{overflow:hidden; overflow-y: auto; max-height:300px;} /* .container-option.on */ .container-option.on{padding:6px 20px;} .container-option.on .toggle_btn {background: url(https://gcdn.simsale.kr/jpay/static/img/common/icon/common_option_open.svg) no-repeat center;} /* .container-option.on .toggle_btn, .container-option.on .result, .container-option.on .scroll_area{display: none;} */ /* 드롭박스 활성화/비활성화 스타일 - 시작 */ /* 테스트 .container-option {height:350px;} .container-option .result {position:absolute !important; bottom:60px; right:20px; width:100%; box-sizing:border-box;} .container-option .btns {position:absolute; bottom:10px; width:97%; box-sizing:border-box;} .container-option.on{padding:6px 20px;} .container-option.on .toggle_btn {background: url(https://gcdn.simsale.kr/jpay/static/img/common/icon/common_option_open.svg) no-repeat center;} .container-option.on {height:auto;} .container-option.on .btns {position:relative; bottom:0; width:auto;} /* 테스트 */ /* 노출&비노출 */ .container-option .select-menu{display: none;} .container-option .open .select-menu{display: block;} /* 옵션 선택 영역 */ body.option {height:auto; overflow:visible; padding:20px 0 0; background:transparent;} body.option.top {position:relative;} body.option.bottom {position:absolute; bottom:0; left:0; width:100%; box-sizing:border-box;} .container-option .select{overflow: hidden; margin: 6px 0; border: 1px solid #e5e5e5; border-radius: 3px;} .container-option .select.open{border-color:#5a9eef;} .container-option .select.open .select-toggle{border-bottom: 1px solid #e5e5e5; background-image: url(https://gcdn.simsale.kr/jpay/static/img/common/icon/icon_option_arrow.svg)} .container-option .select .select-toggle{padding: 0 25px 0 10px; border:0; line-height: 38px; width:100%; height: 38px; background: #fff url(https://gcdn.simsale.kr/jpay/static/img/common/icon/icon_option_arrow_down.svg) no-repeat 98% center; box-sizing: border-box; text-align: left; outline:0; font-size:15px;} .container-option .select .select-toggle span{font-size: 15px; color: #777; display:block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;} .container-option .select.open .select-toggle span{color:#cdcdcd;} .container-option .select.active {border:1px solid #5a9eef;} .container-option .select.selection .select-toggle span {color:#1a1a1a;} .container-option .select .select-menu li{display: table; width: 100%; height: 50px; background-color: #fff;} .container-option .select .select-menu li+li{border-top: 1px solid #e5e5e5;} .container-option .select .select-menu li a{display: table-cell; padding: 0 10px; vertical-align: middle; font-size:15px; font-weight: normal; line-height:1.2;} .container-option .select .select-menu li a.soldout {color:#cdcdcd;} .container-option .select .select-menu li a.soldout span{color:#2680eb; font-size: 15px;} /* 총가격, 총 개수 스타일 */ .container-option .result{position:relative; overflow: hidden; margin: 10px 0;} .container-option .result .count{float: left; font-size: 16px;} .container-option .result .count span{line-height: 30px; font-size: 16px; font-weight: 700;} .container-option .result .total{float: right;} .container-option .result .total * {line-height:21px;} .container-option .result .total .text {font-size: 14px; font-weight: normal; color:#1a1a1a; float:left;} .container-option .result .total #result_price {margin-left: 6px; font-size: 21px; font-weight: 700; float:left;} .container-option .result .total .won {font-size:16px; font-weight: 700; float:left;} /* 장바구니, 결제하기 버튼 스타일 */ .container-option .btns{margin:0 -13px;} .container-option .btn_area{display: table; width:100%;} .container-option .btn_area>div{display: table-cell; padding:2px;} .container-option .btn_area .btn{border:0; border-radius: 3px; width:100%; height:48px; line-height:48px; font-size:16px; box-sizing: border-box;} .container-option .btn_area .cart_btn{width:40%;} .container-option .btn_area .cart_btn .btn{background-color: #fff;} /*.container-option .btn_area .pay_btn {width:57%;}*/ .container-option .btn_area .pay_btn .btn {font-weight:700;} .container-option .btn_area .pay_btn .btn{color:#fff;} .container-option .btn_area .soldout_btn {display:block; width:100%; box-sizing:border-box;} .container-option .btn_area .soldout_btn .btn{color:#fff; background-color: #cdcdcd;} /* 선물하기, 결제하기 버튼 스타일 */ #addr_form .guide{padding:15px 0;} #addr_form .guide-info-text{display:none;font-size: 12px;line-height: 1.42;letter-spacing: -0.3px;text-align: left;color: #777777;margin-top: -10px;padding-bottom:12px;} .container-option .btn_area .gift_btn {width:102px;} .container-option .btns.gift .btn_area .gift_btn {width:100%;} .container-option .btn_area .gift_btn .btn {background: #fff;position: relative; transition: all;} .container-option .btns.gift .gift_btn .btn {color: #fff;font-weight: bold;} .container-option .btn_area .gift_btn.new .btn:before { content:''; display:inline-block; width:18px; height:24px; margin-right:2px; vertical-align:middle; margin-top: -4px; } .container-option .btns.gift .gift_btn .btn:before{ width:26px; height:24px; margin-right:0; margin-top: -5px; } .container-option .btn_area .gift_btn.new .btn:after { content: ""; display:block; position: absolute; top: -6px; left: 14px; width:37px; height:20px; animation: fadeOut .3s normal both ease-out; animation-delay: 3s; } .container-option .btns.gift .gift_btn .btn:after{ display:none; } @keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } /* 카트 스타일 */ .container-option .panel{position: relative; overflow: hidden; padding: 15px; border:1px solid #e5e5e5; border-radius: 3px; background-color: #fff;} .container-option .panel.panel-package{padding-bottom: 0;} .container-option .panel+.panel{margin-top: 6px;} .container-option .panel .panel-heading span{display: block; line-height: 19px; font-size:14px; break-word: keep-all; color:#1a1a1a;} .container-option .panel .btn-remove{position: absolute; overflow: hidden; text-indent: -9999px; border:0; top:15px; right: 15px; width: 18px; height: 18px; background: url(https://gcdn.simsale.kr/jpay/static/img/common/icon/btn_x.svg) no-repeat;} /* 카트 - 수량 스타일 */ .container-option .panel .sum{position: relative; border:1px solid #e5e5e5; border-radius: 3px;} .container-option .panel .sum .cnt{position: relative; display: block; margin: auto; border:0; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; font-size:16px; text-align: center; box-sizing: border-box;} .container-option .panel .sum .cnt::-webkit-inner-spin-button { -webkit-appearance: none; } .container-option .panel .sum .inc, .container-option .panel .sum .dec{overflow:hidden; position: absolute; top:0; text-indent: -9999px; background-repeat: no-repeat; background-position: center;} .container-option .panel .sum .inc{right:0; background-image: url(https://gcdn.simsale.kr/jpay/static/img/common/icon/btn_num_plus.svg);} .container-option .panel .sum .dec{left:0; background-image: url(https://gcdn.simsale.kr/jpay/static/img/common/icon/btn_num_minus.svg);} /* 카트 - 가격 스타일 */ .container-option .panel .price{position: relative; top: 35px; right: 0; font-size: 14px; font-weight: 700; line-height: 20px;} .container-option .panel .price span{font-size:16px; font-weight: 700;} /* 카트 - 단일 상품 스타일 */ .container-option .panel-body{} .container-option .panel-body:after {content:""; display:block; clear:both;} .container-option .panel-body .sum{float: left; margin-top: 14px; width:120px;} .container-option .panel-body .sum .cnt{width:48px; height: 36px;} .container-option .panel-body .sum .inc, .container-option .panel-body .sum .dec{width: 36px; height: 36px;} .container-option .panel-body .price{float: right;} /* 카트 - 선택 상품 스타일 */ .container-option .panel-choice{margin: 15px -15px; padding: 0 15px; border-top: 1px solid #e5e5e5;} .container-option .panel-choice .choice-item{overflow: hidden;margin-top: 15px;} .container-option .panel-choice .name{float: left; line-height: 30px;} .container-option .panel-choice .name span{font-size:14px;} .container-option .panel-choice .sum{float: right; width:100px;} .container-option .panel-choice .sum .cnt{width:40px; height: 30px;} .container-option .panel-choice .sum .inc, .container-option .panel-choice .sum .dec{width: 30px; height: 30px;} .container-option #addbuy_cart:empty{margin-top: 0;} .container-option #addbuy_cart{margin-top: 6px;} /* 옵션선택 - 끝 */ /* 사용자 페이지 */ #app.user #gnb{display:table; width:100%;} #app.user #gnb li{display:table-cell;} #app.user #gnb li a{display: none;} #app.user #gnb li a.block{display: block; width: auto;} #app.user.menu_active #header .nav li a{display: block; width: 100%;} #app.user.menu_active #header .nav li a.block{display: none;} /* 아이템이 하나도 없을때 */ #app.user #list[style*="height:100px;"] .list.on:after, #app.user #list[style*="height: 100px;"] .list.on:after{position: absolute; top:50%; left:0; right: 0; margin: 24px auto 0; height: 24px; line-height: 24px; font-size:16px; text-align: center; color:#777;} #app.user #list[style*="height:100px;"] .list.on[href="#order"]:after, #app.user #list[style*="height: 100px;"] .list.on[href="#order"]:after{content:"주문/배송 내역이 없습니다.";} #app.user #list[style*="height:100px;"] .list.on[href="#cart"]:after, #app.user #list[style*="height: 100px;"] .list.on[href="#cart"]:after{content:"장바구니에 상품이 없습니다.";} #app.user #list[style*="height:100px;"] .list.on[href="#wish"]:after, #app.user #list[style*="height: 100px;"] .list.on[href="#wish"]:after{content:"찜하신 내역이 없습니다.";} #app.user #list[style*="height:100px;"] .list.on[href="#comment"]:after, #app.user #list[style*="height: 100px;"] .list.on[href="#comment"]:after{content:"작성하신 댓글이 없습니다.";} #app.user #list[style*="height:100px;"] .list.on[href="#share"]:after, #app.user #list[style*="height: 100px;"] .list.on[href="#share"]:after{content:"공유하신 상품이 없습니다.";} #app.user #list[style*="height:100px;"] .list.on:before, #app.user #list[style*="height: 100px;"] .list.on:before{content:""; position: absolute; left:0; right:0; top:50%; margin: -80px auto 0; display:block; width:80px; height:80px; background: url(https://gcdn.simsale.kr/jpay/static/img/common/icon/ico_noti_none.svg) no-repeat center; background-size:80px;} #app.user #list[style*="height:0;"] .list.on .sort_inquiry, #app.user #list[style*="height: 0;"] .list.on .sort_inquiry{opacity: 0;} #app.user #list {min-height:90vh; background-color: rgb(240, 240, 240);} #app.user #list item{display: block; position: relative;} #app.user #list item .area{overflow: hidden; position: relative; padding:20px; background-color: #fff; box-sizing: border-box;} #app.user #list item .area.total.on{padding-top: 20px;} #app.user #list item .area.total{padding-top: 0;} #app.user #list item .area:after{content:""; position: absolute; left:20px; right:20px; bottom:0; height: 1px; background-color: #e5e5e5;} #app.user #list item .area{position: relative; overflow: hidden; display: table; width: 100%;} #app.user #list item .image{display: table-cell; position: relative; overflow:hidden; border-radius:5px; width: 125px; height: 70px; text-align: center; vertical-align: top;} #app.user #list item .image .thumb{width: 100%; height: 100%;} #app.user #list item .info{display: table-cell; margin:5px; vertical-align: top;} #app.user #list item .info span{display: -webkit-box; overflow:hidden; padding:0 40px 0 10px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; font-size: 15px; color: #1a1a1a;} #app.user #list item .info .sprice{margin-top:4px;} #app.user #list item .info .sprice em{font-size:16px; font-weight:700;} #app.user #list item .info .sprice em:after{content:"원"; font-size:14px;} #app.user #list item .info .cate_name{margin-top: 5px;} #app.user #list item .info .cate_name em{color: #e51b13;} #app.user #list item .area.total:after{display:none;} #app.user #list item a.remove{position: relative; display:block; border-radius: 100%; width: 18px; height: 18px; line-height: 15px; text-align: center; background-color: #cdd0d4;} #app.user #list item a.remove:before, #app.user #list item a.remove:after{content:""; position: absolute; margin:auto; left: 0; right: 0; top: 0; bottom: 0; width:10px; height:1px; background-color:#fff;} #app.user #list item a.remove:after{transform: rotate(47deg)} #app.user #list item a.remove:before{transform: rotate(-47deg)} #app.user #list item>a.remove{position: absolute; right: 20px; top: 20px;} #app.user #list item .info .title{} #app.user #list item .info .title strong{display: inline-block; padding-left: 12px; font-size:15px; line-height: 1.4; word-break: keep-all;} #app.user #list item .option .name{margin:18px 0;} #app.user #list item .option .name strong{display:none; font-size:14px; font-weight:normal;} #app.user #list item .option .name span{font-size:14px; font-weight:normal;} #app.user #list .placeholder{opacity:0;} #app.user #list .placeholder item .image .thumb{background-color: rgba(165, 165, 165, 0.1); animation: pulse 1s infinite ease-in-out;} #app.user #list .placeholder item .info span{height: 15px; background-color: rgba(165, 165, 165, 0.1); animation: pulse 1s infinite ease-in-out;} #app.user #list .placeholder item .info .title{width: 130px;} #app.user #list .placeholder item .info .cate_name{width: 80px;} #app.user #list .area .set{display:table; width:100%;} #app.user #list .area .set>div{display:table-cell; vertical-align: middle;} #app.user #list .area .set .price{text-align:right;} #app.user #list .area .set .price span{margin-right: 8px; font-size:16px; font-weight: 700;} #app.user #list .area .set .price span:after{content:"원"; font-weight:normal;} #app.user #list .area .set .btn{width:18px;} #app.user #list list{display: block; overflow: hidden;} #app.user #list .list[href*="#cart"] .area .sum{overflow:hidden; display: inline-block; border:1px solid #ddd; border-radius:3px;} #app.user #list .list[href*="#cart"] .area .sum a{position: relative; float: left; width: 36px; height: 36px; line-height: 34px; text-align: center; box-sizing: border-box;} #app.user #list .list[href*="#cart"] .area .sum a.dec:after, #app.user #list .list[href*="#cart"] .area .sum a.inc:before{width:10px; height:1.5px;} #app.user #list .list[href*="#cart"] .area .sum a.inc:after{width:1.5px; height:10px;} #app.user #list .list[href*="#cart"] .area .sum a.dec:after, #app.user #list .list[href*="#cart"] .area .sum a.inc:before, #app.user #list .list[href*="#cart"] .area .sum a.inc:after{content:""; position: absolute; margin: auto; left: 0; right: 0; top: 0; bottom: 0; background-color: #777;} #app.user #list .list[href*="#cart"] .area .sum input{float: left; margin:0 -1px; border:1px solid #ddd; border-top:0; border-bottom:0; width: 48px; height: 36px; font-size:16px; text-align: center; box-sizing: border-box;} #app.user #list .list[href*="#cart"] .area .sum input[type='number'] {-moz-appearance:textfield;} #app.user #list .list[href*="#cart"] .area .sum input::-webkit-outer-spin-button, #app.user #list .list[href*="#cart"] .area .sum input::-webkit-inner-spin-button { -webkit-appearance: none; } #app.user #list .list[href*="#cart"] .area>.info{display:table; margin:0; width: 100%;} #app.user #list .list[href*="#cart"] .area .info>*{display: table-cell; padding:0; vertical-align: top;} #app.user #list .list[href*="#cart"] .area.on .info>.thumb{display: table-cell;} #app.user #list .list[href*="#cart"] .area .info>.thumb{position: relative; width:80px;} #app.user #list .list[href*="#cart"] .area .info>.thumb{display: none;} #app.user #list .list[href*="#cart"] .area .info>.thumb img{position: absolute; left:0; top:0; width:100%; height:100%;} #app.user #list .list[href*="#cart"] .area .info>.thumb canvas{display: block; width:100%;} #app.user #list .area .checkbox{display: table-cell; width:30px;} #app.user #list .area .result{display:none;} #app.user #list .area .result input{display:none;} #app.user #list .area .result input:checked+div.calc{display: block;} #app.user #list .area.total .result{display: block;} #app.user #list .area.on{margin-top:10px;} #app.user #list .area.total .result{margin-top: 20px; border-top:1px solid #f5f5f5} #app.user #list .area.total .result label{position: relative; display: block; padding: 20px 0; margin-bottom: -20px;} #app.user #list .area.total .result label:after{content:""; position: absolute; right:0; bottom:20px; width: 26px; height:22px; background: url(https://gcdn.simsale.kr/jpay/static/img/common/icon/arrowls_open.svg) no-repeat;} #app.user #list .area.total .result label span:before{content:"주문금액"; font-size:16px; font-weight:700; float: left;} #app.user #list .area.total .result label span:after{content:"원"; font-size:16px;} #app.user #list .area.total .result label span{overflow:hidden; display: block; padding-right: 30px; line-height:24px; font-size:18px; font-weight:700; text-align: right; color:#1a1a1a; background-repeat: no-repeat;} #app.user #list .area.total .result .calc{display:none; margin-top: 18px;} #app.user #list .area.total .result .calc span{font-size:16px; color:#1a1a1a;} #app.user #list .area.total .result .calc span:after{content:"원"; font-size:15px;} #app.user #list .area.total .result .calc div{overflow: hidden; text-align: right; font-size:15px; color:#777;} #app.user #list .area.total .result .calc div+div{margin-top:8px;} #app.user #list .area.total .result .calc div:after{float:left;} #app.user #list .area.total .result .calc .gprice:after{content:"상품금액";} #app.user #list .area.total .result .calc .shipping:after{content:"배송비";} #app.user #list .list[href*="#cart"] .area.on .info{display: block;} #app.user #list .list[href*="#cart"] .area .info{display:none;} /* checkbox */ .checkbox {display: inline-block; margin-right: 10px;} .checkbox input[type="checkbox"] {display: none;} .checkbox input[type="checkbox"] + label {display: inline-block; position: relative;} .checkbox input[type="checkbox"] + label:before {content: ""; display: inline-block; width: 24px; height: 24px; line-height: 1.2;} .checkbox input[type="checkbox"]:disabled + label:before {background: url(https://gcdn.simsale.kr/jpay/static/img/common/icon/checkbox_d.svg) no-repeat;} .checkbox .text {margin-left:5px; vertical-align: top; color: #555; font-size: 14px; line-height:24px; letter-spacing:-0.02em;} .checkbox .hide {display: none;} .hide {display: none;} /* 주문결제 */ .chkbx input{display:none;} #app.order {position:relative;} #app.order form[name="order"]{} #app.order .order_item{margin:12px; padding:12px; border:1px solid #e5e5e5; background: #fff;} #app.order .order_form{position: relative;} #app.order .order_form table{width:100%;} #app.order .order_form table caption{position: absolute; overflow: hidden; left:-999999px; top:-999999px; text-indent: -999999px; width:1px; height:1px; font-size:1px;} #app.order .order_form tbody th{width:67px;} #app.order .order_form tbody th label{display: block; text-align: left; font-size:15px; font-weight:normal; white-space:nowrap;} #app.order .order_form tbody th label.essential:after{content:"*";} #app.order .order_form input[type="text"], #app.order .order_form input[type="number"], #app.order .order_form input[type="tel"] {padding-left:8px; border:1px solid #e5e5e5; border-radius: 3px; height:30px; box-sizing: border-box; vertical-align: top; color: #1a1a1a; box-shadow: none; font-size:15px;} #app.order .order_form input::placeholder {line-height:20px;} #app.order .order_form input#bname {width:60%;} #app.order .order_form input#btel {width:60%;} #app.order .order_form.paymethods{padding: 12px; background:#f5f5f5;} #app.order .order_form.paymethods ul li+li{margin-top:18px;} #app.order .order_form.paymethods .chkbx label{display: block; padding-left: 28px; height: 22px; line-height: 22px; font-size:15px;} #app.order .order_form.order_result input[type="text"]{float:right; border:0; text-align:right; font-size:16px; width: 150px; color:#1a1a1a; line-height:30px; height:33px; outline:none; cursor:default;} #app.order .order_form.order_result tr>*{/*height:28px;*/} #app.order .order_form.order_result th {color:#aaa;} #app.order .order_form.order_result td {color:#1a1a1a;} #app.order .order_form.order_result .fprice{display: none;} #app.order .order_form.order_result .fprice.on{display: table-row;} #app.order .order_form.order_result td:before{content:"원"; float:right; font-size:16px; padding-top:9px;} #app.order .order_form.order_result .order_total>*{padding-top: 9px; border-top:1px solid #f0f0f0;} #app.order .order_form.order_result .order_total th label{color: #1a1a1a;} #app.order .order_form.order_result .order_total td:before{font-weight:700;} #app.order .order_form.order_result .order_total td input{font-weight:700; outline:none; font-size:18px;} #app.order .order_form td, #app.order .order_form .addr_form_area td {padding:1px 0;} #app.order .order_form .addr_form_area td.call-info{position: relative;padding-right: 114px} #app.order .order_form .addr_form_area td.address-info{position: relative;padding-right: 85px} #app.order .order_form .msg { font-size: 12px; line-height: 16px; color: #777; word-break: keep-all; padding-left:3px;} #app.order .order_form .msg_vbank {display: none;} #app.order .order_form input[name="dname"] {width: 100%;float:left;} /*#app.order .order_form input[name="dname"].gift {width: 44%;}*/ #app.order .order_form input[name="dpcode"] {width:100%;} #app.order .order_form input[name="dname"].gift~.call, #app.order .order_form input[name="dpcode"]+a{position:absolute;top:1px;right:0; margin-left: 2%; border-radius: 3px; width:79px; line-height:30px; font-size:12px; text-align: center; background-color: #1a1a1a; color:#fff;} /*#app.order .order_form input[name="dname"].gift~.call {display: inline-block;text-decoration: underline;color: #047AFF;margin-left: 2%;line-height: 1;background: none;text-align: left;letter-spacing:-0.8px; margin-top: 13px;}*/ #app.order .order_form input[name="dname"].gift~.call {position: absolute;top: 1px;right: 0;width: 108px;height: 30px;line-height: 30px;border: 1px solid #1a75eb;border-radius: 3px;opacity: 0.8;padding: 0 7px 0 23px;font-size: 12px;color: #1a75eb;background: url(https://gcdn.simsale.kr/jpay/static/img/common/icon/ico_phoneaddress.svg) no-repeat 3px 0;;box-sizing: border-box;letter-spacing: -0.8px} #app.order .order_form input[name*="daddr"]{width: 100%;} #app.order .order_form input[name="authfield1"]{min-width: 107px; width: 107px;} #app.order .order_title{position:relative; margin-bottom: 15px; padding-left: 17px; line-height: 14px;} #app.order .order_title:before, #app.order .order_title:after{content:""; display:block; position:absolute; border-radius: 50%;} #app.order .order_title:before{left:0; top:2px; width: 11px; height: 11px; z-index:0;} #app.order .order_title:after{left:3px; top:5px; width: 5px; height: 5px; background-color: #fff; z-index:1;} #app.order .order_title span{font-size: 15px; font-weight:700;} .gift-desc {margin-top: -9px;line-height: 17px;font-size: 13px;letter-spacing:-0.33px;color: #777; margin-bottom: 15px;} #app.order .order_form .cardinfo{margin-top: 8px;} #app.order .order_form .cardinfo td{padding:2px 0;} #app.order .order_form .cardinfo select{border:1px solid #e5e5e5; border-radius: 3px; width: 48px; height: 33px; box-sizing: border-box;} #app.order .order_form .cardinfo select[name*="cardex"]{float: left; width: 86px; font-size:15px;} #app.order .order_form .cardinfo select[name="cardexpm"]{margin-right: 4px; font-size:15px;} #app.order .order_form .cardinfo .cardnumber{position: relative; overflow: hidden; z-index:1;} #app.order .order_form .cardinfo .cardnumber:after{content:""; position: absolute; left: 0; top: 0; bottom: 0; margin:auto; width: 190px; height: 1px; background-color: #1a1a1a; z-index: -1;} #app.order .order_form .cardinfo .cardnumber input{float: left; text-align:center; font-size:15px; padding:0;} #app.order .order_form .cardinfo input{border:1px solid #e5e5e5; border-radius: 3px; width:19%; max-width: 48px; height: 33px; box-sizing: border-box; box-shadow: 0 0 0px 4px #fff;} #app.order .order_form .cardinfo input+input{margin-left: 14px;} #app.order .order_form .cardinfo select[name="cardquota"]{width: 176px; box-sizing: border-box; font-size:15px;} #app.order .order_form .cardinfo input[name="authfield1"]{width: 107px; text-align:center; font-size:15px; padding:0;} #app.order .order_form .cardinfo input[name="authfield2"]{width: 50px; margin-right: 3px; text-align:center; font-size:15px; padding:0;} #app.order .order_form .cardinfo div.desc{position: relative; display: block; padding-left: 9px; line-height: 21px; font-size:13px; color:#777;} #app.order .order_form .cardinfo div.desc:after{content:""; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; width: 3px; height: 3px; border-radius: 50%; background-color:#777;} #app.order .order_form .cardinfo span.desc{display: inline-block; line-height: 30px; font-size:13px; color:#777;} #app.order .order_form .guide p{font-size:14px; color:#777777;} #app.order .order_form .thumb img{display: block; width: 100%;} #app.order .order_form.tab .tab_nav ul {position: relative; overflow:hidden; border:1px solid #e5e5e5; border-bottom:0;} #app.order .order_form.tab .tab_nav ul:after{content:""; position: absolute; margin: auto; left: 0; right: 0; top: 0; bottom: 0; width: 1px; background: #e5e5e5;} #app.order .order_form.tab .tab_nav ul li{float:left; width: 50%; box-sizing:border-box;} #app.order .order_form.tab .tab_nav ul li a{display: block; border-bottom:1px solid #e5e5e5; text-align:center; line-height:40px; background-color: #f5f5f5; font-size:14px;} #app.order .order_form.tab .tab_nav ul li a.on{border-color:#fff; background-color: #fff;} #app.order .order_form.tab {} #app.order .order_form.tab .tab_cont{display: none;} #app.order .order_form.tab .tab_cont.on{display: block;} #app.order .order_form.tab.set #addr_form{display: block; position:fixed; top:0; bottom:0; left:0; right:0; z-index:100; background: rgba(26,26,26,0.5);} #app.order .order_form.tab.set #addr_form .addr_form_area{position: relative; margin: 62px auto 0; padding:70px 16px 16px; border-radius:6px; max-width:320px; background-color: #fff;} #app.order .order_form.tab.set #addr_form .addr_form_area:after{content:"배송지 변경"; position: absolute; top:20px; left: 0; right: 0; font-size:17px; line-height:22px; text-align:center; color:#1a1a1a;} #app.order .order_form.tab.set #addr_form .addr_form_area tbody th label{} #app.order .order_form.tab.set #addr_form .addr_form_area tbody th label.essential:after{display:none;} #app.order .order_form.tab.set #addr_form .addr_form_area .btns{display:table; margin-top: 18px; border-bottom:1px solid #efefef; width:100%;} #app.order .order_form.tab.set #addr_form .addr_form_area .btn{display:table-cell; width:50%;} #app.order .order_form.tab.set #addr_form .addr_form_area .btn a{display:block; border-radius:3px; text-align:center; line-height:48px; font-size:16px; background-color: #fd2f6f; color:#fff;} #app.order .order_form.tab.set .add_addr{display:none;} #app.order .order_form.tab #addr_log .guide{margin:15px 0 20px;} #app.order .order_form.tab #addr_log .guide p{font-size:13px; line-height:18px; color:#777;letter-spacing:-.33px;} #app.order .order_form.tab .btns, #app.order .order_form.tab .addr_close{display: none;} #app.order .order_form.tab.set .addr_close{display: block; overflow:hidden; position: absolute; top:24px; right:16px; width: 18px; height: 18px; text-indent:-9999px; background-image: url(https://gcdn.simsale.kr/jpay/static/img/common/icon/btn_x_popup.svg); z-index:100;} .address_item.chkbx{position: relative; margin-bottom: 20px;} .address_item.chkbx label{display: block; padding-left: 59px; line-height:20px; background-position: 0 center;} .address_item.chkbx label>span{display: block; line-height:20px; font-size:15px; color:#1a1a1a;} .address_item.chkbx label em{font-size:15px; color:#1a1a1a;} .address_item.chkbx label .daddr2{display: block; line-height:20px;} .address_item.chkbx .name{margin-bottom: 6px;margin-right: 60px} .address_item.chkbx .bname{font-size:15px; font-weight:700; color:#1a1a1a;} .address_item.chkbx .addr_remove, .address_item.chkbx .addr_set{position: absolute; overflow:hidden; top:0; width:20px; height:20px; text-indent:-9999px; background-position: center; background-repeat: no-repeat;} .address_item.chkbx .addr_set{right: 36px; background-image: url(https://gcdn.simsale.kr/jpay/static/img/common/icon/ico_edit_reply.svg);} .address_item.chkbx .addr_remove{right: 0; background-image: url(https://gcdn.simsale.kr/jpay/static/img/common/icon/ico_delete_reply.svg);} #app.order .order_form select {padding-left: 10px; -webkit-appearance: none; background: url(https://gcdn.simsale.kr/jpay/static/img/common/icon/icon_option_arrow_down.svg) no-repeat 99%;} #app.order .order_form .datalist{position: relative;} #app.order .order_form .datalist .options {width:100%; border:1px solid #e5e5e5; border-radius: 3px; height: 33px; box-sizing: border-box; font-size:15px;} #app.order .order_form .datalist .options_text {display:none; margin-top:4px; padding:10px; width:100%; border:1px solid #e5e5e5; border-radius: 3px; height: 56px; box-sizing: border-box; font-size:15px; line-height:1.2; resize:none;} #app.order .terms .item+.item{margin-top: 10px;} #app.order .terms .chkbx label{display: block; padding-left: 28px; padding-right: 55px; min-height: 22px; line-height: 23px; font-size: 13px; word-break: normal; } #app.order .terms .low{display: none;} #app.order .terms .term_cont.on .low{display: block;} #app.order .terms .term_cont.low{display: block; padding: 10px; background-color: #f5f5f5;} #app.order .terms .term_cont.low h3{line-height: 17px; color:#aaa; font-weight:700;} #app.order .terms .term_cont.low p{line-height: 17px; color:#aaa;} #app.order .terms iframe{margin-top: 12px; border:0; width: 100%; background-color: #f5f5f5;} #app.order .terms .term_cont{position: relative;} #app.order .terms .term_cont.low{margin:13px 0 0;} #app.order .terms .term_cont2{position: relative; margin:10px 0;} /* 카카오페이, 페이코, 삼성페이 */ #app.order .payinfo {display:none;} #app.order .payinfo li {position:relative; color:#777; font-size:13px; line-height:1.6; padding-left:10px; margin-top:11px;} #app.order .payinfo li:before {content:""; position:absolute; top:8px; left:0; width:3px; height:3px; border-radius:50%; background-color:#777;} /* 약관 토글 버튼 */ #app.order .terms .term_cont .more_toggle:after{content:"내용보기"; position: relative; right: 0; top: 0; line-height: 22px; font-size:12px; color:#aaa; word-break: keep-all;} #app.order .terms .term_cont.on .more_toggle:after{content:"닫기";} #app.order .terms .term_cont a {position: absolute; right: 0; top: 0; line-height: 22px; font-size:12px; color:#aaa; z-index: 1;} #app.order .add_addr{height:60px; vertical-align: bottom;} #app.order .add_addr label{margin-bottom: 18px; padding-left: 28px; height: 22px; line-height: 22px;} #app.order .order_submit{padding:0 12px 12px; position:fixed; bottom:0; left:0; z-index:5; box-sizing:border-box; width:100%; background-color:#f0f0f0;} #app.order .order_submit .onpay{display: block; border-radius: 3px; font-size: 16px; line-height: 48px; text-align: center; color: #fff; font-weight:700;} #app.order #post_wrap{display:none;width:100%;height:100% !important;position:absolute; top:0; left:0; z-index:99;overflow-y:auto;box-sizing:border-box; padding-top:51px;-webkit-overflow-scrolling:touch;} #app.order .post_wrap_bg{display:none;position:fixed; top:0; left:0; width:100%; height:100%; background-color:#ececec; z-index:90;} #app.order #post_wrap:after{content: "우편번호 검색"; position: fixed; top: 0; border-bottom: 1px solid #000; left: 0; width: 100%; height: 50px; line-height: 50px; text-align: center; font-size: 18px; background-color: #ececec;} /*#app.order #post_wrap:before{content:""; position: fixed; top:0; left:0; width:100%; height:100%; background-color: #ececec;}*/ #app.order #btnCloseLayer{position: fixed; right: 10px; top:6px; width: 40px; line-height: 40px; text-align: center; z-index: 10;} #app.order #btnCloseLayer:after{content:""; position: absolute; width: 32px; height: 36px; right: 0; background: url(https://gcdn.simsale.kr/jpay/static/img/common/icon/ico_x_2.svg) no-repeat;} /* 여백 */ #app.order .br{height:16px;} /* 직접입력 선택 */ #app.order .order_form.tab .tab_cont .guide {display:none; width:100%;} #app.order .order_form.tab .tab_cont .guide p {display:table-cell; vertical-align:middle; width:50%;} #app.order .order_form.tab .tab_cont .guide .checkbox {display:table-cell; vertical-align:middle; width:50%; text-align:right;} #app.order .order_form.tab .tab_cont.on .guide {display:table;} /* 결제완료 */ .complete_payment {background-color:#f0f0f0;} .complete_payment .complete_message {margin-top:10px; padding:25px 0 35px; background-color:#fff; border-bottom:1px solid #ebebeb; text-align:center;} .complete_payment .complete_message .phrase {position:relative; padding:105px 20px 0; color:#1a1a1a; font-size:24px; letter-spacing:-0.02em;} .complete_payment .complete_message .phrase:before {content:""; position:absolute; top:0; left:50%; margin-left:-40px; width:80px; height:80px; background: url(https://gcdn.simsale.kr/jpay/static/img/common/icon/ico_noti.svg) no-repeat;} .complete_payment .complete_message .phrase.none:before {content:""; position:absolute; top:0; left:50%; margin-left:-40px; width:80px; height:80px; background: url(https://gcdn.simsale.kr/jpay/static/img/common/icon/ico_noti_none.svg) no-repeat;} .complete_payment .order_info {margin-top:10px; padding:25px 15px 20px; background-color:#fff; border-bottom:1px solid #ebebeb;} .complete_payment .order_info .title {margin-bottom:25px; color:#1a1a1a; font-size:16px; letter-spacing:-0.03em; font-weight:700;} .complete_payment .order_info .individual {overflow:hidden; margin-bottom:10px;} .complete_payment .order_info .individual * {font-size:15px; letter-spacing:-0.03em; line-height:1.2em;} .complete_payment .order_info .individual dt {float:left; width:25%; color:#777;} .complete_payment .order_info .individual dd {position:relative; float:right; width:75%; text-align:right; color:#1a1a1a;} .complete_payment .order_info .individual .name {display:inline-block; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; width: 77%;} .complete_payment .order_info .individual .text {display:inline-block; color:#1a1a1a; vertical-align:top; margin-left:3px;} .complete_payment .order_info .individual .price strong {color:#1a1a1a; font-weight:normal;} .complete_payment .order_info .individual .total_price strong {color:#1a1a1a; font-size:18px; font-weight:700;} .complete_payment .order_info .individual .total_price span {color:#1a1a1a; font-size:16px; font-weight:700;} .complete_payment .delivery_info {margin-top:10px; padding:25px 15px 20px; background-color:#fff; border-bottom:1px solid #ebebeb;} .complete_payment .delivery_info .title {margin-bottom:25px; color:#1a1a1a; font-size:16px; letter-spacing:-0.03em; font-weight:700;} .complete_payment .delivery_info .individual {overflow:hidden; margin-bottom:10px;} .complete_payment .delivery_info .individual * {font-size:15px; letter-spacing:-0.03em; line-height:1.2em;} .complete_payment .delivery_info .individual dt {float:left; width:25%; color:#777;} .complete_payment .delivery_info .individual dd {float:right; width:75%; color:#1a1a1a;} .complete_payment .button_area {margin-top:10px; padding:12px 10px; text-align:center; background-color:#fff;} .complete_payment .button_area .button_home {display:inline-block; margin:0 2px; box-sizing:border-box; width:48%; border-radius:3px; border:1px solid #e5e5e5; color:#555; font-size:16px; line-height:46px; letter-spacing:-0.03em;} .complete_payment .button_area .buttom_order {display:inline-block; margin:0 2px; box-sizing:border-box; width:48%; border-radius:3px; font-size:16px; line-height:46px; letter-spacing:-0.03em;} /* 카카오플러스 플로팅버튼*/ .kakaoplus{} .kakaoplus p{display:block; width: 50px;height: 50px; position:fixed; right: 16px; bottom: 90px; text-indent:-9999px;} .kakaoplus .plus_link{bottom:142px; background:url(https://gcdn.simsale.kr/jpay/static/img/common/icon/ico_plus_float.svg?20190920) 0 0 no-repeat;} .kakaoplus .plus_link2{background:url(https://gcdn.simsale.kr/jpay/static/img/common/icon/ico_plus_kakao.svg?20190925) 0 0 no-repeat;} /* 장바구니 */ .my_cart {background-color:#f0f0f0; height:auto; padding-bottom:82px;} .my_cart .sort_content {position:fixed; top:0; left:0; z-index:10; width:100%; border-bottom: 1px solid #ebebeb; background-color:#f0f0f0;} .my_cart .sort {box-sizing:border-box; margin-top:8px; padding:14px 15px 13px; background-color:#fff; height:54px;} .my_cart .sort:after {content: ""; display: block; clear: both;} .my_cart .sort .checkbox {float: left;} .my_cart .sort .checkbox .text {display:inline-block; margin:2px 0 0 8px;} .my_cart .sort .sort_delete {float: right;} .my_cart .sort .sort_delete .button_delete, .my_cart .sort .sort_delete .button_soldout {position:relative; float: left; padding-right: 20px; border: 0; background: transparent; color: #555; font-size:14px; line-height:28px; letter-spacing:-0.02em;} .my_cart .sort .sort_delete .button_soldout {position: relative; margin-left: 10px; padding-left: 10px;} .my_cart .sort .sort_delete .button_soldout:before {content: ""; position: absolute; top: 50%; left: 0; margin-top:-6px; width: 1px; height: 12px; background-color: #e5e5e5;} .my_cart .sort .sort_delete .button_delete:after, .my_cart .sort .sort_delete .button_soldout:after {content:""; position:absolute; top:1px; right:0; width:20px; height:24px; background:url(https://gcdn.simsale.kr/jpay/static/img/common/icon/ico_delete.svg) no-repeat; background-size:20px 24px;} .my_cart .list {padding-top:53px;} .my_cart .item {overflow: hidden; position: relative; display: table; box-sizing:border-box; width: 100%; padding:20px 15px 0; background-color: #fff; margin-top:10px; border-bottom:1px solid #ebebeb;} .my_cart .item .info {} .my_cart .item .info:after {content:""; display:block; clear:both;} .my_cart .item .info .checkbox {float:left;} .my_cart .item .info .product {display:block; position:relative; overflow:hidden;} .my_cart .item .info .product .thumb {position:relative; float:left; width: 80px; height:80px;} .my_cart .item .info .product .thumb img {position:absolute; width:100%; height:80px; border-radius:6px;} .my_cart .item .info .product .title {display: -webkit-box; position:relative; overflow:hidden; padding-left:10px; color:#1a1a1a; font-size:15px; font-weight:normal; line-height:1.2em; letter-spacing:-0.03em; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;} .my_cart .item .panel {padding:20px 0; border-top:1px solid #f5f5f5; position:relative;} .my_cart .item .panel:first-child {border:0;} .my_cart .item .addbuy {border-top:1px solid #f5f5f5;} .my_cart .item .panel .panel-heading span {color:#1a1a1a; font-size:14px; letter-spacing:-0.02em;} .my_cart .item .panel .panel-body {display:table; margin-top:20px; width:100%; position:relative; padding-right:32px; box-sizing:border-box;} .my_cart .item .panel .panel-body .sum {overflow: hidden; display: inline-block; border: 1px solid #ddd; border-radius: 3px;} .my_cart .item .panel .panel-body .sum .dec, .my_cart .item .panel .panel-body .sum .inc {position: relative; float: left; width: 36px; height: 36px; line-height: 34px; text-align: center; box-sizing: border-box; border:0; background: transparent; font-size:0;} .my_cart .item .panel .panel-body .sum .dec:after, .my_cart .item .panel .panel-body .sum .inc:before, .my_cart .item .panel .panel-body .sum .inc:after {content: ""; position: absolute; margin: auto; left: 0; right: 0; top: 0; bottom: 0; background-color: #777;} .my_cart .item .panel .panel-body .sum .dec:after {width: 10px; height: 1.5px;} .my_cart .item .panel .panel-body .sum .inc:before {width: 10px; height: 1.5px;} .my_cart .item .panel .panel-body .sum .inc:after {width: 1.5px; height: 10px;} .my_cart .item .panel .panel-body .sum input {float: left; margin: 0 -1px; border: 1px solid #ddd; border-top: 0; border-bottom: 0; width: 48px; height: 36px; font-size: 16px; text-align: center; box-sizing: border-box;} .my_cart .item .panel .panel-body .sum input::-webkit-outer-spin-button, .my_cart .item .panel .panel-body .sum input::-webkit-inner-spin-button {-webkit-appearance: none;} .my_cart .item .panel .panel-body .price {display: table-cell; vertical-align: middle; text-align: right; color:#1a1a1a; font-size:15px; letter-spacing:-0.03em;} .my_cart .item .panel .panel-body .price span {color:#1a1a1a; font-size: 16px; font-weight: 700; letter-spacing:-0.03em;} .my_cart .item .panel .panel-body .price strong {color:#1a1a1a; font-size: 16px; font-weight: 700; letter-spacing:-0.03em;} .my_cart .item .panel .panel-body .price span {color:#1a1a1a; font-size:15px; letter-spacing:-0.03em;} .my_cart .item .panel .panel-body .btn-remove {position:absolute; top:50%; right:5px; margin-top:-9px; width: 18px; height: 18px; font-size:0; line-height: 15px; border:0; background: url(https://gcdn.simsale.kr/jpay/static/img/common/icon/btn_x.svg) no-repeat;} .my_cart .item .panel-choice {margin:18px 0 13px;} .my_cart .item .panel-choice .choice-item {position:relative; margin-bottom:13px;} .my_cart .item .panel-choice .choice-item .name {display:inline-block; position:relative; padding-left:10px; margin-right:7px;} .my_cart .item .panel-choice .choice-item .name:before {content:""; position:absolute; top:50%; left:0; width:4px; height:1px; background-color:#707070;} .my_cart .item .panel-choice .choice-item .name em {margin-left:7px;} .my_cart .item .panel-choice .choice-item .sum {display:inline-block; margin-left:-3px;} .my_cart .item .panel-choice .choice-item .sum .dec, .my_cart .item .panel-choice .choice-item .sum .inc {display:none;} .my_cart .item .panel-choice .choice-item .sum .cnt {display:inline; width:7px; background:none; border:none;} .my_cart .item .panel-choice * {color:#777; font-size:12px; letter-spacing:-0.02em;} .my_cart .item .result {padding:20px 0;} .my_cart .item .result .price_total {display:table; width:100%;} .my_cart .item .result .price_total .price_text {display: table-cell; vertical-align: middle; font-size:16px; font-weight:700;} .my_cart .item .result .price_total .price {display: table-cell; vertical-align: middle; text-align: right; color:#1a1a1a; font-size: 16px; font-weight: 700; letter-spacing:-0.03em;} .my_cart .item .result .price_total .price span {color:#1a1a1a; font-size: 18px; font-weight: 700; letter-spacing:-0.03em;} .my_cart .item .result .price_total .button {display: table-cell; width:30px; vertical-align: middle; text-align:right;} .my_cart .item .result .price_total .button .button_arrowls {display:inline-block; width:26px; height:22px; border:0; font-size:0;} .my_cart .item .result .price_total .button.close .button_arrowls {background:url(https://gcdn.simsale.kr/jpay/static/img/common/icon/arrowls_open.svg) no-repeat;} .my_cart .item .result .price_total .button.open .button_arrowls {background:url(https://gcdn.simsale.kr/jpay/static/img/common/icon/arrowls_close.svg) no-repeat;} .my_cart .item .result .calc {margin-top:20px; display:none;} .my_cart .item .result .calc .price_goods {margin-bottom:15px;} .my_cart .item .result .calc .price_goods, .my_cart .item .result .calc .price_delivery {display:table; width:100%;} .my_cart .item .result .calc .price_text {display:table-cell; width:25%; vertical-align:middle; color:#aaa; font-size:15px; letter-spacing:-0.03em;} .my_cart .item .result .calc .price {display:table-cell; width:75%; vertical-align:middle; text-align:right; color:#1a1a1a; font-size:15px; letter-spacing:-0.03em;} .my_cart .item .result .calc .price span {color:#1a1a1a; font-size:16px; font-weight: normal; letter-spacing:-0.03em;} .my_cart .item .total_price {padding:0; margin:0; border:0; border-top:1px solid #f5f5f5;} .my_cart .item .total_price .result {margin-bottom:0;} .my_cart .item .total_price .result .total {display: table-cell; vertical-align: middle; width:auto; color:#1a1a1a; font-size: 16px; font-weight: 700; letter-spacing:-0.03em;} .my_cart .item .total_price .result .total span {color:#1a1a1a; font-size: 18px;font-weight: 700; letter-spacing:-0.03em;} .my_cart .item .total_price .result .button {display: table-cell; width:30px; vertical-align: middle; text-align:right;} .my_cart .item .total_price .result .button .button_arrowls {display:inline-block; width:26px; height:22px; border:0; font-size:0;} .my_cart .item .total_price .result .button.close .button_arrowls {background:url(https://gcdn.simsale.kr/jpay/static/img/common/icon/arrowls_open.svg) no-repeat;} .my_cart .item .total_price .result .button.open .button_arrowls {background:url(https://gcdn.simsale.kr/jpay/static/img/common/icon/arrowls_close.svg) no-repeat;} .my_cart .item .total_price .delivery {margin-bottom:0;} .my_cart .item .total_price .calc {margin-bottom:20px; display:none;} .my_cart .item .total_price .calc.open {display:block;} .my_cart .item .panel.soldout {padding:20px 0;} .my_cart .item .panel.soldout .panel-heading span {color:#ff0000; display: -webkit-box; position: relative; overflow: hidden; padding-right: 30px; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; line-height:1.2;} .my_cart .item .panel.soldout .panel-body .sum {display:none;} .my_cart .item .panel.soldout .panel-body .price {display:none;} .my_cart .item .panel.soldout .panel-body {position:absolute; top:50%; right:0; margin:0; width:18px; height:18px; margin-top:-9px;} .my_cart .item .panel-choice .soldout, .my_cart .item .panel-choice .soldout span, .my_cart .item .panel-choice .soldout .cnt{color:#f00;} .my_cart .total_price {margin-top:10px; padding:25px 15px 10px; background-color:#fff; border-bottom:1px solid #ebebeb;} .my_cart .total_price .prearranged, .my_cart .total_price .goods, .my_cart .total_price .delivery {display:table; width:100%; margin-bottom:15px;} .my_cart .total_price dt {display:table-cell; width:40%; vertical-align:middle; color:#aaa; font-size:15px;} .my_cart .total_price dd {display:table-cell; width:60%; vertical-align:middle; text-align:right;} .my_cart .total_price .price strong {color:#1a1a1a; font-size:16px; font-weight: normal; letter-spacing:-0.03em;} .my_cart .total_price .price span {color:#1a1a1a; font-size:15px; letter-spacing:-0.03em;} .my_cart .total_price .prearranged {margin-bottom:35px;} .my_cart .total_price .prearranged dt {color:#1a1a1a; font-weight:700;} .my_cart .total_price .prearranged strong {font-size:18px; font-weight: 700; letter-spacing:-0.03em;} .my_cart .total_price .prearranged span {font-size:16px; letter-spacing:-0.03em; font-weight:700;} .my_cart .total_price .prepaid {margin-top:-10px; text-align:right;} .my_cart .total_price .prepaid #total_prepaid {font-size:13px; } .my_cart .total_price .result {display:table; width:100%; margin-bottom:35px;} .my_cart .total_price .result .text {display:table-cell; width:50%; vertical-align:middle;} .my_cart .total_price .result .text span {color:#1a1a1a; font-weight:500; font-size:15px;} .my_cart .total_price .result .total {display:table-cell; width:50%; vertical-align:middle; text-align:right; font-size:16px; letter-spacing:-0.03em; font-weight:700;} .my_cart .total_price .result .total span {font-size:18px; font-weight: 700; letter-spacing:-0.03em;} .my_cart .total_price .goods {display:table; width:100%; margin-bottom:15px;} .my_cart .total_price .goods .text {display:table-cell; width:40%; vertical-align:middle;} .my_cart .total_price .goods .text span {color:#aaa; font-size:15px;} .my_cart .total_price .goods .total {display:table-cell; width:60%; vertical-align:middle; text-align:right; color:#1a1a1a; font-size:15px; letter-spacing:-0.03em;} .my_cart .total_price .goods .total span {color:#1a1a1a; font-size:16px; font-weight: normal; letter-spacing:-0.03em;} .my_cart .total_price .delivery {display:table; width:100%;} .my_cart .total_price .delivery .text {display:table-cell; width:40%; vertical-align:middle;} .my_cart .total_price .delivery .text span {color:#aaa; font-size:15px;} .my_cart .total_price .delivery .total {display:table-cell; width:60%; vertical-align:middle; text-align:right; color:#1a1a1a; font-size:15px; letter-spacing:-0.03em;} .my_cart .total_price .delivery .total span {color:#1a1a1a; font-size:16px; font-weight: normal; letter-spacing:-0.03em;} .my_cart .notice {margin-top:10px; padding:25px 15px 20px; background-color:#fff; border-bottom:1px solid #ebebeb;} .my_cart .notice dt {position:relative; margin-bottom:5px; padding-left:20px; color:#1a1a1a; font-size:13px; letter-spacing:-0.03em; font-weight:700;} .my_cart .notice dt:before {content:""; position:absolute; top:0; left:0; width:13px; height:14px; background:url(https://gcdn.simsale.kr/jpay/static/img/common/icon/ico_i.svg) no-repeat;} .my_cart .notice dd {padding-left:20px; color:#777; font-size:13px; letter-spacing:-0.03em; line-height:1.3em;} .my_cart .button_area {padding:8px 7px; text-align:center; background-color:#f0f0f0; position:fixed; bottom:0; left:0; z-index:10; width:100%; box-sizing:border-box; border-top:1px solid #d6d6d6; } .my_cart .button_area .button_home {display:inline-block; margin:0 3px 0 0; box-sizing:border-box; width:40%; border-radius:3px; border:1px solid #e5e5e5; color:#555; font-size:16px; line-height:46px; letter-spacing:-0.03em; background-color:#fff; vertical-align:top;} .my_cart .button_area .buttom_order {display:inline-block; margin:0; box-sizing:border-box; width:56.3%; border-radius:3px; color:#fff; font-size:16px; line-height:46px; letter-spacing:-0.03em; vertical-align:top; font-weight:700;} .goods_none {position:absolute; top:0; left:0; margin-top:110px; width:100%; text-align:center;} .goods_none .message {position:relative; padding-top:100px; color:#777; font-size:16px; letter-spacing:-0.03em;} .goods_none .message:before {content: ""; position: absolute; left: 0; right: 0; top: 0; display: block; margin:0 auto; width: 80px; height: 80px; background: url(https://gcdn.simsale.kr/jpay/static/img/common/icon/ico_noti_none.svg) no-repeat;} .goods_none .button {margin-top:30px;} .goods_none .button_home {display:inline-block; box-sizing:border-box; width:200px; height:48px; border-radius:3px; border:1px solid #e5e5e5; color:#555; font-size:16px; line-height:45px; letter-spacing:-0.03em; background-color:#fff;} /* 주문배송조회 */ .my_order {background-color:#f0f0f0;} .my_order .date_search {box-sizing: border-box; margin-top: 10px; padding:20px 15px; background-color:#fff; border-bottom:1px solid #ebebeb;} .my_order .date_search .button_list {overflow:hidden; margin-bottom:15px;} .my_order .date_search .button_list li {float:left; width:16.77%; margin-left:-1px;} .my_order .date_search .button_list li button {display:inline-block; box-sizing:border-box; width:100%; line-height:38px; border:1px solid #e5e5e5; background-color:#fff; text-align: center; color: #cacaca;} .my_order .date_search .button_list li:first-child {margin-left:0;} .my_order .date_search .button_list li:first-child button {border-radius:3px 0 0 3px;} .my_order .date_search .button_list li:last-child button {border-radius:0 3px 3px 0;} .my_order .date_search .button_list li.active button {position:relative;} .my_order .date_search .period {margin-bottom:15px; width:100%;} .my_order .date_search .period:after {content:""; display:block; clear:both;} .my_order .date_search .period dt {float:left; color:#aaa; font-size:13px; letter-spacing:-0.03em;} .my_order .date_search .period dd {float:left; margin-left:5px;} .my_order .date_search .period dd span {font-size:13px; color:#555; letter-spacing:-0.03em;} .my_order .date_search .selectbox {margin-bottom:20px;} .my_order .date_search .selectbox .select {position:relative; padding:0 10px; width:100%; height:38px; border-radius:3px; border:1px solid #e5e5e5; color:#1a1a1a; font-size:15px; letter-spacing:-0.03em; appearance: none; -webkit-appearance: none; background:url(https://gcdn.simsale.kr/jpay/static/img/common/icon/icon_option_arrow_down.svg) no-repeat 98% 50%;} .my_order .date_search .comment {position:relative; padding-left:20px; font-size:13px; color:#777; letter-spacing:-0.03em;} .my_order .date_search .comment:before {content:""; position:absolute; top:0; left:0; width:13px; height:14px; background:url(https://gcdn.simsale.kr/jpay/static/img/common/icon/ico_i_2.svg) no-repeat;} .my_order .date_search .comment .underline {font-size:13px; color:#2680eb; letter-spacing:-0.03em; text-decoration:underline;} .my_order .list .item_order {margin-top:10px; background-color:#fff; border-bottom:1px solid #ebebeb;} .my_order .list .item_order .order_info {padding:15px 16px 15px 15px; border-bottom:1px solid #f5f5f5;} .my_order .list .item_order .order_info:after {content:""; display:block; clear:both;} .my_order .list .item_order .order_info .date {float:left; color:#1a1a1a; font-size:13px; letter-spacing:-0.03em; font-weight:700; line-height:20px;} .my_order .list .item_order .order_info .order_number {display:block; position:relative; float:left; margin-left:6px; padding-left:7px; color:#1a1a1a; font-size:13px; letter-spacing:-0.03em; line-height:20px;} .my_order .list .item_order .order_info .order_number:after {content:""; position:absolute; top:50%; left:0; margin-top:-6px; width:1px; height:12px; background-color:#e5e5e5;} .my_order .list .item_order .order_info .order_number .number {color:#1a1a1a; font-size:13px; letter-spacing:-0.03em;} .my_order .list .item_order .order_info .button_order {float:right; position:relative; padding-right:16px; height:20px; color:#555; font-size:12px; letter-spacing:-0.03em; line-height:22px;} .my_order .list .item_order .order_info .button_order:after {content:""; position:absolute; top:0; right:0; width:16px; height:20px; background:url(https://gcdn.simsale.kr/jpay/static/img/common/icon/arrow_more_n.svg) no-repeat;} .my_order .list .order_product {padding:20px 15px 20px; border-bottom:1px solid #f5f5f5;} .my_order .list .order_product:last-child {border-bottom:0;} .my_order .list .order_product .state {display:table; margin-bottom:15px; width:100%;} .my_order .list .order_product .state .text {display:table-cell; vertical-align:middle; font-size:16px; letter-spacing:-0.03em; font-weight:700; line-height:20px;} .my_order .list .order_product .state .button_hide {display:table-cell; vertical-align:middle; text-align:right;} .my_order .list .order_product .state .button_hide button {position:relative; border:0; background:transparent; color:#555; font-size:14px; letter-spacing:-0.03em; text-align:right; line-height: 22px; padding-right:20px;} .my_order .list .order_product .state .button_hide button:after {content: ""; position: absolute; top: -2.5px; right: 0; width: 20px; height: 24px; background: url(https://gcdn.simsale.kr/jpay/static/img/common/icon/ico_delete.svg) no-repeat; background-size: 20px 24px;} .my_order .list .order_product .product {display:table; position:relative; width:100%;} .my_order .list .order_product .product:after {content:""; display:block; clear:both;} .my_order .list .order_product .product .thumb {display:table-cell; position: relative; width: 80px; height: 80px; vertical-align:top;} .my_order .list .order_product .product .thumb img {position: absolute; width:100%; height:80px; border-radius:6px;} .my_order .list .order_product .product .product_info {display:table-cell; vertical-align:top; padding-left:15px;} .my_order .list .order_product .product .product_info .option {} .my_order .list .order_product .product .product_info .option li {border-top:1px solid #f5f5f5; padding-bottom:15px;} .my_order .list .order_product .product .product_info .option li:first-child {border-top:0;} .my_order .list .order_product .product .product_info .option li:last-child {padding-bottom:0;} .my_order .list .order_product .product .product_info .title {display: -webkit-box; overflow: hidden; color: #1a1a1a; font-size: 15px; font-weight: normal; line-height: 1.2em; letter-spacing: -0.03em; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;} .my_order .list .order_product .product .product_info .title:before {content:""; position:absolute; top:0; left:0; width:80px; height:80px;} .my_order .list .order_product .product .product_info .name {margin-top:15px; color: #555; font-size: 14px; line-height:1.2} .my_order .list .order_product .product .product_info .price_amount {margin-top:5px;} .my_order .list .order_product .product .product_info .price_amount:after {content:""; display:block; clear:both;} .my_order .list .order_product .product .product_info .price {float:left; margin-right:7px;} .my_order .list .order_product .product .product_info .price strong {color:#1a1a1a; font-size: 14px; font-weight: 700; letter-spacing:-0.03em;} .my_order .list .order_product .product .product_info .price span {color:#1a1a1a; font-size:14px; letter-spacing:-0.03em;} .my_order .list .order_product .product .product_info .amount {float:left;} .my_order .list .order_product .product .product_info .amount strong {color:#1a1a1a; font-size: 14px; font-weight: normal; letter-spacing:-0.03em;} .my_order .list .order_product .product .product_info .amount span {color:#1a1a1a; font-size:14px; letter-spacing:-0.03em;} .my_order .list .order_product .product .product_info .different {margin:15px 0 13px;} .my_order .list .order_product .product .product_info .different .individual {position:relative; padding-left:10px; margin-bottom:7px;} .my_order .list .order_product .product .product_info .different .individual:before {content:""; position:absolute; top:50%; left:0; width:4px; height:1px; background-color:#707070;} .my_order .list .order_product .product .product_info .different .text {margin-right:7px;} .my_order .list .order_product .product .product_info .different * {color:#777; font-size:12px; letter-spacing:-0.02em;} .my_order .list .order_product .button_area {overflow:hidden; margin:30px -2px 0; text-align:center;} .my_order .list .order_product .button_area .button {display:inline-block; box-sizing:border-box; border-radius:3px; border:1px solid #e5e5e5; background-color:#fafafa; color:#555; font-size:14px; letter-spacing:-0.02em; text-align:center; line-height:38px; margin:0 2px;} .my_order .list .order_product .button_area.divide1 .button {width:48%; margin:0;} .my_order .list .order_product .button_area.divide2 .button {width:48%;} .my_order .button_more {margin-top:10px;} .my_order .button_more .button {display:block; position:relative; box-sizing:border-box; padding-right:17px; width:100%; background-color:#fff; border:0; text-align:center; color:#555; font-size:14px; letter-spacing:-0.02em; line-height:60px;} .my_order .button_more .button:after {content:""; position:absolute; top:50%; left:50%; margin:-10px 0 0 13px; width:16px; height:20px; background:url(https://gcdn.simsale.kr/jpay/static/img/common/icon/arrow_and_n.svg) no-repeat;} .my_order .goods_none {position:static; margin-top: 50px;} .my_order .order_info {margin-top:10px; padding:25px 15px 20px; background-color:#fff; border-bottom:1px solid #ebebeb;} .my_order .order_info .title {margin-bottom:25px; color:#1a1a1a; font-size:16px; letter-spacing:-0.03em; font-weight:700;} .my_order .order_info .individual {overflow:hidden; margin-bottom:10px;} .my_order .order_info .individual * {font-size:15px; letter-spacing:-0.03em; line-height:1.2em;} .my_order .order_info .individual dt {float:left; width:25%; color:#777;} .my_order .order_info .individual dd {position:relative; float:right; width:75%; text-align:right; color:#1a1a1a;} .my_order .order_info .individual .name {display: -webkit-box; overflow:hidden; color:#1a1a1a; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap:break-word; vertical-align:top;} .my_order .order_info .individual .name {display:inline-block;} .my_order .order_info .individual .text {display:inline-block; width:40px; color:#1a1a1a; vertical-align:top;} .my_order .order_info .individual .price strong {color:#1a1a1a; font-weight:normal;} .my_order .order_info .individual .total_price strong {color:#1a1a1a; font-size:18px; font-weight:700;} .my_order .order_info .individual .total_price span {color:#1a1a1a; font-size:16px; font-weight:700;} .my_order .order_info .button_account {margin-top:20px;} .my_order .order_info .button_account .button {width:100%; height:40px; border-radius:3px; border:1px solid #e5e5e5; background-color:#fff; color:#555; font-size:14px; letter-spacing:-0.02em;} .my_order .order_info.expire .individual dd, .my_order .order_info.expire .individual .total_price * {color:#cdcdcd;} .my_order .order_date_info {position:relative; margin:-5px 0 25px; padding-bottom:20px; background-color:#fff;} .my_order .order_date_info:after {content:""; display:block; clear:both;} .my_order .order_date_info:before {content:""; position:absolute; bottom:0; left:-15px; right:-15px; height:1px; background-color:#f5f5f5;} .my_order .order_date_info .date {float:left; color:#1a1a1a; font-size:13px; font-weight:700;} .my_order .order_date_info .order_number {float:right; text-align:right;} .my_order .order_date_info .order_number * {font-size:13px; color:#1a1a1a;} .my_order .delivery_info {margin-top:10px; padding:25px 15px 20px; background-color:#fff; border-bottom:1px solid #ebebeb;} .my_order .delivery_info .title {margin-bottom:25px; color:#1a1a1a; font-size:16px; letter-spacing:-0.03em; font-weight:700;} .my_order .delivery_info .individual {position: relative; display: inline-block; width: 100%; margin-bottom:10px;} .my_order .delivery_info .individual * {font-size:15px; letter-spacing:-0.03em; line-height:1.2em;} .my_order .delivery_info .individual dt {float:left; width:25%; color:#777;} .my_order .delivery_info .individual dd {float:right; width:75%; color:#1a1a1a;} .my_order .delivery_info .individual.delivery_num dd{line-height: 20px;word-break: break-all;box-sizing: border-box;padding-right: 82px;margin-top: -1px;letter-spacing: -0.38px} .my_order .delivery_info .copy_deliver_btn {position: absolute; top: -6px; right: 0; width: 70px; height: 30px; border-radius: 3px; border: solid 1px #e5e5e5; background-color: #fafafa; font-size: 14px; color: #555;line-height: 30px; letter-spacing: -0.35px;} .my_order .layer_header + .delivery_info {margin-top:0; padding-top:1px;} .my_order .delivery_info .delivery_list {width:100%; border-collapse: collapse;} .my_order .delivery_info .delivery_list caption {display:none;} .my_order .delivery_info .delivery_list th {box-sizing:border-box; color:#777; font-size:13px; letter-spacing:-0.03em; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb; background-color:#fafafa; padding:15px 0;} .my_order .delivery_info .delivery_list th:first-child {border-left:1px solid #ebebeb; border-radius:3px 0 0 3px;} .my_order .delivery_info .delivery_list th:last-child {border-right:1px solid #ebebeb; border-radius:0 3px 3px 0;} .my_order .delivery_info .delivery_list td {padding:15px 0; color:#555; font-size:13px; letter-spacing:-0.03em; line-height:1.2em; text-align:center; border-bottom:1px solid #ebebeb;} .my_order .delivery_info .delivery_list td:first-child {color:#777; border-left:1px solid #ebebeb;} .my_order .delivery_info .delivery_list td:last-child {border-right:1px solid #ebebeb;} .my_order .delivery_info .delivery_list .expected_time {display:inline-block; margin-top:5px; color:#777; font-size:12px;} .my_order .complete {margin:10px 0 0; padding:25px 0 0; background-color:#fff; border-bottom:1px solid #ebebeb;} .my_order .complete h1.title {margin-bottom:0; padding:0 15px; color:#1a1a1a; font-size:16px; letter-spacing:-0.03em; font-weight:700;} .my_order .complete .item_order {margin-top:0; border-bottom:1px solid #f5f5f5;} .my_order .complete .item_order:last-child {border:0;} .my_order .complete .calc {margin-top:25px;} .my_order .complete .calc .price_goods, .my_order .complete .calc .price_delivery {display:table; width:100%; margin-top:6px;} .my_order .complete .calc .price_goods .price_text {display:table-cell; vertical-align:middle; color:#777; font-size:14px; letter-spacing:-0.02em;} .my_order .complete .order_product .product .product_info .calc .price_goods .price {float:none; display:table-cell; vertical-align:middle; text-align:right;} .my_order .complete .order_product .product .product_info .calc .price_goods .price span {font-weight:700;} .my_order .complete .calc .price_delivery {display:table; width:100%;} .my_order .complete .calc .price_delivery .price_text {display:table-cell; vertical-align:middle; color:#777; font-size:14px; letter-spacing:-0.02em;} .my_order .complete .order_product .product .product_info .calc .price_delivery .price {float:none; display:table-cell; vertical-align:middle; text-align:right;} .my_order .complete .order_product .product .product_info .calc .price_delivery .price strong {font-weight:normal;} /* 레이어 열림 시 스크롤 막기 */ .layer_open {overflow: hidden; height:100%;} .layer_open2 #layer_order_info {overflow:hidden;} /* 이중팝업 */ .my_order_inner {position:relative;} .my_order .layer_order_info {display:none; position:absolute; top:0; left:0; z-index:100; width:100%; height:100%; background-color:#f5f5f5; overflow: auto; -webkit-overflow-scrolling: touch;} .my_order .layer_order_info .order_inner, .my_order .layer_order_info .deliver_inner {padding-top:9px;} .my_order .layer_order_info .layer_header {position:relative; box-sizing:border-box; padding:15px 0 0; height:50px; text-align:center; background-color:#fff;} .my_order .layer_order_info .layer_header .layer_title {color:#1a1a1a; font-size:18px; letter-spacing:-0.03em; font-weight:normal;} .my_order .layer_order_info .layer_header .layer_close {position:absolute; top:6px; right:10px; width:32px; height:36px; background:transparent; font-size:0; border:0; background:url(https://gcdn.simsale.kr/jpay/static/img/common/icon/ico_x_2.svg) no-repeat;} .my_order .layer_order_info .order_info {margin:0 0 10px; padding:0; border:0; background:transparent;} .my_order .layer_order_info .order_info .order_date_info {position: relative; margin:0; padding:12px 15px 17px; background-color: #fff; border-bottom:1px solid #f5f5f5;} .my_order .layer_order_info .order_info .order_date_info:before {display:none;} .my_order .layer_order_info .order_info .order_info_inner {margin-bottom:10px; padding:25px 15px 13px; background-color: #fff; border-bottom:1px solid #ebebeb;} .my_order .layer_order_info .order_info .order_info_inner.expire .individual dd, .my_order .layer_order_info .order_info .order_info_inner.expire .individual .total_price * {color:#cdcdcd; text-decoration:line-through;} .my_order .layer_order_info .order_info .order_info_inner.expire .individual dd span, .my_order .layer_order_info .order_info .order_info_inner.expire .individual dd span.expire_text, .my_order .layer_order_info .order_info .order_info_inner.expire .individual dd.expire_text {color:#ff0000;} .my_order .layer_order_info .order_info .order_info_inner.expire .individual:nth-child(5) dd {text-decoration:none;} /* 알림 팝업 */ .layer_notification {display:none; position:absolute; top:0; left:0; z-index:200; width:100%; height:100%; background-color:rgba(26,26,26,0.5);} .layer_notification .notification_inner {display:none; position:absolute; top:50%; left:0; right:0; padding:25px 16px 16px; width:60%; border-radius:6px; background-color:#fff; margin:-30% auto 0;} .layer_notification .layer_header {position:relative; margin-bottom:25px; text-align:center;} .layer_notification .layer_header .layer_title {color:#1a1a1a; font-size:17px; letter-spacing:-0.02em;} .layer_notification .layer_header .layer_close {position:absolute; top:0; right:0; width:18px; height:18px; border:0; background:transparent; font-size:0;} .layer_notification .layer_header .layer_close:before, .layer_notification .layer_header .layer_close:after {content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin:auto; width: 18px; height: 1px; background-color: #aaa;} .layer_notification .layer_header .layer_close:before {transform: rotate(45deg);} .layer_notification .layer_header .layer_close:after {transform: rotate(-45deg);} .layer_notification .layer_content {text-align:center; color:#777; font-size:14px; letter-spacing:-0.02em; line-height:1.35em;} .layer_notification .layer_button_area {margin:20px 0 0; text-align:right;} .layer_notification .layer_button_area .button.cancel {display:inline-block; padding:10px 16px; border:0; background:transparent; color:#777; font-size:16px; letter-spacing:-0.03em;} .layer_notification .layer_button_area .button.confirm {display:inline-block; padding:10px 16px; border:0; background:transparent; font-size:16px; letter-spacing:-0.03em;} .layer_notification .notification_inner.customer {width:78%;} .layer_notification .notification_inner.customer .layer_button_area {text-align:left;} .layer_notification .notification_inner.customer .layer_button_area .button {display:inline-block; box-sizing:border-box; margin:0 2px; width:48%; height:48px; border-radius:3px; border:0; color:#fff; font-size:15px; letter-spacing:-0.03em; text-align:center; line-height:47px;} /* 약관 팝업 */ .layer_clause {display:none; position:absolute; top:0; left:0; z-index: 9999; width:100%; height:100%; overflow:auto; -webkit-overflow-scrolling: touch; background-color:#fff;} .layer_clause #wrap {height:100%;} .layer_clause #txtbox {height:100%; padding-top:50px; box-sizing: border-box;} .layer_clause #txtbox iframe {border:0; width:100%; height:100%;} .layer_clause #titbox_r {position:absolute; top:6px; right:10px;} .layer_clause #titbox_r a {display:block; position:relative; width:32px; height:36px; font-size: 0;} #titbox {position:fixed; top:0; left:0; width:100%; height:50px; line-height:50px; background-color:#fff; text-align:center;} #titbox_l {font-size:18px; line-height:50px;color:#1a1a1a; font-weight:normal;} #titbox_r {position:absolute; top:6px; right:10px;} #titbox_r a {display:block; position:relative; width:32px; height:36px; font-size: 0; background:url(https://gcdn.simsale.kr/jpay/static/img/common/icon/ico_x_2.svg) no-repeat;} /* 로딩 */ .wrap-loading {position:absolute; top:50%; left:50%; z-index:9999; width:32px; height:32px; transform: translate(-50%,-50%); background:url(https://gcdn.simsale.kr/jpay/static/img/common/icon/icon_loading.gif) no-repeat;} /* 레이어 오픈시 결제하기 버튼 숨기기 */ .layer_open #app.order .order_submit {display:none;} /* 카드 무이자 안내 팝업 */ body.scroll_lock, body.scroll_lock .order {position: relative; overflow: hidden; height: 100%;} .layer_card_promotion { display: none; position: fixed; top: 0; left: 0; padding: 21px 18px; width: 100%; height: 100%; box-sizing: border-box; } .layer_card_promotion:before { content: ''; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); } .layer_card_promotion .layer_wrap { position: relative; background: #fff; padding-top: 59px; border-radius: 10px; width: 100%; max-height: 100%; overflow: auto; -webkit-overflow-scrolling: touch; padding-bottom: 20px; box-sizing: border-box; } .layer_card_promotion .layer_title { position: fixed; top: 21px; left: 18px; width: calc(100% - 36px); background: #fff; border-radius: 10px 10px 0 0; } .layer_card_promotion .layer_title span { display: block; height: 59px; line-height: 59px; font-size: 17px; text-align: center; font-family: 'Noto Sans KR', sans-serif; } .layer_card_promotion .layer_close { display: block; position: absolute; top: 13px; right: 6px; width: 32px; height: 32px; font-size: 0; text-indent: -9999px; overflow: hidden; background: url(https://gcdn.simsale.kr/jpay/static/img/common/icon/btn_layer_close.svg) center center no-repeat; } .layer_card_promotion .layer_contents img { width: 100%; height: auto; } /* 선물하기 버튼 여백 수정 */ .container-option .btns.gift { margin: 0 -16px 0 -12px } #option_cart .panel-heading { padding-right: 30px; }