@charset "utf-8";
/* CSS Document */

/* ---------------- 상단 디자인 ---------------- */
#header {position:relative;}



/* ---------------- 컨텐츠 시작 ---------------- */
#wrap {position:relative;}
#container {position:relative; *zoom:1; min-height:440px;}
#container:after {content:""; display:block; clear:both;}
#contents {overflow:hidden; width:1250px; position:relative; margin:25px auto 0; *zoom:1;}

/* ---------------- 하단 디자인 ---------------- */
#footer {background:#fff; padding-bottom:50px; border-top:1px solid #000; margin-top:60px;}


/* main */
.ec-base-product {margin:0 0 0;}
.ec-base-product .title {margin:0 0 6px;}
.ec-base-product .title h2 {font-weight:normal; font-size:15px; color:#43474a; text-align:center; font-weight:bold;}
.ec-base-product .title h2 strong {color:#3dc6bc;}
.ec-base-product .title h3 {font-weight:normal; font-size:15px; color:#43474a; text-align:center; font-weight:bold;}
.ec-base-product img {vertical-align:middle;}
.ec-base-product a[href^='/product/detail.html'] > img {border:1px solid #ececec;}
.ec-base-product .prdList {display:table; width:100%; margin:0 0 0; font-size:0; line-height:0;}
.ec-base-product .prdList > li {display:inline-block; margin:0 0; color:#757575; vertical-align:top;}
.ec-base-product .prdList .chk {display:block; margin:0 0 10px; text-align:center;}
.ec-base-product .prdList .thumbnail {position:relative; margin:0 10px 7px; text-align:center;}
.ec-base-product .prdList .thumbnail a img {max-width:100%; box-sizing:border-box; border:1px solid #e8e8e8;}
.ec-base-product .prdList .thumbnail .wish {position:absolute; right:3px; bottom:4px; z-index:1; cursor:pointer;}
.ec-base-product .prdList .thumbnail .prdIcon {position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat;}
.ec-base-product .prdList .description {margin:0 auto; font-size:12px; line-height:18px; text-align:center;}
.ec-base-product .prdList .description .name {display:block; text-align:center; font-weight:normal; margin-bottom:2px;}
.ec-base-product .prdList .description .name a {color:#565656;}
.ec-base-product .prdList .description .icon {text-align:center; vertical-align:middle;}
.ec-base-product .prdList .description .icon:after {content:""; display:block; clear:both;}
.ec-base-product .prdList .description .promotion {text-align:center;}
.ec-base-product .prdList .description .button {clear:both; display:none;}
.ec-base-product .prdList .description .button img {cursor:pointer;}
.ec-base-product .prdList .description .button .option {display:inline; position:relative;}
.ec-base-product .prdList .description .mileage {display:block;}
.ec-base-product .prdList .description span.grid {display:block;}
.ec-base-product .prdList .description .button .likeButton {display:inline-block;}
.ec-base-product .prdList .description .button .likeButton button {font-family:verdana; color:#9a9a9a; letter-spacing:-1px; background:none;}
.ec-base-product .prdList .description .button .likeButton button img {margin-bottom:0; vertical-align:middle;}
.ec-base-product .prdList .description .button .likeButton button strong {height:16px; vertical-align:middle;}
.ec-base-product .prdList .description .button .likeButton.selected button {color:#353535;}
.ec-base-product ul.grid2 > li {width:50%;}
.ec-base-product ul.grid3 > li {width:33.33%;}
.ec-base-product ul.grid4 > li {width:25%;}
.ec-base-product ul.grid5 > li {width:20%;}
.ec-base-product ul.grid6 > li {width:16.6%;}
.ec-base-product ul.grid2 > li .color {max-width:230px;}
.ec-base-product ul.grid3 > li .color {max-width:230px;}
.ec-base-product ul.grid4 > li .color {max-width:190px;}
.ec-base-product ul.grid5 > li .color {max-width:130px;}
.ec-base-product ul.grid6 > li .color {max-width:90px;}
.ec-base-product .spec {margin:0;}
.ec-base-product .spec li {text-align:center;}
.ec-base-product .spec li .title {font-weight:normal; vertical-align:top;}
.ec-base-product .spec li .title span {vertical-align:top;}
.ec-base-product .spec li .color {overflow:hidden; display:inline-block; margin:3px 0 0 0;}
.ec-base-product .spec li .chips {float:center; width:10px; height:10px; margin:0 2px 2px 0; border:1px solid #e3e3e3; font-size:0; line-height:0;}
.ec-base-product .discountPeriod {display:inline-block; z-index:10; position:relative; width:55px; height:19px; vertical-align:middle;}
.ec-base-product .layerDiscountPeriod {left:50%; top:26px; width:247px; margin:0 0 0 -124px;}
.ec-base-product .layerDiscountPeriod strong.title {display:block; margin:0 0 12px; padding:0 35px 0 0; font-weight:bold; color:#2e2e2e;}
.ec-base-product .layerDiscountPeriod .content p {margin:2px 0 0; font-size:11px; line-height:16px; color:#757575; letter-spacing:-1px;}
.ec-base-product .layerDiscountPeriod .content p strong {font-weight:normal; font-size:12px; color:#2e2e2e;}
.ec-base-product .layerDiscountPeriod .content p strong span {font-size:11px;}
.ec-base-product .prdList .shippingFee {position:relative; display:inline-block;}
.ec-base-product .prdList .shippingFee .button {display:inline-block; float:none;}
.ec-base-product .prdList .shippingFee .ec-base-tooltip {z-index:11; display:block; margin:0 0 0 -170px; width:360px;}
.ec-base-product .prdList .shippingFee .ec-base-tooltip table th {width:40px;}
.ec-base-product .prdList .shippingFee .ec-base-tooltip table th,.ec-base-product .prdList .shippingFee .ec-base-tooltip table td {padding:7px 10px 8px 10px;}
.ec-base-product .btnTooltip {position:relative; display:inline-block;}



.ec-base-box {padding:20px; margin-left:auto; margin-right:auto; border:5px solid #e8e8e8; color:#404040;}
.ec-base-box.gHalf {position:relative; padding:20px 0;}
.ec-base-box.gHalf:before {position:absolute; top:0; left:50%; display:block; content:""; width:1px; height:100%; background-color:#e6e6e6;}
.ec-base-box.typeBg {background-color:#f7f7f7;}
.ec-base-box.typeThin {border-width:1px; border-color:#e8e8e8;}
.ec-base-box.typeThinBg {border-width:1px; border-color:#e8e8e8; background-color:#f7f7f7;}
.ec-base-box.typeThinBg > .agree {padding:20px; border:1px solid #e6e6e6; background:#fff;}
.ec-base-box.typeThinBg > .agree p {padding:0 0 17px;}
.ec-base-box.typeMember {padding:0;}
.ec-base-box.typeMember .information {display:table; table-layout:fixed; padding:15px 0; width:100%; box-sizing:border-box;}
.ec-base-box.typeMember .information > .title,.ec-base-box.typeMember .information > .thumbnail {display:table-cell; padding:0 15px; width:70px; text-align:center; vertical-align:middle;}
.ec-base-box.typeMember .information > .title {vertical-align:middle; display:none;}
.ec-base-box.typeMember .information > .thumbnail img {max-width:70px;}
.ec-base-box.typeMember .information .description {display:table-cell; padding:0 20px; width:auto; line-height:1.5em; border-left:1px solid #e8e8e8; vertical-align:middle;}
.ec-base-box.typeMember.gMessage {border-width:1px; border-color:#e8e8e8;}
.ec-base-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-base-box.typeProduct {display:table; table-layout:fixed; padding:15px 0; width:100%; box-sizing:border-box;}
.ec-base-box.typeProduct .thumbnail,.ec-base-box.typeProduct .information {display:table-cell; padding:0 20px; vertical-align:middle;}
.ec-base-box.typeProduct .thumbnail {width:100px;}
.ec-base-box.typeProduct .thumbnail img {max-width:90px; border:1px solid #e8e8e8;}
.ec-base-box.typeProduct .information {padding-left:0;}



.ec-base-table table {position:relative; margin:0 0 0; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; border-top:0; color:#fff; line-height:1.5;}
.ec-base-table.gLayoutFixed table {table-layout:fixed;}
.ec-base-table.gLayoutFixed .gLayoutAuto table {table-layout:auto;}
.ec-base-table table:before {position:absolute; top:0; left:0; display:block; content:""; width:100%; height:1px; background:#e8e8e8;}
.ec-base-table thead th {padding:11px 0 10px; font-size:11px; color:#8f8d8d; vertical-align:middle; font-weight:normal; background:#fdfdfd;}
.ec-base-table tbody th {padding:11px 0 10px 18px; border-top:1px solid #e8e8e8; color:#353535; text-align:left; font-weight:normal; background-color:#f7f7f7;}
.ec-base-table thead th:first-child {border-left:1px solid #e8e8e8;}
.ec-base-table thead th:last-child {border-right:1px solid #e8e8e8;}
.ec-base-table td {padding:11px 10px 10px; border-top:1px solid #e8e8e8; color:#353535; vertical-align:middle;}
.ec-base-table td.clear {padding:0 !important; border:0 !important;}
.ec-base-table.typeWrite td {padding:8px 10px 7px;}
.ec-base-table.typeList table {border-top:1px solid #e8e8e8;}
.ec-base-table.typeList table:before {display:none;}
.ec-base-table.typeList td {padding:10px 10px 10px;}
.ec-base-table.typeList tfoot td {padding:18px 10px 20px; background:#fdfdfd;}
.ec-base-table .message {border:1px solid #e8e8e8; padding:50px 0; text-align:center; color:#757575; font-weight:bold;}
.ec-base-table table + .message {margin:-1px 0 0;}
.ec-base-table table td.message {padding:50px 0;}
.ec-base-table .scroll .message {border:0;}
.ec-base-table.typeList .head td {padding:11px 0 10px; border-left:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; color:#353535; vertical-align:middle; text-align:center; background:#f7f7f7;}
.ec-base-table.typeList .head td:first-child {border-left:0;}
.ec-base-table.typeList .scroll {position:relative; overflow-x:hidden; overflow-y:scroll; max-height:185px; min-height:100px; border:1px solid #e8e8e8; border-top-width:0; margin-top:-1px;}
.ec-base-table.typeList .scroll table {border:0; margin:0;}
.ec-base-table.typeList .scroll table:before {display:none;}
.ec-base-table.typeList .scroll .message {border:0;}
.ec-base-table thead.blind,.ec-base-table thead.blind th {display:none;}
.ec-base-table thead.blind + tbody tr:first-child th,.ec-base-table thead.blind + tbody tr:first-child td {border-top-width:0;}
.ec-base-table.typeList.gLine table {border-width:0; border-bottom-width:1px;}
.ec-base-table.typeClear table:before {display:none;}
.ec-base-table.typeClear table,.ec-base-table.typeClear th,.ec-base-table.typeClear td {border:0 none; background:none;}
.ec-base-table.typeClear th {font-weight:bold;}
.ec-base-table.gBorder td {border-left:1px solid #e8e8e8;}
.ec-base-table.gBorder td:first-child {border-left:0;}
.ec-base-table.gBorder td.gClearLine {border-left:0;}
.ec-base-table.typeList.gBorder tbody td {border-color:#eee;}
.ec-base-table .left {text-align:left;}
.ec-base-table .center {text-align:center;}
.ec-base-table .right {text-align:right;}
.ec-base-table.typeList .center td,.ec-base-table.typeList td.center {padding-left:0; padding-right:0;}
.ec-base-table.typeList .center td.left {padding-left:10px;}
.ec-base-table.typeList .center td.right {padding-right:10px;}
.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;}
.ec-base-table img {vertical-align:middle;}



.ec-base-desc {overflow:hidden; text-align:left;}
.ec-base-desc:after {content:""; display:block; claer:both;}
.ec-base-desc dt,.ec-base-desc .term {float:left; width:100px; margin:0 0 2px; padding:0 4px 0 0; line-height:22px; -webkit-box-sizing:border-box; -moz-webkit-box:border-box; box-sizing:border-box; font-weight:normal;}
.ec-base-desc dd,.ec-base-desc .desc {display:block; margin:0 0 2px; padding:0 5px 0 100px; min-height:22px; line-height:22px; word-wrap:break-word;}
.ec-base-desc dd:after,.ec-base-desc .desc:after {content:""; display:block; clear:left;}
.ec-base-desc.gSmall dt,.ec-base-desc.gSmall .term {width:30%;}
.ec-base-desc.gSmall dd,.ec-base-desc.gSmall .desc {padding-left:30%;}
.ec-base-desc.gMedium dt,.ec-base-desc.gMedium .term {width:40%;}
.ec-base-desc.gMedium dd,.ec-base-desc.gMedium .desc {padding-left:40%;}
.ec-base-desc.gLarge dt,.ec-base-desc.gLarge .term {width:50%;}
.ec-base-desc.gLarge dd,.ec-base-desc.gLarge .desc {padding:0 0 0 50%;}
.ec-base-desc.centerDT dt,.ec-base-desc.centerDD dd,.ec-base-desc.centerDT .term,.ec-base-desc.centerDD .desc,.ec-base-desc.center,.ec-base-desc .center {text-align:center;}
.ec-base-desc.rightDT dt,.ec-base-desc.rightDD dd,.ec-base-desc.rightDT .term,.ec-base-desc.rightDD .desc,.ec-base-desc.right,.ec-base-desc .right {text-align:right;}
.ec-base-desc.rightDD dd,.ec-base-desc.rightDD .desc {padding-right:0;}
.ec-base-desc.typeBullet dt,.ec-base-desc.typeBullet .term {padding:0 4px 0 10px; background:url("//img.echosting.cafe24.com/skin/base/common/ico_arrow.png") no-repeat 0 7px;}
.ec-base-desc.typeDot dt,.ec-base-desc.typeDot .term {padding:0 4px 0 6px; background: url("//img.echosting.cafe24.com/skin/base/common/ico_square3.gif") no-repeat left 10px;}


.ec-base-button {padding:10px 0; text-align:center;}
.ec-base-button.justify {position:relative;}
.ec-base-button:after {display:block; content:""; clear:both;}
.ec-base-button .gLeft {float:left; text-align:left;}
.ec-base-button .gRight {float:right; text-align:right;}
.ec-base-button.justify .gLeft {position:absolute; left:0;}
.ec-base-button.justify .gRight {position:absolute; right:0;}
.ec-base-button .text {margin:0 6px 0 10px; color:#353535; line-height:24px;}
.ec-base-button.typeBorder {margin-top:-1px; padding:10px 0;}
.ec-base-button.typeBG {padding:10px 20px; border:1px solid #e8e8e8; background:#fdfdfd;}