@charset "UTF-8";

/* font */
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    src: url(./fonts/NotoSansKR-Regular.woff2) format('woff2'),
    url(./fonts/NotoSansKR-Regular.woff) format('woff');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 700;
    src: url(./fonts/NotoSansKR-Bold.woff2) format('woff2'),
    url(./fonts/NotoSansKR-Bold.woff) format('woff');
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url(./fonts/Roboto-Regular.woff2) format('woff2'),
    url(./fonts/Roboto-Regular.woff) format('woff');
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: url(./fonts/Roboto-Bold.woff2) format('woff2'),
    url(./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(/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(/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(/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(/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(/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(/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(/static/img/common/icon/btn_num_plus.svg);}
.container-option .panel .sum .dec{left:0; background-image: url(/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(/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(/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(/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(/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(/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;}
.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(/static/img/common/icon/ico_edit_reply.svg);}
.address_item.chkbx .addr_remove{right: 0; background-image: url(/static/img/common/icon/ico_delete_reply.svg);}

#app.order .order_form select {padding-left: 10px; -webkit-appearance: none; background: url(/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(/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(/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(/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_payme nt .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(/static/img/common/icon/ico_plus_float.svg?20190920) 0 0 no-repeat;}
.kakaoplus .plus_link2{background:url(/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(/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(/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(/static/img/common/icon/arrowls_open.svg) no-repeat;}
.my_cart .item .result .price_total .button.open .button_arrowls {background:url(/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(/static/img/common/icon/arrowls_open.svg) no-repeat;}
.my_cart .item .total_price .result .button.open .button_arrowls {background:url(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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}