.xans-product-normalmenu .title { margin:0 0 17px; }
.xans-product-normalmenu .title h3 { font-weight:normal; font-size:20px; color:#2e2e2e; text-align:center; }
.xans-product-normalmenu .function { overflow:hidden; margin:20px 0 0; text-align:right; line-height:38px; border:1px solid #d7d5d5; }
.xans-product-normalmenu .function .btnCompare { display:inline-block; padding:0 12px; border-left:1px solid #d7d5d5; }
.xans-product-normalmenu .function .btnCompare:hover { color:#008bcc; text-decoration:none; }
.xans-product-normalmenu .prdCount { float:left; padding:0 0 0 8px; color:#008bcc; }
.xans-product-normalmenu ul#type { display:inline; margin:0 4px 0 0; }
.xans-product-normalmenu ul#type li { display:inline; padding:0 6px 0 10px; background:url("//img.echosting.cafe24.com/skin/base_ko_KR/product/bg_result_type.gif") no-repeat 0 50%; }
.xans-product-normalmenu ul#type li:first-child { background:none; }
.xans-product-normalmenu ul#type li a { color:#2e2e2e }
.xans-product-normalmenu ul#type li a:hover { color:#008bcc; text-decoration:none; }
.xans-product-normalmenu fieldset { margin:-1px 0 0; padding:7px 12px; border:1px solid #d7d5d6; text-align:right; background:#fbf9fa; }
.xans-product-normalmenu fieldset select { height:24px; }
.xans-product-normalmenu option {padding:0;}

@charset "euc-kr";

/* html5 */
object,del,sub,var { margin:0; padding:0; }
article,aside,details,figcaption,figure,footer,header,main,hgroup,menu,nav,section { display:block; }
::selection { background: #333; color: #fff;}
/* reset */
html,body,
div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,img { margin:0; padding:0; }

html { width:100%; height:100%; }
button.toggle2 span, /*multiglobaltogle*/

body,code,pre { font-size:12px; font-family:'Yantramanav', 'Noto Sans KR', sans-serif;  color:#000;  -webkit-text-size-adjust:none; } /* noto sans 사용하니 로그인에서 줄바꿈이 일어남 */
body {   margin:0 auto; background: #fff;}

ul,ol,dl,li { list-style:none; }
img,fieldset { border:0; vertical-align:top; }

table { table-layout:fixed; width:100%; border:0; border-spacing:0; border-collapse:collapse; }
table img { vertical-align:middle; }
th,td { border:0; word-wrap:break-word; }

input,select,textarea,button { font-size:12px; font-family: 'Yantramanav', 'Noto Sans KR', sans-serif;  color:#333; vertical-align:middle; }
label { cursor:pointer; }
caption { overflow:hidden; width:1px; font-size:1px; line-height:0; text-indent:150%; white-space:nowrap; }
legend,.blind { display:block; overflow:hidden; position:absolute; font-size:1px; line-height:0; color:transparent; text-indent:-150%; white-space:nowrap; }
hr.layout { display:none; }

button { overflow:visible; padding:0; margin:0; border:0; outline:0; cursor:pointer; background:transparent; color:#000; }
a { text-decoration:none; color:#000; }
a:hover { text-decoration:none; }

img { max-width:100%; }

.dimmed { display:none; position:fixed; left:0px; top:0; right:0px; bottom:0px; z-index:150; background:rgba(0, 0, 0, .4); }
.dimmed.show { display:block; }

.btnTooltip { display:inline-block; vertical-align:top; margin: 0 0 0 3px; position: relative; }
.btnTooltip:first-child { margin:0; }

/*
input, textarea, select { max-width:100%; font-size:13px; color:#000; vertical-align:middle; outline:0; border-radius:0; }
input[type=text], input[type=password], input[type=number], input[type=tel], textarea { padding:10px; font-size:13px; line-height:13px; font-weight:inherit; color:#353535; border:1px solid #dedfe2; }
input[type=text], input[type=password], input[type=number], input[type=tel] { height:36px; }
input[type=text]:focus, input[type=password]:focus, input[type=number]:focus, input[type=tel]:focus { border-color:#000; color:#000; }
input[type=text] { height:36px; padding:10px; font-size:13px; line-height:13px; font-weight:inherit; color:#353535; border:1px solid #dedfe2; border-radius:0; outline-style:none; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-appearance:none; }
input[type="file"] { overflow:hidden; max-width:100%; }
input[type="button"], input[type="text"], input[type="password"], input[type="tel"], input[type="image"], textarea { -webkit-appearance:none; }
*/




/*
    EC-SOLUTION RELATION STYLE SHEET
 */
body.eMobilePopup {
    overflow: hidden;
    position: fixed;
}

.ec-base-label {
    display: inline-block;
    margin-right: 5px;
}

.ec-base-label img {
    vertical-align: middle;
}

.ec-solution-box {
    padding: 20px;
    border: 5px solid #e8e8e8;
    color: #404040;
}

.ec-solution-box.gHalf {
    position: relative;
    padding: 20px 0;
}

.ec-solution-box.gHalf:before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    content: "";
    width: 1px;
    height: 100%;
    background-color: #e6e6e6;
}

.ec-solution-box.typeBg {
    background-color: #fbfafa;
}

.ec-solution-box.typeThin {
    border-width: 1px;
    border-color: #d7d5d5;
}

.ec-solution-box.typeThinBg {
    border-width: 1px;
    border-color: #d7d5d5;
    background-color: #fbfafa;
}

.ec-solution-box.typeThinBg > .agree {
    padding: 20px;
    border: 1px solid #e6e6e6;
    background: #fff;
}

.ec-solution-box.typeThinBg > .agree p {
    padding: 0 0 17px;
}

.ec-solution-box.typeMember {
    padding: 0;
}

.ec-solution-box.typeMember .information {
    display: table;
    table-layout: fixed;
    padding: 10px 0;
    width: 100%;
    box-sizing: border-box;
}

.ec-solution-box.typeMember .information > .title,.ec-solution-box.typeMember .information > .thumbnail {
    display: table-cell;
    padding: 0 15px;
    width: 70px;
    text-align: center;
    vertical-align: middle;
}

.ec-solution-box.typeMember .information > .title {
    vertical-align: middle;
}

.ec-solution-box.typeMember .information > .thumbnail img {
    max-width: 70px;
}

.ec-solution-box.typeMember .information .description {
    display: table-cell;
    padding: 0 10px;
    width: auto;
    line-height: 1.5em;
    border-left: 1px solid #e8e8e8;
    vertical-align: middle;
}

.ec-solution-box.typeMember.gMessage {
    border-width: 1px;
    border-color: #d7d5d5;
}

.ec-solution-box .message {
    display: block;
    padding: 10px 0 10px 35px;
    border-bottom: 1px solid #e8e7e7;
    background: #fbfbfb url("//img.echosting.cafe24.com/skin/base/common/ico_info.gif") no-repeat 10px center;
}

.ec-solution-box.typeProduct {
    display: table;
    table-layout: fixed;
    padding: 15px 0;
    width: 100%;
    box-sizing: border-box;
}

.ec-solution-box.typeProduct .thumbnail,.ec-solution-box.typeProduct .information {
    display: table-cell;
    padding: 0 20px;
    vertical-align: middle;
}

.ec-solution-box.typeProduct .thumbnail {
    width: 100px;
}

.ec-solution-box.typeProduct .thumbnail img {
    max-width: 90px;
    border: 1px solid #d7d5d5;
}

.ec-solution-box.typeProduct .information {
    padding-left: 0;
}

.ec-solution-button {
    padding: 10px 0;
    text-align: center;
}

.ec-solution-button.justify {
    position: relative;
}

.ec-solution-button:after {
    display: block;
    content: "";
    clear: both;
}

.ec-solution-button .gLeft {
    float: left;
    text-align: left;
}

.ec-solution-button .gRight {
    float: right;
    text-align: right;
}

.ec-solution-button.justify .gLeft {
    position: absolute;
    left: 0;
}

.ec-solution-button.justify .gRight {
    position: absolute;
    right: 0;
}

.ec-solution-button .text {
    margin: 0 6px 0 10px;
    color: #353535;
    line-height: 24px;
}

.ec-solution-button.typeBorder {
    margin-top: -1px;
    padding: 10px 20px;
    border: 1px solid #d7d5d5;
}

.ec-solution-button.typeBG {
    padding: 10px 20px;
    border: 1px solid #d7d5d5;
    background: #fbfafa;
}

.ec-solution-layer li {
    list-style: none;
}

.ec-solution-layer table {
    width: 100%;
    border: 0;
    border-spacing: 0;
    border-collapse: collapse;
}

.ec-solution-layer caption {
    display: none;
}

.ec-solution-layer h1,.ec-solution-layer h3 {
    margin: 0;
}

.ec-solution-layer {
    position: absolute;
    z-index: 100;
    border: 1px solid #757575;
    background: #fff;
}

.ec-solution-layer .header {
    padding: 7px 35px 7px 19px;
    color: #fff;
    background: #495164;
}

.ec-solution-layer .header > h1,.ec-solution-layer .header > h3 {
    font-size: 14px;
    line-height: 1.5;
}

.ec-solution-layer .content {
    padding: 20px;
    font-size: 12px;
}

.ec-solution-layer div.ec-solution-help {
    margin-top: 0;
}

.ec-solution-layer .ec-solution-button {
    padding: 9px;
    border-top: 1px solid #d7d5d5;
    text-align: center;
    background: #fbfafa;
}

.ec-solution-layer .close {
    position: absolute;
    right: 0;
    top: 0;
    padding: 11px 20px;
    cursor: pointer;
}

#popup .ec-solution-layer {
    position: relative;
    border: 0;
}

#popup .ec-solution-layer .header {
    padding: 12px 35px 12px 19px;
}

#popup .ec-solution-layer .close {
    top: 5px;
}

.ec-solution-layer .content > .ec-solution-table table:first-child {
    margin-top: 0;
}

.ec-solution-layer .ec-solution-table table {
    line-height: 1.4;
}

.ec-solution-layer .ec-solution-table thead th {
    padding: 9px 0 8px;
}

.ec-solution-layer .ec-solution-table tbody th {
    padding: 9px 0 8px 10px;
}

.ec-solution-layer .ec-solution-table td {
    padding: 9px 10px 8px;
}

.ec-solution-layer .ec-solution-table.typeWrite td {
    padding: 5px 10px 4px;
}

.ec-solution-layer .ec-solution-table.typeList tfoot td {
    padding: 10px 10px 12px;
}

.ec-solution-layer .ec-solution-table.typeBorder tfoot td {
    padding: 10px 10px 12px;
}

.ec-solution-table table {
    position: relative;
    margin: 10px 0 0;
    border: 1px solid #d7d5d5;
    border-top-color: #fff;
    color: #fff;
    line-height: 1.5;
}

.ec-solution-table.gLayoutFixed table {
    table-layout: fixed;
}

.ec-solution-table.gLayoutFixed .gLayoutAuto table {
    table-layout: auto;
}

.ec-solution-table table:before {
    position: absolute;
    top: 1px;
    left: 0;
    display: block;
    content: "";
    width: 100%;
    height: 1px;
    background: #d7d5d5;
}

.ec-solution-table thead th {
    padding: 11px 0 10px;
    border-left: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    color: #353535;
    vertical-align: middle;
    font-weight: normal;
    background: #fbfafa;
}

.ec-solution-table tbody th {
    padding: 11px 0 10px 18px;
    border: 1px solid #dfdfdf;
    border-bottom-width: 0;
    color: #353535;
    text-align: left;
    font-weight: normal;
    background-color: #fbfafa;
}

.ec-solution-table th:first-child {
    border-left: 0;
}

.ec-solution-table td {
    padding: 11px 10px 10px;
    border-top: 1px solid #dfdfdf;
    color: #353535;
    vertical-align: middle;
}

.ec-solution-table td.clear {
    padding: 0 !important;
    border: 0 !important;
}

.ec-solution-table.typeWrite td {
    padding: 8px 10px 7px;
}

.ec-solution-table.typeList table {
    border-top-color: #d7d5d5;
}

.ec-solution-table.typeList table:before {
    display: none;
}

.ec-solution-table.typeList td {
    padding: 8px 10px 7px;
}

.ec-solution-table.typeList tfoot td {
    padding: 15px 10px 17px;
    background: #fbfafa;
}

.ec-solution-table .message {
    border: 1px solid #d7d5d5;
    padding: 50px 0;
    text-align: center;
    color: #757575;
    font-weight: bold;
}

.ec-solution-table table + .message {
    margin: -1px 0 0;
}

.ec-solution-table table td.message {
    padding: 50px 0;
}

.ec-solution-table .scroll .message {
    border: 0;
}

.ec-solution-table.typeList .head td {
    padding: 11px 0 10px;
    border-left: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    color: #353535;
    vertical-align: middle;
    text-align: center;
    background: #fbfafa;
}

.ec-solution-table.typeList .head td:first-child {
    border-left: 0;
}

.ec-solution-table.typeList .scroll {
    position: relative;
    overflow-x: hidden;
    overflow-y: scroll;
    max-height: 185px;
    min-height: 100px;
    border: 1px solid #d7d5d5;
    border-top-width: 0;
    margin-top: -1px;
}

.ec-solution-table.typeList .scroll table {
    border: 0;
    margin: 0;
}

.ec-solution-table.typeList .scroll table:before {
    display: none;
}

.ec-solution-table.typeList .scroll .message {
    border: 0;
}

.ec-solution-table thead.blind,.ec-solution-table thead.blind th {
    display: none;
}

.ec-solution-table thead.blind + tbody tr:first-child th,.ec-solution-table thead.blind + tbody tr:first-child td {
    border-top-width: 0;
}

.ec-solution-table.typeList.gLine table {
    border-width: 0;
    border-bottom-width: 1px;
}

.ec-solution-table.typeClear table:before {
    display: none;
}

.ec-solution-table.typeClear table,.ec-solution-table.typeClear th,.ec-solution-table.typeClear td {
    border: 0 none;
    background: none;
}

.ec-solution-table.typeClear th {
    font-weight: bold;
}

.ec-solution-table.gBorder td {
    border-left: 1px solid #dfdfdf;
}

.ec-solution-table.gBorder td:first-child {
    border-left: 0;
}

.ec-solution-table .left {
    text-align: left;
}

.ec-solution-table .center {
    text-align: center;
}

.ec-solution-table .right {
    text-align: right;
}

.ec-solution-table.typeList .center td,.ec-solution-table.typeList td.center {
    padding-left: 0;
    padding-right: 0;
}

.ec-solution-table.typeList .center td.left {
    padding-left: 10px;
}

.ec-solution-table.typeList .center td.right {
    padding-right: 10px;
}

.ec-solution-table .top th,.ec-solution-table th.top,.ec-solution-table .top td,.ec-solution-table td.top {
    vertical-align: top;
}

.ec-solution-table .middle th,.ec-solution-table th.middle,.ec-solution-table .middle td,.ec-solution-table td.middle {
    vertical-align: middle;
}

.ec-solution-table img {
    vertical-align: middle;
}

@media print {
    .ec-solution-table table:before {
        display: none;
    }
}

.xans-popup-multipopup .paginate {
    position: absolute;
    bottom: 4px;
    width: 100%;
    text-align: center;
    background: transparent;
}

.ec-multi-popup {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 300;
    height: 0px;
}

.ec-multi-popup .ec-multi-popup-inner {
    position: absolute;
    right: 7px;
    border: 1px solid #9d9db0;
}

.ec-multi-popup .ec-multi-popup-inner .ec-multi-popup-visual {
    position: relative;
    overflow: hidden;
    background-color: #fff;
}

.ec-multi-popup .ec-multi-popup-inner ul {
    position: relative;
    white-space: nowrap;
    font-size: 0;
    line-height: 0;
    display: table;
    table-layout: fixed;
}

.ec-multi-popup .ec-multi-popup-inner ul img {
    width: 100%;
}

.ec-multi-popup .ec-multi-popup-inner .ec-multi-popup-option {
    padding: 5px;
    color: #fff;
    background-color: #434447;
    text-align: right;
}

.ec-multi-popup .ec-multi-popup-inner .ec-multi-popup-option label {
    font-size: 12px;
}

.ec-multi-popup .ec-multi-popup-inner .ec-multi-popup-option button {
    padding: 0 12px 0 4px;
    color: #fff;
    border: 0;
    cursor: pointer;
    background: url("//img.echosting.cafe24.com/skin/mobile/layout/btn_close_notice.png") no-repeat right 6px;
    background-size: 10px 9px;
}

.ec-multi-popup.ec-multi-popup-swipe .ec-multi-popup-inner ul {
    display: table;
    table-layout: fixed;
}

.ec-multi-popup.ec-multi-popup-swipe .ec-multi-popup-inner ul li {
    display: table-cell;
}

.ec-multi-popup-full {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    overflow: initial;
}

.ec-multi-popup-full .ec-multi-popup-visual {
    position: relative;
    overflow: hidden;
    display: table;
    width: 100%;
    background: #000;
}

.ec-multi-popup-full .ec-multi-popup-visual ul {
    display: table-cell;
    vertical-align: middle;
}

.ec-multi-popup-full .ec-multi-popup-visual li {
    display: block;
    width: 100%;
    text-align: center;
}

.ec-multi-popup-full .ec-multi-popup-visual li img {
    max-width: 100%;
    max-height: 100%;
}

.ec-multi-popup-full .ec-multi-popup-option {
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-right: 150px;
    background-color: #434447;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ec-multi-popup-full .ec-multi-popup-option.en {
    padding-right: 93px;
}

.ec-multi-popup-full .ec-multi-popup-option.en .close {
    width: 93px;
}

.ec-multi-popup-full .ec-multi-popup-option.cn {
    padding-right: 150px;
}

.ec-multi-popup-full .ec-multi-popup-option.cn .close {
    width: 150px;
}

.ec-multi-popup-full .ec-multi-popup-option.jp {
    padding-right: 150px;
}

.ec-multi-popup-full .ec-multi-popup-option.jp .close {
    width: 150px;
}

.ec-multi-popup-full .ec-multi-popup-option button {
    display: block;
    width: 100%;
    font-size: 12px;
    color: #fff;
    border: 0;
    background: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ec-multi-popup-full .ec-multi-popup-option .today {
    margin-top: -1px;
}

.ec-multi-popup-full .option1 .ec-multi-popup-option .today {
    text-align: center;
}

.ec-multi-popup-full .ec-multi-popup-option .today,.ec-multi-popup-full .ec-multi-popup-option .date,.ec-multi-popup-full .ec-multi-popup-option .no {
    text-align: left;
    height: 26px;
    padding-left: 10px;
    border-right: 1px solid #333437;
    border-top: 1px solid #5b5c60;
    border-bottom: 1px solid #333437;
}

.ec-multi-popup-full .ec-multi-popup-option .close {
    position: absolute;
    right: 0;
    top: 0;
    width: 150px;
    height: 100%;
    text-align: center;
    border-left: 1px solid #5b5c60;
}

.ec-multi-popup-full button {
    padding: 0;
}

.ec-multi-popup-full button::-moz-focus-inner {
    padding: 0;
}

.ec-multi-popup-full.option1 .paginate {
    bottom: 35px;
}

.ec-multi-popup-full.option2 .paginate {
    bottom: 60px;
}

.ec-multi-popup-full.option3 .paginate {
    bottom: 85px;
}

.ec-multi-popup-full.ec-multi-popup-swipe {
    overflow: hidden;
}

.ec-multi-popup-full.ec-multi-popup-swipe .ec-multi-popup-visual {
    position: relative;
    overflow: hidden;
    display: block;
    height: 100%;
}

.ec-multi-popup-full.ec-multi-popup-swipe .ec-multi-popup-visual ul {
    position: relative;
    display: block;
    height: 100%;
}

.ec-multi-popup-full.ec-multi-popup-swipe .ec-multi-popup-visual ul li {
    float: left;
    width: 100%;
    height: 100%;
    text-align: center;
}

.ec-multi-popup-full.ec-multi-popup-swipe .ec-multi-popup-visual li a {
    display: table;
    width: 100%;
    height: 100%;
    table-layout: fixed;
}

.ec-multi-popup-full.ec-multi-popup-swipe .ec-multi-popup-visual li span {
    display: table-cell;
    vertical-align: middle;
}

.ec-multi-popup-full.ec-multi-popup-swipe .ec-multi-popup-visual ul li img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
}

.ec-multi-popup-full.ec-multi-popup-swipe .ec-multi-popup-option {
    position: absolute;
    left: 0;
    bottom: 0;
}

.ec-multi-banner {
    position: relative;
    background: #fff;
}

.ec-multi-banner .ec-multi-banner-visual a {
    display: block;
    width: 100%;
    text-align: center;
}

.ec-multi-banner .ec-multi-banner-visual a img {
    width: 100%;
}

.ec-multi-banner .paginate {
    display: none;
    position: absolute;
    right: 7px;
    bottom: 7px;
    background: transparent;
}

.ec-multi-banner.ec-multi-banner-swipe .paginate {
    display: block;
}

.ec-multi-banner.ec-multi-banner-swipe {
    overflow: hidden;
}

.ec-multi-banner.ec-multi-banner-swipe .ec-multi-banner-visual {
    display: table;
    table-layout: fixed;
}

.ec-multi-banner.ec-multi-banner-swipe .ec-multi-banner-visual li {
    display: table-cell;
}

@charset "utf-8";
 
#container { min-height:calc(100vh - 100px)!important; padding: 130px 0px 50px 0px; width:100%; box-sizing:border-box; -webkit-transition:-webkit-transform .3s ease-out; transition:-webkit-transform .3s ease-out;}
#container .content_prd  {  margin:0 auto;}
#container .content_detail { max-width:1130px; margin:0 auto;}
#container .content_board { max-width:1130px; margin:0 auto;}
#container .content_info { padding:0 20px;}
#container .content_board2 { max-width:500px; margin:0 auto;}


@keyframes down_line { 
    10% {transform:translate(-50%, -75);}
    20% {transform:translate(-50%, -100%);}
    30% {transform:translate(-50%, -75%);}
    40% {transform:translate(-50%, -50%);}
    50% {transform:translate(-50%, -25%); }
    60% {transform:translate(-50%, -0%);}
    70% {transform:translate(-50%, -25%);}    
    100% {transform:translate(-50%, -50%);}        
	}
    
/*
#aside .artfinger_slide_wrap .xans-layout-category > li.selected { background-color:#fff; }    
#aside .artfinger_slide_wrap .xans-layout-category li.noChild > a.cate { background-image:none !important; }  
#aside .artfinger_slide_wrap .xans-layout-category li.selected.noChild { background-color:#fff; }
#aside .artfinger_slide_wrap .xans-layout-category li.selected.noChild > a.cate { color:#fff; }    
#aside .artfinger_slide_wrap .xans-layout-category li.selected > ul { display:block; }*/
        
/* 공통 */
  .dimmed { display:none; position:fixed; left:0px; top:0; right:0px; bottom:0px; z-index:150; background:rgba(0, 0, 0, .4); }
  .dimmed.show { display:block; }
/* 
@media all and (min-width:900px) {
  body { border:1px solid #e5e9f2; border-width:0 1px; box-sizing:border-box; }
}
*/
.xans-board-title {display:none;}

@media all and (max-width : 1000px) {  
  #container {padding:80px 20px 0;}  
  #container .content_prd {margin:0 -20px;}  
  #container .content_info {padding:0px;}
  #container .content_board {padding:0 0px;}
  #container .content_board2 { padding:0 0px;}


  .notice_listpage_wrap {bottom: 0px!important; min-width:300px; left:50%;  transform: translateX(-50%); }    
  .notice_listpage { font-size:10px!important; line-height:17px!important;}  
  .notice_listpage_wrap .close { font-size:8px!important; right:5px!important; top:5px!important;}  
    
    }
/*  common 
~ 형재
+ 근접형재
*/
/*
.back_think {position:fixed; height:100%;  top:0; bottom:0; left:0; right:0;   transition:all .4s;  z-index: 2; visibility: hidden;
   }
.back_think.thinkoo {  background-color:#fbfafa8f; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px);  transition:all .3s; visibility: visible;   }
*/
.header-placeholder {height:auto!important; }
#header::after {content:""; clear:both; display:block;}
#header  { position:fixed;  width: 100%; top:0px; z-index:9 ; left:0; right:0; }
#header.header.fixed {position:fixed;}
#header .header_wrap { padding:10px 20px 0;}

/*promotion */
#header > #promotionBanner { width: 100%;  overflow: hidden;  z-index:99;   height:0px;   visibility: hidden;  clear:both; color:#fff;}
#header > #promotionBanner.use {    visibility: visible; height:25px;     }
#header > #promotionBanner > .popContents { max-width:900px; font-size:11px; text-align: center; margin: 5px auto;  overflow: hidden;  }
#header > #promotionBanner > .popContents .text_center { }
#header > #promotionBanner > .popContents .popClose { position: absolute; top:50%; transform:translateY(-50%);  right: 50px; display: inline-block;  text-align: right; font-size: 9pt; padding: 0;}
#header > #promotionBanner > .popContents .popClose .btnClose {position:relative;}
#header > #promotionBanner > .popContents .popClose .btnClose::before,
#header > #promotionBanner > .popContents .popClose .btnClose::after { content: ""; position: absolute; top: 50%; left: 50%; width: 1px; height: 14px; background-color: #999;    transform: translateX(-50%) translateY(-50%) rotate(45deg);}
#header > #promotionBanner > .popContents .popClose .btnClose::after  { transform: translateX(-50%) translateY(-50%) rotate(-45deg); }
#header > #promotionBanner > .popContents .popClose #chkday {color: #5a5a5a;}
#header > #promotionBanner > .popContents .popClose .today_see {color:#dfdfdf;}
#header > #promotionBanner > .popContents .popClose label[for=chkday] { cursor: pointer; color: #999; font-size:11px; padding:0 10px 0 5px; vertical-align: middle;}
#header > #promotionBanner .contents {width: 1100px; margin: 0 auto; height: 900px; background-color: #e0e0e0; overflow: hidden; padding: 20px;}

#header > #promotionBanner #exampleSlider {position: relative;}
#header > #promotionBanner #exampleSlider .MS-content { white-space: nowrap;}         

#header > #promotionBanner #exampleSlider .MS-content .item { display: inline-block; height: 100%; overflow: hidden; position: relative;  width: auto;}
#header > #promotionBanner #exampleSlider .MS-content .item {width: 33%; } 
#header > #promotionBanner #exampleSlider .MS-content .item a { font-size: 11px; text-align: center; line-height: 1; display:inline-block; vertical-align: middle; margin: 0; padding: 7px 0;}
 
/* toplogo */
#header .header_wrap::after {content:""; clear:both; display:block;}
#header.logoleft .header_wrap .logo_area { display:inline-block; float:left; margin-right:20px; }
#header.logoleft .header_wrap .logo_area > .xans-layout-logotop {    }
#header.logoleft .header_wrap .logo_area > .xans-layout-logotop a {line-height: 30px; display:block;}
#header.logoleft .header_wrap .logo_area > .xans-layout-logotop img  { display: block; max-width: 100%; }

/* user control */
#header .gnb  .group_nav .xans-layout-category .menu_v ul.d1-wrap > li a,
#header .gnb .group_nav .xans-layout-boardinfo span,
#header .header_wrap .account_area .d1-wrap li a,
#header .header_wrap .account_area .d1-wrap li span {font-size:14px; line-height:40px; display:block;}
#header .gnb .group_nav .xans-layout-category .menu_v ul.d1-wrap > li.active > a,
#header .gnb .group_nav .xans-layout-category .menu_v ul.d1-wrap > li.active > span,
#header .header_wrap .account_area .d1-wrap > li.active > span {color:#9e9e9e;}
#header .gnb .group_nav .xans-layout-category .menu_v ul.d1-wrap > li > ul.d2-wrap li a:hover,
#header .header_wrap .account_area .d1-wrap > li > ul.d2-wrap li a:hover {color:#9e9e9e;}


/* gnb */
#header .gnb{display: inline-block; float: left; width: 28%;}
#header .gnb .group_nav .xans-layout-category .menu_v {}
#header .gnb .group_nav .xans-layout-category .menu_v ul.d1-wrap { display: flex; justify-content: space-between;} 
#header .gnb .group_nav .xans-layout-boardinfo span,
#header .gnb .group_nav .xans-layout-category .menu_v ul.d1-wrap > li a {display:block; padding:0 20px 0 0;}
#header .gnb .group_nav .xans-layout-category .menu_v ul.d1-wrap > li {position:relative; display:inline-block;}   
#header .gnb .group_nav .xans-layout-category .menu_v ul.d1-wrap > li span.mid_dro {display:none; cursor:pointer;}
#header .gnb .group_nav .xans-layout-category .menu_v ul.d1-wrap > li.be span.mid_dro {display:block; position:absolute; left:0; right:0; top:0; bottom:0;}
#header .gnb .group_nav .xans-layout-category .menu_v ul.d1-wrap > li > ul.d2-wrap {position:absolute; display:none; padding: 10px 0 15px 0px;}     
#header .gnb .group_nav .xans-layout-category .menu_v ul.d1-wrap > li > ul.d2-wrap li a {position:relative;   display:block; white-space:nowrap;  line-height: 1.8em; font-size:13px; }
#header .gnb .group_nav .xans-layout-category .menu_v ul.d1-wrap > li > ul.d2-wrap  ul.d3-wrap {display:none; padding:5px 0 10px 10px;}
#header .gnb .group_nav .xans-layout-category .menu_v ul.d1-wrap > li > ul.d2-wrap .d2.be:hover > ul.d3-wrap {display:block;}
#header .gnb .group_nav .xans-layout-category .menu_v ul.d1-wrap > li.current_ca > a {    border-bottom: 1px solid #000;}
#header .gnb .group_nav .xans-layout-boardinfo {display:inline-block;}
#header .gnb .group_nav .xans-layout-boardinfo span {cursor:pointer;}
#header .gnb .group_nav .xans-layout-boardinfo ul {display:none; padding: 10px 0 15px 10px;}

/* account */
#header .header_wrap .account_area { display:inline-block; float:right; width: 28%;}
#header .header_wrap .account_area .d1-wrap {display: flex; justify-content: space-between;}
#header .header_wrap .account_area .d1-wrap li {display:inline-block; position: relative;}
#header .header_wrap .account_area .d1-wrap li a {display:block; padding:0 0 0 20px;}
#header .header_wrap .account_area .d1-wrap > li span {cursor:pointer;}
#header .header_wrap .account_area .d1-wrap > li > ul.d2-wrap { position: absolute; display: none; padding: 10px 0 15px 0px;}
#header .header_wrap .account_area .d1-wrap > li > ul.d2-wrap li a { position: relative; display: block; line-height: 1.8em; font-size: 13px; padding:0 0 0;  }

#header .header_wrap .hamber_momenu {float:left; display:none; }
#header .header_wrap .hamber_momenu button { width:28px; height:18px; position: relative;}
#header .header_wrap .hamber_momenu button > span {width:20px; height:1px; background-color:#000; position:absolute; left:0; }
#header .header_wrap .hamber_momenu button > span:nth-child(1) {top:5px;}
#header .header_wrap .hamber_momenu button > span:nth-child(2) {top:11px;}
#header .header_wrap .hamber_momenu button > span:nth-child(3) {bottom:0px;}

#header .header_wrap .hamber_momenu button.expand > span:nth-child(1) {top:10px;    transform: rotate(45deg);}
#header .header_wrap .hamber_momenu button.expand > span:nth-child(2) {width:0px;}
#header .header_wrap .hamber_momenu button.expand > span:nth-child(3) {top:10px;     transform: rotate(-45deg);}

#header .header_wrap .hamber_momenu_account {float:right; display:none; }
#header .header_wrap .hamber_momenu_account li {display:inline-block; padding-left:12px; text-align:right; height:18px; line-height:18px;}
#header .header_wrap .hamber_momenu_account li a { position:relative; }
#header .header_wrap .hamber_momenu_account li.btn_cart a span.count {position:absolute; left:50%; transform: translateX(-50%); font-size:8px; top:5px; text-align:center; color:#000; margin-top:0; }
#header .header_wrap .hamber_momenu_account li svg {width:16px; height:auto; vertical-align:middle;}
#header .header_wrap .hamber_momenu_account li.btn_cart  svg { width:19px;}

 

/* search */
.sch_wrap {    min-width: 290px;}
#header #searchBarForm {position:fixed; z-index:3; top:0;   width: 100%; display:none; }
#header #searchBarForm .Layout_SearchHeader {padding:20px 80px; width: 100%;height:100vh;   box-sizing:border-box; display: flex; justify-content: center; align-items: center; flex-direction: column;  background-color:rgba(255,255,255, .9);}
#header #searchBarForm .Layout_SearchHeader .searchForm {  padding:0px 0 10px;     margin:0px 0;    text-align: center; }
#header #searchBarForm .Layout_SearchHeader .searchForm .searchFormWrap {position:relative; border-bottom:1px solid #000;    margin:0 auto; }
#header #searchBarForm .Layout_SearchHeader .searchForm .searchFormWrap input {padding:10px 10px 10px 0; background:none; border:0; width:100%}
#header #searchBarForm .Layout_SearchHeader .searchForm button { position:absolute; top:10px; right:10px; border:0px; outline:0; color:#000; font-size:11px; padding:0px 0 0 0px;   line-height:16px; }
#header #searchBarForm .Layout_SearchHeader .searchForm button img { width:50px;}
#header #searchBarForm .Layout_SearchHeader .hotKeyword {}
#header #searchBarForm .Layout_SearchHeader .hotKeyword .title {padding-bottom:10px;  display:inline-block;}
#header #searchBarForm .Layout_SearchHeader .hotKeyword .keyword {margin-top:20px;}
#header #searchBarForm .Layout_SearchHeader .hotKeyword .keyword a {margin-right: 10px;}
#header #searchBarForm .Layout_SearchHeader .hotKeyword .keyword a::after {content:", "; clear:both; display:inline-block;margin-right:4px;}  
#header #searchBarForm .Layout_SearchHeader .hotKeyword .keyword a:last-child::after  {display:none;}
.close_sch {width:30px; height:30px; font-size:26px;  position:fixed; top:50px; right:50px; z-index:4444; cursor:pointer;}
 


/*logo center layout */
#header.logocenter .header_wrap .logo_area { display: block; width:20%; text-align: center; z-index: 44; position: absolute; left: 50%;  transform: translateX(-50%); }
#header.logocenter .header_wrap .logo_area > .xans-layout-logotop {  }
#header.logocenter .header_wrap .logo_area > .xans-layout-logotop a {line-height: 40px; display:block; margin-top: 0px; text-align:center;}
#header.logocenter .header_wrap .logo_area > .xans-layout-logotop img  { display: block; max-width: 100%; max-height:38px; margin:0 auto;}


#header.logocenter .header_wrap .gnb .artcate .d1-wrap .d1 { display:inline-block; position:relative;}
#header.logocenter .header_wrap .gnb .artcate .d2-wrap {position:absolute;left:-10px; box-sizing:border-box;     white-space: nowrap; padding: 10px 10px 10px;}
#header.logocenter .header_wrap .gnb .artcate .d2-wrap > ul {display:inline-block; padding:0;margin:0;border:0}
#header.logocenter .header_wrap .gnb .artcate .d2-wrap > ul li:last-child {position:relative; display:inline-block; vertical-align:top; padding: 0px 0% 0 0;}
#header.logocenter .header_wrap .gnb .artcate .d2-wrap > ul li a {color:#000;;}
#header.logocenter .header_wrap .gnb .artcate .d2-wrap > ul li a:hover {color:#999;}

/*모바일슬라이드메뉴*/
#dimmedSlider { display:none; position:fixed; left:0px; top:0; right:0px; bottom:0px; z-index:300; background:rgba(0,0,0,.4);
  -webkit-transition:-webkit-transform .3s ease-out; transition:-webkit-transform .3s ease-out; }

/* aside */
#aside {position:fixed; left:0; top:0px; bottom:0; overflow:auto; min-width:225px;  width:100%; background-color:#fff; z-index: 500; 
    -webkit-transform:translate(-100%, 0); transform:translate(-100%, 0);
    -webkit-transition:-webkit-transform .5s ease-out; transition:-webkit-transform .3s ease-out;
}

/* sideMenu expand */
html.expand body { overflow:hidden; }
html.expand #container { -webkit-transition:-webkit-transform .3s ease-out; transition:-webkit-transform .5s ease-out; }
html.expand #aside { z-index:500; overflow-x:hidden; -webkit-transform:translate(0, 0); transform:translate(0, 0); -webkit-transition:-webkit-transform .3s ease-out; transition:-webkit-transform .3s ease-out; }
#aside .btnClose { display: block; overflow: hidden; position: absolute; right: 10px; top: 15px; width: 30px; height: 30px; font-size: 1px; line-height: 0; color: transparent; }
#dimmedSlider { display: none; position: fixed; left: 0px; top: 0; right: 0px; bottom: 0px; z-index: 300; background-color: rgba(18,18,18,0.36);    -webkit-backdrop-filter: blur(5px);    backdrop-filter: blur(5px); -webkit-transition: -webkit-transform .3s ease-out; transition: -webkit-transform .3s ease-out;}
  
#aside .artfinger_slide_wrap .xans-layout-multishoplist.list { padding-left:2px; display:none;}
#aside .artfinger_slide_wrap .xans-layout-multishoplist.list > ul {  }
#aside .artfinger_slide_wrap .xans-layout-multishoplist.list > ul li {display:inline-block; position:relative; text-align:left;margin-right:6px;  line-height: 25px; }
#aside .artfinger_slide_wrap .xans-layout-multishoplist.list > ul li.select a span{text-decoration:underline;}
#aside .artfinger_slide_wrap .xans-layout-multishoplist.list > ul li:last-child {margin-right:0px;}

#aside .gridContainer {height:100%;}

/* shop cateogyr*/
.half_space {margin-top: 40px;}
:root { --sidecont: 5vw;}
.artfinger_slide_wrap  {height:100%;}
.artfinger_slide_wrap  .group_nav { height:100%; padding: 60px 20px 23px 20px;     box-sizing: border-box;} 
.artfinger_slide_wrap  .group_nav .DB_lnb_m {height:100%;}
.artfinger_slide_wrap  .group_nav .DB_lnb_m .menu_v_m {height:100%; display:flex; flex-direction:column; justify-content: space-between;}
.artfinger_slide_wrap  .group_nav .xans-layout-category .menu_v_m {}
.artfinger_slide_wrap  .group_nav .xans-layout-category .menu_v_m ul.d1-wrap_m {padding: 40px 0px 0;} 
.artfinger_slide_wrap  .group_nav .xans-layout-category .menu_v_m ul.d1-wrap_m > li.be {}
/*
.artfinger_slide_wrap  .group_nav .xans-layout-category .menu_v_m ul.d1-wrap_m > li.be > a:before {content: ""; display: block; position: absolute; top: 48%; right:-2px; width: 7px; height: 1px; background-color: #000; transform: translateX( -50%);}
.artfinger_slide_wrap  .group_nav .xans-layout-category .menu_v_m ul.d1-wrap_m > li.be > a:after  {content: ""; display: block; position: absolute; top: 50%; right:4px; width: 1px; height: 7px; background-color: #000; transform: translateY( -50%); transition: all .4s;}
*/
.artfinger_slide_wrap  .group_nav .xans-layout-category .menu_v_m ul.d1-wrap_m > li.be {}
.artfinger_slide_wrap  .group_nav .xans-layout-category .menu_v_m ul.d1-wrap_m > li {position:relative;}  
.artfinger_slide_wrap  .group_nav .xans-layout-category .menu_v_m ul.d1-wrap_m > li:first-child ul.d2-wrap { display:block;}
.artfinger_slide_wrap  .group_nav .xans-layout-boardinfo li a,
.artfinger_slide_wrap  .group_nav .xans-layout-category .menu_v_m ul.d1-wrap_m > li span,
.artfinger_slide_wrap  .group_nav .xans-layout-category .menu_v_m ul.d1-wrap_m > li > a {position:relative; line-height: 33px; font-size: 15px;  font-weight:as500; }
.artfinger_slide_wrap  .group_nav .xans-layout-category .menu_v_m ul.d1-wrap_m > li > span,
.artfinger_slide_wrap  .group_nav .xans-layout-category .menu_v_m ul.d1-wrap_m > li > a { }
.artfinger_slide_wrap  .group_nav .xans-layout-category .menu_v_m ul.d1-wrap_m > li > ul.d2-wrap > li > a { line-height: 23px; font-size: 12px; }
.artfinger_slide_wrap  .group_nav .xans-layout-category .menu_v_m ul.d1-wrap_m > li > ul.d2-wrap > li .d3-wrap {padding:5px 0 10px 10px;}
.artfinger_slide_wrap  .group_nav .xans-layout-category .menu_v_m ul.d1-wrap_m > li span.mid_dro {display:none; cursor:pointer;}
.artfinger_slide_wrap  .group_nav .xans-layout-category .menu_v_m ul.d1-wrap_m > li.be span.mid_dro {display: block; position: absolute; left: 0; right: 0; top: 0; height: 30px;  }
.artfinger_slide_wrap  .group_nav .xans-layout-category .menu_v_m ul.d1-wrap_m > li > ul.d2-wrap {display:none;   padding: 0px 0 10px 5px; margin: -27px 0 20px 110px;     z-index: 44; position: relative;}     
.artfinger_slide_wrap  .group_nav .xans-layout-boardinfo {margin-top:20px;}
.artfinger_slide_wrap  .group_nav  .member {  display:flex; justify-content: space-between; width: calc(100% - 40px);}
.artfinger_slide_wrap  .group_nav  .member li {text-align: left;}
.artfinger_slide_wrap  .group_nav  .member li a { display: block; position: relative; color: #000; font-size: 12px; line-height: 200%; padding-bottom: 0px;}
 

/* etc cateogyr*/   
#aside .artfinger_slide_wrap .member_state {position:absolute; bottom:40px;}
#aside .artfinger_slide_wrap .member_state .member { margin:0px 0 0;}
#aside .artfinger_slide_wrap .member_state .member { }
#aside .artfinger_slide_wrap .member_state .member li {text-align:left; }
#aside .artfinger_slide_wrap .member_state .member li a {display:block; position:relative; color:#000; font-size:10px; line-height:200%; padding-bottom:0px;}
#aside .artfinger_slide_wrap .member_state .member li > ul {padding:10px 0 10px 0;}
#aside .artfinger_slide_wrap .member_state .member li > ul > li a {display: block; color: #000; font-size: 10px; line-height: 200%;}
#aside .artfinger_slide_wrap .member_state .snscate {margin:10px 0 0;}
#aside .artfinger_slide_wrap .member_state .snscate li {display:inline-block;}
#aside .artfinger_slide_wrap .member_state .snscate li a { display:none; padding-bottom:5px;  padding-right:5px; font-size:15px;}
#aside .artfinger_slide_wrap .member_state .snscate li a.show {display:block;}





/* mobile */
@media all and (max-width : 1000px) {  
    #header {z-index:999;}    
    #header .header_wrap { padding:17px 20px 0;}
	#header .header_wrap .gnb,
    #header .header_wrap .account_area {display:none;}
    #header .header_wrap .hamber_momenu {display:block; }
    #header .header_wrap .hamber_momenu_account {display:block; }
    #header.logocenter .header_wrap .logo_area {top:12px; }
    #header.logocenter .header_wrap .logo_area > .xans-layout-logotop img  {max-height:23px;}
    #header #searchBarForm .Layout_SearchHeader {padding:0px 20px; float:none;  }
    #header.logocenter .header_wrap .logo_area { width:40%; }
            }
 

.footer_pc {  position:relative;   margin:0px auto 0px; display:block; z-index:1;      font-size: 11px; padding: 20px 20px 10px 20px; }
.footer_mo {display:none;}
.footer_pc::after {content:""; clear:both; display:block;}
.footer_pc .footer_inner { display:flex; width:100%; justify-content: space-between;}
.footer_pc .footer_inner  li { line-height:20px; display:inline-block; padding-right:7px;}
.footer_pc .footer_inner .inner1 ul:nth-child(2) {padding-bottom:3px;}
.footer_pc .footer_inner .inner1 { display: flex; text-align:left; align-items: flex-end; }
.footer_pc .footer_inner .inner2 {   text-align:left; padding-left:40px;}
.footer_pc .footer_inner .inner3  {  text-align:right; padding-left:40px;}
.footer_pc .footer_inner .snscate { padding-right:15px;}
.footer_pc .footer_inner .snscate li {display:inline-block; vertical-align:middle;}
.footer_pc .footer_inner .snscate li a { display:none; padding-bottom:5px; padding-right:3px;}
.footer_pc .footer_inner .snscate li a i {font-size:16px; vertical-align: text-bottom;
    margin-right: 2px;}
.footer_pc .footer_inner .snscate li a.show {display:block;}
.footer_pc .footer_inner .inner3 .f-g-2 li {padding-left:7px; padding-right:0;}
.footer_pc .bankinfo {text-align:right;}

/* 상품정보 */
.footer_mo {list-style:none;padding:0px 0; margin: 0 auto; width:100%!important; border-top:1px solid #000; }
.footer_mo a {color:#222;}
.footer_mo .accordion_more_footer > li {  padding:18px 10px 18px; list-style:none;  position: relative;   box-sizing:border-box;  border-bottom:1px solid #000;}
.footer_mo .accordion_more_footer > li .tab_wrap {display:none; padding:10px 0 0px 0px; font-size: 11px; line-height: 15px; color:#222;  }
.footer_mo .accordion_more_footer > li .tab_wrap > li > a { line-height: 18px; }
.footer_mo .accordion_more_footer > li .tab_wrap p {padding:0; margin:0;line-height: 18px;}
.footer_mo .accordion_more_footer > li > a { width: 100%; display: block; cursor: pointer;  font-size: 12px; user-select: none; color:#222; }
.footer_mo  accordion_more_footer > li > a.active {color:#222; }
.footer_mo  accordion_more_footer > li > a:hover {text-decoration:none}
.footer_mo  .accordion_more_footer > li > a:before  {    width: 11px; height: 1px; background-color: #222; position: absolute; right: 10px; content: " "; top: 24px; transform: rotate(90deg);  -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.footer_mo  .accordion_more_footer > li > a:after {    width: 11px; height: 1px; background-color: #222; position: absolute; right: 10px; content: " "; top: 24px; transform: rotate(0deg);  -webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}

.footer_mo  .accordion_more_footer > li > a.active:before {    width: 1px; height: 1px; background-color: #222; position: absolute; right: 10px; content: " "; top: 24px; transform: rotate(90deg);  -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.footer_mo .accordion_more > li > a.active:after {    width: 11px; height: 1px; background-color: #222; position: absolute; right: 5px; content: " "; top: 24px; transform: rotate(0deg)!important;  -webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}

.footer_mo .snscate {   padding:18px 10px; }
.footer_mo .snscate li {display:inline-block; vertical-align:middle;}
.footer_mo .snscate li a { display:none; padding-bottom:5px; padding-right:5px;  color:#222; }
.footer_mo .snscate li a i {font-size:16px; }
.footer_mo .snscate li a.show {display:block;}
.footer_mo .snscate li.copy { display:block; width:100%; margin:8px 0 5px;  color:#222; font-size:10px;}

@media all and (max-width : 1000px) {  
     .footer_pc {display:none;}
     .footer_mo {display:block; margin-top:50px;}
    }
 
@charset "utf-8";


  .ec-base-paginate { text-align:center; }
  /* typeList */
    .ec-base-paginate { padding:30px 0; font-size:0; line-height:0; }
    .ec-base-paginate ol { margin:0 10px; }
    .ec-base-paginate ol,
    .ec-base-paginate ol li { display:inline-block; vertical-align:middle; }
    .ec-base-paginate > a img { height: 27px;}
    .ec-base-paginate ol li a { display:inline-block; width:24px; height:27px;   font-size:12px; line-height:27px; color:#1b1b1b; vertical-align:middle; background:#fff; }
    .ec-base-paginate ol li .this { font-weight:bold; }
    .ec-base-paginate [class*='btn'] { display:inline-block; overflow:hidden; width:31px; height:27px;   font-size:1px; line-height:0; color:transparent; text-indent:-150%; vertical-align:middle; background:#fff; background-repeat:no-repeat; background-position:50% 50%; background-size:5px auto; }
    .ec-base-paginate .btnPrev { background-image:url("//img.echosting.cafe24.com/skin/mobile/layout/btn_prev.png"); }
    .ec-base-paginate .btnNext { background-image:url("//img.echosting.cafe24.com/skin/mobile/layout/btn_next.png"); }

    .ec-base-paginate.typeList { padding:30px 0; font-size:0; line-height:0; }
    .ec-base-paginate.typeList ol { margin:0 5px; }
    .ec-base-paginate.typeList ol,
    .ec-base-paginate.typeList ol li { display:inline-block; vertical-align:middle; }
    .ec-base-paginate > a img { height: 27px;}
    .ec-base-paginate.typeList ol li a { display:inline-block; width:24px; height:27px;   font-size:12px; line-height:27px; color:#1b1b1b; vertical-align:middle; background:#fff; }
    .ec-base-paginate.typeList ol li .this { font-weight:bold; }
    .ec-base-paginate.typeList [class*='btn'] { display:inline-block; overflow:hidden; width:31px; height:27px;   font-size:1px; line-height:0; color:transparent; text-indent:-150%; vertical-align:middle; background:#fff; background-repeat:no-repeat; background-position:50% 50%; background-size:5px auto; }
    .ec-base-paginate.typeList .btnPrev { background-image:url("//img.echosting.cafe24.com/skin/mobile/layout/btn_prev.png"); }
    .ec-base-paginate.typeList .btnNext { background-image:url("//img.echosting.cafe24.com/skin/mobile/layout/btn_next.png"); }

  /* typeMoreview */
    .ec-base-paginate.typeMoreview { margin:0 auto; }
    .ec-base-paginate.typeMoreview .btnMore { display:block; padding:12px 0; border-top:1px solid #f1f1f1; border-bottom:1px solid #d5d5d5; color:#757575; font-weight:bold; background:#f5f5f5; }
    .ec-base-paginate.typeMoreview .icoMore { display:inline-block; margin:0 0 0 8px; width:13px; height:8px; font-size:0; line-height:0; vertical-align:baseline; background:url("//img.echosting.cafe24.com/skin/mobile/layout/btn_more.png") no-repeat 0 50%; background-size:13px auto; }

  /* typeSwipe */
    .ec-base-paginate.typeSwipe { font-size:0; line-height:0; }
    .ec-base-paginate.typeSwipe button.circle { overflow:hidden; margin:0 3px 0 4px; width:13px; height:13px; border:0; border-radius:13px; cursor:pointer; background-color:#bbb; }
    .ec-base-paginate.typeSwipe button.circle.selected { background-color:#4a5164; }
    .ec-base-paginate.typeSwipe span { overflow:hidden; font-size:1px; line-height:0; color:transparent; text-indent:-150%; }
    .ec-base-paginate.typeSwipe button.prev,
    .ec-base-paginate.typeSwipe button.next { width:31px; font-size:15px; line-height:1.2em; border:0; cursor:pointer; background:url("//img.echosting.cafe24.com/skin/mobile/layout/btn_prev.png") no-repeat 50% 50%; background-size:7px auto; }
    .ec-base-paginate.typeSwipe button.next { background:url("//img.echosting.cafe24.com/skin/mobile/layout/btn_next.png") no-repeat 50% 50%; background-size:7px auto; }
    .ec-base-paginate.typeSwipe .prev,
    .ec-base-paginate.typeSwipe .next { display:none; }

  /* typeZoom */
    .ec-base-paginate.typeZoom .btnPrev,
    .ec-base-paginate.typeZoom .btnNext { overflow:hidden; width:31px; height:27px; border:1px solid #d9d9d9; border-radius:2px; font-size:1px; line-height:0; color:transparent; text-indent:-150%; background:url("//img.echosting.cafe24.com/skin/mobile/layout/btn_prev.png") no-repeat 50% 50%; background-size:7px auto; }
    .ec-base-paginate.typeZoom .btnNext { background:url("//img.echosting.cafe24.com/skin/mobile/layout/btn_next.png") no-repeat 50% 50%; background-size:7px auto;  }

  /* typeTotal */
    .paginate.typeTotal { color:#696969; }
    .paginate.typeTotal > span { margin:0 8px;font-weight:bold; }
    .paginate.typeTotal p { display:inline-block;vertical-align:middle; }
    .paginate.typeTotal .icoPrev,
    .paginate.typeTotal .icoNext { width:7px; height:13px; font-size:15px; line-height:1.2em; background:url("//img.echosting.cafe24.com/skin/mobile/layout/btn_prev.png") no-repeat 50% 50%; background-size:7px auto; }
    .paginate.typeTotal .icoNext { background:url("//img.echosting.cafe24.com/skin/mobile/layout/btn_next.png") no-repeat 50% 50%; background-size:7px auto; }
    .paginate.typeTotal p span { overflow:hidden; display:block; width:29px; text-indent:-999px; }
    .paginate.typeTotal strong { color:#508bed; }
 

	/*more view*/
	.typeMoreview  {margin: 0 auto 80px; text-align:center; }
	.typeMoreview a {font-size:13px; line-height:200%;   }



/*add */
.ec-base-paginate.xans-product-normalpaging {}
.ec-base-paginate.xans-product-normalpaging .first {font-size:10px; line-height: 27px; height: 27px; padding:0 7px;display:inline-block; vertical-align:middle;}
.ec-base-paginate.xans-product-normalpaging .first .once {}
.ec-base-paginate.xans-product-normalpaging .first .twi {margin-left:-5px;}
.ec-base-paginate.xans-product-normalpaging .first_nt {font-size:9px; line-height: 27px; height: 27px; display:inline-block; vertical-align:middle;}
.ec-base-paginate.xans-product-normalpaging .first_nt span {vertical-align:middle; line-height: 27px; padding:0 2px;}

.ec-base-paginate.xans-product-normalpaging .first i,
.ec-base-paginate.xans-product-normalpaging .first_nt i { line-height: 27px; height: 27px; vertical-align:middle;}

/*search*/
.ec-base-paginate.xans-search-paging {}
.ec-base-paginate.xans-search-paging .first {font-size:10px; line-height: 27px; height: 27px; padding:0 7px;display:inline-block; vertical-align:middle;}
.ec-base-paginate.xans-search-paging .first .once {}
.ec-base-paginate.xans-search-paging .first .twi {margin-left:-5px;}
.ec-base-paginate.xans-search-paging .first_nt {font-size:9px; line-height: 27px; height: 27px; display:inline-block; vertical-align:middle;}
.ec-base-paginate.xans-search-paging .first_nt span {vertical-align:middle; line-height: 27px; padding:0 2px;}

.ec-base-paginate.xans-search-paging .first i,
.ec-base-paginate.xans-search-paging .first_nt i { line-height: 27px; height: 27px; vertical-align:middle;}

@media all and (max-width : 1000px) {  
  	.typeMoreview a {font-size:12px; line-height:180%;   }
    
    }
/* font */
.txtWarn { color:#000; }
.txtEm { color:#000; }

/* grid */
.gBlank5 { display:block; margin-top:5px; }
.gBlank7 { display:block; margin-top:7px; }
.gBlank10 { display:block; margin-top:10px; }
.gBlank20 { display:block; margin-top:20px; }
.gBlank30 { display:block; margin-top:30px; }
.gIndent10 { margin-left:10px; }
.gIndent20 { margin-left:20px; }
.gSpace10 { margin-right:10px; }
.gSpace20 { margin-right:20px; }
.gBreak5 { display:block; margin-bottom:5px; }
.gBreak7 { display:block; margin-bottom:7px; }
.gMerge { position:relative; z-index:1; margin-top:-1px; }

/* ec-base-qty */
.ec-base-qty [type="text"] { width:49px; }
.ec-base-qty [type="tel"] { width:49px; text-align:right; }
.ec-base-qty button { margin:0; padding:0; border:0; vertical-align:top; background:transparent; }

/* ec-base-field */
.ec-base-field { display:-webkit-flex; display:-ms-flex; display:flex; }
.ec-base-field input[type="text"] { -webkit-flex:1; -ms-flex:1; flex:1; }
.ec-base-field input ~ [class*='btn'] { margin-left:5px; }

/* form */
input, textarea, select { max-width:100%; font-size:12px; color:#000; vertical-align:middle; outline:0; border-radius:0; }
input[type=text], input[type=password], input[type=number], input[type=tel], textarea {
    padding:10px; font-size:12px;  height:36px;  line-height:13px; font-weight:inherit; color:#353535; border:1px solid #dedfe2; border-radius:0; outline-style:none;
    -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
}
/*input[type=text], input[type=password], input[type=number], input[type=tel] {}*/
input[type=text]:focus, input[type=password]:focus, input[type=number]:focus, input[type=tel]:focus { border-color:#000; color:#000; }
input[type="file"] { overflow:hidden; max-width:100%; }
input[type="button"], input[type="text"], input[type="password"], input[type="tel"], input[type="image"], textarea { -webkit-appearance:none; }


select::-ms-expand { display:none; } /* ie selectbox 화살표 제거 */  
select { max-width:100%; height:36px; margin:0; padding:0 20px 0 12px; border:1px solid #dedfe2; border-radius:0; font-size:12px; line-height:36px; color:#000; word-break:break-all; font-weight:inherit; -webkit-appearance:none; cursor:pointer; background:#fff url('//img.echosting.cafe24.com/skin/dnd_ko_KR/common/layout/form/bg_select.gif') no-repeat 100% 0; background-size:20px auto; }
select:focus { border-color:#000; }
select.disabled, select:disabled,
textarea.disabled, textarea:disabled { color:#bcbcbc; }
textarea { resize:none; line-height:1.2em; }
textarea.disabled { background-color:#ffffff; color:#bfbfbf; }

input[type="radio"] { width:20px; height:20px; border:0; border-radius:0; background:url("//img.echosting.cafe24.com/skin/dnd_ko_KR/common/layout/form/bg_radio.png") no-repeat 0 0; background-size:20px 20px; -webkit-appearance:none; }
input[type="radio"]:checked { background-image:url("//img.echosting.cafe24.com/skin/dnd_ko_KR/common/layout/form/bg_radio_checked.png"); -webkit-appearance:none; }
input[type="radio"]:disabled { background-image:url("//img.echosting.cafe24.com/skin/dnd_ko_KR/common/layout/form/bg_radio_disabled.png"); -webkit-appearance:none; }
label { display:inline-block; margin:0 7px 0 0; min-height:20px; line-height:20px; font-size:12px; vertical-align:middle; cursor:pointer; }
input[type=radio] + label { margin:0 7px 0 4px; }
label input[type=radio] { margin:0 4px 0 0; }
label:last-child,
input[type=radio] + label:last-child { margin-right:0; }

input[type="checkbox"] { width:20px; height:20px; border:0; -webkit-appearance:none; cursor:pointer; background:url('//img.echosting.cafe24.com/skin/dnd_ko_KR/common/layout/form/bg_checkbox.png') no-repeat 0 0; background-size:20px auto; }
input[type="checkbox"]:checked { background-image:url('//img.echosting.cafe24.com/skin/dnd_ko_KR/common/layout/form/bg_checkbox_checked.png'); }
input[type="checkbox"]:disabled { background-image:url('//img.echosting.cafe24.com/skin/dnd_ko_KR/common/layout/form/bg_checkbox_disabled.png'); }
input[type="checkbox"]:readonly { background-image:url('//img.echosting.cafe24.com/skin/dnd_ko_KR/common/layout/form/bg_checkbox_disabled.png'); }
input[type="checkbox"]:disabled + label { color:#abaeb5; }
input[type="checkbox"]:readonly + label { color:#abaeb5; }
input[type="checkbox"] { margin:0 4px 0 0; }


.ec-base-label { display:inline-block; margin:0 7px 0 0; }
.ec-base-label input[type=radio] + label,
.ec-base-label input[type=checkbox] + label { margin-right:0; }

.fList.typeHor .gLabel { margin-right:20px; }
.fList.typeVer .gLabel { display:block; }

/* ec-base-radio */
.ec-base-radio.typeCS{display: -webkit-flex;display: -ms-flex;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;flex-direction: column;}
.ec-base-radio.typeCS .ec-base-label {margin: 0 0 10px 0;border: 1px solid #b5b5b5;box-sizing: border-box;border-radius: 2px;position:relative;}
.ec-base-radio.typeCS .ec-base-label label {position: relative;height: 100%;line-height: 20px;padding: 10px 10px 9px;box-sizing: border-box;font-size: 12px;color: #666;word-break: break-all;word-wrap: break-word;display: block;text-align: center;margin: 0;}
.ec-base-radio.typeCS .ec-base-label input {position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;margin: 0;}
.ec-base-radio.typeCS .ec-base-label input:checked + label {border-color: #000;font-weight: bold;color: #fff;background: #000;}
.ec-base-help { margin:8px 4px; font-size:11px; color:#757575; }
p.ec-base-help,
div.ec-base-help,
ul.ec-base-help li,
ol.ec-base-help li { padding:0 0 2px 18px; line-height:1.5; text-align:left; background:url("//img.echosting.cafe24.com/skin/mobile/common/ico_help.png") no-repeat 0 2px; background-size:14px auto; }

.ec-base-help h3 {font-size:12px; margin-bottom:10px;}
/* Ordered List */
ol { list-style:none; }
ol.ec-base-help { counter-reset:rank 0; }
ol.ec-base-help li { position:relative; padding:0 0 0 13px; background:none; }
ol.ec-base-help li:before { counter-increment:rank 1; content:counter(rank)'.'; position:absolute; top:0; left:0; }


/* typeDash */
p.ec-base-help.typeDash,
ul.ec-base-help.typeDash li { position:relative; padding:0 0 0 10px; background:none; }
p.ec-base-help.typeDash:before,
ul.ec-base-help.typeDash li:before { content:""; position:absolute; top:9px; left:0; width:5px; height:1px; background:#757575; }
/* button */
  .btnNormal, .btnStrong, .btnBasic, .btnSubmit, .btnEm { display:inline-block; letter-spacing:0; text-align:center; border-radius:0px; -moz-box-sizing:border-box; box-sizing:border-box; }
   html:lang(ko) btnNormal, html:lang(ko) btnStrong, html:lang(ko) btnBasic, html:lang(ko) btnSubmit, html:lang(ko) btnEm { }
   html:lang(ja) btnNormal, html:lang(ja) btnStrong, html:lang(ja) btnBasic, html:lang(ja) btnSubmit, html:lang(ja) btnEm { }
  .btnNormal, .btnStrong, .btnBasic { height:36px; line-height:36px; padding:0 10px; vertical-align:middle; font-size:12px; }
  .btnNormal { color:#1b1b1b; border:1px solid #cfcfcf; border-bottom-color:#b5b5b5; background:#fff; }
  .btnStrong { color:#fff; border:1px solid #000; /*border-bottom-color:#373d4b;*/ background:#000; }
  .btnSubmit { height:36px; line-height:36px; padding:0 10px; font-size:12px; color:#fff; border:1px solid #000; background:#000; }
  .btnEm { height:36px; line-height:34px; padding:0 10px; font-size:12px; border:1px solid #d5d5d5; background:#fff; }
  .btnBasic { color:#000; border:1px solid #bcbcbc; background:#fff; }
  /* mini */
    [class*="btn"].mini { height:30px; line-height:30px; font-size:12px; }

/* btn */
.ec-base-button .soldout { cursor:default; }
.btnIcon { max-width:12px; max-height:12px; background-size:100% 100%; }

/* ec-base-button */
  .ec-base-button { margin:10px auto; text-align:right; }
  .ec-base-button:after { content:""; display:block; clear:both; }
/*  typeMulti */
  .ec-base-button.typeMulti { margin:0 auto; padding:7px; }
  .ec-base-button.typeMulti .gTop:after,
  .ec-base-button.typeMulti .gBottom:after { content:""; display:block; clear:both; }
  .ec-base-button.typeMulti .gBottom { margin:7px 0 0; padding:7px 0 0; border-top:1px solid #d5d5d5; clear:both; }
/* align */
  .ec-base-button.gLeft { text-align:left; }
  .ec-base-button.gCenter { text-align:center; }
  .ec-base-button.gRight { text-align:right; }
  .ec-base-button .gLeft { float:left; text-align:left; }
  .ec-base-button .gRight { float:right; }
/* gColumn */
  .ec-base-button[class*="gColumn"] { display:flex; margin:10px 0 10px -4px; }
  .ec-base-button[class*="gColumn"]:after { content:none; }
  .ec-base-button[class*="gColumn"] a,
  .ec-base-button[class*="gColumn"] button { flex:1; margin:0 0 0 4px; padding:0 3px; white-space:nowrap; }
  /* gFlex */
    .ec-base-button[class*="gColumn"] .gFlex2 { flex:2; }
    .ec-base-button[class*="gColumn"] .gFlex3 { flex:3; }
    .ec-base-button[class*="gColumn"] .gFlex4 { flex:4; }
/* gFull */
  .ec-base-button.gFull { margin-bottom:3px; }
  .ec-base-button.gFull [class*="btn"], [class*="btn"].gFull { width:100%; }
  .ec-base-button.gFull [class*="btn"] { margin:0 0 7px; }
/* gFixed */
  .ec-base-button.gFixed { position:fixed; z-index:120; left:0; bottom:0; max-width:100%; width:100%; margin:0; padding:0 7px; box-sizing:border-box; background-color:#dbdbdb;
    -webkit-box-shadow: 0px -4px 4px 0px rgba(120, 120, 120, 0.5);
    -moz-box-shadow: 0px -4px 4px 0px rgba(120, 120, 120, 0.5);
    box-shadow: 0px -4px 4px 0px rgba(120, 120, 120, 0.5);
  }
  .ec-base-button.gFixed .state + .ec-base-button { margin-top:3px; }
  .ec-base-button.gFixed .state { overflow:hidden; margin:0 auto; font-size:11px; }
  .ec-base-button.gFixed .state .count { float:left; padding:7px 0; }
  .ec-base-button.gFixed .state .price { float:right; padding:7px 0; }
  .ec-base-button.gFixed .price strong { font-weight:normal; }
  .ec-base-button.gFixed .count strong,
  .ec-base-button.gFixed .price em { color:#000; font-weight:bold; }


/*add btn*/
body .btn_blk_a {display:block; background-color:#000; color:#fff; font-size:11px; text-align:center; border:1px solid #000;  margin-bottom:2px; transition:all .4s;}
body .btn_wht_a {display:block; background-color:#fff; color:#000; font-size:11px; text-align:center; border:1px solid #000; margin-bottom:2px; transition:all .4s;}
body .btn_blk_b {display:inline-block; background-color:#000; color:#fff; font-size:11px; text-align:center; border:1px solid #000;  transition:all .4s;}
body .btn_wht_b {display:inline-block; background-color:#fff; color:#000; font-size:11px; text-align:center; border:1px solid #000;  transition:all .4s;}

[class^='btnSubmitH'], a[class^='btnSubmitH']   			{ display:inline-block; box-sizing:border-box; padding:2px 8px; border:1px solid transparent; /*border-radius:2px;*/ font-size:12px; line-height:40px; font-weight:normal; text-decoration:none; vertical-align:middle; word-spacing:-0.5px; letter-spacing:0; text-align:center; white-space:nowrap; color:#fff; background-color:#000; }
[class^='btnEmH'], a[class^='btnEmH']		    			{ display:inline-block; box-sizing:border-box; padding:2px 8px; border:1px solid transparent; /*border-radius:2px;*/ font-size:12px; line-height:40px; font-weight:normal; text-decoration:none; vertical-align:middle; word-spacing:-0.5px; letter-spacing:0; text-align:center; white-space:nowrap; color:#000; border:1px solid #000; background-color:none; }
[class^='btnSubmitH']:hover, a[class^='btnSubmitH']:hover   {}
[class^='btnEmH']:hover, a[class^='btnEmH']:hover		    {}
  
.ec-base-button.gFull a {display:block;}

/*add btn size*/
.btn_sizeS {line-height:20px;}
.btn_sizeM {line-height:25px;}
.btn_sizeL {line-height:30px;}
.btn_sizeX {line-height:40px;}

.btn_sizeWS {padding:0 20px;}
.btn_sizeWM {padding:0 25px;}
.btn_sizeWL {padding:0 30px;}
.btn_sizeWX {padding:0 35px;}



@media all and (max-width:1000px) {
  .btnSubmit { height:36px; line-height:34px; font-size:11px; }
  .btnEm { height:36px; line-height:34px; font-size:11px; }
}
/* base */
.ec-base-box { padding:14px; margin:0px; border:1px solid #d5d5d5; line-height:1.6; color:#757575; background:#fff; }
.ec-base-box.center { text-align:center; }

/*add */
.ec-base-box.typeBlank {border:0px; padding:0;}
.ec-base-box.typeBlack1 {border:1px solid #000;}

/*add */
.ec-base-box.typeThin h3.boxTitleLeft {text-align:left;     padding-bottom: 20px; font-weight: normal; font-size: 17px;} 

#popup { background:transparent; }
.popup { height:100%; }
.popup > form { height:100%; }
.layer .ec-base-layer,
.popup .ec-base-layer { position:relative; }

/* ec-base-layer */
.ec-base-layer { position:fixed; z-index:300; top:0; bottom:0; left:0; right:0; min-width:320px; width:100%; height:100%; display:-webkit-flex; display:-ms-flex; display:flex; background:#fff;
    -webkit-flex-direction:column; -moz-flex-direction:column; -ms-flex-direction:column; flex-direction:column;
}
.ec-base-layer h1 { width:100%; height:36px; text-align:center; font-size:13px; line-height:36px; color:#000; box-sizing:border-box; background:#fff; }
.ec-base-layer .wrap { -webkit-flex:1; -moz-flex:1; -ms-flex:1; flex:1; height:100%; padding:14px; font-size:12px; overflow-x:auto; overflow-y:auto; box-sizing:border-box; -webkit-overflow-scrolling:touch; }
.ec-base-layer .btnClose { overflow:hidden; position:absolute; right:0; top:0; z-index:510; width:36px; height:36px; border:0; padding:0; font-size:0; text-indent:-150%; background:url("//ecudemo236051.cafe24.com/web/upload/addbase/btn_close_b.png") center center no-repeat; background-size:14px 14px; }
/* theme */
  .ec-base-layer[class*="theme1"] .wrap { background:#fff; }
/* gClearFlex */
  .ec-base-layer.gClearFlex { display:block; padding:0 0 94px; box-sizing:border-box; }
  .ec-base-layer.gClearFlex .wrap { -webkit-flex:none; -moz-flex:none; -ms-flex:none; flex:none; height:auto; }
/* typeModal */
  .ec-base-layer.typeModal { overflow:hidden; z-index:500; top:50px; bottom:auto; left:0; right:0; min-width:280px; max-width:600px; width:92%; height:auto; margin:auto; border-radius:0px; border:1px solid #000;}
  .ec-base-layer.typeModal h1 { padding:10px 14px; line-height:35px; font-weight:normal; font-size:13px; text-align:center;  color:#000; background:#fff; border-radius:5px 5px 0 0; }
  .ec-base-layer.typeModal .wrap { height:auto; max-height:300px; min-height:100px; padding:14px; background:#fff; }
  .ec-base-layer.typeModal .btnClose { background:url("//img.echosting.cafe24.com/skin/mobile/common/btn_close_black.png") center center no-repeat; background-size:14px 14px; }
/* typeWide */
  .ec-base-layer.typeWide { background:#e3e4e7; }
  .ec-base-layer.typeWide h1 { height:56px; padding:0 42px; line-height:56px; font-size:20px; font-weight:normal; box-sizing:border-box; }
  .ec-base-layer.typeWide .wrap { padding:0; font-size:16px; line-height:1.4em; letter-spacing:-0.4px; }
  .ec-base-layer.typeWide .btnClose { top:10px; right:10px; background-image:url("//img.echosting.cafe24.com/skin/mobile/order/btn_close.png"); background-size:21px 21px; }
  .ec-base-layer.typeWide > .ec-base-button.gFull { padding:15px 14px 8px; }

/* ec-base-button */
  .ec-base-layer .wrap + div > .ec-base-button,
  .ec-base-layer .wrap + .ec-base-button,
  .ec-base-layer > .ec-base-button { margin:0; padding:7px 14px 7px 10px; border-radius:0 0 5px 5px; box-sizing:border-box; }
  .ec-base-layer .ec-base-button.gFull { padding:7px 14px 0; }
  .ec-base-layer .ec-base-button.gFixed .ec-base-button { padding:0; border-top:0; }
  .ec-base-layer .wrap + .ec-base-button > .ec-base-button { padding:0; }

@media all and (min-width:900px) {
  .ec-base-layer  { max-width:900px; margin:0 auto; }
  .ec-base-layer.typeModal .wrap { max-height:400px; min-height:200px; }
}
/* ec-base-table */
.ec-base-table { border:1px solid #d5d5d5; word-break:break-all; word-wrap:break-word; color:#353535; background:#fff; }
.ec-base-table table { position:relative; }
.ec-base-table table:after { position:absolute; top:0; left:0; display:block; content:""; width:100%; height:1px; background:#fff; }
.ec-base-table th,
.ec-base-table td { border-top:1px solid #ececec; font-size:12px; vertical-align:top; }
.ec-base-table th { font-weight:normal; color:#757575; }
.ec-base-table td { padding:12px 13px; }
.ec-base-table tbody th { padding:12px 0 12px 13px; text-align:left; }
.ec-base-table td.clear { padding:0 !important; }
 /*custome*/
.ec-base-table-custom {border:0!important; }
.ec-base-table-custom th {border:0!important; padding: 5px 0 5px 0px!important; vertical-align:bottom!important; }
.ec-base-table-custom td {border:0!important; padding: 5px 0px 5px!important; }
.ec-base-table-custom input[type=text], input[type=password], input[type=number], input[type=tel], textarea {padding:0px 0px; height:30px; line-height:30px; border:0; border-bottom:1px solid #000; }
.ec-base-table-custom select {padding:0px 0px; height:32px; line-height:32px; border:0; border-bottom:1px solid #000;}
.ec-base-table-custom input[type="radio"] {margin:15px 0 0;}
.ec-base-table-custom input[type=radio] + label {margin: 15px 7px 0 4px;}
/* horizontal */
  /* typeWrite */
    .ec-base-table.typeWrite td { padding:7px 13px 6px; }
    .ec-base-table.typeWrite tr td:first-child { padding:12px 13px; }
    .ec-base-table.typeWrite img { max-width:100% !important; height:auto !important; }
  /* gCellNarrow */
    .ec-base-table.gCellNarrow tbody th { padding:7px 0 7px 13px; }
    .ec-base-table.gCellNarrow td { padding:7px 13px; }
  /* gClearBorderTop */
    .ec-base-table.gClearBorderTop { border-top-width:0; }
  /* gClearBorder */
    .ec-base-table.gClearBorder { border-width:0; }
  /* gClearCell */
    .ec-base-table.gClearCell { padding:4px 0; }
    .ec-base-table.gClearCell table:after { display:none; }
    .ec-base-table.gClearCell th,
    .ec-base-table.gClearCell td,
    .ec-base-table.typeWrite.gClearCell th { border-width:0; padding-top:6px; padding-bottom:6px; }
    .ec-base-table.typeWrite.gClearCell td { padding-top:3px; padding-bottom:4px; }
  /* gLineTop */
    .ec-base-table .gLineTop { border-top:1px solid #ececec !important; }
    .ec-base-table.gClearCell tbody.gLineTop tr:first-child th,
    .ec-base-table.gClearCell tbody.gLineTop tr:first-child td { padding-top:10px; }
 
/* vertical */
  /* typeList */
    .ec-base-table.typeList { border-width:0; }
    .ec-base-table.typeList table:after { display:none; }
    .ec-base-table.typeList thead th { text-align:center; background:#fafafa; }
    .ec-base-table.typeList th,
    .ec-base-table.typeList td { padding:9px 10px; vertical-align:middle; border:1px solid #d7d5d5; }
    .ec-base-table.typeList.gClearBorderTop thead th { border-top-width:0; }
 
/* common */
  /* align */
    .ec-base-table .left { text-align:left; }
    .ec-base-table .center { text-align:center; }
    .ec-base-table .right { text-align:right; }
    .ec-base-table .top th, .ec-base-table th.top,
    .ec-base-table .top td, .ec-base-table td.top { vertical-align:top; }
    .ec-base-table .middle th, .ec-base-table th.middle,
    .ec-base-table .middle td, .ec-base-table td.middle { vertical-align:middle; }
  /* form */
    .ec-base-table img { vertical-align:middle; }
 
  /* reset */
  .ec-base-table td.clear .ec-base-help { margin-left:13px; margin-right:13px; }
  
   /* address */
   .ec-base-table .ec-address { margin:-4px -13px -3px; }
   .ec-base-table .ec-address > li { padding:4px 13px 3px; }
   .ec-base-table .ec-address > li input[type="text"],
   .ec-base-table .ec-address > li select { width:100%; }
   .ec-base-table .ec-address .ec-base-help { margin-bottom:4px; }
   .ec-base-table .ec-address .ec-address-area select:not(:first-child) { margin-top:4px; }
   .ec-base-table .ec-address .ec-address-zipcode input[type="text"] { width:80px; margin-right:4px; }
   .ec-base-table .ec-address .ec-address-zipcode .btnBasic { margin-right:4px; }
   .ec-base-table .ec-address .ec-address-zipcode .ec-base-label { margin:0; }





/* add*/
.ec-base-table table.typeBlank,
.typeBlank {border:0px; }
.ec-base-table table.typeBlank::before {background:#fff; height:0px;}
.ec-base-fold { position:relative; /*border:1px solid #d5d5d5;*/ }
.ec-base-fold > .title { position:relative; z-index:1; overflow:hidden; padding:14px 43px 14px 14px; cursor:pointer; font-size:12px; line-height:1.3; -webkit-tap-highlight-color:rgba(255,255,255,0);
display:-webkit-flex; display:-ms-flex; display:-moz-flex; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; -moz-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:space-between; -ms-justify-content:space-between; -moz-justify-content:space-between; justify-content:space-between; }
.ec-base-fold > .title h2,
.ec-base-fold > .title h3 { display:inline-block; font-size:12px; line-height:1.3; }
.ec-base-fold > .title h3, .ec-base-fold > .title p { color:#757575; }
.ec-base-fold > .title p.right { margin-left:auto; }
.ec-base-fold > .title:after { content:""; position:absolute; top: 6px; right:9px;  width: 7px;height: 7px; border-right: 1px solid #555;border-bottom: 1px solid #555; transform: rotate(45deg); -webkit-transition:.3s ease-out; transition:.3s ease-out; }
.ec-base-fold .contents { display:none; background:#fff; }
.ec-base-fold .ec-base-fold { border-width:1px 0 0; }
.ec-base-fold + .ec-base-fold { margin-top:15px; }
.ec-base-fold .ec-base-fold + .ec-base-fold { margin-top:0; }
.ec-base-fold.selected > .title:after { top:11px; -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); transform:rotate(225deg); }
.ec-base-fold.selected > .contents { display:block; }


/* theme1 */
.ec-base-fold.theme1 > .title { color:#000;  }

/* theme2 */
.ec-base-fold.theme2 > .title { padding-right:34px; color:#1b1b1b; background:#fff; }
.ec-base-fold.theme2 > .title:after,
.ec-base-fold.theme3 > .title:after {background-image: url("//img.echosting.cafe24.com/skin/mobile/layout/ico_arrow_gray.png"); }

/* theme3 */
.ec-base-fold.theme3 > .title { color:#1b1b1b;  }
.ec-base-fold.theme3 > .title h3 { font-weight:bold; color:#1b1b1b; }
.ec-base-fold.theme3 .contents { padding:0 14px 14px;  }

/* theme4 */
.ec-base-fold.theme4 { margin:14px 7px 29px; font-size:12px; }
.ec-base-fold.theme4 dt { position:relative; padding:13px 30px 13px 14px; line-height:1.2; font-size:12px; cursor:pointer; background-color:#fff; }
.ec-base-fold.theme4 dt:after { content:""; position:absolute; right:10px; top:0; width:20px; height:100%; background:url("//img.echosting.cafe24.com/skin/mobile/layout/ico_arrow_gray.png") no-repeat 0 50%; background-size:20px auto; -webkit-transition:.3s ease-out; transition:.3s ease-out; }
.ec-base-fold.theme4 dd + dt { border-top:1px solid #d5d5d5; }
.ec-base-fold.theme4 dd { display:none; padding:10px 10px; font-size:12px; line-height:1.5; border-top:1px solid #d5d5d5; background-color:#f5f5f6; }
.ec-base-fold.theme4 dd.selected { display:block; }
.ec-base-fold.theme4 dt.selected:after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform:rotate(180deg); }

/* ec-base-prdInfo */
.ec-base-fold .ec-base-prdInfo { margin:0; border:0; }
.ec-base-fold .ec-base-prdInfo .option { margin:0; }
.ec-base-fold .ec-base-prdInfo .prdFoot { margin:0 -14px -6px; }
.ec-base-fold .ec-base-prdInfo .prdTotal { margin:0 -14px -6px; }

/* ec-base-table */
.ec-base-fold > .contents .ec-base-table,
.ec-base-fold .ec-base-fold > .contents .ec-base-table { border:0; }
.ec-base-prdInfo { position:relative; margin:0 0 7px; padding:14px 0px 6px; box-sizing:border-box; background:#fff; }
.ec-base-prdInfo .prdCheck { display:inline-block; margin-bottom:7px; }
.ec-base-prdInfo .prdBox { display:-webkit-flex; display:-ms-flex; display:flex; min-height:90px; margin-top:7px; }
.ec-base-prdInfo .thumbnail { overflow:hidden; max-width:73px; margin-right:15px;  box-sizing:border-box; }
.ec-base-prdInfo .thumbnail img { max-width:100%; }
.ec-base-prdInfo .description { overflow:hidden; -webkit-flex:1; -ms-flex:1; flex:1; overflow:hidden; }
.ec-base-prdInfo .description .prdName { display:block; margin:0 0 10px; font-size:13px; }
.ec-base-prdInfo .description .prdName a { color:#000; }
.ec-base-prdInfo .description .prdName .ec-set-product-name { display:block; margin:0 0 3px; }
.ec-base-prdInfo .description .info { margin:0 0 14px; }
.ec-base-prdInfo .description .info li { margin:0 0 7px; font-size:12px; color:#000; }
.ec-base-prdInfo .description .info li .mileage { display:inline-block; }
.ec-base-prdInfo .description .info .price { font-size:11px; color:#000; }
.ec-base-prdInfo .description .info .price .refer { font-weight:normal; font-size:11px; }
.ec-base-prdInfo .description .info .price .discount { font-weight:normal; text-decoration:line-through; }
.ec-base-prdInfo .description .info .price .strike { font-weight:normal; text-decoration:line-through; }
.ec-base-prdInfo .description .info .price .strike strong { font-weight:normal; }
.ec-base-prdInfo .description .price .quantity { position:relative; display:inline-block; margin:0 0 0 10px; padding:0 0 0 14px; font-size:11px; }
.ec-base-prdInfo .description .price .quantity:before { display:block; content:""; position:absolute; top:1px; left:0; width:1px; height:11px; background:#989899; }
.ec-base-prdInfo .description input[type="number"] { max-width:51px; }
.ec-base-prdInfo .description .info .amount button { margin:0; padding:0; border:0; } /* gift > quantity */
.ec-base-prdInfo .description .info .amount { width:50px; }
.ec-base-prdInfo .description .info input.amount { text-align:right; }
.ec-base-prdInfo .description  input[type="tel"] { text-align:right; }
.ec-base-prdInfo .description .quantity input[type="tel"] { width:51px; }

.ec-base-prdInfo .prdFoot { padding:6px 12px; font-weight:bold; line-height:26px; color:#000; text-align:center; background:#fff; }
.ec-base-prdInfo .prdFoot:after { content:''; display:block; clear:both; }
.ec-base-prdInfo .prdFoot .gLeft { float:left; text-align:left; }
.ec-base-prdInfo .prdFoot .gRight { float:right; text-align:right; }
.ec-base-prdInfo .prdFoot .store { color:#000; font-weight:normal; }
.ec-base-prdInfo .prdFoot .btnBasic { font-weight:normal; background-color:#fff; }
.ec-base-prdInfo .prdFoot span > span > span { font-size:11px; }
.ec-base-prdInfo  prdFoot span span.discount { text-decoration:line-through; }
.ec-base-prdInfo .prdFoot span span.discount strong {font-weight:normal; }


.ec-base-prdInfo p.option { margin:0 0px; padding:14px 0;  font-size:11px; }
.ec-base-prdInfo .option { padding:0; color:#000;  font-size:11px;}
.ec-base-prdInfo .option > li { }
.ec-base-prdInfo .option > li .name { display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:flex; min-height:29px; margin:7px 0; -webkit-justify-content:space-between; -moz-justify-content:space-between; -ms-justify-content:space-between; justify-content:space-between; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; align-items:center; }
.ec-base-prdInfo .option > li .optionDesc { word-break:break-all; }
.ec-base-prdInfo .option > li .change { margin:0 0 0 5px; white-space:nowrap; }
.ec-base-prdInfo .option .file a { margin:0 0 0 4px; padding:0 0 0 11px; color:#80aeef; text-decoration:underline; background:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/order/ico_attach.png") no-repeat 0 0; background-size:8px 13px; }
.ec-base-prdInfo .layerOptionModify { display:none; width:auto; margin:7px 0 14px; padding:14px; border:1px solid #d5d5d5; background-color:#fff; }
.ec-base-prdInfo .layerOptionModify .titleArea { margin-top:3px; display:none; }
.ec-base-prdInfo .layerOptionModify ul { padding:0; font-size:12px; }
.ec-base-prdInfo .layerOptionModify li { position:relative; margin:0 0 7px; padding:0 0 0 73px; }
.ec-base-prdInfo .layerOptionModify li .optionItem { display:block; position:absolute; top:0; left:0; width:73px; height:29px; font-size:11px; color:#757575; line-height:29px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ec-base-prdInfo .layerOptionModify select,
.ec-base-prdInfo .layerOptionModify input[type="text"] { width:100%; }
.ec-base-prdInfo .layerOptionModify .ec-base-button.gCenter { margin:0; }

/* orderList > ec-base-prdInfo  */
.orderList .ec-base-prdInfo { margin:-1px 0 0; border-width:1px 0 0 0; }
.orderList .ec-base-prdInfo .option { margin:0; }
.orderList .ec-base-prdInfo .prdFoot { margin:0 -14px -6px; }
/* order_result.html > orderArea > ec-base-prdInfo */
.orderArea .ec-base-fold .ec-base-prdInfo { }
.orderConfirmLayer .orderArea .ec-base-prdInfo { border-bottom:0; }
.orderArea .ec-base-prdInfo + .ec-base-prdInfo { }

/*  tooltip */
  .ec-base-tooltip-area { display:inline-block; vertical-align:top; }
  .ec-base-tooltip-area.show { z-index:301; }
  .ec-base-tooltip-area .btnTip { overflow:hidden; padding:0 0 0 5px; margin:0; border:0; white-space:nowrap; width:14px; height:14px; font-size:1px; line-height:0; vertical-align:middle; color:transparent; text-indent:-150%; cursor:pointer; background:url("//img.echosting.cafe24.com/skin/mobile/common/ico_help.png") right center no-repeat; background-size:14px 14px; }
  /* ec-base-tooltip */
    .ec-base-tooltip { display:none; z-index:2; position:absolute; top:inherit !important; left:0 !important; right:0 !important; width:88%; margin:3px auto 0; padding:0 14px 14px; text-align:left; border:1px solid #ccc; border-radius:2px; letter-spacing:normal; background-color:#fff; }
    .ec-base-tooltip .title { display:block; padding:0 20px 0 0; font-size:15px; color:#000; line-height:43px; background:#fff; }
    .ec-base-tooltip ul { color:#757575; }
    .ec-base-tooltip ul li { font-size:13px; }
    .ec-base-tooltip .content table + .title { margin-top:14px; }
    .ec-base-tooltip p { float:none; font-size:12px; text-align:left; }
    .ec-base-tooltip p strong { font-weight:normal; font-size:13px; }
    .ec-base-tooltip .btnClose { overflow:hidden; position:absolute; right:10px; top:10px; width:25px; height:25px; margin:0 !important; font-size:1px; line-height:0; text-indent:150%; white-space:nowrap; border:0; background:url("//img.echosting.cafe24.com/skin/mobile/common/btn_close.png") no-repeat 50% 50%; background-size:13px 13px; }
    /* typeUpper */
      .ec-base-tooltip.typeUpper { position:absolute; left:-90px !important; bottom:33px !important; width:200px; margin:0; padding:14px 28px 14px 14px; border:1px solid #ccc; border-radius:2px;
        -webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.15);
        -moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.15);
        box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.15);
      }
      .ec-base-tooltip.typeUpper:before { content:""; position:absolute; left:40%; bottom:-5px; display:inline-block; width:0; height:0; margin:-3px 0 0; border-left:5px solid transparent; border-top:5px solid #ccc; border-right:5px solid transparent; }
      .ec-base-tooltip.typeUpper:after { content:""; position:absolute; left:40%; bottom:-4px; display:inline-block; width:0; height:0; margin:-3px 0 0; border-left:5px solid transparent; border-top:5px solid #fff; border-right:5px solid transparent; }

/* 배송비 레이어 */
  .shippingFee { display:inline-block; position:static; vertical-align:middle; margin:5px 0 0; }
  .shippingFee > a.btnNormal { margin:-3px 0 0 5px; }

  .shippingFee .wrap { display:none; z-index:999; left:2%; right:2%; max-width:900px; top:100px; margin:0 auto; padding:0; border:1px solid #d5d5d5; background:#fff; border-radius:5px; box-sizing:border-box;
    -webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.75);
  }
  .shippingFee .wrap > h3 { padding:0 14px; font-size:13px; line-height:36px; background-color:#f0f0f0; border-bottom:1px solid #d5d5d5; border-radius:5px 5px 0 0; }
  .shippingFee .wrap .content { padding:14px; }
  .shippingFee .wrap h4 { position:relative; margin:0 7px 7px; }
  .shippingFee .wrap h4:before { display:inline-block; content:""; margin:0 5px 0 0; width:3px; height:3px; background:#666; vertical-align:middle; }
  .shippingFee .wrap table + h4 { margin-top:14px; }
  .shippingFee .wrap p strong { font-weight:normal; font-size:13px; }
  .shippingFee .wrap table { background:#fff; }
  .shippingFee .wrap th,
  .shippingFee .wrap td { padding:7px; border:1px solid #d5d5d5; }
  .shippingFee .wrap th { width:80px; border-right-width:0; color:#353535; }
  .shippingFee .wrap td { border-left-width:0; white-space:normal; }
  .shippingFee .wrap .txtEm { color:#000; }
  .shippingFee .wrap .info { margin:0; color:#757575; font-size:11px; }
  .shippingFee .wrap .btnClose { overflow:hidden; position:absolute; right:0; top:0; width:36px; height:36px; font-size:0; border:none; background:transparent url("//img.echosting.cafe24.com/skin/mobile/common/btn_close.png") center center no-repeat; background-size:14px 14px; }
  .shippingFee > .button { display: inline-block; border: 1px solid #dedfe2; padding: 0 10px; border-radius: 3px; font-size: 12px; color: #000; line-height: 28px; text-decoration: none; }

.shippingFee .ec-base-tooltip .btnTooltip { display:inline-block; }
.shippingFee .ec-base-tooltip .btnTooltip .differentialShipping { display:none; width:300px; height:auto; position:absolute; border:1px solid #ccc; padding: 0 14px 14px; border-radius: 2px; background-color: #fff; }
.shippingFee .ec-base-tooltip .btnTooltip .differentialShipping .close { position: absolute; right: 0; top: 0; }
.shippingFee .ec-base-tooltip .btnTooltip .differentialShipping .close a { overflow: hidden; display: block; width: 36px; height: 36px; font-size: 0; border: none; background: #0000 url(//img.echosting.cafe24.com/skin/mobile/common/btn_close.png) center center no-repeat; background-size: 14px 14px; }

/* admin icon */
.ec-admin-icon.cart { height:26px; cursor:pointer; }

/* prd basic  */
.ec-base-product { padding:0; background-color:#fff; overflow-x: hidden; }
.ec-base-product h2 { text-align:center; font-weight:normal; font-size:12px; margin-bottom:20px;}
.ec-base-product h2 .text {display:block; font-size:12px; margin-top:10px; }
.ec-base-product h3 { margin-bottom:14px; }
.ec-base-product img { max-width:100%; }
.ec-base-product > ul { padding:0px 0 0; }
.ec-base-product li { vertical-align:top; }
.ec-base-product [class*="grid"] { letter-spacing:0; display:block; font-size:0; box-sizing:border-box; }
.ec-base-product [class*="grid"] > li { display:inline-block;  font-size:11px;  vertical-align:top; text-align:center;  margin-bottom:50px;  }

/* prd thumbnail  */
.ec-base-product .thumbnail { position:relative; margin-bottom:15px;  }
.ec-base-product .thumbnail a { display:block; }
.ec-base-product .thumbnail a img { display:block; width:100%;  vertical-align:top; }
.ec-base-product .thumbnail .prdIcon { position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-size:30% auto; }
.ec-base-product .thumbnail .wish { position:absolute; right:3px; bottom:3px; z-index:10; }
.thumbnail .thumber_1 {}
.thumbnail .thumber_2 {opacity:0; position:absolute; top:0; left:0px; width:100%; right:0; text-align:center; transition:opacity .4s;}
.thumbnail:hover .thumber_2 {opacity:1; transition:opacity .4s;}

/* prd description  */
.ec-base-product .description { min-height:10px; margin:0 5px; line-height:1em; text-align:left; }
.ec-base-product .description::after {clear:both; display:block; content:""}
.ec-base-product .description .name { display:block; word-wrap:break-word; margin:0 0 8px; }
.ec-base-product .description .name a { display:block;  text-align:left; font-size:13px; color:#1b1b1b; font-weight:normal;  }
.ec-base-product .description .name span[rel="상품요약정보"] {display:block; text-align:left; }
.ec-base-product .description ul.spec { display:block; }
.ec-base-product .description ul.spec li { display:block;margin-bottom:8px; }
.ec-base-product .icon {  float:left;  display:block; margin:0 0 8px; }
.ec-base-product .icon img { margin:0 4px 0 0; }
.ec-base-product .icon .icon_img { margin:0 0 2px; }
.ec-base-product .description .price { font-size:12px; margin:0 0 7px; }
.ec-base-product .description .strike,
.ec-base-product .description .mPriceStrike { text-decoration:line-through; }
.ec-base-product .description li.cart { margin:0 0 7px; }
.ec-base-product .description .color { overflow:hidden; margin:0; }
.ec-base-product .description .color .chips { float:left; width:7px; height:7px; border-radius:50%; margin:0 5px 2px 0px; font-size:0; line-height:0; border:1px solid #000; }
.ec-base-product .description .likeButton button { border:0; background:none; }
.ec-base-product .description .likeButton button strong { margin:0 0 0 3px; font-size:11px; line-height:20px; color:#757575; }
.ec-base-product .description .likeButton.selected button strong { line-height:20px; color:#2e2e2e; }
.sold_icore > img {display:none;}
.sold_icore  {margin-top:-4px;}
.sold_icore .sold_me { font-size:11px; color:#ff0000; text-align:left; display: block;  margin:0 5px; font-weight:normal;}
.ec-base-product .description ul::after {clear:both; display:block; content:""}
.ec-base-product .description ul.spec li[rel="판매가"] { float: left; padding-right:10px; }
.ec-base-product .description ul.spec li[rel="할인판매가"] { float: left; }

/* prd 추천상품 그리드*/
.xans-product-listrecommend.ec-base-product {padding:0 20px; margin-bottom:50px; border-bottom:1px solid #000;}
/*.xans-product-listrecommend.ec-base-product {padding:0 20px;}
.xans-product-listrecommend.ec-base-product > ul {margin:0;    display: flex;justify-content: space-around;}
.xans-product-listrecommend.ec-base-product > ul > li { display: inline-flex; padding:0;} 
.xans-product-listrecommend.ec-base-product > ul > li:last-child { justify-content: end;}
.xans-product-listrecommend.ec-base-product > ul > li .thumbnail {margin-right:10px;}
.xans-product-listrecommend.ec-base-product > ul > li .description {margin:0px;}
*/

/*추천상품 슬라이드*/
.swiper-container-recommend { margin-bottom:50px; width:100%; overflow-x:hidden;}
.swiper-container-recommend h3 { text-align:center; font-weight:normal; font-size:12px; margin-bottom:40px; }
.swiper-container-recommend .swiper-slide  { }
.swiper-container-recommend .thumbnail { position:relative; margin-bottom:15px;  }
.swiper-container-recommend .thumbnail a { display:block; }
.swiper-container-recommend .thumbnail a img { display:block; width:100%;  vertical-align:top; }
.swiper-container-recommend .thumbnail .prdIcon { position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-size:30% auto; }
.swiper-container-recommend .thumbnail .wish { position:absolute; right:3px; bottom:3px; z-index:10; }
.swiper-container-recommend .description ul::after {clear:both; display:block; content:""}
.swiper-container-recommend .description ul.spec li[rel="판매가"] { float: left; padding-right:10px; }
.swiper-container-recommend .description ul.spec li[rel="할인판매가"] { float: left; }
.swiper-container-recommend .description { min-height:10px; margin:0 5px; line-height:1em; text-align:left; }
.swiper-container-recommend .description::after {clear:both; display:block; content:""}
.swiper-container-recommend .description .name { display:block; word-wrap:break-word; margin:0 0 8px; }
.swiper-container-recommend .description .name a { display:block;  text-align:left; font-size:13px; color:#1b1b1b; font-weight:normal;  }
.swiper-container-recommend .description .name span[rel="상품요약정보"] {display:block; text-align:left; }
.swiper-container-recommend .description ul.spec { display:block; }
.swiper-container-recommend .description ul.spec li { display:block;margin-bottom:8px; }
.swiper-container-recommend .description .price { font-size:12px; margin:0 0 7px; }
.swiper-container-recommend .description .strike,
.swiper-container-recommend .description .mPriceStrike { text-decoration:line-through; }
.swiper-container-recommend .description li.cart { margin:0 0 7px; }
.swiper-container-recommend .description .color { overflow:hidden; margin:0; }
.swiper-container-recommend .description .color .chips { float:left; width:7px; height:7px; border-radius:50%; margin:0 5px 2px 0px; font-size:0; line-height:0; border:1px solid #000; }
.swiper-container-recommend .icon {  float:left;  display:block; margin:0 0 8px; }
.swiper-container-recommend .icon img { margin:0 4px 0 0; }
.swiper-container-recommend .icon .icon_img { margin:0 0 2px; }

/*main_prd slider*/
.swiper-container2 {overflow: hidden;}
.swiper-container2 .swiper-slide .thumbnail {    position: relative; margin-bottom:15px;}
.swiper-container2 .swiper-slide .thumbnail img {max-width:100%;}
.swiper-container2 .swiper-slide .description { min-height:10px; margin:0 5px; line-height:1em; text-align:left; }
.swiper-container2 .swiper-slide .description::after {clear:both; display:block; content:""}
.swiper-container2 .swiper-slide .description .name { float:left; width:65%; display:block; word-wrap:break-word; margin:0 0 5px; }
.swiper-container2 .swiper-slide .description .name a { display:block; text-align:left; font-size:13px; color:#1b1b1b; font-weight:normal;  }
.swiper-container2 .swiper-slide .description .name span[rel="상품요약정보"] {display:block; text-align:left; }
.swiper-container2 .swiper-slide .description ul.spec {float:right; width:35%;  display:block; }
.swiper-container2 .swiper-slide .description ul.spec li { text-align:right; display:block;margin-bottom:5px; }
.swiper-container2 .swiper-slide .description ul.spec {float:right; width:35%;  display:block; }
.swiper-container2 .swiper-slide .description ul.spec li { text-align:right; display:block;margin-bottom:5px; }
.swiper-container2 .swiper-slide .icon {  float:left;  display:block; margin:0 0 7px; }
.swiper-container2 .swiper-slide .icon img { margin:0 4px 0 0; }
.swiper-container2 .swiper-slide .icon .icon_img { margin:0 0 2px; }
.swiper-container2 .swiper-slide .description .color { overflow:hidden; margin:0; }
.swiper-container2 .swiper-slide .description .color .chips { float:right; width:10px; height:10px; border-radius:50%; margin:0 0px 2px 3px; font-size:0; line-height:0; border:1px solid #e3e3e3; }
.swiper-container2 .sold_icore > img {display:none;}
.swiper-container2 .sold_icore .sold_me { font-size:11px; color:#777; margin-top:5px; font-size:10px; font-weight:normal;}


/* prd paginate moreview  */
.ec-base-product .more_view { margin:7px 4px 0; }
.ec-base-product .more_view a { display:block; padding:0 0 0 0; background:#d4d4d6; }
.ec-base-product .more_view a span { overflow:hidden; display:block; width:100%; height:30px; text-indent:120%; background:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/product/bg_togglebar_show.png") no-repeat 50% 50%; background-size:12px 12px; }
  
/* prd discount period  */
.ec-base-product .layerDiscountPeriod { display:none; position:absolute; z-index:100; left:0; width:100%; padding:11px 7px; box-sizing:border-box; }
.ec-base-product .layerDiscountPeriod .inner { border:1px solid #353535; background:#f1f1f1; border-radius:4px; }
.ec-base-product .layerDiscountPeriod .inner .title { display:block; padding:10px 14px; font-size:14px; background-color:#353535; color:#fff; }
.ec-base-product .layerDiscountPeriod .inner .timeleft { padding:14px; color:#508bed; font-size:13px; font-weight:bold; text-align:center; }
.ec-base-product .layerDiscountPeriod ul { margin:0 7px 14px; padding:0; border:1px solid #d5d5d5; background:#fff; }
.ec-base-product .layerDiscountPeriod ul li { position:relative; padding:14px 13px 14px 100px; border-top:1px solid #ececec; color:#353535; }
.ec-base-product .layerDiscountPeriod ul li:first-child { border-top:0; }
.ec-base-product .layerDiscountPeriod ul li span { position:absolute; top:14px; left:13px; color:#757575; }
.ec-base-product .layerDiscountPeriod .btnClose { position:absolute; top:8px; right:4px; display:block; width:40px; height:40px; text-indent:-9999px; font-size:0; background:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/ico_close_white.png") center center no-repeat; background-size:50% 50%; }

/*press prd*/
.press .description .name { float:none; width:100%;  }
.press .description ul.spec {float:none; width:100%;  }
.press .description ul.spec li { text-align:left; line-height:150%;}

/* Thumbnail icon position */

.ec-product-bgLT { background-position:left top; }
.ec-product-bgLC { background-position:left center; }
.ec-product-bgLB { background-position:left bottom; }
.ec-product-bgRT { background-position:right top; }
.ec-product-bgRC { background-position:right center; }
.ec-product-bgRB { background-position:right bottom; }
.ec-product-bgCT { background-position:center top; }
.ec-product-bgCC { background-position:center center; }
.ec-product-bgCB { background-position:center bottom; }

/* grid */
.ec-base-product .grid1 {margin-left:-1%; margin-right:-1%;}
.ec-base-product .grid2 {margin-left:-1%; margin-right:-1%;}
.ec-base-product .grid3 {margin-left:-1%; margin-right:-1%;}
.ec-base-product .grid4 {margin-left:-1%; margin-right:-1%;}
.ec-base-product .grid5 {margin-left:-1%; margin-right:-1%;}
.press .grid4  {margin-left:-0.5%; margin-right:-0.5%;}
.search .grid4  {margin-left:-0.5%; margin-right:-0.5%;}

.ec-base-product .grid1 > li { width:100%; }
.ec-base-product .grid2 > li { width:50%; }
.ec-base-product .grid3 > li { width:33.33333%; }
.ec-base-product .grid4 > li { width:25%; }
.ec-base-product .grid5 > li { width:20%; }
 
.ec-base-product .grid1 > li { padding:0 1%; box-sizing:border-box; }
.ec-base-product .grid2 > li { padding:0 1%; box-sizing:border-box; }
.ec-base-product .grid3 > li { padding:0 1%; box-sizing:border-box; }
.ec-base-product .grid4 > li { padding:0 1%; box-sizing:border-box; }
.ec-base-product .grid5 > li { padding:0 1%; box-sizing:border-box; }
.press .grid4 > li { padding:0 0.5%; box-sizing:border-box; }
.search .grid4 > li { padding:0 0.5%; box-sizing:border-box; }

@media all and (max-width:1000px) {
  .ec-base-product [class*="grid"] > li {  margin-bottom:50px;  }
  .ec-base-product .prdList.grid1 > li { width:100%; }
  .ec-base-product .prdList.grid2 > li { width:50%; }
  .ec-base-product .prdList.grid3 > li { width:50%; }
  .ec-base-product .prdList.grid4 > li { width:33.33%; }
  .ec-base-product .prdList.grid5 > li { width:20%; }
   .main02 .ec-base-product .prdList.grid4 > li { width:50%; }
  .press .grid4 > li {width:100%!important; padding:0!important;}
    
  .ec-base-product .grid1 > li { padding:0 1%; }
  .ec-base-product .grid2 > li { padding:0 1%; }
  .ec-base-product .grid3 > li { padding:0 1%; }
  .ec-base-product .grid4 > li { padding:0 1%; }
  .ec-base-product .grid5 > li { padding:0 1%; }
    
  .ec-base-product .grid1 {margin-left:-1%; margin-right:-1%;}
  .ec-base-product .grid2 {margin-left:-1%; margin-right:-1%;}
  .ec-base-product .grid3 {margin-left:-1%; margin-right:-1%;}
  .ec-base-product .grid4 {margin-left:-1%; margin-right:-1%;}
  .ec-base-product .grid5 {margin-left:-1%; margin-right:-1%;}
  .press .grid4 {margin-left:0; margin-right:0;}

  .ec-base-product .grid1 li .name { font-size:12px; }
  .ec-base-product .grid2 li .name,
  .ec-base-product .grid3 li .name { font-size:11px; }
  .ec-base-product .grid4 li .name { font-size:11px; }
    
  .xans-product-normalmenu .sort select {width:44px!important; font-size:10px!important;}  
  .swiper-container2 .swiper-slide .description .name { float:none; width:100%; margin-bottom:5px;}
  .swiper-container2 .swiper-slide .description ul.spec {float:none; width:100%; }
  .swiper-container2 .swiper-slide .description ul.spec li {text-align:left; }
  .ec-base-product .description .name { float:none; width:100%; margin-bottom:5px; }
  .ec-base-product .description ul.spec {float:none; width:100%; }
  .ec-base-product .description ul.spec li {text-align:left; }
    
  .sold_icore > img {display:none;}
  .sold_icore .sold_me { margin-top:3px; font-size:10px; font-weight:normal;}

}

 
/*user style mc24cafe appl page_*/
/*order orderconfirm*/
.progress_load2 {position:fixed; top:0; bottom:0; left:0; right:0; background-color:#fff; z-index:333;  }
.progress_load {position:fixed; top:0; bottom:0; left:0; right:0; background-color:#cbc8c1; z-index:333;  }
.progress_txt {       position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%);   }
#progress_txt1_og {    animation: fadein 2s; -moz-animation: fadein 2s; -webkit-animation: fadein 2s; -o-animation: fadein 2s;}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}



.main_control {display:none;}

/* main slider*/
.swiper-container-main {position:relative; width:100%; z-index: 1; overflow: hidden;  }
.swiper-container-main .swiper-wrapper {height:100vh; }
.swiper-container-main .swiper-slide {width:100%!important; background-position:center; background-size: cover; background-repeat: no-repeat;}
.swiper-container-main .swiper-slide img {max-width:100%;}
.swiper-container-main .swiper-wrapper .slide-img {  background-size: cover;height:100%; width: 100%!important; display: block;}
.swiper-container-main .swiper-pagination-main {  position:absolute; bottom:30px; width:auto; text-align:center; left:0; right:0px; z-index: 1;}
.swiper-container-main .swiper-pagination-main .swiper-pagination-bullet {width:6px; height:6px; background-color:rgba(255,255,255, 0); border:1px solid #000; margin:0 4px; border-radius: 6px;}
.swiper-container-main .swiper-pagination-main .swiper-pagination-bullet-active {background-color:#000;}

 .swiper-container-detail{margin:0px auto 0;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}
 .swiper-container-detail .swiper-slide img {max-width:100%}
 .swiper-container-no-flexbox .swiper-slide{float:left}
 .swiper-container-detail.gallery-thumbs .swiper-wrapper .swiper-slide.swiper-slide-thumb-active {border:1px solid #000; box-sizing:border-box; }
 
 .swiper-button-prev-detail { opacity:0; position: absolute;  left : -10px; width: 30%; height: 100%; top: 0; background-repeat:no-repeat; background-size:20px; cursor:pointer; outline:0; background-position: 10% center;  z-index:2; transition: all 0.2s ease-in-out; }
 .swiper-button-next-detail { opacity:0; position: absolute;  right: -10px; width: 30%; height: 100%; top: 0; background-repeat:no-repeat; background-size:20px; cursor:pointer; outline:0; background-position: 90% center; z-index:2; transition: all 0.2s ease-in-out; }
 .swiper-container-detail:hover .swiper-button-prev-detail.swiper-button-disabled,
 .swiper-container-detail:hover .swiper-button-next-detail.swiper-button-disabled {opacity:.35;   pointer-events:none}
 
 
.swiper-button-next-detail2 {position:absolute; top:50%; right:0px; transform:translateY(-50%); background-repeat:no-repeat; background-size:30%; background-position:center center; width:30px; height:30px;  z-index:9999;}
.swiper-button-prev-detail2 {position:absolute; top:50%; left:0px;  transform:translateY(-50%); background-repeat:no-repeat; background-size:30%; background-position:center center; width:30px; height:30px;  z-index:9999;}
 



/*add bg color */
.bg_gray {background-color: #fff;}
.bg_white {background-color:#fff;}


/* mypage area layout*/
.mypage_wrap {    min-height: calc(100vh - 85px); display: flex; align-items: flex-start;}    
.mypage_wrap .mypage_cont {padding-top: 30px; padding-bottom: 100px; margin: 0 auto;     width: 600px;}
.mypage_wrap .mypage_cont .mypage_innerEtc {padding: 30px 30px 30px; background-color:#fff;  }
.mypage_wrap .basket_cont {padding-top: 30px; padding-bottom: 100px; margin: 0 auto;     width: 900px;}
/* mypage area layout for tab_etc*/
.mypage_wrap .mypage_contTab_etc {padding-top: 30px; padding-bottom: 100px; margin: 0 auto;     width: 600px;}
.mypage_wrap .mypage_contTab_etc .mypage_innerEtc {padding: 0px 0px 0px; background-color:#fff;   }

/* mypage area layout for loginjoin*/
.mypage_wrap .mypage_cont .mypage_innerLogin,
.mypage_wrap .mypage_cont .mypage_innerJoin {max-width:410px; margin:0 auto;}

/* mypage area layout for myshopindex*/
.mypage_wrap ul.tabs{   max-width:600px;     font-size: 0;}
.mypage_wrap ul.tabs li { display: inline-block; padding: 15px 20px 0 0; box-sizing: border-box; font-size: 11px; text-align: center;  }     
.mypage_wrap ul.tabs li a{  font-size:11px; color: #c4c4c4; }     
.mypage_wrap ul.tabs li:first-child {border-right:0px;}
.mypage_wrap ul.tabs li.selected {}
.mypage_wrap ul.tabs li.selected a {color:#000;}
.mypage_wrap div.tabcontents{  max-width:600px;}

/* mypage tab_etc board_list board_comment*/
.mypage_wrap .tab_Etc {  border-bottom: 0px; border-top: 0px; border-right: 0px; border-left: 0px;background-color: #fff;}
.mypage_wrap .tab_Etc li {display:inline-block;  text-align: center; padding: 15px 15px 15px 0;  color: #999;}
.mypage_wrap .tab_Etc li a { color: #999;}
.mypage_wrap .tab_Etc li.lo a {color:#000;}

/* mypage tab_etc regular delivery tap*/
.mypage_wrap .tab_Etc li.selected { background-color: #fff;}

/* mobile */
@media all and (max-width : 1000px) {  
    #contents       { min-height:800px; padding:0  10px;}
	.mypage_wrap .mypage_cont {}
    .mypage_wrap .mypage_cont .mypage_innerEtc {  padding: 25px 10px;}
    .mypage_wrap .mypage_contTab_etc {padding-left:10px; padding-right:10px;}
    .order_list {padding:0;} 
}
.top_prd::after {clear:both; display:block; content:""} 
.xans-product-menupackage {  margin:0 0 15px 0px; }
.xans-product-menupackage .title {font-weight:normal; font-size:15px;}
.xans-product-menupackage .title .banner { margin:0 0 20px; }
.xans-product-menupackage .title h2 { color:#000; font-size:15px; text-align:center; }
.xans-product-menupackage .title h2,
.xans-product-menupackage .title .likeButton { display:block; margin-bottom:40px; vertical-align:middle; }
.xans-product-menupackage .title .likeButton button { margin:0 0 0 10px; padding:0 0 0 20px; height:16px; font-family:verdana; color:#9a9a9a; letter-spacing:-1px; background:none; }
.xans-product-menupackage .title .likeButton.selected button { color:#353535; }
.xans-product-menupackage::after {clear:both; display:block; content:""} 
.prd_menupackage { text-align:center; margin-bottom: 40px;}
.xans-product-menupackage .menuCategory { font-size:0; line-height:0; }
.xans-product-menupackage .menuCategory > li { position:relative; display:inline-block; margin:15px 10px 0px 10px; font-size:11px; line-height:150%;  }
.xans-product-menupackage .menuCategory > li.title {position:relative; font-weight:bold;  margin:15px 30px 0px 0px; }
 
.xans-product-menupackage .menuCategory > li > a { display: block; white-space: nowrap; }
.xans-product-menupackage .menuCategory > li > a:hover { color:#000; text-decoration:none; }
.xans-product-menupackage .menuCategory > li.selected > a { color:#000; font-weight:bold }
.xans-product-menupackage .menuCategory > li .count { font-weight:normal; }
.xans-product-menupackage .menuCategory > li > ul { padding:6px 0 0 0; }
.xans-product-menupackage .menuCategory > li > ul > li { margin:8px 0 0 0; line-height:14px; }
.xans-product-menupackage .menuCategory > li > ul > li > a { color:#575a63; }
.xans-product-menupackage .menuCategory > li > ul > li > a:hover,
.xans-product-menupackage .menuCategory > li > ul > li.selected > a { color:#008bcc; }
.xans-product-menupackage .menuCategory > li > ul > li > .button { display:inline-block; position:relative; width:9px; height:14px; margin:1px 0 0 3px; vertical-align:top; }

.xans-product-menupackage .subCategory { display:none; position:absolute; left:50%; top:13px; z-index:11; width:300px; margin:0 0 0 -151px; padding:6px 0; border:1px solid #565960; font-size:0; line-height:0; background:#fff url("//img.echosting.cafe24.com/skin/base_ko_KR/product/bg_sub_category_line.gif") repeat-y 150px 0; }
.xans-product-menupackage .subCategory li { display:inline-block; width:130px; margin:8px 0 8px 18px; font-size:12px; line-height:14px; vertical-align:top; }
.xans-product-menupackage .subCategory li a { color:#575a63; }
.xans-product-menupackage .subCategory li a:hover,
.xans-product-menupackage .subCategory li.selected a { color:#008bcc; }
.xans-product-menupackage .menuCategory .button.selected { z-index:11; }
.xans-product-menupackage .menuCategory .button.selected .subCategory { display:block; }



/*product_port*/
.xans-product-normalmenu { float:right; margin:0;}
.xans-product-normalmenu .sort {text-align:right; vertical-align:bottom}
.xans-product-normalmenu .sort select {padding-top:1px; padding-bottom:1px; width:44px; font-size: 11px; border: 0!important; padding: 5px 0px 3px 0px;
  font-family: inherit;  /* 폰트 상속 */
  background:none; /* 네이티브 화살표 대체 */
  background-size:none;
  border-radius: 0px; /* iOS 둥근모서리 제거 */
  -webkit-appearance: none; /* 네이티브 외형 감추기 */
  -moz-appearance: none;
  appearance: none;
  background-color:#FFF;
 
}

/*board cate*/
.board_menupackage  { margin:0; }
.board_menupackage::after {clear:both; display:block; content:""} 
.xans-board-title {display:block; padding:0; background:#none; }
.xans-board-title::after {clear:both; display:block; content:""} 
.xans-board-title ul.menuCategory_board {text-align:center;}
.xans-board-title ul.menuCategory_board > li  { position: relative;
    display: inline-block;
    margin: 15px 10px 0px 10px;
    font-size: 11px;
    line-height: 150%;  }
.xans-board-title ul > li a {color:#999;}
.xans-board-title ul > li.title {position:relative; font-weight:bold;  margin:15px 30px 0px 5px; }
.xans-board-title ul > li a.boadron {color:#000; font-weight:bold;}
/*.xans-board-title ul > li:nth-child(2)::after { content: "·";  position: absolute; top: 0px; left: -18px; font-weight:bold;}*/

@media all and (max-width : 1000px) { 
.board_menupackage,.prd_menupackage   { float:none; width:100%}
    }
/* 검색&상품분류 */
.xans-product-searchdata .searchField { padding:22px 0; margin:0 0 -1px; background:url("//img.echosting.cafe24.com/skin/base/product/bg_search_field.gif") repeat-x 0 100%; }
.xans-product-searchdata .searchField fieldset { position:relative; display:table; margin:0 auto 10px; text-align:center; }
.xans-product-searchdata .searchField fieldset .searchInput { position:relative; display:inline-block; width:262px; padding:0 36px 0 0; border:1px solid #565960; border-radius:1px; -webkit-border-radius:1px; -moz-border-radius:1px; }
.xans-product-searchdata .searchField fieldset .autoDrop { display:none; z-index:2; position:absolute; top:100%; left:-1px; overflow:hidden; overflow-y:auto; max-height:100px; width:100%; border:1px solid #565960; text-align:left; background:#fff; }
.xans-product-searchdata .searchField fieldset .autoDrop li a { display:block; padding:6px 10px; font-size:11px; color:#1c1c1c; }
.xans-product-searchdata .searchField fieldset .autoDrop li a:hover,
.xans-product-searchdata .searchField fieldset .autoDrop li.selected a { text-decoration:none; color:#fff; background:#a1a4ae; }
.xans-product-searchdata .searchField fieldset .btnSearchOption { margin:0 0 0 7px; padding:3px 14px 3px 0; vertical-align:middle; color:#2e2e2e; font-size:12px; letter-spacing:-1px; outline:0; background:url("//img.echosting.cafe24.com/skin/base/common/ico_arrow2.gif") no-repeat 100% 50%; }
.xans-product-searchdata .searchField .keyword { border:0; padding:0 10px; width:100%; height:32px; line-height:32px; outline:0; background:#fff; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.xans-product-searchdata .searchField .btnSearch { position:absolute; top:0; right:0; outline:0; }
.xans-product-searchdata .searchField .keywordArea { max-width:600px; margin:3px auto 0; text-align:center; }
.xans-product-searchdata .searchField .keywordArea .heading { display:inline-block; padding:3px 5px; border:1px solid #cbcbcb; color:#525252; font-size:11px; font-weight:normal; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; }
.xans-product-searchdata .searchField .keywordArea .list { display:inline; }
.xans-product-searchdata .searchField .keywordArea .list li { display:inline; margin:0 0 0 4px; }
.xans-product-searchdata .searchField .keywordArea .list li a { display:inline-block; word-break:break-all; word-wrap:break-word; color:#525252; font-size:11px; }

.xans-product-searchdata .xans-product-searchconditiondata { position:relative; padding:2px 8px 9px 127px; border:1px solid #d7d5d5; font-size:0; line-height:0; }
#searchContent.xans-product-searchdata .xans-product-searchconditiondata { border-top:0; }
.xans-product-searchdata .xans-product-searchconditiondata .list { display:inline; }
.xans-product-searchdata .xans-product-searchconditiondata .list li { display:inline-block; height:14px; line-height:14px; margin:7px 5px 0 0; padding:4px 3px 4px 8px; border:1px solid #dadada; border-radius:24px; vertical-align:top; font-size:11px; color:#508bed; word-break:break-all; word-wrap:break-word; background:#fff; box-sizing:unset; -moz-box-sizing:unset; -webkit-box-sizing:unset; }
.xans-product-searchdata .xans-product-searchconditiondata .btnSearchDelete { width:22px; height:22px; margin:-4px 0; font-size:0; line-height:0; outline:0; vertical-align:top; background:url("//img.echosting.cafe24.com/skin/base/product/btn_search_delete2.gif") no-repeat center center; }
.xans-product-searchdata .xans-product-searchconditiondata .icoColor { display:inline-block; overflow:hidden; width:14px; height:14px; font-size:1px; line-height:0; color:transparent; text-indent:-150%; border-radius:16px; vertical-align:top; }

.xans-product-searchdata .xans-product-searchconditiondata .btnRefresh { position:absolute; left:19px; top:13px; padding:0 0 0 20px; text-align:left; outline:0; line-height:20px; color:#525252; background:url("//img.echosting.cafe24.com/skin/base/product/btn_refresh.gif") no-repeat 0 0; }
.xans-product-searchdata .xans-product-searchconditiondata .btnRefresh:after { content:''; position:absolute; right:-17px; top:2px; width:1px; height:11px; background:#d3d1d2; }

.xans-product-searchdata .xans-product-categoryhashtag { display:table; table-layout:fixed; padding:10px; font-family:GulimChe,Gulim; }
.xans-product-searchdata .xans-product-categoryhashtag .heading { display:table-cell; width:41px; vertical-align:top; }
.xans-product-searchdata .xans-product-categoryhashtag .heading > strong { display:inline-block; padding:3px 5px; border:1px solid #cbcbcb; color:#525252; font-size:11px; font-weight:normal; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; }
.xans-product-searchdata .xans-product-categoryhashtag .list { display:table-cell; width:auto; vertical-align:top; font-size:0; line-height:0; }
.xans-product-searchdata .xans-product-categoryhashtag .list li { display:inline-block; margin:4px 10px 2px 0; }
.xans-product-searchdata .xans-product-categoryhashtag .list li a { display:inline-block; word-break:break-all; word-wrap:break-word; text-decoration:underline; color:#525252; font-size:11px; line-height:14px; }
/* 검색*/
.xans-product-searchdata .searchResult { margin:30px 0 0; overflow:hidden; border:1px solid #d7d5d5; text-align:right; line-height:38px; }
.xans-product-searchdata .searchResult .record { float:left; padding:0 0 0 8px; color:#008bcc; }
.xans-product-searchdata .searchResult .xans-product-searchorderby { display:inline; margin:0 4px 0 0; }
.xans-product-searchdata .searchResult .xans-product-searchorderby li { display:inline; padding:0 6px 0 10px; color:#2e2e2e; cursor:pointer; background:url("//img.echosting.cafe24.com/skin/base/product/bg_result_type.gif") no-repeat 0 50%; }
.xans-product-searchdata .searchResult .xans-product-searchorderby li:hover { color:#008bcc; text-decoration:none; }
.xans-product-searchdata .searchResult .xans-product-searchorderby li:first-child { background:none; }
.xans-product-searchdata .xans-product-searchconditiondata + .searchResult { margin-top:53px; }
.xans-product-searchdata .noData { padding:50px 0; text-align:center; line-height:1.8em; }
.xans-product-searchdata .noData > strong { display:block; color:#000; }
.xans-product-searchdata .noData > strong.warning { display:block; color:#008bcc; }
.xans-product-searchdata .noData ul { margin:10px 0 0; }
/* 검색옵션 레이어팝업 */
.searchOption { display:none; top:40px; width:460px; left:50%; margin: 0 0 0 -231px; text-align:left; }
.searchOption.ec-base-layer .content { padding:15px; }
.searchOption .boardWrite { position:relative; margin:10px 0 0; color:#353535; line-height:1.4; }
.searchOption .boardWrite:first-child { margin-top:0; }
.searchOption .boardWrite tbody th { padding:9px 0 8px 10px; text-align:left; word-break:break-all; word-wrap:break-word; }
.searchOption .boardWrite td { padding:5px 10px 4px; vertical-align:middle; word-wrap:break-word; word-break:break-all; }
.searchOption .boardWrite input[type=text] { width:309px; }
.searchOption .desc { margin:7px 0 0; color:#919399; font-size:11px; }

/* 상세검색 사이드바(#searchSidebar), PC 고정형(#searchSticky)  */
#searchSidebar.searchData { z-index:1001; position:fixed; top:0; left:-231px; width:230px; bottom:0; border-right:1px solid #c6cbd6; color:#2e2e2e; background:#f3f3f3; }
#searchSticky.searchData { z-index:100; width:180px; margin:-15px 0 0; background:#fff; }
#searchSticky.sticky { position:fixed; top:0; }
#searchSidebar.searchData.opened { left:0; }
#searchSidebar .btnSearch { position:absolute; top:195px; right:-28px; padding:0 7px 0 9px; width:27px; outline:0; color:#e5e5e5; font-size:12px; background:url("//img.echosting.cafe24.com/skin/base/product/btn_search_sidebar.png") no-repeat 0 0; }
#searchSidebar.gRight { left:inherit; right:-231px; border-right-width:0; border-left:1px solid #c6cbd6; }
#searchSidebar.gRight.opened { left:inherit; right:0; }
#searchSidebar.gRight .btnSearch { left:-28px; right:inherit; }
#searchSidebar .btnSearch:before { position:absolute; top:-44px; left:0; display:block; content:""; width:27px; height:44px; background:url("//img.echosting.cafe24.com/skin/base/product/btn_search_sidebar_before.png") no-repeat 0 0; }
#searchSidebar .btnSearch:after { position:absolute; top:100%; left:0; display:block; content:""; width:27px; height:29px; background:url("//img.echosting.cafe24.com/skin/base/product/btn_search_sidebar_after.png") no-repeat 0 0; }
#searchSidebar.gRight .btnSearch { right:auto; left:-28px; background-image:url("//img.echosting.cafe24.com/skin/base/product/btn_search_sidebar_right.png"); }
#searchSidebar.gRight .btnSearch:before { background-image:url("//img.echosting.cafe24.com/skin/base/product/btn_search_sidebar_before_right.png"); }
#searchSidebar.gRight .btnSearch:after { background-image:url("//img.echosting.cafe24.com/skin/base/product/btn_search_sidebar_after_right.png"); }
#searchSidebar.searchData .searchCondition { overflow:hidden; }
#searchSidebar.searchData .searchArea { overflow-y:scroll; position:relative; width:217px; padding:20px 15px; }
#searchSidebar.searchData .searchArea { position:relative; padding:20px 15px; }
#searchSticky.searchData .searchArea { position:relative; }
#searchSidebar.searchData .searchArea > .title { border-bottom:1px solid #565960; padding:0 0 17px; text-align:center; font-family:arial, sans-serif; font-size:18px; color:#131313; }
#searchSticky.searchData .searchArea > .title { border-bottom:1px solid #565960; padding:4px 0 10px 2px; font-family:arial, sans-serif; font-size:14px; color:#0e0e0e; }
#searchSticky.searchData .xans-product-searchfilterlist:last-of-type { margin:0 0 30px 0; }
.searchData .xans-product-searchfilterlist { border-bottom:1px solid #d5d5d5; }
.searchData .xans-product-searchfilterlist .title { position:relative; padding:10px 19px 10px 5px; text-transform:uppercase; font-size:12px; cursor:pointer; }
#searchSticky.searchData .xans-product-searchfilterlist .title { position:relative; padding:10px 19px 10px 5px; text-transform:uppercase; font-size:12px; color:#444; cursor:pointer; }
.searchData .xans-product-searchfilterlist .title:after { display:block; content:""; position:absolute; top:50%; right:6px; width:7px; height:5px; margin:-3px 0 0; background:url("//img.echosting.cafe24.com/skin/base/product/bg_search_toggle_title.gif") no-repeat 0 0; }
.searchData .xans-product-searchfilterlist .content { display:none; margin:0 0 13px; }
.searchData .xans-product-searchfilterlist.selected .content { display:block; }
/* 체크박스 */
  #searchSidebar.searchData .xans-product-searchfilterlist .check .xans-product-filterform { overflow:hidden; overflow-y:auto; max-height:100px; border:1px solid #dfdfdf; background:#fff; }
  #searchSticky.searchData .xans-product-searchfilterlist .check .xans-product-filterform { overflow:hidden; overflow-y:auto; max-height:90px; }
  #searchSidebar.searchData .xans-product-searchfilterlist .check li { margin:0 10px 7px 27px; line-height:14px; color:#525252; word-break:break-all; word-wrap:break-word; }
  #searchSticky.searchData .xans-product-searchfilterlist .check li { margin:0 10px 9px 27px; line-height:14px; color:#525252; word-break:break-all; word-wrap:break-word; }
  #searchSidebar.searchData .xans-product-searchfilterlist .check li:first-child { padding-top:10px; }
  #searchSticky.searchData .xans-product-searchfilterlist .check li:first-child { padding-top:7px; }
  .searchData .xans-product-searchfilterlist .check li.disabled { color:#d7d7d8; }
  .searchData .xans-product-searchfilterlist .check li label { cursor:pointer; vertical-align:top; }
  .searchData .xans-product-searchfilterlist .check li.disabled label { cursor:default; }
  .searchData .xans-product-searchfilterlist .check li input { margin:0 0 0 -17px; vertical-align:top; }
  .searchData .xans-product-searchfilterlist .check .icoColor { display:inline-block; margin:0 4px 0 0; width:12px; height:12px; background-image:url("//img.echosting.cafe24.com/skin/base/product/bg_color_circle.png"); background-repeat:no-repeat; background-position:0 0; }
/* 텍스트버튼 */
  .searchData .xans-product-searchfilterlist .button .xans-product-filterform { margin:-6px 0 0 -5px; font-size:0; line-height:0; }
  .searchData .xans-product-searchfilterlist .button li { display:inline-block; padding:6px 0 0 5px; min-width:50%; max-width:100%; vertical-align:top; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
  .searchData .xans-product-searchfilterlist .button li button { display:inline-block; width:100%; border:1px solid #ccc; padding:6px; outline:0; font-size:12px; line-height:16px; color:#525252; word-break:break-all; word-wrap:break-word; background:#fff; }
  .searchData .xans-product-searchfilterlist .button li:hover button { border-color:#508bed; color:#508bed; }
  .searchData .xans-product-searchfilterlist .button li.disabled button { border-color:#d7d7d8; color:#d7d7d8; cursor:default; }
  .searchData .xans-product-searchfilterlist .button li.selected button { border:2px solid #508bed; padding:5px; color:#508bed; }
  /* 텍스트버튼 풀타입 */
    .searchData .xans-product-searchfilterlist .button.full .xans-product-filterform { margin:0; border-top:1px solid #ccc; }
    .searchData .xans-product-searchfilterlist .button.full li { width:100%; padding:0; }
    .searchData .xans-product-searchfilterlist .button.full li button { border-top:0; }
    .searchData .xans-product-searchfilterlist .button.full li:hover button { margin-top:-1px; border-top:1px solid #508bed; }
    .searchData .xans-product-searchfilterlist .button.full li.disabled button { position:relative; margin-top:-1px; border-top:1px solid #d7d7d8; }
    .searchData .xans-product-searchfilterlist .button.full li.selected button { position:relative; margin:-1px 0 0; padding:5px; border:2px solid #508bed; }

/* 텍스트버튼 해시태그 */
   .searchData .xans-product-searchfilterlist .button.hashtag li { min-width:inherit; }

/* 컬러칩 */
  #searchSidebar.searchData .xans-product-searchfilterlist .colorChip .xans-product-filterform { padding:3px 5px; margin:-8px 0 0; font-size:0; line-height:0; }
  #searchSticky.searchData .xans-product-searchfilterlist .colorChip .xans-product-filterform { padding:6px 5px 0; margin:-8px 0 0; font-size:0; line-height:0; }
  .searchData .xans-product-searchfilterlist .colorChip li { position:relative; display:inline-block; width:20%; margin:8px 0 0; text-align:center; vertical-align:middle; }
  #searchSidebar.searchData .xans-product-searchfilterlist .colorChip li .circle { display:inline-block; width:25px; height:25px; outline:0; cursor:pointer; background-image:url("//img.echosting.cafe24.com/skin/base/product/bg_colorchip_circle.png"); background-repeat:no-repeat; background-position:0 0; }
  #searchSticky.searchData .xans-product-searchfilterlist .colorChip li .circle { display:inline-block; width:29px; height:29px; outline:0; cursor:pointer; background-image:url("//img.echosting.cafe24.com/skin/base/product/bg_colorchip_circle_29.png"); background-repeat:no-repeat; background-position:0 0; }
  #searchSidebar.searchData .xans-product-searchfilterlist .colorChip li.selected .icoColorCheck { position:absolute; top:50%; left:50%; display:block; width:18px; height:15px; margin:-7px 0 0 -9px; background:url("//img.echosting.cafe24.com/skin/base/product/ico_color_selected.png") no-repeat 0 0; }
  #searchSticky.searchData .xans-product-searchfilterlist .colorChip li.selected .icoColorCheck { position:absolute; top:50%; left:50%; display:block; width:18px; height:15px; margin:-8px 0 0 -9px; background:url("//img.echosting.cafe24.com/skin/base/product/ico_color_selected.png") no-repeat 0 0; }
  .searchData .xans-product-searchfilterlist .colorChip li.disabled .circle { opacity:0.1; filter:alpha(opacity=10); cursor:default; }
  .searchData .xans-product-searchfilterlist .colorChip li.disabled:after { position:absolute; top:50%; left:50%; display:block; content:""; width:14px; height:14px; margin:-8px 0 0 -6px; background:url("//img.echosting.cafe24.com/skin/base/product/ico_color_disable.png") no-repeat 0 0; }
  #searchSticky.searchData .xans-product-searchfilterlist .colorChip li.disabled:after { margin:-7px 0 0 -7px; }

/* 가격 금액 입력 */
  .searchData .xans-product-searchfilterlist .button .priceInput { margin:9px 0 0; }
  .searchData .xans-product-searchfilterlist .button .priceInput > input[type="text"] { width:47px; padding:5px 4px; margin:0 4px 0 0; }
  #searchSticky.searchData .xans-product-searchfilterlist .button .priceInput { position:relative; height:30px; padding-right:32px; }
  #searchSticky.searchData .xans-product-searchfilterlist .button .btnPriceSearch { position:absolute; right:0; top:0;  }

/* 가격 범위 지정 */
  .searchData .xans-product-searchfilterlist .priceSlide .slider { position:relative; padding:0 0 5px; margin:7px 5px 5px 8px; }
  .searchData .xans-product-searchfilterlist .priceSlide .range { position:static; margin:0 0 0 0; border-radius:9px; border:1px solid #d9d9d8; height:9px; background:#e7e7e7; }
  .searchData .xans-product-searchfilterlist .priceSlide .noUi-base { position:static; }
  .searchData .xans-product-searchfilterlist .priceSlide .noUi-connect { position:absolute; top:-1px; height:9px; border-top:1px solid #3d7ce4; border-bottom:1px solid #3d7ce4; font-size:0; line-height:0; background:#508bed; }
.searchData .xans-product-searchfilterlist .priceSlide .noUi-handle { position:absolute; top:-4px; display:block; margin:0 0 0 12px; width:12px; height:21px; border:0; border-radius:0; box-shadow:none; cursor:pointer; font-size:0; line-height:0; outline:0; background:url("//img.echosting.cafe24.com/skin/base/product/btn_price_handle.png") no-repeat 0 0; }
  .searchData .xans-product-searchfilterlist .priceSlide .noUi-handle:before, .searchData .xans-product-searchfilterlist .priceSlide .noUi-handle:after { display:none; }
  .searchData .xans-product-searchfilterlist .priceSlide .value { overflow:hidden; margin:0 0 0 3px; text-align:right; font-size:11px; }
  .searchData .xans-product-searchfilterlist .priceSlide .value .minPrice { float:left; }

/* 상세검색 상단형 */
  #searchContent { position:relative; margin:-2px 0 0; }
  #searchContent .searchArea { position:relative; border:1px solid #9fa4ac; }
  #searchContent th { padding:13px 18px; border-top:1px solid #dfdfdf; border-right:1px solid #d7d5d5; font-size:12px; color:#2e2e2e; text-align:left; text-transform:uppercase; vertical-align:top; background:#f2f2f2; }
  #searchContent tr td { padding:2px 6px; border-top:1px solid #eee; }
  #searchContent tr:first-child th,
  #searchContent tr:first-child td { border-top:0; }
  #searchContent tr .extend { position:absolute; right:0; top:6px; bottom:6px; border-left:1px solid #eee; }
  #searchContent tr .btnExtend { width:10px; height:10px; margin:-2px -6px 0 0; padding:15px 18px 14px;  font-size:1px; line-height:0; color:transparent; text-indent:-150%; background:#fff url("//img.echosting.cafe24.com/skin/base/product/btn_search_extend.png") no-repeat 50%; }
  #searchContent tr.selected .btnExtend { background:#fff url("//img.echosting.cafe24.com/skin/base/product/btn_search_fold.png") no-repeat 50%; }
  #searchContent tr .cell { position:relative; overflow:hidden; height:37px; }
  #searchContent tr .priceSlide .cell { height:45px; }
  #searchContent tr.selected .cell { height:auto; }
  #searchContent tr .content { width:700px; }
  #searchContent tr .colorChip .content { width:594px; margin:0 0 0 9px; }
  #searchContent tr .colorChip .check { height:25px; }
  #searchContent .btnAllExtend { overflow:hidden; position:absolute; right:-1px; bottom:-17px; z-index:1; width:53px; height:17px; font-size:1px; line-height:0; color:transparent; text-indent:-150%; background:transparent url("//img.echosting.cafe24.com/skin/base/product/btn_all_extend.png") no-repeat 0 0; }
  #searchContent .btnAllExtend.open { background-image:url("//img.echosting.cafe24.com/skin/base/product/btn_all_extend_open.png"); }

/* 체크박스 */
  #searchContent tr .check li { display:inline-block; margin:7px 5px; word-break:break-all; word-wrap:break-word; vertical-align:top; }
  #searchContent tr .check li label { display:inline-block; height:23px; padding:0 7px; line-height:24px; color:#525252; cursor:pointer; vertical-align:top; }
  #searchContent tr .check li.disabled label { color:#d7d7d8; cursor:default; }

/* 컬러칩 */
  #searchContent tr .colorChip .xans-product-filterform { font-size:0; line-height:0; }
  #searchContent tr .colorChip li { position:relative; display:inline-block; margin:7px 5px; text-align:center; vertical-align:middle; }
  #searchContent tr .colorChip li .circle { display:inline-block; width:23px; height:23px; outline:0; cursor:pointer; background-image:url("//img.echosting.cafe24.com/skin/base/product/bg_colorchip_circle_23.png"); background-repeat:no-repeat; background-position:0 0; }
  #searchContent tr .colorChip li.selected .icoColorCheck { position:absolute; top:50%; left:50%; display:block; width:13px; height:10px; margin:-5px 0 0 -6px; background:url("//img.echosting.cafe24.com/skin/base/product/ico_color_selected2.png") no-repeat 0 0; }
  #searchContent tr .colorChip li.disabled .circle { opacity:0.1; filter:alpha(opacity=10); cursor:default; }
  #searchContent tr .colorChip li.disabled:after { position:absolute; top:50%; left:50%; display:block; content:""; width:14px; height:14px; margin:-7px 0 0 -7px; background:url("//img.echosting.cafe24.com/skin/base/product/ico_color_disable.png") no-repeat 0 0; }
  #searchContent tr .check .icoColor { display:inline-block; margin:6px 4px 0 0; width:12px; height:12px; vertical-align:top; background-image:url("//img.echosting.cafe24.com/skin/base/product/bg_color_circle.png"); background-repeat:no-repeat; background-position:0 0; }

/* 텍스트버튼 */
  #searchContent tr .button li { display:inline-block; margin:7px 5px; word-break:break-all; word-wrap:break-word; vertical-align:top; }
  #searchContent tr .button li button { display:inline-block; height:23px; padding:0 7px; line-height:24px; color:#525252; cursor:pointer; vertical-align:top; background:transparent; }
  #searchContent tr .button li.selected button { border-radius:23px; color:#fff; background:#508bed; }
  #searchContent tr .button li.disabled button { color:#d7d7d8; cursor:default; outline:0; }

/* 가격 */
  #searchContent tr .button.full .xans-product-filterform { font-size:0; line-height:0; }
  #searchContent tr .button.full li { display:inline-block; margin:7px 5px; }
  #searchContent tr .button.full li button { display:inline-block; padding:0 7px; outline:0; font-size:12px; line-height:23px; color:#525252; word-break:break-all; word-wrap:break-word; letter-spacing:-0.06em; background:transparent; }
  #searchContent tr .button.full li:hover button { border-color:#508bed; color:#508bed; }
  #searchContent tr .button.full li.disabled button { border-color:#d7d7d8; color:#d7d7d8; cursor:default; }
  #searchContent tr .button.full li.selected button { color:#508bed; }
  #searchContent .button.full .content { width:450px; }
  #searchContent tr.selected .button.full .content { width:806px; }
  #searchContent tr.selected .button .priceInput { display:inline-block; position:static; }

  #searchContent tr .button .priceInput { position:absolute; right:83px; top:0; margin:7px 0 7px 12px; line-height:22px; }
  #searchContent tr .button .priceInput > input[type="text"] { width:63px; padding:2px 5px; margin:0 4px 0 0; border-color:#d9d9d9; border-radius:2px; }
  #searchContent tr .button .btnPriceSearch img { display:none; }
  #searchContent tr .button .btnPriceSearch #ec-product-searchdata-submit { display:inline-block; width:48px; height:22px; margin:0 0 0 4px; border:1px solid #b4b4b4; border-radius:2px; line-height:24px; color:#2e2e2e; text-align:center; vertical-align:top; }
  #searchContent tr .button .btnPriceSearch a:hover { text-decoration:none; }

/* 가격 범위 지정 */
  #searchContent tr .priceSlide .slider { position:relative; width:500px; padding:0 0 5px; margin:7px 5px 5px 15px; }
  #searchContent tr .priceSlide .range { position:static; margin:0 0 0 0; border:0; border-radius:9px; border:1px solid #d9d9d8; height:9px; background:#e7e7e7; }
  #searchContent tr .priceSlide .noUi-base { position:static; }
  #searchContent tr .priceSlide .noUi-connect { position:absolute; top:-1px; height:9px; border-top:1px solid #3d7ce4; border-bottom:1px solid #3d7ce4; font-size:0; line-height:0; background:#508bed; }
  #searchContent tr .priceSlide .noUi-handle { position:absolute; top:-4px; display:block; margin:0 0 0 12px; width:12px; height:21px; border:0; border-radius:0; box-shadow:none; cursor:pointer; font-size:0; line-height:0; outline:0; background:url("//img.echosting.cafe24.com/skin/base/product/btn_price_handle.png") no-repeat 0 0; }
  #searchContent tr .priceSlide .noUi-handle:before, #searchContent tr .priceSlide .noUi-handle:after { display:none; }
  #searchContent tr .priceSlide .value { overflow:hidden; width:512px; margin:0 0 0 9px; text-align:right; font-size:11px; }
  #searchContent tr .priceSlide .value .minPrice { float:left; }


/* 결과 내 검색 */
  .searchData .searchForm { position:relative; height:34px; }
  .searchData .keyword { width:100%; height:34px; padding:0 44px 0 8px; box-sizing:border-box; border-radius:2px; border:1px solid #d8d8d8; }
  .searchData .btnResearch { overflow:hidden; position:absolute; right:1px; top:1px; width:34px; height:32px; border-left:1px solid #d8d8d8; font-size:1px; line-height:0; color:transparent; text-indent:-150%; background:url('//img.echosting.cafe24.com/skin/base/product/btn_research.gif') no-repeat 0 0; }
  .searchData .suggest ul { display:none; position:absolute; top:33px; z-index:10; width:100%; border:1px solid #d8d8d8; box-sizing:border-box; background:#fff; }
  .searchData .suggest li { overflow:hidden; height:28px; padding:0 8px; color:#525252; line-height:30px; text-overflow:ellipsis; white-space:nowrap; }
  .searchData .suggest li:hover, .searchData .suggest li.selected { cursor:pointer; background:#f1f1f1; }
/* 상단형 결과 내 검색 */
  #searchContent tr .search { padding:9px 6px 9px 9px; }
  #searchContent tr .search .cell { overflow:inherit; height:24px; }
  #searchContent .searchForm { position:relative; }
  #searchContent .keyword { display:inline-block; width:257px; height:24px; padding:0 8px ; box-sizing:border-box; border-radius:2px; border:1px solid #d9d9d9; vertical-align:top; }
  #searchContent .btnResearch { display:inline-block; height:24px; padding:0 12px; border:1px solid #b4b4b4; border-radius:2px; line-height:24px; color:#2e2e2e; vertical-align:top; background:#fff; }
  #searchContent .suggest ul { display:none; position:absolute; top:23px; z-index:10; width:257px; border:1px solid #d9d9d9; box-sizing:border-box; background:#fff; }
  #searchContent .suggest li { overflow:hidden; height:28px; padding:0 8px; color:#525252; line-height:30px; text-overflow:ellipsis; white-space:nowrap; }

  #searchContent .suggest li:hover, #searchContent .suggest li.selected { cursor:pointer; background:#f1f1f1; }