.d1-member-join { margin:20px 20px; }

.d1-member-join .titleArea { margin:0px 0 0 0; }
.d1-member-join .titleArea:first-child { margin-top:0; }
.d1-member-join .titleArea > h3 { font-size:14px; line-height:20px; color:#000; padding:0 0 10px; margin:0 0 0px; border-bottom:2px solid #000; font-weight:500; }
.d1-member-join .titleArea > h3:after { clear:both; display:block; content:"": }
.d1-member-join .titleArea > h3 > span { float:right; font-size:11px; line-height:20px; color:#000; font-weight:normal; }

.d1-member-join .-flex.-db { display: flex !important; display: -webkit-flex !important; display: -ms-flex !important; }

.d1-member-join .ec-base-table.typeWrite { margin:0; }

.d1-member-join .titleArea ~ .ec-base-table.typeWrite { margin:0 0 50px; }
.d1-member-join .titleArea.displaynone ~ .ec-base-table.typeWrite { margin:0; }

.d1-member-join .ec-base-table.typeWrite table { table-layout:auto; }
.d1-member-join .ec-base-table.typeWrite tr { position:relative; display:block; margin:20px 0 0 0; }
.d1-member-join .ec-base-table.typeWrite tr th { margin:0 0 10px; font-size:12px; line-height:20px; font-weight:500; }
.d1-member-join .ec-base-table.typeWrite tr td { font-size:12px; line-height:40px; }
.d1-member-join .ec-base-table.typeWrite tr th,
.d1-member-join .ec-base-table.typeWrite tr td { width:100%; display:block; border:0; padding:0; color:#000; 
	-webkit-box-sizing:border-box; -khtml-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; }
.d1-member-join .ec-base-table.typeWrite tr td input[type='text'],
.d1-member-join .ec-base-table.typeWrite tr td input[type='password'],
.d1-member-join .ec-base-table.typeWrite tr td input[type='tel'],
.d1-member-join .ec-base-table.typeWrite tr td select { font-size:12px; height:40px; line-height:38px; color:#000; border-color:#e8e8e8; border-radius:0; padding:0 10px; vertical-align:top; }

.d1-member-join .ec-base-table.typeWrite tr td .radiotype { position:absolute; top:0; right:0; font-size:0; line-height:0; }

.d1-member-join .ec-base-table.typeWrite tr td .btnBasic { width: 120px; font-size: 12px; line-height: 40px; height: 40px; border:0; background:var(--font-color-sp); color:var(--font-color-sp-color); margin-left:4px; margin-top:0; padding:0; }
.d1-member-join .ec-base-table .btnBasic { background:#fff; }

.d1-member-join .ec-base-table.typeWrite.authmembertblwrap {  }
.d1-member-join .ec-base-table.typeWrite.authmembertblwrap tr { margin:0; }
.d1-member-join .ec-base-table.typeWrite.authmembertblwrap tr th,
.d1-member-join .ec-base-table.typeWrite.authmembertblwrap tr td,
.d1-member-join .ec-base-table.typeWrite.authmembertblwrap tr td:first-child { border:0; padding:20px 10px; }

.d1-member-join .ec-base-table label { font-size:12px; line-height:20px; color:#000; margin-right:20px; }
.d1-member-join .ec-base-table label > input[type='radio'] { display:inline-block; *display:inline; *zoom:1; vertical-align:top; margin-right:5px; }

.d1-member-join .ec-base-table #companyWrap,
.d1-member-join .ec-base-table #authMember { background:#f4f4f4; }
.d1-member-join .ec-base-table #companyWrap tr,
.d1-member-join .ec-base-table #companyWrap td,
.d1-member-join .ec-base-table #authMember tr,
.d1-member-join .ec-base-table #authMember td { padding:20px 20px; }

.d1-member-join ul.info li { margin:10px 0 0; }
.d1-member-join ul.info li:first-child { margin-top:0; }
.d1-member-join ul.info li .name { display:block; margin-bottom:5px; font-weight:normal; font-size:12px; line-height:20px; color:#000; }
.d1-member-join ul.info li input[type='text'],
.d1-member-join ul.info li input[type='password'],
.d1-member-join ul.info li select { font-size:12px; height:40px; line-height:38px; color:#000; vertical-align:top; }

.d1-member-join .ec-base-tooltip-area { position:relative; width:100%; }
.d1-member-join .ec-base-tooltip-area .ec-base-tooltip { width:235px; word-break:keep-all; display:none !important; }
.d1-member-join .ec-base-table.typeWrite [id*="Msg"].error { display:block; font-size:11px; line-height:20px; color:#f00; margin:5px 0 0 0; }
.d1-member-join .ec-base-table .ec-address { margin:-2px 0; }
.d1-member-join .ec-base-table .ec-address > li { padding:2px 0; }
.d1-member-join .ec-base-table .ec-address .ec-address-zipcode input[type="text"] { margin:0px; }


.d1-member-join .-nomargin { margin:0 !important; }
.d1-member-join .ec-base-button { margin:50px auto 0; }
.d1-member-join .ec-base-button > button,
.d1-member-join .ec-base-button > a { height:50px; line-height:48px; font-weight:500; font-size:15px; }


/* INPUT SIZE */
.d1-member-join input[type=text],
.d1-member-join input[type=password],
.d1-member-join input[type=number],
.d1-member-join input[type=tel],
.d1-member-join select { width:100%; }
.d1-member-join input[type=tel] { padding:10px 4px; }
.d1-member-join select { padding:0 20px 0 4px; }
.d1-member-join #foreigner_ssn { width:calc(100% - 84px); }
.d1-member-join #user_passwd_confirm,
.d1-member-join #hint,
.d1-member-join #hint_answer { margin-bottom:7px; }
.d1-member-join #member_id { width:calc(100% - 84px); }
.d1-member-join #phone1,
.d1-member-join #mobile1 { width:33%; margin:0 4px 0 0 ; }
.d1-member-join #phone2,
.d1-member-join #mobile2 { width:33%; margin:0 4px; }
.d1-member-join #phone3,
.d1-member-join #mobile3 { width:33%; margin:0 0 0 4px; }
.d1-member-join #bssn1,
.d1-member-join #bssn2 { width:45%; }
.d1-member-join #bssn1 { margin-right:4px; }
.d1-member-join #bssn2 { margin-left:4px; }
.d1-member-join #birth_year,
.d1-member-join #marry_year,
.d1-member-join #partner_year { width:36%; margin:0 4px 0 0; }
.d1-member-join #birth_month,
.d1-member-join #marry_month,
.d1-member-join #partner_month { width:32%; margin:0 4px 0 8px; }
.d1-member-join #birth_day,
.d1-member-join #marry_day,
.d1-member-join #partner_day { width:32%; margin:0 4px 0 8px; }





.xans-member-join .ec-base-table.typeWrite td.thead .subject { display:block; padding:0 0 10px; font-weight:normal; color:#757575; }
.xans-member-join .ec-base-table.typeWrite .interest label { min-width:90px; margin:0 7px 14px 0; }
.xans-member-join .ec-base-table.typeWrite .interest { font-size:11px; line-height:1.2em; }
.xans-member-join .ec-base-table.typeWrite .interest input { margin:0 3px 0 0; }
.xans-member-join .ec-base-table.typeWrite .interest span { display:inline-block; }
.xans-member-join .ec-base-table.typeWrite th > img { vertical-align:top; padding:4px 0 0; }

.xans-member-join .ec-base-table.typeWrite #authWrap #ipinWrap img,
.xans-member-join .ec-base-table.typeWrite #authWrap #mobileWrap img,
.xans-member-join .ec-base-table.typeWrite #authWrap img { width:106px !important; }

.xans-member-join .verify { position:relative; width:100%; }
.xans-member-join .verify #verify_sms_number { width:100%; padding:0 35px 0 10px; }
.xans-member-join .verify .time { position:absolute; top:2px; right:6px; color:#ff5400; }







.d1-member-join .d1AgreeBox { margin-top:50px; }
.d1-member-join .d1AgreeBox h3 { align-items:center; gap:10px; padding-bottom:15px; margin-bottom:20px; border-bottom:2px solid #222; }
.d1-member-join .d1AgreeBox h3 .ec-base-chk { margin:0; width:20px; height:20px; }
.d1-member-join .d1AgreeBox h3 .ec-base-chk input[type=checkbox] { position:relative; left:auto; left:auto; opacity:1; }
.d1-member-join .d1AgreeBox h3 .ec-base-chk .checkbox { /* background: url("//diamantestore.co.kr/_d1/img/icon_checkbox_off.png") no-repeat 0 0; */ background:none; }
.d1-member-join .d1AgreeBox h3 label { font-size:16px; }
.d1-member-join .d1AgreeBox .d1AgreeBoxInner { gap:10px; }
.d1-member-join .d1AgreeBox .d1AgreeBoxInner .box {}
.d1-member-join .d1AgreeBox .d1AgreeBoxInner .box .subjecta { justify-content:space-between; align-items:center; }
.d1-member-join .d1AgreeBox .d1AgreeBoxInner .box .subjecta h4 label { font-size:13px; font-weight:500; }
.d1-member-join .d1AgreeBox .d1AgreeBoxInner .box .subjecta h4 label b { color:var(--font-color-sp); font-weight:500; }
.d1-member-join .d1AgreeBox .d1AgreeBoxInner .box .subjecta #agree_marketing_all { visibility:hidden; }
.d1-member-join .d1AgreeBox .d1AgreeBoxInner .box .subjecta .more { font-size:13px; line-height:20px; font-weight:500; }
.d1-member-join .d1AgreeBox .d1AgreeBoxInner .box .subjecta .more:after { content:'\e93e'; margin-left:5px; line-height:20px; font-size:11px; vertical-align:top; font-family: 'xeicon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.d1-member-join .d1AgreeBox .d1AgreeBoxInner .box.selected .subjecta .more:after { content:'\e941'; }
.d1-member-join .d1AgreeBox .d1AgreeBoxInner .box .subjecta01 { margin-top:10px; margin-left:30px; gap:10px; }
.d1-member-join .d1AgreeBox .d1AgreeBoxInner .box .subjecta01 h4 label { font-size:13px; font-weight:500; }
.d1-member-join .d1AgreeBox .d1AgreeBoxInner .box .subjecta01 h4 label b { color:var(--font-color-sp); font-weight:500; }
.d1-member-join .d1AgreeBox .d1AgreeBoxInner .box .contenta { display:none; margin-top:20px; padding:20px; font-size:12px; background:#f4f4f4; height:150px; overflow:hidden; overflow-y:auto; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
.d1-member-join .d1AgreeBox .d1AgreeBoxInner .box.selected .contenta { display:block; }
:root {
    --font-color-sp:#000;
    --font-color-sp-color:#fff;
}



/* unique style */
.txtEm { color:var(--font-color-sp) !important; }
.bgEm { background:var(--font-color-sp) !important; }


body #d1-photoreview-popup { z-index:6000; }


/* PRODUCT INFORMATION STYLE : COMMON PRODUCT */
.d1-product-list.ec-base-product .prdList > .item > .box .description .name > a { font-size:11px; color:#000; }
.d1-product-list.ec-base-product .prdList > .item > .box .description > .spec .price { font-size:11px; color:#000; font-weight:500; }
.d1-product-list.ec-base-product .prdList > .item > .box .description > .spec .custom,
.d1-product-list.ec-base-product .prdList > .item > .box .description .strike,
.d1-product-list.ec-base-product .prdList > .item > .box .description .mPriceStrike { font-size:11px; color:#a0a0a0; font-weight:300; }
.d1-product-list.ec-base-product .prdList > .item > .box .description > .spec .price.sale,
.d1-product-list.ec-base-product .prdList > .item > .box .description > .spec .price.sale > span { font-size:11px !important; color:#555 !important; font-weight:500 !important; }
.d1-product-list.ec-base-product .prdList > .item > .box .description > .spec .price.sale > span > span { font-size:11px !important; color:#555 !important; font-weight:500 !important; }
.d1-product-list.ec-base-product .prdList > .item > .box .discountrate { font-size:11px; color:#b22222; font-weight:500; }
.d1-product-list.ec-base-product .prdList > .item > .box .description > .spec .desc { font-size:11px; color:#a0a0a0; letter-spacing:-0.03em; font-weight:400; }
.d1-product-list.ec-base-product .prdList > .item > .box .description > .spec > .optimum_discount_price,
.d1-product-list.ec-base-product .prdList > .item > .box .description > .spec > .optimum_discount_price > span,
.d1-product-list.ec-base-product .prdList > .item > .box .description > .spec > .c_dc_price { font-size:11px !important; line-height:16px; color:#000 !important; font-weight:400 !important; }
.d1-product-list.ec-base-product .prdList > .item > .box .description > .spec .desc.simple { display:none; }
/**
* Swiper 4.5.0
* Most modern mobile touch slider and framework with hardware accelerated transitions
* http://www.idangero.us/swiper/
*
* Copyright 2014-2019 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: February 22, 2019
*/
.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    /* Fix of Webkit flickering */
    z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
    float: left;
}
.swiper-container-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto;
}
.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
}
.swiper-slide-invisible-blank {
    visibility: hidden;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    -o-transition-property: transform, height;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform;
}
/* 3D Effects */
.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
/* IE10 Windows Phone 8 Fixes */
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}
.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action: pan-x;
}
.swiper-button-prev,
.swiper-button-next {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto;
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-lock {
    display: none;
}
.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: 300ms opacity;
    -o-transition: 300ms opacity;
    transition: 300ms opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 10px;
    left: 0;
    width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(0.33);
    -ms-transform: scale(0.33);
    transform: scale(0.33);
    position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(0.66);
    -ms-transform: scale(0.66);
    transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(0.33);
    -ms-transform: scale(0.33);
    transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(0.66);
    -ms-transform: scale(0.66);
    transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(0.33);
    -ms-transform: scale(0.33);
    transform: scale(0.33);
}
.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: 0.2;
}
button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff;
}
.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0px, -50%, 0);
    transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: 200ms top, 200ms -webkit-transform;
    transition: 200ms top, 200ms -webkit-transform;
    -o-transition: 200ms transform, 200ms top;
    transition: 200ms transform, 200ms top;
    transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: 200ms left, 200ms -webkit-transform;
    transition: 200ms left, 200ms -webkit-transform;
    -o-transition: 200ms transform, 200ms left;
    transition: 200ms transform, 200ms left;
    transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: 200ms right, 200ms -webkit-transform;
    transition: 200ms right, 200ms -webkit-transform;
    -o-transition: 200ms transform, 200ms right;
    transition: 200ms transform, 200ms right;
    transition: 200ms transform, 200ms right, 200ms -webkit-transform;
}
/* Progress */
.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, 0.25);
    position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #ffffff;
}
.swiper-pagination-progressbar.swiper-pagination-white {
    background: rgba(255, 255, 255, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
    background: #ffffff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000000;
}
.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0, 0, 0, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000000;
}
.swiper-pagination-lock {
    display: none;
}
/* Scrollbar */
.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%;
}
.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    left: 0;
    top: 0;
}
.swiper-scrollbar-cursor-drag {
    cursor: move;
}
.swiper-scrollbar-lock {
    display: none;
}
.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.swiper-slide-zoomed {
    cursor: move;
}
/* Preloader */
.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
/* a11y */
.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}
.swiper-container-cube {
    overflow: visible;
}
.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
    pointer-events: auto;
    visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0;
}
.swiper-container-flip {
    overflow: visible;
}
.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.swiper-container-coverflow .swiper-wrapper {
    /* Windows 8 IE 10 fix */
    -ms-perspective: 1200px;
}
/*
.swiper-container { opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); }
.swiper-container.loaded { opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100); }
*/
.swiper-container .swiper-slide a { display:block; }
.swiper-container .swiper-slide img { max-width:100%; }

.swiper-container .swiper-pagination { bottom:10px; }
.swiper-container .swiper-pagination-bullet { margin:0 4px; outline:none; }
.swiper-container .swiper-pagination-bullet-active { background: #000; }

.swiper-container ~ .swiper-pagination { width:100%; bottom:0px; }
.swiper-container ~ .swiper-pagination .swiper-pagination-bullet { margin:0 4px; outline:none; }
.swiper-container ~ .swiper-pagination .swiper-pagination-bullet-active { background: #000; }

.swiper-container .swiper-pagination-fraction { position:absolute; bottom:10px; left:auto; right:10px; width:50px; z-index:1; border-radius:10px; text-align:center;
    background-color: rgba(255,255,255,0.8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccffffff,endColorstr=#ccffffff);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccffffff,endColorstr=#ccffffff)"; }
.swiper-container .swiper-pagination-fraction > span { font-size:11px; line-height:20px; color:#353535; }


.swiper-container .swiper-button-prev,
.swiper-container .swiper-container-rtl .swiper-button-next,
.swiper-container ~ .swiper-button-prev,
.swiper-container ~ .swiper-container-rtl .swiper-button-next,
.swiper-container .swiper-button-next,
.swiper-container .swiper-container-rtl .swiper-button-prev,
.swiper-container ~ .swiper-button-next,
.swiper-container ~ .swiper-container-rtl .swiper-button-prev { background:none; outline:none; }

.swiper-container .swiper-button-prev:before,
.swiper-container .swiper-button-next:before,
.swiper-container ~ .swiper-button-prev:before,
.swiper-container ~ .swiper-button-next:before { color: #000; font-size:34px; line-height: 40px;
    text-align:center; font-family: xeicon!important; display:block; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.swiper-container .swiper-button-prev:before,
.swiper-container ~ .swiper-button-prev:before { content:"\e93d"; }
.swiper-container .swiper-button-next:before,
.swiper-container ~ .swiper-button-next:before { content:"\e940"; }
.swiper-container .swiper-button-prev:hover,
.swiper-container .swiper-button-next:hover,
.swiper-container ~ .swiper-button-prev:hover,
.swiper-container ~ .swiper-button-next:hover { opacity:0.5; filter:alpha(opacity=50); -ms-filter:alpha(opacity=50); }

/* size */
.swiper-container .swiper-button-prev,
.swiper-container .swiper-button-next,
.swiper-container ~ .swiper-button-prev,
.swiper-container ~ .swiper-button-next { width:40px; height:40px; margin-top:-20px; }
.swiper-container .swiper-button-prev.lsize,
.swiper-container .swiper-button-next.lsize,
.swiper-container ~ .swiper-button-prev.lsize,
.swiper-container ~ .swiper-button-next.lsize { width:80px; height:80px; margin-top:-40px; }
.swiper-container .swiper-button-prev.lsize:before,
.swiper-container .swiper-button-next.lsize:before,
.swiper-container ~ .swiper-button-prev.lsize:before,
.swiper-container ~ .swiper-button-next.lsize:before { font-size:50px; line-height:80px; }



/* position */
.swiper-container ~ .swiper-button-prev { left:50%; margin-left:-680px; }
.swiper-container ~ .swiper-button-next { right:50%; margin-right:-680px; }

.swiper-container .swiper-button-prev { left:50%; margin-left:-630px; }
.swiper-container .swiper-button-next { right:50%; margin-right:-630px; }

.swiper-container .swiper-button-prev.full { left:10px; right:auto; margin-left:0; }
.swiper-container .swiper-button-next.full { left:auto; right:10px; margin-right:0; }


/* shape */
.swiper-container .swiper-button-prev.circle,
.swiper-container .swiper-button-next.circle { border-radius:50%; background: rgba(104,104,104,0.2); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33686868,endColorstr=#33686868); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33686868,endColorstr=#33686868)"; }
.swiper-container .swiper-button-prev.circle:before,
.swiper-container .swiper-button-next.circle:before { font-size:22px; color:#fff; }
.swiper-container .swiper-button-prev.circle:before { margin-left:-4px; }
.swiper-container .swiper-button-next.circle:before { margin-left:4px; }
.swiper-container .swiper-button-prev.circle:hover,
.swiper-container .swiper-button-next.circle:hover { opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100); background: rgba(104,104,104,0.4); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66686868,endColorstr=#66686868); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#66686868,endColorstr=#66686868)"; }

.swiper-container .swiper-button-prev.square,
.swiper-container .swiper-button-next.square { background: rgba(255,255,255,0.8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccffffff,endColorstr=#ccffffff); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccffffff,endColorstr=#ccffffff)"; }
.swiper-container .swiper-button-prev.square:before,
.swiper-container .swiper-button-next.square:before { font-size:22px; color:#666; }
.swiper-container .swiper-button-prev.square:before { margin-left:-4px; }
.swiper-container .swiper-button-next.square:before { margin-left:4px; }
.swiper-container .swiper-button-prev.square:hover,
.swiper-container .swiper-button-next.square:hover { background:#f4f4f4; opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100); }

.swiper-container .swiper-button-prev.squareB,
.swiper-container .swiper-button-next.squareB { width:66px; height:66px; margin-top:-33px; background: rgba(104,104,104,0.2); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33686868,endColorstr=#33686868); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33686868,endColorstr=#33686868)"; }
.swiper-container .swiper-button-prev.squareB:before,
.swiper-container .swiper-button-next.squareB:before { font-size:35px; line-height:66px; color:#fff; }
.swiper-container .swiper-button-prev.squareB:before { margin-left:-4px; }
.swiper-container .swiper-button-next.squareB:before { margin-left:4px; }
.swiper-container .swiper-button-prev.squareB:hover,
.swiper-container .swiper-button-next.squareB:hover { background: rgba(104,104,104,0.4); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66686868,endColorstr=#66686868); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#66686868,endColorstr=#66686868)"; }


/* display */
.swiper-container .swiper-button-prev.autoHide,
.swiper-container .swiper-button-next.autoHide { opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); -webkit-transition: all 0.35s ease; -khtml-transition: all 0.35s ease; -moz-transition: all 0.35s ease; -ms-transition:all 0.35s ease; -o-transition:all 0.35s ease; transition:all 0.35s ease; }
.swiper-container:hover .swiper-button-prev.autoHide,
.swiper-container:hover .swiper-button-next.autoHide { opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100); }

.swiper-container:hover .swiper-button-prev.swiper-button-disabled,
.swiper-container:hover .swiper-button-next.swiper-button-disabled { opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); }



.swiper-container .swiper-scrollbar { width:100% !important; height:1px !important; background:#d8d8d8 !important; }
.swiper-container .swiper-scrollbar .swiper-scrollbar-drag { background:#000 !important; }
.swiper-container-horizontal > .swiper-scrollbar { left:0; }


/*!
 * modified Simple lightbox effect in pure JS
 * @see {@link https://github.com/squeral/lightbox}
 * @see {@link https://github.com/squeral/lightbox/blob/master/lightbox.js}
 * passes jshint
 */

.iframe-lightbox,
.iframe-lightbox .backdrop {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.iframe-lightbox {
	display: none;
	position: fixed;
	opacity: 0;
	-webkit-transition: opacity 0.2s ease;
	transition: opacity 0.2s ease;
	/*!
	 * @see {@link https://github.com/englishextra/iframe-lightbox/issues/10}
	 * @see {@link https://github.com/englishextra/iframe-lightbox/issues/14}
	 */
	z-index: 999999;
}

.iframe-lightbox .backdrop {
	position: absolute;
	background-color: rgba(0, 0, 0, 0.7);
	cursor: default;
}

.iframe-lightbox .content-holder {
	width: 80%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	margin-right: -50%;
}

.iframe-lightbox .content {
	height: 0;
	position: relative;
	padding-bottom: 56.25%;
}

.iframe-lightbox .content>.body {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*!
 * another pure css spinner
 * @see {@link https://epic-spinners.epicmax.co/}
 */

.iframe-lightbox .content>.body .half-circle-spinner,
.iframe-lightbox .content>.body .half-circle-spinner * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.iframe-lightbox .content>.body .half-circle-spinner {
	width: 60px;
	height: 60px;
	border-radius: 100%;
	position: relative;

	margin: 0;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.iframe-lightbox .content>.body .half-circle-spinner .circle {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 100%;
	border: calc(60px / 10) solid transparent;
}

.iframe-lightbox .content>.body .half-circle-spinner .circle.circle-1 {
	border-top-color: #FFFFFF;
	-webkit-animation: half-circle-spinner-animation 1s infinite;
	animation: half-circle-spinner-animation 1s infinite;
}

.iframe-lightbox .content>.body .half-circle-spinner .circle.circle-2 {
	border-bottom-color: #FFFFFF;
	-webkit-animation: half-circle-spinner-animation 1s infinite alternate;
	animation: half-circle-spinner-animation 1s infinite alternate;
}

@-webkit-keyframes half-circle-spinner-animation {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes half-circle-spinner-animation {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.iframe-lightbox .content>.body.is-loaded .half-circle-spinner {
	display: none;
}

.iframe-lightbox iframe {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
	box-shadow: 0.267rem 0.267rem 0.267rem 0 rgba(3, 3, 3, 0.3);
	/*!
	 * in js: iframe onload="this.style.opacity=1;" style="opacity:0;border:none;"
	 */
	/* opacity: 0; */
	-webkit-transition: opacity 0.2s ease;
	transition: opacity 0.2s ease;
}

.iframe-lightbox.is-showing {
	display: block;
}

.iframe-lightbox.is-opened {
	opacity: 1;
}

.iframe-lightbox .btn-close {
	position: fixed;
	top: 0.625em;
	right: 0.625em;
	width: 1.500em;
	height: 1.500em;
}

/*!
 * pure css version
 * @see {@link https://codepen.io/brissmyr/pen/egidw}
 */

.iframe-lightbox .btn-close:before,
.iframe-lightbox .btn-close:after {
	content: " ";
	width: 0.125em;
	height: 1.500em;
	position: absolute;
	right: 0.625em;
	background-color: #FFFFFF;
}

.iframe-lightbox .btn-close:before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.iframe-lightbox .btn-close:after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/*!
 * @see {@link https://github.com/englishextra/iframe-lightbox/issues/12}
 */

body.iframe-lightbox--open {
	overflow: hidden;
}

/*************** SCROLLBAR BASE CSS ***************/

.scroll-wrapper {
    overflow: hidden !important;
    padding: 0 !important;
    position: relative;
}

.scroll-wrapper > .scroll-content {
    border: none !important;
    box-sizing: content-box !important;
    height: auto;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none !important;
    overflow: scroll !important;
    padding: 0;
    position: relative !important;
    top: 0;
    width: auto !important;
}

.scroll-wrapper > .scroll-content::-webkit-scrollbar {
    height: 0;
    width: 0;
}

.scroll-element {
    display: none;
}
.scroll-element, .scroll-element div {
    box-sizing: content-box;
}

.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
    display: block;
}

.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
    cursor: default;
}

.scroll-textarea {
    border: 1px solid #cccccc;
    border-top-color: #999999;
}
.scroll-textarea > .scroll-content {
    overflow: hidden !important;
}
.scroll-textarea > .scroll-content > textarea {
    border: none !important;
    box-sizing: border-box;
    height: 100% !important;
    margin: 0;
    max-height: none !important;
    max-width: none !important;
    overflow: scroll !important;
    outline: none;
    padding: 2px;
    position: relative !important;
    top: 0;
    width: 100% !important;
}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
    height: 0;
    width: 0;
}









/*************** SIMPLE INNER SCROLLBAR ***************/

.scrollbar-inner > .scroll-element,
.scrollbar-inner > .scroll-element div
{
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-inner > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-inner > .scroll-element.scroll-x {
    bottom: 2px;
    height: 8px;
    left: 0;
    width: 100%;
}

.scrollbar-inner > .scroll-element.scroll-y {
    height: 100%;
    right: 2px;
    top: 0;
    width: 8px;
}

.scrollbar-inner > .scroll-element .scroll-element_outer {
    overflow: hidden;
}

.scrollbar-inner > .scroll-element .scroll-element_outer,
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    opacity: 0.4;
}

.scrollbar-inner > .scroll-element .scroll-element_track { background-color: #e0e0e0; }
.scrollbar-inner > .scroll-element .scroll-bar { background-color: #c2c2c2; }
.scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: #919191; }
.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; }


/* update scrollbar offset if both scrolls are visible */

.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; }


.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; }










/*************** SIMPLE OUTER SCROLLBAR ***************/

.scrollbar-outer > .scroll-element,
.scrollbar-outer > .scroll-element div
{
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-outer > .scroll-element {
    background-color: #ffffff;
}

.scrollbar-outer > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-outer > .scroll-element.scroll-x {
    bottom: 0;
    height: 12px;
    left: 0;
    width: 100%;
}

.scrollbar-outer > .scroll-element.scroll-y {
    height: 100%;
    right: 0;
    top: 0;
    width: 12px;
}

.scrollbar-outer > .scroll-element.scroll-x .scroll-element_outer { height: 8px; top: 2px; }
.scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer { left: 2px; width: 8px; }

.scrollbar-outer > .scroll-element .scroll-element_outer { overflow: hidden; }
.scrollbar-outer > .scroll-element .scroll-element_track { background-color: #eeeeee; }

.scrollbar-outer > .scroll-element .scroll-element_outer,
.scrollbar-outer > .scroll-element .scroll-element_track,
.scrollbar-outer > .scroll-element .scroll-bar {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.scrollbar-outer > .scroll-element .scroll-bar { background-color: #d9d9d9; }
.scrollbar-outer > .scroll-element .scroll-bar:hover { background-color: #c2c2c2; }
.scrollbar-outer > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; }


/* scrollbar height/width & offset from container borders */

.scrollbar-outer > .scroll-content.scroll-scrolly_visible { left: -12px; margin-left: 12px; }
.scrollbar-outer > .scroll-content.scroll-scrollx_visible { top:  -12px; margin-top:  12px; }

.scrollbar-outer > .scroll-element.scroll-x .scroll-bar { min-width: 10px; }
.scrollbar-outer > .scroll-element.scroll-y .scroll-bar { min-height: 10px; }


/* update scrollbar offset if both scrolls are visible */

.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -14px; }
.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -14px; }

.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -14px; }
.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -14px; }










/*************** SCROLLBAR MAC OS X ***************/

.scrollbar-macosx > .scroll-element,
.scrollbar-macosx > .scroll-element div
{
    background: none;
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-macosx > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-macosx > .scroll-element .scroll-element_track { display: none; }
.scrollbar-macosx > .scroll-element .scroll-bar {
    background-color: #6C6E71;
    display: block;

    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;

    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;

    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    -ms-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}
.scrollbar-macosx:hover > .scroll-element .scroll-bar,
.scrollbar-macosx > .scroll-element.scroll-draggable .scroll-bar {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    opacity: 0.7;
}


.scrollbar-macosx > .scroll-element.scroll-x {
    bottom: 0px;
    height: 0px;
    left: 0;
    min-width: 100%;
    overflow: visible;
    width: 100%;
}

.scrollbar-macosx > .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 0px;
    top: 0;
    width: 0px;
}

/* scrollbar height/width & offset from container borders */
.scrollbar-macosx > .scroll-element.scroll-x .scroll-bar { height: 7px; min-width: 10px; top: -9px; }
.scrollbar-macosx > .scroll-element.scroll-y .scroll-bar { left: -9px; min-height: 10px; width: 7px; }

.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_outer { left: 2px; }
.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_size { left: -4px; }

.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_outer { top: 2px; }
.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_size { top: -4px; }

/* update scrollbar offset if both scrolls are visible */
.scrollbar-macosx > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -11px; }
.scrollbar-macosx > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -11px; }










/*************** SCROLLBAR LIGHT ***************/

.scrollbar-light > .scroll-element,
.scrollbar-light > .scroll-element div {
    border: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-light > .scroll-element {
    background-color: #ffffff;
}

.scrollbar-light > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-light > .scroll-element .scroll-element_outer {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.scrollbar-light > .scroll-element .scroll-element_size {
    background: #dbdbdb;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
    background: -moz-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#dbdbdb), color-stop(100%,#e8e8e8));
    background: -webkit-linear-gradient(left, #dbdbdb 0%,#e8e8e8 100%);
    background: -o-linear-gradient(left, #dbdbdb 0%,#e8e8e8 100%);
    background: -ms-linear-gradient(left, #dbdbdb 0%,#e8e8e8 100%);
    background: linear-gradient(to right, #dbdbdb 0%,#e8e8e8 100%);

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.scrollbar-light > .scroll-element.scroll-x {
    bottom: 0;
    height: 17px;
    left: 0;
    min-width: 100%;
    width: 100%;
}

.scrollbar-light > .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 0;
    top: 0;
    width: 17px;
}

.scrollbar-light > .scroll-element .scroll-bar {
    background: #fefefe;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
    background: -moz-linear-gradient(left, #fefefe 0%, #f5f5f5 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fefefe), color-stop(100%,#f5f5f5));
    background: -webkit-linear-gradient(left, #fefefe 0%,#f5f5f5 100%);
    background: -o-linear-gradient(left, #fefefe 0%,#f5f5f5 100%);
    background: -ms-linear-gradient(left, #fefefe 0%,#f5f5f5 100%);
    background: linear-gradient(to right, #fefefe 0%,#f5f5f5 100%);

    border: 1px solid #dbdbdb;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

/* scrollbar height/width & offset from container borders */

.scrollbar-light > .scroll-content.scroll-scrolly_visible { left: -17px; margin-left: 17px; }
.scrollbar-light > .scroll-content.scroll-scrollx_visible { top:  -17px; margin-top:  17px; }

.scrollbar-light > .scroll-element.scroll-x .scroll-bar { height: 10px; min-width: 10px; top: 0px; }
.scrollbar-light > .scroll-element.scroll-y .scroll-bar { left: 0px; min-height: 10px; width: 10px; }

.scrollbar-light > .scroll-element.scroll-x .scroll-element_outer { height: 12px; left: 2px; top: 2px; }
.scrollbar-light > .scroll-element.scroll-x .scroll-element_size { left: -4px; }

.scrollbar-light > .scroll-element.scroll-y .scroll-element_outer { left: 2px; top: 2px; width: 12px; }
.scrollbar-light > .scroll-element.scroll-y .scroll-element_size { top: -4px; }

/* update scrollbar offset if both scrolls are visible */

.scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -19px; }
.scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -19px; }

.scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -19px; }
.scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -19px; }










/*************** SCROLLBAR RAIL ***************/

.scrollbar-rail > .scroll-element,
.scrollbar-rail > .scroll-element div
{
    border: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-rail > .scroll-element {
    background-color: #ffffff;
}

.scrollbar-rail > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-rail > .scroll-element .scroll-element_size {
    background-color: #999;
    background-color: rgba(0, 0, 0, 0.3);
}

.scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-element_size {
    background-color: #666;
    background-color: rgba(0, 0, 0, 0.5);
}

.scrollbar-rail > .scroll-element.scroll-x {
    bottom: 0;
    height: 12px;
    left: 0;
    min-width: 100%;
    padding: 3px 0 2px;
    width: 100%;
}

.scrollbar-rail > .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    padding: 0 2px 0 3px;
    right: 0;
    top: 0;
    width: 12px;
}

.scrollbar-rail > .scroll-element .scroll-bar {
    background-color: #d0b9a0;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;

    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

.scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-bar {
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
}

/* scrollbar height/width & offset from container borders */

.scrollbar-rail > .scroll-content.scroll-scrolly_visible { left: -17px; margin-left: 17px; }
.scrollbar-rail > .scroll-content.scroll-scrollx_visible { margin-top: 17px; top: -17px; }

.scrollbar-rail > .scroll-element.scroll-x .scroll-bar { height: 10px; min-width: 10px; top: 1px; }
.scrollbar-rail > .scroll-element.scroll-y .scroll-bar { left: 1px; min-height: 10px; width: 10px; }

.scrollbar-rail > .scroll-element.scroll-x .scroll-element_outer { height: 15px; left: 5px; }
.scrollbar-rail > .scroll-element.scroll-x .scroll-element_size { height: 2px; left: -10px; top: 5px; }

.scrollbar-rail > .scroll-element.scroll-y .scroll-element_outer { top: 5px; width: 15px; }
.scrollbar-rail > .scroll-element.scroll-y .scroll-element_size { left: 5px; top: -10px; width: 2px; }

/* update scrollbar offset if both scrolls are visible */

.scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -25px; }
.scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -25px; }

.scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -25px; }
.scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -25px; }










/*************** SCROLLBAR DYNAMIC ***************/

.scrollbar-dynamic > .scroll-element,
.scrollbar-dynamic > .scroll-element div
{
    background: none;
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-dynamic > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-dynamic > .scroll-element.scroll-x {
    bottom: 2px;
    height: 7px;
    left: 0;
    min-width: 100%;
    width: 100%;
}

.scrollbar-dynamic > .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 2px;
    top: 0;
    width: 7px;
}

.scrollbar-dynamic > .scroll-element .scroll-element_outer {
    opacity: 0.3;

    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}
.scrollbar-dynamic > .scroll-element .scroll-element_size {
    background-color: #cccccc;
    opacity: 0;

    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;

    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    -ms-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

.scrollbar-dynamic > .scroll-element .scroll-bar {
    background-color: #6c6e71;

    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

/* scrollbar height/width & offset from container borders */

.scrollbar-dynamic > .scroll-element.scroll-x .scroll-bar {
    bottom: 0;
    height: 7px;
    min-width: 24px;
    top: auto;
}
.scrollbar-dynamic > .scroll-element.scroll-y .scroll-bar {
    left: auto;
    min-height: 24px;
    right: 0;
    width: 7px;
}

.scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_outer {
    bottom: 0;
    top: auto;
    left: 2px;

    -webkit-transition: height 0.2s;
    -moz-transition: height 0.2s;
    -o-transition: height 0.2s;
    -ms-transition: height 0.2s;
    transition: height 0.2s;
}

.scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_outer {
    left: auto;
    right: 0;
    top: 2px;

    -webkit-transition: width 0.2s;
    -moz-transition: width 0.2s;
    -o-transition: width 0.2s;
    -ms-transition: width 0.2s;
    transition: width 0.2s;
}

.scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_size { left: -4px; }
.scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_size { top: -4px; }


/* update scrollbar offset if both scrolls are visible */

.scrollbar-dynamic > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -11px; }
.scrollbar-dynamic > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -11px; }


/* hover & drag */

.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer {
    overflow: hidden;

    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    opacity: 0.7;
}
.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-element_size,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-element_size {
    opacity: 1;
}
.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-bar,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-bar {
    height: 100%;
    width: 100%;

    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}

.scrollbar-dynamic > .scroll-element.scroll-x:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-x.scroll-draggable .scroll-element_outer {
    height: 20px;
    min-height: 7px;
}
.scrollbar-dynamic > .scroll-element.scroll-y:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-y.scroll-draggable .scroll-element_outer {
    min-width: 7px;
    width: 20px;
}










/*************** SCROLLBAR GOOGLE CHROME ***************/

.scrollbar-chrome > .scroll-element,
.scrollbar-chrome > .scroll-element div
{
    border: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-chrome > .scroll-element {
    background-color: #ffffff;
}

.scrollbar-chrome > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-chrome > .scroll-element .scroll-element_outer {}

.scrollbar-chrome > .scroll-element .scroll-element_track {
    background: #f1f1f1;
    border: 1px solid #dbdbdb;
}

.scrollbar-chrome > .scroll-element.scroll-x {
    bottom: 0;
    height: 16px;
    left: 0;
    min-width: 100%;
    width: 100%;
}

.scrollbar-chrome > .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 0;
    top: 0;
    width: 16px;
}

.scrollbar-chrome > .scroll-element .scroll-bar {
    background-color: #d9d9d9;
    border: 1px solid #bdbdbd;
    cursor: default;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.scrollbar-chrome > .scroll-element .scroll-bar:hover {
    background-color: #c2c2c2;
    border-color: #a9a9a9;
}

.scrollbar-chrome > .scroll-element.scroll-draggable .scroll-bar {
    background-color: #919191;
    border-color: #7e7e7e;
}

/* scrollbar height/width & offset from container borders */

.scrollbar-chrome > .scroll-content.scroll-scrolly_visible { left: -16px; margin-left: 16px; }
.scrollbar-chrome > .scroll-content.scroll-scrollx_visible { top:  -16px; margin-top:  16px; }

.scrollbar-chrome > .scroll-element.scroll-x .scroll-bar { height: 8px; min-width: 10px; top: 3px; }
.scrollbar-chrome > .scroll-element.scroll-y .scroll-bar { left: 3px; min-height: 10px; width: 8px; }

.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_outer { border-left: 1px solid #dbdbdb; }
.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_track { height: 14px; left: -3px; }
.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_size { height: 14px; left: -4px; }

.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_outer { border-top: 1px solid #dbdbdb; }
.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_track { top: -3px; width: 14px; }
.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_size { top: -4px; width: 14px; }

/* update scrollbar offset if both scrolls are visible */

.scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -19px; }
.scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -19px; }

.scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -19px; }
.scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -19px; }








:root {    
    --size-totalwrap:1000px;
    --size-leftaside:360px;
    
    --size-asidegap:70px;
    --size-contentwrap:430px;
    --size-bodywrap:500px;
    
    --color-totalwrap:#f8f8f8;
    --color-contentwrap:#f8f8f8;
}

.d1cbbox { display: flex; display: -webkit-flex; display: -ms-flex; justify-content:center; overflow:hidden; }
.d1cbbox > .d1cbboxbg { position: fixed; left:0; bottom:0; width: 200%;height: 64%; z-index: -1; background:#f4f4f4; -webkit-transform: rotate(172deg); -ms-transform: rotate(172deg); transform: rotate(172deg); }
.d1cbbox > .inner { display: flex; display: -webkit-flex; display: -ms-flex; justify-content:center; width:100%; max-width:var(--size-totalwrap); gap:0 var(--size-asidegap); }
.d1cbbox > .inner > * { flex:1; }
.d1cbbox > .inner #d1contentwrap { display: flex; display: -webkit-flex; display: -ms-flex; justify-content:center; z-index:3900; max-width:var(--size-contentwrap); }
.d1cbbox > .inner #d1bodywrap { background:#fff; width: 100%; max-width: var(--size-bodywrap); min-height: 100vh; z-index:4000; overflow: hidden; box-shadow: 0 0 20px rgba(0,0,0,0.18); }
.d1cbbox #d1contentwrap .contentinner { position:fixed; width:100%; height:100%; z-index:3000; max-width:var(--size-contentwrap); display: flex; display: -webkit-flex; display: -ms-flex; flex-direction:column; justify-content: space-evenly; gap:30px; padding:0 30px; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
.d1cbbox #d1contentwrap .contentinner .contentsec01 { display: flex; display: -webkit-flex; display: -ms-flex; flex-direction:column; gap:30px; }
.d1cbbox #d1contentwrap .contentinner .contentsec01 .contentlogo {}
.d1cbbox #d1contentwrap .contentinner .contentsec01 .contentlogo .bannerwrap { text-align:left; }
.d1cbbox #d1contentwrap .contentinner .contentsec01 .contentlogo .bannerwrap a {  }
.d1cbbox #d1contentwrap .contentinner .contentsec01 .contentlogo .bannerwrap a img { max-width:210px; }
.d1cbbox #d1contentwrap .contentinner .contentsec01 .contentlogo .bannerwrap .textwrap { margin-top:30px; font-size:14px; color:#000; font-weight:normal; }
.d1cbbox #d1contentwrap .contentinner .contentsec01 .contentsearch {}
.d1cbbox #d1contentwrap .contentinner .contentsec01 .contentsearch .contentsearchIn {}
.d1cbbox #d1contentwrap .contentinner .contentsec01 .contentsearch .contentsearchIn fieldset { position:relative; padding:0 70px 0 5px; border-bottom:1px solid #000; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
.d1cbbox #d1contentwrap .contentinner .contentsec01 .contentsearch .contentsearchIn fieldset input { background:transparent; width:100%; border:0; text-align:left; padding:0; font-size:14px; height:40px; line-height:40px; }
.d1cbbox #d1contentwrap .contentinner .contentsec01 .contentsearch .contentsearchIn fieldset .searchbtn { position:absolute; top:0; right:0; width:40px; height:40px; line-height:40px; text-align:center; }
.d1cbbox #d1contentwrap .contentinner .contentsec01 .contentsearch .contentsearchIn fieldset .searchbtn img { width:20px; }
.d1cbbox #d1contentwrap .contentinner .contentsec01 .contentsearch .contentsearchIn .hotkeywordwrap { display:none; margin:50px 0 0 0; }
.d1cbbox #d1contentwrap .contentinner .contentsec01 .contentsearch .contentsearchIn .hotkeywordwrap.loaded { display:block; }
.d1cbbox #d1contentwrap .contentinner .contentsec01 .contentsearch .contentsearchIn .hotkeywordwrap h3 { font-size:15px; font-weight:bold; margin:0 0 10px; }
.d1cbbox #d1contentwrap .contentinner .contentsec01 .contentsearch .contentsearchIn .hotkeywordwrap > ul { gap:7px; flex-wrap:wrap; }
.d1cbbox #d1contentwrap .contentinner .contentsec01 .contentsearch .contentsearchIn .hotkeywordwrap > ul > li {}
.d1cbbox #d1contentwrap .contentinner .contentsec01 .contentsearch .contentsearchIn .hotkeywordwrap > ul > li > a { position:relative; display:block; font-size:12px; padding:6px 10px; border:2px solid #eaeaea; color:#000; border-radius:15px; }
.d1cbbox #d1contentwrap .contentinner .contentsec01 .contentsearch .contentsearchIn .hotkeywordwrap > ul > li > a:hover { color:#a0a0a0; }
.d1cbbox #d1contentwrap .contentinner .contentsec02 { display: flex; display: -webkit-flex; display: -ms-flex; flex-direction:column; gap:40px; }
.d1cbbox #d1contentwrap .contentinner .contentsec02 .contentdownload { max-width:280px; }
.d1cbbox #d1contentwrap .contentinner .contentsec02 .contentdownload .title { margin:0 0 20px; line-height:1.5; }
.d1cbbox #d1contentwrap .contentinner .contentsec02 .contentdownload .title h3 { font-size:18px; font-weight:bold; }
.d1cbbox #d1contentwrap .contentinner .contentsec02 .contentdownload .title p { margin-top:10px; font-size:15px; }
.d1cbbox #d1contentwrap .contentinner .contentsec02 .contentdownload .bannerwrap {}
.d1cbbox #d1contentwrap .contentinner .contentsec02 .contentdownload .bannerwrap img {}
.d1cbbox #d1contentwrap .contentinner .contentsec02 .contentqrcode { }
.d1cbbox #d1contentwrap .contentinner .contentsec02 .contentqrcode > * { gap:20px; align-items:center; }
.d1cbbox #d1contentwrap .contentinner .contentsec02 .contentqrcode a { }
.d1cbbox #d1contentwrap .contentinner .contentsec02 .contentqrcode a img { width:80px; }
.d1cbbox #d1contentwrap .contentinner .contentsec02 .contentqrcode .textwrap { font-size:14px; line-height:1.5; font-weight:bold; }
.d1cbbox #d1bodywrap header.fixed { left:auto; max-width:var(--size-bodywrap); }
.d1cbbox #d1bodywrap .leftaside.d1sidebar.top { left: auto; right: auto; max-width: var(--size-bodywrap); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; }
.d1cbbox #d1bodywrap .d1sidebarbg { left: auto; right: auto; max-width: var(--size-bodywrap); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; }

.d1cbbox #d1bodywrap #drawersearchbg { display:none; position:fixed; top:0; bottom:0; z-index:50; width:100%; max-width:var(--size-bodywrap); background-color:rgba(0,0,0,0.3); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4d000000,endColorstr=#4d000000); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#4d000000,endColorstr=#4d000000)"; }
.d1cbbox #d1bodywrap #drawersearchwrap { left:auto; right:auto; width:100%; max-width:var(--size-bodywrap); }
.d1cbbox #d1bodywrap #d1-fixed-bottom-nav { left:auto; right:auto; width:100%; max-width:var(--size-bodywrap); }
.d1cbbox #d1bodywrap #d1-order-list-wrap-bg { left:auto; right:auto; max-width:var(--size-bodywrap); }
.d1cbbox #d1-order-list-wrap.selected { left:auto; right:auto; max-width:var(--size-bodywrap); }
.d1cbbox #d1bodywrap #orderFixArea.d1-order-fix-section { left:auto; right:auto; width:100%; max-width:var(--size-bodywrap); }
.d1cbbox #d1bodywrap .ec-base-button.gFixed { left:auto; width:100%; max-width:var(--size-bodywrap); }

#aipopupbg { display:none; position:fixed; top:0; bottom:0; z-index:5000; width:100%; max-width:var(--size-bodywrap); background-color:rgba(0,0,0,0.3); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4d000000,endColorstr=#4d000000); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#4d000000,endColorstr=#4d000000)"; }
#aipopupbg.on { display:block; }
#aipopup { position:fixed; bottom:-100%; z-index:5100; width:100%; max-width:var(--size-bodywrap); -webkit-transition:bottom .8s; -ms-transition:bottom .8s; transition:bottom .8s; border-radius:30px 30px 0 0; }
#aipopup.on { bottom:0; }
#aipopup.swiper-container .swiper-pagination-fraction { top:20px; right:20px; height:auto; bottom:auto; }
#aipopup .buttonwrap { justify-content:space-between; height:60px; align-items:center; background:#fff; padding:0 30px; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
#aipopup .buttonwrap > a { font-size:14px; line-height:1.5; }


@media all and (max-width:767px) {
    .d1cbbox #d1bodywrap #totalProducts tbody tr td:nth-child(1) {}
    .d1cbbox #d1bodywrap #totalProducts tbody tr td:nth-child(2) { width:100px; }
    .d1cbbox #d1bodywrap #totalProducts tbody tr td:nth-child(3) { padding:0; width:35px; }
    .d1cbbox #d1bodywrap #totalProducts tbody td p:last-of-type { width:114px; }
    .d1cbbox #d1bodywrap #totalProducts tbody td p.option, #totalProducts tbody td p.product { padding:0 0 5px; }
}

@media screen and (max-width: 1000px) {
    .d1cbbox #d1contentwrap {
        display: none !important;
	}    
    .d1cbbox #d1bodywrap .leftaside.d1sidebar.left { 
        -webkit-transform: translate3d(-200%,0,0); -ms-transform: translate3d(-200%,0,0); transform: translate3d(-200%,0,0); 
    }
}

.d1cbbox .d1-photoreview-fixed-wrap { margin:0 0 20px; }
.d1cbbox .d1-photoreview-search { padding:10px; margin:10px; }
.d1cbbox .d1-photoreview-search .inner { gap:10px; }
.d1cbbox .d1-photoreview-search .inner .sec01 { gap:5px; }
.d1cbbox .d1-photoreview-search .inner .sec01 > .d1-photoreview-sort-btn { font-size:22px; }
.d1cbbox .d1-photoreview-search .inner .sec02 select { height:30px; line-height:28px; }
.d1cbbox .d1-photoreview-search .inner .sec03 { width:120px; }
.d1cbbox .d1-photoreview-search .inner .sec03 .searchwrap input#search { height:30px; line-height:28px; padding:0 40px 0 10px; }
.d1cbbox .d1-photoreview-search .inner .sec03 .searchwrap .searchBtn { width:30px; height:30px; font-size:14px; }
.d1cbbox .d1-photoreview-search .inner .sec03 .searchwrap .searchBtn i { line-height:30px; }
.d1cbbox .d1-photoreview-notice { padding:10px 15px; margin:0 10px 20px; }
.d1cbbox .d1-photoreview-notice > ul > li .box { padding-right:90px; }
.d1cbbox .d1-photoreview-notice > ul > li .box .icon { flex-shrink:0; line-height:24px; height:24px; margin:0 10px 0 0; padding:0 10px; background:#000; color:#fff; border-radius:8px; font-size:11px; }
.d1cbbox .d1-photoreview-notice > ul > li .box .subject > a { font-size:12px; }
.d1cbbox .d1-photoreview-notice > ul > li .box .date { width:80px; }

@charset "utf-8";
body.d1-scl { overflow:hidden; }
body#popup { height: 100%; background: transparent; box-shadow: none; }

.xans-board-empty.empty { text-align:center; padding:60px 0; }
.xans-board-listpackage .ec-base-button.gFull { margin:10px; }

.d1-photoreview-point > span[class*='point'] {}
.d1-photoreview-point > span[class*='point']:before { font-size:15px; line-height:1; letter-spacing:-1px; color:#555; }
.d1-photoreview-point > span.point1:before { content: "\2605\2606\2606\2606\2606"; }
.d1-photoreview-point > span.point2:before { content: "\2605\2605\2606\2606\2606"; }
.d1-photoreview-point > span.point3:before { content: "\2605\2605\2605\2606\2606"; }
.d1-photoreview-point > span.point4:before { content: "\2605\2605\2605\2605\2606"; }
.d1-photoreview-point > span.point5:before { content: "\2605\2605\2605\2605\2605"; }
.d1-photoreview-list[data-type='list'] .d1-photoreview-point .pointtext { display:none; }


.d1-photoreview-fixed-wrap { margin:0 0 30px; background:#f4f4f4; }
@media all and (max-width:767px) {
    .d1-photoreview-fixed-wrap { margin:0 0 20px; }
}

.d1-photoreview-fixed-wrap .d1-photoreview-list[data-type='gallery'] { margin:0 0 30px; padding:80px 180px 50px; background:#f4f4f4; -webkit-box-sizing:border-box; -khtml-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; }
.d1-photoreview-fixed-wrap .d1-photoreview-list[data-type='gallery'] > ul {  }
.d1-photoreview-fixed-wrap .d1-photoreview-list[data-type='gallery'] > ul > li.item {  }
.d1-photoreview-fixed-wrap .d1-photoreview-list[data-type='gallery'] > ul > li.item > .box { position:relative; background:#fff; }
.d1-photoreview-fixed-wrap .d1-photoreview-list[data-type='gallery'] > ul > li.item > .box:before { display:block; content:"베스트 리뷰"; position:absolute; top:-16px; left:50%; z-index:2; width:90px; height:32px; line-height:32px; font-size:12px; background:#fff; border:1px solid #e8e8e8; color:#000; text-align:center; border-radius:2px; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); }

.d1-photoreview-fixed-wrap .d1-photoreview-list[data-type='mgallery'] { margin:0 10px 20px; padding-top:20px; padding-bottom:20px; -webkit-box-sizing:border-box; -khtml-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; }
.d1-photoreview-fixed-wrap .d1-photoreview-list[data-type='mgallery'].swiper-container-initialized { padding-bottom:50px; }
.d1-photoreview-fixed-wrap .d1-photoreview-list[data-type='mgallery'].swiper-container .swiper-pagination { bottom:20px; }
.d1-photoreview-fixed-wrap .d1-photoreview-list[data-type='mgallery'] > ul { flex-wrap: unset; justify-content: unset; margin:0; font-size:0; line-height:0; }
.d1-photoreview-fixed-wrap .d1-photoreview-list[data-type='mgallery'] > ul > li.item { position:relative; padding:16px 0 0 0; }
.d1-photoreview-fixed-wrap .d1-photoreview-list[data-type='mgallery'] > ul > li.item .box { background:#fff; }
.d1-photoreview-fixed-wrap .d1-photoreview-list[data-type='mgallery'] > ul > li.item > .box:before { display:block; content:"베스트 리뷰"; position:absolute; top:0px; left:50%; z-index:2; width:90px; height:28px; line-height:28px; font-size:11px; background:#fff; border:1px solid #e8e8e8; color:#000; text-align:center; border-radius:2px; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); }



.d1-photoreview-search { border:1px solid #e8e8e8; padding:30px; margin:30px 0; border-radius:2px; }
.d1-photoreview-search .inner { display: flex; display: -webkit-flex; display: -ms-flex; gap:50px; align-items:center; justify-content:space-around; }
.d1-photoreview-search .inner .sec01 { display: flex; display: -webkit-flex; display: -ms-flex; gap:10px; }
.d1-photoreview-search .inner .sec02 { flex:1; }
.d1-photoreview-search .inner .sec03 { width:300px; font-size:0; line-height:0; }
.d1-photoreview-search .inner .sec01 > .d1-photoreview-sort-btn { font-size:24px; color:#a0a0a0; }
.d1-photoreview-search .inner .sec01 > .d1-photoreview-sort-btn.selected { color:#000; }
.d1-photoreview-search .inner .sec02 select { height:40px; line-height:38px; width:100%; }
.d1-photoreview-search .inner .sec02 #product_category_depth2,
.d1-photoreview-search .inner .sec02 #product_category_depth3, 
.d1-photoreview-search .inner .sec02 #product_category_depth4 { display:none; }
.d1-photoreview-search .inner .sec03 .searchwrap { position:relative; width:100%; }
.d1-photoreview-search .inner .sec03 .searchwrap input#search { width:100%; height:40px; line-height:38px; padding:0 60px 0 20px; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
.d1-photoreview-search .inner .sec03 .searchwrap .searchBtn { position:absolute; top:0; right:0; z-index:1; width:40px; height:40px; background:#555; color:#fff; font-size:20px; text-align:center; }
.d1-photoreview-search .inner .sec03 .searchwrap .searchBtn i { line-height:40px; }
.d1-photoreview-search.detail {  }
.d1-photoreview-search.detail .inner { justify-content:space-between; }
.d1-photoreview-search.detail .inner > * { flex:1; }
.d1-photoreview-search.detail .inner > .sec02 { display: flex; display: -webkit-flex; display: -ms-flex; justify-content:flex-end; gap:5px; }

@media all and (max-width:767px) {    
    .d1-photoreview-search { padding:10px; margin:10px; }
    .d1-photoreview-search .inner { gap:10px; }
    .d1-photoreview-search .inner .sec01 { gap:5px; }
    .d1-photoreview-search .inner .sec01 > .d1-photoreview-sort-btn { font-size:22px; }
    .d1-photoreview-search .inner .sec02 select { height:30px; line-height:28px; }
    .d1-photoreview-search .inner .sec03 { width:120px; }
    .d1-photoreview-search .inner .sec03 .searchwrap input#search { height:30px; line-height:28px; padding:0 40px 0 10px; }
    .d1-photoreview-search .inner .sec03 .searchwrap .searchBtn { width:30px; height:30px; font-size:14px; }
    .d1-photoreview-search .inner .sec03 .searchwrap .searchBtn i { line-height:30px; }
}

.d1-photoreview-notice { border:1px solid #e8e8e8; margin:0 0 30px 0; padding:20px 30px; box-shadow: 0 0 5px rgb(0 0 0 / 5%); }
.d1-photoreview-notice > ul { font-size:0; line-height:0; }
.d1-photoreview-notice > ul > li { padding:5px 0; }
.d1-photoreview-notice > ul > li .box { position:relative; display: flex; display: -webkit-flex; display: -ms-flex; align-items:center; font-size:12px; line-height:1.6em; color:#000; padding:0 140px 0 0; }
.d1-photoreview-notice > ul > li .box .icon { flex-shrink:0; line-height:28px; height:28px; margin:0 20px 0 0; padding:0 15px; background:#000; color:#fff; border-radius:8px; }
.d1-photoreview-notice > ul > li .box .subject { overflow:hidden; }
.d1-photoreview-notice > ul > li .box .subject > a { display:block; color:#000; font-size:14px; font-weight:500; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.d1-photoreview-notice > ul > li .box .date { color:#a0a0a0; width:100px; text-align:right; flex-shrink:0; position:absolute; top:50%; right:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); }

@media all and (max-width:767px) {    
    .d1-photoreview-notice { padding:10px 15px; margin:0 10px 20px; }
    .d1-photoreview-notice > ul > li .box { padding-right:90px; }
	.d1-photoreview-notice > ul > li .box .icon { flex-shrink:0; line-height:24px; height:24px; margin:0 10px 0 0; padding:0 10px; background:#000; color:#fff; border-radius:8px; font-size:11px; }
    .d1-photoreview-notice > ul > li .box .subject > a { font-size:12px; }
    .d1-photoreview-notice > ul > li .box .date { width:80px; }
}


.d1-photoreview-list[data-type] > ul > li.item { opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); visibility:hidden; -webkit-transition:1s opacity ease, 1s visibility ease; -ms-transition:1s opacity ease, 1s visibility ease; transition:1s opacity ease, 1s visibility ease; }
.d1-photoreview-list[data-type] > ul > li.item.d1-photoreview-loaded-item { opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100); visibility:visible; }

.d1-photoreview-list[data-type='list'] > ul > li.item { min-height:100px; border-bottom:1px solid #f1f1f1; }
.d1-photoreview-list[data-type='list'] > ul > li.item:first-child { border-top:1px solid #f1f1f1; }
.d1-photoreview-list[data-type='list'] > ul > li.item > .box { display: flex; display: -webkit-flex; display: -ms-flex; gap:50px; padding:30px 0; font-size:12px; line-height:1.6em; color:#555; text-align:left; }
.d1-photoreview-list[data-type='list'] > ul > li.item > .box > article {  }
.d1-photoreview-list[data-type='list'] > ul > li.item > .box > article.s01 { width:100px; }
.d1-photoreview-list[data-type='list'] > ul > li.item > .box > article.s01.displaynone {  }
.d1-photoreview-list[data-type='list'] > ul > li.item > .box > article.s02 { flex:1; display: flex; display: -webkit-flex; display: -ms-flex; gap:10px; flex-direction:column; }
.d1-photoreview-list[data-type='list'] > ul > li.item > .box > article.s03 { width:300px; text-align:right; display: flex; display: -webkit-flex; display: -ms-flex; gap:10px; flex-direction:column; }
.d1-photoreview-list[data-type='list'] > ul > li.item > .box > article img { max-width:100%; }
.d1-photoreview-list[data-type='list'] > ul > li.item > .box .thumbnail {}
.d1-photoreview-list[data-type='list'] > ul > li.item > .box .thumbnail a.typeA { display:block; }
.d1-photoreview-list[data-type='list'] > ul > li.item > .box .thumbnail a.typeB { display:none; }
.d1-photoreview-list[data-type='list'] > ul > li.item > .box .productName {  }
.d1-photoreview-list[data-type='list'] > ul > li.item > .box .productName > a { color:#a0a0a0; }
.d1-photoreview-list[data-type='list'] > ul > li.item > .box .subject { font-weight:bold; }
.d1-photoreview-list[data-type='list'] > ul > li.item > .box .subject > a { color:#222; }
.d1-photoreview-list[data-type='list'] > ul > li.item > .box .content {  }
.d1-photoreview-list[data-type='list'] > ul > li.item > .box .content .summary {  }
.d1-photoreview-list[data-type='list'] > ul > li.item > .box .content .summary .contentMorebtn { display:inline-block; *display:inline; *zoom:1; vertical-align:top; margin:0 0 0 10px; color:#a0a0a0; }
.d1-photoreview-list[data-type='list'] > ul > li.item > .box .content .all { display:none; }
.d1-photoreview-list[data-type='list'] > ul > li.item > .box .content .all img { display:none; }
.d1-photoreview-list[data-type='list'] > ul > li.item > .box .content .all .attach { margin:25px 0 10px; }
.d1-photoreview-list[data-type='list'] > ul > li.item > .box .content .all .attach > ul { display: flex; display: -webkit-flex; display: -ms-flex; gap:5px; }
.d1-photoreview-list[data-type='list'] > ul > li.item > .box .content .all .attach > ul > li > a { display:block; font-size:0; line-height:0; width:120px; height:120px; background-size: cover; background-position:center; background-repeat:no-repeat; }
.d1-photoreview-list[data-type='list'] > ul > li.item > .box .content .all .contentSummarybtn { display:inline-block; *display:inline; *zoom:1; vertical-align:top; margin:20px 0 20px; color:#a0a0a0; }
.d1-photoreview-list[data-type='list'] > ul > li.item > .box .content.selected .summary { display:none; }
.d1-photoreview-list[data-type='list'] > ul > li.item > .box .content.selected .all { display:block; }
.d1-photoreview-list[data-type='list'] > ul > li.item > .box .content.nomore .all { display:block; }
.d1-photoreview-list[data-type='list'] > ul > li.item > .box .countInfo { display: flex; display: -webkit-flex; display: -ms-flex; gap:20px; align-items:center; }
.d1-photoreview-list[data-type='list'] > ul > li.item > .box .countInfo > span { position:relative; }
.d1-photoreview-list[data-type='list'] > ul > li.item > .box .countInfo > span > a { color:#a0a0a0; }
.d1-photoreview-list[data-type='list'] > ul > li.item > .box .countInfo > span b { font-weight:normal; margin:0 2px 0 0; }
.d1-photoreview-list[data-type='list'] > ul > li.item > .box .comment + .vote:before { content:""; display:block; position:absolute; top:50%; left:-10px; width:1px; height:10px; background:#e8e8e8; -webkit-transform:translate3d(0,-50%,0); -ms-transform:translate3d(0,-50%,0); transform:translate3d(0,-50%,0); }
.d1-photoreview-list[data-type='list'] > ul > li.item > .box .comment {}
.d1-photoreview-list[data-type='list'] > ul > li.item > .box .vote {}
.d1-photoreview-list[data-type='list'] > ul > li.item > .box .writeInfo { display: flex; display: -webkit-flex; display: -ms-flex; gap:20px; align-items:center; justify-content: flex-end; }
.d1-photoreview-list[data-type='list'] > ul > li.item > .box .writeInfo > span { position:relative; color:#a0a0a0; }
.d1-photoreview-list[data-type='list'] > ul > li.item > .box .writeInfo > span > a { color:#a0a0a0; }
.d1-photoreview-list[data-type='list'] > ul > li.item > .box .writer + .writeDate:before { content:""; display:block; position:absolute; top:50%; left:-10px; width:1px; height:10px; background:#e8e8e8; -webkit-transform:translate3d(0,-50%,0); -ms-transform:translate3d(0,-50%,0); transform:translate3d(0,-50%,0); }
.d1-photoreview-list[data-type='list'] > ul > li.item > .box .attachInfo {}
.d1-photoreview-list[data-type='list'] > ul > li.item > .box .attachInfo > ul { display: flex; display: -webkit-flex; display: -ms-flex; gap:1%; justify-content: flex-end; flex-wrap: wrap; }
.d1-photoreview-list[data-type='list'] > ul > li.item > .box .attachInfo > ul > li { position:relative; border:1px solid #fff; border-radius:2px; width:19%; padding-bottom:19%; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
.d1-photoreview-list[data-type='list'] > ul > li.item > .box .attachInfo > ul > li:nth-child(n+6) { display:none; }
.d1-photoreview-list[data-type='list'] > ul > li.item > .box .attachInfo > ul > li > a { display:block; font-size:0; line-height:0; position:absolute; top:0; left:0; width:100%; height:100%; background-size: cover; background-position:center; background-repeat:no-repeat; }
.d1-photoreview-list[data-type='list'] > ul > li.item > .box .attachInfo > ul > li > a img { display:none; }
.d1-photoreview-list[data-type='list'].detail > ul > li.item > .box > article.s01 { display:none; }


.d1-photoreview-list[data-type='gallery'] > ul { display: flex; display: -webkit-flex; display: -ms-flex; gap:20px 0; justify-content: flex-start; flex-wrap: wrap; margin:0 -10px; }
.d1-photoreview-list[data-type='gallery'] > ul > li.item { padding:0 10px; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; width:25%; }
.d1-photoreview-list[data-type='gallery'] > ul.grid1 > li.item { width:100%; }
.d1-photoreview-list[data-type='gallery'] > ul.grid2 > li.item { width:50%; }
.d1-photoreview-list[data-type='gallery'] > ul.grid3 > li.item { width:33.333%; }
.d1-photoreview-list[data-type='gallery'] > ul.grid4 > li.item { width:25%; }
.d1-photoreview-list[data-type='gallery'] > ul.grid5 > li.item { width:20%; }
.d1-photoreview-list[data-type='gallery'] > ul > li.item > .box { border:1px solid #e8e8e8; font-size:12px; line-height:1.6em; color:#555; text-align:left; }
.d1-photoreview-list[data-type='gallery'] > ul > li.item > .box .bigImageWrap { position:relative; padding-bottom:100%; background:#f4f4f4; }
.d1-photoreview-list[data-type='gallery'] > ul > li.item > .box .bigImageWrap > a { position: absolute; top:0; left:0; width:100%; height:100%; background-size: cover; background-position:center; background-repeat:no-repeat; z-index:1; }
.d1-photoreview-list[data-type='gallery'] > ul > li.item > .box .bigImageWrap > a img { display:none; }
.d1-photoreview-list[data-type='gallery'] > ul > li.item > .box .bigImageWrap .thumbnail {}
.d1-photoreview-list[data-type='gallery'] > ul > li.item > .box .bigImageWrap .thumbnail a {}
.d1-photoreview-list[data-type='gallery'] > ul > li.item > .box .bigImageWrap .thumbnail a.typeA { display:none; }
.d1-photoreview-list[data-type='gallery'] > ul > li.item > .box .bigImageWrap .thumbnail a.typeB { display:block; position: absolute; top:0; left:0; width:100%; height:100%; background-size: cover; background-position:center; background-repeat:no-repeat; }
.d1-photoreview-list[data-type='gallery'] > ul > li.item > .box .bigImageWrap .thumbnail a img { max-width:100%; }
.d1-photoreview-list[data-type='gallery'] > ul > li.item > .box .bigImageWrap .attachInfo { position:absolute; left:0px; bottom:5px; z-index:1; width:100%; padding:0 5px; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
.d1-photoreview-list[data-type='gallery'] > ul > li.item > .box .bigImageWrap .attachInfo > ul { display: flex; display: -webkit-flex; display: -ms-flex; gap:1%; justify-content: flex-start; flex-wrap: wrap; }
.d1-photoreview-list[data-type='gallery'] > ul > li.item > .box .bigImageWrap .attachInfo > ul > li { position:relative; border:1px solid #fff; border-radius:2px; width:19%; padding-bottom:19%; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
.d1-photoreview-list[data-type='gallery'] > ul > li.item > .box .bigImageWrap .attachInfo > ul > li:nth-child(n+6) { display:none; }
.d1-photoreview-list[data-type='gallery'] > ul > li.item > .box .bigImageWrap .attachInfo > ul > li > a { display:block; font-size:0; line-height:0; position:absolute; top:0; left:0; width:100%; height:100%; background-size: cover; background-position:center; background-repeat:no-repeat; }
.d1-photoreview-list[data-type='gallery'] > ul > li.item > .box .bigImageWrap .attachInfo > ul > li > a img { display:none; }
.d1-photoreview-list[data-type='gallery'] > ul > li.item > .box .descriptionWrap { display: flex; display: -webkit-flex; display: -ms-flex; gap:10px; flex-direction:column; padding:20px 20px 0; border-top:1px solid #e8e8e8; }
.d1-photoreview-list[data-type='gallery'] > ul > li.item > .box .descriptionWrap .subject {}
.d1-photoreview-list[data-type='gallery'] > ul > li.item > .box .descriptionWrap .subject > a { font-size:14px; font-weight:500; }
.d1-photoreview-list[data-type='gallery'] > ul > li.item > .box .descriptionWrap .content {}
.d1-photoreview-list[data-type='gallery'] > ul > li.item > .box .descriptionWrap .content .summary { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color:#a0a0a0; }
.d1-photoreview-list[data-type='gallery'] > ul > li.item > .box .descriptionWrap .content .summary .contentMorebtn,
.d1-photoreview-list[data-type='gallery'] > ul > li.item > .box .descriptionWrap .content .all { display:none; }
.d1-photoreview-list[data-type='gallery'] > ul > li.item > .box .descriptionWrap .pointInfo { height:20px; }
.d1-photoreview-list[data-type='gallery'] > ul > li.item > .box .descriptionWrap .pointInfo .pointtext { display:none; }
.d1-photoreview-list[data-type='gallery'] > ul > li.item > .box .descriptionWrap .exInfoWrap { display: flex; display: -webkit-flex; display: -ms-flex; justify-content:space-between; align-items:center; height:40px; }
.d1-photoreview-list[data-type='gallery'] > ul > li.item > .box .descriptionWrap .writeInfo { display: flex; display: -webkit-flex; display: -ms-flex; gap:20px; }
.d1-photoreview-list[data-type='gallery'] > ul > li.item > .box .descriptionWrap .writeInfo,
.d1-photoreview-list[data-type='gallery'] > ul > li.item > .box .descriptionWrap .writeInfo a { font-size:11px; color:#a0a0a0; }
.d1-photoreview-list[data-type='gallery'] > ul > li.item > .box .descriptionWrap .writeInfo span { position:relative; }
.d1-photoreview-list[data-type='gallery'] > ul > li.item > .box .descriptionWrap .writeInfo .writeDate:before { content:""; display:block; position:absolute; top:50%; left:-10px; width:1px; height:10px; background:#e8e8e8; -webkit-transform:translate3d(0,-50%,0); -ms-transform:translate3d(0,-50%,0); transform:translate3d(0,-50%,0); }
.d1-photoreview-list[data-type='gallery'] > ul > li.item > .box .descriptionWrap .countInfo { display: flex; display: -webkit-flex; display: -ms-flex; gap:10px; }
.d1-photoreview-list[data-type='gallery'] > ul > li.item > .box .descriptionWrap .countInfo span { font-size:0; line-height:0; }
.d1-photoreview-list[data-type='gallery'] > ul > li.item > .box .descriptionWrap .countInfo span a { display:inline-block; *display:inline; *zoom:1; }
.d1-photoreview-list[data-type='gallery'] > ul > li.item > .box .descriptionWrap .countInfo span b { font-size:11px; line-height:1; color:#a0a0a0; }
.d1-photoreview-list[data-type='gallery'] > ul > li.item > .box .descriptionWrap .countInfo span:before { color:#a0a0a0; font-size:13px; position:relative; top:1px; line-height:1; margin:0 2px 0 0; font-family: xeicon!important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.d1-photoreview-list[data-type='gallery'] > ul > li.item > .box .descriptionWrap .countInfo .comment:before { content:"\ea13"; }
.d1-photoreview-list[data-type='gallery'] > ul > li.item > .box .descriptionWrap .countInfo .vote:before { content:"\ea11"; }
.d1-photoreview-list[data-type='gallery'] > ul > li.item > .box .productWrap { display: flex; display: -webkit-flex; display: -ms-flex; gap:20px; align-items:center; border-top:1px solid #e8e8e8; padding:0px 20px; height:66px; }
.d1-photoreview-list[data-type='gallery'] > ul > li.item > .box .productWrap .thumbnail {  }
.d1-photoreview-list[data-type='gallery'] > ul > li.item > .box .productWrap .thumbnail > a.typeA { display:none; }
.d1-photoreview-list[data-type='gallery'] > ul > li.item > .box .productWrap .thumbnail > a.typeB { display:block; width:40px; height:40px; background-size: cover; background-position:center; background-repeat:no-repeat; }
.d1-photoreview-list[data-type='gallery'] > ul > li.item > .box .productWrap .productName {}
.d1-photoreview-list[data-type='gallery'] > ul > li.item > .box .productWrap .productName > a {}
.d1-photoreview-list[data-type='gallery'].detail > ul > li.item > .box .productWrap { display:none; }


.d1-photoreview-list[data-type='mlist'] > ul > li.item { min-height:100px; border-bottom:1px solid #f1f1f1; }
.d1-photoreview-list[data-type='mlist'] > ul > li.item:first-child { border-top:1px solid #f1f1f1; }
.d1-photoreview-list[data-type='mlist'] > ul > li.item > .box { flex-wrap:wrap; display: flex; display: -webkit-flex; display: -ms-flex; gap:10px; padding:20px 15px; font-size:12px; line-height:1.6em; color:#555; text-align:left; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
.d1-photoreview-list[data-type='mlist'] > ul > li.item > .box > article {  }
.d1-photoreview-list[data-type='mlist'] > ul > li.item > .box > article.s01 { width:60px; }
.d1-photoreview-list[data-type='mlist'] > ul > li.item > .box > article.s01.displaynone {  }
.d1-photoreview-list[data-type='mlist'] > ul > li.item > .box > article.s02 { flex:1; display: flex; display: -webkit-flex; display: -ms-flex; gap:5px; flex-direction:column; }
.d1-photoreview-list[data-type='mlist'] > ul > li.item > .box > article .sec { display: flex; display: -webkit-flex; display: -ms-flex; justify-content:space-between; align-items:center; }
.d1-photoreview-list[data-type='mlist'] > ul > li.item > .box > article .sec.end { align-items:flex-end; }
.d1-photoreview-list[data-type='mlist'] > ul > li.item > .box > article img { max-width:100%; }
.d1-photoreview-list[data-type='mlist'] > ul > li.item > .box .thumbnail {}
.d1-photoreview-list[data-type='mlist'] > ul > li.item > .box .thumbnail a.typeA { display:block; }
.d1-photoreview-list[data-type='mlist'] > ul > li.item > .box .thumbnail a.typeB { display:none; }
.d1-photoreview-list[data-type='mlist'] > ul > li.item > .box .pointInfo { }
.d1-photoreview-list[data-type='mlist'] > ul > li.item > .box .pointInfo .pointtext { display:none; }
.d1-photoreview-list[data-type='mlist'] > ul > li.item > .box .productName {  }
.d1-photoreview-list[data-type='mlist'] > ul > li.item > .box .productName > a { display:inline-block; *display:inline; *zoom:1; width:180px; color:#a0a0a0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:right; }
.d1-photoreview-list[data-type='mlist'] > ul > li.item > .box .subject { font-weight:bold; }
.d1-photoreview-list[data-type='mlist'] > ul > li.item > .box .subject > a { color:#222; }
.d1-photoreview-list[data-type='mlist'] > ul > li.item > .box .content {  }
.d1-photoreview-list[data-type='mlist'] > ul > li.item > .box .content .summary {  }
.d1-photoreview-list[data-type='mlist'] > ul > li.item > .box .content .summary .contentMorebtn { display:inline-block; *display:inline; *zoom:1; vertical-align:top; margin:0 0 0 10px; color:#a0a0a0; }
.d1-photoreview-list[data-type='mlist'] > ul > li.item > .box .content .all { display:none; }
.d1-photoreview-list[data-type='mlist'] > ul > li.item > .box .content .all img { display:none; }
.d1-photoreview-list[data-type='mlist'] > ul > li.item > .box .content .all .attach { margin:25px 0 10px; }
.d1-photoreview-list[data-type='mlist'] > ul > li.item > .box .content .all .attach > ul { display: flex; display: -webkit-flex; display: -ms-flex; gap:5px; flex-wrap:wrap; }
.d1-photoreview-list[data-type='mlist'] > ul > li.item > .box .content .all .attach > ul > li > a { display:block; font-size:0; line-height:0; width:50px; height:50px; background-size: cover; background-position:center; background-repeat:no-repeat; }
.d1-photoreview-list[data-type='mlist'] > ul > li.item > .box .content .all .contentSummarybtn { display:inline-block; *display:inline; *zoom:1; vertical-align:top; margin:20px 0 20px; color:#a0a0a0; }
.d1-photoreview-list[data-type='mlist'] > ul > li.item > .box .content.selected .summary { display:none; }
.d1-photoreview-list[data-type='mlist'] > ul > li.item > .box .content.selected .all { display:block; }
.d1-photoreview-list[data-type='mlist'] > ul > li.item > .box .content.nomore .all { display:block; }
.d1-photoreview-list[data-type='mlist'] > ul > li.item > .box .writeInfo { display: flex; display: -webkit-flex; display: -ms-flex; gap:20px; align-items:center; justify-content: flex-start; font-size:11px; }
.d1-photoreview-list[data-type='mlist'] > ul > li.item > .box .writeInfo > span { position:relative; color:#a0a0a0; }
.d1-photoreview-list[data-type='mlist'] > ul > li.item > .box .writeInfo > span > a { color:#a0a0a0; }
.d1-photoreview-list[data-type='mlist'] > ul > li.item > .box .writer + .writeDate:before { content:""; display:block; position:absolute; top:50%; left:-10px; width:1px; height:10px; background:#e8e8e8; -webkit-transform:translate3d(0,-50%,0); -ms-transform:translate3d(0,-50%,0); transform:translate3d(0,-50%,0); }
.d1-photoreview-list[data-type='mlist'] > ul > li.item > .box .countInfo { display: flex; display: -webkit-flex; display: -ms-flex; gap:10px; margin:10px 0 0 0; font-size:11px; }
.d1-photoreview-list[data-type='mlist'] > ul > li.item > .box .countInfo span { font-size:0; line-height:0; }
.d1-photoreview-list[data-type='mlist'] > ul > li.item > .box .countInfo span b { font-size:11px; line-height:1; color:#a0a0a0; }
.d1-photoreview-list[data-type='mlist'] > ul > li.item > .box .countInfo span:before { color:#a0a0a0; font-size:13px; position:relative; top:1px; line-height:1; margin:0 2px 0 0; font-family: xeicon!important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.d1-photoreview-list[data-type='mlist'] > ul > li.item > .box .countInfo .comment:before { content:"\ea13"; }
.d1-photoreview-list[data-type='mlist'] > ul > li.item > .box .countInfo .vote:before { content:"\ea11"; }
.d1-photoreview-list[data-type='mlist'] > ul > li.item > .box .attachInfo {}
.d1-photoreview-list[data-type='mlist'] > ul > li.item > .box .attachInfo > ul { display: flex; display: -webkit-flex; display: -ms-flex; gap:2px; justify-content: flex-start; flex-wrap: wrap; flex-direction:row-reverse; }
.d1-photoreview-list[data-type='mlist'] > ul > li.item > .box .attachInfo > ul > li { margin-left:-24px; position:relative; }
.d1-photoreview-list[data-type='mlist'] > ul > li.item > .box .attachInfo > ul > li:nth-child(n+5) { display:none; }
.d1-photoreview-list[data-type='mlist'] > ul > li.item > .box .attachInfo > ul > li:nth-child(1) { z-index:10; }
.d1-photoreview-list[data-type='mlist'] > ul > li.item > .box .attachInfo > ul > li:nth-child(2) { z-index:9; }
.d1-photoreview-list[data-type='mlist'] > ul > li.item > .box .attachInfo > ul > li:nth-child(3) { z-index:8; }
.d1-photoreview-list[data-type='mlist'] > ul > li.item > .box .attachInfo > ul > li:nth-child(4) { z-index:7; }
.d1-photoreview-list[data-type='mlist'] > ul > li.item > .box .attachInfo > ul > li > a { display:block; font-size:0; line-height:0; width:38px; height:38px; border:1px solid #fff; background-size: cover; background-position:center; background-repeat:no-repeat; border-radius:50%; overflow:hidden; }
.d1-photoreview-list[data-type='mlist'] > ul > li.item > .box .attachInfo > ul > li > a img { display:none; }
.d1-photoreview-list[data-type='mlist'].detail > ul > li.item > .box > article.s01 { display:none; }


.d1-photoreview-list[data-type='mgallery'] { margin:0 10px; }
.d1-photoreview-list[data-type='mgallery'] > ul { display: flex; display: -webkit-flex; display: -ms-flex; gap:20px 0; justify-content: flex-start; flex-wrap: wrap; margin:0 -2px; }
.d1-photoreview-list[data-type='mgallery'] > ul > li.item { padding:0 2px; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; width:50%; }
.d1-photoreview-list[data-type='mgallery'] > ul.grid1 > li.item { width:100%; }
.d1-photoreview-list[data-type='mgallery'] > ul.grid2 > li.item { width:50%; }
.d1-photoreview-list[data-type='mgallery'] > ul.grid3 > li.item { width:33.333%; }
.d1-photoreview-list[data-type='mgallery'] > ul.grid4 > li.item { width:25%; }
.d1-photoreview-list[data-type='mgallery'] > ul.grid5 > li.item { width:20%; }
.d1-photoreview-list[data-type='mgallery'] > ul > li.item > .box { border:1px solid #e8e8e8; font-size:12px; line-height:1.6em; color:#555; text-align:left; }
.d1-photoreview-list[data-type='mgallery'] > ul > li.item > .box .bigImageWrap { position:relative; padding-bottom:100%; background:#f4f4f4; }
.d1-photoreview-list[data-type='mgallery'] > ul > li.item > .box .bigImageWrap > a { position: absolute; top:0; left:0; width:100%; height:100%; background-size: cover; background-position:center; background-repeat:no-repeat; z-index:1; }
.d1-photoreview-list[data-type='mgallery'] > ul > li.item > .box .bigImageWrap > a img { display:none; }
.d1-photoreview-list[data-type='mgallery'] > ul > li.item > .box .bigImageWrap .thumbnail {}
.d1-photoreview-list[data-type='mgallery'] > ul > li.item > .box .bigImageWrap .thumbnail a {}
.d1-photoreview-list[data-type='mgallery'] > ul > li.item > .box .bigImageWrap .thumbnail a.typeA { display:none; }
.d1-photoreview-list[data-type='mgallery'] > ul > li.item > .box .bigImageWrap .thumbnail a.typeB { display:block; position: absolute; top:0; left:0; width:100%; height:100%; background-size: cover; background-position:center; background-repeat:no-repeat; }
.d1-photoreview-list[data-type='mgallery'] > ul > li.item > .box .bigImageWrap .thumbnail a img { max-width:100%; }
.d1-photoreview-list[data-type='mgallery'] > ul > li.item > .box .bigImageWrap .attachInfo { position:absolute; left:0px; bottom:5px; z-index:1; width:100%; padding:0 5px; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
.d1-photoreview-list[data-type='mgallery'] > ul > li.item > .box .bigImageWrap .attachInfo > ul { display: flex; display: -webkit-flex; display: -ms-flex; gap:1%; justify-content: flex-start; flex-wrap: wrap; }
.d1-photoreview-list[data-type='mgallery'] > ul > li.item > .box .bigImageWrap .attachInfo > ul > li { position:relative; border:1px solid #fff; border-radius:2px; width:24%; padding-bottom:24%; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
.d1-photoreview-list[data-type='mgallery'] > ul > li.item > .box .bigImageWrap .attachInfo > ul > li:nth-child(n+5) { display:none; }
.d1-photoreview-list[data-type='mgallery'] > ul > li.item > .box .bigImageWrap .attachInfo > ul > li > a { display:block; font-size:0; line-height:0; position:absolute; top:0; left:0; width:100%; height:100%; background-size: cover; background-position:center; background-repeat:no-repeat; }
.d1-photoreview-list[data-type='mgallery'] > ul > li.item > .box .bigImageWrap .attachInfo > ul > li > a img { display:none; }
.d1-photoreview-list[data-type='mgallery'] > ul > li.item > .box .descriptionWrap { display: flex; display: -webkit-flex; display: -ms-flex; gap:10px; flex-direction:column; padding:10px 10px 0; border-top:1px solid #e8e8e8; }
.d1-photoreview-list[data-type='mgallery'] > ul > li.item > .box .descriptionWrap .subject {}
.d1-photoreview-list[data-type='mgallery'] > ul > li.item > .box .descriptionWrap .subject > a { display:block; font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:500; }
.d1-photoreview-list[data-type='mgallery'] > ul > li.item > .box .descriptionWrap .content {}
.d1-photoreview-list[data-type='mgallery'] > ul > li.item > .box .descriptionWrap .content .summary { font-size:11px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color:#a0a0a0; }
.d1-photoreview-list[data-type='mgallery'] > ul > li.item > .box .descriptionWrap .content .summary .contentMorebtn,
.d1-photoreview-list[data-type='mgallery'] > ul > li.item > .box .descriptionWrap .content .all { display:none; }
.d1-photoreview-list[data-type='mgallery'] > ul > li.item > .box .descriptionWrap .pointInfo { height:20px; }
.d1-photoreview-list[data-type='mgallery'] > ul > li.item > .box .descriptionWrap .pointInfo .pointtext { display:none; }
.d1-photoreview-list[data-type='mgallery'] > ul > li.item > .box .descriptionWrap .exInfoWrap { display: flex; display: -webkit-flex; display: -ms-flex; justify-content:flex-start; align-items:flex-start; flex-wrap:wrap; flex-direction:column; }
.d1-photoreview-list[data-type='mgallery'] > ul > li.item > .box .descriptionWrap .writeInfo { display: flex; display: -webkit-flex; display: -ms-flex; gap:20px; width: 100%; }
.d1-photoreview-list[data-type='mgallery'] > ul > li.item > .box .descriptionWrap .writeInfo,
.d1-photoreview-list[data-type='mgallery'] > ul > li.item > .box .descriptionWrap .writeInfo a { font-size:11px; color:#a0a0a0; }
.d1-photoreview-list[data-type='mgallery'] > ul > li.item > .box .descriptionWrap .writeInfo span { position:relative; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.d1-photoreview-list[data-type='mgallery'] > ul > li.item > .box .descriptionWrap .writeInfo .writeDate:before { content:""; display:block; position:absolute; top:50%; left:-10px; width:1px; height:10px; background:#e8e8e8; -webkit-transform:translate3d(0,-50%,0); -ms-transform:translate3d(0,-50%,0); transform:translate3d(0,-50%,0); }
.d1-photoreview-list[data-type='mgallery'] > ul > li.item > .box .descriptionWrap .countInfo { display: flex; display: -webkit-flex; display: -ms-flex; gap:10px; justify-content: flex-end; align-items: center; width: 100%; height: 30px; }
.d1-photoreview-list[data-type='mgallery'] > ul > li.item > .box .descriptionWrap .countInfo span { font-size:0; line-height:0; }
.d1-photoreview-list[data-type='mgallery'] > ul > li.item > .box .descriptionWrap .countInfo span a { display:inline-block; *display:inline; *zoom:1; }
.d1-photoreview-list[data-type='mgallery'] > ul > li.item > .box .descriptionWrap .countInfo span b { font-size:11px; line-height:1; color:#a0a0a0; }
.d1-photoreview-list[data-type='mgallery'] > ul > li.item > .box .descriptionWrap .countInfo span:before { color:#a0a0a0; font-size:13px; position:relative; top:1px; line-height:1; margin:0 2px 0 0; font-family: xeicon!important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.d1-photoreview-list[data-type='mgallery'] > ul > li.item > .box .descriptionWrap .countInfo .comment:before { content:"\ea13"; }
.d1-photoreview-list[data-type='mgallery'] > ul > li.item > .box .descriptionWrap .countInfo .vote:before { content:"\ea11"; }
.d1-photoreview-list[data-type='mgallery'] > ul > li.item > .box .productWrap { display: flex; display: -webkit-flex; display: -ms-flex; gap:10px; align-items:center; border-top:1px solid #e8e8e8; padding:0px 10px; height:66px; }
.d1-photoreview-list[data-type='mgallery'] > ul > li.item > .box .productWrap .thumbnail {  }
.d1-photoreview-list[data-type='mgallery'] > ul > li.item > .box .productWrap .thumbnail > a.typeA { display:none; }
.d1-photoreview-list[data-type='mgallery'] > ul > li.item > .box .productWrap .thumbnail > a.typeB { display:block; width:40px; height:40px; background-size: cover; background-position:center; background-repeat:no-repeat; }
.d1-photoreview-list[data-type='mgallery'] > ul > li.item > .box .productWrap .productName { overflow:hidden; }
.d1-photoreview-list[data-type='mgallery'] > ul > li.item > .box .productWrap .productName > a { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.d1-photoreview-list[data-type='mgallery'].detail > ul > li.item > .box .productWrap { display:none; }



#d1-photoreview-popup { position: fixed; z-index: 1000; top: 0; left: 0; right:0; bottom:0;  width: 100%; height: 100%; overflow: hidden; background-color:rgba(0,0,0,0.7); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3000000,endColorstr=#b3000000); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3000000,endColorstr=#b3000000)"; }
#d1-photoreview-popup > .inner { opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); position:absolute; top:50%; left:50%; background:#fff; -webkit-transform:translate3d(-50%, -50%, 0); -ms-transform:translate3d(-50%, -50%, 0); transform:translate3d(-50%, -50%, 0); border-radius:3px; overflow:hidden;  box-shadow: 0 0 5px rgb(0 0 0 / 55%); -ms-overflow-style: none; scrollbar-width: none; }
#d1-photoreview-popup > .inner::-webkit-scrollbar { display: none; }
#d1-photoreview-popup > .inner.loaded { opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100); }
#d1-photoreview-popup > .inner > .exclosebtn { position:absolute; top:-35px; right:-35px; z-index:1; text-align:center; width:32px; height:32px; border:2px solid #fff; border-radius:50%; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
#d1-photoreview-popup > .inner > .exclosebtn i { font-size:16px; line-height:28px; color:#fff; }
#d1-photoreview-popup > .loading {	opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); position: absolute;	top: 50%; left: 50%;  z-index: 1; -webkit-transform: translate3d(-50%,-50%,0); -ms-transform: translate3d(-50%,-50%,0); transform: translate3d(-50%,-50%,0); -webkit-transition:opacity .4s ease; -ms-transition:opacity .4s ease; transition:opacity .4s ease; }
#d1-photoreview-popup > .loading.on { opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100); }
#d1-photoreview-popup > .loading i { font-size:25px; color:#cbcbcb; }

#d1-photoreview-iframe { display: flex; display: -webkit-flex; display: -ms-flex; align-items:center; width: 100%; height: 100%; border: 0; }
#d1-photoreview-read {}
#d1-photoreview-read .inner { overflow:hidden; }
#d1-photoreview-read .inner:after { content:""; display:block; clear:both; }
#d1-photoreview-read .inner > .attachImage { float:left; }
#d1-photoreview-read .inner > .attachImage .swiper-container .swiper-slide { background:#fff; }
#d1-photoreview-read .inner > .attachImage .swiper-container .swiper-slide a { display:block; width:100%; height:100%; }
#d1-photoreview-read .inner > .attachImage .swiper-container .swiper-slide img { position:relative; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); }
#d1-photoreview-read .inner > .attachImage .swiper-container .swiper-button-prev { margin:0; left:10px; -ms-user-select: none;  -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; }
#d1-photoreview-read .inner > .attachImage .swiper-container .swiper-button-next { margin:0; right:10px; -ms-user-select: none;  -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; }
#d1-photoreview-read .inner > .attachImage .swiper-container .swiper-pagination { bottom:30px; -ms-user-select: none;  -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; }
#d1-photoreview-read .inner > .attachImage .swiper-container .swiper-button-prev:before,
#d1-photoreview-read .inner > .attachImage .swiper-container .swiper-button-next:before,
#d1-photoreview-read .inner > .attachImage .swiper-container ~ .swiper-button-prev:before,
#d1-photoreview-read .inner > .attachImage .swiper-container ~ .swiper-button-next:before { font-size:28px; }

#d1-photoreview-read .inner > .content { float:left; width:440px; padding:20px 10px 20px 20px; height:100%; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
#d1-photoreview-read .inner > .content .scrollbar-inner { padding-right:10px; height:100%; }
#d1-photoreview-read .inner > .content .boardReadBox { display: flex; display: -webkit-flex; display: -ms-flex; flex-direction: column; gap:20px; }
#d1-photoreview-read .inner > .content article { font-size:12px; line-height:1.6em; color:#757575; }
#d1-photoreview-read .inner > .content article.box { padding:10px 10px; border:1px solid #e8e8e8; border-radius:2px; }
#d1-photoreview-read .inner > .content article.line { border-bottom:1px solid #e8e8e8; padding-bottom:20px; }
#d1-photoreview-read .inner > .content .attachImageData { display:none; }
#d1-photoreview-read .inner > .content .productInfo { display: flex; display: -webkit-flex; display: -ms-flex; align-items:center; }
#d1-photoreview-read .inner > .content .productInfo > .thumbnail { width:55px; padding-right:25px; }
#d1-photoreview-read .inner > .content .productInfo > .thumbnail > a { display:block; }
#d1-photoreview-read .inner > .content .productInfo > .thumbnail > a > img { max-width:100%; }
#d1-photoreview-read .inner > .content .productInfo > .information { flex:1; }
#d1-photoreview-read .inner > .content .productInfo > .information .icon { font-size:0; line-height:0; }
#d1-photoreview-read .inner > .content .productInfo > .information .icon img { max-width:32px; margin:0 2px 2px 0; }
#d1-photoreview-read .inner > .content .productInfo > .information p { margin:3px 0; }
#d1-photoreview-read .inner > .content .productInfo > .information .name {  }
#d1-photoreview-read .inner > .content .productInfo > .information .name > a { font-size:13px; font-weight:500; }
#d1-photoreview-read .inner > .content .productInfo > .information p.price {  }
#d1-photoreview-read .inner > .content .voteInfo {   }
#d1-photoreview-read .inner > .content .subject { display:none; }
#d1-photoreview-read .inner > .content .contentInfo { padding:0 10px; }
#d1-photoreview-read .inner > .content .contentInfo img { display:none; }
#d1-photoreview-read .inner > .content .voteBtn { display: flex; display: -webkit-flex; display: -ms-flex; justify-content:space-between; align-items:center; }
#d1-photoreview-read .inner > .content .voteBtn a { display:block; text-align:center; padding:0 20px; height:28px; font-size:12px; line-height:26px; border:1px solid #e8e8e8; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
#d1-photoreview-read .inner > .content .buttonWrap {}
#d1-photoreview-read .inner > .content .buttonWrap .deleteInfo { margin:0 0 10px 0; }
#d1-photoreview-read .inner > .content .buttonWrap .deleteInfo > input { margin:0 10px 0 0; width:90px; }
#d1-photoreview-read .inner > .content .buttonWrap .ec-base-button { margin:0; padding:0; }
#d1-photoreview-read .inner > .content .buttonWrap .ec-base-button .mt { margin:0 0 2px; }
#d1-photoreview-read .inner > .content .buttonWrap .ec-base-button .adminBtn { display:block; margin-bottom:5px; text-align:right; }



/* 공지사항 팝업 */
#d1-photoreview-read.notice .inner > .content .productInfo,
#d1-photoreview-read.notice .inner > .content .voteInfo,
#d1-photoreview-read.notice .inner > .content .voteBtn { display:none; }
#d1-photoreview-read.notice .inner > .content .subject { display:block; font-size:20px; line-height:1.6em; margin:30px 10px 20px; color:#000; }


#d1-photoreview-read[d1-photoreview-act='modify'], #d1-photoreview-read[d1-photoreview-act='reply'] { padding:50px; }
#d1-photoreview-read[d1-photoreview-act='modify'] .ec-base-button, #d1-photoreview-read[d1-photoreview-act='reply'] .ec-base-button { margin-top:0; margin-bottom:0; }
#d1-photoreview-read[d1-photoreview-act='modify'] .titleArea ,#d1-photoreview-read[d1-photoreview-act='reply'] .titleArea { margin-top:0; }

#d1-photoreview-read[d1-photoreview-act='commendDel'][data-device-type="mobile"] {}
#d1-photoreview-read[d1-photoreview-act='commendDel'][data-device-type="mobile"] #comment_password { margin:0; }
#d1-photoreview-read[d1-photoreview-act='commendDel'][data-device-type="mobile"] .xans-board-commentdel .comment fieldset { }

#d1-photoreview-popup[data-device-type="mobile"] > .inner {  }
#d1-photoreview-popup[data-device-type="mobile"] > .inner > .exclosebtn { top:-40px; right:0; width:28px; height:28px; }
#d1-photoreview-popup[data-device-type="mobile"] > .inner > .exclosebtn i { line-height:24px; font-size:14px; }
#d1-photoreview-popup[data-device-type="mobile"] > .inner { width:88% !important; max-width:720px; height:80% !important; }
#d1-photoreview-read[data-device-type="mobile"][d1-photoreview-act='modify'], #d1-photoreview-read[d1-photoreview-act='reply'] { padding:0px; }
#d1-photoreview-read[data-device-type="mobile"][d1-photoreview-act='modify'] .ec-base-prdInfo { padding:0 0 14px; }
#d1-photoreview-read[data-device-type="mobile"][d1-photoreview-act='modify'] .ec-base-prdInfo:after { display:none; }
#d1-photoreview-read[data-device-type="mobile"] .inner > .attachImage { float:none; width:100%; border-bottom:1px solid #e8e8e8; }
#d1-photoreview-read[data-device-type="mobile"] .inner > .content { float:none; width:100%; padding: 15px 5px 15px 15px; }
#d1-photoreview-read[data-device-type="mobile"] .inner > .attachImage .swiper-container .swiper-pagination { bottom:10px; }
#d1-photoreview-read[data-device-type="mobile"] .inner > .attachImage .swiper-container .swiper-slide a { width:auto; height:auto; text-align:center; }
#d1-photoreview-read[data-device-type="mobile"] .inner > .attachImage .swiper-container .swiper-slide img { top:auto; -webkit-transform:none; -ms-transform:none; transform:none; }

#d1-photoreview-read[data-device-type="mobile"] .inner .content .ec-base-paginate.typeList { padding:0; margin:0 0 20px; }

#d1-photoreview-read[data-device-type="mobile"] .ec-base-table th, #d1-photoreview-read .ec-base-table td { font-size:12px; }    
#d1-photoreview-read[data-device-type="mobile"] .fr-toolbar,
#d1-photoreview-read[data-device-type="mobile"] .fr-box.fr-basic .fr-wrapper,
#d1-photoreview-read[data-device-type="mobile"] .second-toolbar { border:0; }    
#d1-photoreview-read[data-device-type="mobile"] .xans-board-commentdel .comment fieldset,
#d1-photoreview-read[data-device-type="mobile"] .xans-board-commentdel .password,
#d1-photoreview-read[data-device-type="mobile"] .xans-board-secure .secret fieldset,
#d1-photoreview-read[data-device-type="mobile"] .xans-board-secure .password { width:auto; }
#d1-photoreview-read[data-device-type="mobile"] .xans-board-secure .password input[type="password"],
#d1-photoreview-read[data-device-type="mobile"] .xans-board-commentdel .password input[type="password"] { margin:0; }


#commentPackageWrap { margin:40px 0 0; }
#commentPackageWrap [class^='btn'].sizeL { padding:5px 10px; min-width:50px; }
#commentPackageWrap .commentTitle {  }
#commentPackageWrap .commentTitle h3 { position: relative; font-size: 14px; line-height: 50px; color: #333; font-weight: 500; border-bottom:1px solid #333; margin:0 0 0px; padding:0 0px; }
#commentPackageWrap .ec-base-button.typeBG { padding:10px; margin:20px 0 0 0; background:#f8f8f8; border:1px solid #f4f4f4; }
#commentPackageWrap .xans-board-commentempty {  }
#commentPackageWrap .xans-board-commentempty > p { padding:100px 0; text-align:center; font-size:12px; line-height:20px; color:#555; border-bottom:1px solid #e8e8e8; }
#commentPackageWrap .xans-board-commentlist { margin:0 0 20px; }
#commentPackageWrap .xans-board-commentlist .boardComment li { position:relative; padding:20px 0px; border-bottom:1px solid #f4f4f4; }
#commentPackageWrap .xans-board-commentlist .boardComment li:first-child { border-top:1px solid #f4f4f4; }
#commentPackageWrap .xans-board-commentlist .boardComment li div.commentTop { display: flex; display: -webkit-flex; display: -ms-flex; align-items:center; gap:15px; margin:0 0 20px; }
#commentPackageWrap .xans-board-commentlist .boardComment li div.commentTop > span {  }
#commentPackageWrap .xans-board-commentlist .boardComment li div.commentTop > span.grade { display:none; }
#commentPackageWrap .xans-board-commentlist .boardComment li div.commentTop > span.grade > img { height:15px; }
#commentPackageWrap .xans-board-commentlist .boardComment li div.commentTop > span.date { font-size:11px; }
#commentPackageWrap .xans-board-commentlist .boardComment li div.commentTop > span .boardChk { margin-top:5px; }
#commentPackageWrap .xans-board-commentlist .boardComment li .button { display:block; text-align:right; margin:20px 0 0 0; }
#commentPackageWrap .xans-board-commentlist .boardComment li .comment { padding:0px; word-break:break-all; font-size:12px; line-height:1.6em; color:#555; }


/* 댓글의 댓글 */
#commentPackageWrap .xans-board-commentlist .boardComment li.replyArea { padding-left:35px; }
#commentPackageWrap .xans-board-commentlist .boardComment li.replyArea .commentTop:before { content: "\e97e"; display: block; color:#000; position:absolute; top:20px; left:10px; z-index:1; font-size:14px; line-height:20px; margin-right:5px; font-family: xeicon!important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }


/* 댓글 쓰기 */
#commentPackageWrap .commentWriteWrap { margin:20px 0; border:1px solid #e8e8e8; padding:10px 15px; -webkit-box-sizing:border-box; -khtml-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; }
#commentPackageWrap .commentWriteWrap legend { visibility:hidden; overflow:hidden; width:0; height:0; font-size:0; line-height:0; }
#commentPackageWrap .commentWriteWrap .input { margin:0 0 10px 0; }
#commentPackageWrap .commentWriteWrap .input strong { position:relative; display:block; width:100%; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #f4f4f4; font-size:13px; line-height:30px; font-weight:500; color:#000; }
#commentPackageWrap .commentWriteWrap .input strong .btnNormal { position:absolute; top:0; right:0; z-index:1; height:30px; line-height:30px; padding:0 10px; }
#commentPackageWrap .commentWriteWrap .input p { position:relative; margin:2px 0 0; padding-left:60px; -webkit-box-sizing:border-box; -khtml-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; }
#commentPackageWrap .commentWriteWrap .input p:first-child { margin-top:0; }
#commentPackageWrap .commentWriteWrap .input p.secret { font-size:11px; line-height:20px; margin-top:5px; }
#commentPackageWrap .commentWriteWrap .input p.secret > input[type="checkbox"] { margin-right:3px; }
#commentPackageWrap .commentWriteWrap .input p label { position:absolute; top:0; left:0; font-size:12px; line-height:30px; color:#000; }
#commentPackageWrap .commentWriteWrap .input p input[type=text],
#commentPackageWrap .commentWriteWrap .input p input[type=password] { width:100%; height:30px; line-height:30px; font-size:12px; color:#000; -webkit-box-sizing:border-box; -khtml-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; }
#commentPackageWrap .commentWriteWrap .view {}
#commentPackageWrap .commentWriteWrap .view textarea { width:100%; height:62px; padding:10px; font-size:12px; line-height:20px; color:#000; -webkit-box-sizing:border-box; -khtml-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; }
#commentPackageWrap .commentWriteWrap .view [class^="btn"] { display:block; padding:0; margin:5px 0 0 0; font-size:12px; height:34px; line-height:32px; background:#fff; color:#000; }
#commentPackageWrap .commentWriteWrap .view [class^="btn"]:hover { background:#f8f8f8; }
#commentPackageWrap .commentWriteWrap .grade { margin:10px 0 0 0; }
#commentPackageWrap .commentWriteWrap .grade input[type=radio] { padding:0 10px 0 0; }
#commentPackageWrap .commentWriteWrap .grade label { font-size:12px; line-height:20px; color:#000; }
#commentPackageWrap .commentWriteWrap .grade label span { display:inline-block; *display:inline; *zoom:1; vertical-align:middle; }
#commentPackageWrap .commentWriteWrap .grade em { font-style:normal; }
#commentPackageWrap .commentWriteWrap .captcha { margin:10px 0 0; }
#commentPackageWrap .commentWriteWrap .captcha img { vertical-align:middle; }
#commentPackageWrap .commentWriteWrap .captcha .ec-base-help { display:block; margin:4px 0 0 0; }


/* 댓글의 댓글 쓰기 */
#commentPackageWrap .commentReplyWrap { overflow:hidden; width:100%; margin:10px 0; border:1px solid #e8e8e8; padding:10px 15px; -webkit-box-sizing:border-box; -khtml-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; }
#commentPackageWrap .commentReplyWrap legend { visibility:hidden; overflow:hidden; width:0; height:0; font-size:0; line-height:0; }
#commentPackageWrap .commentReplyWrap .input { margin:0 0 10px 0; }
#commentPackageWrap .commentReplyWrap .input strong { position:relative; display:block; text-align:left; width:100%; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #f4f4f4; font-size:13px; line-height:30px; font-weight:500; color:#000; }
#commentPackageWrap .commentReplyWrap .input strong .btnNormal { position:absolute; top:0; right:0; z-index:1; height:30px; line-height:30px; padding:0 10px; }
#commentPackageWrap .commentReplyWrap .input p { position:relative; margin:2px 0 0; padding-left:60px; -webkit-box-sizing:border-box; -khtml-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; }
#commentPackageWrap .commentReplyWrap .input p:first-child { margin-top:0; }
#commentPackageWrap .commentReplyWrap .input p label { position:absolute; top:0; left:0; font-size:12px; line-height:30px; color:#000; }
#commentPackageWrap .commentReplyWrap .input p input[type=text],
#commentPackageWrap .commentReplyWrap .input p input[type=password] { width:100%; height:30px; line-height:30px; font-size:12px; color:#000; -webkit-box-sizing:border-box; -khtml-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; }
#commentPackageWrap .commentReplyWrap .view {}
#commentPackageWrap .commentReplyWrap .view textarea { width:100%; height:62px; padding:10px; font-size:12px; line-height:20px; color:#000; -webkit-box-sizing:border-box; -khtml-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; }
#commentPackageWrap .commentReplyWrap .view [class^="btn"] { display:block; padding:0; margin:5px 0 0 0; font-size:12px; height:34px; line-height:32px; background:#fff; color:#000; }
#commentPackageWrap .commentReplyWrap .view [class^="btn"]:hover { background:#f8f8f8; }
#commentPackageWrap .commentReplyWrap .grade { margin:10px 0 0 0; }
#commentPackageWrap .commentReplyWrap .grade input[type=radio] { padding:0 10px 0 0; }
#commentPackageWrap .commentReplyWrap .grade label { font-size:12px; line-height:20px; color:#000; }
#commentPackageWrap .commentReplyWrap .grade label span { display:inline-block; *display:inline; *zoom:1; vertical-align:middle; }
#commentPackageWrap .commentReplyWrap .grade em { font-style:normal; }
#commentPackageWrap .commentReplyWrap .captcha { margin:10px 0 0; text-align:left; }
#commentPackageWrap .commentReplyWrap .captcha img { vertical-align:middle; }
#commentPackageWrap .commentReplyWrap .captcha .ec-base-help { display:block; margin:4px 0 0 0; }


/* 댓글 수정 */
#commentPackageWrap .commentformWrap { margin:20px 0; border:1px solid #e8e8e8; padding:10px 15px; -webkit-box-sizing:border-box; -khtml-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; }
#commentPackageWrap .commentformWrap legend { visibility:hidden; overflow:hidden; width:0; height:0; font-size:0; line-height:0; }
#commentPackageWrap .commentformWrap .input { margin:0 0 10px 0; }
#commentPackageWrap .commentformWrap .input strong { position:relative; display:block; width:100%; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #f4f4f4; font-size:13px; line-height:30px; font-weight:500; color:#000; }
#commentPackageWrap .commentformWrap .input strong .btnNormal { position:absolute; top:0; right:0; z-index:1; height:30px; line-height:30px; padding:0 10px; }
#commentPackageWrap .commentformWrap .input p { position:relative; margin:2px 0 0; padding-left:60px; -webkit-box-sizing:border-box; -khtml-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; }
#commentPackageWrap .commentformWrap .input p:first-child { margin-top:0; }
#commentPackageWrap .commentformWrap .input p label { position:absolute; top:0; left:0; font-size:12px; line-height:30px; color:#000; }
#commentPackageWrap .commentformWrap .input p input[type=text],
#commentPackageWrap .commentformWrap .input p input[type=password] { width:100%; height:30px; line-height:30px; font-size:12px; color:#000; -webkit-box-sizing:border-box; -khtml-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; }
#commentPackageWrap .commentformWrap .view {}
#commentPackageWrap .commentformWrap .view textarea { width:100%; height:62px; padding:10px; font-size:12px; line-height:20px; color:#000; -webkit-box-sizing:border-box; -khtml-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; }
#commentPackageWrap .commentformWrap .view .submit { display: flex; display: -webkit-flex; display: -ms-flex; gap:5px; }
#commentPackageWrap .commentformWrap .view [class^="btn"] { flex:1; padding:0; margin:5px 0 0 0; font-size:12px; height:34px; line-height:32px; background:#fff; color:#000; font-weight:normal; }
#commentPackageWrap .commentformWrap .view [class^="btn"]:hover { background:#f8f8f8; }
#commentPackageWrap .commentformWrap .grade { margin:10px 0 0 0; }
#commentPackageWrap .commentformWrap .grade input[type=radio] { padding:0 10px 0 0; }
#commentPackageWrap .commentformWrap .grade label { font-size:12px; line-height:20px; color:#000; }
#commentPackageWrap .commentformWrap .grade label span { display:inline-block; *display:inline; *zoom:1; vertical-align:middle; }
#commentPackageWrap .commentformWrap .grade em { font-style:normal; }
#commentPackageWrap .commentformWrap .captcha { margin:10px 0 0; }
#commentPackageWrap .commentformWrap .captcha img { vertical-align:middle; }
#commentPackageWrap .commentformWrap .captcha .ec-base-help { display:block; margin:4px 0 0 0; }


/* 비밀글 관련 */
#commentPackageWrap .xans-board-commentformsecret { width:100%; margin:10px 0 0px; padding:20px 20px 20px; background-color:#f1f1f1; -webkit-box-sizing:border-box; -khtml-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; }
.d1sidebar { display:none; position: fixed; width:100%; z-index:2000; background:#fff; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform:translate3d(-200%, -200%, 0); -ms-transform:translate3d(-200%, -200%, 0); transform:translate3d(-200%, -200%, 0); -webkit-transition:transform .4s; -ms-transition:transform .4s; transition:transform .4s; }
.d1sidebar.loaded { display:block; }
.d1sidebar .inner { background:#fff; height:100%; }
.d1sidebar.left { width: 90%; height:100%; top: 0; left:0; bottom: 0; -webkit-transform:translate3d(-200%, 0, 0); -ms-transform:translate3d(-200%, 0, 0); transform:translate3d(-200%, 0, 0); }
.d1sidebar.right { width: 90%; height:100%; top: 0; right: 0; bottom: 0; -webkit-transform:translate3d(200%, 0, 0); -ms-transform:translate3d(200%, 0, 0); transform:translate3d(200%, 0, 0); }
.d1sidebar.top { width:100%; top: 0; left:0; -webkit-transform:translate3d(0, -200%, 0); -ms-transform:translate3d(0, -200%, 0); transform:translate3d(0, -200%, 0); }
.d1sidebar.bottom { width:100%; bottom: 0; left:0; -webkit-transform:translate3d(0, 200%, 0); -ms-transform:translate3d(0, 200%, 0); transform:translate3d(0, 200%, 0); }
.d1sidebar.on { -webkit-transform: translate3d(0,0,0); -ms-transform: translate(0,0); transform: translate(0,0); }
.d1sidebarbg { position:fixed; top:0; left:0px; right:0; bottom:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:500; opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); visibility:hidden; -webkit-transition:opacity .4s; -ms-transition:opacity .4s; transition:opacity .4s; }
.d1sidebarbg.on { opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100); visibility:visible; }
.d1popupstylebg { display:none; position:fixed; top:0px; right:0px; bottom:0px; left:0px; z-index:100; width:100%; height:100%;
    background-color:rgba(0,0,0,0.3);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4d000000,endColorstr=#4d000000);
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#4d000000,endColorstr=#4d000000)"; }
.d1popupstylebg.fullpage { z-index:1001; }
.d1instagramwidgetwrap { padding:80px 0px; background:#f4f4f4; min-height:50px; }
.d1instagramwidgetwrap .name { text-align:center; margin:0 0 30px; }
.d1instagramwidgetwrap .name > h2 { margin:0 0 10px; }
.d1instagramwidgetwrap .name > a { font-size:13px; line-height:1.6em; color:#a0a0a0; }
.d1instagramwidgetwrap .name > a:hover { color:#000; }
.d1instagramwidgetwrap .d1instagramwidget { position:relative; }
.d1instagramwidgetwrap .d1instagramwidget iframe { display:none; }
.d1instagramwidgetwrap .d1instagramwidget .item { width:14.25%; }
.d1instagramwidgetwrap .d1instagramwidget .item .box { position:relative; padding-bottom:100%; }
.d1instagramwidgetwrap .d1instagramwidget .item .box > a { position:absolute; top:0; left:0; width:100%; height:100%; background-size:cover; background-position:center center; background-repeat:no-repeat; }
.d1instagramwidgetwrap .d1instagramwidget .item .box .icon { position:absolute; top:0; left:0; z-index:1; width:50px; height:50px; text-align:center; }
.d1instagramwidgetwrap .d1instagramwidget .item .box .icon:before { font-size:34px; color:#fff; line-height: 50px; font-family: xeicon!important; display: inline-block; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.d1instagramwidgetwrap .d1instagramwidget .item .box[data-type="carousel"] .icon:before { content:""; }
.d1instagramwidgetwrap .d1instagramwidget .item .box[data-type="video"] .icon:before { content:"\ea4c"; }
.d1instagramwidgetwrap .d1instagramwidget .item .box[data-type="image"] .icon:before { content:""; }

.d1instagramwidgetwrap .d1instagramwidget .swiper-container .swiper-button-next { right:10px; margin:0; }
.d1instagramwidgetwrap .d1instagramwidget .swiper-container .swiper-button-prev { left:10px; margin:0; }
.d1instagramwidgetwrap .d1instagramwidget .swiper-container .swiper-pagination { display:none; }


/********************* Mobile *********************/
@media all and (max-width:767px) {
    .d1instagramwidgetwrap { padding:40px 0px; }
}

/********************* Mobile / Tablet *********************/
@media all and (max-width:1024px) {
    
}

/********************* Tablet *********************/
@media all and (min-width:768px) and (max-width:1024px) {
    
}

/********************* PC *********************/
@media all and (min-width:1025px) {
    
}
.leftaside { position:fixed; top:0; left:auto; right:auto; width:100%; height:100%; background:#fff; }
.leftaside.d1sidebar.top { width:100%; left:auto; right:auto; }

.leftaside .inner { overflow:hidden; overflow-y:auto; -webkit-overflow-scrolling: touch; }

.leftaside .inner article.bb { border-bottom:10px solid var(--line-color-gray2); }

.leftaside .inner .logstatewrap { align-items:center; height:60px; justify-content:space-between; background:var(--font-color-sp); width:100%; }
.leftaside .inner .logstatewrap .logstatewrap01 { gap:0px; align-items:center; }
.leftaside .inner .logstatewrap .logstatewrap01 .closebtn { width:60px; flex-shrink:0; text-align:center; align-items:center; justify-content:center; }
.leftaside .inner .logstatewrap .logstatewrap01 .closebtn i { color:#fff; font-size:18px; }
.leftaside .inner .logstatewrap .logstatewrap01 a.-flex { gap:10px; align-items:center; font-size:14px; color:var(--font-color-sp-color); }
.leftaside .inner .logstatewrap .cartBtn { position:relative; width:50px; flex-shrink:0; justify-content:center; align-items:center; }
.leftaside .inner .logstatewrap .cartBtn img { height:24px; }
.leftaside .inner .logstatewrap .cartBtn .count { position:absolute; right:11px; bottom:-5px; z-index:1; width:16px; height:16px; line-height:16px; border-radius:50%; background:var(--font-color-sp); color:var(--font-color-sp-color); font-size:11px; text-align:center; font-weight:bold; }

.leftaside .inner .menuwrap { line-height:1.5; }
.leftaside .inner .menuwrap .tabmenu { position:relative; align-items:center; height:40px; margin:15px 15px; border-radius:25px; background:#f4f4f4; }
.leftaside .inner .menuwrap .tabmenu .bar { position:absolute; top:0; left:0; z-index:1; display:block; width:50%; height:100%; border-radius:25px; border:2px solid var(--font-color-sp); background:#fff; -webkit-transition:left .2s; -ms-transition:left .2s; transition:left .2s; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
.leftaside .inner .menuwrap .tabmenu .bar[data-menu="1"] { left:50%; }
.leftaside .inner .menuwrap .tabmenu > a { position:relative; z-index:2; display:block; flex:1; font-size:13px; text-align:center; color:#000; }
.leftaside .inner .menuwrap .tabmenu > a.selected { color:var(--font-color-sp); font-weight:600; }
.leftaside .inner .menuwrap .tabcontent {}
.leftaside .inner .menuwrap .tabcontent .tabcontentIn { display:none; }
.leftaside .inner .menuwrap .tabcontent .tabcontentIn.selected { display:block; }
.leftaside .inner .menuwrap .tabcontent .tabcontentIn .categoryInfo { border-top:1px solid #f0f0f0; }
.leftaside .inner .menuwrap .tabcontent .tabcontentIn .categoryInfo ul { position:relative; text-align:left; overflow:hidden; flex-wrap:wrap; }
.leftaside .inner .menuwrap .tabcontent .tabcontentIn .categoryInfo ul > li { width:50%; }
.leftaside .inner .menuwrap .tabcontent .tabcontentIn .categoryInfo ul > li > a { flex-wrap: wrap; position:relative; font-size:12px; line-height:1.2; height:50px; word-break:keep-all; overflow:hidden; display: flex; display: -webkit-flex; display: -ms-flex; align-items:center; padding:0 40px 0 15px; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
.leftaside .inner .menuwrap .tabcontent .tabcontentIn .categoryInfo ul > li > a .bo2 { overflow:hidden; text-overflow:ellipsis; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; word-wrap: break-word; text-align:left; }
.leftaside .inner .menuwrap .tabcontent .tabcontentIn .categoryInfo ul > li.hasChild > a > .icon { position:absolute; right:0px; width:40px; height:100%; z-index:1; }
.leftaside .inner .menuwrap .tabcontent .tabcontentIn .categoryInfo ul > li.hasChild > a > .icon i { position:absolute; top:50%; right:12px; font-size:12px; color:#c0c0c0; -webkit-transform:translateY(-50%) rotate(0deg); -ms-transform:translateY(-50%) rotate(0deg); transform:translateY(-50%) rotate(0deg); -webkit-transition:transform .4s; -ms-transition:transform .4s; transition:transform .4s; }
.leftaside .inner .menuwrap .tabcontent .tabcontentIn .categoryInfo ul > li.hasChild > a.selected > .icon i { color:var(--font-color-sp); -webkit-transform:translateY(-50%) rotate(180deg); -ms-transform:translateY(-50%) rotate(180deg); transform:translateY(-50%) rotate(180deg); }
.leftaside .inner .menuwrap .tabcontent .tabcontentIn .categoryInfo > ul > li.hasChild > a .icon { top:0; left:0; right:0; bottom:0; width:100%; height:100%; }
.leftaside .inner .menuwrap .tabcontent .tabcontentIn .categoryInfo ul > li.hasChild > a.selected { color:var(--font-color-sp); }
.leftaside .inner .menuwrap .tabcontent .tabcontentIn .categoryInfo > ul > li.hasChild > a.selected:before { content:""; display:block; position:absolute; left:0; bottom:0; width:100%; height:1px; background:var(--font-color-sp);  }
.leftaside .inner .menuwrap .tabcontent .tabcontentIn .categoryInfo ul > li > .submenu { display:none; width:200%; height:auto !important; position:relative; left:0px; top:0px; }
.leftaside .inner .menuwrap .tabcontent .tabcontentIn .categoryInfo ul > li > .submenu[style*="block"] { display:flex !important; }
.leftaside .inner .menuwrap .tabcontent .tabcontentIn .categoryInfo ul > li:nth-child(even) > .submenu { margin-left: -100%; }
.leftaside .inner .menuwrap .tabcontent .tabcontentIn .categoryInfo ul > li.selected > .submenu { display:block; }
.leftaside .inner .menuwrap .tabcontent .tabcontentIn .categoryInfo ul > li .submenu > ul > li a { padding-left:20px; }
.leftaside .inner .menuwrap .tabcontent .tabcontentIn .categoryInfo ul > li > .submenu { background:#f6f6f6; }
.leftaside .inner .menuwrap .tabcontent .tabcontentIn .categoryInfo ul > li > .submenu .submenu { background:#e8e8e8; }
.leftaside .inner .menuwrap .tabcontent .tabcontentIn .categoryInfo ul > li > .submenu .submenu .submenu { background:#e1e1e1; }
.leftaside .inner .menuwrap .tabcontent .tabcontentIn .categoryInfo ul > li > .submenu .submenu > li:first-child,
.leftaside .inner .menuwrap .tabcontent .tabcontentIn .categoryInfo ul > li > .submenu .submenu .submenu > li:first-child { display:none; }
.leftaside .inner .menuwrap .tabcontent .tabcontentIn .categoryInfo .submenu > ul:before { position:absolute; bottom:0px; left:0; width:100%; height:1px; z-index:1; background:#e8e8e8; content:""; display:block; }
.leftaside .inner .menuwrap .tabcontent .tabcontentIn .categoryInfo .submenu > ul > li > a:before { position:absolute; bottom:0px; left:0; width:100%; height:1px; z-index:1; background:#e8e8e8; content:""; display:block; }
.leftaside .inner .menuwrap .tabcontent .tabcontentIn .categoryInfo .submenu > ul > li > a:after { position:absolute; top:0px; right:0; width:1px; height:100%; z-index:1; background:#e8e8e8; content:""; display:block; }
.leftaside .inner .menuwrap .tabcontent .tabcontentIn .categoryInfo ul:before { position:absolute; bottom:0px; left:0; width:100%; height:1px; z-index:1; background:#f0f0f0; content:""; display:block; }
.leftaside .inner .menuwrap .tabcontent .tabcontentIn .categoryInfo ul > li > a:before { position:absolute; bottom:0px; left:0; width:100%; height:1px; z-index:1; background:#f0f0f0; content:""; display:block; }
.leftaside .inner .menuwrap .tabcontent .tabcontentIn .categoryInfo ul > li > a:after { position:absolute; top:0px; right:0; width:1px; height:100%; z-index:1; background:#f0f0f0; content:""; display:block; }

.leftaside .inner .mevent {}
.leftaside .inner .mevent .bannerwrap.d1-banner-wrap { margin:15px; gap:8px 0; }
.leftaside .inner .mevent .bannerwrap.d1-banner-wrap > * { text-align:center; }
.leftaside .inner .mevent .bannerwrap.d1-banner-wrap img { border-radius:2px; max-width:100%; }
.leftaside .inner .mymenu { margin:35px 15px ; justify-content:space-between; align-items:center; }
.leftaside .inner .mymenu > * { gap:20px; }
.leftaside .inner .mymenu .mymenu01 {  }
.leftaside .inner .mymenu .mymenu02 { justify-content:flex-end; }
.leftaside .inner .mymenu .mymenu02 a { border:1px solid #c0c0c0; padding:2px 10px; border-radius:10px; font-size:11px; color:#a0a0a0; }
.leftaside .inner .mymenu a { position:relative; font-size:12px; color:#505050; }
.leftaside .inner .mymenu a:before { content:''; display:block; position:absolute; left:-10px; top:50%; width:1px; height:10px; background:#e8e8e8; transform:translateY(-50%); }
.leftaside .inner .mymenu a:first-child:before { display:none; }

.leftaside .exinfowrap {}
.leftaside .exinfowrap > .copyright { text-align:center; font-size:12px; line-height:20px; color:#a0a0a0; padding:0px 0 0; margin:20px 0; }
.leftaside .exinfowrap .globalwrap {  }
.leftaside .exinfowrap .globalwrap > ul { font-size:0; line-height:0; text-align:center; }
.leftaside .exinfowrap .globalwrap > ul > li { display:inline-block; *display:inline; *zoom:1; vertical-align:top; margin:0 2px; }
.leftaside .exinfowrap .globalwrap > ul > li a { }
.leftaside .exinfowrap .globalwrap > ul > li a img { max-height:18px; padding:0 2px 20px 2px; }
.leftaside .exinfowrap .globalwrap > ul > li a .name {  }
d1-fixed-bottom-navbody#main .topbanner { position:relative; }
body#layout .topbanner { display:block; }
body#main .topbanner.slide_in_down { display:block; animation:slideInDown .5s; }
.topbanner { border-bottom:1px solid #000; }
.topbanner .swiper-slide { width:100%; }
.topbanner .swiper-slide a { display:block; font-size:13px; line-height:44px; text-align:center; font-weight:500; }
.topbanner .swiper-slide a font { display:block; }
.topbanner .buttonwrap { position:absolute; top:0; right:40px; z-index:1; height:100%; display:none; }
.topbanner .buttonwrap > .-flex { align-items: center; justify-content: flex-end; height:100%; }
.topbanner .buttonwrap a { position:relative; color:#a0a0a0; margin:0 0 0 20px; font-size:12px; line-height:20px; }
.topbanner .buttonwrap a:before { content:""; display:block; position:absolute; top:50%; left:-10px; width:1px; height:10px; background:#a0a0a0; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); }
.topbanner .buttonwrap a:first-child:before { display:none; }
.topbanner .buttonwrap a:hover { color:#fff; }
@keyframes slideInDown {0% { height:0; opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); }100% { height:44px; opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100); }}

body header { position:relative; z-index:110; -webkit-transition:transform .4s; -ms-transition:transform .4s; transition:transform .4s; }
body#main header { position:absolute; left:0; width:100%; }
body header.fixed { position:fixed !important; top:0; left:0;  width:100%; background:#fff; border-bottom:1px solid #f4f4f4; }

header .headerwrap { position:relative; align-items:center; height:65px; z-index:10; padding:0 20px; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; align-items:center; justify-content:space-between; flex-wrap:wrap; }
header .headerwrap .logowrap {  }
header .headerwrap .logowrap a { display:block; }
header .headerwrap .logowrap a > img { max-width:100%; max-height:22px; }
header .headerwrap .headermenu a { position:relative; display:block; text-align:center; }
header .headerwrap .headermenu a i { font-size:24px; }
header .headerwrap .headermenu a img { height:20px; }
header .headerwrap .headermenu .searchwrapbtn img[data-type="on"] { display:block; }
header .headerwrap .headermenu .searchwrapbtn img[data-type="off"] { display:none; }
header .headerwrap .headermenu .searchwrapbtn.selected img[data-type="on"] { display:none; }
header .headerwrap .headermenu .searchwrapbtn.selected img[data-type="off"] { display:block; }

header .headercategorywrap { visibility:hidden; overflow:hidden; padding:0 20px; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
body header.fixed .headercategorywrap,
body#layout header .headercategorywrap { visibility:visible; }
header .headercategorywrap > ul { align-items:center; height:40px; }
header .headercategorywrap > ul > li { position:relative; display: flex; display: -webkit-flex; display: -ms-flex; align-items:center; width:auto !important; }
header .headercategorywrap > ul > li > a { display:block; font-size:13px; line-height:1.2; font-weight:normal; color:#000; }
header .headercategorywrap > ul > li.selected > a { color:var(--font-color-sp); font-weight:600; }
header .headercategorywrap > ul > li.selected > a {}
header.hide { -webkit-transform:translateY(-65px); -ms-transform:translateY(-65px); transform:translateY(-65px); }

#drawersearchwrap { display:none; position:fixed; width:100%; padding:0; top:0; left:0; z-index:101; background:#fff; border-radius:0 0 30px 30px; -webkit-box-shadow:0 8px 8px rgb(0 0 0 / 10%); -ms-box-shadow:0 8px 8px rgb(0 0 0 / 10%); box-shadow:0 8px 8px rgb(0 0 0 / 10%); -webkit-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
#drawersearchwrap > .drawersearch { position:relative; padding:40px 20px; display: flex; display: -webkit-flex; display: -ms-flex; align-items: center; justify-content: center; }
#drawersearchwrap > .drawersearch .headersearchwrap { position:relative; width:100%; }
#drawersearchwrap > .drawersearch .headersearchwrap fieldset { position:relative; }
#drawersearchwrap > .drawersearch .headersearchwrap input#keyword { width:100%; padding:0 40px 0 10px; text-align:left; font-size:14px; line-height:40px; height:42px; border:0; border-bottom:1px solid #000; border-radius:0; background:transparent; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
#drawersearchwrap > .drawersearch .headersearchwrap .searchbtn { position:absolute; top:0; right:0; width:40px; height:40px; line-height:40px; text-align:center; }
#drawersearchwrap > .drawersearch .headersearchwrap .searchbtn img { width:20px; }
#drawersearchwrap > .drawersearch .headersearchwrap .hotkeywordwrap { margin:40px 0 0 0; opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); visibility:hidden; -webkit-transform:translateY(30px); -ms-transform:translateY(30px); transform:translateY(30px); -webkit-transition:opacity 2.5s, visibility 2.5s,transform 1s; -ms-transition:opacity 2.5s, visibility 2.5s,transform 1s; transition:opacity 2.5s, visibility 2.5s,transform 1s; }
#drawersearchwrap.selected > .drawersearch .headersearchwrap .hotkeywordwrap { opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100); visibility:visible; -webkit-transform:translateY(0px); -ms-transform:translateY(0px); transform:translateY(0px); }
#drawersearchwrap > .drawersearch .headersearchwrap .hotkeywordwrap > h2 { font-size:15px; margin:0 0 10px; }
#drawersearchwrap > .drawersearch .headersearchwrap .hotkeywordwrap > ul { display: flex; display: -webkit-flex; display: -ms-flex; flex-wrap:wrap; gap:7px; }
#drawersearchwrap > .drawersearch .headersearchwrap .hotkeywordwrap > ul > li { }
#drawersearchwrap > .drawersearch .headersearchwrap .hotkeywordwrap > ul > li > a { position:relative; display:block; font-size:12px; padding:6px 10px; border:2px solid #eaeaea; color:#000; border-radius:15px; }
#drawersearchwrap > .drawersearch .headersearchwrap .hotkeywordwrap > ul > li > a:hover { color:#a0a0a0; }

#sidefixedwrap { display:none; position:fixed; bottom:70px; right:10px; z-index:100; opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); visibility:hidden; -webkit-transition: opacity 0.5s ease,visibility 0.5s ease; -ms-transition:opacity 0.5s ease,visibility 0.5s ease; transition:opacity 0.5s ease,visibility 0.5s ease; }
body.basicBottomFixed #sidefixedwrap { bottom:70px; }
#sidefixedwrap.loaded { display:block; }
#sidefixedwrap.on { opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100); visibility:visible; }
#sidefixedwrap > ul { flex-direction: column; gap:2px; }
#sidefixedwrap > ul > li { position:relative; text-align:center; }
#sidefixedwrap > ul > li > a { display:block; font-size:18px; width:40px; line-height:38px; border:1px solid #e8e8e8; border-radius:2px; background:rgba(255,255,255,0.6); color:#000; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
#sidefixedwrap > ul > li > a.selected { }
#sidefixedwrap > ul > li > a img { max-width:20px; }
#sidefixedwrap > ul > li > a i { position:relative; top:2px; }
#sidefixedwrap > ul > li .consultBtnList { position:absolute; top:0; right:-150px; visibility:hidden; opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); background:#fff; border:1px solid #e8e8e8; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; -webkit-transition:right .4s ease, opacity .4s ease, visibility .4s ease; -ms-transition:right .4s ease, opacity .4s ease, visibility .4s ease; transition:right .4s ease, opacity .4s ease, visibility .4s ease; }
#sidefixedwrap > ul > li .consultBtnList.loaded { display:block; }
#sidefixedwrap > ul > li .consultBtnList.on { right:0px; opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100); visibility:visible; }
#sidefixedwrap > ul > li .consultBtnList a { display:block; width:40px; height:40px; text-align:center; }
#sidefixedwrap > ul > li .consultBtnList a i { font-size:20px; line-height:40px; }
#sidefixedwrap > ul > li .consultBtnList a.consultCloseBtn i { font-size:18px; }

#floatingPopupType01 { position:fixed; left:50%; bottom:-100%; z-index:99; width:70%; overflow:hidden; border-radius:5px; opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); -webkit-transform:translate3d(-50%,50%,0); -ms-transform:translate3d(-50%,50%,0); transform:translate3d(-50%,50%,0); -webkit-transition:opacity .4s ease, bottom .4s ease; -ms-transition:opacity .4s ease, bottom .4s ease; transition:opacity .4s ease, bottom .4s ease; }
#floatingPopupType01.on { bottom:50%; opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100); }
#floatingPopupType01 .closebtn { position:absolute; top:0px; right:0px; z-index:2; display:block; width:30px; height:30px; text-align:center; background: rgba(104,104,104,0.2); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33686868,endColorstr=#33686868); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33686868,endColorstr=#33686868)"; }
#floatingPopupType01 .closebtn:hover { background: rgba(104,104,104,0.4); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66686868,endColorstr=#66686868); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#66686868,endColorstr=#66686868)"; }
#floatingPopupType01 .closebtn i { font-size:16px; line-height:30px; color:#fff; }
#floatingPopupType01 .swiper-slide img { width:100%; }
#floatingPopupType01 .swiper-pagination { width:100%; position:relative; left:auto; bottom:auto; background:#222; flex-wrap:wrap; }
#floatingPopupType01 .swiper-pagination > .swiper-pagination-bullet { display:block; flex-basis:33.333%; margin:0; width:auto; height:auto; color:#757575; font-size:12px; line-height:40px; border-radius:0; opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100); }
#floatingPopupType01 .swiper-pagination > .swiper-pagination-bullet-active { color:#fff; }
#floatingPopupType01 .swiper-pagination > .swiper-pagination-bullet-active span {  }

#d1-fixed-bottom-nav { position:fixed; left:0; bottom:0; width:100%; z-index:100; border-top:1px solid #f4f4f4; background:#fff; -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transition:transform .3s linear,padding-bottom .3s linear; -ms-transition: transform .3s linear,padding-bottom .3s linear; transition: transform .3s linear,padding-bottom .3s linear; }
#d1-fixed-bottom-nav.hide { -webkit-transform: translate3d(0,60px,0); transform: translate3d(0,60px,0); }
#d1-fixed-bottom-nav > ul { height:60px; align-items:center; }
#d1-fixed-bottom-nav > ul > li { flex:1; }
#d1-fixed-bottom-nav > ul > li > a { display:block; text-align:center; font-size:10px; line-height:1; }
#d1-fixed-bottom-nav > ul > li > a > img { display:block; height:20px; margin:0 auto 8px; }
#d1-fixed-bottom-nav > ul > li > a.cartBtn { position:relative; }
#d1-fixed-bottom-nav > ul > li > a.cartBtn .count { position:absolute; top:-2px; left:50%; height:15px; line-height:15px; min-width:10px; margin:0 0 0 2px; padding:0 2px; background:var(--font-color-sp); color: var(--font-color-sp-color); font-size:10px; font-weight:normal; border-radius:8px; }
footer { width:100%; margin:60px 0 0 0; padding:20px 0 0; font-size:11px; line-height:1.6em; background:#f9f9f9; }

footer > .inner { padding:0 20px 80px; text-align:center; -webkit-box-sizing:border-box; -khtml-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; }
footer > .inner .content { flex-wrap:wrap; justify-content:center; gap:0 10px; }

footer > .inner .quicklink  { font-size:0; line-height:0; justify-content:center; flex-wrap: wrap; gap:12px 20px; }
footer > .inner .quicklink > li { margin:0; }
footer > .inner .quicklink > li > a { display:block; font-size:12px; line-height:20px; color:#000; }
footer > .inner .quicklink > li > a > strong { font-weight:500; }

footer > .inner .btnwrap { margin:20px 0; border:1px solid #e8e8e8; background:#fff; }
footer > .inner .btnwrap > li { flex-grow: 1; border-left:1px solid #e8e8e8; }
footer > .inner .btnwrap > li:first-child { flex-grow:2; border-left:0; }
footer > .inner .btnwrap > li > a { display:block; font-size:12px; height:50px; line-height:50px; color:#000; text-align:center; }
footer > .inner .btnwrap > li > a i { position:relative; top:1px; }

footer > .inner .bankinfo { margin:10px 0 0; }
footer > .inner .bankinfo p { display:inline-block; *display:inline; *zoom:1; }

footer > .inner .socialinfo { margin:20px 0 0; }
footer > .inner .socialinfo > ul { font-size:0; line-height:0; }
footer > .inner .socialinfo > ul > li { display:inline-block; *display:inline; *zoom:1; border:2px solid #ddd; border-radius:10px; width:30px; text-align:center; margin:0 3px; 
	-webkit-transition: all 0.35s ease; -khtml-transition: all 0.35s ease; -moz-transition: all 0.35s ease; -ms-transition:all 0.35s ease; -o-transition:all 0.35s ease; transition:all 0.35s ease; }
footer > .inner .socialinfo > ul > li a { display:block; }
footer > .inner .socialinfo > ul > li i { font-size:17px; line-height:30px; color:#000; }

footer > .inner .logowrap { margin:40px 0 0; }
footer > .inner .logowrap img { max-width:20%; }

footer > .inner .companyinfo { margin:20px 0 0; }
footer > .inner .companyinfo .content { margin:0; flex-wrap:wrap; }
footer > .inner .companyinfo .content > span > b { font-weight:normal; color:#999; margin:0 5px 0 0 ; }
footer > .inner .companyinfo .content > span > a { color:#000; }
footer > .inner .companyinfo .content > span > span { margin-left:0; }


.xans-layout-referencecurrencylist.list {position:relative; display:inline-block; width:auto; height:26px; padding: 0 6px; border:1px solid #bcbcbc; border-radius:2px; box-sizing:border-box; background-color:#fff; cursor:pointer;}
.xans-layout-referencecurrencylist.list.mobileFooter {margin:0 50px 0 0;}
.xans-layout-referencecurrencylist.list .toggle {width:100%; height:100%; border:none; font-size:11px; background:#fff; }
.xans-layout-referencecurrencylist.list .toggle:after{ display:none; position:absolute; content:''; width:calc(100% - 2px); height:calc(100% - 2px); top: -1px; left:-1px; right:0; bottom:0;}
.xans-layout-referencecurrencylist.list.show .toggle:after{ display:block; border:2px solid #333; border-radius: 2px;}
.xans-layout-referencecurrencylist.list .toggle span {vertical-align: middle;}
.xans-layout-referencecurrencylist.list .toggle .currencyNow { padding:0 14px 0 0; background: no-repeat right -8px top 4px url("//img.echosting.cafe24.com/skin/base/layout/ico_multishop1.png"); }
.xans-layout-referencecurrencylist.list .toggle .btn-global {padding:3px 0 0 15px; height:32px; background: no-repeat left -1px top 2px/24% url("//img.echosting.cafe24.com/skin/mobile/layout/ico_global.png"); }


.xans-layout-referencecurrencylist.list > ul { display:none; position:absolute; right:-1px; top:25px; overflow-x: hidden; width:calc(100% + 2px); height:130px; text-align:left; box-sizing:border-box; border:1px solid #d5d5d5; background:#fff; z-index:15;}
.xans-layout-referencecurrencylist.list > ul li { width:100%; height:26px; padding:0 0 0 8px; background: #fff; line-height:26px; }
.xans-layout-referencecurrencylist.list > ul li a { display:block; overflow:hidden; color:#353535; white-space:nowrap; text-decoration:none;  }
.xans-layout-referencecurrencylist.list > ul li.selected { background:#f9f9ff ; }
.xans-layout-referencecurrencylist.list > ul li a .name strong { font-weight:normal; }
.xans-layout-referencecurrencylist.list > ul li a .unit {margin-left:2px; font-size:11px; color:#757575; }
.xans-layout-referencecurrencylist.list.show > ul { display:block; }

.xans-layout-referencecurrencylist.list > ul li:hover { background: #f9f9ff; }

@media screen and (max-width: 398px) {
    .xans-layout-referencecurrencylist.list.mobileFooter { margin-top:6px;}
}

.xans-layout-multishopshipping.ec-base-layer { display:none; top:200px; width:300px; }
.xans-layout-multishopshipping .worldshipLayer { text-align:center; line-height:1.5em; }
.xans-layout-multishopshipping .worldshipLayer .select { margin:14px 0 0; }
.xans-layout-multishopshipping .worldshipLayer .select select { width:100%; }
@charset "euc-kr";

/* reset */
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, button, p, blockquote, th, td { margin:0; padding:0;-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
html { width:100%; height:100%; }
body, code { min-width:320px; font-size:13px; line-height:1.2em; color:#1b1b1b; background:#fff; -webkit-text-size-adjust:none; }
code { background:none; display:block; }
ul li { list-style:none; }
ol { list-style-position:inside; }
img, fieldset{ border:none; }
img { vertical-align:middle; }
hr.layout { display:none; }
em, address { font-style:normal; }
ins { text-decoration:none; }
a { text-decoration:none; color:#000; }
a:active { text-decoration:none; }
table { width:100%; table-layout:fixed; border:0 none; border-spacing:0; border-collapse:collapse; }
table caption { display:none; }
th, td { border:0; line-height:18px; }
legend { height:0; width:0; display:block; text-indent:-9999em; }
label { cursor:pointer; }
button::-moz-focus-inner { padding:0; border:0; }

/* html5 */
object, del, sub, var { margin:0; padding:0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }


/* font */
.txtWarn { color:#f45b55; }
.txtEm { color:#008bcc; }

/* 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-qty .qtyUp,
.ec-base-qty .qtyDown { display:inline-block; }

/* 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; width:80px; }

/* form */
input, textarea, select { max-width:100%; font-size:13px; font-family:'Nanum Gothic',Helvetica,Arial,sans-serif; color:#333; vertical-align:middle; outline:0; border-radius:0; }
input[type=text], input[type=password], input[type=number], input[type=tel], textarea {
    padding:0 10px; font-size:13px; line-height:13px; font-weight:inherit; color:#353535; border:1px solid #d7d5d5; border-radius:2px; 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] { height:29px; }
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 { max-width:100%; height:29px; margin:0; padding:0 20px 0 8px; line-height:29px; font-size:13px; color:#333; word-break:break-all; font-weight:inherit; border:1px solid #d7d5d5; border-radius:0; background:#fff url("//img.echosting.cafe24.com/skin/mobile/common/ico_select.gif") no-repeat 100% 49%; background-size:auto 40px; -webkit-appearance:none; }
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="checkbox"] { width:18px; height:18px; border:0; background:url("//img.echosting.cafe24.com/skin/mobile/common/bg_checkbox.png") no-repeat 0 0; background-size:18px 18px; -webkit-appearance:none; }
input[type="radio"] { width:18px; height:18px; border:0; border-radius:50%; background:url("//img.echosting.cafe24.com/skin/mobile/common/bg_radio.png") no-repeat 0 0; background-size:18px 18px; -webkit-appearance:none; }
input[type="checkbox"]:checked { background-image:url("//img.echosting.cafe24.com/skin/mobile/common/bg_checkbox_checked.png"); -webkit-appearance:none; }
input[type="radio"]:checked { background-image:url("//img.echosting.cafe24.com/skin/mobile/common/bg_radio_checked.png"); -webkit-appearance:none; }
label { display:inline-block; margin:0 7px 0 0; min-height:20px; line-height:20px; font-size:13px; vertical-align:middle; cursor:pointer; }
input[type=radio] + label,
input[type=checkbox] + label { margin:0 7px 0 4px; }
label input[type=radio],
label input[type=checkbox] { margin:0 4px 0 0; }
label:last-child,
input[type=radio] + label:last-child,
input[type=checkbox] + label:last-child { margin-right:0; }
input::-webkit-input-placeholder {line-height:normal;}

.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: 14px;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: #508bed;font-weight: bold;color: #fff;background: #508bed;}
@charset "utf-8";


  .ec-base-paginate { text-align:center; }
  /* typeList */
    .ec-base-paginate.typeList { margin:0px 0; padding:30px 0; text-align:center; font-size:0; line-height:0; }
    .ec-base-paginate.typeList ol { display:inline-block; font-size:0; line-height:0; vertical-align:top; *display:inline; *zoom:1; *margin:0; }
    .ec-base-paginate.typeList li { display:inline-block; font-size:11px; color:#666; vertical-align:top; *display:inline; *zoom:1; margin:0 2px; }
    .ec-base-paginate.typeList li:first-child { margin-left:0; }
    .ec-base-paginate.typeList img { vertical-align:top; display:none; }
    .ec-base-paginate.typeList li a { position:relative; display:block; width:28px; height:28px; line-height:26px; border:1px solid #e8e8e8; padding:0; font-weight:normal; color:#000; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
    .ec-base-paginate.typeList li a:hover { text-decoration:none; }
    .ec-base-paginate.typeList li a.this { border-color:#000; }
    
    .ec-base-paginate.typeList a.nolink { cursor:default; }
	.ec-base-paginate.typeList > p { display:inline-block; *display:inline; *zoom;1; width:28px; height:28px; text-align:center; -webkit-box-sizing:border-box; -khtml-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; }
    .ec-base-paginate.typeList > p:hover { background:#f4f4f4; }
    .ec-base-paginate.typeList > .first { border-right:0; display:none; }
    .ec-base-paginate.typeList > .prev { border-right:0; }
    .ec-base-paginate.typeList > .next { border-left:0; }
    .ec-base-paginate.typeList > .last { border-left:0; display:none; }
    .ec-base-paginate.typeList > p a:before { color:#aaa; font-size:10px; line-height:28px; font-family: xeicon!important; display: inline-block; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
    .ec-base-paginate.typeList > p.first > a:before { content:"\e93b\e93b"; letter-spacing:-6px; padding-right:5px; }
    .ec-base-paginate.typeList > p.prev > a:before { content:"\e93b"; }
    .ec-base-paginate.typeList > p.next > a:before { content:"\e93e"; }
    .ec-base-paginate.typeList > p.last > a:before { content:"\e93e\e93e"; letter-spacing:-6px; padding-right:5px; }

    .ec-base-paginate > a { display: inline-block; *display: inline; *zoom:1; margin: 0 5px; background: #fff; font-size: 0px; line-height: 0px; width: 28px; height: 28px; text-align: center; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
    .ec-base-paginate > a:hover {  }
    .ec-base-paginate > a.first { border-right:0; }
    .ec-base-paginate > a.prev { border-right:0; }
    .ec-base-paginate > a.next { border-left:0; }
    .ec-base-paginate > a.last { border-left:0; }
    .ec-base-paginate > a:before { color:#aaa; font-size:10px; line-height:28px; font-family: xeicon!important; display: inline-block; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
    .ec-base-paginate > a.first:before { content:"\e93b\e93b"; letter-spacing:-6px; padding-right:5px; }
    .ec-base-paginate > a.prev:before { content:"\e93b"; }
    .ec-base-paginate > a.next:before { content:"\e93e"; }
    .ec-base-paginate > a.last:before { content:"\e93e\e93e"; letter-spacing:-6px; padding-right:5px; }


  /* typeMoreview */
    .ec-base-paginate.typeMoreview { margin:0 auto 60px; text-align:center; }
    .ec-base-paginate.typeMoreview .btnMore { color:#000; font-size:13px; line-height:40px; width:150px; height:42px; font-weight:normal; margin:0 auto; border:1px solid #e8e8e8; border-radius:20px; }
    .ec-base-paginate.typeMoreview .icoMore { display:inline-block; *display:inline; *zoom:1; vertical-align:middle; display:none; }
    .ec-base-paginate.typeMoreview .icoMore:before { content: "\e943"; line-height: 32px; font-size: 12px; color: #222; margin: 0px 0 0 6px; font-family: xeicon!important; display: block; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

  /* 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:8px; height:8px; border:0; border-radius:13px; cursor:pointer; background-color:#bbb; }
    .ec-base-paginate.typeSwipe button.circle.selected { background-color:#222; }
    .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; }


.ec-base-help { margin:8px 4px; font-size:12px; 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; }
  /* 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; }
.ec-base-product { padding:0; background-color:#fff; }
.ec-base-product h2 {  }
.ec-base-product h3 { margin-bottom:14px; }
.ec-base-product img { max-width:100%; }

.ec-base-product .prdList[class*='grid'] { padding:0 2px; font-size:0; line-height:0; -webkit-box-sizing:border-box; -khtml-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; }
.ec-base-product .prdList[class*='grid'] > .item { display:inline-block; *display:inline; *zoom:1; vertical-align:top; padding:0 2px; margin:0 0 30px; text-align:center; font-size:11px; line-height:16px;
	-webkit-box-sizing:border-box; -khtml-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; }
.ec-base-product .prdList > .item > .box { position:relative; }
.ec-base-product .prdList > .item > .box .ranking { position:absolute; top:10px; left:10px; z-index:1; font-size:16px; line-height:1; color:#353535; }
.ec-base-product .prdList > .item > .box > .chk { display:none; }
.ec-base-product .prdList > .item > .box .thumbnail { position:relative; margin:0 0px 10px; }
.ec-base-product .prdList > .item > .box .thumbnail a { display:block; }
.ec-base-product .prdList > .item > .box .thumbnail a img { display:block; width:100%; vertical-align:top; border:0; }
.ec-base-product .prdList > .item > .box .thumbnail .prdIcon { position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-size:30% auto; }
.ec-base-product .prdList > .item > .box .option { position:absolute; right:5px; bottom:5px; z-index:1; }
.ec-base-product .prdList > .item > .box .option > ul { font-size:0; line-height:0; text-align:right; }
.ec-base-product .prdList > .item > .box .option > ul > li { position:relative; margin:4px 0 0 0; }
.ec-base-product .prdList > .item > .box .option > ul > li img { max-width:100%; width:auto; height:16px; }
.ec-base-product .prdList > .item > .box .option > ul > li.like button { position:relative; background:none; font-size:0; }
.ec-base-product .prdList > .item > .box .option > ul > li.like button img { opacity:1; filter:alpha(opacity:'70'); -ms-filter:alpha(opacity:'70'); display:inline-block; *display:inline; *zoom:1; }
.ec-base-product .prdList > .item > .box .option > ul > li.like button strong { font-weight:normal; }
.ec-base-product .prdList > .item > .box .option > ul > li.like:hover button img { opacity:1; filter:alpha(opacity:'100'); -ms-filter:alpha(opacity:'100'); }
.ec-base-product .prdList > .item > .box .option > ul > li.like.selected button img { opacity:1; filter:alpha(opacity:'100'); -ms-filter:alpha(opacity:'100'); }
.ec-base-product .prdList > .item > .box .option > ul > li.like button .likePrdCount { position:relative ; display:inline-block; *display:inline; *zoom:1; min-width:7px; margin:0 0 0 2px; line-height:16px; color:#222; font-size:10px; vertical-align:top; }
.ec-base-product .prdList > .item > .box .description { margin:0 5px; line-height:1em; text-align:left; }
.ec-base-product .prdList > .item > .box .description .color { display:block; margin:0 0px 8px; max-width:none; }
.ec-base-product .prdList > .item > .box .description .color > .colorChip { font-size:0; line-height:0; }
.ec-base-product .prdList > .item > .box .description .color > .colorChip > .chips { display:inline-block; *display:inline; *zoom:1; width:8px; height:1px; border:1px solid rgba(200,200,200,0.4); margin:0 2px 2px 0; font-size:0; line-height:0; }
.ec-base-product .prdList > .item > .box .description .name { word-wrap:break-word; margin:0 0 5px; }
.ec-base-product .prdList > .item > .box .description .name > a { font-size:11px; line-height:16px; color:#000; }
.ec-base-product .prdList > .item > .box .description > .spec {}
.ec-base-product .prdList > .item > .box .description > .spec .price { display:inline-block; *display:inline; *zoom:1; vertical-align:top; font-size:11px; line-height:16px; margin:0 2px 5px 0; color:#222; font-weight:500; }
.ec-base-product .prdList > .item > .box .description > .spec .custom,
.ec-base-product .prdList > .item > .box .description .strike,
.ec-base-product .prdList > .item > .box .description .mPriceStrike { text-decoration:line-through; font-weight:300; color:#a0a0a0; }
.ec-base-product .prdList > .item > .box .description > .spec > .optimum_discount_price,
.ec-base-product .prdList > .item > .box .description > .spec > .optimum_discount_price > span,
.ec-base-product .prdList > .item > .box .description > .spec > .c_dc_price { font-size:11px; line-height:16px; color:#000; }
.ec-base-product .prdList > .item > .box .description > .spec .desc { margin-top:5px; font-size:11px; line-height:14px; color:#a0a0a0; letter-spacing:-0.03em; }
.ec-base-product .prdList > .item > .box .description .likeButton button { border:0; background:none; }
.ec-base-product .prdList > .item > .box .description .likeButton button strong { margin:0 0 0 3px; font-size:11px; line-height:20px; color:#757575; }
.ec-base-product .prdList > .item > .box .description .likeButton.selected button strong { line-height:20px; color:#2e2e2e; }
.ec-base-product .prdList > .item > .box .description .icon { font-size:0; line-height:0; }
.ec-base-product .prdList > .item > .box .description .icon img,
.ec-base-product .prdList > .item > .box .description .icon .icon_img { margin:10px 1px 2px 0; }
.ec-base-product .prdList.grid3 > .item > .box .description > .spec .desc,
.ec-base-product .prdList.grid4 > .item > .box .description > .spec .desc { display:none; }
.ec-base-product .prdList[class*='grid'].list > .item { margin-bottom:4px; }
.ec-base-product .prdList[class*='grid'].list > .item > .box { padding:6px; }
.ec-base-product .prdList[class*='grid'].list > .item > .box:after { clear:both; display:block; content:""; }
.ec-base-product .prdList[class*='grid'].list > .item > .box .thumbnail { float:left; width:20%; margin:0; padding:0; }
.ec-base-product .prdList[class*='grid'].list > .item > .box .description { float:left; width:80%; margin:20px 0 0 0; padding-left:20px; box-sizing:border-box; }
.ec-base-product .prdList[class*='grid'].gallery > .item { margin-bottom:4px; }
.ec-base-product .prdList[class*='grid'].gallery > .item > .box .thumbnail { margin:0; }
.ec-base-product .prdList[class*='grid'].gallery > .item > .box .description { display:none; }
.ec-base-product .prdList[class*='grid'].f2 > .item:nth-child(1),
.ec-base-product .prdList[class*='grid'].f2 > .item:nth-child(2) { width:50%; }
.ec-base-product .prdList[class*='grid'].f3 > .item:nth-child(1),
.ec-base-product .prdList[class*='grid'].f3 > .item:nth-child(2),
.ec-base-product .prdList[class*='grid'].f3 > .item:nth-child(3) { width:50%; }
.ec-base-product .prdList[class*='grid'].f4 > .item:nth-child(1),
.ec-base-product .prdList[class*='grid'].f4 > .item:nth-child(2),
.ec-base-product .prdList[class*='grid'].f4 > .item:nth-child(3),
.ec-base-product .prdList[class*='grid'].f4 > .item:nth-child(4) { width:50%; }



/* typeDesc */
.ec-base-product.typeDesc { margin:0; background:#fff; }
.ec-base-product.typeDesc .prdList:after { display:block; content:""; clear:both; }
.ec-base-product.typeDesc .prdList > li { margin:0; padding:14px; width:100%; box-sizing:border-box; border-top:1px solid #ececec; }
.ec-base-product.typeDesc .prdList > li:first-child { padding:0 14px 14px; border-top:0; }
.ec-base-product.typeDesc .prdList > li:after { display:block; content:""; clear:both; }
.ec-base-product.typeDesc .thumbnail { float:left; margin:0; padding:0; width:87px; }
.ec-base-product.typeDesc .thumbnail .wish { right:4px; }
.ec-base-product.typeDesc .description { padding:0 0 0 103px; }
.ec-base-product.typeDesc .description .price { color:#494949; font-size:13px; }
.ec-base-product.typeDesc .description .price.sale { color:#000; font-size:15px; }
.ec-base-product.typeDesc .description .color { margin:0 0 10px; }
.ec-base-product.typeDesc .description .summary { font-size:11px; color:#757575; margin:0 0 10px; }

/* typeGallery */
.ec-base-product.typeGallery { margin:0; }
.ec-base-product.typeGallery ul { display:table; table-layout:fixed; padding:0 14px 0 12px; font-size:0; line-height:0; }
.ec-base-product.typeGallery li { position:relative; display:inline-block; margin:0 0 2px; padding:0; vertical-align:top; overflow:hidden; font-size:13px; line-height:1.2em; }
.ec-base-product.typeGallery .thumbnail { margin:0 2px; }
.ec-base-product.typeGallery .thumbnail .wish { top:3px; bottom:auto; }
.ec-base-product.typeGallery .description { position:absolute; left:0; margin:0; padding:0 0 0 2px; width:100%; opacity:0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.ec-base-product.typeGallery .description a { overflow:hidden; display:block; padding:5px 38px 5px 5px; width:100%; height:100%; color:#fff; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; background:rgba(0,0,0,0.6); }
.ec-base-product.typeGallery .description a .name:after { display:block; content:""; position:absolute; top:0; right:12px; width:20px; height:100%;
    background:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/ico_arrow_white.png") 0 center no-repeat; background-size:20px 20px;
    -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); transform: rotate(270deg); }
.ec-base-product.typeGallery .description a .name { display:inline-block; margin:0; width:100%; }
.ec-base-product.typeGallery .description a .name,
.ec-base-product.typeGallery .description a p { overflow:hidden; line-height:1.5; text-overflow:ellipsis; white-space:nowrap; }
.ec-base-product.typeGallery .description a .price { margin:0; font-weight:bold; }
.ec-base-product.typeGallery .description a .price span { display:none; }
.ec-base-product.typeGallery .description .likeButton { position:absolute; bottom:0; right:5px; background:rgba(255, 255, 255, 0.8); }


.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%; }

/* 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 > li { width:100%; }
.ec-base-product .grid2 > li { width:50%; }
.ec-base-product .grid3 > li { width:33.333%; }
.ec-base-product .grid4 > li { width:25%; }
.ec-base-product .grid5 > li { width:20%; }


/* discount style */
.ec-base-product .prdList > .item > .box .discountratebg { display:inline-block; *display:inline; *zoom:1; vertical-align:top; }
.ec-base-product .prdList > .item > .box .discountrate { display:none; opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); visibility:hidden; font-size:11px; line-height:16px; margin:0 4px 5px 0; color:#b22222; font-weight:500; }
.ec-base-product .prdList > .item > .box .discountrate.on { display:block; opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100); visibility:visible; }
.ec-base-product .prdList > .item > .box .discountrate .per {}
.ec-base-product .prdList > .item > .box .discountrate .display_head:before {}
.ec-base-product .prdList > .item > .box .discountrate .display_tail:before { content:"%"; display:inline-block; *display:inline; *zoom:1; }


/* timesale */
.ec-base-product .prdList > li > .box .d1timesalebg { text-align:center; }
.ec-base-product .prdList > li > .box .d1timesale { display:none; position:absolute; bottom:0; left:0; z-index:1; padding:0 20px; text-align: center; font-size:0; line-height:0; 
    background: rgba(255,255,255,0.8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000)";    opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); visibility:hidden;
    -webkit-transition: all 0.35s ease; -khtml-transition: all 0.35s ease; -moz-transition: all 0.35s ease; -ms-transition:all 0.35s ease; -o-transition:all 0.35s ease; transition:all 0.35s ease; }
.ec-base-product .prdList > li > .box .d1timesale.on { display:block; opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100); visibility:visible; }
.ec-base-product .prdList > li > .box .d1timesale span { display:inline-block; *display:inline; *zoom:1; vertical-align:middle; line-height:26px; margin:0; background:transparent; color:#333; font-size:10px; }
.ec-base-product .prdList > li > .box .d1timesale span.a b { display:block; font-weight:bold; letter-spacing:0.5px; color:#333; }
.ec-base-product .prdList > li > .box .d1timesale span.b { margin:0 4px 0 2px; }
.ec-base-product .prdList > li > .box .d1timesale span.ment { display:block; color:#e8e8e8; }
.ec-base-product .prdList > li > .box .d1timesale span.title { font-size:10px; line-height:1.2em; margin:0 5px 0 0;  }
.ec-base-product .prdList > li > .box .tstagwrap { position:absolute; top:10px; right:10px; z-index:1; opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100); visibility:visible; }
.ec-base-product .prdList > li > .box .tstagwrap .tstag { }
.ec-base-product .prdList > li > .box .tstagwrap .tstag:before { content:"타임딜"; display:block; font-size:11px; line-height:48px; color:#222; padding:0 10px; border-radius:50%; font-weight:bold; 
    background: rgba(255,255,255,0.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000)"; }


@media all and (max-width:480px) {
    .ec-base-product .prdList > li > .box .d1timesale { opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100); visibility:visible; }
    .ec-base-product .prdList > li > .box .tstagwrap { display:none; }
    .ec-base-product .prdList > li > .box .d1timesale span { font-size:10px; line-height:30px; }
    .ec-base-product .prdList > li > .box .d1timesale span.a b { display:block; font-weight:500; letter-spacing:-0.5px; }
	.ec-base-product .prdList > li > .box .d1timesale span.b { margin:0 3px 0 1px; }
}
/* 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; }
  .btnNormal, .btnStrong, .btnBasic { height:36px; line-height:34px; padding:0 10px; vertical-align:middle; font-size:12px; }
  .btnNormal { color:#000; border:1px solid #cfcfcf; border-bottom-color:#b5b5b5; background:#fff; }
  .btnStrong { color:#fff !important; border:1px solid #000; border-bottom-color:#000; background:#000; }
  .btnSubmit { height:36px; line-height:34px; 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 #e8e8e8; background:#fff; }
  .btnBasic { color:#000; border:1px solid #e8e8e8; background:#f4f4f4; }
  /* mini */
    [class*="btn"].mini { height:26px; line-height:24px; font-size:11px; }

/* 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:10px; }
    .ec-base-button.typeMulti .gTop:after,
    .ec-base-button.typeMulti .gBottom:after { content:""; display:block; clear:both; }
    .ec-base-button.typeMulti .gBottom { margin:10px 0 0; padding:10px 0 0; border-top:1px solid #e8e8e8; 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 0px; background-color:#fff; -webkit-box-sizing:border-box; -khtml-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; }
    .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:#508bed; font-weight:bold; }

/*
@media all and (min-width:768px) {
  .btnSubmit { height:46px; line-height:44px; font-size:16px; }
  .btnEm { height:46px; line-height:44px; font-size:16px; }
}
*/
/* base */
.ec-base-box { padding:14px; margin:14px; border:1px solid #d5d5d5; line-height:1.6; color:#757575; background:#fff; }
.ec-base-box.center { text-align:center; }
#popup { height:100%; background:transparent; }
.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:15px; line-height:36px; color:#fff; box-sizing:border-box; background:#000; }
.ec-base-layer .wrap { -webkit-flex:1; -moz-flex:1; -ms-flex:1; flex:1; height:100%; padding:20px; 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("//img.echosting.cafe24.com/skin/mobile/common/btn_close_white.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:4001; top:100px; bottom:auto; left:0; right:0; min-width:280px; max-width:600px; width:92%; height:auto; margin:auto; border-radius:5px;
        -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);
    }
    .ec-base-layer.typeModal h1 { padding:0 14px; line-height:35px; font-size:13px; text-align:left; border-bottom:1px solid #ccc; color:#1b1b1b; background:#f1f1f1; border-radius:5px 5px 0 0; }
    .ec-base-layer.typeModal .wrap { max-height:200px; 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:10px 20px 20px 16px; border-radius:0 0 5px 5px; box-sizing:border-box; }
  .ec-base-layer .ec-base-button.gFull { padding:10px 20px 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; }
/* ec-base-tab */
.ec-base-tab:after { content:""; display:block; clear:both; }
.ec-base-tab ul { display:flex; border-top:1px solid #f4f4f4; border-bottom:1px solid #000; font-size:13px; line-height:14px; word-break:break-all; }
.ec-base-tab li { display:flex; flex:1; min-height:36px; border-left:1px solid #e8e8e8; text-align:center; background:#fff; }
.ec-base-tab .gFlex2 { flex:2; }
.ec-base-tab a { display:flex; flex-basis:100%; justify-content:center; flex-wrap:nowrap; align-items:center; padding:5px 10px; font-size:12px; }
.ec-base-tab a .number  { display:inline-block; padding-left:5px; }
.ec-base-tab li:first-child { border-left:0; }
.ec-base-tab li.selected a { border-left:0; font-weight:bold; color:#fffffd; background:#000; }

/* ec-base-tab typeSub  */
.ec-base-tab.typeSub ul { border-top:1px solid #c8cdd2; border-bottom:1px solid #c8cdd2; }
.ec-base-tab.typeSub ul > li { background:#f1f1f1; border-left:1px solid #c8cdd2; }
.ec-base-tab.typeSub .selected a { margin:0 0 -1px; color:#333; background:#fff; }

.ec-base-tab.typeCircle { margin:0 0 20px 0; }
.ec-base-tab.typeCircle ul { border:0; padding:0 5px; }
.ec-base-tab.typeCircle ul > li { background:transparent; border:0; padding:0 5px; }
.ec-base-tab.typeCircle ul > li a { background:#f4f4f4; border:1px solid #e8e8e8; color:#000; border-radius:20px; }
.ec-base-tab.typeCircle ul > li.selected a { margin:0; color:#fff; background:#000; }

.ec-base-tab.typeLine { margin:0 0 10px; }
.ec-base-tab.typeLine ul { border:0; border-bottom:1px solid #e8e8e8; }
.ec-base-tab.typeLine ul > li { background:transparent; border:0; padding:0; height:44px; }
.ec-base-tab.typeLine ul > li a { position:relative; top:50%; left:0; border:0; color:#a0a0a0; padding:0 20px; font-size:12px; line-height:22px; font-weight:normal;
    -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.ec-base-tab.typeLine ul > li.selected a { color:#000; background:transparent; font-weight:500; }
.ec-base-tab.typeLine ul > li.selected a:before { content:""; display:block; position:absolute; left:0; bottom:0; width:100%; height:2px; background:#000; }

/*  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; }
  .shippingFee > a.btnNormal { margin:-3px 0 0 5px; }

  .shippingFee .wrap { display:none; z-index:999; width:96%; padding:0; 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:#008bcc; }
  .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; }
/* 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:13px; 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; }
 
/* horizontal */
  /* typeWrite */
    .ec-base-table.typeWrite td { padding:7px 13px 6px; vertical-align:middle; line-height:27px; }
    .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; }
  /* 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; }
 
/* reset */
  .ec-base-table td.clear .ec-base-help { margin-left:13px; margin-right:13px; }

/*ios reset*/
@supports (-webkit-overflow-scrolling: touch) {
    .ec-base-table.typeWrite td { line-height:28px; }
}
.ec-base-fold { position:relative; border:1px solid #e8e8e8; }
.ec-base-fold > .title { position:relative; z-index:1; overflow:hidden; padding:15px 43px 15px 20px; cursor:pointer; font-size:13px; 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:13px; line-height:1.3; }
.ec-base-fold > .title h3, .ec-base-fold > .title p { color:#757575; }
.ec-base-fold > .title:after { content:""; position:absolute; top:0; right:0; width:40px; height:100%; background:url("//img.echosting.cafe24.com/skin/mobile/layout/ico_arrow_white.png") no-repeat 50% 50%; background-size:20px auto; -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:10px; }
.ec-base-fold .ec-base-fold + .ec-base-fold { margin-top:0; }
   .ec-base-fold.selected > .title:after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform:rotate(180deg); }
   .ec-base-fold.selected > .contents { display:block; }

/* theme1 */
.ec-base-fold.theme1 > .title { margin:-1px; color:#fff; background:#737782; }

/* theme2 */
.ec-base-fold.theme2 > .title { padding-right:34px; color:#1b1b1b; background:#f0f0f0; }
.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; background:#f9f9f9; }
.ec-base-fold.theme3 > .title h3 { font-weight:bold; color:#1b1b1b; }
.ec-base-fold.theme3 .contents { padding:0 14px 14px; background:#f9f9f9; }

/* theme4 */
.ec-base-fold.theme4 { margin:14px 7px 29px; font-size:13px; }
.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 0px; padding:20px 20px 30px; border-bottom:1px solid #e8e8e8; box-sizing:border-box; background:#fff; }
.ec-base-prdInfo:after { content:""; display:block; position:absolute; left:0; bottom:0; z-index:1; width:100%; height:10px; background:#f4f4f4; }
.ec-base-prdInfo .prdCheck { display:inline-block; margin-bottom:10px; }

.ec-base-prdInfo > input[type="checkbox"] { margin-bottom:10px; }

.ec-base-prdInfo .prdBox { display:-webkit-flex; display:-ms-flex; display:flex; min-height:85px; }
.ec-base-prdInfo .thumbnail { overflow:hidden; width:70px; margin-right:15px; margin-bottom:15px; box-sizing:border-box; }
.ec-base-prdInfo .thumbnail img { width:100% !important; height:auto !important; }
.ec-base-prdInfo .description { overflow:hidden; -webkit-flex:1; -ms-flex:1; flex:1; }
.ec-base-prdInfo .description .prdName { display:block; margin:0 0 10px; font-size:12px; }
.ec-base-prdInfo .description .prdName a { color:#000; font-weight:normal; }
.ec-base-prdInfo .description .prdName .ec-set-product-name { display:block; margin:0 0 3px; }
.ec-base-prdInfo .description .info { margin:0 0 10px; }
.ec-base-prdInfo .description .info li { margin:0 0 5px; font-size:11px; color:#a0a0a0; }

.ec-base-prdInfo .description .info li.ec-base-qty { position:relative; margin:10px 0 0 0; }
.ec-base-prdInfo .description .info li.ec-base-qty .qtyUp { position:absolute; left:96px; top:50%; margin-top:-13px; width:24px; height:24px; text-align:center; background: #fff; border-radius: 50%; border: 1px solid #f1f1f1; }
.ec-base-prdInfo .description .info li.ec-base-qty .qtyDown { position:absolute; left:0; top:50%; margin-top:-13px; width:24px; height:24px; text-align:center; background: #fff; border-radius: 50%; border: 1px solid #f1f1f1; }
.ec-base-prdInfo .description .info li.ec-base-qty > input[type="tel"] { text-align: center; margin:0 36px; width:50px; font-size:11px; line-height:28px; height:26px; border:1px solid #f1f1f1; }
.ec-base-prdInfo .description .info li.ec-base-qty > span > .btnBasic { position:absolute; top:0px; right:0; z-index:1; font-size:12px; height:26px; line-height:24px; }

.ec-base-prdInfo .description .info li.ec-base-qty .qtyUp img,
.ec-base-prdInfo .description .info li.ec-base-qty .qtyDown img { opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); }

.ec-base-prdInfo .description .info li.ec-base-qty .qtyUp:before,
.ec-base-prdInfo .description .info li.ec-base-qty .qtyDown:before { display: block; font-size:13px; line-height:24px; font-family: 'xeicon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.ec-base-prdInfo .description .info li.ec-base-qty .qtyUp:before { content:"\e913"; }
.ec-base-prdInfo .description .info li.ec-base-qty .qtyDown:before { content:"\e91a"; }


.ec-base-prdInfo .description .info li .mileage { display:inline-block; }
.ec-base-prdInfo .description .info .price,
.ec-base-prdInfo .description .info .price li { 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 .info .price.displaynone0 { display:none !important; }
.ec-base-prdInfo .description .info > li.price { display:inline-block; *display:inline; *zoom:1; vertical-align:top; margin:0 5px 5px 0; }
.ec-base-prdInfo .description .info > li.price.strike { font-weight:normal; text-decoration:line-through; color:#a0a0a0; }
.ec-base-prdInfo .description .info > li.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:13px; }
.ec-base-prdInfo .description .price .quantity:before { display:block; content:""; position:absolute; top:1px; left:0; width:1px; height:13px; 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:0px; line-height:20px; color:#000; text-align:center; }
.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 > .btnOption { position:absolute; top:20px; right:20px; z-index:1; font-size:0; }
.ec-base-prdInfo > .btnOption > a,
.ec-base-prdInfo > .btnOption > button { display:inline-block; *display:inline; *zoom:1; vertical-align:top; width:28px; height:28px; text-align:center; margin:0; background:none; }
.ec-base-prdInfo > .btnOption > a > i,
.ec-base-prdInfo > .btnOption > button > i { font-size:22px; line-height:28px; color:#a0a0a0; }
.ec-base-prdInfo > .btnOption > a > img,
.ec-base-prdInfo > .btnOption > button > img { width:18px; padding:5px; }

.ec-base-prdInfo p.option { margin:0 20px; padding:10px 0; border-top:1px solid #ececec; font-size:11px; }
.ec-base-prdInfo .option { margin:0px 0 0 0; padding:0; color:#000; font-size:11px; line-height:20px; }
.ec-base-prdInfo .option > li { }
.ec-base-prdInfo .option > li .name { margin:10px 0;
    display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:flex; -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 .name .optionDesc { word-break:break-all; width:70px; color:#000; }
.ec-base-prdInfo .option > li .name > select,
.ec-base-prdInfo .option > li .name > input { max-width:100%; width:calc(100% - 85px); }


.ec-base-prdInfo .option > li .change { margin:0 0 0 5px; white-space:nowrap; font-size:12px; line-height:24px; height:26px; }
.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:10px 0 20px; padding:20px; border:1px solid #e8e8e8; background-color:#f4f4f4; }
.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 5px; padding:0 0 0 85px; }
.ec-base-prdInfo .layerOptionModify li .optionItem { display:block; position:absolute; top:0; left:0; width:80px; height:36px; font-size:12px; color:#000; line-height:36px; 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; }
.ec-base-prdInfo .layerOptionModify .ec-base-button { padding-top:0; }


.ec-base-prdInfo .ec-base-button { margin:10px 0 0 0; padding:20px 0 0 0; border-top:1px solid #f4f4f4; }
.ec-base-prdInfo .ec-base-button[class*='gColumn'] { margin-left:-4px; }
.ec-base-prdInfo .ec-base-button > .gLeft { line-height:34px; }
.ec-base-prdInfo .ec-base-button > .gRight {}
.ec-base-prdInfo .ec-base-button > .gRight > a,
.ec-base-prdInfo .ec-base-button > .gRight > button { font-size:12px; height:36px; line-height:34px; padding:0 20px; border-radius:2px; }


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

/***************************************************************************************************
*  Shopping Mall Design & Coding Professional: DESIGN102                                           
*  Homepage: http://design102.co.kr                                                               
*  Copyright (c) 2014 Design 102 All rights reserved.                                                
******************************************************************************************************/
@charset "utf-8";

/* npay sample image */
.sample_pay { display:none; text-align:center; margin-top:0 !important; margin-bottom:0 !important; }
.sample_pay > a { font-size:0; line-height:0; height:auto; }
.sample_pay img { max-width:250px; }

html,
html body,
html label,
html td,
html input,
html textarea,
html select,
html button { font-family:'Poppins', 'Pretendard', '맑은고딕', 'Malgun Gothic', '돋움', Dotum, Helvetica,Arial,AppleGothic,sans-serif; }

html { -webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none; -webkit-overflow-scrolling: touch; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
body, label, td, input, textarea, select, button { font-size:12px; color:#000; }
body { min-width: 320px; }
select:hover,select:focus,select:active,
textarea:hover,textarea:focus,textarea:active,
input[type='text']:hover,input[type='text']:focus,input[type='text']:active,
input[type='password']:hover,input[type='password']:focus,input[type='password']:active { border:1px solid #aaa; }
input[type='text'],input[type='password'],select { font-size:12px; padding:0 5px; height:36px; line-height:34px; border:1px solid #e8e8e8; vertical-align:middle; }
select::-ms-expand { display: none; }
button,a { border:none; outline:none; }
textarea { padding:10px; line-height:1.5; }
select:hover,
label:hover { cursor:pointer; }
input[type="file"] { padding:3px; }
th, td { vertical-align:middle; }
input[type=radio],
input[type=checkbox] { width:13px; height:13px; border:0; padding:0; cursor:pointer; }
input[type=text],
input:focus,
select:focus,
textarea:focus,
button:focus { outline:none !important; }
input,select,textarea,button { outline:none !important; }
/*
a, a:visited, a:focus, a:active { color:#222; text-decoration:none; }
a:hover { color:#999; text-decoration:none; }
*/

input[type="checkbox"] { width:20px; height:20px; border:0; background:url("//diamantestore.co.kr/_d1/img/icon_checkbox_off.png") no-repeat 0 0; background-size:20px 20px; -webkit-appearance:none; cursor:pointer; }
input[type="checkbox"]:checked { background-image:url("//diamantestore.co.kr/_d1/img/icon_checkbox_on.png"); }
input[type="checkbox"]:disabled { background-image:url("//diamantestore.co.kr/_d1/img/icon_checkbox_off.png"); }

input[type="radio"] { width:20px; height:20px; border:0; border-radius:50%; background:url("//diamantestore.co.kr/_d1/img/icon_radio_off.png") no-repeat 0 0; background-size:20px 20px; -webkit-appearance:button; cursor:pointer; }
input[type="radio"]:checked { background-image:url("//diamantestore.co.kr/_d1/img/icon_radio_on.png"); }
input[type="radio"]:disabled { background-image:url("//diamantestore.co.kr/_d1/img/icon_radio_off.png"); }



/*
0 = 00 
0.1 = 1a 
0.2 = 33 
0.3 = 4d 
0.4 = 66 
0.5 = 80 
0.6 = 99 
0.7 = b3 
0.8 = cc 
0.9 = e6 
*/

/* useful class map */
.-box { -webkit-box-sizing:border-box; -khtml-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; }
.-opa { opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100); }
.-opa:hover, .-opaa { opacity:0.7; filter:alpha(opacity=70); -ms-filter:alpha(opacity=70); }
.-ropa { opacity:0.7; filter:alpha(opacity=70); -ms-filter:alpha(opacity=70); }
.-ropa:hover { opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100); }
.-clear:after { content:""; display:block; clear:both; }
.-rot { -webkit-transform:rotate(0); -khtml-transform:rotate(0); -moz-transform:rotate(0); -ms-transform:rotate(0); -o-transform:rotate(0); transform:rotate(0); }
.-rot:hover { -webkit-transform:rotate(20deg); -khtml-transform:rotate(20deg); -moz-transform:rotate(20deg); -ms-transform:rotate(20deg); -o-transform:rotate(20deg); transform:rotate(20deg); }
.-smo { -webkit-transition: all 0.35s ease; -khtml-transition: all 0.35s ease; -moz-transition: all 0.35s ease; -ms-transition:all 0.35s ease; -o-transition:all 0.35s ease; transition:all 0.35s ease; }
.-smoM { -webkit-transition: all 0.7s ease; -khtml-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition:all 0.7s ease; }
.-smoLong { text-decoration:none; cursor:pointer; -webkit-transition:all 1.0s ease; -khtml-transition:all 1.0s ease; -moz-transition:all 1.0s ease; -ms-transition:all 1.0s ease; -o-transition:all 1.0s ease; transition:all 1.0s ease; }
.-nodrag { -ms-user-select: none;  -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; }
.-line { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.-line2 { overflow:hidden; text-overflow:ellipsis; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; line-height:1.2em; height:1.2em; word-wrap: break-word; text-align:left; }
.-zoom { -webkit-transition:-webkit-transform 0.5s ease-in-out; transition:transform 0.5s ease-in-out; -webkit-transform:scale(1); transform:scale(1); 
    -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; }
.-zoom:hover { -webkit-transform:scale(1.1); -khtml-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); }
.-fix { transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0); transform:translateZ(0); -ms-transform:translateZ(0); -moz-transform:translateZ(0);     -webkit-transform:translateZ(0); backface-visibility:hidden; -moz-backface-visibility:hidden; -o-backface-visibility:hidden; -webkit-backface-visibility:hidden; perspective:1000; -moz-perspective:1000; -o-perspective:1000; -webkit-perspective:1000; font-smoothing:subpixel-antialiased; -moz-font-smoothing:subpixel-antialiased; -o-font-smoothing:subpixel-antialiased; -webkit-font-smoothing:subpixel-antialiased; }
.-backface { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; }
.-flex { display: flex; display: -webkit-flex; display: -ms-flex; }
.-flex.column { flex-direction:column; }
.-flexImportant { display: flex !important; display: -webkit-flex !important; display: -ms-flex !important; }
.-wcenter { align-items: center; -webkit-align-items: -webkit-center; -ms-align-items: -ms-center; }

/* grid layout */
.-sort { width:100%; }
.-sort > ul { font-size:0; line-height:0; }
.-sort > ul:after { clear:both; display:block; content:""; }
.-sort > ul > li { width:auto; display:inline-block; *display:inline; *zoom:1; text-align:center; vertical-align:top;
    -webkit-box-sizing:border-box; -khtml-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; }
.-sort > ul > li img { max-width:100%; }

.-sort > ul.grid1 > li { width:100%; margin:0; }
.-sort > ul.grid2 > li { width:48%; margin:0 0 0 2%; }
.-sort > ul.grid3 > li { width:31.333%; margin:0 0 0 2%; }
.-sort > ul.grid4 > li { width:23%; margin:0 0 0 2%; }
.-sort > ul.grid5 > li { width:18%; margin:0 0 0 2%; }
.-sort > ul.grid6 > li { width:15.666%; margin:0 0 0 1%; }
.-sort > ul.grid7 > li { width:13.285%; margin:0 0 0 1%; }
.-sort > ul.grid1 { margin:0 0 0 0; }
.-sort > ul.grid2 { margin:0 0 0 -2%; }
.-sort > ul.grid3 { margin:0 0 0 -2%; }
.-sort > ul.grid4 { margin:0 0 0 -2%; }
.-sort > ul.grid5 { margin:0 0 0 -2%; }
.-sort > ul.grid6 { margin:0 0 0 -1%; }
.-sort > ul.grid7 { margin:0 0 0 -1%; }

.-sort > ul.grid1.-zero > li { width:100%; margin:0; }
.-sort > ul.grid2.-zero > li { width:50%; margin:0; }
.-sort > ul.grid3.-zero > li { width:33.333%; margin:0; }
.-sort > ul.grid4.-zero > li { width:25%; margin:0; }
.-sort > ul.grid5.-zero > li { width:20%; margin:0; }
.-sort > ul.grid6.-zero > li { width:16.666%; margin:0; }
.-sort > ul.grid7.-zero > li { width:14.285%; margin:0; }
.-sort > ul[class*="grid"].-zero { margin:0; }

.-sort > ul.grid2.typePixel > li { width:590px; margin:0 0 0 20px; }
.-sort > ul.grid2.typePixel > li:first-child { margin:0; }
.-sort > ul.grid2.typePixel { margin:0; }

.-sort > ul.grid3.typePixel > li { width:390px; margin:0 0 0 15px; }
.-sort > ul.grid3.typePixel > li:first-child { margin:0; }
.-sort > ul.grid3.typePixel { margin:0; }

.-sort > ul.grid4.typePixel > li { width:294px; margin:0 0 0 8px; }
.-sort > ul.grid4.typePixel > li:first-child { margin:0; }
.-sort > ul.grid4.typePixel { margin:0; }

.-sort > ul.grid5.typePixel > li { width:236px; margin:0 0 0 4px; }
.-sort > ul.grid5.typePixel > li:first-child { margin:0; }
.-sort > ul.grid5.typePixel { margin:0; }

.-sort.typeline { border-top:1px solid #ddd; border-left:1px solid #ddd; }
.-sort.typeline > ul > li { border-right:1px solid #ddd; border-bottom:1px solid #ddd; }

.-sort2 { width:100%; }
.-sort2.cut { overflow: hidden; }
.-sort2 > ul[class*='grid'] { font-size:0; line-height:0; margin-left:-5px; margin-right:-5px; }
.-sort2 > ul[class*='grid']:after { clear:both; display:block; content:""; }
.-sort2 > ul[class*='grid'] > li { width:auto; display:inline-block; *display:inline; *zoom:1; text-align:center; vertical-align:top; margin:0; padding-left:5px; padding-right:5px;
    -webkit-box-sizing:border-box; -khtml-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; }
.-sort2 > ul[class*='grid'] > li img { max-width:100%; }
.-sort2 > ul[class*='grid'].-zero { margin-left:0; margin-right:0; }
.-sort2 > ul[class*='grid'].-zero > li { padding-left:0; padding-right:0; }
.-sort2 > ul.grid1 { margin-left:0; margin-right:0; }
.-sort2 > ul.grid1 > li { width:100%; padding-left:0; padding-right:0; }
.-sort2 > ul.grid2 > li { width:50%; }
.-sort2 > ul.grid3 > li { width:33.333%; }
.-sort2 > ul.grid4 > li { width:25%;}
.-sort2 > ul.grid5 > li { width:20%; }
.-sort2 > ul.grid6 > li { width:16.666%; }
.-sort2 > ul.grid7 > li { width:14.285%; }


.d1-banner-wrap { display: flex; display: -webkit-flex; display: -ms-flex; flex-wrap:wrap; gap:calc(var(--grid-gap)*2) 0; justify-content:flex-start; margin-left: calc(var(--grid-gap) * (-1)); margin-right: calc(var(--grid-gap) * (-1)); }
.d1-banner-wrap[data-cols] > * { padding-left:var(--grid-gap); padding-right:var(--grid-gap); -webkit-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
.d1-banner-wrap[data-cols='1'] { margin-left:0; margin-right:0; }
.d1-banner-wrap[data-cols='1'] > * { width:100%; padding-left:0; padding-right:0; }
.d1-banner-wrap[data-cols='2'] > * { width:50%; }
.d1-banner-wrap[data-cols='3'] > * { width:33.333%; }
.d1-banner-wrap[data-cols='4'] > * { width:25%; }
.d1-banner-wrap[data-cols='5'] > * { width:20%; }
.d1-banner-wrap img { max-width:100%; }



.path { display:none; margin:20px 0 0 0; line-height:1.6em; *zoom:1; font-size:12px; letter-spacing:0px;  }
.path:after { content:""; display:block; clear:both; }
.path span { overflow:hidden; position:absolute; width:0; height:0; white-space:nowrap; text-indent:100%; }
.path ol { float:right; }
.path ol:after { content:""; display:block; clear:both; }
.path ol>li { float:left; margin:0 0 0 8px; padding:0 0 0 12px; color:#777; background:url("//img.echosting.cafe24.com/skin/base/layout/ico_path.gif") no-repeat 0 50%; }
.path ol>li i { margin:0 5px 0 0; }
.path ol>li:first-child { background:none; }
.path ol>li a { color:#aaa; }
.path ol>li a:hover { color:#555; }
.path ol>li strong,
.path ol>li strong a { color:#333; font-weight:normal; }


/* main page style */
.mainSection { margin-bottom:90px !important; }
.mainSection2 { margin-bottom:50px !important; }
.-prdstitle { margin:0 0 30px; padding:0; font-weight:500; font-size:16px; color: #000; text-align: center; line-height: 1; letter-spacing:3px; }
.-prdstitle span { display:block; margin:10px 0 0 0; color:#a0a0a0; font-size:12px; line-height:20px; letter-spacing:0; font-weight:normal; }
.-prdstitle.left { text-align:left; margin-left:10px; }


#container { position:relative; }
#contents { min-height:350px; }


/* common */
#expath { display:none; }
#titleArea { position:relative; }
#titleArea > h2 { padding:0 60px; font-size:15px; line-height:60px; height:60px; color:#333; text-align:center; font-weight:500; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#titleArea .xans-layout-mobileaction { position:absolute; top:0; left:0px; z-index:1; }
#titleArea .xans-layout-mobileaction a { position:relative; display:block; width:60px; height:60px; text-align:center; }
#titleArea .xans-layout-mobileaction a:before { display:block; color:#333; content: "\e93b"; font-size:14px; line-height:60px; font-family: xeicon!important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
#titleArea .xans-layout-mobileaction a img { opacity:0; display:none; }
#titleArea .snsShareBtn { position:absolute; top:50%; right:0; width:40px; margin-top:-11px; text-align:center; cursor:pointer; z-index:1; }
#titleArea .snsShareBtn i { font-size:22px; line-height:1; color:#333; }

#titleArea .funcArea { position:absolute; top:50% !important; right:20px !important; margin-top:-10px; z-index:1; text-align:center; z-index:1; }
#titleArea .funcArea .likeButton { display:inline-block; *display:inline; *zoom:1; cursor:pointer; vertical-align:top; }
#titleArea .funcArea .likeButton button { position:relative; background:#fff; border:0; background:0 none; }
#titleArea .funcArea .likeButton button img { opacity:0.6; filter:alpha(opacity:'60'); -ms-filter:alpha(opacity:'60'); width:18px; height:18px; margin:0; display:inline-block; *display:inline; *zoom:1; }
#titleArea .funcArea .likeButton.selected button img { opacity:0.9; filter:alpha(opacity:'90'); -ms-filter:alpha(opacity:'90'); }
#titleArea .funcArea .likeButton button:after { content:""; position:absolute; top:7px; left:18px; border-left:5px solid transparent; border-right: 5px solid transparent;  border-bottom: 5px solid #e8e8e8;
    -webkit-transform: rotate(270deg); -khtml-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); }
#titleArea .funcArea .likeButton button .likeCateCount { position:relative; display:inline-block; *display:inline; *zoom:1; min-width:7px; padding:0 4px; margin:0 0 0 5px; line-height:18px; background:#e8e8e8; color:#999; border-radius:3px; font-size:10px; }




::-webkit-scrollbar { width:8px; }
::-webkit-scrollbar-track { background-color:#f1f1f1; }
::-webkit-scrollbar-thumb { background-color:#222; border-radius:0px; }
::-webkit-scrollbar-thumb:hover { background-color:#474747; cursor:pointer; }
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment { width:8px; height:1px; background-color:#fff; }




.animation_comment {
    -moz-animation-duration: 2.5s;
    -webkit-animation-duration: 2.5s;
    animation-duration: 2.5s;    
    -moz-animation-delay: 2s;
    -webkit-animation-delay: 2s;
    animation-delay : 2s;    
    -moz-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;    
    -moz-animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    background:#222;
}
.animation_comment.up { 
    -moz-animation-name: UpAndDownBounce;
    -webkit-animation-name: UpAndDownBounce;
    animation-name: UpAndDownBounce;
}
.animation_comment.down { 
    -moz-animation-name: DownAndUpBounce;
    -webkit-animation-name: DownAndUpBounce;
    animation-name: DownAndUpBounce;
}
.animation_comment:before { position:absolute; left:50%; margin:0 0 0 -4px; width:0;  height:0; content:""; display:block; border-left:4px solid transparent; border-right:4px solid transparent; color:#222; }
.animation_comment.up:before { top:-4px; border-bottom:4px solid; }
.animation_comment.down:before { bottom:-4px; border-top:4px solid; }

.animation_flip {
    position:relative;
    transform-style: preserve-3d;
    -moz-animation-duration: 3s;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;    
    -moz-animation-delay: 2s;
    -webkit-animation-delay: 2s;
    animation-delay : 2s;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.animation_flip > span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index:2;
    -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; }
.animation_flip > span.back { z-index:1; }

.animation_flip.veritcal {
    -moz-animation-name: FlipVerticalMotion;
    -webkit-animation-name: FlipVerticalMotion;
    animation-name: FlipVerticalMotion;
}
.animation_flip.veritcal > span.back { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); }

.animation_flip.horizonal {
    -moz-animation-name: FlipHorizonalMotion;
    -webkit-animation-name: FlipHorizonalMotion;
    animation-name: FlipHorizonalMotion;
}
.animation_flip.horizonal > span.back { -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); transform: rotateY(-180deg); }

@-webkit-keyframes UpAndDownBounce {
    0%   { -moz-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); }
    5%   { -moz-transform: scale(1) rotate(0deg) translateX(0px) translateY(-3px) skewX(0deg) skewY(0deg); -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(-3px) skewX(0deg) skewY(0deg); transform: scale(1) rotate(0deg) translateX(0px) translateY(-3px) skewX(0deg) skewY(0deg); }
    10%  { -moz-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); }
    15%  { -moz-transform: scale(1) rotate(0deg) translateX(0px) translateY(-3px) skewX(0deg) skewY(0deg); -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(-3px) skewX(0deg) skewY(0deg); transform: scale(1) rotate(0deg) translateX(0px) translateY(-3px) skewX(0deg) skewY(0deg); }
    20%  { -moz-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); }
    100% { -moz-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); } }
@-webkit-keyframes DownAndUpBounce {
    0%   { -moz-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); }
    5%   { -moz-transform: scale(1) rotate(0deg) translateX(0px) translateY(3px) skewX(0deg) skewY(0deg); -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(3px) skewX(0deg) skewY(0deg); transform: scale(1) rotate(0deg) translateX(0px) translateY(3px) skewX(0deg) skewY(0deg); }
    10%  { -moz-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); }
    15%  { -moz-transform: scale(1) rotate(0deg) translateX(0px) translateY(3px) skewX(0deg) skewY(0deg); -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(3px) skewX(0deg) skewY(0deg); transform: scale(1) rotate(0deg) translateX(0px) translateY(3px) skewX(0deg) skewY(0deg); }
    20%  { -moz-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); }
    100% { -moz-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); } }

@-webkit-keyframes FlipVerticalMotion {
    0%   { -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0); }
    50%  { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); }
    100% { -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0); } }

@-webkit-keyframes FlipHorizonalMotion {
    0%   { -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0); }
    50%  { -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); transform: rotateY(-180deg); }
    100% { -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0); } }
.xans-member-join .joinConfirm { display:none; }