@charset "UTF-8";

/* button.css */
#body .section-wrapper .section .item-wrapper.button .item-element,
#body .section-wrapper .section .item-wrapper.customForm .customFormSubmitButton,
#body .section-wrapper .section .item-wrapper.review .review-button,
#body .designSettingElement.button {
    display: inline-block;
    width: auto;
    height: auto;
    padding: 12px 20px;
    white-space: nowrap; /*예외처리 : iOS에서 두 줄되는 문제 수정*/
    line-height: 1.25;
    cursor: pointer;
}

#body .section-wrapper .section .item-wrapper.customForm .customFormSubmitButton,
#body .designSettingElement.button {
    box-sizing: border-box;
    border-style: solid;
    border-color: transparent;
    text-align: center;
    -webkit-transition: all .2s cubic-bezier(.33, 0, .2, 1);
    -moz-transition: all .2s cubic-bezier(.33, 0, .2, 1);
    -ms-transition: all .2s cubic-bezier(.33, 0, .2, 1);
    -o-transition: all .2s cubic-bezier(.33, 0, .2, 1);
    transition: all .2s cubic-bezier(.33, 0, .2, 1);
}

#body .designSettingElement.button {
    border-width: 1px;
}

#body .section-wrapper .section .item-wrapper.customForm .customFormSubmitButton {
    font-size: 14px;
}

#body.mobile .section-wrapper .section .item-wrapper.customForm .customFormSubmitButton,
#body.mobile .designSettingElement.button {
    font-size: 13px;
    letter-spacing: 0 !important;
}

/* type - normal */
#body .section-wrapper .section .item-wrapper.customForm .customFormSubmitButton.button-type-normal:hover,
#body.button-type-normal .section-wrapper .section .item-wrapper.button .item-element:hover,
#body .section-wrapper .section .item-wrapper.button.button-type-normal .item-element:hover,
#body.button-type-normal .designSettingElement.button:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

#body .section-wrapper .section .item-wrapper.customForm .customFormSubmitButton.button-type-outline:hover,
#body.button-type-normal .section-wrapper .section .item-wrapper.button.button-type-outline .item-element:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

/* shape */
#body.button-shape-square .section-wrapper .section .item-wrapper.customForm .customFormSubmitButton,
#body.button-shape-square .section-wrapper .section .item-wrapper.button .item-element,
#body.button-shape-square .section-wrapper .section .item-wrapper.review .review-button,
#body.button-shape-square .item-wrapper.productList .productListWrapper .product-cart-elem,
#body.button-shape-square .item-wrapper.productListSlide .productListWrapper .product-cart-elem,
#body.button-shape-square #addToCartAtProductListElem #addToCartFooter .add-cart-button,
#body.button-shape-square .designSettingElement.button {
    border-radius: 0;
}

#body.button-shape-roundedSquare .section-wrapper .section .item-wrapper.customForm .customFormSubmitButton,
#body.button-shape-roundedSquare .section-wrapper .section .item-wrapper.button .item-element,
#body.button-shape-roundedSquare .section-wrapper .section .item-wrapper.review .review-button,
#body.button-shape-roundedSquare .item-wrapper.productList .productListWrapper .product-cart-elem,
#body.button-shape-roundedSquare .item-wrapper.productListSlide .productListWrapper .product-cart-elem,
#body.button-shape-roundedSquare #addToCartAtProductListElem #addToCartFooter .add-cart-button,
#body.button-shape-roundedSquare .designSettingElement.button {
    border-radius: 3px;
}

#body.button-shape-ellipse .section-wrapper .section .item-wrapper.customForm .customFormSubmitButton,
#body.button-shape-ellipse .section-wrapper .section .item-wrapper.button .item-element,
#body.button-shape-ellipse .section-wrapper .section .item-wrapper.review .review-button,
#body.button-shape-ellipse .item-wrapper.productList .productListWrapper .product-cart-elem,
#body.button-shape-ellipse .item-wrapper.productListSlide .productListWrapper .product-cart-elem,
#body.button-shape-ellipse #addToCartAtProductListElem #addToCartFooter .add-cart-button,
#body.button-shape-ellipse .designSettingElement.button {
    border-radius: 50px;
}

#body.button-type-normal .designSettingElement.button:disabled {opacity: 0.4 !important; background: #ddd !important;}

/* button.css */

/* bxslide.css */
.bx-navigation {
    position: absolute;
    top: 50%;
    z-index: 100;
}

.bx-navigation a.disabled {
    display: none !important;
}

.bx-controls {
    position: absolute;
    z-index: 100;
}

.bx-controls .bx-pager-item {
    display: inline-block;
    width: 22px;
    font-size: 0px;
}

.bx-pager-item .bx-pager-link {
    width: 11px;
    height: 11px;
    border-radius: 8px;
    box-sizing: border-box;
    background: transparent;
    display: inline-block;
    opacity: 1;
}

/* bxslide.css */

/* custom-section.css */
.section-wrapper.custom-section .section .customSectionColumn {
    position: relative;
    display: inline-block;
    width: 100%;
    height: auto;
    min-height: 32px;
    vertical-align: top;
    box-sizing: border-box;
    float: left;
}

.custom-section.sectionColumn-1 .section .customSectionColumn {
    width: 100%;
}

.custom-section.sectionColumn-1 .section .customSectionColumn {
    width: 100%;
}

.custom-section.sectionColumn-2 .section .customSectionColumn {
    width: 50%;
}

.custom-section.sectionColumn-3 .section .customSectionColumn {
    width: 33.3%;
}

.custom-section.sectionColumn-4 .section .customSectionColumn {
    width: 25%;
}

.custom-section.sectionColumn-1to2 .section .column-1,
.custom-section.sectionColumn-2to1 .section .column-2 {
    width: 33.3%;
}

.custom-section.sectionColumn-1to2 .section .column-2,
.custom-section.sectionColumn-2to1 .section .column-1 {
    width: 66.7%;
}

.custom-section.sectionColumn-1to3 .section .column-1,
.custom-section.sectionColumn-3to1 .section .column-2 {
    width: 25%;
}

.custom-section.sectionColumn-1to3 .section .column-2,
.custom-section.sectionColumn-3to1 .section .column-1 {
    width: 75%;
}

.custom-section.sectionColumn-1 .section .customSectionColumn:nth-child(n),
.custom-section.sectionColumn-2.custom-reverse-left-and-right-notUse .section .customSectionColumn:nth-child(2n),
.custom-section.sectionColumn-2.custom-reverse-left-and-right-use .section .customSectionColumn:nth-child(2n+1),
.custom-section.sectionColumn-3 .section .customSectionColumn:nth-child(3n),
.custom-section.sectionColumn-4 .section .customSectionColumn:nth-child(4n),
.custom-section.sectionColumn-1to2 .section .customSectionColumn:nth-child(2n),
.custom-section.sectionColumn-2to1 .section .customSectionColumn:nth-child(2n),
.custom-section.sectionColumn-1to3 .section .customSectionColumn:nth-child(2n),
.custom-section.sectionColumn-3to1 .section .customSectionColumn:nth-child(2n) {
    margin-right: 0;
}

.custom-section.sectionColumn-2.custom-reverse-left-and-right-use .section .customSectionColumn:nth-child(2n+1) {
    float: right;
}

.custom-section.sectionColumn-1 .section .customSectionColumn:nth-child(n+1),
.custom-section.sectionColumn-2.custom-reverse-left-and-right-use .section .customSectionColumn:nth-child(2n+1),
.custom-section.sectionColumn-2.custom-reverse-left-and-right-notUse .section .customSectionColumn:nth-child(2n+1),
.custom-section.sectionColumn-3 .section .customSectionColumn:nth-child(3n+1),
.custom-section.sectionColumn-4 .section .customSectionColumn:nth-child(4n+1),
.custom-section.sectionColumn-1to2 .section .customSectionColumn:nth-child(2n+1),
.custom-section.sectionColumn-2to1 .section .customSectionColumn:nth-child(2n+1),
.custom-section.sectionColumn-1to3 .section .customSectionColumn:nth-child(2n+1),
.custom-section.sectionColumn-3to1 .section .customSectionColumn:nth-child(2n+1) {
    margin-left: 0;
}

/* mobile */
#body.mobile .section-wrapper.custom-section .section .customSectionColumn {
    width: 100% !important;
    min-height: initial !important;
    padding: 0 !important;
    margin: 0;
}

/* custom-section.css */

/* item.css */
/* item-wrapper */
.section .item-wrapper {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    padding: 16px;
}

.section .item-wrapper.now-editing {
    cursor: text;
}

/* item-element */
.section .item-wrapper .item-element {
    position: relative;
    min-height: 1px;
    width: 100%;
    height: auto;
}

/* shape */
.section .item-wrapper.shape {
    font-size: 0;
}

.section .item-wrapper.shape .item-element {
    display: inline-block;
    box-sizing: border-box;
}

/* image */
.section .item-wrapper.image {
    line-height: 0;
}

.section .item-wrapper.image .item-element {
    display: inline-block;
    box-sizing: border-box;
}

.section .item-wrapper.image .item-element div.img,
.item-element .reviewList-wrapper .review-wrapper .review-image-wrapper .review-image {
    box-sizing: border-box;
    -webkit-background-position: center center !important;
    background-position: center center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

.section .item-wrapper.image .item-element img.img {
    width: 100%;
}

.section .item-wrapper.image .item-element div.img.ratio-2to3 {
    padding-top: 150%;
}

.section .item-wrapper.image .item-element div.img.ratio-3to4 {
    padding-top: 133.33%;
}

.section .item-wrapper.image .item-element div.img.ratio-1to1 {
    padding-top: 100%;
}

.section .item-wrapper.image .item-element div.img.ratio-4to3 {
    padding-top: 75%;
}

.section .item-wrapper.image .item-element div.img.ratio-3to2 {
    padding-top: 66.67%;
}

.section .item-wrapper.image .item-element div.img.ratio-16to9 {
    padding-top: 56.25%;
}

.section .item-wrapper.image .item-element div.img.ratio-7to3 {
    padding-top: 42.86%;
}

.section .item-wrapper.image .item-element div.img.ratio-3to1 {
    padding-top: 33.33%;
}

/* video */
.section .item-wrapper.video .video-thumbnail {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;

    display: none;
}

.section .item-wrapper.video .video-thumbnail .video-thumbnailCover {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../../images/icon/white/ic-play-button.png);
    background-repeat: no-repeat;
    background-position: center center;
}

/* button */
.section .item-wrapper.button .item-element {
    box-sizing: border-box;
}

#body.button-size-small .section .item-wrapper.button .item-element,
#body.button-size-small .section .item-wrapper.customForm .btn-wrapper button.customFormSubmitButton {
    padding: 8px 12px;
}

#body.button-size-medium .section .item-wrapper.button .item-element,
#body.button-size-medium .section .item-wrapper.customForm .btn-wrapper button.customFormSubmitButton {
    padding: 12px 20px;
}

#body.button-size-large .section .item-wrapper.button .item-element,
#body.button-size-large .section .item-wrapper.customForm .btn-wrapper button.customFormSubmitButton {
    padding: 16px 28px;
}

#body.mobile.button-mobile-size-small .section .item-wrapper.button .item-element,
#body.mobile.button-mobile-size-small .section .item-wrapper.customForm .btn-wrapper button.customFormSubmitButton {
    padding: 8px 12px;
}

#body.mobile.button-mobile-size-medium .section .item-wrapper.button .item-element,
#body.mobile.button-mobile-size-medium .section .item-wrapper.customForm .btn-wrapper button.customFormSubmitButton {
    padding: 12px 20px;
}

#body.mobile.button-mobile-size-large .section .item-wrapper.button .item-element,
#body.mobile.button-mobile-size-large .section .item-wrapper.customForm .btn-wrapper button.customFormSubmitButton {
    padding: 16px 28px;
}

/* customIcons */
.section .item-wrapper.customIcons .customIcons-icon {
    display: inline-block;
    margin: 0 0.275em;
}

#body.mobile .section .item-wrapper.customIcons .customIcons-icon {
    font-size: 22px;
}

/* contactForm */
.section .item-wrapper.contactForm .item-element {
    font-size: 14px;
}

.section .item-wrapper.contactForm .item-element span {
    display: block;
    margin-bottom: 12px;
    font-size: 14px;
    line-height: 17px;
}

.section .item-wrapper.contactForm input.contactForm,
.section .item-wrapper.contactForm textarea.contactForm {
    box-sizing: border-box;
    background: #fff;
    width: 100%;
    min-width: 180px;
    margin: 0;
    margin-bottom: 20px;
    height: 45px;
    line-height: 23px;
    font-size: 1em;
    font-weight: normal;
    -webkit-appearance: none; /* Remove default shadow */
    padding: 10px 15px;
    background-color: transparent;
    border: 1px solid #ddd;
}

.section .item-wrapper.contactForm textarea.contactForm {
    min-height: 180px;
    margin-bottom: 30px;
}

.section .item-wrapper.contactForm .btn-wrapper {
    text-align: center;
}

.section .item-wrapper.contactForm .btn-wrapper button {
    width: 180px !important;
    background-color: #222;
    color: #fff;
    line-height: 50px;
    height: 55px !important;
    text-transform: uppercase;
}

/* customForm */

.section .item-wrapper.customForm .item-element {
    font-size: 14px;
}

.section .item-wrapper.customForm .item-element span {
    display: block;
    line-height: 1.5em;
}

.section .item-wrapper.customForm .item-element span.customFormContentCaption {
    font-size: 12px;
    margin-top: 6px;
}

.section .item-wrapper.customForm .customFormContentTitleDiv {
    margin-bottom: 12px;
}

.section .item-wrapper.customForm .customFormContentDiv {
    margin-bottom: 30px;
}

.section .item-wrapper.customForm .customFormPrivacyAgreeDiv .optionListDiv {
    margin: 10px 0;
}

.section .item-wrapper.customForm input[type=text],
.section .item-wrapper.customForm input[type=search],
.section .item-wrapper.customForm input[type=password],
.section .item-wrapper.customForm input[type=number],
.section .item-wrapper.customForm input[type=tel],
.section .item-wrapper.customForm input[type=email],
.section .item-wrapper.customForm textarea,
.section .item-wrapper.customForm .customFormSelectDiv {
    box-sizing: border-box;
    background: #fff;
    width: 100%;
    margin: 0;
    line-height: 23px;
    font-size: 1em;
    font-weight: normal;
    -webkit-appearance: none; /* Remove default shadow */
    padding: 10px 15px;
    background-color: transparent;
    border: 1px solid #ddd;
}

.section .item-wrapper.customForm textarea {
    min-height: 100px;
}

.section .item-wrapper.customForm .tel .customFormContentInputDiv,
.section .item-wrapper.customForm .date .customFormContentInputDiv {
    max-width: 400px;
}

.section .item-wrapper.customForm .optionListDiv {
    position: relative;
}

.section .item-wrapper.customForm .optionListDiv .optionDiv {
    margin-bottom: 12px;
}

.section .item-wrapper.customForm .optionListDiv .optionDiv:last-child {
    margin-bottom: 0px;
}

.section .item-wrapper.customForm .optionListDiv .optionDiv > * {
    vertical-align: middle;
}

.section .item-wrapper.customForm input[type="radio"] {
    -webkit-appearance: radio;
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-bottom: 0px;
}

.section .item-wrapper.customForm input[type="checkbox"]:not(:checked),
.section .item-wrapper.customForm input[type="checkbox"]:checked {
    -webkit-appearance: checkbox;
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-bottom: 0px;
}

.section .item-wrapper.customForm input[type="checkbox"] + label,
.section .item-wrapper.customForm input[type="radio"] + label {
    padding-left: 10px;
    cursor: pointer;
}

.section .item-wrapper.customForm input[type=number].threeInput1,
.section .item-wrapper.customForm input[type=number].threeInput2,
.section .item-wrapper.customForm input[type=number].threeInput3,
.section .item-wrapper.customForm input[type=tel].threeInput1,
.section .item-wrapper.customForm input[type=tel].threeInput2,
.section .item-wrapper.customForm input[type=tel].threeInput3 {
    width: 30%;
    display: inline-block;
}

.section .item-wrapper.customForm span.formType_tel {
    width: 5%;
    display: inline-block;
    text-align: center;
}

.section .item-wrapper.customForm .date input[type=number] {
    margin-left: 5%;
}

.section .item-wrapper.customForm .date input[type=number]:first-child {
    margin-left: 0;
}

.section .item-wrapper.customForm .date input[type=number].threeInput2,
.section .item-wrapper.customForm .date input[type=number].threeInput3 {
    width: 20%;
}

.section .item-wrapper.customForm input[type="number"]::-webkit-outer-spin-button,
.section .item-wrapper.customForm input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.section .item-wrapper.customForm .customFormError label {
    color: #bd0000 !important;
}

.section .item-wrapper.customForm .customFormError input,
.section .item-wrapper.customForm .customFormError .customFormSelectDiv,
.section .item-wrapper.customForm .customFormError textarea {
    color: #bd0000;
    border-color: #e99292 !important;
}

.section .item-wrapper.customForm .customFormError .error_msg {
    color: #bd0000;
    margin-top: 12px;
}

.section .item-wrapper.customForm .customFormSubitErrorDiv.customFormContentErrorDiv.error_msg {
    color: #bd0000;
    margin-bottom: 30px;
}

.section .item-wrapper.customForm .btn-wrapper button {
    min-width: 180px !important;
    background-color: #222;
    color: #fff;
}

/* customform */

.section .item-wrapper .item-element > *:only-child {
    margin-bottom: 0;
}

.section .item-wrapper .item-element a {
    color: inherit;
}

#body:not(.mobile) .section .item-wrapper .item-element a.textTransition-transparent:hover {
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
}

.section .item-wrapper .item-element iframe {
    max-width: 100%;
}

#body .defaultColor {
    opacity: 1 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
    filter: alpha(opacity=100) !important;
    -moz-opacity: 1 !important;
    -khtml-opacity: 1 !important;
}

#body .defaultColor.userCustomIcon-icomoon-facebook {
    color: #3E5B9F !important;
}

#body .defaultColor.userCustomIcon-icomoon-instagram {
    color: #262626 !important;
}

#body .defaultColor.userCustomIcon-icomoon-blog {
    color: #f57d00 !important;
}

#body .defaultColor.userCustomIcon-icomoon-kakaoTalk {
    color: #ffca00 !important;
}

#body .defaultColor.userCustomIcon-icomoon-kakaoStory {
    color: #FAB900 !important;
}

#body .defaultColor.userCustomIcon-icomoon-kakaoYellowId {
    color: #FAB900 !important;
}

#body .defaultColor.userCustomIcon-icomoon-androidMarket {
    color: #A4C639 !important;
}

#body .defaultColor.userCustomIcon-icomoon-appleMarket {
    color: #a8b1b7 !important;
}

#body .defaultColor.userCustomIcon-icomoon-windowsMarket {
    color: #00bcf2 !important;
}

#body .defaultColor.userCustomIcon-icomoon-naverLine {
    color: #00B900 !important;
}

#body .defaultColor.userCustomIcon-icomoon-naverBand {
    color: #43D592 !important;
}

#body .defaultColor.userCustomIcon-icomoon-naverTalk {
    color: #1EDC00 !important;
}

#body .defaultColor.userCustomIcon-icomoon-naverModoo {
    color: #1EDC00 !important;
}

#body .defaultColor.userCustomIcon-icomoon-airbnb {
    color: #FF5A5F !important;
}

#body .defaultColor.userCustomIcon-icomoon-telegram {
    color: #0088cc !important;
}

#body .defaultColor.userCustomIcon-icomoon-twitter {
    color: #439BD5 !important;
}

#body .defaultColor.userCustomIcon-icomoon-pinterest {
    color: #bd081c !important;
}

#body .defaultColor.userCustomIcon-icomoon-tumblr {
    color: #35465c !important;
}

#body .defaultColor.userCustomIcon-icomoon-flickr {
    color: #0063db !important;
}

#body .defaultColor.userCustomIcon-icomoon-linkedin {
    color: #8d6cab !important;
}

#body .defaultColor.userCustomIcon-icomoon-googlePlus {
    color: #DB4437 !important;
}

#body .defaultColor.userCustomIcon-icomoon-youtube {
    color: #cd201f !important;
}

#body .defaultColor.userCustomIcon-icomoon-vimeo {
    color: #162221 !important;
}

#body .defaultColor.userCustomIcon-icomoon-naverPost {
    color: #00C73C !important;
}

#body .defaultColor.userCustomIcon-icomoon-naverCafe {
    color: #48e020 !important;
}

#body .defaultColor.userCustomIcon-icomoon-daumCafe {
    color: #ee3e49 !important;
}

/* item.css */

/* slide.css */
.section .item-wrapper .item-element a.slide_img_a:hover {
    opacity: 1 !important;
}

.section .item-wrapper.slide .item-element {
    overflow: hidden;
    height: auto;
}

.section .item-wrapper.slide .item-element .slideContent {
    width: 100%;
    height: 100%;
}

.section .item-wrapper.slide.ratio-2to3 .item-element .slideContent.image {
    padding-top: 150%;
}

.section .item-wrapper.slide.ratio-3to4 .item-element .slideContent.image {
    padding-top: 133.33%;
}

.section .item-wrapper.slide.ratio-1to1 .item-element .slideContent.image {
    padding-top: 100%;
}

.section .item-wrapper.slide.ratio-4to3 .item-element .slideContent.image {
    padding-top: 75%;
}

.section .item-wrapper.slide.ratio-3to2 .item-element .slideContent.image {
    padding-top: 66.67%;
}

.section .item-wrapper.slide.ratio-16to9 .item-element .slideContent.image {
    padding-top: 56.25%;
}

.section .item-wrapper.slide.ratio-7to3 .item-element .slideContent.image {
    padding-top: 42.86%;
}

.section .item-wrapper.slide.ratio-3to1 .item-element .slideContent.image {
    padding-top: 33.33%;
}

.item-wrapper.slide .item-element:not(.slideImplemented) .slideContentDiv {
    display: none;
}

.item-wrapper.slide .item-element:not(.slideImplemented) .slideContentDiv:first-child {
    display: block;
}

.section .item-wrapper.slide.effect-slide .bx-viewport {
    height: auto !important;
}

.section .item-wrapper.slide .item-element .slideContent {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
    width: 100%;
    height: 100%;
}

/* slide caption */
.item-wrapper.slide .slideCaption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(34, 34, 34, .5) 100%);
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
}

.item-wrapper.slide .slideCaptionContent {
    padding: 5%;
    line-height: 1.5em;
    text-align: left;
    color: #fff;
}

.item-wrapper.slide .slideCaptionContent .slideCaptionTitle {
    font-size: 18px !important;
    font-weight: 700;
}

.item-wrapper.slide .slideCaptionContent .slideCaptionBody {
    font-size: 14px !important;
    margin-top: .5em;
    font-weight: 400;
    line-height: 1.25em;
    color: rgba(255, 255, 255, .95);
}

.item-wrapper.slide .slideContent.captionHover:hover .slideCaption {
    filter: alpha(opacity=100);
    opacity: 1;
}

.item-wrapper.slide .slideContent.captionHover .slideCaption {
    filter: alpha(opacity=0);
    opacity: 0;
}

/* Custom-section Slide Navigation */
.item-wrapper.slide .bx-navigation {
    z-index: 999;
}

.item-wrapper.slide .bx-navigation a {
    width: 44px;
    height: 60px;
    display: block;
    background-color: rgba(0, 0, 0, .12);
    margin-top: -30px;
    position: relative;

    -webkit-transition: all 200ms cubic-bezier(.25, .46, .45, .94);
    -moz-transition: all 200ms cubic-bezier(.25, .46, .45, .94);
    -ms-transition: all 200ms cubic-bezier(.25, .46, .45, .94);
    -o-transition: all 200ms cubic-bezier(.25, .46, .45, .94);
    transition: all 200ms cubic-bezier(.25, .46, .45, .94);
}

.item-wrapper.slide .bx-navigation:hover a {
    background-color: rgba(0, 0, 0, .2);
}

.item-wrapper.slide .bx-prevButton {
    left: 16px;
}

.item-wrapper.slide .bx-nextButton {
    right: 16px;
}

.item-wrapper.slide .bx-prevButton a::before {
    background-image: url(../../images/icon/white/ic-slide-previous.png);
    background-position: center center !important;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    width: 14px;
    height: 22px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -10px;
    margin-left: -8px;
}

.item-wrapper.slide .bx-nextButton a::before {
    background-image: url(../../images/icon/white/ic-slide-next.png);
    background-position: center center !important;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    width: 14px;
    height: 22px;
    position: absolute;
    top: 50%;
    right: 50%;
    margin-top: -10px;
    margin-right: -8px;
}

/* Custom-section Slide Pagenation */
.item-wrapper.slide .bx-controls {
    right: 31px;
    bottom: 31px;
    width: 50%;
    text-align: right;
}

.item-wrapper.slide .bx-pager-item .bx-pager-link {
    border: 2px solid #ffffff;
}

.item-wrapper.slide .bx-pager-item .bx-pager-link.active {
    background: #ffffff !important;
}

/* Old Custom-section Slide Pagenation & Navigation */
.item-wrapper.slide .slidesjs-pagination, .item-wrapper.slide .slidesjs-navigation {
    position: absolute;
    bottom: 15px;
    right: 15px;
    width: 200px;
    z-index: 10;
    text-align: right;
}

.item-wrapper.slide .slidesjs-pagination-item {
    display: inline-block;
    width: 22px;
}

.item-wrapper.slide .slidesjs-navigation {
    bottom: 0;
    right: 0;
    top: 50%;
    outline: none;
    color: #fff !important;
    z-index: 999;
    font-size: 48px !important;
    line-height: 40px;
    margin-top: -30px;
    background-color: rgba(0, 0, 0, .12);
    display: inline-block;
    padding: 10px;
    width: 24px;
    height: 40px;
    box-sizing: content-box;
    -webkit-transition: all 200ms cubic-bezier(.25, .46, .45, .94);
    -moz-transition: all 200ms cubic-bezier(.25, .46, .45, .94);
    -ms-transition: all 200ms cubic-bezier(.25, .46, .45, .94);
    -o-transition: all 200ms cubic-bezier(.25, .46, .45, .94);
    transition: all 200ms cubic-bezier(.25, .46, .45, .94);
}

.section .item-wrapper .item-element a.slidesjs-navigation:hover {
    background-color: rgba(0, 0, 0, .2);
    opacity: 1;
}

.item-wrapper.slide .slidesjs-navigation.slidesjs-previous {
    left: 0;
}

.item-wrapper.slide .slidesjs-navigation.slidesjs-previous::before {
    background-image: url(../../images/icon/white/ic-slide-previous.png);
    background-position: center center !important;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    width: 14px;
    height: 22px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -10px;
    margin-left: -8px;
}

.item-wrapper.slide .slidesjs-navigation.slidesjs-next::before {
    background-image: url(../../images/icon/white/ic-slide-next.png);
    background-position: center center !important;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    width: 14px;
    height: 22px;
    position: absolute;
    top: 50%;
    right: 50%;
    margin-top: -10px;
    margin-right: -8px;
}

/* slide.css */

/* section width type */
#body .section-wrapper .section {
    width: 100%;
    max-width: 1240px;
    padding: 0 20px;
    margin: 0 auto;
    background-color: transparent;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

#body .section-wrapper .section::after {
    content: "";
    display: block;
    clear: both;
}

#body.customSection-width-type-narrow .section-wrapper.custom-section .section:not(.widthNarrow):not(.widthNormal):not(.widthWide),
#body.productList-width-type-narrow .section-wrapper.productList-section:not(.relatedProduct-section) .section,
#body.productListSlide-width-type-narrow .section-wrapper.productListSlide-section:not(.relatedProduct-section) .section,
#body.board-lineup-width-type-narrow .section-wrapper.board-section.boardLineup .section,
#body.board-lineup-width-type-narrow .section-wrapper.boardProductReview-section.boardLineup .section,
#body.board-lineup-width-type-narrow .section-wrapper.boardProductQna-section.boardLineup .section,
#body.board-grid-width-type-narrow .section-wrapper.board-section.boardGrid .section,
#body.board-grid-width-type-narrow .section-wrapper.boardProductReview-section.boardGrid .section,
#body.blog-grid-width-type-narrow .section-wrapper.blog-section.blogGrid .section,
.review-width-type-narrow .section-wrapper.review-section .section,
#body .section-wrapper .section.widthNarrow {
    max-width: 960px;
    padding: 0;
}

@media screen and (max-width: 1020px) {
    #body .section-wrapper .section {
        max-width: 960px;
        padding: 0;
    }
}

@media screen and (min-width: 1400px) {
    #body.customSection-width-type-wide .section-wrapper.custom-section .section:not(.widthNarrow):not(.widthNormal):not(.widthWide),
    #body.productList-width-type-wide .section-wrapper.productList-section:not(.relatedProduct-section) .section,
    #body.productListSlide-width-type-wide .section-wrapper.productListSlide-section:not(.relatedProduct-section) .section,
    #body.board-lineup-width-type-wide .section-wrapper.board-section.boardLineup .section,
    #body.board-lineup-width-type-wide .section-wrapper.boardProductReview-section.boardLineup .section,
    #body.board-lineup-width-type-wide .section-wrapper.boardProductQna-section.boardLineup .section,
    #body.board-grid-width-type-wide .section-wrapper.board-section.boardGrid .section,
    #body.board-grid-width-type-wide .section-wrapper.boardProductReview-section.boardGrid .section,
    #body.blog-grid-width-type-wide .section-wrapper.blog-section.blogGrid .section,
    .review-width-type-wide .section-wrapper.review-section .section,
    #body .section-wrapper .section.widthWide {
        max-width: 1800px;
        padding-left: 90px;
        padding-right: 90px;
    }
}

.review-width-type-full .section-wrapper.review-section .section,
#body .section-wrapper .section.widthFull {
    max-width: 100%;
    padding: 0;
}

#body.review-width-type-full .section-wrapper.review-section .section .item-wrapper,
#body .section-wrapper .section.widthFull .item-wrapper {
    padding: 0;
}

.review-width-type-full .section-wrapper.review-section .section, #body .section-wrapper .section.widthFull.reviewCarousel.navigation {
    padding: 0 90px;
}

/* mobile */
#body.mobile .section-wrapper .section {
    width: 100% !important;
    padding: 0 !important;
    min-width: initial;
    max-width: initial;
}

#body.mobile .section .item-wrapper .item-element {
    min-width: initial;
    padding: 0;
}

@media screen and (max-width: 640px) {
    #body .section-wrapper.googleMap-section .section .item-wrapper .item-element,
    #body .section-wrapper.maps-section .section .item-wrapper .item-element {
        height: 246px !important;
    }

    #body .section-wrapper.googleMap-section .section.widthFull .item-wrapper .item-element,
    #body .section-wrapper.maps-section .section.widthFull .item-wrapper .item-element {
        height: 270px !important;
    }
}

/* TODO wipeout section background-image without custom-section */
#body .section-wrapper.gallery-section .section-background.background-image,
#body .section-wrapper.googleMap-section .section-background.background-image,
#body .section-wrapper.maps-section .section-background.background-image,
#body .section-wrapper.blog-section .section-background.background-image,
#body .section-wrapper.productList-section .section-background.background-image {
    background-image: none !important;
}

/* blog.css */
.blogPost-wrapper.viewPost {
    width: 100%;
    padding: 0 16px;
    margin: 60px auto 70px;
}

#body.blog-sidebar-use .blogPost-wrapper.viewPost {
    max-width: 1240px;
    padding: 0 36px;
}

@media screen and (max-width: 1020px) {
    #body.blog-sidebar-use .blogPost-wrapper.viewPost {
        padding: 0 16px;
    }
}

.blogPost-wrapper.viewPost .blogPostDiv {
    width: 100%;
    max-width: 868px;
    margin: 0 auto;
}

.blogPost-wrapper.viewPost .btn-wrapper .text-btn {
    display: block !important;
}

.blogPost-wrapper.viewPost .btn-wrapper .text-btn #previousBlogPost,
.blogPost-wrapper.viewPost .btn-wrapper .text-btn #nextBlogPost {
    display: inline-block;
    width: 48%;
}

.blogPost-wrapper.viewPost .btn-wrapper .text-btn #nextBlogPost {
    float: right;
    text-align: right;
}

.blogPost-wrapper.viewPost .btn-wrapper .text-btn:first-child {
    margin-right: 0px !important;
}

.blogPost-wrapper.viewPost .btn-wrapper.bottom .text-btn .icomoon-left,
.blogPost-wrapper.viewPost .btn-wrapper.bottom .text-btn .icomoon-right {
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
}

.blogPost-wrapper.viewPost .btn-wrapper.bottom .text-btn .icomoon-left {
    margin-right: 5px;
}

.blogPost-wrapper.viewPost .btn-wrapper.bottom .text-btn .icomoon-right {
    margin-left: 5px;
}

.blogPost-wrapper.viewPost .btn-wrapper.bottom .text-btn span {
    vertical-align: middle;
    line-height: 1.5em;
}

#body.blog-sidebar-use.blog-sidebar-position-leftSide .viewPost #blogPostSidebar {
    float: left;
}

#body.blog-sidebar-use.blog-sidebar-position-leftSide .viewPost .blogPostDiv {
    float: right;
}

#body.blog-sidebar-use .viewPost #blogPostSidebar,
#body.blog-sidebar-use.blog-sidebar-position-rightSide .viewPost #blogPostSidebar {
    float: right;
}

#body.blog-sidebar-use .viewPost .blogPostDiv,
#body.blog-sidebar-use.blog-sidebar-position-rightSide .viewPost .blogPostDiv {
    float: left;
    width: calc(100% - 300px);
}

/* boardPost view */
.blog-post-title-align-left .blogPost-wrapper.viewPost .postHead {
    text-align: left;
}

.blog-post-title-align-center .blogPost-wrapper.viewPost .postHead {
    text-align: center;
}

.blog-post-title-align-right .blogPost-wrapper.viewPost .postHead {
    text-align: right;
}

.blog-post-title-align-left .blogPost-wrapper.viewPost .likeShareButtonWrapper,
.blog-post-title-align-right .blogPost-wrapper.viewPost .likeShareButtonWrapper {
    text-align: right;
}

.blog-post-title-align-center .blogPost-wrapper.viewPost .likeShareButtonWrapper {
    text-align: center;
}

.blog-post-title-align-left .blogPost-wrapper.viewPost #snsShareBtnListWrapper,
.blog-post-title-align-right .blogPost-wrapper.viewPost #snsShareBtnListWrapper,
.blog-post-title-align-left .blogPostWrapper #snsShareBtnListWrapper,
.blog-post-title-align-right .blogPostWrapper #snsShareBtnListWrapper {
    left: 100%;
    margin-left: -150px;
}

.blog-post-title-align-center .blogPost-wrapper.viewPost #snsShareBtnListWrapper,
.blog-post-title-align-center .blogPostWrapper #snsShareBtnListWrapper {
    left: 50%;
    margin-left: -75px;
}

#body.mobile.blog-post-title-align-center .blogPostWrapper #snsShareBtnListWrapper {
    left: 100%;
    margin-left: -150px;
}

.blogPost-wrapper.viewPost .postHead,
#body .item-wrapper.blog.blogStack .blogPostWrapper .blogPostTitleAndDateWrapper {
    margin-bottom: 40px;
}

.blogPost-wrapper.viewPost .postContent {
    margin-bottom: 60px;
}

.blogPost-wrapper.viewPost .btn-wrapper {
    margin-bottom: 20px;
    text-align: right;
}

.blogPost-wrapper.viewPost .btn-wrapper .text-btn {
    display: inline-block;
    font-size: 14px;
    cursor: pointer;
}

.blogPost-wrapper.viewPost .btn-wrapper .text-btn:first-child {
    margin-right: 10px;
}

.blogPost-wrapper.viewPost .btn-wrapper.bottom {
    text-align: left;
    margin-top: 40px;
}

.blogPost-wrapper.viewPost .postContent ol,
.blogPost-wrapper.viewPost .postContent ul,
.blogPostWrapper .blogPost.content ol,
.blogPostWrapper .blogPost.content ul {
    margin-left: 40px;
}

.blogPost-wrapper.viewPost .postContent p img {
    height: auto !important;
}

.blogPost-wrapper.viewPost .postCommentCount {
    font-size: 15px;
    line-height: 17px;
    margin-bottom: 40px;
}

.blogPost-wrapper.viewPost .postComment {
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
    margin-top: 20px;
}

.blogPost-wrapper.viewPost .postComment:first-child {
    border-top: 1px solid #ddd;
    padding-top: 20px;
}

.blogPost-wrapper.viewPost .postComment .postCommentHead {
    margin-bottom: 30px;
    position: relative;
    font-size: 12px;
}

.blogPost-wrapper.viewPost .postComment .postCommentWriter {
    font-size: 14px;
    line-height: 17px;
    width: 80%;
    display: inline-block;
    vertical-align: middle;
}

.blogPost-wrapper.viewPost .postComment .postCommentWriter .dateSpan {
    margin-left: 10px;
}

.blogPost-wrapper.viewPost .postComment .postCommentContent {
    font-size: 14px;
}

.blogPost-wrapper.viewPost .postCommentWriteDiv {
    width: 100%;
    padding-bottom: 40px;
}

.blogPost-wrapper.viewPost .postCommentWriteDiv .title {
    display: block;
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 12px;
    margin-left: 5px;
}

.blogPost-wrapper.viewPost .postCommentWriteDiv input,
.blogPost-wrapper.viewPost .postCommentWriteDiv textarea {
    -webkit-appearance: none;
    border: 1px solid #a9a9a9;
    background-color: transparent;
    margin-bottom: 20px;
    padding: 10px 15px;
    width: 100%;
    line-height: 18px;
    font-size: 14px;
}

.blogPost-wrapper.viewPost .postCommentWriteDiv .postWriteCommentInput {
    border: 1px solid #a9a9a9;
    text-align: right;
}

.blogPost-wrapper.viewPost .postCommentWriteDiv .postWriteCommentInput textarea {
    min-height: 120px;
    margin: 0;
    border: none;
    max-width: 100%;
}

.blogPost-wrapper.viewPost .postCommentWriteDiv .postWriteCommentInput button {
    margin: 0 11px 11px 0;
    min-width: 100px;
    height: 45px !important;
    line-height: 14px !important;
    font-size: 14px;
    text-transform: uppercase;
}

.blogPost-wrapper.viewPost .postComment .postCommentDelete {
    font-size: 14px;
    line-height: 17px;
    vertical-align: middle;
    position: absolute;
    bottom: 0;
    right: 0;
    cursor: pointer;
}

#body.blog-grid-hoverEffect-brightnessEffect .item-wrapper.blogGrid .blogPostWrapper .thumbDiv {
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
}

#body.blog-grid-hoverEffect-brightnessEffect .item-wrapper.blogGrid .blogPostWrapper .thumbDiv:hover {
    -ms-filter: alpha(opacity=80);
    filter: alpha(opacity=80);
    opacity: 0.8;
}

#body.blog-grid-hoverEffect-magnificationEffect .item-wrapper.blogGrid .blogPostWrapper .thumbDiv {
    overflow: hidden;
}

#body.blog-grid-hoverEffect-magnificationEffect .item-wrapper.blogGrid .blogPostWrapper .thumbDiv .thumb.img {
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}

#body.blog-grid-hoverEffect-magnificationEffect .item-wrapper.blogGrid .blogPostWrapper .thumbDiv:hover .thumb.img {
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -o-transform: scale(1.03);
    transform: scale(1.03);
}

/* blogSidebar */
#body.blog-sidebar-use .blogSidebar {
    display: inline-block;
    vertical-align: top;
    width: 250px;
}

#body.blog-sidebar-use .blogSidebar .blogFilterCollection {
    margin-bottom: 50px;
}

#body.blog-sidebar-use .blogSidebar .blogFilterCollection-title,
#body.blog-sidebar-use .blogSidebar .blogSidebar-recentPosts-title {
    text-transform: uppercase;
    font-size: 20px;
    margin-bottom: 25px;
    line-height: 1.4em;
}

#body.blog-sidebar-use .blogSidebar .blogFilter-navi,
#body.blog-sidebar-use .blogSidebar .blogSidebar-recentPostDiv {
    margin-top: 20px;
    font-size: 15px;
    line-height: 1.4em;
}

#body.blog-sidebar-use .blogSidebar .blogFilter-navi {
    margin-top: 15px;
}

.item-wrapper.blog .blogFilterCollection .blogFilter-navi,
#body.blog-sidebar-use .blogSidebar .blogSidebar-recentPost span {
    cursor: pointer;
}

#body.blogGrid-filterPosition-leftSide .item-wrapper.blogGrid .filter-use .blogWrapper,
#body.blogGrid-filterPosition-rightSide .item-wrapper.blogGrid .filter-use .blogWrapper {
    display: inline-block;
}

#body.blogGrid-filterPosition-top .item-wrapper.blogGrid .blogFilterCollection .blogFilter-navi {
    display: inline-block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

#body.blogGrid-filterPosition-leftSide .item-wrapper.blogGrid .filter-use .blogFilterCollection {
    float: left;
}

#body.blogGrid-filterPosition-rightSide .item-wrapper.blogGrid .filter-use .blogFilterCollection {
    float: right;
}

#body.blogGrid-filterPosition-leftSide .item-wrapper.blogGrid .filter-use .blogFilterCollection,
#body.blogGrid-filterPosition-rightSide .item-wrapper.blogGrid .filter-use .blogFilterCollection {
    display: inline-block;
    box-sizing: border-box;
    vertical-align: top;
}

#body.blogGrid-filterPosition-leftSide .item-wrapper.blogGrid .filter-use .blogFilterCollection .blogFilter-navi,
#body.blogGrid-filterPosition-rightSide .item-wrapper.blogGrid .filter-use .blogFilterCollection .blogFilter-navi {
    display: block;
}

#body.blogGrid-filterPosition-top .item-wrapper.blogGrid .blogFilterCollection .blogFilter-navi:first-child {
    margin-left: 0;
}

#body.blogGrid-filterPosition-top .item-wrapper.blogGrid .blogFilterCollection .blogFilter-navi:last-child {
    margin-right: 0;
}

#body.blog-sidebar-use .blogSidebar .blogSidebar-recentPost.date {
    font-size: 13px;
    margin-top: 5px;
}

#body.blog-sidebar-use .blogSidebar .blogSearchWrapper {
    margin: 25px 0 30px;
}

#body.blog-sidebar-use .blogSidebar .blogSearchWrapper form {
    display: inline-block;
    margin-right: 8px;
}

#body.blog-sidebar-use .blogSidebar .blogSearchWrapper input {
    -webkit-appearance: none;
    border: 1px solid #a9a9a9;
    background-color: transparent;
    width: 167px;
    height: 45px;
    font-size: 14px;
    padding: 10px 15px;
    line-height: 23px;
}

#body.blog-sidebar-use .blogSidebar .blogSearchWrapper button {
    width: 75px;
    height: 45px !important;
    line-height: 41px !important;
    font-size: 14px;
    text-transform: uppercase;
    padding: 0;
    vertical-align: top;
}

/* customize scroll */
.blogPost-wrapper.viewPost .postCommentWriteDiv .postWriteCommentInput textarea::-webkit-scrollbar {
    width: 12px;
}

.blogPost-wrapper.viewPost .postCommentWriteDiv .postWriteCommentInput textarea::-webkit-scrollbar-track {
    background-color: #fff;
    border-left: none;
}

.blogPost-wrapper.viewPost .postCommentWriteDiv .postWriteCommentInput textarea::-webkit-scrollbar-thumb {
    background-color: #ccc;
}

.blogPost-wrapper.viewPost .postCommentWriteDiv .postWriteCommentInput textarea::-webkit-scrollbar-thumb:hover {
    background-color: #aaa;
}

#body.blog-width-type-wide .section-wrapper.blog-section .section .item-wrapper.blog {
    width: 100% !important;
}

.item-wrapper.blog {
    height: auto !important; /* section요소 common 테그 */
    top: 0 !important;
    margin: 0 auto;
}

.item-wrapper.blog .item-element {
    position: relative !important;
    margin: 0 auto;
}

.item-wrapper.blog .blogWrapper {
    position: relative !important; /* section요소 common 테그 */
    width: auto;
}

/* blog element wrapper*/
.item-wrapper.blog .blogWrapper .blogPage {
    display: none;
}

.item-wrapper.blog .blogWrapper .blogPage.now {
    display: block;
}

.item-wrapper.blog .blogWrapper .blogPostWrapper {
    vertical-align: top;
    width: 100%;
    min-height: 1px;
    margin: 0;
    padding: 0;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.item-wrapper.blog.blogGrid .blogWrapper .blogPostWrapper {
    opacity: 0;
    visibility: hidden;
}

.item-wrapper.blog.blogGrid .blogWrapper .blogPostWrapper.load {
    display: inline-block;
    opacity: 1;
    visibility: visible;
    cursor: pointer;
}

/* blog element - column */
.item-wrapper.blog .blogWrapper.c-1 .blogPostWrapper:nth-child(n),
.item-wrapper.blog .blogWrapper.c-2 .blogPostWrapper:nth-child(2n),
.item-wrapper.blog .blogWrapper.c-3 .blogPostWrapper:nth-child(3n),
.item-wrapper.blog .blogWrapper.c-4 .blogPostWrapper:nth-child(4n),
.item-wrapper.blog .blogWrapper.c-5 .blogPostWrapper:nth-child(5n),
.item-wrapper.blog .blogWrapper.c-6 .blogPostWrapper:nth-child(6n) {
    margin-right: 0 !important;
}

.item-wrapper.blog .blogWrapper.c-1 .blogPostWrapper:nth-child(n+1),
.item-wrapper.blog .blogWrapper.c-2 .blogPostWrapper:nth-child(2n+1),
.item-wrapper.blog .blogWrapper.c-3 .blogPostWrapper:nth-child(3n+1),
.item-wrapper.blog .blogWrapper.c-4 .blogPostWrapper:nth-child(4n+1),
.item-wrapper.blog .blogWrapper.c-5 .blogPostWrapper:nth-child(5n+1),
.item-wrapper.blog .blogWrapper.c-6 .blogPostWrapper:nth-child(6n+1) {
    margin-left: 0 !important;
}

.item-wrapper.blog .blogWrapper.c-1 .blogPostWrapper:nth-child(1),
.item-wrapper.blog .blogWrapper.c-2 .blogPostWrapper:nth-child(1),
.item-wrapper.blog .blogWrapper.c-2 .blogPostWrapper:nth-child(2),
.item-wrapper.blog .blogWrapper.c-3 .blogPostWrapper:nth-child(1),
.item-wrapper.blog .blogWrapper.c-3 .blogPostWrapper:nth-child(2),
.item-wrapper.blog .blogWrapper.c-3 .blogPostWrapper:nth-child(3),
.item-wrapper.blog .blogWrapper.c-4 .blogPostWrapper:nth-child(1),
.item-wrapper.blog .blogWrapper.c-4 .blogPostWrapper:nth-child(2),
.item-wrapper.blog .blogWrapper.c-4 .blogPostWrapper:nth-child(3),
.item-wrapper.blog .blogWrapper.c-4 .blogPostWrapper:nth-child(4),
.item-wrapper.blog .blogWrapper.c-5 .blogPostWrapper:nth-child(1),
.item-wrapper.blog .blogWrapper.c-5 .blogPostWrapper:nth-child(2),
.item-wrapper.blog .blogWrapper.c-5 .blogPostWrapper:nth-child(3),
.item-wrapper.blog .blogWrapper.c-5 .blogPostWrapper:nth-child(4),
.item-wrapper.blog .blogWrapper.c-5 .blogPostWrapper:nth-child(5),
.item-wrapper.blog .blogWrapper.c-6 .blogPostWrapper:nth-child(1),
.item-wrapper.blog .blogWrapper.c-6 .blogPostWrapper:nth-child(2),
.item-wrapper.blog .blogWrapper.c-6 .blogPostWrapper:nth-child(3),
.item-wrapper.blog .blogWrapper.c-6 .blogPostWrapper:nth-child(4),
.item-wrapper.blog .blogWrapper.c-6 .blogPostWrapper:nth-child(5),
.item-wrapper.blog .blogWrapper.c-6 .blogPostWrapper:nth-child(6) {
    margin-top: 0 !important;
}

.item-wrapper.blog .blogWrapper.c-1 .blogPostWrapper:nth-last-child(1),
.item-wrapper.blog .blogWrapper.c-2 .blogPostWrapper:nth-last-child(1),
.item-wrapper.blog .blogWrapper.c-2 .blogPostWrapper:nth-last-child(2),
.item-wrapper.blog .blogWrapper.c-3 .blogPostWrapper:nth-last-child(1),
.item-wrapper.blog .blogWrapper.c-3 .blogPostWrapper:nth-last-child(2),
.item-wrapper.blog .blogWrapper.c-3 .blogPostWrapper:nth-last-child(3),
.item-wrapper.blog .blogWrapper.c-4 .blogPostWrapper:nth-last-child(1),
.item-wrapper.blog .blogWrapper.c-4 .blogPostWrapper:nth-last-child(2),
.item-wrapper.blog .blogWrapper.c-4 .blogPostWrapper:nth-last-child(3),
.item-wrapper.blog .blogWrapper.c-4 .blogPostWrapper:nth-last-child(4),
.item-wrapper.blog .blogWrapper.c-5 .blogPostWrapper:nth-last-child(1),
.item-wrapper.blog .blogWrapper.c-5 .blogPostWrapper:nth-last-child(2),
.item-wrapper.blog .blogWrapper.c-5 .blogPostWrapper:nth-last-child(3),
.item-wrapper.blog .blogWrapper.c-5 .blogPostWrapper:nth-last-child(4),
.item-wrapper.blog .blogWrapper.c-5 .blogPostWrapper:nth-last-child(5),
.item-wrapper.blog .blogWrapper.c-6 .blogPostWrapper:nth-last-child(1),
.item-wrapper.blog .blogWrapper.c-6 .blogPostWrapper:nth-last-child(2),
.item-wrapper.blog .blogWrapper.c-6 .blogPostWrapper:nth-last-child(3),
.item-wrapper.blog .blogWrapper.c-6 .blogPostWrapper:nth-last-child(4),
.item-wrapper.blog .blogWrapper.c-6 .blogPostWrapper:nth-last-child(5),
.item-wrapper.blog .blogWrapper.c-6 .blogPostWrapper:nth-last-child(6) {
    margin-bottom: 0 !important;
}

/* Filter */
.item-wrapper.blog .blogFilterCollection .blogFilter-dropdownToggle {
    display: none;
}

.item-wrapper.blog .blogFilterCollection .blogFilter-dropdownToggle .label {
    display: inline-block;
    width: 90%;
    text-align: left;
}

.item-wrapper.blog .blogFilterCollection .blogFilter-dropdownToggle .icon {
    display: inline-block;
    vertical-align: bottom;
    width: 10%;
    text-align: right;
    height: 1em;
    font-size: 1.2em;
}

/* blog element - img */
.item-wrapper.blog .blogWrapper .thumb.img {
    position: relative;
    width: 100%;
    text-align: center;
    overflow: hidden;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* blog element - title&date */
.blogPost-wrapper.viewPost .postHead .text-title,
#body .item-wrapper.blog.blogStack .blogPostWrapper .blogPost.title {
    font-size: 36px;
    line-height: 1.4em;
    margin-bottom: 12px;
}

.blogPost-wrapper.viewPost .postHead .text-body,
.item-wrapper.blog .blogPostTitleAndDate .blogPost {
    line-height: 1.5em;
    font-size: 15px;
}

.item-wrapper.blog.blogGrid .blogPostTitleAndDate .blogPost.title {
    margin-top: 1.2em
}

.item-wrapper.blog.blogGrid .blogPostTitleAndDate .blogPost.date {
    margin-top: 0.5em;
}

/* blog - search */
#body .item-wrapper.blog .searchKeyword {
    font-style: italic;
}

#body #searchBlogResultSection .section > .item-wrapper {
    margin: 44px 0;
}

#body #searchBlogResultSection .blogPostWrapper {
    border-bottom: 1px solid rgba(200, 200, 200, .35);
    padding-bottom: 40px !important;
    margin-bottom: 40px !important;
}

#body #searchBlogResultSection .blogPostWrapper:last-child {
    border: none;
}

#body #searchBlogResultSection .blogPostWrapper .blogPost.title {
    margin-bottom: 30px;
}

#body #searchBlogResultSection .blogPostWrapper.thumbnail-exist .thumbDiv {
    display: inline-block;
    width: 176px;
    height: 156px;
    padding-right: 20px;
    vertical-align: top;
}

#body #searchBlogResultSection .blogPostWrapper.thumbnail-exist .thumbDiv .thumb.img {
    height: 100%;
}

#body #searchBlogResultSection .blogPostWrapper.thumbnail-exist .blogPostTitleAndContentWrapper {
    display: inline-block;
    width: calc(100% - 176px);
    vertical-align: top;
}

#body #searchBlogResultSection .blogPostWrapper .blogPost.content {
    line-height: 1.5em;
}

#body #searchBlogResultSection .result-wrapper {
    padding-top: 100px !important;
    padding-bottom: 80px !important;
    line-height: 1.5em;
    text-align: center;
    font-size: 16px;
}

/* mobile */
#body.mobile .blogPost-wrapper.viewPost {
    position: relative;
    width: 100%;
    max-width: none;
    height: auto;
    padding: 16px;
    padding-top: 46px;
    margin: 0;
}

#body.mobile .blogPost-wrapper.viewPost .postHead .text-title,
#body.mobile .item-wrapper.blog.blogStack .blogPostWrapper .blogPost.title {
    font-size: 26px;
}

#body.mobile .blogPost-wrapper.viewPost .postHead .text-body,
#body.mobile .item-wrapper.blog.blogStack .blogPostWrapper .blogPost.date,
#body.mobile .item-wrapper.blog.blogStack .blogPostBottomInfo > div {
    font-size: 14px;
}

#body.mobile .section-wrapper.blog-section .section .item-wrapper.blog .blogFilterCollection {
    display: none;
}

#body.mobile .section-wrapper.blog-section .section .item-wrapper.blog.blogGrid .blogFilterCollection {
    display: block;
    padding: 0;
    padding-bottom: 16px;
    margin: 0;
    font-size: 14px;
    line-height: 1.4em;
    width: 100%;
    float: none;
}

#body.mobile .item-wrapper.blog.blogGrid .blogPostTitleAndDate .blogPost.title {
    margin-top: 0.7em
}

#body.mobile .section-wrapper.blog-section .section .item-wrapper.blog .blogFilterCollection .blogFilter-dropdownToggle {
    display: block;
    margin-bottom: 16px;
}

#body.mobile .section-wrapper.blog-section .section .item-wrapper.blog .blogFilterCollection .blogFilter-navi {
    display: none;
    margin: 0;
}

#body.mobile .section-wrapper.blog-section .section .item-wrapper.blog .blogFilterCollection.filterList-opened .blogFilter-navi {
    display: block;
    margin-bottom: 8px;
    text-align: left;
}

#body.mobile .section-wrapper.blog-section .section .item-wrapper.blog .blogFilterCollection.filterList-opened .blogFilter-navi:last-child {
    margin-bottom: 0;
}

#body.mobile #searchBlogResultSection .section > .item-wrapper {
    margin: 30px 0 0;
}

#body.mobile #searchBlogResultSection .blogPostWrapper .blogPost.title {
    margin-bottom: 15px;
}

#body.mobile #searchBlogResultSection .blogPostWrapper.thumbnail-exist .thumbDiv {
    width: 130px;
    height: 110px;
}

#body.mobile #searchBlogResultSection .blogPostWrapper.thumbnail-exist .blogPostTitleAndContentWrapper {
    width: calc(100% - 130px);
}

.body.mobile .section-wrapper.blog-section .section .item-wrapper.blog .blogWrapper.c-1 .blogPostWrapper {
    /* 에디터 편집값이 없을 때를 위한 기본 프리셋 css - 위계 때문에 반드시 .body로 작성해야 함. */
    width: 100%;
    margin: 16px 0;
}

.body.mobile .section-wrapper.blog-section .section .item-wrapper.blog .blogWrapper.c-2 .blogPostWrapper {
    /* 에디터 편집값이 없을 때를 위한 기본 프리셋 css - 위계 때문에 반드시 .body로 작성해야 함. */
    width: calc(50% - 8px);
    margin: 16px 8px;
}

#body.mobile #searchBlogResultSection .result-wrapper {
    padding-top: 14px !important;
}

.blog-section p img {
    height: auto !important;
}

/* blog_blogStack.css */
#body:not(.mobile) .item-wrapper.blog.blogStack .blogWrapper {
    width: 100%;
    max-width: 868px;
    margin: 0 auto;
}

#body.blog-sidebar-use:not(.mobile) .item-wrapper.blog.blogStack .blogWrapper {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 300px);
}

#body:not(.mobile) .item-wrapper.blog.blogStack .paginationDiv {
    width: 100%;
    max-width: 868px;
}

#body.blog-sidebar-use:not(.mobile) .item-wrapper.blog.blogStack .paginationDiv {
    width: calc(100% - 300px);
}

#body.blog-sidebar-use .item-wrapper.blog.blogStack .paginationDiv {
    float: left;
}

#body.blog-sidebar-use.blog-sidebar-position-leftSide .item-wrapper.blog.blogStack .paginationDiv {
    float: right;
}

.blog-post-title-align-left .item-wrapper.blog.blogStack .blogPostTitleAndDate {
    text-align: left;
}

.blog-post-title-align-center .item-wrapper.blog.blogStack .blogPostTitleAndDate {
    text-align: center;
}

.blog-post-title-align-right .item-wrapper.blog.blogStack .blogPostTitleAndDate {
    text-align: right;
}

.blog-post-title-align-left .blogPostWrapper .blogPostBottomInfo,
.blog-post-title-align-right .blogPostWrapper .blogPostBottomInfo {
    text-align: right;
}

.blog-post-title-align-left .blogPostWrapper .blogPostBottomInfo .blogPostCommentDiv,
.blog-post-title-align-right .blogPostWrapper .blogPostBottomInfo .blogPostCommentDiv {
    float: left;
}

.blog-post-title-align-center .blogPostWrapper .blogPostBottomInfo {
    text-align: center;
}

.section-wrapper.blog-section.blogStack .item-wrapper.blog .blogWrapper .blogPostWrapper {
    margin-bottom: 150px;
}

.section-wrapper.blog-section.blogStack .item-wrapper.blog .blogWrapper .blogPostWrapper:last-child {
    margin-bottom: 0;
}

#body.blog-sidebar-use.blog-sidebar-position-leftSide .item-wrapper.blog.blogStack .blogSidebar {
    margin-right: 50px;
}

#body.blog-sidebar-use.blog-sidebar-position-rightSide .item-wrapper.blog.blogStack .blogSidebar {
    margin-left: 50px;
}

#body.mobile.blog-sidebar-use .item-wrapper.blog.blogStack .blogSidebar .blogSearchWrapper {
    margin-bottom: 0;
}

#body .item-wrapper.blog.blogStack .blogPostWrapper .blogPost.title {
    cursor: pointer;
}

#body .item-wrapper.blog.blogStack .blogPostBottomInfo > div {
    display: inline-block;
    margin-top: 60px;
    margin-right: 20px;
    vertical-align: top;
}

#body .item-wrapper.blog.blogStack .blogPostBottomInfo > div:last-child {
    margin-right: 0;
}

#body .item-wrapper.blog.blogStack .blogPostBottomInfo .blogPostCommentDiv {
    cursor: pointer;
    font-size: 14px;
    white-space: nowrap; /*예외처리 : iOS에서 두 줄되는 문제 수정*/
}

#body .item-wrapper.blog.blogStack .blogPostBottomInfo .blogPostComment {
    display: inline-block;
    margin-left: 5px;
}

#body .item-wrapper.blog.blogStack .blogPostBottomInfo .blogPostLikeDiv {
    cursor: pointer;
}

#body .item-wrapper.blog.blogStack .blogPostBottomInfo .blogPostLikeDiv > div {
    display: inline-block;
}

/* blog_blogStack.css */
/* blog.css */

/* board.css */
/* no post alert */
.item-wrapper.board .noBoardContentsText,
.item-wrapper.boardProductQna .noBoardProductContentsText,
.item-wrapper.boardProductReview .noBoardProductContentsText {
    text-align: center;
    margin: 100px 0;
    line-height: 1.5em;
}

/* boardPost write */
.boardPost-wrapper {
    margin: 60px auto 70px;
    padding: 0 16px;
    width: 100%;
    max-width: 800px;
}

.boardPost-wrapper .infoInput {
    padding-bottom: 5px;
    font-size: 14px;
}

.boardPost-wrapper .infoInput .flex-wrapper {
    display: flex;
}

.boardPost-wrapper .infoInput .flex-wrapper .row.postTitleWrapper,
.boardPost-wrapper .infoInput .flex-wrapper .filteredItemListWrapper {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;;
}

.boardPost-wrapper .infoInput .flex-wrapper .filteredItemListWrapper {
    position: relative;
}

.boardPost-wrapper .infoInput .row span:not(.span-in-button),
.boardPost-wrapper .infoInput .row label {
    vertical-align: middle;
    display: inline-block;
    padding-left: 5px;
    line-height: 17px;
}

.boardPost-wrapper .infoInput .row .customSelectDiv {
    width: 100% !important;
    height: 45px;
    padding: 12px 11px 12px 15px;
    margin: 10px 0 15px 0;
    background-color: transparent;
}

.boardPost-wrapper .infoInput .row .customSelectDiv span.customSelectDivLabel {
    padding: 0;
    width: calc(100% - 48px);
    left: 12px;
    position: absolute;
}

.boardPost-wrapper .infoInput .row .customSelectDiv select {
    height: 43px;
}

.boardPost-wrapper .infoInput .row .customSelectDiv:after {
    float: right;
}

.boardPost-wrapper .infoInput .row span.board_password {
    letter-spacing: 0;
}

.boardPost-wrapper .infoInput .row input {
    -webkit-appearance: none;
    border: 1px solid #ddd;
    margin: 10px 0 15px 0;
    padding: 10px 15px;
    width: 100%;
    height: 45px;
    line-height: 1.4em;
    font-size: 14px;
    background-color: transparent;
}

.boardPost-wrapper .textEdit {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.boardPost-wrapper .infoInput .row.twoDIv > div {
    display: inline-block;
    width: calc(50% - 10px);
    float: left;
}

.boardPost-wrapper .infoInput .postImageSettingRow,
.boardPost-wrapper .infoInput .row.twoDIv > div:last-child,
.productDetail.wrapper .reviewQna-info .boardInDetail .twoDIv > div:last-child {
    margin-left: 20px;
}

.boardPost-wrapper .infoInput .row.twoDIv > div.category {
    height: 88px;
    vertical-align: middle;
    width: 195px;
}

.boardPost-wrapper .infoInput .row.twoDIv > div.title {
    vertical-align: middle;
    width: calc(100% - 215px);
}

.boardPost-wrapper .infoInput .postImageSettingRow .postImageSettingInput {
    border: 1px solid #ddd;
    width: 210px;
    margin: 10px 0 15px 0;
}

.boardPost-wrapper .infoInput .postImageSettingRow .postImageSettingInput input:not(#postImageInSiteUploader) {
    width: calc(100% - 45px);
    height: 43px;
    border: none;
    border-color: transparent;
    margin: 0;
    padding-right: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.boardPost-wrapper .infoInput .row #boardProductWriteShopProductsSearchBtn {
    margin: 10px 0 15px 10px;
}

.boardPost-wrapper #boardProductWriteSelectedItem > div {
    border: 1px solid #ddd;
    width: 100%;
    height: 45px;
    margin: 10px 0 15px 0;
}

.boardPost-wrapper #boardProductWriteSelectedItem > div #boardProductWriteSelectedItemName {
    display: inline-block;
    width: calc(100% - 45px);
    height: 43px;
    padding: 10px 0 10px 15px;
    line-height: 1.4em;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.boardPost-wrapper #boardProductWriteSelectedItem > div #boardProductWriteSelectedItemDeleteBtn,
.boardPost-wrapper .infoInput .postImageSettingRow button#postImgeDeleteInStieUploader {
    float: right;
    background-color: transparent;
    border-color: transparent;
    font-size: 12px;
    width: 45px;
    height: 43px;
    cursor: pointer;
}

.boardPost-wrapper #filteredItemList {
    position: absolute;
    margin-top: -15px;
    width: 100%;
    border-left: 1px solid;
    border-right: 1px solid;
    z-index: 1;
    background-color: #fff;
}

.boardPost-wrapper #filteredItemList > div:not(.no-result) {
    cursor: pointer;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
}

.boardPost-wrapper #filteredItemList > div:hover:not(.no-result) {
    background-color: rgba(0, 0, 0, .03);
}

.boardPost-wrapper #filteredItemList > div:last-child {
    border-bottom: 1px solid;
    border-bottom-color: inherit;
}

.boardPost-wrapper #filteredItemList .no-result {
    line-height: 19px;
    padding: 20px 15px;
}

.boardPost-wrapper #filteredItemList .thumbnail {
    display: inline-block;
    width: 52px;
    height: 52px;
    margin: 10px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    vertical-align: middle;
}

.boardPost-wrapper #filteredItemList .product-name {
    display: inline-block;
    width: calc(100% - 82px);
    line-height: 2em;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.boardPost-wrapper .infoInput .postImageSettingRow button,
.boardPost-wrapper .textEdit.field .imgUpload button {
    float: right;
    background-color: transparent;
    border-color: transparent;
    font-size: 16px;
    width: 45px;
    height: 43px;
}

.boardPost-wrapper .infoInput .postImageSettingRow button input {
    margin: 0;
    width: auto;
}

.boardPost-wrapper .textEdit textarea#boardProductReviewContent {
    display: block;
    width: 100%;
    max-width: 730px;
    margin: 0 auto;
    padding: 20px 15px;
    border: none;
    min-height: 340px;
    background-color: transparent;
}

.boardPost-wrapper .fileUploader-wrapper.mobile-img-uploader {
    display: none;
}

.textEditDiv .cke_chrome {
    border-top: none;
    border-bottom: 1px solid #ddd;
}

.textEditDiv .cke_contents,
.textEdit .cke_contents {
    width: 100%;
    min-height: 400px;
    max-height: 80vh;
    overflow: auto;
}

.textEditDiv .cke_editor_postContent,
.textEditDiv .cke_editor_postContent .cke_inner,
.textEditDiv .cke_editor_postContent .cke_editable,
.textEdit .cke_editor_boardProductQnaContent,
.textEdit .cke_editor_boardProductQnaContent .cke_inner,
.textEdit .cke_editor_boardProductQnaContent .cke_editable,
.textEdit .cke_editor_boardProductQnaModifyContent,
.textEdit .cke_editor_boardProductQnaModifyContent .cke_inner,
.textEdit .cke_editor_boardProductQnaModifyContent .cke_editable {
    background-color: transparent;
    border: none;
}

.textEdit .cke_editor_boardProductQnaContent .cke_editable,
.textEdit .cke_editor_boardProductQnaModifyContent .cke_editable {
    padding: 10px 15px;
}

/* checkBox-element */
.boardPost-wrapper .selectOption:not(.board-privacy-wrapper),
.boardPost-wrapper .selectOption:not(.board-privacy-wrapper) .checkBox-element {
    margin: 20px 0;
    font-size: 0; /* remove margin between checkbox and label */
}

.boardPost-wrapper .selectOption.board-privacy-wrapper .checkBox-element,
.productDetail.wrapper .reviewQna-info .boardInDetail #review-writeDiv-guest .checkBox-element {
    margin-bottom: 20px;
    font-size: 0; /* remove margin between checkbox and label */
}

.boardPost-wrapper .selectOption .checkBox-element .checkbox,
.boardPost-wrapper .selectOption .checkBox-element .text,
.productDetail.wrapper .reviewQna-info .boardInDetail #review-writeDiv-guest .checkBox-element .checkbox,
.productDetail.wrapper .reviewQna-info .boardInDetail #review-writeDiv-guest .checkBox-element .text {
    display: inline-block;
    vertical-align: middle;
}

.boardPost-wrapper .selectOption .checkBox-element .text,
.productDetail.wrapper .reviewQna-info .boardInDetail #review-writeDiv-guest .checkBox-element .text {
    padding-left: 10px;
    font-size: 14px;
    cursor: pointer;
}

.boardPost-wrapper .selectOption .checkBox-element .checkbox input {
    width: 14px;
    height: 14px;
    display: inline-block;
    cursor: pointer;
}

.boardPost-wrapper .btn-wrapper:not(.save-post-wrapper):not(.boardProductWriteItemWrapper),
.productDetail.wrapper .reviewQna-info .boardInDetail:not(.qna) .btn-wrapper {
    padding-top: 30px;
    padding-bottom: 30px;
}

.boardPost-wrapper .btn-wrapper.save-post-wrapper {
    margin-top: 30px;
    margin-bottom: 30px;
}

.boardPost-wrapper .btn-wrapper.save-post-wrapper .customSelectDiv#selectPostReviewRateDiv {
    height: 45px;
    margin-right: 8px;
    float: right;
}

.boardPost-wrapper .btn-wrapper:after {
    clear: both;
    content: "";
    display: block;
}

.boardPost-wrapper .btn-wrapper button:last-child,
.boardPost-wrapper .btn-wrapper button#saveReviewInBoardProduct {
    float: right;
}

/* boardPost view */
.boardPost-wrapper.viewPost {
    max-width: 732px;
    padding: 0 16px;
}

.board-title-align-left .boardPost-wrapper.viewPost .postHead {
    text-align: left;
}

.board-title-align-center .boardPost-wrapper.viewPost .postHead {
    text-align: center;
}

.board-title-align-right .boardPost-wrapper.viewPost .postHead {
    text-align: right;
}

.board-title-align-left .boardPost-wrapper.viewPost .likeShareButtonWrapper,
.board-title-align-right .boardPost-wrapper.viewPost .likeShareButtonWrapper {
    text-align: right;
}

.board-title-align-center .boardPost-wrapper.viewPost .likeShareButtonWrapper {
    text-align: center;
}

.board-title-align-left .boardPost-wrapper.viewPost #snsShareBtnListWrapper,
.board-title-align-right .boardPost-wrapper.viewPost #snsShareBtnListWrapper {
    left: 100%;
    margin-left: -150px;
}

.board-title-align-center .boardPost-wrapper.viewPost #snsShareBtnListWrapper {
    left: 50%;
    margin-left: -75px;
}

.boardPost-wrapper.viewPost .postHead,
.boardPost-wrapper.viewPost .postContent {
    margin-bottom: 60px;
}

.boardPost-wrapper.viewPost .btn-wrapper,
.productDetail.wrapper .reviewQna-info .boardInDetail:not(.qna) .btn-wrapper {
    padding-bottom: 20px;
    text-align: right;
}

.boardPost-wrapper.viewPost .btn-wrapper .text-btn,
.productDetail.wrapper .reviewQna-info .boardInDetail:not(.qna) .btn-wrapper .text-btn {
    display: inline-block;
    font-size: 14px;
    cursor: pointer;
    white-space: nowrap; /*예외처리 : iOS에서 두 줄되는 문제 수정*/
}

.boardPost-wrapper.viewPost .btn-wrapper:not(.bottom) .text-btn:last-child,
.productDetail.wrapper .reviewQna-info .boardInDetail:not(.qna) .btn-wrapper:not(.bottom) .text-btn:last-child {
    margin-left: 10px;
}

.boardPost-wrapper.viewPost .btn-wrapper.bottom,
.productDetail.wrapper .reviewQna-info .boardInDetail:not(.qna) .btn-wrapper.bottom {
    text-align: left;
    padding-bottom: 30px;
}

.boardPost-wrapper.viewPost .btn-wrapper.bottom .text-btn .icomoon-left,
.productDetail.wrapper .reviewQna-info .boardInDetail:not(.qna) .btn-wrapper .text-btn .icomoon-left {
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    margin-right: 5px;
}

.boardPost-wrapper.viewPost .btn-wrapper.bottom .text-btn span,
.productDetail.wrapper .reviewQna-info .boardInDetail:not(.qna) .btn-wrapper .text-btn span {
    vertical-align: middle;
}

.boardPost-wrapper.viewPost .postHead .text-title {
    font-size: 26px;
    line-height: 40px;
}

.boardPost-wrapper.viewPost .postHead .text-body span {
    font-size: 14px;
    line-height: 17px;
}

.boardPost-wrapper.viewPost .postHead .reviewRating,
.boardPost-wrapper.viewPost .postHead #postProductProductNameWrapper {
    line-height: 24px;
}

.boardPost-wrapper.viewPost .postHead .reviewRating {
    font-size: 14px;
    letter-spacing: 0;
    line-height: 30px;
}

.boardPost-wrapper.viewPost .postHead .reviewRating .icomoon-star {
    display: inline-block;
}

.boardPost-wrapper.viewPost .postHead .reviewRating .icomoon-star.opacity {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    -khtml-opacity: 0.2;
    opacity: 0.2;
}

.boardPost-wrapper.viewPost .postHead #postInfo {
    margin-top: 16px;
}

.boardPost-wrapper.viewPost .postContent ol,
.boardPost-wrapper.viewPost .postContent ul {
    margin-left: 40px;
}

.boardPost-wrapper.viewPost .postContent p img {
    height: auto !important;
}

.boardPost-wrapper.viewPost .postCommentCount {
    font-size: 15px;
    line-height: 17px;
    margin-bottom: 40px;
}

.boardPost-wrapper.viewPost .postComment {
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
    margin-top: 20px;
}

.boardPost-wrapper.viewPost .postComment:first-child {
    border-top: 1px solid #ddd;
    padding-top: 20px;
}

.boardPost-wrapper.viewPost .postComment .postCommentHead {
    margin-bottom: 30px;
    position: relative;
    font-size: 12px;
}

.boardPost-wrapper.viewPost .postComment .postCommentWriter {
    font-size: 14px;
    line-height: 17px;
    width: 80%;
    display: inline-block;
    vertical-align: middle;
}

.boardPost-wrapper.viewPost .postComment .postCommentWriter .writerSpan {
    font-weight: 600;
}

.boardPost-wrapper.viewPost .postComment .postCommentWriter .dateSpan {
    margin-left: 10px;
}

.boardPost-wrapper.viewPost .postComment .postCommentDelete {
    font-size: 14px;
    line-height: 17px;
    vertical-align: middle;
    position: absolute;
    bottom: 0;
    right: 0;
    cursor: pointer;
}

.boardPost-wrapper.viewPost .postComment .postCommentContent {
    font-size: 14px;
}

.boardPost-wrapper.viewPost .postCommentWriteDiv {
    width: 100%;
    padding-bottom: 40px;
}

.boardPost-wrapper.viewPost .postCommentWriteDiv .title {
    display: block;
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 12px;
    margin-left: 5px;
}

.boardPost-wrapper.viewPost .postCommentWriteDiv input,
.boardPost-wrapper.viewPost .postCommentWriteDiv textarea {
    -webkit-appearance: none;
    border: 1px solid #a9a9a9;
    background-color: transparent;
    margin-bottom: 20px;
    padding: 10px 15px;
    width: 100%;
    line-height: 18px;
    font-size: 14px;
}

.boardPost-wrapper.viewPost .postCommentWriteDiv .postWriteCommentInput {
    border: 1px solid #a9a9a9;
    text-align: right;
}

.boardPost-wrapper.viewPost .postCommentWriteDiv .postWriteCommentInput textarea {
    min-height: 120px;
    margin: 0;
    border: none;
    max-width: 100%;
}

.boardPost-wrapper.viewPost .postCommentWriteDiv .postWriteCommentInput button {
    margin: 0 11px 11px 0;
    min-width: 100px;
    height: 45px !important;
    line-height: 14px !important;
    font-size: 14px;
    text-transform: uppercase;
}

.boardPost-wrapper.viewPost #postProductContent img {
    max-width: 100%;
    height: auto !important;
    display: block;
    margin-bottom: 20px;
}

/* boardPost thumbnail view */
.boardPost-wrapper.viewPost #postProductContentImage {
    margin-bottom: 40px;
}

.boardPost-wrapper.viewPost #postProductContentImage .img {
    float: left;
    width: 100px;
    height: 100px;
    display: inline-block;
    margin-right: 10px;
    margin-top: 10px;
    cursor: pointer;
    background-color: #767676;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
}

/* customize scroll */
.boardPost-wrapper.viewPost .postCommentWriteDiv .postWriteCommentInput textarea::-webkit-scrollbar {
    width: 12px;
}

.boardPost-wrapper.viewPost .postCommentWriteDiv .postWriteCommentInput textarea::-webkit-scrollbar-track {
    background-color: #fff;
    border-left: none;
}

.boardPost-wrapper.viewPost .postCommentWriteDiv .postWriteCommentInput textarea::-webkit-scrollbar-thumb {
    background-color: #ccc;
}

.boardPost-wrapper.viewPost .postCommentWriteDiv .postWriteCommentInput textarea::-webkit-scrollbar-thumb:hover {
    background-color: #aaa;
}

/* board pagination */
.item-wrapper.board .boardListDiv .boardPage:not(.now) {
    display: none;
}

/* btn wrapper */
.item-wrapper .boardBtnWrapperDiv,
.item-wrapper .boardProductBtnWrapperDiv {
    margin-top: 20px;
}

.item-wrapper .boardBtnWrapperDiv button,
.item-wrapper .boardProductBtnWrapperDiv button,
.boardPost-wrapper #postCommentWriteDiv button,
.boardPost-wrapper .btn-wrapper button {
    height: 45px !important;
    line-height: 1em !important;
    font-size: 14px;
    text-transform: uppercase;
}

.item-wrapper .boardBtnWrapperDiv .boardSearch,
.item-wrapper .boardProductBtnWrapperDiv .boardProductSearch {
    float: left;
}

.item-wrapper .boardBtnWrapperDiv .boardSearch form,
.item-wrapper .boardProductBtnWrapperDiv .boardProductSearch form {
    display: inline-block;
    margin-right: 8px;
}

.item-wrapper .boardBtnWrapperDiv .boardSearch input,
.item-wrapper .boardProductBtnWrapperDiv .boardProductSearch input {
    -webkit-appearance: none;
    border: 1px solid #a9a9a9;
    background-color: transparent;
    height: 45px;
    font-size: 14px;
    padding: 10px 15px;
    line-height: 23px;
    width: 220px;
}

.item-wrapper .boardBtnWrapperDiv .boardSearchBtn,
.item-wrapper .boardProductBtnWrapperDiv .boardSearchBtn,
.boardPost-wrapper .infoInput .row #boardProductWriteShopProductsSearchBtn {
    vertical-align: top;
    text-transform: uppercase;
}

.item-wrapper .boardBtnWrapperDiv .boardWriteBtn,
.item-wrapper .boardProductBtnWrapperDiv .boardProductWriteBtn {
    float: right;
    text-transform: uppercase;
}

/* mobile Thumbnail upload */
#body.mobile .infoInput .row.postImageSettingRow.mobile span {
    display: block;
}

#body.mobile .textEdit.field .imgUpload button {
    padding: 0 1.5em !important;
}

#body.mobile .textEdit.field .imgUpload button {
    margin: 0;
}

#body.mobile .infoInput .row.postImageSettingRow.mobile .icomoon-camera,
#body.mobile .textEdit.field .imgUpload .icomoon-camera {
    font-size: 20px;
}

#body.mobile .textEdit.field .imgUpload {
    border-top: 1px solid #ddd;
    padding: 10px 0;
}

/* mobile */
#body.mobile .boardPost-wrapper.viewPost .postHead .text-body span {
    line-height: 1.5em;
}

#body.mobile .section-wrapper.board-section .section .item-wrapper.board .shopProductWrapper {
    margin: 16px;
}

#body.mobile .section-wrapper.board-section .section .item-wrapper.board .boardWrapper.c-1 .shopProductWrapper {
    width: calc(100% - 32px);
}

#body.mobile .section-wrapper.board-section .section .item-wrapper.board .boardWrapper.c-2 .shopProductWrapper {
    width: calc(50% - 32px);
}

#body.mobile .boardPost-wrapper.viewPost .postHead {
    margin-bottom: 40px;
}

/* board_boardGrid.css */
.item-wrapper.board.boardGrid,
.item-wrapper.boardProductReview.boardGrid {
    height: auto !important; /* section요소 common 테그 */
    top: 0 !important;
    margin: 0 auto;
}

.item-wrapper.board.boardGrid .item-element,
.item-wrapper.boardProductReview.boardGrid .item-element {
    position: relative !important;
    margin: 0 auto;
}

.item-wrapper.board.boardGrid .boardListDiv,
.item-wrapper.boardProductReview.boardGrid .boardProductListDiv {
    position: relative !important; /* section요소 common 테그 */
    width: auto;
}

/* boardGrid wrapper*/
#body.board-lineup-width-type-wide .section-wrapper.board-section.boardLineup .section .item-wrapper.board.boardLineup,
#body.board-lineup-width-type-wide .section-wrapper.board-section.boardLineup .section .item-wrapper.boardProductReview.boardLineup,
#body.board-grid-width-type-wide .section-wrapper.board-section.boardGrid .section .item-wrapper.board.boardGrid,
#body.board-grid-width-type-wide .section-wrapper.board-section.boardGrid .section .item-wrapper.boardProductReview.boardGrid {
    width: 100% !important;
}

.item-wrapper.board.boardGrid .boardListDiv .boardPage,
.item-wrapper.boardProductReview.boardGrid .boardProductListDiv .boardPage {
    display: none;
}

.item-wrapper.board.boardGrid .boardListDiv .boardPage.now,
.item-wrapper.boardProductReview.boardGrid .boardProductListDiv .boardPage.now {
    display: block;
}

.item-wrapper.board.boardGrid .boardListDiv .boardPostWrapper,
.item-wrapper.boardProductReview.boardGrid .boardProductListDiv .boardPostWrapper {
    vertical-align: top;
    width: 100%;
    min-height: 1px;
    margin: 0;
    padding: 0;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
}

.item-wrapper.board.boardGrid .boardListDiv .boardPostWrapper.accessible,
.item-wrapper.boardProductReview.boardGrid .boardProductListDiv .boardPostWrapper {
    display: inline-block;
    cursor: pointer;
}

/* boardGrid - column */
#body.desktop.board-grid-column-desktop-1 .item-wrapper.board.boardGrid .boardListDiv .boardPostWrapper:nth-child(n),
#body.mobile.board-grid-column-mobile-1 .item-wrapper.board.boardGrid .boardListDiv .boardPostWrapper:nth-child(n),
#body.desktop.board-grid-column-desktop-2 .item-wrapper.board.boardGrid .boardListDiv .boardPostWrapper:nth-child(2n),
#body.mobile.board-grid-column-mobile-2 .item-wrapper.board.boardGrid .boardListDiv .boardPostWrapper:nth-child(2n),
#body.desktop.board-grid-column-desktop-3 .item-wrapper.board.boardGrid .boardListDiv .boardPostWrapper:nth-child(3n),
#body.mobile.board-grid-column-mobile-3 .item-wrapper.board.boardGrid .boardListDiv .boardPostWrapper:nth-child(3n),
#body.desktop.board-grid-column-desktop-4 .item-wrapper.board.boardGrid .boardListDiv .boardPostWrapper:nth-child(4n),
#body.desktop.board-grid-column-desktop-5 .item-wrapper.board.boardGrid .boardListDiv .boardPostWrapper:nth-child(5n),
#body.desktop.board-grid-column-desktop-6 .item-wrapper.board.boardGrid .boardListDiv .boardPostWrapper:nth-child(6n),
.item-wrapper.board.boardGrid .boardListDiv.c-1 .boardPostWrapper:nth-child(n),
.item-wrapper.board.boardGrid .boardListDiv.c-2 .boardPostWrapper:nth-child(2n),
.item-wrapper.board.boardGrid .boardListDiv.c-3 .boardPostWrapper:nth-child(3n),
.item-wrapper.board.boardGrid .boardListDiv.c-4 .boardPostWrapper:nth-child(4n),
.item-wrapper.board.boardGrid .boardListDiv.c-5 .boardPostWrapper:nth-child(5n),
.item-wrapper.board.boardGrid .boardListDiv.c-6 .boardPostWrapper:nth-child(6n),
.item-wrapper.boardProductReview.boardGrid .boardProductListDiv.c-1 .boardPostWrapper:nth-child(n),
.item-wrapper.boardProductReview.boardGrid .boardProductListDiv.c-2 .boardPostWrapper:nth-child(2n),
.item-wrapper.boardProductReview.boardGrid .boardProductListDiv.c-3 .boardPostWrapper:nth-child(3n),
.item-wrapper.boardProductReview.boardGrid .boardProductListDiv.c-4 .boardPostWrapper:nth-child(4n),
.item-wrapper.boardProductReview.boardGrid .boardProductListDiv.c-5 .boardPostWrapper:nth-child(5n),
.item-wrapper.boardProductReview.boardGrid .boardProductListDiv.c-6 .boardPostWrapper:nth-child(6n) {
    margin-right: 0 !important;
}

#body.desktop.board-grid-column-desktop-1 .item-wrapper.board.boardGrid .boardListDiv .boardPostWrapper:nth-child(n+1),
#body.mobile.board-grid-column-mobile-1 .item-wrapper.board.boardGrid .boardListDiv .boardPostWrapper:nth-child(n+1),
#body.desktop.board-grid-column-desktop-2 .item-wrapper.board.boardGrid .boardListDiv .boardPostWrapper:nth-child(2n+1),
#body.mobile.board-grid-column-mobile-2 .item-wrapper.board.boardGrid .boardListDiv .boardPostWrapper:nth-child(2n+1),
#body.desktop.board-grid-column-desktop-3 .item-wrapper.board.boardGrid .boardListDiv .boardPostWrapper:nth-child(3n+1),
#body.mobile.board-grid-column-mobile-3 .item-wrapper.board.boardGrid .boardListDiv .boardPostWrapper:nth-child(3n+1),
#body.desktop.board-grid-column-desktop-4 .item-wrapper.board.boardGrid .boardListDiv .boardPostWrapper:nth-child(4n+1),
#body.desktop.board-grid-column-desktop-5 .item-wrapper.board.boardGrid .boardListDiv .boardPostWrapper:nth-child(5n+1),
#body.desktop.board-grid-column-desktop-6 .item-wrapper.board.boardGrid .boardListDiv .boardPostWrapper:nth-child(6n+1),
.item-wrapper.board.boardGrid .boardListDiv.c-1 .boardPostWrapper:nth-child(n+1),
.item-wrapper.board.boardGrid .boardListDiv.c-2 .boardPostWrapper:nth-child(2n+1),
.item-wrapper.board.boardGrid .boardListDiv.c-3 .boardPostWrapper:nth-child(3n+1),
.item-wrapper.board.boardGrid .boardListDiv.c-4 .boardPostWrapper:nth-child(4n+1),
.item-wrapper.board.boardGrid .boardListDiv.c-5 .boardPostWrapper:nth-child(5n+1),
.item-wrapper.board.boardGrid .boardListDiv.c-6 .boardPostWrapper:nth-child(6n+1),
.item-wrapper.boardProductReview.boardGrid .boardProductListDiv.c-1 .boardPostWrapper:nth-child(n+1),
.item-wrapper.boardProductReview.boardGrid .boardProductListDiv.c-2 .boardPostWrapper:nth-child(2n+1),
.item-wrapper.boardProductReview.boardGrid .boardProductListDiv.c-3 .boardPostWrapper:nth-child(3n+1),
.item-wrapper.boardProductReview.boardGrid .boardProductListDiv.c-4 .boardPostWrapper:nth-child(4n+1),
.item-wrapper.boardProductReview.boardGrid .boardProductListDiv.c-5 .boardPostWrapper:nth-child(5n+1),
.item-wrapper.boardProductReview.boardGrid .boardProductListDiv.c-6 .boardPostWrapper:nth-child(6n+1) {
    margin-left: 0 !important;
}

#body.desktop.board-grid-column-desktop-1 .item-wrapper.board.boardGrid .boardListDiv .boardPostWrapper:nth-child(1),
#body.mobile.board-grid-column-mobile-1 .item-wrapper.board.boardGrid .boardListDiv .boardPostWrapper:nth-child(1),
#body.desktop.board-grid-column-desktop-2 .item-wrapper.board.boardGrid .boardListDiv .boardPostWrapper:nth-child(1),
#body.desktop.board-grid-column-desktop-2 .item-wrapper.board.boardGrid .boardListDiv .boardPostWrapper:nth-child(2),
#body.mobile.board-grid-column-mobile-2 .item-wrapper.board.boardGrid .boardListDiv .boardPostWrapper:nth-child(1),
#body.mobile.board-grid-column-mobile-2 .item-wrapper.board.boardGrid .boardListDiv .boardPostWrapper:nth-child(2),
#body.desktop.board-grid-column-desktop-3 .item-wrapper.board.boardGrid .boardListDiv .boardPostWrapper:nth-child(1),
#body.desktop.board-grid-column-desktop-3 .item-wrapper.board.boardGrid .boardListDiv .boardPostWrapper:nth-child(2),
#body.desktop.board-grid-column-desktop-3 .item-wrapper.board.boardGrid .boardListDiv .boardPostWrapper:nth-child(3),
#body.mobile.board-grid-column-mobile-3 .item-wrapper.board.boardGrid .boardListDiv .boardPostWrapper:nth-child(1),
#body.mobile.board-grid-column-mobile-3 .item-wrapper.board.boardGrid .boardListDiv .boardPostWrapper:nth-child(2),
#body.mobile.board-grid-column-mobile-3 .item-wrapper.board.boardGrid .boardListDiv .boardPostWrapper:nth-child(3),
#body.desktop.board-grid-column-desktop-4 .item-wrapper.board.boardGrid .boardListDiv .boardPostWrapper:nth-child(1),
#body.desktop.board-grid-column-desktop-4 .item-wrapper.board.boardGrid .boardListDiv .boardPostWrapper:nth-child(2),
#body.desktop.board-grid-column-desktop-4 .item-wrapper.board.boardGrid .boardListDiv .boardPostWrapper:nth-child(3),
#body.desktop.board-grid-column-desktop-4 .item-wrapper.board.boardGrid .boardListDiv .boardPostWrapper:nth-child(4),
#body.desktop.board-grid-column-desktop-5 .item-wrapper.board.boardGrid .boardListDiv .boardPostWrapper:nth-child(1),
#body.desktop.board-grid-column-desktop-5 .item-wrapper.board.boardGrid .boardListDiv .boardPostWrapper:nth-child(2),
#body.desktop.board-grid-column-desktop-5 .item-wrapper.board.boardGrid .boardListDiv .boardPostWrapper:nth-child(3),
#body.desktop.board-grid-column-desktop-5 .item-wrapper.board.boardGrid .boardListDiv .boardPostWrapper:nth-child(4),
#body.desktop.board-grid-column-desktop-5 .item-wrapper.board.boardGrid .boardListDiv .boardPostWrapper:nth-child(5),
#body.desktop.board-grid-column-desktop-6 .item-wrapper.board.boardGrid .boardListDiv .boardPostWrapper:nth-child(1),
#body.desktop.board-grid-column-desktop-6 .item-wrapper.board.boardGrid .boardListDiv .boardPostWrapper:nth-child(2),
#body.desktop.board-grid-column-desktop-6 .item-wrapper.board.boardGrid .boardListDiv .boardPostWrapper:nth-child(3),
#body.desktop.board-grid-column-desktop-6 .item-wrapper.board.boardGrid .boardListDiv .boardPostWrapper:nth-child(4),
#body.desktop.board-grid-column-desktop-6 .item-wrapper.board.boardGrid .boardListDiv .boardPostWrapper:nth-child(5),
#body.desktop.board-grid-column-desktop-6 .item-wrapper.board.boardGrid .boardListDiv .boardPostWrapper:nth-child(6),
.item-wrapper.board.boardGrid .boardListDiv.c-1 .boardPostWrapper:nth-child(1),
.item-wrapper.board.boardGrid .boardListDiv.c-2 .boardPostWrapper:nth-child(1),
.item-wrapper.board.boardGrid .boardListDiv.c-2 .boardPostWrapper:nth-child(2),
.item-wrapper.board.boardGrid .boardListDiv.c-3 .boardPostWrapper:nth-child(1),
.item-wrapper.board.boardGrid .boardListDiv.c-3 .boardPostWrapper:nth-child(2),
.item-wrapper.board.boardGrid .boardListDiv.c-3 .boardPostWrapper:nth-child(3),
.item-wrapper.board.boardGrid .boardListDiv.c-4 .boardPostWrapper:nth-child(1),
.item-wrapper.board.boardGrid .boardListDiv.c-4 .boardPostWrapper:nth-child(2),
.item-wrapper.board.boardGrid .boardListDiv.c-4 .boardPostWrapper:nth-child(3),
.item-wrapper.board.boardGrid .boardListDiv.c-4 .boardPostWrapper:nth-child(4),
.item-wrapper.board.boardGrid .boardListDiv.c-5 .boardPostWrapper:nth-child(1),
.item-wrapper.board.boardGrid .boardListDiv.c-5 .boardPostWrapper:nth-child(2),
.item-wrapper.board.boardGrid .boardListDiv.c-5 .boardPostWrapper:nth-child(3),
.item-wrapper.board.boardGrid .boardListDiv.c-5 .boardPostWrapper:nth-child(4),
.item-wrapper.board.boardGrid .boardListDiv.c-5 .boardPostWrapper:nth-child(5),
.item-wrapper.board.boardGrid .boardListDiv.c-6 .boardPostWrapper:nth-child(1),
.item-wrapper.board.boardGrid .boardListDiv.c-6 .boardPostWrapper:nth-child(2),
.item-wrapper.board.boardGrid .boardListDiv.c-6 .boardPostWrapper:nth-child(3),
.item-wrapper.board.boardGrid .boardListDiv.c-6 .boardPostWrapper:nth-child(4),
.item-wrapper.board.boardGrid .boardListDiv.c-6 .boardPostWrapper:nth-child(5),
.item-wrapper.board.boardGrid .boardListDiv.c-6 .boardPostWrapper:nth-child(6),
.item-wrapper.boardProductReview.boardGrid .boardProductListDiv.c-1 .boardPostWrapper:nth-child(1),
.item-wrapper.boardProductReview.boardGrid .boardProductListDiv.c-2 .boardPostWrapper:nth-child(1),
.item-wrapper.boardProductReview.boardGrid .boardProductListDiv.c-2 .boardPostWrapper:nth-child(2),
.item-wrapper.boardProductReview.boardGrid .boardProductListDiv.c-3 .boardPostWrapper:nth-child(1),
.item-wrapper.boardProductReview.boardGrid .boardProductListDiv.c-3 .boardPostWrapper:nth-child(2),
.item-wrapper.boardProductReview.boardGrid .boardProductListDiv.c-3 .boardPostWrapper:nth-child(3),
.item-wrapper.boardProductReview.boardGrid .boardProductListDiv.c-4 .boardPostWrapper:nth-child(1),
.item-wrapper.boardProductReview.boardGrid .boardProductListDiv.c-4 .boardPostWrapper:nth-child(2),
.item-wrapper.boardProductReview.boardGrid .boardProductListDiv.c-4 .boardPostWrapper:nth-child(3),
.item-wrapper.boardProductReview.boardGrid .boardProductListDiv.c-4 .boardPostWrapper:nth-child(4),
.item-wrapper.boardProductReview.boardGrid .boardProductListDiv.c-5 .boardPostWrapper:nth-child(1),
.item-wrapper.boardProductReview.boardGrid .boardProductListDiv.c-5 .boardPostWrapper:nth-child(2),
.item-wrapper.boardProductReview.boardGrid .boardProductListDiv.c-5 .boardPostWrapper:nth-child(3),
.item-wrapper.boardProductReview.boardGrid .boardProductListDiv.c-5 .boardPostWrapper:nth-child(4),
.item-wrapper.boardProductReview.boardGrid .boardProductListDiv.c-5 .boardPostWrapper:nth-child(5),
.item-wrapper.boardProductReview.boardGrid .boardProductListDiv.c-6 .boardPostWrapper:nth-child(1),
.item-wrapper.boardProductReview.boardGrid .boardProductListDiv.c-6 .boardPostWrapper:nth-child(2),
.item-wrapper.boardProductReview.boardGrid .boardProductListDiv.c-6 .boardPostWrapper:nth-child(3),
.item-wrapper.boardProductReview.boardGrid .boardProductListDiv.c-6 .boardPostWrapper:nth-child(4),
.item-wrapper.boardProductReview.boardGrid .boardProductListDiv.c-6 .boardPostWrapper:nth-child(5),
.item-wrapper.boardProductReview.boardGrid .boardProductListDiv.c-6 .boardPostWrapper:nth-child(6) {
    margin-top: 0 !important;
}

/* boardGrid - caption */
.item-wrapper.board.boardGrid .boardPostWrapper.boardGridWrapper.notice .boardCaptionTitle {
    font-weight: bold !important;
}

.item-wrapper.board.boardGrid .boardCaptionTitle,
.item-wrapper.board.boardGrid .boardCaptionBody,
.item-wrapper.boardProductReview.boardGrid .boardCaptionTitle,
.item-wrapper.boardProductReview.boardGrid .boardCaptionBody {
    line-height: 1.5em;
}

.item-wrapper.board.boardGrid .boardCaptionTitle,
.item-wrapper.boardProductReview.boardGrid .boardCaptionTitle {
    margin-top: 1.2em;
}

.item-wrapper.board.boardGrid .boardCaptionBody,
.item-wrapper.boardProductReview.boardGrid .boardCaptionBody {
    margin-top: 0.5em;
}

.item-wrapper.board.boardGrid .boardCaptionTitle .icomoon-lock {
    display: inline-block;
    margin-right: 5px;
}

/* boardGrid - thumbnail */
.item-wrapper.board.boardGrid .boardPostWrapper .thumbDiv .thumb.img,
.item-wrapper.boardProductReview.boardGrid .boardPostWrapper .thumbDiv .thumb.img {
    position: relative;
    width: 100%;
    text-align: center;
    overflow: hidden;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

#body.board-grid-hoverEffect-brightnessEffect .item-wrapper.boardGrid .thumbDiv .thumb.img:hover {
    -ms-filter: alpha(opacity=80);
    filter: alpha(opacity=80);
    opacity: 0.8;
}

#body.board-grid-hoverEffect-brightnessEffect .item-wrapper.boardGrid .thumbDiv .thumb.img {
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
}

#body .item-wrapper.boardGrid .boardPostWrapper .thumbDiv {
    position: relative;
    line-height: 0;
}

#body.board-grid-hoverEffect-magnificationEffect .item-wrapper.boardGrid .boardPostWrapper .thumbDiv {
    overflow: hidden;
}

#body.board-grid-hoverEffect-magnificationEffect .item-wrapper.boardGrid .boardPostWrapper .thumbDiv .thumb.img {
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}

#body.board-grid-hoverEffect-magnificationEffect .item-wrapper.boardGrid .boardPostWrapper .thumbDiv:hover .thumb.img {
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -o-transform: scale(1.03);
    transform: scale(1.03);
}

/* boardGrid - thumbnail review info */
.item-wrapper.boardProductReview.boardGrid .boardProductWrapper .boardProductListDiv .boardGridWrapper .boardPostThumbnailWrapperBackground {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(34, 34, 34, .5) 100%);
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
}

.item-wrapper.boardProductReview.boardGrid .boardProductWrapper .boardProductListDiv .boardGridWrapper .boardPostThumbnailWrapperBackground .boardProductInfoWrapper {
    padding: 5%;
    line-height: 1.5em;
    text-align: left;
    color: #fff;
}

.item-wrapper.boardProductReview.boardGrid .boardProductWrapper .boardProductListDiv .boardGridWrapper .boardPostThumbnailWrapperBackground .boardProductInfoWrapper .boardGridProductName {
    font-size: 14px !important;
}

.item-wrapper.boardProductReview.boardGrid .boardProductWrapper .boardProductListDiv .boardGridWrapper .boardPostThumbnailWrapperBackground .boardProductInfoWrapper .boardGridReviewRating {
    font-size: 13px !important;
    margin-top: .5em;
    line-height: 1.25em;
    text-align: right;
}

.item-wrapper.boardProductReview.boardGrid .boardProductWrapper .boardProductListDiv .boardGridWrapper .boardPostThumbnailWrapperBackground .boardProductInfoWrapper .boardGridReviewRating div {
    display: inline-block;
}

.item-wrapper.boardProductReview.boardGrid .boardProductWrapper .boardProductListDiv .boardGridWrapper .boardPostThumbnailWrapperBackground .boardProductInfoWrapper .boardGridReviewRating div.opacity {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    -khtml-opacity: 0.2;
    opacity: 0.2;
}

/* mobile */
#body.mobile .item-wrapper.board.boardGrid .boardListDiv .boardPostWrapper,
#body.mobile .item-wrapper.boardProductReview.boardGrid .boardProductListDiv .boardPostWrapper {
    min-height: initial !important;
}

.body.mobile.board-grid-column-mobile-1 .item-wrapper.board.boardGrid .boardListDiv .boardPostWrapper,
.body.mobile .item-wrapper.boardProductReview.boardGrid .boardProductListDiv.c-1 .boardPostWrapper {
    /* 에디터 편집값이 없을 때를 위한 기본 프리셋 css - 위계 때문에 반드시 .body로 작성해야 함. */
    width: 100%;
    margin: 16px 0;
}

.body.mobile.board-grid-column-mobile-2 .item-wrapper.board.boardGrid .boardListDiv .boardPostWrapper,
.body.mobile .item-wrapper.boardProductReview.boardGrid .boardProductListDiv.c-2 .boardPostWrapper {
    /* 에디터 편집값이 없을 때를 위한 기본 프리셋 css - 위계 때문에 반드시 .body로 작성해야 함. */
    width: calc(50% - 8px);
    margin: 16px 8px;
}

#body.mobile .item-wrapper.board.boardGrid .boardCaptionTitle,
#body.mobile .item-wrapper.boardProductReview.boardGrid .boardCaptionTitle {
    margin-top: 0.7em;
}

/* board_boardGrid.css */

/* board_boardLineup.css */
/* boardPost list */
.item-wrapper.boardLineup .boardListDiv,
.item-wrapper.boardLineup .boardProductListDiv {
    width: 100%;
    font-size: 14px;
    margin: 0 auto;
}

/* title header */
.item-wrapper.boardLineup .boardListDiv .boardContentLineupHeader .boardContentLineupHeaderContent,
.item-wrapper.boardLineup .boardListDiv .boardContentLine .boardContentLineTr,
.item-wrapper.boardLineup .boardProductListDiv .boardProductContentLine .boardProductContentLineTr {
    width: 100%;
    height: 45px;
    border-bottom: 1px solid #cdcdcd;
}

.item-wrapper.boardLineup .boardListDiv .boardContentLineupHeader .boardContentLineupHeaderContent > div,
.item-wrapper.boardLineup .boardListDiv .boardContentLine .boardContentLineTr > div,
.item-wrapper.boardLineup .boardProductListDiv .boardProductContentLine .boardProductContentLineTr > div {
    line-height: 44px;
}

/* no post alert */
.item-wrapper.board.boardLineup .noBoardContentsText,
.item-wrapper.boardProductReview.boardLineup .noBoardContentsText,
.item-wrapper.boardProductQna.boardLineup .noBoardContentsText,
.item-wrapper.boardProductReview.boardLineup .noBoardProductContentsText,
.item-wrapper.boardProductQna.boardLineup .noBoardProductContentsText {
    line-height: 120px;
    border-top: 1px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd;
    font-size: 16px;
    margin: 0;
}

/* board post */
.item-wrapper.boardLineup .boardLineupWrapper.notice {
    font-weight: bold;
}

.item-wrapper.boardLineup .boardLineupWrapper i {
    vertical-align: middle;
}

.item-wrapper.boardLineup .boardListDiv .boardPostWrapper.accessible .boardPostTitle {
    cursor: pointer;
}

.item-wrapper.boardLineup .boardListDiv .icomoon-lock,
.item-wrapper.boardLineup .boardProductListDiv .icomoon-lock,
.item-wrapper.boardLineup .boardProductListDiv .icomoon-camera {
    display: inline-block;
    margin-right: 5px;
}

.item-wrapper.boardLineup .postProductRating .icomoon-star {
    display: inline-block;
}

.item-wrapper.boardLineup .postProductRating .icomoon-star.opacity {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    -khtml-opacity: 0.2;
    opacity: 0.2;
}

/* desktop list */
.item-wrapper.boardLineup .boardListDiv .boardPage .boardLineupWrapper,
.item-wrapper.boardLineup .boardProductListDiv .boardProductPage .boardLineupWrapper {
    height: 60px;
    border-bottom: 1px solid #cdcdcd;
}

.item-wrapper.boardLineup .boardListDiv .boardPage .boardLineupWrapper > div:not(.boardPostTitle),
.item-wrapper.boardLineup .boardProductListDiv .boardProductPage .boardLineupWrapper > div:not(.boardPostTitle):not(.boardProductPostReviewInfoWrapper):not(.boardProductPostQnaInfoWrapper),
.item-wrapper.boardLineup .boardProductListDiv .boardProductPage .boardLineupWrapper .boardProductPostReviewInfoWrapper > div,
.item-wrapper.boardLineup .boardProductListDiv .boardProductPage .boardLineupWrapper .boardProductPostQnaInfoWrapper > div {
    padding: 21px 5px;
    font-size: 14px;
    line-height: 18px;
}

.item-wrapper.boardLineup .boardProductListDiv .boardProductPage .boardLineupWrapper .boardProductPostReviewInfoWrapper > div:not(.boardProductPostDivider_review):not(.postProductProductName-review-mobile),
.item-wrapper.boardLineup .boardProductListDiv .boardProductPage .boardLineupWrapper .boardProductPostQnaInfoWrapper > div:not(.mobile):not(.boardProductPostDivider_qna) {
    display: inline-block;
}

.item-wrapper.boardLineup .boardListDiv .boardPage .boardLineupWrapper .boardPostTitle a {
    display: block;
    text-align: left;
    padding: 21px 10px;
    font-size: 14px;
    line-height: 18px;
    white-space: nowrap;
}

/* hide in desktop */
.item-wrapper.boardLineup .boardListDiv .boardPage .boardPostWrapper .notice-bracket,
.item-wrapper.boardLineup .boardListDiv .boardPage .boardPostWrapper .boardPostDivider,
.item-wrapper.boardLineup .boardListDiv .boardPage .boardPostWrapper .boardPostHitCount .boardPostHitCountText,
.item-wrapper.boardLineup .boardProductPostDivider_review,
.item-wrapper.boardLineup .boardProductPostReviewInfoWrapper .postProductProductName-review-mobile,
.item-wrapper.boardLineup .boardProductPostRatingWrapper .postProductThumbnail-review,
.item-wrapper.boardLineup .postProductTitle_qna.mobile,
.item-wrapper.boardLineup .postProductQnaType.mobile,
.item-wrapper.boardLineup .boardProductPostDivider_qna,
.item-wrapper.boardLineup .boardProductListDiv .boardProductPage .boardLineupWrapper .postProductThumbnail_qna {
    display: none;
}

.item-wrapper.boardLineup .boardProductListDiv .boardProductPage .boardLineupWrapper .postProductTitle_qna.desktop .postProductThumbnail_qna {
    display: block;
}

/* cell width */
.item-wrapper.boardLineup .boardListDiv .boardContentLineupHeader .boardContentLineupHeaderContent > div,
.item-wrapper.boardLineup .boardListDiv .boardContentLine .boardContentLineTr > div,
.item-wrapper.boardLineup .boardListDiv .boardPage .boardLineupWrapper > div,
.item-wrapper.boardLineup .boardProductListDiv .boardProductContentLine .boardProductContentLineTr > div,
.item-wrapper.boardLineup .boardProductListDiv .boardProductPage .boardLineupWrapper > div {
    vertical-align: middle;
    text-align: center;
    display: inline-block;
    white-space: nowrap;
}

.item-wrapper.boardLineup .boardNo,
.item-wrapper.boardLineup .boardPostOrderNo {
    width: 8%;
}

.item-wrapper.boardLineup .boardTitle,
.item-wrapper.boardLineup .boardPostTitle {
    width: 64%;
}

.item-wrapper.boardLineup .boardWriter,
.item-wrapper.boardLineup .boardPostWriter,
.item-wrapper.boardLineup .boardHitCount,
.item-wrapper.boardLineup .boardPostHitCount {
    width: 8%;
}

.item-wrapper.boardLineup .boardCreateDate,
.item-wrapper.boardLineup .boardPostCreateDate {
    width: 12%;
}

/* text-overflow - ellipsis */
.item-wrapper.boardLineup .boardListDiv .boardPage .boardLineupWrapper .boardPostTitle a,
.item-wrapper.boardLineup .boardPostWriter,
.item-wrapper.boardLineup .boardProductListDiv .boardProductPage .boardLineupWrapper .postProductProductName-review-desktop a span,
.item-wrapper.boardLineup .boardProductListDiv .boardProductPostReviewInfoWrapper .postProductTitle_review,
.item-wrapper.boardLineup .boardProductListDiv .boardProductPostReviewInfoWrapper .postProductWriter_review,
.item-wrapper.boardLineup .boardProductPostReviewInfoWrapper .postProductProductName-review-mobile a,
.item-wrapper.boardLineup .boardProductListDiv .postProductQnaType .postProductTypeTitle,
.item-wrapper.boardLineup .boardProductListDiv .postProductQnaType > a,
.item-wrapper.boardLineup .boardProductListDiv .postProductTitle_qna,
.item-wrapper.boardLineup .boardProductListDiv .postProductTitle_qna.desktop .qna-type-product,
.item-wrapper.boardLineup .boardProductListDiv .postProductTitle_qna.desktop .qna-type-product .product-name,
.item-wrapper.boardLineup .boardProductListDiv .boardProductPostQnaInfoWrapper .postProductWriter_qna {
    overflow: hidden;
    text-overflow: ellipsis;
}

.item-wrapper.boardLineup .boardProductListDiv .boardProductPostReviewInfoWrapper .postProductTitle_review,
.item-wrapper.boardLineup .boardProductListDiv .boardProductPostReviewInfoWrapper .postProductWriter_review,
.item-wrapper.boardLineup .boardProductListDiv .boardProductPostQnaInfoWrapper .postProductWriter_qna {
    vertical-align: top; /* exception for overflow hidden */
}

/* show options */
.item-wrapper.boardLineup .showFirstLine_notUse .boardContentLineupHeader,
.item-wrapper.boardLineup .showFirstLine_notUse .boardContentLine,
.item-wrapper.boardLineup .showFirstLine_notUse .boardProductContentLine {
    display: none !important;
}

.item-wrapper.boardLineup .showFirstLine_notUse .boardLineupWrapper:first-child {
    border-top: 1px solid #cdcdcd;
}

.item-wrapper.boardLineup .showHit_notUse .boardContentLineupHeader .boardContentLineupHeaderContent .boardHitCount,
.item-wrapper.boardLineup .showHit_notUse .boardPage .boardPostWrapper .boardPostHitCount,
.item-wrapper.boardLineup .showHit_notUse .boardContentLine .boardContentLineTr .boardHitCount,
.item-wrapper.boardLineup .showHit_notUse .boardLineupWrapper .boardPostHitCount {
    display: none !important;
}

.item-wrapper.boardLineup .showDate_notUse .boardContentLineupHeader .boardContentLineupHeaderContent .boardCreateDate,
.item-wrapper.boardLineup .showDate_notUse .boardPage .boardPostWrapper .boardPostCreateDate,
.item-wrapper.boardLineup .showDate_notUse .boardContentLineupHeader .postProductCreatedDate_review,
.item-wrapper.boardLineup .showDate_notUse .boardPage .boardPostWrapper .postProductCreatedDate_review,
.item-wrapper.boardLineup .showDate_notUse .boardContentLineupHeader .postProductCreatedDate_qna,
.item-wrapper.boardLineup .showDate_notUse .boardPage .boardPostWrapper .postProductCreatedDate_qna,
.item-wrapper.boardLineup .showDate_notUse .boardContentLine .boardContentLineTr .boardCreateDate,
.item-wrapper.boardLineup .showDate_notUse .boardLineupWrapper .boardPostCreateDate,
.item-wrapper.boardLineup .showDate_notUse .boardProductContentLine .postProductCreatedDate_review,
.item-wrapper.boardLineup .showDate_notUse .boardLineupWrapper .postProductCreatedDate_review,
.item-wrapper.boardLineup .showDate_notUse .boardProductContentLine .postProductCreatedDate_qna,
.item-wrapper.boardLineup .showDate_notUse .boardLineupWrapper .postProductCreatedDate_qna {
    display: none !important;
}

/* board show options case 01: View-disable */
.item-wrapper.boardLineup .showHit_notUse.showDate_use .boardTitle,
.item-wrapper.boardLineup .showHit_notUse.showDate_use .boardPostTitle {
    width: 72%;
}

/* board show options case 02: Date-disable */
.item-wrapper.boardLineup .showHit_use.showDate_notUse .boardTitle,
.item-wrapper.boardLineup .showHit_use.showDate_notUse .boardPostTitle {
    width: 76%;
}

/* board show options case 03: both-disable */
.item-wrapper.boardLineup .showHit_notUse.showDate_notUse .boardTitle,
.item-wrapper.boardLineup .showHit_notUse.showDate_notUse .boardPostTitle {
    width: 84%;
}

/* board show options case 04: both-active */
.item-wrapper.boardLineup .showHit_use.showDate_use .boardTitle,
.item-wrapper.boardLineup .showHit_use.showDate_use .boardPostTitle {
    width: 64%;
}

/*  review show options case 01 */
.item-wrapper.boardLineup .showDate_notUse .boardProductListDiv .boardProductContentLineTr .postProductTitle_review {
    width: 51%;
}

.item-wrapper.boardLineup .showDate_notUse .boardProductListDiv .boardProductPostReviewInfoWrapper .postProductTitle_review {
    width: 82.25%;
}

/*  qna show options case 01 */
.item-wrapper.boardLineup .showDate_notUse .boardProductListDiv .boardProductContentLine .postProductTitle_qna,
.item-wrapper.boardLineup .showDate_notUse .boardProductListDiv .postProductTitle_qna.desktop {
    width: 68%;
}

.item-wrapper.boardLineup .showDate_notUse .boardProductListDiv .boardProductPostQnaInfoWrapper {
    width: 12%;
}

.item-wrapper.boardLineup .showDate_notUse .boardProductListDiv .boardProductPostQnaInfoWrapper .postProductWriter_qna {
    width: 100%;
}

/* review qna cell width */
.item-wrapper.boardLineup .boardProductListDiv .postProductOrderNo_review,
.item-wrapper.boardLineup .boardProductListDiv .postProductOrderNo_qna {
    width: 8%;
}

.item-wrapper.boardLineup .boardProductListDiv .postProductProductName-review-desktop {
    width: 19%;
}

.item-wrapper.boardLineup .boardProductListDiv .postProductQnaType,
.item-wrapper.boardLineup .boardProductListDiv .postProductWriter_qna,
.item-wrapper.boardLineup .boardProductListDiv .postProductCreatedDate_qna {
    width: 12%;
}

.item-wrapper.boardLineup .boardProductListDiv .boardProductContentLine .postProductTitle_review {
    width: 40%;
}

.item-wrapper.boardLineup .boardProductListDiv .boardProductPostReviewInfoWrapper {
    width: 62%;
}

.item-wrapper.boardLineup .boardProductListDiv .boardProductPostReviewInfoWrapper .postProductTitle_review {
    width: 64.5%;
}

.item-wrapper.boardLineup .boardProductListDiv .boardProductContentLine .postProductTitle_qna,
.item-wrapper.boardLineup .boardProductListDiv .postProductTitle_qna.desktop {
    width: 56%;
}

.item-wrapper.boardLineup .boardProductListDiv .boardProductContentLine .postProductWriter_review,
.item-wrapper.boardLineup .boardProductListDiv .boardProductContentLine .postProductCreatedDate_review,
.item-wrapper.boardLineup .boardProductListDiv .boardProductContentLine .postProductRating_review,
.item-wrapper.boardLineup .boardProductListDiv .boardProductPostRatingWrapper {
    width: 11%;
}

.item-wrapper.boardLineup .boardProductListDiv .boardProductPostReviewInfoWrapper .postProductWriter_review,
.item-wrapper.boardLineup .boardProductListDiv .boardProductPostReviewInfoWrapper .postProductCreatedDate_review {
    width: 17.75%;
}

.item-wrapper.boardLineup .boardProductListDiv .boardProductPostQnaInfoWrapper {
    width: 24%;
}

.item-wrapper.boardLineup .boardProductListDiv .boardProductPostQnaInfoWrapper .postProductWriter_qna,
.item-wrapper.boardLineup .boardProductListDiv .boardProductPostQnaInfoWrapper .postProductCreatedDate_qna {
    width: 50%;
}

.item-wrapper.boardLineup .boardProductListDiv .boardProductPage .boardLineupWrapper .postProductProductName-review-desktop {
    padding: 0 5px !important;
}

.item-wrapper.boardLineup .boardProductListDiv .boardProductPage .boardLineupWrapper .postProductProductName-review-desktop a,
.item-wrapper.boardLineup .boardProductListDiv .boardProductPage .boardLineupWrapper .postProductTitle_qna .qna-type-product-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.item-wrapper.boardLineup .boardProductWrapper.showThumbnail_use .boardProductListDiv .boardProductPage .boardLineupWrapper .postProductProductName-review-desktop a {
    text-align: left;
}

.item-wrapper.boardLineup .boardProductListDiv .boardProductPage .boardLineupWrapper .postProductProductName-review-desktop a .postProductThumbnail-review,
.item-wrapper.boardLineup .boardProductListDiv .boardProductPage .boardLineupWrapper .postProductTitle_qna .postProductThumbnail_qna {
    width: 52px;
    height: 52px;
    background-size: cover;
    background-position: center center;
    margin-right: 10px;
}

.item-wrapper.boardLineup .boardProductListDiv .boardProductPage .boardLineupWrapper .postProductProductName-review-desktop a span,
.item-wrapper.boardLineup .boardProductListDiv .postProductTitle_qna.desktop .qna-type-product-wrapper .qna-type-product {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.item-wrapper.boardLineup .boardProductListDiv .postProductTitle_qna.desktop:not(.qna-type-product-wrapper) > .qna-type-product {
    width: 100%;
}

.item-wrapper.boardLineup .boardProductListDiv .boardProductPage .boardLineupWrapper .postProductQnaType a {
    display: block;
}

.item-wrapper.boardLineup .boardProductListDiv .boardProductPage .boardLineupWrapper .postProductTitle_review,
.item-wrapper.boardLineup .boardProductListDiv .boardProductPage .boardLineupWrapper .postProductTitle_qna {
    text-align: left;
    cursor: pointer;
}

.item-wrapper.boardLineup .boardProductListDiv .boardProductPage .boardLineupWrapper .postProductTitle_qna > div {
    display: inline-block;
}

.item-wrapper.boardLineup .boardProductListDiv .boardProductPage .boardLineupWrapper .postProductTitle_qna {
    padding: 0 5px !important;
}

.item-wrapper.boardLineup .boardProductListDiv .boardProductPage .boardLineupWrapper .postProductTitle_qna .product-name {
    font-size: 13px;
}

.item-wrapper.boardLineup .boardProductListDiv .postProductRating_review div {
    display: inline-block;
}

.item-wrapper.boardLineup .boardProductListDiv .postProductRating_review div.opacity {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    -khtml-opacity: 0.2;
    opacity: 0.2;
}

.item-wrapper.boardLineup .onlyPhotoReview {
    text-align: right;
    margin-bottom: 20px;
}

.item-wrapper.boardLineup .onlyPhotoReview > * {
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
}

.item-wrapper.boardLineup .onlyPhotoReview input {
    width: 14px;
    height: 14px;
    display: inline-block;
    cursor: pointer;
}

.item-wrapper.boardLineup .onlyPhotoReview input[type="checkbox"]:not(:checked) + label,
.item-wrapper.boardLineup .onlyPhotoReview input[type="checkbox"]:checked + label,
.item-wrapper.boardLineup .onlyPhotoReview input[type="radio"] + label {
    padding-left: 10px;
    cursor: pointer;
}

/* board_boardLineup.css */

/* media query */
@media screen and (max-width: 640px) {
    .boardPost-wrapper {
        position: relative;
        max-width: none;
        height: auto;
        padding: 16px;
        margin: 0;
    }

    .boardPost-wrapper .infoInput .flex-wrapper:not(.boardProductWriteItemWrapper) {
        display: block;
    }

    .boardPost-wrapper .infoInput .row.twoDIv > div,
    .boardPost-wrapper .infoInput .row.twoDIv > div.category,
    .boardPost-wrapper .infoInput .row.twoDIv > div.title {
        display: block;
        width: 100%;
    }

    .boardPost-wrapper .infoInput .postImageSettingRow .postImageSettingInput {
        width: 100%;
    }

    .boardPost-wrapper .infoInput .postImageSettingRow,
    .boardPost-wrapper .infoInput .row.twoDIv > div:last-child,
    .productDetail.wrapper .reviewQna-info .boardInDetail .twoDIv > div:last-child {
        margin-left: 0;
    }

    .boardPost-wrapper .infoInput .row #boardProductWriteShopProductsSearchBtn {
        margin-left: 8px;
    }

    .textEditDiv .cke_chrome {
        border-top: none;
        border-bottom: none;
    }

    .textEditDiv .cke_top,
    .textEdit .cke_top {
        display: none;
    }

    .textEdit.field .imgUpload span {
        width: calc(100% - 66px);
        padding: 16px 0;
        font-size: 14px;
        display: inline-block;
        vertical-align: middle;
    }

    .boardPost-wrapper .fileUploader-wrapper.mobile-img-uploader {
        display: block;
    }

    #postContentWrapper .cke_contents,
    #qna-writeDiv .cke_contents,
    #qna-modifyDiv .cke_contents {
        border-top: 0;
    }

    .boardPost-wrapper .textEdit.field .imgUpload button {
        height: 45px !important;
    }

    .boardPost-wrapper .btn-wrapper.field button {
        width: calc(50% - 10px) !important;
        padding: 1em 1.2em !important;
    }

    .boardPost-wrapper .btn-wrapper.save-post-wrapper .customSelectDiv#selectPostReviewRateDiv {
        width: calc(50% - 10px) !important;
        float: left;
    }

    .boardPost-wrapper .btn-wrapper.field button#goListReviewInBoardProduct {
        display: none;
    }

    .item-wrapper .boardBtnWrapperDiv .boardSearchBtn,
    .item-wrapper .boardProductBtnWrapperDiv .boardSearchBtn {
        float: right;
        letter-spacing: 0;
    }

    .item-wrapper .boardBtnWrapperDiv .boardSearch,
    .item-wrapper .boardProductBtnWrapperDiv .boardProductSearch {
        float: none;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }

    .item-wrapper .boardBtnWrapperDiv .boardSearch form,
    .item-wrapper .boardProductBtnWrapperDiv .boardProductSearch form {
        display: inline-block;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .item-wrapper .boardBtnWrapperDiv .boardSearch input,
    .item-wrapper .boardProductBtnWrapperDiv .boardProductSearch input {
        width: 100%;
    }

    .item-wrapper .boardBtnWrapperDiv .boardWriteBtn,
    .item-wrapper .boardProductBtnWrapperDiv .boardProductWriteBtn {
        letter-spacing: 0;
        margin-left: 8px;
    }

    .item-wrapper .boardBtnWrapperDiv button.icomoonBtn,
    .item-wrapper .boardProductBtnWrapperDiv button.icomoonBtn,
    .boardPost-wrapper .infoInput .row button.icomoonBtn {
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        min-width: 50px;
        padding: 0 !important;
    }

    .item-wrapper .boardBtnWrapperDiv button.icomoonBtn.boardSearchBtn:before,
    .item-wrapper .boardProductBtnWrapperDiv button.icomoonBtn.boardSearchBtn:before,
    .boardPost-wrapper .infoInput .row button.icomoonBtn#boardProductWriteShopProductsSearchBtn:before {
        content: "\e90d";
        font-size: 20px;
    }

    .item-wrapper .boardBtnWrapperDiv button.icomoonBtn.boardWriteBtn:before,
    .item-wrapper .boardProductBtnWrapperDiv button.icomoonBtn.boardProductWriteBtn:before {
        content: "\e976";
        font-size: 20px;
    }

    .item-wrapper .boardBtnWrapperDiv button.icomoonBtn.boardSearchBtn span,
    .item-wrapper .boardProductBtnWrapperDiv button.icomoonBtn.boardSearchBtn span,
    .item-wrapper .boardBtnWrapperDiv button.icomoonBtn.boardWriteBtn span,
    .item-wrapper .boardProductBtnWrapperDiv button.icomoonBtn.boardProductWriteBtn span,
    .boardPost-wrapper .infoInput .row button.icomoonBtn#boardProductWriteShopProductsSearchBtn span {
        display: none;
    }

    /* board_boardLineup.css for mobile */
    /* mobile list included review qna*/
    .item-wrapper.boardLineup .boardListDiv .boardContentLineupHeader,
    .item-wrapper.boardLineup .boardListDiv .boardContentLine,
    .item-wrapper.boardLineup .boardProductListDiv .boardProductContentLine {
        display: none;
    }

    .item-wrapper.boardLineup .boardListDiv .boardPage .boardPostWrapper .notice-bracket,
    .item-wrapper.boardLineup .boardListDiv .boardPage .boardPostWrapper .boardPostDivider,
    .item-wrapper.boardLineup .boardListDiv .boardPage .boardPostWrapper .boardPostHitCount .boardPostHitCountText,
    .item-wrapper.boardLineup .boardProductPostDivider_review,
    .item-wrapper.boardLineup .boardProductPostReviewInfoWrapper .postProductProductName-review-mobile,
    .item-wrapper.boardLineup .boardProductPostRatingWrapper .postProductThumbnail-review,
    .item-wrapper.boardLineup .postProductTitle_qna.mobile,
    .item-wrapper.boardLineup .postProductQnaType.mobile,
    .item-wrapper.boardLineup .boardProductPostDivider_qna,
    .item-wrapper.boardLineup .boardProductListDiv .boardProductPage .boardLineupWrapper .postProductThumbnail_qna {
        display: inline-block;
    }

    .item-wrapper.boardLineup .boardListDiv .boardPage .boardLineupWrapper,
    .item-wrapper.boardLineup .boardProductListDiv .boardProductPage .boardLineupWrapper {
        padding: 17px 0;
        height: auto;
    }

    .item-wrapper.boardLineup .boardPostWrapper:first-child,
    .item-wrapper.boardLineup .boardProductPostWrapper:first-child {
        border-top: 1px solid #cdcdcd;
    }

    .item-wrapper.boardLineup .boardPostOrderNo,
    .item-wrapper.boardLineup .postProductOrderNo_review,
    .item-wrapper.boardLineup .postProductProductName-review-desktop,
    .item-wrapper.boardLineup .postProductOrderNo_qna,
    .item-wrapper.boardLineup .postProductQnaType.desktop,
    .item-wrapper.boardLineup .postProductTitle_qna.desktop {
        display: none !important;
    }

    .item-wrapper.boardLineup .boardProductListDiv .boardProductPostReviewInfoWrapper {
        width: calc(100% - 85px);
        text-align: left !important;
        white-space: normal !important;
        vertical-align: baseline !important;
    }

    .item-wrapper.boardLineup .boardProductWrapper .boardProductPostQnaInfoWrapper {
        width: 100% !important;
        text-align: left !important;
        white-space: normal !important;
    }

    .item-wrapper.boardLineup .boardProductWrapper.showThumbnail_use .boardProductPostQnaInfoWrapper {
        width: calc(100% - 50px) !important;
    }

    .item-wrapper.boardLineup .boardProductListDiv .boardProductPostReviewInfoWrapper > div,
    .item-wrapper.boardLineup .boardProductListDiv .boardProductPostQnaInfoWrapper > div {
        white-space: nowrap;
    }

    .item-wrapper.boardLineup .postProductThumbnail-review,
    .item-wrapper.boardLineup .postProductThumbnail_qna {
        width: 50px;
        height: 50px;
        background-size: cover;
        background-position: center center;
    }

    .item-wrapper.boardLineup .postProductThumbnail_qna {
        vertical-align: middle;
    }

    .item-wrapper.boardLineup .boardPostTitle,
    .item-wrapper.boardLineup .postProductTitle_review,
    .item-wrapper.boardLineup .postProductTitle_qna {
        width: 100% !important;
        margin-bottom: 8px;
    }

    .item-wrapper.boardLineup .postProductTitle_review a,
    .item-wrapper.boardLineup .postProductTitle_qna a,
    .item-wrapper.boardLineup .postProductProductName_review a,
    .item-wrapper.boardLineup .postProductQnaType .postProductTypeTitle,
    .item-wrapper.boardLineup .boardListDiv .boardPage .boardLineupWrapper .boardPostTitle a,
    .item-wrapper.boardLineup .boardProductListDiv .boardProductPage .boardLineupWrapper .boardProductPostReviewInfoWrapper .postProductTitle_review,
    .item-wrapper.boardLineup .boardProductListDiv .boardProductPage .boardLineupWrapper .boardProductPostReviewInfoWrapper .postProductProductName-review-mobile,
    .item-wrapper.boardLineup .boardProductListDiv .boardProductPage .boardLineupWrapper .boardProductPostQnaInfoWrapper .postProductQnaType.mobile {
        padding: 0;
    }

    .item-wrapper.boardLineup .boardProductListDiv .boardProductPage .boardLineupWrapper .postProductTitle_qna.mobile {
        padding: 0 !important;
    }

    .item-wrapper.boardLineup .postProductProductName-review-mobile {
        width: 100%;
        margin-top: 8px;
    }

    .item-wrapper.boardLineup .postProductQnaType {
        width: 100% !important;
        margin-top: 7px;
    }

    .item-wrapper.boardLineup .postProductQnaType a,
    .item-wrapper.boardLineup .postProductProductName-review-mobile a {
        display: block;
    }

    .item-wrapper.boardLineup .boardProductListDiv .boardProductPage .boardLineupWrapper .boardProductPostRatingWrapper {
        padding: 0 !important;
        text-align: right;
        width: 85px;
        display: inline-block;
        vertical-align: baseline;
    }

    .item-wrapper.boardLineup .postProductRating_review {
        margin-top: 4px;
    }

    .item-wrapper.boardLineup .postProductRating_review div {
        display: inline-block;
    }

    .item-wrapper.boardLineup .postProductRating_review div.opacity {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
        filter: alpha(opacity=20);
        -moz-opacity: 0.2;
        -khtml-opacity: 0.2;
        opacity: 0.2;
    }

    .item-wrapper.boardLineup .postProductWriter_qna,
    .item-wrapper.boardLineup .boardProductPostDivider_qna,
    .item-wrapper.boardLineup .postProductCreatedDate_qna,
    .item-wrapper.boardLineup .postProductWriter_review,
    .item-wrapper.boardLineup .boardProductPostDivider_review,
    .item-wrapper.boardLineup .postProductCreatedDate_review,
    .item-wrapper.boardLineup .boardListDiv .boardPage .boardLineupWrapper > div:not(.boardPostTitle),
    .item-wrapper.boardLineup .boardProductListDiv .boardProductPage .boardLineupWrapper .boardProductPostReviewInfoWrapper > div:not(.postProductTitle_review):not(.postProductProductName-review-mobile),
    .item-wrapper.boardLineup .boardProductListDiv .boardProductPage .boardLineupWrapper .boardProductPostQnaInfoWrapper > div:not(.postProductTitle_qna):not(.postProductQnaType) {
        width: auto;
        max-width: 45%;
        margin-right: 5px;
        padding: 0;
    }

    /* mobile show options */
    .item-wrapper.boardLineup .showHit_notUse .boardLineupWrapper .boardPostDivider.first,
    .item-wrapper.boardLineup .showDate_notUse .boardLineupWrapper .boardPostDivider.second,
    .item-wrapper.boardLineup .showDate_notUse .boardLineupWrapper .boardProductPostDivider_review.first,
    .item-wrapper.boardLineup .showDate_notUse .boardLineupWrapper .boardProductPostDivider_qna.first {
        display: none;
    }

    /* board_boardLineup.css for mobile */
}

/* board.css */

/* gallery.css */

/* gallery, instaGallery slide-hidden-content-use - no scroll */
.body .page .gallery-section,
.body .page .instaGallery-section {
    overflow: hidden;
}

/* gallery galleryGrid , item-wrapper.gallery.galleryGrid .galleryCaption .galleryCaptionBody */
.item-wrapper.gallery .item-cover {
    top: 0px !important; /* section요소 common 테그 */
}

.item-wrapper.gallery .galleryListDiv {
    width: auto;
    position: relative !important; /* section요소 common 테그 */
}

.item-wrapper.gallery.galleryCarousel .galleryListDiv:not(.slideImplemented) {
    width: 100% !important;
}

.item-wrapper.gallery.galleryCarousel .galleryListDiv:not(.slideImplemented) .galleryWrapper {
    display: none;
}

#body.desktop .item-wrapper.gallery.galleryCarousel.c-1 .galleryListDiv:not(.slideImplemented) .galleryWrapper:first-child,
#body.mobile .item-wrapper.gallery.galleryCarousel.c-1-mobile .galleryListDiv:not(.slideImplemented) .galleryWrapper:first-child,
#body.desktop .item-wrapper.gallery.galleryCarousel.c-2 .galleryListDiv:not(.slideImplemented) .galleryWrapper:nth-child(1),
#body.mobile .item-wrapper.gallery.galleryCarousel.c-2-mobile .galleryListDiv:not(.slideImplemented) .galleryWrapper:nth-child(1),
#body.desktop .item-wrapper.gallery.galleryCarousel.c-2 .galleryListDiv:not(.slideImplemented) .galleryWrapper:nth-child(2),
#body.mobile .item-wrapper.gallery.galleryCarousel.c-2-mobile .galleryListDiv:not(.slideImplemented) .galleryWrapper:nth-child(2),
#body.desktop .item-wrapper.gallery.galleryCarousel.c-3 .galleryListDiv:not(.slideImplemented) .galleryWrapper:nth-child(1),
#body.mobile .item-wrapper.gallery.galleryCarousel.c-3-mobile .galleryListDiv:not(.slideImplemented) .galleryWrapper:nth-child(1),
#body.desktop .item-wrapper.gallery.galleryCarousel.c-3 .galleryListDiv:not(.slideImplemented) .galleryWrapper:nth-child(2),
#body.mobile .item-wrapper.gallery.galleryCarousel.c-3-mobile .galleryListDiv:not(.slideImplemented) .galleryWrapper:nth-child(2),
#body.desktop .item-wrapper.gallery.galleryCarousel.c-3 .galleryListDiv:not(.slideImplemented) .galleryWrapper:nth-child(3),
#body.mobile .item-wrapper.gallery.galleryCarousel.c-3-mobile .galleryListDiv:not(.slideImplemented) .galleryWrapper:nth-child(3),
#body.desktop .item-wrapper.gallery.galleryCarousel.c-4 .galleryListDiv:not(.slideImplemented) .galleryWrapper:nth-child(1),
#body.desktop .item-wrapper.gallery.galleryCarousel.c-4 .galleryListDiv:not(.slideImplemented) .galleryWrapper:nth-child(2),
#body.desktop .item-wrapper.gallery.galleryCarousel.c-4 .galleryListDiv:not(.slideImplemented) .galleryWrapper:nth-child(3),
#body.desktop .item-wrapper.gallery.galleryCarousel.c-4 .galleryListDiv:not(.slideImplemented) .galleryWrapper:nth-child(4),
#body.desktop .item-wrapper.gallery.galleryCarousel.c-5 .galleryListDiv:not(.slideImplemented) .galleryWrapper:nth-child(1),
#body.desktop .item-wrapper.gallery.galleryCarousel.c-5 .galleryListDiv:not(.slideImplemented) .galleryWrapper:nth-child(2),
#body.desktop .item-wrapper.gallery.galleryCarousel.c-5 .galleryListDiv:not(.slideImplemented) .galleryWrapper:nth-child(3),
#body.desktop .item-wrapper.gallery.galleryCarousel.c-5 .galleryListDiv:not(.slideImplemented) .galleryWrapper:nth-child(4),
#body.desktop .item-wrapper.gallery.galleryCarousel.c-5 .galleryListDiv:not(.slideImplemented) .galleryWrapper:nth-child(5),
#body.desktop .item-wrapper.gallery.galleryCarousel.c-6 .galleryListDiv:not(.slideImplemented) .galleryWrapper:nth-child(1),
#body.desktop .item-wrapper.gallery.galleryCarousel.c-6 .galleryListDiv:not(.slideImplemented) .galleryWrapper:nth-child(2),
#body.desktop .item-wrapper.gallery.galleryCarousel.c-6 .galleryListDiv:not(.slideImplemented) .galleryWrapper:nth-child(3),
#body.desktop .item-wrapper.gallery.galleryCarousel.c-6 .galleryListDiv:not(.slideImplemented) .galleryWrapper:nth-child(4),
#body.desktop .item-wrapper.gallery.galleryCarousel.c-6 .galleryListDiv:not(.slideImplemented) .galleryWrapper:nth-child(5),
#body.desktop .item-wrapper.gallery.galleryCarousel.c-6 .galleryListDiv:not(.slideImplemented) .galleryWrapper:nth-child(6) {
    display: inline-block;
}

.body.desktop .item-wrapper.gallery.galleryCarousel.c-1 .galleryListDiv:not(.slideImplemented) .galleryWrapper,
.body.mobile .item-wrapper.gallery.galleryCarousel.c-1-mobile .galleryListDiv:not(.slideImplemented) .galleryWrapper {
    /* 에디터 편집값이 없을 때를 위한 기본 프리셋 css - 위계 때문에 반드시 .body로 작성해야 함. */
    width: 100% !important;
}

.body.desktop .item-wrapper.gallery.galleryCarousel.c-2 .galleryListDiv:not(.slideImplemented) .galleryWrapper,
.body.mobile .item-wrapper.gallery.galleryCarousel.c-2-mobile .galleryListDiv:not(.slideImplemented) .galleryWrapper {
    /* 에디터 편집값이 없을 때를 위한 기본 프리셋 css - 위계 때문에 반드시 .body로 작성해야 함. */
    width: 50% !important;
}

.body.desktop .item-wrapper.gallery.galleryCarousel.c-3 .galleryListDiv:not(.slideImplemented) .galleryWrapper,
.body.mobile .item-wrapper.gallery.galleryCarousel.c-3-mobile .galleryListDiv:not(.slideImplemented) .galleryWrapper {
    /* 에디터 편집값이 없을 때를 위한 기본 프리셋 css - 위계 때문에 반드시 .body로 작성해야 함. */
    width: 33.333333333333336% !important;
}

.body.desktop .item-wrapper.gallery.galleryCarousel.c-4 .galleryListDiv:not(.slideImplemented) .galleryWrapper {
    /* 에디터 편집값이 없을 때를 위한 기본 프리셋 css - 위계 때문에 반드시 .body로 작성해야 함. */
    width: 25% !important;
}

.body.desktop .item-wrapper.gallery.galleryCarousel.c-5 .galleryListDiv:not(.slideImplemented) .galleryWrapper {
    /* 에디터 편집값이 없을 때를 위한 기본 프리셋 css - 위계 때문에 반드시 .body로 작성해야 함. */
    width: 20% !important;
}

.body.desktop .item-wrapper.gallery.galleryCarousel.c-6 .galleryListDiv:not(.slideImplemented) .galleryWrapper {
    /* 에디터 편집값이 없을 때를 위한 기본 프리셋 css - 위계 때문에 반드시 .body로 작성해야 함. */
    width: 16.666666666666668% !important;
}

/* gallery element wrapper*/
.item-wrapper.gallery .galleryListDiv .galleryWrapper {
    vertical-align: top;
    min-height: 1px;
    padding: 0;
    display: inline-block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* gallery element - img */
.item-wrapper.gallery .galleryListDiv .galleryWrapper .galleryThumbnail {
    position: relative;
    width: 100%;
    text-align: center;
    line-height: 0;
    overflow: hidden;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.item-wrapper.gallery .galleryListDiv .galleryWrapper .galleryThumbnailContent,
.item-wrapper.instaGallery .instaGalleryListDiv .instaGalleryWrapper .instaGalleryThumbnailContent {
    width: 100%;
    height: 100%;
}

.item-wrapper.gallery .galleryListDiv .galleryWrapper div.galleryThumbnailContent,
.item-wrapper.instaGallery .instaGalleryListDiv .instaGalleryWrapper div.instaGalleryThumbnailContent {
    /* 적용 대상: 원본 비율 이미지 제외한 모든 비율의 이미지, 동영상 */
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.item-wrapper.gallery .galleryListDiv .galleryWrapper img.galleryThumbnailContent {
    /* 적용 대상: 원본 비율 이미지만, 원본 비율의 동영상은 제외 */
    padding-top: 0 !important;
    height: auto;
}

.item-wrapper.board.boardGrid .boardListDiv:not(.ratio-default) .boardPostWrapper .thumb.img,
.item-wrapper.boardProductReview.boardGrid .boardProductListDiv:not(.ratio-default) .boardProductPostWrapper .thumb.img,
.item-wrapper.gallery.galleryGrid .galleryListDiv:not(.ratio-default) .galleryWrapper .galleryThumbnailContent,
.item-wrapper.gallery.galleryCarousel .galleryListDiv .galleryWrapper .galleryThumbnailContent,
.item-wrapper.instaGallery.galleryGrid .instaGalleryListDiv:not(.ratio-default) .instaGalleryWrapper .instaGalleryThumbnailContent,
.item-wrapper.instaGallery.galleryCarousel .instaGalleryListDiv .instaGalleryWrapper .instaGalleryThumbnailContent {
    height: 0 !important;
}

.item-wrapper.gallery.galleryAsymmetry .galleryListDiv .galleryWrapper .galleryThumbnail,
.item-wrapper.instaGallery.galleryAsymmetry .instaGalleryListDiv .instaGalleryWrapper .instaGalleryThumbnail {
    width: auto !important;
    height: auto !important;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.item-wrapper.board.boardGrid .boardListDiv.ratio-2to3 .boardPostWrapper .thumb.img,
.item-wrapper.boardProductReview.boardGrid .boardProductListDiv.ratio-2to3 .boardProductPostWrapper .thumb.img,
.item-wrapper.gallery.galleryGrid .galleryListDiv.ratio-2to3 .galleryWrapper .galleryThumbnailContent,
.item-wrapper.gallery.galleryCarousel .galleryListDiv.ratio-2to3 .galleryWrapper .galleryThumbnailContent,
.item-wrapper.instaGallery.galleryGrid .instaGalleryListDiv.ratio-2to3 .instaGalleryWrapper .instaGalleryThumbnailContent,
.item-wrapper.instaGallery.galleryCarousel .instaGalleryListDiv.ratio-2to3 .instaGalleryWrapper .instaGalleryThumbnailContent,
.item-wrapper.review .review-image-wrapper .review-image.ratio-2to3 {
    padding-top: 150%;
}

.item-wrapper.gallery.galleryAsymmetry .galleryListDiv.ratio-2to3 .galleryWrapper:before,
.item-wrapper.instaGallery.galleryAsymmetry .instaGalleryListDiv.ratio-2to3 .instaGalleryWrapper:before {
    content: '';
    display: block;
    padding-top: 150%;
}

.item-wrapper.board.boardGrid .boardListDiv.ratio-3to4 .boardPostWrapper .thumb.img,
.item-wrapper.boardProductReview.boardGrid .boardProductListDiv.ratio-3to4 .boardProductPostWrapper .thumb.img,
.item-wrapper.gallery.galleryGrid .galleryListDiv.ratio-3to4 .galleryWrapper .galleryThumbnailContent,
.item-wrapper.gallery.galleryCarousel .galleryListDiv.ratio-3to4 .galleryWrapper .galleryThumbnailContent,
.item-wrapper.instaGallery.galleryGrid .instaGalleryListDiv.ratio-3to4 .instaGalleryWrapper .instaGalleryThumbnailContent,
.item-wrapper.instaGallery.galleryCarousel .instaGalleryListDiv.ratio-3to4 .instaGalleryWrapper .instaGalleryThumbnailContent,
.item-wrapper.review .review-image-wrapper .review-image.ratio-3to4 {
    padding-top: 133.33%;
}

.item-wrapper.gallery.galleryAsymmetry .galleryListDiv.ratio-3to4 .galleryWrapper:before,
.item-wrapper.instaGallery.galleryAsymmetry .instaGalleryListDiv.ratio-3to4 .instaGalleryWrapper:before {
    content: '';
    display: block;
    padding-top: 133.33%;
}

.item-wrapper.board.boardGrid .boardListDiv.ratio-1to1 .boardPostWrapper .thumb.img,
.item-wrapper.boardProductReview.boardGrid .boardProductListDiv.ratio-1to1 .boardProductPostWrapper .thumb.img,
.item-wrapper.gallery.galleryGrid .galleryListDiv.ratio-1to1 .galleryWrapper .galleryThumbnailContent,
.item-wrapper.gallery.galleryCarousel .galleryListDiv.ratio-1to1 .galleryWrapper .galleryThumbnailContent,
.item-wrapper.gallery.galleryGrid .galleryListDiv.ratio-default .galleryWrapper .galleryThumbnailContent,
.item-wrapper.gallery.galleryCarousel .galleryListDiv.ratio-default .galleryWrapper .galleryThumbnailContent,
.item-wrapper.instaGallery.galleryGrid .instaGalleryListDiv.ratio-1to1 .instaGalleryWrapper .instaGalleryThumbnailContent,
.item-wrapper.instaGallery.galleryCarousel .instaGalleryListDiv.ratio-1to1 .instaGalleryWrapper .instaGalleryThumbnailContent,
.item-wrapper.review .review-image-wrapper .review-image.ratio-1to1 {
    padding-top: 100%;
}

.item-wrapper.gallery.galleryAsymmetry .galleryListDiv.ratio-1to1 .galleryWrapper:before,
.item-wrapper.instaGallery.galleryAsymmetry .instaGalleryListDiv.ratio-1to1 .instaGalleryWrapper:before {
    content: '';
    display: block;
    padding-top: 100%;
}

.item-wrapper.board.boardGrid .boardListDiv.ratio-4to3 .boardPostWrapper .thumb.img,
.item-wrapper.boardProductReview.boardGrid .boardProductListDiv.ratio-4to3 .boardProductPostWrapper .thumb.img,
.item-wrapper.gallery.galleryGrid .galleryListDiv.ratio-4to3 .galleryWrapper .galleryThumbnailContent,
.item-wrapper.gallery.galleryCarousel .galleryListDiv.ratio-4to3 .galleryWrapper .galleryThumbnailContent,
.item-wrapper.instaGallery.galleryGrid .instaGalleryListDiv.ratio-4to3 .instaGalleryWrapper .instaGalleryThumbnailContent,
.item-wrapper.instaGallery.galleryCarousel .instaGalleryListDiv.ratio-4to3 .instaGalleryWrapper .instaGalleryThumbnailContent,
.item-wrapper.review .review-image-wrapper .review-image.ratio-4to3 {
    padding-top: 75%;
}

.item-wrapper.gallery.galleryAsymmetry .galleryListDiv.ratio-4to3 .galleryWrapper:before,
.item-wrapper.instaGallery.galleryAsymmetry .instaGalleryListDiv.ratio-4to3 .instaGalleryWrapper:before {
    content: '';
    display: block;
    padding-top: 75%;
}

.item-wrapper.board.boardGrid .boardListDiv.ratio-3to2 .boardPostWrapper .thumb.img,
.item-wrapper.boardProductReview.boardGrid .boardProductListDiv.ratio-3to2 .boardProductPostWrapper .thumb.img,
.item-wrapper.gallery.galleryGrid .galleryListDiv.ratio-3to2 .galleryWrapper .galleryThumbnailContent,
.item-wrapper.gallery.galleryCarousel .galleryListDiv.ratio-3to2 .galleryWrapper .galleryThumbnailContent,
.item-wrapper.instaGallery.galleryGrid .instaGalleryListDiv.ratio-3to2 .instaGalleryWrapper .instaGalleryThumbnailContent,
.item-wrapper.instaGallery.galleryCarousel .instaGalleryListDiv.ratio-3to2 .instaGalleryWrapper .instaGalleryThumbnailContent,
.item-wrapper.review .review-image-wrapper .review-image.ratio-3to2 {
    padding-top: 66.67%;
}

.item-wrapper.gallery.galleryAsymmetry .galleryListDiv.ratio-3to2 .galleryWrapper:before,
.item-wrapper.instaGallery.galleryAsymmetry .instaGalleryListDiv.ratio-3to2 .instaGalleryWrapper:before {
    content: '';
    display: block;
    padding-top: 66.67%;
}

.item-wrapper.board.boardGrid .boardListDiv.ratio-16to9 .boardPostWrapper .thumb.img,
.item-wrapper.boardProductReview.boardGrid .boardProductListDiv.ratio-16to9 .boardProductPostWrapper .thumb.img,
.item-wrapper.gallery.galleryGrid .galleryListDiv.ratio-16to9 .galleryWrapper .galleryThumbnailContent,
.item-wrapper.gallery.galleryGrid .galleryListDiv.ratio-default .galleryWrapper.video .galleryThumbnailContent,
.item-wrapper.gallery.galleryCarousel .galleryListDiv.ratio-16to9 .galleryWrapper .galleryThumbnailContent,
.item-wrapper.instaGallery.galleryGrid .instaGalleryListDiv.ratio-16to9 .instaGalleryWrapper .instaGalleryThumbnailContent,
.item-wrapper.instaGallery.galleryCarousel .instaGalleryListDiv.ratio-16to9 .instaGalleryWrapper .instaGalleryThumbnailContent,
.item-wrapper.review .review-image-wrapper .review-image.ratio-16to9 {
    padding-top: 56.25%;
}

.item-wrapper.gallery.galleryAsymmetry .galleryListDiv.ratio-16to9 .galleryWrapper:before,
.item-wrapper.instaGallery.galleryAsymmetry .instaGalleryListDiv.ratio-16to9 .instaGalleryWrapper:before {
    content: '';
    display: block;
    padding-top: 56.25%;
}

.item-wrapper.board.boardGrid .boardListDiv.ratio-7to3 .boardPostWrapper .thumb.img,
.item-wrapper.boardProductReview.boardGrid .boardProductListDiv.ratio-7to3 .boardProductPostWrapper .thumb.img,
.item-wrapper.gallery.galleryGrid .galleryListDiv.ratio-7to3 .galleryWrapper .galleryThumbnailContent,
.item-wrapper.gallery.galleryCarousel .galleryListDiv.ratio-7to3 .galleryWrapper .galleryThumbnailContent,
.item-wrapper.instaGallery.galleryGrid .instaGalleryListDiv.ratio-7to3 .instaGalleryWrapper .instaGalleryThumbnailContent,
.item-wrapper.instaGallery.galleryCarousel .instaGalleryListDiv.ratio-7to3 .instaGalleryWrapper .instaGalleryThumbnailContent,
.item-wrapper.review .review-image-wrapper .review-image.ratio-7to3 {
    padding-top: 42.86%;
}

.item-wrapper.gallery.galleryAsymmetry .galleryListDiv.ratio-7to3 .galleryWrapper:before,
.item-wrapper.instaGallery.galleryAsymmetry .instaGalleryListDiv.ratio-7to3 .instaGalleryWrapper:before {
    content: '';
    display: block;
    padding-top: 42.86%;
}

.item-wrapper.board.boardGrid .boardListDiv.ratio-3to1 .boardPostWrapper .thumb.img,
.item-wrapper.boardProductReview.boardGrid .boardProductListDiv.ratio-3to1 .boardProductPostWrapper .thumb.img,
.item-wrapper.gallery.galleryGrid .galleryListDiv.ratio-3to1 .galleryWrapper .galleryThumbnailContent,
.item-wrapper.gallery.galleryCarousel .galleryListDiv.ratio-3to1 .galleryWrapper .galleryThumbnailContent,
.item-wrapper.instaGallery.galleryGrid .instaGalleryListDiv.ratio-3to1 .instaGalleryWrapper .instaGalleryThumbnailContent,
.item-wrapper.instaGallery.galleryCarousel .instaGalleryListDiv.ratio-3to1 .instaGalleryWrapper .instaGalleryThumbnailContent,
.item-wrapper.review .review-image-wrapper .review-image.ratio-3to1 {
    padding-top: 33.33%;
}

.item-wrapper.gallery.galleryAsymmetry .galleryListDiv.ratio-3to1 .galleryWrapper:before,
.item-wrapper.instaGallery.galleryAsymmetry .instaGalleryListDiv.ratio-3to1 .instaGalleryWrapper:before {
    content: '';
    display: block;
    padding-top: 33.33%;
}

/* gallery element - background */
.item-wrapper.gallery .galleryListDiv .galleryWrapper .galleryBackground {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
}

/* gallery element - caption */
.item-wrapper.gallery .galleryListDiv .galleryWrapper .galleryCaption {
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
}

#body.desktop .item-wrapper.gallery.galleryCarousel.useMargin:not(.underImg):not(.c-1) .galleryListDiv .galleryWrapper .galleryCaption,
#body.mobile .item-wrapper.gallery.galleryCarousel.useMargin:not(.underImg):not(.c-1-mobile) .galleryListDiv .galleryWrapper .galleryCaption,
.item-wrapper.instaGallery.galleryCarousel.useMargin .instaGalleryListDiv .instaGalleryWrapper .galleryCaption {
    left: 8px;
    right: 8px;
}

.item-wrapper.gallery .galleryListDiv.linkEffect .galleryWrapper {
    cursor: auto;
}

.item-wrapper.gallery .galleryListDiv.lightboxEffect .galleryWrapper,
.item-wrapper.gallery .galleryListDiv .galleryWrapper .galleryCaption.video {
    cursor: pointer;
}

.item-wrapper.gallery .galleryListDiv .galleryWrapper .galleryCaption.video {
    background-image: url(../../images/icon/white/ic-play-button.png);
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute !important;
}

/* gallery element - caption - captionHover */
.item-wrapper.gallery:not(.underImg) .galleryListDiv.captionHover .galleryWrapper .galleryCaption:not(.video),
.item-wrapper.instaGallery:not(.underImg) .instaGalleryListDiv.captionHover .instaGalleryWrapper .galleryCaption {
    filter: alpha(opacity=0);
    opacity: 0;
}

.item-wrapper.gallery:not(.underImg) .galleryListDiv.captionHover .galleryWrapper:hover .galleryCaption:not(.video),
.item-wrapper.instaGallery:not(.underImg) .instaGalleryListDiv.captionHover .instaGalleryWrapper:hover .galleryCaption {
    filter: alpha(opacity=100);
    opacity: 1;
}

#body.gallery-style-light .item-wrapper.gallery .galleryListDiv.hover_brightnessEffect .galleryWrapper:hover .galleryCaption,
#body.gallery-style-light .item-wrapper.instaGallery .instaGalleryListDiv.hover_brightnessEffect .instaGalleryWrapper:hover .galleryCaption {
    background-color: rgba(255, 255, 255, 0.3);
}

#body.gallery-style-dark .item-wrapper.gallery .galleryListDiv.hover_brightnessEffect .galleryWrapper:hover .galleryCaption,
#body.gallery-style-dark .item-wrapper.instaGallery .instaGalleryListDiv.hover_brightnessEffect .instaGalleryWrapper:hover .galleryCaption {
    background-color: rgba(0, 0, 0, 0.3);
}

.item-wrapper.gallery .galleryListDiv.hover_magnificationEffect .galleryWrapper,
.item-wrapper.instaGallery .instaGalleryListDiv.hover_magnificationEffect .instaGalleryWrapper {
    overflow: hidden;
}

.item-wrapper.gallery .galleryListDiv.hover_magnificationEffect .galleryWrapper .galleryThumbnailContent,
.item-wrapper.instaGallery .instaGalleryListDiv.hover_magnificationEffect .instaGalleryWrapper .instaGalleryThumbnailContent {
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}

.item-wrapper.gallery .galleryListDiv.hover_magnificationEffect .galleryWrapper:hover .galleryThumbnailContent,
.item-wrapper.instaGallery .instaGalleryListDiv.hover_magnificationEffect .instaGalleryWrapper:hover .instaGalleryThumbnailContent {
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -o-transform: scale(1.03);
    transform: scale(1.03);
}

/* gallery element - caption - captionContent */
.item-wrapper.gallery .galleryListDiv .galleryCaption {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.item-wrapper.gallery .galleryListDiv .galleryCaption .galleryCaptionContent {
    max-height: 100%;
    position: relative;
}

.item-wrapper.gallery.leftTop .galleryListDiv .galleryCaption {
    justify-content: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}

.item-wrapper.gallery.leftMiddle .galleryListDiv .galleryCaption {
    justify-content: flex-start;
    -webkit-align-items: center;
    align-items: center;
}

.item-wrapper.gallery.leftBottom .galleryListDiv .galleryCaption {
    justify-content: flex-start;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}

.item-wrapper.gallery.centerTop .galleryListDiv .galleryCaption {
    justify-content: center;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}

.item-wrapper.gallery.centerMiddle .galleryListDiv .galleryCaption {
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}

.item-wrapper.gallery.centerBottom .galleryListDiv .galleryCaption {
    justify-content: center;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}

.item-wrapper.gallery.rightTop .galleryListDiv .galleryCaption {
    justify-content: flex-end;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}

.item-wrapper.gallery.rightMiddle .galleryListDiv .galleryCaption {
    justify-content: flex-end;
    -webkit-align-items: center;
    align-items: center;
}

.item-wrapper.gallery.rightBottom .galleryListDiv .galleryCaption {
    justify-content: flex-end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}

.item-wrapper.gallery.underImg .galleryListDiv .galleryCaption .galleryCaptionContent {
    width: 100%;
}

.item-wrapper.gallery.galleryGrid.underImg .galleryListDiv .galleryCaption,
.item-wrapper.gallery.galleryCarousel.underImg .galleryListDiv .galleryCaption {
    position: relative;
}

.item-wrapper.gallery .galleryCaption .galleryCaptionPosition {
    position: relative;
}

.item-wrapper.gallery .galleryCaption .galleryCaptionPosition div {
    text-align: center;
    line-height: 1.5em;
}

.item-wrapper.gallery .galleryCaption .galleryCaptionPosition .galleryCaptionBody {
    margin-top: 0.5em;
}

.item-wrapper.gallery .galleryCaption .galleryCaptionPosition .galleryCaptionButton {
    margin-top: 1em;
}

.item-wrapper.gallery .galleryCaption .galleryCaptionBackground {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

/* gallery element - video */
.item-wrapper.gallery .galleryWrapper.video {
    cursor: pointer;
}

/* mobile */
#body.mobile .section-wrapper.gallery-section .section .item-wrapper.gallery .item-element {
    width: 100%;
    min-width: initial;
}

/* instaGallery css*/
#body .page:not(.hero-use) .section-wrapper:first-child .section.widthFull .item-wrapper.instaGallery {
    padding-top: 0;
}

.item-wrapper.instaGallery .item-cover {
    top: 0px !important; /* section요소 common 테그 */
}

.item-wrapper.instaGallery .instaGalleryListDiv {
    width: auto;
    position: relative !important; /* section요소 common 테그 */
}

#body.gallery-style-light .item-wrapper.instaGallery .instaGalleryListDiv {
    color: #222;
}

#body.gallery-style-dark .item-wrapper.instaGallery .instaGalleryListDiv {
    color: #fff;
}

/* instaGallery element wrapper*/
.item-wrapper.instaGallery .instaGalleryListDiv .instaGalleryWrapper {
    vertical-align: top;
    min-height: 1px;
    padding: 0;
    display: inline-block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* instaGallery element - img */
.item-wrapper.instaGallery .instaGalleryListDiv .instaGalleryWrapper .instaGalleryThumbnail {
    position: relative;
    width: 100%;
    min-height: 16px;
    text-align: center;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    line-height: 0;
    overflow: hidden;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.item-wrapper.instaGallery .instaGalleryListDiv .instaGalleryWrapper.image .instaGalleryThumbnailContent {
    visibility: hidden;
}

.item-wrapper.instaGallery .instaGalleryListDiv .instaGalleryWrapper.image .instaGalleryThumbnailContent.load {
    visibility: visible;
}

/* instaGallery element - background */
.item-wrapper.instaGallery .instaGalleryListDiv .instaGalleryWrapper .instaGalleryBackground {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
    /* -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; */
}

/* instaGallery element - caption */
.item-wrapper.instaGallery .instaGalleryListDiv .instaGalleryWrapper .galleryCaption {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;

    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
}

.item-wrapper.instaGallery .instaGalleryListDiv.linkEffect .instaGalleryWrapper {
    cursor: auto;
}

.item-wrapper.instaGallery .instaGalleryListDiv.lightboxEffect .galleryWrapper,
.item-wrapper.instaGallery .instaGalleryListDiv .instaGalleryWrapper .galleryCaption.video {
    cursor: pointer;
}

.item-wrapper.instaGallery .instaGalleryListDiv .galleryWrapper .galleryCaption.video {
    background-image: url(../../images/icon/white/ic-play-button.png);
    background-position: center center;
    background-repeat: no-repeat;
}

/* instaGallery element - caption - captionContent */
.item-wrapper.instaGallery .galleryCaption .galleryCaptionContent {
    height: 100%;
    display: table;
    margin: 0 auto;
    width: 80%
}

.item-wrapper.instaGallery .galleryCaption .galleryCaptionPosition {
    display: table-cell;
    vertical-align: middle;
}

.item-wrapper.instaGallery .galleryCaption .galleryCaptionPosition div {
    text-align: center;
    line-height: 1.5em;
}

.item-wrapper.instaGallery .galleryCaption .galleryCaptionPosition .galleryCaptionBody {
    margin-top: 0.5em;
}

/* instaGallery element - video */
.item-wrapper.instaGallery .galleryWrapper.video {
    cursor: pointer;
}

/* instaGallery mobile */
#body.mobile .section-wrapper.instaGallery-section .section .item-wrapper.instaGallery .item-element {
    width: 100%;
    min-width: initial;
}

/* gallery_galleryCarousel.css */
/* galleryCarousel item-wrapper */
.section .item-wrapper.gallery.galleryCarousel.useMargin,
#body .section-wrapper .section.widthFull .item-wrapper.gallery.galleryCarousel.useMargin {
    padding: 16px 8px;
}

#body.desktop .section .item-wrapper.gallery.galleryCarousel.c-1.useMargin,
#body.mobile .section .item-wrapper.gallery.galleryCarousel.c-1-mobile.useMargin,
#body.desktop .section-wrapper .section.widthFull .item-wrapper.gallery.galleryCarousel.c-1.useMargin,
#body.mobile .section-wrapper .section.widthFull .item-wrapper.gallery.galleryCarousel.c-1-mobile.useMargin {
    padding: 16px;
}

@media screen and (max-width: 1290px) {
    #body .section-wrapper.gallery-section .section:not(.widthFull) .item-wrapper.gallery.galleryCarousel.slide-hidden-contents-use.useMargin {
        padding: 16px 22px;
    }

    #body .section-wrapper.gallery-section .section:not(.widthFull) .item-wrapper.gallery.galleryCarousel.slide-hidden-contents-use {
        padding: 16px 30px;
    }
}

@media screen and (max-width: 1050px) {
    #body .section-wrapper.gallery-section .section:not(.widthFull) .item-wrapper.gallery.galleryCarousel.slide-hidden-contents-use.useMargin {
        padding: 16px 42px;
    }

    #body .section-wrapper.gallery-section .section:not(.widthFull) .item-wrapper.gallery.galleryCarousel.slide-hidden-contents-use {
        padding: 16px 50px;
    }
}

/* galleryCarousel beforeSlideImplemented*/
#body .section-wrapper.gallery-section .section .item-wrapper.gallery.galleryCarousel .galleryWrapper.beforeSlideImplemented {
    right: 100000px;
    position: absolute;
}

#body .section-wrapper.gallery-section .section .item-wrapper.gallery.galleryCarousel .galleryListDiv.slideImplemented .galleryWrapper.beforeSlideImplemented {
    right: 0px;
    position: relative;
}

#body .section-wrapper.gallery-section .section .item-wrapper.gallery.galleryCarousel .galleryListDiv.slideImplemented .galleryWrapper.beforeSlideImplemented .galleryThumbnail {
    width: auto !important;
    zoom: 1;
}

#body .section-wrapper.gallery-section .section .item-wrapper.gallery.galleryCarousel .galleryListDiv.slideImplemented {
    width: 100000px !important;
}

#body .section-wrapper.gallery-section .section .item-wrapper.gallery.galleryCarousel .galleryListDiv.slideImplemented:before,
#body .section-wrapper.gallery-section .section .item-wrapper.gallery.galleryCarousel .galleryListDiv.slideImplemented:after {
    content: '\e959';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

#body .section-wrapper.gallery-section .section .item-wrapper.gallery.galleryCarousel .galleryListDiv.slideImplemented:after {
    clear: both;
}

.item-wrapper.gallery.galleryCarousel .item-element .bx-wrapper {
    max-width: 100000px !important;
}

#body .item-wrapper.gallery.galleryCarousel .item-element .bx-wrapper .bx-viewport {
    height: auto !important;
}

/* galleryCarousel galleryWrapper*/
.item-wrapper.gallery.galleryCarousel .galleryWrapper {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.item-wrapper.gallery.galleryCarousel.useMargin .galleryWrapper {
    padding-left: 8px;
    padding-right: 8px;
}

#body.desktop .item-wrapper.gallery.galleryCarousel:not(.slide-hidden-contents-use).c-1.useMargin .galleryWrapper,
#body.mobile .item-wrapper.gallery.galleryCarousel:not(.slide-hidden-contents-use).c-1-mobile.useMargin .galleryWrapper,
#body.desktop .section-wrapper .section.widthFull .item-wrapper.gallery.galleryCarousel.c-1.useMargin .galleryWrapper,
#body.mobile .section-wrapper .section.widthFull .item-wrapper.gallery.galleryCarousel.c-1-mobile.useMargin .galleryWrapper {
    padding-left: 0;
    padding-right: 0;
}

#body.desktop .item-wrapper.gallery.galleryCarousel.c-1.useMargin .galleryWrapper .galleryCaption,
#body.mobile .item-wrapper.gallery.galleryCarousel.c-1-mobile.useMargin .galleryWrapper .galleryCaption,
#body.desktop .section-wrapper .section.widthFull .item-wrapper.gallery.galleryCarousel.c-1.useMargin .galleryWrapper .galleryCaption,
#body.mobile .section-wrapper .section.widthFull .item-wrapper.gallery.galleryCarousel.c-1-mobile.useMargin .galleryWrapper .galleryCaption {
    left: 0;
    right: 0;
}

.section-wrapper.gallery-section .section:not(.widthFull) .item-wrapper.gallery.galleryCarousel.slide-hidden-contents-use .bx-viewport {
    overflow: visible !important;
}

/* galleryCarousel navigation*/
.item-wrapper.gallery.galleryCarousel .bx-navigation {
    z-index: 999;
}

.item-wrapper.gallery.galleryCarousel .bx-navigation a {
    width: 44px;
    height: 60px;
    display: block;
    background-color: rgba(0, 0, 0, .12);
    margin-top: -30px;
    position: relative;

    -webkit-transition: all 200ms cubic-bezier(.25, .46, .45, .94);
    -moz-transition: all 200ms cubic-bezier(.25, .46, .45, .94);
    -ms-transition: all 200ms cubic-bezier(.25, .46, .45, .94);
    -o-transition: all 200ms cubic-bezier(.25, .46, .45, .94);
    transition: all 200ms cubic-bezier(.25, .46, .45, .94);
}

.item-wrapper.gallery.galleryCarousel .bx-navigation:hover a {
    background-color: rgba(0, 0, 0, .2);
}

.item-wrapper.gallery.galleryCarousel .bx-prevButton,
#body.desktop .item-wrapper.gallery.galleryCarousel.c-1.useMargin .bx-prevButton,
#body.mobile .item-wrapper.gallery.galleryCarousel.c-1-mobile.useMargin .bx-prevButton {
    left: 0px;
}

.item-wrapper.gallery.galleryCarousel .bx-nextButton,
#body.desktop .item-wrapper.gallery.galleryCarousel.c-1.useMargin .bx-nextButton,
#body.mobile .item-wrapper.gallery.galleryCarousel.c-1-mobile.useMargin .bx-nextButton {
    right: 0px;
}

.item-wrapper.gallery.galleryCarousel.useMargin .bx-prevButton {
    left: 8px;
}

.item-wrapper.gallery.galleryCarousel.useMargin .bx-nextButton {
    right: 8px;
}

#body .section:not(.widthFull) .item-wrapper.gallery.galleryCarousel.slide-hidden-contents-use .bx-prevButton {
    left: -22px;
}

#body .section:not(.widthFull) .item-wrapper.gallery.galleryCarousel.slide-hidden-contents-use .bx-nextButton {
    right: -22px;
}

.item-wrapper.gallery.galleryCarousel .bx-prevButton a::before {
    background-image: url(../../images/icon/white/ic-slide-previous.png);
    background-position: center center !important;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    width: 14px;
    height: 22px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -10px;
    margin-left: -8px;
}

.item-wrapper.gallery.galleryCarousel .bx-nextButton a::before {
    background-image: url(../../images/icon/white/ic-slide-next.png);
    background-position: center center !important;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    width: 14px;
    height: 22px;
    position: absolute;
    top: 50%;
    right: 50%;
    margin-top: -10px;
    margin-right: -8px;
}

/* instaGallery */
.section .item-wrapper.instaGallery.galleryCarousel.useMargin,
#body .section-wrapper .section.widthFull .item-wrapper.instaGallery.galleryCarousel.useMargin {
    padding: 16px 8px;
}

#body.desktop .section .item-wrapper.instaGallery.galleryCarousel.c-1.useMargin,
#body.mobile .section .item-wrapper.instaGallery.galleryCarousel.c-1-mobile.useMargin,
#body.desktop .section-wrapper .section.widthFull .item-wrapper.instaGallery.galleryCarousel.c-1.useMargin,
#body.mobile .section-wrapper .section.widthFull .item-wrapper.instaGallery.galleryCarousel.c-1-mobile.useMargin {
    padding: 16px;
}

@media screen and (max-width: 1290px) {
    #body .section-wrapper.instaGallery-section .section:not(widthFull) .item-wrapper.instaGallery.galleryCarousel.slide-hidden-contents-use.useMargin {
        padding: 16px 22px;
    }

    #body .section-wrapper.instaGallery-section .section:not(widthFull) .item-wrapper.instaGallery.galleryCarousel.slide-hidden-contents-use {
        padding: 16px 30px;
    }
}

@media screen and (max-width: 1050px) {
    useMargin,
    #body .section-wrapper.instaGallery-section .section:not(widthFull) .item-wrapper.instaGallery.galleryCarousel.slide-hidden-contents-use.useMargin {
        padding: 16px 42px;
    }

    #body .section-wrapper.instaGallery-section .section:not(widthFull) .item-wrapper.instaGallery.galleryCarousel.slide-hidden-contents-use {
        padding: 16px 50px;
    }
}

/* instaGalleryCarousel beforeSlideImplemented*/
#body .section-wrapper.instaGallery-section .section .item-wrapper.instaGallery.galleryCarousel .instaGalleryWrapper.beforeSlideImplemented {
    right: 100000px;
    position: absolute;
}

#body .section-wrapper.instaGallery-section .section .item-wrapper.instaGallery.galleryCarousel .instaGalleryListDiv.slideImplemented .instaGalleryWrapper.beforeSlideImplemented {
    right: 0px;
    position: relative;
}

#body .section-wrapper.instaGallery-section .section .item-wrapper.instaGallery.galleryCarousel .instaGalleryListDiv.slideImplemented {
    width: 100000px !important;
}

.item-wrapper.instaGallery.galleryCarousel .item-element .bx-wrapper {
    max-width: 100000px !important;
    zoom: 1;
}

#body .section-wrapper.instaGallery-section .section .item-wrapper.instaGallery.galleryCarousel .instaGalleryListDiv.slideImplemented:before,
#body .section-wrapper.instaGallery-section .section .item-wrapper.instaGallery.galleryCarousel .instaGalleryListDiv.slideImplemented:after {
    content: '\e959';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

#body .section-wrapper.instaGallery-section .section .item-wrapper.instaGallery.galleryCarousel .instaGalleryListDiv.slideImplemented:after {
    clear: both;
}

#body .item-wrapper.instaGallery.galleryCarousel .item-element .bx-wrapper .bx-viewport {
    height: auto !important;
}

/* instaGalleryCarousel instaGalleryWrapper*/
.item-wrapper.instaGallery.galleryCarousel .instaGalleryWrapper {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.item-wrapper.instaGallery.galleryCarousel.useMargin .instaGalleryWrapper {
    padding-left: 8px;
    padding-right: 8px;
}

#body.desktop .item-wrapper.instaGallery.galleryCarousel:not(.slide-hidden-contents-use).c-1.useMargin .instaGalleryWrapper,
#body.mobile .item-wrapper.instaGallery.galleryCarousel:not(.slide-hidden-contents-use).c-1-mobile.useMargin .instaGalleryWrapper,
#body.desktop .section-wrapper .section.widthFull .item-wrapper.instaGallery.galleryCarousel.c-1.useMargin .instaGalleryWrapper,
#body.mobile .section-wrapper .section.widthFull .item-wrapper.instaGallery.galleryCarousel.c-1-mobile.useMargin .instaGalleryWrapper {
    padding-left: 0;
    padding-right: 0;
}

#body.desktop .item-wrapper.instaGallery.galleryCarousel.c-1.useMargin .instaGalleryWrapper .galleryCaption,
#body.mobile .item-wrapper.instaGallery.galleryCarousel.c-1-mobile.useMargin .instaGalleryWrapper .galleryCaption,
#body.desktop .section-wrapper .section.widthFull .item-wrapper.instaGallery.galleryCarousel.c-1.useMargin .instaGalleryWrapper .galleryCaption,
#body.mobile .section-wrapper .section.widthFull .item-wrapper.instaGallery.galleryCarousel.c-1-mobile.useMargin .instaGalleryWrapper .galleryCaption {
    left: 0;
    right: 0;
}

.section-wrapper.instaGallery-section .section:not(.widthFull) .item-wrapper.instaGallery.galleryCarousel.slide-hidden-contents-use .bx-viewport {
    overflow: visible !important;
}

/* instaGalleryCarousel navigation*/
.item-wrapper.instaGallery.galleryCarousel .bx-navigation {
    z-index: 999;
}

.item-wrapper.instaGallery.galleryCarousel .bx-navigation a {
    width: 44px;
    height: 60px;
    display: block;
    background-color: rgba(0, 0, 0, .12);
    margin-top: -30px;
    position: relative;

    -webkit-transition: all 200ms cubic-bezier(.25, .46, .45, .94);
    -moz-transition: all 200ms cubic-bezier(.25, .46, .45, .94);
    -ms-transition: all 200ms cubic-bezier(.25, .46, .45, .94);
    -o-transition: all 200ms cubic-bezier(.25, .46, .45, .94);
    transition: all 200ms cubic-bezier(.25, .46, .45, .94);
}

.item-wrapper.instaGallery.galleryCarousel .bx-navigation:hover a {
    background-color: rgba(0, 0, 0, .2);
}

.item-wrapper.instaGallery.galleryCarousel .bx-prevButton,
#body.desktop .item-wrapper.instaGallery.galleryCarousel.c-1.useMargin .bx-prevButton,
#body.mobile .item-wrapper.instaGallery.galleryCarousel.c-1-mobile.useMargin .bx-prevButton {
    left: 0px;
}

.item-wrapper.instaGallery.galleryCarousel .bx-nextButton,
#body.desktop .item-wrapper.instaGallery.galleryCarousel.c-1.useMargin .bx-nextButton,
#body.mobile .item-wrapper.instaGallery.galleryCarousel.c-1-mobile.useMargin .bx-nextButton {
    right: 0px;
}

.item-wrapper.instaGallery.galleryCarousel.useMargin .bx-prevButton {
    left: 8px;
}

.item-wrapper.instaGallery.galleryCarousel.useMargin .bx-nextButton {
    right: 8px;
}

#body .section:not(.widthFull) .item-wrapper.instaGallery.galleryCarousel.slide-hidden-contents-use .bx-prevButton {
    left: -22px;
}

#body .section:not(.widthFull) .item-wrapper.instaGallery.galleryCarousel.slide-hidden-contents-use .bx-nextButton {
    right: -22px;
}

.item-wrapper.instaGallery.galleryCarousel .bx-prevButton a::before {
    background-image: url(../../images/icon/white/ic-slide-previous.png);
    background-position: center center !important;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    width: 14px;
    height: 22px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -10px;
    margin-left: -8px;
}

.item-wrapper.instaGallery.galleryCarousel .bx-nextButton a::before {
    background-image: url(../../images/icon/white/ic-slide-next.png);
    background-position: center center !important;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    width: 14px;
    height: 22px;
    position: absolute;
    top: 50%;
    right: 50%;
    margin-top: -10px;
    margin-right: -8px;
}

/* gallery_galleryCarousel.css */

/* gallery_galleryGrid.css */
/* galleryGrid element - column */
#body.desktop .item-wrapper.gallery.galleryGrid.c-1 .galleryListDiv .galleryWrapper:nth-child(n),
#body.mobile .item-wrapper.gallery.galleryGrid.c-1-mobile .galleryListDiv .galleryWrapper:nth-child(n),
#body.desktop .item-wrapper.gallery.galleryGrid.c-2 .galleryListDiv .galleryWrapper:nth-child(2n),
#body.mobile .item-wrapper.gallery.galleryGrid.c-2-mobile .galleryListDiv .galleryWrapper:nth-child(2n),
#body.desktop .item-wrapper.gallery.galleryGrid.c-3 .galleryListDiv .galleryWrapper:nth-child(3n),
#body.mobile .item-wrapper.gallery.galleryGrid.c-3-mobile .galleryListDiv .galleryWrapper:nth-child(3n),
#body.desktop .item-wrapper.gallery.galleryGrid.c-4 .galleryListDiv .galleryWrapper:nth-child(4n),
#body.desktop .item-wrapper.gallery.galleryGrid.c-5 .galleryListDiv .galleryWrapper:nth-child(5n),
#body.desktop .item-wrapper.gallery.galleryGrid.c-6 .galleryListDiv .galleryWrapper:nth-child(6n),
#body.desktop .item-wrapper.instaGallery.galleryGrid.c-1 .instaGalleryListDiv .instaGalleryWrapper:nth-child(n),
#body.mobile .item-wrapper.instaGallery.galleryGrid.c-1-mobile .instaGalleryListDiv .instaGalleryWrapper:nth-child(n),
#body.desktop .item-wrapper.instaGallery.galleryGrid.c-2 .instaGalleryListDiv .instaGalleryWrapper:nth-child(2n),
#body.mobile .item-wrapper.instaGallery.galleryGrid.c-2-mobile .instaGalleryListDiv .instaGalleryWrapper:nth-child(2n),
#body.desktop .item-wrapper.instaGallery.galleryGrid.c-3 .instaGalleryListDiv .instaGalleryWrapper:nth-child(3n),
#body.mobile .item-wrapper.instaGallery.galleryGrid.c-3-mobile .instaGalleryListDiv .instaGalleryWrapper:nth-child(3n),
#body.desktop .item-wrapper.instaGallery.galleryGrid.c-4 .instaGalleryListDiv .instaGalleryWrapper:nth-child(4n),
#body.desktop .item-wrapper.instaGallery.galleryGrid.c-5 .instaGalleryListDiv .instaGalleryWrapper:nth-child(5n),
#body.desktop .item-wrapper.instaGallery.galleryGrid.c-6 .instaGalleryListDiv .instaGalleryWrapper:nth-child(6n) {
    margin-right: 0 !important;
}

#body.desktop .item-wrapper.gallery.galleryGrid.c-1 .galleryListDiv .galleryWrapper:nth-child(n+1),
#body.mobile .item-wrapper.gallery.galleryGrid.c-1-mobile .galleryListDiv .galleryWrapper:nth-child(n+1),
#body.desktop .item-wrapper.gallery.galleryGrid.c-2 .galleryListDiv .galleryWrapper:nth-child(2n+1),
#body.mobile .item-wrapper.gallery.galleryGrid.c-2-mobile .galleryListDiv .galleryWrapper:nth-child(2n+1),
#body.desktop .item-wrapper.gallery.galleryGrid.c-3 .galleryListDiv .galleryWrapper:nth-child(3n+1),
#body.mobile .item-wrapper.gallery.galleryGrid.c-3-mobile .galleryListDiv .galleryWrapper:nth-child(3n+1),
#body.desktop .item-wrapper.gallery.galleryGrid.c-4 .galleryListDiv .galleryWrapper:nth-child(4n+1),
#body.desktop .item-wrapper.gallery.galleryGrid.c-5 .galleryListDiv .galleryWrapper:nth-child(5n+1),
#body.desktop .item-wrapper.gallery.galleryGrid.c-6 .galleryListDiv .galleryWrapper:nth-child(6n+1),
#body.desktop .item-wrapper.instaGallery.galleryGrid.c-1 .instaGalleryListDiv .instaGalleryWrapper:nth-child(n+1),
#body.mobile .item-wrapper.instaGallery.galleryGrid.c-1-mobile .instaGalleryListDiv .instaGalleryWrapper:nth-child(n+1),
#body.desktop .item-wrapper.instaGallery.galleryGrid.c-2 .instaGalleryListDiv .instaGalleryWrapper:nth-child(2n+1),
#body.mobile .item-wrapper.instaGallery.galleryGrid.c-2-mobile .instaGalleryListDiv .instaGalleryWrapper:nth-child(2n+1),
#body.desktop .item-wrapper.instaGallery.galleryGrid.c-3 .instaGalleryListDiv .instaGalleryWrapper:nth-child(3n+1),
#body.mobile .item-wrapper.instaGallery.galleryGrid.c-3-mobile .instaGalleryListDiv .instaGalleryWrapper:nth-child(3n+1),
#body.desktop .item-wrapper.instaGallery.galleryGrid.c-4 .instaGalleryListDiv .instaGalleryWrapper:nth-child(4n+1),
#body.desktop .item-wrapper.instaGallery.galleryGrid.c-5 .instaGalleryListDiv .instaGalleryWrapper:nth-child(5n+1),
#body.desktop .item-wrapper.instaGallery.galleryGrid.c-6 .instaGalleryListDiv .instaGalleryWrapper:nth-child(6n+1) {
    margin-left: 0 !important;
}

#body.desktop .item-wrapper.gallery.galleryGrid.c-1 .galleryListDiv .galleryWrapper:nth-child(1),
#body.mobile .item-wrapper.gallery.galleryGrid.c-1-mobile .galleryListDiv .galleryWrapper:nth-child(1),
#body.desktop .item-wrapper.gallery.galleryGrid.c-2 .galleryListDiv .galleryWrapper:nth-child(1),
#body.mobile .item-wrapper.gallery.galleryGrid.c-2-mobile .galleryListDiv .galleryWrapper:nth-child(1),
#body.desktop .item-wrapper.gallery.galleryGrid.c-2 .galleryListDiv .galleryWrapper:nth-child(2),
#body.mobile .item-wrapper.gallery.galleryGrid.c-2-mobile .galleryListDiv .galleryWrapper:nth-child(2),
#body.desktop .item-wrapper.gallery.galleryGrid.c-3 .galleryListDiv .galleryWrapper:nth-child(1),
#body.mobile .item-wrapper.gallery.galleryGrid.c-3-mobile .galleryListDiv .galleryWrapper:nth-child(1),
#body.desktop .item-wrapper.gallery.galleryGrid.c-3 .galleryListDiv .galleryWrapper:nth-child(2),
#body.mobile .item-wrapper.gallery.galleryGrid.c-3-mobile .galleryListDiv .galleryWrapper:nth-child(2),
#body.desktop .item-wrapper.gallery.galleryGrid.c-3 .galleryListDiv .galleryWrapper:nth-child(3),
#body.mobile .item-wrapper.gallery.galleryGrid.c-3-mobile .galleryListDiv .galleryWrapper:nth-child(3),
#body.desktop .item-wrapper.gallery.galleryGrid.c-4 .galleryListDiv .galleryWrapper:nth-child(1),
#body.desktop .item-wrapper.gallery.galleryGrid.c-4 .galleryListDiv .galleryWrapper:nth-child(2),
#body.desktop .item-wrapper.gallery.galleryGrid.c-4 .galleryListDiv .galleryWrapper:nth-child(3),
#body.desktop .item-wrapper.gallery.galleryGrid.c-4 .galleryListDiv .galleryWrapper:nth-child(4),
#body.desktop .item-wrapper.gallery.galleryGrid.c-5 .galleryListDiv .galleryWrapper:nth-child(1),
#body.desktop .item-wrapper.gallery.galleryGrid.c-5 .galleryListDiv .galleryWrapper:nth-child(2),
#body.desktop .item-wrapper.gallery.galleryGrid.c-5 .galleryListDiv .galleryWrapper:nth-child(3),
#body.desktop .item-wrapper.gallery.galleryGrid.c-5 .galleryListDiv .galleryWrapper:nth-child(4),
#body.desktop .item-wrapper.gallery.galleryGrid.c-5 .galleryListDiv .galleryWrapper:nth-child(5),
#body.desktop .item-wrapper.gallery.galleryGrid.c-6 .galleryListDiv .galleryWrapper:nth-child(1),
#body.desktop .item-wrapper.gallery.galleryGrid.c-6 .galleryListDiv .galleryWrapper:nth-child(2),
#body.desktop .item-wrapper.gallery.galleryGrid.c-6 .galleryListDiv .galleryWrapper:nth-child(3),
#body.desktop .item-wrapper.gallery.galleryGrid.c-6 .galleryListDiv .galleryWrapper:nth-child(4),
#body.desktop .item-wrapper.gallery.galleryGrid.c-6 .galleryListDiv .galleryWrapper:nth-child(5),
#body.desktop .item-wrapper.gallery.galleryGrid.c-6 .galleryListDiv .galleryWrapper:nth-child(6),
#body.desktop .item-wrapper.instaGallery.galleryGrid.c-1 .instaGalleryListDiv .instaGalleryWrapper:nth-child(1),
#body.mobile .item-wrapper.instaGallery.galleryGrid.c-1-mobile .instaGalleryListDiv .instaGalleryWrapper:nth-child(1),
#body.desktop .item-wrapper.instaGallery.galleryGrid.c-2 .instaGalleryListDiv .instaGalleryWrapper:nth-child(1),
#body.mobile .item-wrapper.instaGallery.galleryGrid.c-2-mobile .instaGalleryListDiv .instaGalleryWrapper:nth-child(1),
#body.desktop .item-wrapper.instaGallery.galleryGrid.c-2 .instaGalleryListDiv .instaGalleryWrapper:nth-child(2),
#body.mobile .item-wrapper.instaGallery.galleryGrid.c-2-mobile .instaGalleryListDiv .instaGalleryWrapper:nth-child(2),
#body.desktop .item-wrapper.instaGallery.galleryGrid.c-3 .instaGalleryListDiv .instaGalleryWrapper:nth-child(1),
#body.mobile .item-wrapper.instaGallery.galleryGrid.c-3-mobile .instaGalleryListDiv .instaGalleryWrapper:nth-child(1),
#body.desktop .item-wrapper.instaGallery.galleryGrid.c-3 .instaGalleryListDiv .instaGalleryWrapper:nth-child(2),
#body.mobile .item-wrapper.instaGallery.galleryGrid.c-3-mobile .instaGalleryListDiv .instaGalleryWrapper:nth-child(2),
#body.desktop .item-wrapper.instaGallery.galleryGrid.c-3 .instaGalleryListDiv .instaGalleryWrapper:nth-child(3),
#body.mobile .item-wrapper.instaGallery.galleryGrid.c-3-mobile .instaGalleryListDiv .instaGalleryWrapper:nth-child(3),
#body.desktop .item-wrapper.instaGallery.galleryGrid.c-4 .instaGalleryListDiv .instaGalleryWrapper:nth-child(1),
#body.desktop .item-wrapper.instaGallery.galleryGrid.c-4 .instaGalleryListDiv .instaGalleryWrapper:nth-child(2),
#body.desktop .item-wrapper.instaGallery.galleryGrid.c-4 .instaGalleryListDiv .instaGalleryWrapper:nth-child(3),
#body.desktop .item-wrapper.instaGallery.galleryGrid.c-4 .instaGalleryListDiv .instaGalleryWrapper:nth-child(4),
#body.desktop .item-wrapper.instaGallery.galleryGrid.c-5 .instaGalleryListDiv .instaGalleryWrapper:nth-child(1),
#body.desktop .item-wrapper.instaGallery.galleryGrid.c-5 .instaGalleryListDiv .instaGalleryWrapper:nth-child(2),
#body.desktop .item-wrapper.instaGallery.galleryGrid.c-5 .instaGalleryListDiv .instaGalleryWrapper:nth-child(3),
#body.desktop .item-wrapper.instaGallery.galleryGrid.c-5 .instaGalleryListDiv .instaGalleryWrapper:nth-child(4),
#body.desktop .item-wrapper.instaGallery.galleryGrid.c-5 .instaGalleryListDiv .instaGalleryWrapper:nth-child(5),
#body.desktop .item-wrapper.instaGallery.galleryGrid.c-6 .instaGalleryListDiv .instaGalleryWrapper:nth-child(1),
#body.desktop .item-wrapper.instaGallery.galleryGrid.c-6 .instaGalleryListDiv .instaGalleryWrapper:nth-child(2),
#body.desktop .item-wrapper.instaGallery.galleryGrid.c-6 .instaGalleryListDiv .instaGalleryWrapper:nth-child(3),
#body.desktop .item-wrapper.instaGallery.galleryGrid.c-6 .instaGalleryListDiv .instaGalleryWrapper:nth-child(4),
#body.desktop .item-wrapper.instaGallery.galleryGrid.c-6 .instaGalleryListDiv .instaGalleryWrapper:nth-child(5),
#body.desktop .item-wrapper.instaGallery.galleryGrid.c-6 .instaGalleryListDiv .instaGalleryWrapper:nth-child(6) {
    margin-top: 0 !important;
}

#body.desktop .item-wrapper.gallery.galleryGrid.c-1 .galleryListDiv .galleryWrapper:nth-last-child(1),
#body.mobile .item-wrapper.gallery.galleryGrid.c-1-mobile .galleryListDiv .galleryWrapper:nth-last-child(1),
#body.desktop .item-wrapper.gallery.galleryGrid.c-2 .galleryListDiv .galleryWrapper:nth-last-child(1),
#body.mobile .item-wrapper.gallery.galleryGrid.c-2-mobile .galleryListDiv .galleryWrapper:nth-last-child(1),
#body.desktop .item-wrapper.gallery.galleryGrid.c-2 .galleryListDiv .galleryWrapper:nth-last-child(2),
#body.mobile .item-wrapper.gallery.galleryGrid.c-2-mobile .galleryListDiv .galleryWrapper:nth-last-child(2),
#body.desktop .item-wrapper.gallery.galleryGrid.c-3 .galleryListDiv .galleryWrapper:nth-last-child(1),
#body.mobile .item-wrapper.gallery.galleryGrid.c-3-mobile .galleryListDiv .galleryWrapper:nth-last-child(1),
#body.desktop .item-wrapper.gallery.galleryGrid.c-3 .galleryListDiv .galleryWrapper:nth-last-child(2),
#body.mobile .item-wrapper.gallery.galleryGrid.c-3-mobile .galleryListDiv .galleryWrapper:nth-last-child(2),
#body.desktop .item-wrapper.gallery.galleryGrid.c-3 .galleryListDiv .galleryWrapper:nth-last-child(3),
#body.mobile .item-wrapper.gallery.galleryGrid.c-3-mobile .galleryListDiv .galleryWrapper:nth-last-child(3),
#body.desktop .item-wrapper.gallery.galleryGrid.c-4 .galleryListDiv .galleryWrapper:nth-last-child(1),
#body.desktop .item-wrapper.gallery.galleryGrid.c-4 .galleryListDiv .galleryWrapper:nth-last-child(2),
#body.desktop .item-wrapper.gallery.galleryGrid.c-4 .galleryListDiv .galleryWrapper:nth-last-child(3),
#body.desktop .item-wrapper.gallery.galleryGrid.c-4 .galleryListDiv .galleryWrapper:nth-last-child(4),
#body.desktop .item-wrapper.gallery.galleryGrid.c-5 .galleryListDiv .galleryWrapper:nth-last-child(1),
#body.desktop .item-wrapper.gallery.galleryGrid.c-5 .galleryListDiv .galleryWrapper:nth-last-child(2),
#body.desktop .item-wrapper.gallery.galleryGrid.c-5 .galleryListDiv .galleryWrapper:nth-last-child(3),
#body.desktop .item-wrapper.gallery.galleryGrid.c-5 .galleryListDiv .galleryWrapper:nth-last-child(4),
#body.desktop .item-wrapper.gallery.galleryGrid.c-5 .galleryListDiv .galleryWrapper:nth-last-child(5),
#body.desktop .item-wrapper.gallery.galleryGrid.c-6 .galleryListDiv .galleryWrapper:nth-last-child(1),
#body.desktop .item-wrapper.gallery.galleryGrid.c-6 .galleryListDiv .galleryWrapper:nth-last-child(2),
#body.desktop .item-wrapper.gallery.galleryGrid.c-6 .galleryListDiv .galleryWrapper:nth-last-child(3),
#body.desktop .item-wrapper.gallery.galleryGrid.c-6 .galleryListDiv .galleryWrapper:nth-last-child(4),
#body.desktop .item-wrapper.gallery.galleryGrid.c-6 .galleryListDiv .galleryWrapper:nth-last-child(5),
#body.desktop .item-wrapper.gallery.galleryGrid.c-6 .galleryListDiv .galleryWrapper:nth-last-child(6),
#body.desktop .item-wrapper.instaGallery.galleryGrid.c-1 .instaGalleryListDiv .instaGalleryWrapper:nth-last-child(1),
#body.mobile .item-wrapper.instaGallery.galleryGrid.c-1-mobile .instaGalleryListDiv .instaGalleryWrapper:nth-last-child(1),
#body.desktop .item-wrapper.instaGallery.galleryGrid.c-2 .instaGalleryListDiv .instaGalleryWrapper:nth-last-child(1),
#body.mobile .item-wrapper.instaGallery.galleryGrid.c-2-mobile .instaGalleryListDiv .instaGalleryWrapper:nth-last-child(1),
#body.desktop .item-wrapper.instaGallery.galleryGrid.c-2 .instaGalleryListDiv .instaGalleryWrapper:nth-last-child(2),
#body.mobile .item-wrapper.instaGallery.galleryGrid.c-2-mobile .instaGalleryListDiv .instaGalleryWrapper:nth-last-child(2),
#body.desktop .item-wrapper.instaGallery.galleryGrid.c-3 .instaGalleryListDiv .instaGalleryWrapper:nth-last-child(1),
#body.mobile .item-wrapper.instaGallery.galleryGrid.c-3-mobile .instaGalleryListDiv .instaGalleryWrapper:nth-last-child(1),
#body.desktop .item-wrapper.instaGallery.galleryGrid.c-3 .instaGalleryListDiv .instaGalleryWrapper:nth-last-child(2),
#body.mobile .item-wrapper.instaGallery.galleryGrid.c-3-mobile .instaGalleryListDiv .instaGalleryWrapper:nth-last-child(2),
#body.desktop .item-wrapper.instaGallery.galleryGrid.c-3 .instaGalleryListDiv .instaGalleryWrapper:nth-last-child(3),
#body.mobile .item-wrapper.instaGallery.galleryGrid.c-3-mobile .instaGalleryListDiv .instaGalleryWrapper:nth-last-child(3),
#body.desktop .item-wrapper.instaGallery.galleryGrid.c-4 .instaGalleryListDiv .instaGalleryWrapper:nth-last-child(1),
#body.desktop .item-wrapper.instaGallery.galleryGrid.c-4 .instaGalleryListDiv .instaGalleryWrapper:nth-last-child(2),
#body.desktop .item-wrapper.instaGallery.galleryGrid.c-4 .instaGalleryListDiv .instaGalleryWrapper:nth-last-child(3),
#body.desktop .item-wrapper.instaGallery.galleryGrid.c-4 .instaGalleryListDiv .instaGalleryWrapper:nth-last-child(4),
#body.desktop .item-wrapper.instaGallery.galleryGrid.c-5 .instaGalleryListDiv .instaGalleryWrapper:nth-last-child(1),
#body.desktop .item-wrapper.instaGallery.galleryGrid.c-5 .instaGalleryListDiv .instaGalleryWrapper:nth-last-child(2),
#body.desktop .item-wrapper.instaGallery.galleryGrid.c-5 .instaGalleryListDiv .instaGalleryWrapper:nth-last-child(3),
#body.desktop .item-wrapper.instaGallery.galleryGrid.c-5 .instaGalleryListDiv .instaGalleryWrapper:nth-last-child(4),
#body.desktop .item-wrapper.instaGallery.galleryGrid.c-5 .instaGalleryListDiv .instaGalleryWrapper:nth-last-child(5),
#body.desktop .item-wrapper.instaGallery.galleryGrid.c-6 .instaGalleryListDiv .instaGalleryWrapper:nth-last-child(1),
#body.desktop .item-wrapper.instaGallery.galleryGrid.c-6 .instaGalleryListDiv .instaGalleryWrapper:nth-last-child(2),
#body.desktop .item-wrapper.instaGallery.galleryGrid.c-6 .instaGalleryListDiv .instaGalleryWrapper:nth-last-child(3),
#body.desktop .item-wrapper.instaGallery.galleryGrid.c-6 .instaGalleryListDiv .instaGalleryWrapper:nth-last-child(4),
#body.desktop .item-wrapper.instaGallery.galleryGrid.c-6 .instaGalleryListDiv .instaGalleryWrapper:nth-last-child(5),
#body.desktop .item-wrapper.instaGallery.galleryGrid.c-6 .instaGalleryListDiv .instaGalleryWrapper:nth-last-child(6) {
    margin-bottom: 0 !important;
}

/* galleryGrid element - mobile column */
.body.mobile .section-wrapper.gallery-section .section .item-wrapper.gallery.galleryGrid.c-1-mobile .galleryWrapper,
.body.mobile .section-wrapper.instaGallery-section .section .item-wrapper.instaGallery.galleryGrid.c-1-mobile .instaGalleryWrapper {
    /* 에디터 편집값이 없을 때를 위한 기본 프리셋 css - 위계 때문에 반드시 .body로 작성해야 함. */
    width: 100%;
    margin: 8px 0;
}

.body.mobile .section-wrapper.gallery-section .section .item-wrapper.gallery.galleryGrid.c-2-mobile .galleryWrapper,
.body.mobile .section-wrapper.instaGallery-section .section .item-wrapper.instaGallery.galleryGrid.c-2-mobile .instaGalleryWrapper {
    /* 에디터 편집값이 없을 때를 위한 기본 프리셋 css - 위계 때문에 반드시 .body로 작성해야 함. */
    width: calc(50% - 8px);
    margin: 8px;
}

/* gallery_galleryGrid.css */

/* galleryAsymmetry.css */
/* galleryAsymmetry - wrapper */
.item-wrapper.gallery.galleryAsymmetry,
.item-wrapper.instaGallery.galleryAsymmetry {
    overflow: hidden;
}

.item-wrapper.gallery.galleryAsymmetry .galleryListDiv:before,
.item-wrapper.gallery.galleryAsymmetry .galleryListDiv:after,
.item-wrapper.instaGallery.galleryAsymmetry .instaGalleryListDiv:before,
.item-wrapper.instaGallery.galleryAsymmetry .instaGalleryListDiv:after {
    content: '\e959';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.item-wrapper.gallery.galleryAsymmetry .galleryListDiv:after,
.item-wrapper.instaGallery.galleryAsymmetry .instaGalleryListDiv:after {
    clear: both;
}

.item-wrapper.gallery.galleryAsymmetry .galleryListDiv,
.item-wrapper.instaGallery.galleryAsymmetry .instaGalleryListDiv {
    zoom: 1;
}

/* galleryAsymmetry - loop */
.item-wrapper.gallery.galleryAsymmetry .galleryListDiv > .galleryWrapper,
.item-wrapper.instaGallery.galleryAsymmetry .instaGalleryListDiv > .instaGalleryWrapper {
    float: left;
    width: 33.3333%;
}

.item-wrapper.gallery.galleryAsymmetry .galleryListDiv > .galleryWrapper:nth-child(18n+1),
.item-wrapper.gallery.galleryAsymmetry .galleryListDiv > .galleryWrapper:nth-child(18n+4),
.item-wrapper.gallery.galleryAsymmetry .galleryListDiv > .galleryWrapper:nth-child(18n+7),
.item-wrapper.gallery.galleryAsymmetry .galleryListDiv > .galleryWrapper:nth-child(18n+10),
.item-wrapper.gallery.galleryAsymmetry .galleryListDiv > .galleryWrapper:nth-child(18n+13),
.item-wrapper.gallery.galleryAsymmetry .galleryListDiv > .galleryWrapper:nth-child(18n+16),
.item-wrapper.instaGallery.galleryAsymmetry .instaGalleryListDiv > .instaGalleryWrapper:nth-child(18n+1),
.item-wrapper.instaGallery.galleryAsymmetry .instaGalleryListDiv > .instaGalleryWrapper:nth-child(18n+4),
.item-wrapper.instaGallery.galleryAsymmetry .instaGalleryListDiv > .instaGalleryWrapper:nth-child(18n+7),
.item-wrapper.instaGallery.galleryAsymmetry .instaGalleryListDiv > .instaGalleryWrapper:nth-child(18n+10),
.item-wrapper.instaGallery.galleryAsymmetry .instaGalleryListDiv > .instaGalleryWrapper:nth-child(18n+13),
.item-wrapper.instaGallery.galleryAsymmetry .instaGalleryListDiv > .instaGalleryWrapper:nth-child(18n+16) {
    width: 66.6666%;
}

.item-wrapper.gallery.galleryAsymmetry .galleryListDiv > .galleryWrapper:nth-child(18n+4),
.item-wrapper.gallery.galleryAsymmetry .galleryListDiv > .galleryWrapper:nth-child(18n+10),
.item-wrapper.gallery.galleryAsymmetry .galleryListDiv > .galleryWrapper:nth-child(18n+16),
.item-wrapper.instaGallery.galleryAsymmetry .instaGalleryListDiv > .instaGalleryWrapper:nth-child(18n+4),
.item-wrapper.instaGallery.galleryAsymmetry .instaGalleryListDiv > .instaGalleryWrapper:nth-child(18n+10),
.item-wrapper.instaGallery.galleryAsymmetry .instaGalleryListDiv > .instaGalleryWrapper:nth-child(18n+16) {
    float: right;
}

/* galleryAsymmetry - tail */
.item-wrapper.gallery.galleryAsymmetry .galleryListDiv > .galleryWrapper.tail.t-1,
.item-wrapper.instaGallery.galleryAsymmetry .instaGalleryListDiv > .instaGalleryWrapper.tail.t-1 {
    width: 100%;
}

.item-wrapper.gallery.galleryAsymmetry .galleryListDiv > .galleryWrapper.tail.t-2,
.item-wrapper.instaGallery.galleryAsymmetry .instaGalleryListDiv > .instaGalleryWrapper.tail.t-2 {
    width: 50%;
}

.item-wrapper.gallery.galleryAsymmetry .galleryListDiv > .galleryWrapper.tail.t-7:nth-last-child(5),
.item-wrapper.gallery.galleryAsymmetry .galleryListDiv > .galleryWrapper.tail.t-10:nth-last-child(3),
.item-wrapper.gallery.galleryAsymmetry .galleryListDiv > .galleryWrapper.tail.t-10:nth-last-child(8),
.item-wrapper.gallery.galleryAsymmetry .galleryListDiv > .galleryWrapper.tail.t-11:nth-last-child(3),
.item-wrapper.instaGallery.galleryAsymmetry .instaGalleryListDiv > .instaGalleryWrapper.tail.t-7:nth-last-child(5),
.item-wrapper.instaGallery.galleryAsymmetry .instaGalleryListDiv > .instaGalleryWrapper.tail.t-10:nth-last-child(3),
.item-wrapper.instaGallery.galleryAsymmetry .instaGalleryListDiv > .instaGalleryWrapper.tail.t-10:nth-last-child(8),
.item-wrapper.instaGallery.galleryAsymmetry .instaGalleryListDiv > .instaGalleryWrapper.tail.t-11:nth-last-child(3) {
    width: 66.6666%;
}

.item-wrapper.gallery.galleryAsymmetry .galleryListDiv > .galleryWrapper.tail.t-4,
.item-wrapper.gallery.galleryAsymmetry .galleryListDiv > .galleryWrapper.tail.t-5:nth-last-child(1),
.item-wrapper.gallery.galleryAsymmetry .galleryListDiv > .galleryWrapper.tail.t-5:nth-last-child(2),
.item-wrapper.gallery.galleryAsymmetry .galleryListDiv > .galleryWrapper.tail.t-7:nth-last-child(1),
.item-wrapper.gallery.galleryAsymmetry .galleryListDiv > .galleryWrapper.tail.t-7:nth-last-child(2),
.item-wrapper.gallery.galleryAsymmetry .galleryListDiv > .galleryWrapper.tail.t-7:nth-last-child(6),
.item-wrapper.gallery.galleryAsymmetry .galleryListDiv > .galleryWrapper.tail.t-7:nth-last-child(7),
.item-wrapper.gallery.galleryAsymmetry .galleryListDiv > .galleryWrapper.tail.t-8:nth-last-child(1),
.item-wrapper.gallery.galleryAsymmetry .galleryListDiv > .galleryWrapper.tail.t-8:nth-last-child(2),
.item-wrapper.gallery.galleryAsymmetry .galleryListDiv > .galleryWrapper.tail.t-10:nth-last-child(4),
.item-wrapper.gallery.galleryAsymmetry .galleryListDiv > .galleryWrapper.tail.t-10:nth-last-child(5),
.item-wrapper.gallery.galleryAsymmetry .galleryListDiv > .galleryWrapper.tail.t-10:nth-last-child(9),
.item-wrapper.gallery.galleryAsymmetry .galleryListDiv > .galleryWrapper.tail.t-10:nth-last-child(10),
.item-wrapper.gallery.galleryAsymmetry .galleryListDiv > .galleryWrapper.tail.t-11:nth-last-child(4),
.item-wrapper.gallery.galleryAsymmetry .galleryListDiv > .galleryWrapper.tail.t-11:nth-last-child(5),
.item-wrapper.instaGallery.galleryAsymmetry .instaGalleryListDiv > .instaGalleryWrapper.tail.t-4,
.item-wrapper.instaGallery.galleryAsymmetry .instaGalleryListDiv > .instaGalleryWrapper.tail.t-5:nth-last-child(1),
.item-wrapper.instaGallery.galleryAsymmetry .instaGalleryListDiv > .instaGalleryWrapper.tail.t-5:nth-last-child(2),
.item-wrapper.instaGallery.galleryAsymmetry .instaGalleryListDiv > .instaGalleryWrapper.tail.t-7:nth-last-child(1),
.item-wrapper.instaGallery.galleryAsymmetry .instaGalleryListDiv > .instaGalleryWrapper.tail.t-7:nth-last-child(2),
.item-wrapper.instaGallery.galleryAsymmetry .instaGalleryListDiv > .instaGalleryWrapper.tail.t-7:nth-last-child(6),
.item-wrapper.instaGallery.galleryAsymmetry .instaGalleryListDiv > .instaGalleryWrapper.tail.t-7:nth-last-child(7),
.item-wrapper.instaGallery.galleryAsymmetry .instaGalleryListDiv > .instaGalleryWrapper.tail.t-8:nth-last-child(1),
.item-wrapper.instaGallery.galleryAsymmetry .instaGalleryListDiv > .instaGalleryWrapper.tail.t-8:nth-last-child(2),
.item-wrapper.instaGallery.galleryAsymmetry .instaGalleryListDiv > .instaGalleryWrapper.tail.t-10:nth-last-child(4),
.item-wrapper.instaGallery.galleryAsymmetry .instaGalleryListDiv > .instaGalleryWrapper.tail.t-10:nth-last-child(5),
.item-wrapper.instaGallery.galleryAsymmetry .instaGalleryListDiv > .instaGalleryWrapper.tail.t-10:nth-last-child(9),
.item-wrapper.instaGallery.galleryAsymmetry .instaGalleryListDiv > .instaGalleryWrapper.tail.t-10:nth-last-child(10),
.item-wrapper.instaGallery.galleryAsymmetry .instaGalleryListDiv > .instaGalleryWrapper.tail.t-11:nth-last-child(4),
.item-wrapper.instaGallery.galleryAsymmetry .instaGalleryListDiv > .instaGalleryWrapper.tail.t-11:nth-last-child(5) {
    width: 50%;
}

.item-wrapper.gallery.galleryAsymmetry .galleryListDiv > .galleryWrapper.tail.t-7:nth-last-child(4),
.item-wrapper.gallery.galleryAsymmetry .galleryListDiv > .galleryWrapper.tail.t-10:nth-last-child(1),
.item-wrapper.gallery.galleryAsymmetry .galleryListDiv > .galleryWrapper.tail.t-10:nth-last-child(7),
.item-wrapper.gallery.galleryAsymmetry .galleryListDiv > .galleryWrapper.tail.t-11:nth-last-child(2),
.item-wrapper.instaGallery.galleryAsymmetry .instaGalleryListDiv > .instaGalleryWrapper.tail.t-7:nth-last-child(4),
.item-wrapper.instaGallery.galleryAsymmetry .instaGalleryListDiv > .instaGalleryWrapper.tail.t-10:nth-last-child(1),
.item-wrapper.instaGallery.galleryAsymmetry .instaGalleryListDiv > .instaGalleryWrapper.tail.t-10:nth-last-child(7),
.item-wrapper.instaGallery.galleryAsymmetry .instaGalleryListDiv > .instaGalleryWrapper.tail.t-11:nth-last-child(2) {
    width: 33.3333%;
}

.item-wrapper.gallery.galleryAsymmetry .galleryListDiv > .galleryWrapper.tail.normal.t-4:nth-last-child(1),
.item-wrapper.gallery.galleryAsymmetry .galleryListDiv > .galleryWrapper.tail.normal.t-5:nth-last-child(2),
.item-wrapper.gallery.galleryAsymmetry .galleryListDiv > .galleryWrapper.tail.normal.t-7:nth-last-child(4),
.item-wrapper.gallery.galleryAsymmetry .galleryListDiv > .galleryWrapper.tail.normal.t-10:nth-last-child(7),
.item-wrapper.gallery.galleryAsymmetry .galleryListDiv > .galleryWrapper.tail.inverse.t-4:nth-last-child(4),
.item-wrapper.gallery.galleryAsymmetry .galleryListDiv > .galleryWrapper.tail.inverse.t-7:nth-last-child(7),
.item-wrapper.gallery.galleryAsymmetry .galleryListDiv > .galleryWrapper.tail.inverse.t-8:nth-last-child(2),
.item-wrapper.gallery.galleryAsymmetry .galleryListDiv > .galleryWrapper.tail.inverse.t-10:nth-last-child(10),
.item-wrapper.gallery.galleryAsymmetry .galleryListDiv > .galleryWrapper.tail.inverse.t-11:nth-last-child(5),
.item-wrapper.instaGallery.galleryAsymmetry .instaGalleryListDiv > .instaGalleryWrapper.tail.normal.t-4:nth-last-child(1),
.item-wrapper.instaGallery.galleryAsymmetry .instaGalleryListDiv > .instaGalleryWrapper.tail.normal.t-5:nth-last-child(2),
.item-wrapper.instaGallery.galleryAsymmetry .instaGalleryListDiv > .instaGalleryWrapper.tail.normal.t-7:nth-last-child(4),
.item-wrapper.instaGallery.galleryAsymmetry .instaGalleryListDiv > .instaGalleryWrapper.tail.normal.t-10:nth-last-child(7),
.item-wrapper.instaGallery.galleryAsymmetry .instaGalleryListDiv > .instaGalleryWrapper.tail.inverse.t-4:nth-last-child(4),
.item-wrapper.instaGallery.galleryAsymmetry .instaGalleryListDiv > .instaGalleryWrapper.tail.inverse.t-7:nth-last-child(7),
.item-wrapper.instaGallery.galleryAsymmetry .instaGalleryListDiv > .instaGalleryWrapper.tail.inverse.t-8:nth-last-child(2),
.item-wrapper.instaGallery.galleryAsymmetry .instaGalleryListDiv > .instaGalleryWrapper.tail.inverse.t-10:nth-last-child(10),
.item-wrapper.instaGallery.galleryAsymmetry .instaGalleryListDiv > .instaGalleryWrapper.tail.inverse.t-11:nth-last-child(5) {
    float: left;
}

.item-wrapper.gallery.galleryAsymmetry .galleryListDiv > .galleryWrapper.tail.normal.t-10:nth-last-child(3),
.item-wrapper.gallery.galleryAsymmetry .galleryListDiv > .galleryWrapper.tail.normal.t-11:nth-last-child(3),
.item-wrapper.instaGallery.galleryAsymmetry .instaGalleryListDiv > .instaGalleryWrapper.tail.normal.t-10:nth-last-child(3),
.item-wrapper.instaGallery.galleryAsymmetry .instaGalleryListDiv > .instaGalleryWrapper.tail.normal.t-11:nth-last-child(3) {
    float: right;
}

/* galleryAsymmetry - mobile */
@media screen and (max-width: 640px) {
    .item-wrapper.gallery.galleryAsymmetry:not(.useMobileAsymmetry) .galleryListDiv > .galleryWrapper,
    .item-wrapper.instaGallery.galleryAsymmetry:not(.useMobileAsymmetry) .instaGalleryListDiv > .instaGalleryWrapper {
        width: 100% !important;
    }
}

/* galleryAsymmetry.css */

/* productList.css */
/* productList */
#body.productList-width-type-wide .section-wrapper.productList-section .section .item-wrapper.productList,
#body.productListSlide-width-type-wide .section-wrapper.productListSlide-section .section .item-wrapper.productListSlide {
    width: 100% !important;
}

.item-wrapper.productList,
.item-wrapper.productListSlide {
    height: auto !important; /* section요소 common 테그 */
    top: 0 !important;
    margin: 0 auto;
}

.item-wrapper.productList .item-element,
.item-wrapper.productListSlide .item-element {
    position: relative !important;
    margin: 0 auto;
}

#body.productList-filterPosition-leftSide .item-wrapper.productList .filter-use .productListWrapper,
#body.productList-filterPosition-rightSide .item-wrapper.productList .filter-use .productListWrapper {
    display: inline-block;
}

.item-wrapper.productList .productListWrapper,
.item-wrapper.productListSlide .productListWrapper {
    position: relative !important; /* section요소 common 테그 */
    width: auto;
}

/* productList element wrapper*/
.item-wrapper.productList .productListWrapper .productListPage {
    display: none;
}

.item-wrapper.productList .productListWrapper .productListPage.now {
    display: block;
}

.item-wrapper.productList .productListWrapper .shopProductWrapper .thumbDiv,
.item-wrapper.productListSlide .productListWrapper .shopProductWrapper .thumbDiv {
    position: relative;
    overflow: hidden;
}

body.iOS .item-wrapper.productList .productListWrapper .shopProductWrapper .thumbDiv,
body.iOS .item-wrapper.productListSlide .productListWrapper .shopProductWrapper .thumbDiv,
body.safari .item-wrapper.productList .productListWrapper .shopProductWrapper .thumbDiv,
body.safari .item-wrapper.productListSlide .productListWrapper .shopProductWrapper .thumbDiv {
    -webkit-backface-visibility: hidden; /* safari overflow 대응 */
    -moz-backface-visibility: hidden; /* safari overflow 대응 */
    -webkit-transform: translate3d(0, 0, 0); /* safari overflow 대응 */
    -moz-transform: translate3d(0, 0, 0); /* safari overflow 대응 */
}

.item-wrapper.productList .productListWrapper .shopProductWrapper,
.item-wrapper.productListSlide .productListWrapper .shopProductWrapper {
    vertical-align: top;
    width: 100%;
    min-height: 1px;
    margin: 0;
    padding: 0;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#body.productListSlide-margin-use .section .item-wrapper.productListSlide .productListWrapper .shopProductWrapper {
    padding-left: 8px;
    padding-right: 8px;
    margin: 0 !important;
}

#body.productListSlide-margin-use .section .item-wrapper.productListSlide .productListWrapper.c-1 .shopProductWrapper {
    padding: 0;
}

.item-wrapper.productListSlide .product-list-slide-section-elem,
#body.mobile .item-wrapper.productListSlide .product-list-slide-section-elem {
    padding: 0 0 16px 8px;
    display: inline-block;
}

.item-wrapper.productListSlide .productListWrapper {
    width: 100%;
}

.item-wrapper.productListSlide .productListWrapper:not(.slideImplemented) .shopProductWrapper {
    display: none;
}

.item-wrapper.productListSlide .productListWrapper.c-1:not(.slideImplemented) .shopProductWrapper:first-child {
    display: inline-block;
}

.item-wrapper.productListSlide .productListWrapper.c-2:not(.slideImplemented) .shopProductWrapper {
    width: 50%;
}

.item-wrapper.productListSlide .productListWrapper.c-2:not(.slideImplemented) .shopProductWrapper:nth-child(1),
.item-wrapper.productListSlide .productListWrapper.c-2:not(.slideImplemented) .shopProductWrapper:nth-child(2) {
    display: inline-block;
}

.item-wrapper.productListSlide .productListWrapper.c-3:not(.slideImplemented) .shopProductWrapper {
    width: 33.333333333333336%;
}

.item-wrapper.productListSlide .productListWrapper.c-3:not(.slideImplemented) .shopProductWrapper:nth-child(1),
.item-wrapper.productListSlide .productListWrapper.c-3:not(.slideImplemented) .shopProductWrapper:nth-child(2),
.item-wrapper.productListSlide .productListWrapper.c-3:not(.slideImplemented) .shopProductWrapper:nth-child(3) {
    display: inline-block;
}

.item-wrapper.productListSlide .productListWrapper.c-4:not(.slideImplemented) .shopProductWrapper {
    width: 25%;
}

.item-wrapper.productListSlide .productListWrapper.c-4:not(.slideImplemented) .shopProductWrapper:nth-child(1),
.item-wrapper.productListSlide .productListWrapper.c-4:not(.slideImplemented) .shopProductWrapper:nth-child(2),
.item-wrapper.productListSlide .productListWrapper.c-4:not(.slideImplemented) .shopProductWrapper:nth-child(3),
.item-wrapper.productListSlide .productListWrapper.c-4:not(.slideImplemented) .shopProductWrapper:nth-child(4) {
    display: inline-block;
}

.item-wrapper.productListSlide .productListWrapper.c-5:not(.slideImplemented) .shopProductWrapper {
    width: 20%;
}

.item-wrapper.productListSlide .productListWrapper.c-5:not(.slideImplemented) .shopProductWrapper:nth-child(1),
.item-wrapper.productListSlide .productListWrapper.c-5:not(.slideImplemented) .shopProductWrapper:nth-child(2),
.item-wrapper.productListSlide .productListWrapper.c-5:not(.slideImplemented) .shopProductWrapper:nth-child(3),
.item-wrapper.productListSlide .productListWrapper.c-5:not(.slideImplemented) .shopProductWrapper:nth-child(4),
.item-wrapper.productListSlide .productListWrapper.c-5:not(.slideImplemented) .shopProductWrapper:nth-child(5) {
    display: inline-block;
}

.item-wrapper.productListSlide .productListWrapper.c-6:not(.slideImplemented) .shopProductWrapper {
    width: 16.666666666666668%;
}

.item-wrapper.productListSlide .productListWrapper.c-6:not(.slideImplemented) .shopProductWrapper:nth-child(1),
.item-wrapper.productListSlide .productListWrapper.c-6:not(.slideImplemented) .shopProductWrapper:nth-child(2),
.item-wrapper.productListSlide .productListWrapper.c-6:not(.slideImplemented) .shopProductWrapper:nth-child(3),
.item-wrapper.productListSlide .productListWrapper.c-6:not(.slideImplemented) .shopProductWrapper:nth-child(4),
.item-wrapper.productListSlide .productListWrapper.c-6:not(.slideImplemented) .shopProductWrapper:nth-child(5),
.item-wrapper.productListSlide .productListWrapper.c-6:not(.slideImplemented) .shopProductWrapper:nth-child(6) {
    display: inline-block;
}

/* productList element - column */
.item-wrapper.productList .productListWrapper.c-1 .shopProductWrapper:nth-child(n),
.item-wrapper.productList .productListWrapper.c-2 .shopProductWrapper:nth-child(2n),
.item-wrapper.productList .productListWrapper.c-3 .shopProductWrapper:nth-child(3n),
.item-wrapper.productList .productListWrapper.c-4 .shopProductWrapper:nth-child(4n),
.item-wrapper.productList .productListWrapper.c-5 .shopProductWrapper:nth-child(5n),
.item-wrapper.productList .productListWrapper.c-6 .shopProductWrapper:nth-child(6n) {
    margin-right: 0 !important;
}

.item-wrapper.productList .productListWrapper.c-1 .shopProductWrapper:nth-child(n+1),
.item-wrapper.productList .productListWrapper.c-2 .shopProductWrapper:nth-child(2n+1),
.item-wrapper.productList .productListWrapper.c-3 .shopProductWrapper:nth-child(3n+1),
.item-wrapper.productList .productListWrapper.c-4 .shopProductWrapper:nth-child(4n+1),
.item-wrapper.productList .productListWrapper.c-5 .shopProductWrapper:nth-child(5n+1),
.item-wrapper.productList .productListWrapper.c-6 .shopProductWrapper:nth-child(6n+1) {
    margin-left: 0 !important;
}

.item-wrapper.productList .productListWrapper.c-1 .shopProductWrapper:nth-child(1),
.item-wrapper.productList .productListWrapper.c-2 .shopProductWrapper:nth-child(1),
.item-wrapper.productList .productListWrapper.c-2 .shopProductWrapper:nth-child(2),
.item-wrapper.productList .productListWrapper.c-3 .shopProductWrapper:nth-child(1),
.item-wrapper.productList .productListWrapper.c-3 .shopProductWrapper:nth-child(2),
.item-wrapper.productList .productListWrapper.c-3 .shopProductWrapper:nth-child(3),
.item-wrapper.productList .productListWrapper.c-4 .shopProductWrapper:nth-child(1),
.item-wrapper.productList .productListWrapper.c-4 .shopProductWrapper:nth-child(2),
.item-wrapper.productList .productListWrapper.c-4 .shopProductWrapper:nth-child(3),
.item-wrapper.productList .productListWrapper.c-4 .shopProductWrapper:nth-child(4),
.item-wrapper.productList .productListWrapper.c-5 .shopProductWrapper:nth-child(1),
.item-wrapper.productList .productListWrapper.c-5 .shopProductWrapper:nth-child(2),
.item-wrapper.productList .productListWrapper.c-5 .shopProductWrapper:nth-child(3),
.item-wrapper.productList .productListWrapper.c-5 .shopProductWrapper:nth-child(4),
.item-wrapper.productList .productListWrapper.c-5 .shopProductWrapper:nth-child(5),
.item-wrapper.productList .productListWrapper.c-6 .shopProductWrapper:nth-child(1),
.item-wrapper.productList .productListWrapper.c-6 .shopProductWrapper:nth-child(2),
.item-wrapper.productList .productListWrapper.c-6 .shopProductWrapper:nth-child(3),
.item-wrapper.productList .productListWrapper.c-6 .shopProductWrapper:nth-child(4),
.item-wrapper.productList .productListWrapper.c-6 .shopProductWrapper:nth-child(5),
.item-wrapper.productList .productListWrapper.c-6 .shopProductWrapper:nth-child(6) {
    margin-top: 0 !important;
}

.item-wrapper.productList .productListWrapper.c-1 .shopProductWrapper:nth-last-child(1),
.item-wrapper.productList .productListWrapper.c-2 .shopProductWrapper:nth-last-child(1),
.item-wrapper.productList .productListWrapper.c-2 .shopProductWrapper:nth-last-child(2),
.item-wrapper.productList .productListWrapper.c-3 .shopProductWrapper:nth-last-child(1),
.item-wrapper.productList .productListWrapper.c-3 .shopProductWrapper:nth-last-child(2),
.item-wrapper.productList .productListWrapper.c-3 .shopProductWrapper:nth-last-child(3),
.item-wrapper.productList .productListWrapper.c-4 .shopProductWrapper:nth-last-child(1),
.item-wrapper.productList .productListWrapper.c-4 .shopProductWrapper:nth-last-child(2),
.item-wrapper.productList .productListWrapper.c-4 .shopProductWrapper:nth-last-child(3),
.item-wrapper.productList .productListWrapper.c-4 .shopProductWrapper:nth-last-child(4),
.item-wrapper.productList .productListWrapper.c-5 .shopProductWrapper:nth-last-child(1),
.item-wrapper.productList .productListWrapper.c-5 .shopProductWrapper:nth-last-child(2),
.item-wrapper.productList .productListWrapper.c-5 .shopProductWrapper:nth-last-child(3),
.item-wrapper.productList .productListWrapper.c-5 .shopProductWrapper:nth-last-child(4),
.item-wrapper.productList .productListWrapper.c-5 .shopProductWrapper:nth-last-child(5),
.item-wrapper.productList .productListWrapper.c-6 .shopProductWrapper:nth-last-child(1),
.item-wrapper.productList .productListWrapper.c-6 .shopProductWrapper:nth-last-child(2),
.item-wrapper.productList .productListWrapper.c-6 .shopProductWrapper:nth-last-child(3),
.item-wrapper.productList .productListWrapper.c-6 .shopProductWrapper:nth-last-child(4),
.item-wrapper.productList .productListWrapper.c-6 .shopProductWrapper:nth-last-child(5),
.item-wrapper.productList .productListWrapper.c-6 .shopProductWrapper:nth-last-child(6) {
    margin-bottom: 0 !important;
}

.item-wrapper.productList .productListWrapper:not(.ratio-default) .thumb.img,
.item-wrapper.productList .productListWrapper:not(.ratio-default) .thumbDiv .badgeWrapper,
.item-wrapper.productListSlide .productListWrapper:not(.ratio-default) .thumb.img,
.item-wrapper.productListSlide .productListWrapper:not(.ratio-default) .thumbDiv .badgeWrapper {
    height: 0 !important;
}

.item-wrapper.productList .productListWrapper.ratio-2to3 .thumb.img,
.item-wrapper.productList .productListWrapper.ratio-2to3 .thumbDiv .badgeWrapper,
.item-wrapper.productListSlide .productListWrapper.ratio-2to3 .thumb.img,
.item-wrapper.productListSlide .productListWrapper.ratio-2to3 .thumbDiv .badgeWrapper {
    padding-top: 150%;
}

.item-wrapper.productList .productListWrapper.ratio-3to4 .thumb.img,
.item-wrapper.productList .productListWrapper.ratio-3to4 .thumbDiv .badgeWrapper,
.item-wrapper.productListSlide .productListWrapper.ratio-3to4 .thumb.img,
.item-wrapper.productListSlide .productListWrapper.ratio-3to4 .thumbDiv .badgeWrapper {
    padding-top: 133.33%;
}

.item-wrapper.productList .productListWrapper.ratio-1to1 .thumb.img,
.item-wrapper.productList .productListWrapper.ratio-1to1 .thumbDiv .badgeWrapper,
.item-wrapper.productListSlide .productListWrapper.ratio-1to1 .thumb.img,
.item-wrapper.productListSlide .productListWrapper.ratio-1to1 .thumbDiv .badgeWrapper {
    padding-top: 100%;
}

.item-wrapper.productList .productListWrapper.ratio-4to3 .thumb.img,
.item-wrapper.productList .productListWrapper.ratio-4to3 .thumbDiv .badgeWrapper,
.item-wrapper.productListSlide .productListWrapper.ratio-4to3 .thumb.img,
.item-wrapper.productListSlide .productListWrapper.ratio-4to3 .thumbDiv .badgeWrapper {
    padding-top: 75%;
}

.item-wrapper.productList .productListWrapper.ratio-3to2 .thumb.img,
.item-wrapper.productList .productListWrapper.ratio-3to2 .thumbDiv .badgeWrapper,
.item-wrapper.productListSlide .productListWrapper.ratio-3to2 .thumb.img,
.item-wrapper.productListSlide .productListWrapper.ratio-3to2 .thumbDiv .badgeWrapper {
    padding-top: 66.67%;
}

.item-wrapper.productList .productListWrapper.ratio-16to9 .thumb.img,
.item-wrapper.productList .productListWrapper.ratio-16to9 .thumbDiv .badgeWrapper,
.item-wrapper.productListSlide .productListWrapper.ratio-16to9 .thumb.img,
.item-wrapper.productListSlide .productListWrapper.ratio-16to9 .thumbDiv .badgeWrapper {
    padding-top: 56.25%;
}

.item-wrapper.productList .productListWrapper.ratio-7to3 .thumb.img,
.item-wrapper.productList .productListWrapper.ratio-7to3 .thumbDiv .badgeWrapper,
.item-wrapper.productListSlide .productListWrapper.ratio-7to3 .thumb.img,
.item-wrapper.productListSlide .productListWrapper.ratio-7to3 .thumbDiv .badgeWrapper {
    padding-top: 42.86%;
}

.item-wrapper.productList .productListWrapper.ratio-3to1 .thumb.img,
.item-wrapper.productList .productListWrapper.ratio-3to1 .thumbDiv .badgeWrapper,
.item-wrapper.productListSlide .productListWrapper.ratio-3to1 .thumb.img,
.item-wrapper.productListSlide .productListWrapper.ratio-3to1 .thumbDiv .badgeWrapper {
    padding-top: 33.33%;
}

/* skeleton - productSlide, productListSection */
.item-wrapper.productList .productListWrapper .shopProductWrapper.skeleton .thumb.img,
.item-wrapper.productListSlide .productListWrapper .shopProductWrapper.skeleton .thumb.img {
    background-color: #e2e2e2;
}

.item-wrapper.productList .productListWrapper .shopProductWrapper.skeleton .shopProductNameAndPrice .productName,
.item-wrapper.productListSlide .productListWrapper .shopProductWrapper.skeleton .shopProductNameAndPrice .productName {
    background-color: #e2e2e2;
    color: #e2e2e2;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}

.item-wrapper.productList .productListWrapper .shopProductWrapper.skeleton .shopProductNameAndPrice .price,
.item-wrapper.productListSlide .productListWrapper .shopProductWrapper.skeleton .shopProductNameAndPrice .price {
    background-color: #e2e2e2;
    color: #e2e2e2;
    width: 33%;
    margin-left: auto;
    margin-right: auto;
}

#body.mobile .item-wrapper.productList .productListWrapper .shopProductWrapper.skeleton .shopProductNameAndPrice .productName,
#body.mobile .item-wrapper.productListSlide .productListWrapper .shopProductWrapper.skeleton .shopProductNameAndPrice .productName {
    width: 100%
}

#body.mobile .item-wrapper.productList .productListWrapper .shopProductWrapper.skeleton .shopProductNameAndPrice .price,
#body.mobile .item-wrapper.productListSlide .productListWrapper .shopProductWrapper.skeleton .shopProductNameAndPrice .price {
    width: 50%;
}

/* Filter */
.item-wrapper.productList .productListFilterCollection.filterAllNotUse .productListFilter-navi:first-child,
.item-wrapper.blogGrid .blogFilterCollection.filterAllNotUse .blogFilter-navi:first-child {
    display: none !important;
}

#body.productList-filterPosition-top .item-wrapper.productList .productListFilterCollection.filterAllNotUse .productListFilterCollectionNavi .productListFilter-navi:nth-child(2),
#body.blogGrid-filterPosition-top .item-wrapper.blogGrid .blogFilterCollection.filterAllNotUse .blogFilterCollectionNavi .blogFilter-navi:nth-child(2) {
    margin-left: 0;
}

.item-wrapper.productList .productListFilterCollection .productListFilter-dropdownToggle {
    display: none;
}

.item-wrapper.productList .productListFilterCollection .productListFilter-dropdownToggle .label {
    display: inline-block;
    width: 90%;
    text-align: left;
}

.item-wrapper.productList .productListFilterCollection .productListFilter-dropdownToggle .icon {
    display: inline-block;
    vertical-align: bottom;
    width: 10%;
    text-align: right;
    height: 1em;
    font-size: 1.5em;
}

#body.productList-filterPosition-leftSide .item-wrapper.productList .filter-use .productListFilterCollection,
#body.productList-filterPosition-rightSide .item-wrapper.productList .filter-use .productListFilterCollection {
    display: inline-block;
    box-sizing: border-box;
    vertical-align: top;
}

#body.productList-filterPosition-leftSide .item-wrapper.productList .filter-use .productListFilterCollection {
    float: left;
}

#body.productList-filterPosition-rightSide .item-wrapper.productList .filter-use .productListFilterCollection {
    float: right;
}

.item-wrapper.productList .productListFilterCollection .filter-use .productListFilter-navi {
    display: block;
    margin: 0;
}

.item-wrapper.productList .productListFilterCollection .productListFilter-navi {
    display: block;
    cursor: pointer;
    line-height: 0.8;
}

#body.productList-filterPosition-top .item-wrapper.productList .productListFilterCollection .productListFilter-navi {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0.5em;
}

#body.productList-filterPosition-top .item-wrapper.productList .productListFilterCollection .productListFilterCollectionNavi .productListFilter-navi:first-child {
    margin-left: 0;
}

#body.productList-filterPosition-top .item-wrapper.productList .productListFilterCollection .productListFilterCollectionNavi .productListFilter-navi:last-child {
    margin-right: 0;
}

/* Filter - style */
#body.productList-filter-style-type-all-pill .item-wrapper.productList .productListFilterCollection .productListFilter-navi {
    max-width: max-content;
    border-radius: 3em;
    padding: 0.5em 1em;
}

#body.productList-filter-style-type-select-pill .item-wrapper.productList .productListFilterCollection .productListFilter-navi.now {
    padding: 0.5em 1em;
    border-radius: 3em;
    display: inline-block;
}

#body.productList-filter-style-type-underline .item-wrapper.productList .productListFilterCollection .productListFilter-navi.now {
    border-bottom: 2px solid;
    padding: 0.5em 0;
    display: inline-block;
}

/* Sorting Filter */
.item-wrapper.productList .product-list-sort-filter-parent-div {
    height: 37px;
    margin-bottom: 10px;
}

.item-wrapper.productList .product-list-sort-filter-collection {
    position: absolute;
    right: 0;
    z-index: 20;
    cursor: pointer;
    font-size: 14px;
    border: 1px solid #808080;
}

.item-wrapper.productList #shopProductSortSelectBox {
    margin-top: 1px;
    animation: select-box-fade-in .1s;
}

@keyframes select-box-fade-in {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.item-wrapper.productList .product-list-sort-filter-collection .shop-product-sort-option-box {
    padding: 9px 25px 9px 14px;
    background-color: #fff;
    border-bottom: 1px solid #808080;
    margin-bottom: -1px;
}

.item-wrapper.productList .product-list-sort-filter-collection #shopProductSortBasicBoxIcon {
    position: absolute;
    top: 9px;
    right: 8px;
}

.item-wrapper.productList .product-list-sort-filter-collection #shopProductSortBasicBoxIcon::after {
    content: "\e970";
    font-family: 'icomoon';
    font-size: 14px;
}

.item-wrapper.productList .product-list-sort-filter-collection #shopProductSortBasicBoxIcon.select-icon::after {
    content: "\e974";
}

.item-wrapper.productList .product-list-sort-filter-collection .shop-product-sort-option {
    padding: 9px 25px 9px 14px;
    background-color: #fff;
}

.item-wrapper.productList .product-list-sort-filter-collection .shop-product-sort-option:hover {
    background-color: #eee;
}

#body.mobile .item-wrapper.productList .product-list-sort-filter-collection .shop-product-sort-option-box,
#body.mobile .item-wrapper.productList .product-list-sort-filter-collection .shop-product-sort-option {
    padding: 9px 25px 9px 14px;
    font-size: 13px;
}

#body.mobile .item-wrapper.productList .product-list-sort-filter-parent-div {
    margin-bottom: 20px;
}

#body.mobile .item-wrapper.productList .product-list-sort-filter-collection #shopProductSortBasicBoxIcon::after {
    font-size: 14px;
}

#body.mobile .item-wrapper.productList .product-list-sort-filter-collection #shopProductSortBasicBoxIcon {
    right: 9px;
}

/* productList element - img */
.item-wrapper.productList .shopProductWrapper .thumb.img,
.item-wrapper.productListSlide .shopProductWrapper .thumb.img {
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
    overflow: hidden;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* productList element - name&price */
#body .item-wrapper.productList .shopProductNameAndPriceDiv .shopProduct,
#body .item-wrapper.productListSlide .shopProductNameAndPriceDiv .shopProduct {
    line-height: 1.5em;
}

#body .item-wrapper.productList .shopProductNameAndPriceDiv .shopProduct.productName,
#body .item-wrapper.productListSlide .shopProductNameAndPriceDiv .shopProduct.productName {
    /* 글자 줄수 넘어갈 때 ... 처리 */
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    max-height: 3em; /* IE 예외 처리 - 공식: max-height(3) = line-height(1.5) X -webkit-line-clamp(2) */
}

#body.productList-textPosition-underImg .item-wrapper.productList .shopProduct.productName,
#body.productListSlide-textPosition-underImg .item-wrapper.productListSlide .shopProduct.productName,
.item-wrapper.productList .productListWrapper.slide .shopProduct.productName {
    margin-top: 1.2em;
}

#body.productList-textPosition-underImg .item-wrapper.productList .shopProduct.price,
#body.productListSlide-textPosition-underImg .item-wrapper.productListSlide .shopProduct.price,
.item-wrapper.productList .productListWrapper.slide .shopProduct.price {
    margin-top: 0.5em;
}

#body.productList-textPosition-underImg .item-wrapper.productList .shopProduct.description,
#body.productListSlide-textPosition-underImg .item-wrapper.productListSlide .shopProduct.description,
.item-wrapper.productList .productListWrapper.slide .shopProduct.description {
    margin: 0.4em 0 0.1em;
    line-height: 1.5;
}

#body .item-wrapper.productList .shopProductNameAndPriceDiv .shopProduct.price,
#body .item-wrapper.productListSlide .shopProductNameAndPriceDiv .shopProduct.price {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

#body .item-wrapper.productList .product-review-elem,
#body .item-wrapper.productListSlide .product-review-elem {
    display: none;
}

#body .item-wrapper.productList .product-review-elem .icomoon-star.opacity,
#body .item-wrapper.productListSlide .product-review-elem .icomoon-star.opacity {
    opacity: 0.2;
}

#body .item-wrapper.productList .product-cart-elem,
#body .item-wrapper.productListSlide .product-cart-elem {
    display: none;
    margin-top: 10px;
}

#body .item-wrapper.productList .product-cart-elem i,
#body .item-wrapper.productListSlide .product-cart-elem i {
    padding-right: 6px;
    font-weight: 800;
}

#body.productList-textPosition-underImg .item-wrapper.productList .thumbDiv,
#body.productListSlide-textPosition-underImg .item-wrapper.productListSlide .thumbDiv {
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
}

#body.productList-textPosition-underImg.productList-hoverEffect-brightnessEffect .item-wrapper.productList .thumbDiv:hover,
#body.productListSlide-textPosition-underImg.productListSlide-hoverEffect-brightnessEffect .item-wrapper.productListSlide .thumbDiv:hover {
    -ms-filter: alpha(opacity=80);
    filter: alpha(opacity=80);
    opacity: 0.8;
}

#body.productList-textPosition-underImg.productList-hoverEffect-magnificationEffect .item-wrapper.productList .thumbDiv {
    overflow: hidden;
}

#body.productList-textPosition-underImg.productList-hoverEffect-magnificationEffect .item-wrapper.productList .thumbDiv .thumb.img {
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}

#body.productList-textPosition-underImg.productList-hoverEffect-magnificationEffect .item-wrapper.productList .thumbDiv:hover .thumb.img {
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -o-transform: scale(1.03);
    transform: scale(1.03);
}

#body .item-wrapper.productList .thumbDiv .secondThumbnail,
#body .item-wrapper.productListSlide .thumbDiv .secondThumbnail {
    position: absolute !important;
    top: 0 !important;
    -ms-filter: alpha(opacity=0);
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}

#body .item-wrapper.productList .ratio-default .thumbDiv .secondThumbnail {
    height: 100%;
}

#body.productList-textPosition-underImg.productList-hoverEffect-secondImg .item-wrapper.productList .thumbDiv.hoverSecondImg-use:hover .secondThumbnail,
#body.productListSlide-textPosition-underImg.productListSlide-hoverEffect-secondImg .item-wrapper.productListSlide .thumbDiv.hoverSecondImg-use:hover .secondThumbnail {
    -ms-filter: alpha(opacity=100);
    filter: alpha(opacity=100);
    opacity: 1;
}

#body.productList-textPosition-onImg:not(.mobile) .item-wrapper.productList .shopProductBackground,
#body.productListSlide-textPosition-onImg:not(.mobile) .item-wrapper.productListSlide .shopProductBackground,
#body.productList-textPosition-onImg:not(.mobile) .item-wrapper.productList .shopProductNameAndPriceDiv,
#body.productListSlide-textPosition-onImg:not(.mobile) .item-wrapper.productListSlide .shopProductNameAndPriceDiv {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    cursor: pointer;

    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
}

#body.productList-textPosition-onImg:not(.mobile) .item-wrapper.productList .shopProductNameAndPriceContent,
#body.productListSlide-textPosition-onImg:not(.mobile) .item-wrapper.productListSlide .shopProductNameAndPriceContent {
    display: block;
    position: relative;
    width: 80%;
    height: 100%;
    margin: 0 auto;
}

#body.productList-textPosition-onImg:not(.mobile) .item-wrapper.productList .shopProductNameAndPrice,
#body.productListSlide-textPosition-onImg:not(.mobile) .item-wrapper.productListSlide .shopProductNameAndPrice {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#body.productList-textPosition-onImg:not(.mobile) .item-wrapper.productList .shopProductNameAndPriceDiv .shopProduct,
#body.productListSlide-textPosition-onImg:not(.mobile) .item-wrapper.productListSlide .shopProductNameAndPriceDiv .shopProduct {
    line-height: 1.5em;
}

#body.productList-textPosition-onImg:not(.mobile) .item-wrapper.productList .shopProductNameAndPriceDiv .productName,
#body.productListSlide-textPosition-onImg:not(.mobile) .item-wrapper.productListSlide .shopProductNameAndPriceDiv .productName {
    margin-bottom: 0.3em;
}

.item-wrapper.productList .shopProductWrapper .shopProductNameAndPriceDiv .productPriceWithDiscountSpan,
.item-wrapper.productListSlide .shopProductWrapper .shopProductNameAndPriceDiv .productPriceWithDiscountSpan {
    text-decoration: line-through;
}

/* productList element - name&price hover */
#body.productList-textPosition-onImg:not(.mobile) .item-wrapper.productList .shopProductWrapper .shopProductBackground,
#body.productListSlide-textPosition-onImg:not(.mobile) .item-wrapper.productListSlide .shopProductWrapper .shopProductBackground,
#body.productList-textPosition-onImg:not(.mobile) .item-wrapper.productList .shopProductWrapper .shopProductNameAndPriceDiv,
#body.productListSlide-textPosition-onImg:not(.mobile) .item-wrapper.productListSlide .shopProductWrapper .shopProductNameAndPriceDiv {
    -ms-filter: alpha(opacity=0);
    filter: alpha(opacity=0);
    opacity: 0;
}

#body.productList-textPosition-onImg:not(.mobile) .item-wrapper.productList .shopProductWrapper:hover .shopProductBackground,
#body.productListSlide-textPosition-onImg:not(.mobile) .item-wrapper.productListSlide .shopProductWrapper:hover .shopProductBackground {
    -ms-filter: alpha(opacity=80);
    filter: alpha(opacity=80);
    opacity: 0.8;
}

#body.productList-textPosition-onImg:not(.mobile) .item-wrapper.productList .shopProductWrapper:hover .shopProductNameAndPriceDiv,
#body.productListSlide-textPosition-onImg:not(.mobile) .item-wrapper.productListSlide .shopProductWrapper:hover .shopProductNameAndPriceDiv {
    -ms-filter: alpha(opacity=100);
    filter: alpha(opacity=100);
    opacity: 1;
}

/* productList element - badge */
.item-wrapper.productList .shopProductWrapper.badgeUse .shopProductWrapper.badgeUse .thumbDiv,
.item-wrapper.productListSlide .shopProductWrapper.badgeUse .thumbDiv {
    position: relative;
}

.item-wrapper.productList .shopProductWrapper.badgeUse .thumbDiv .badgeWrapper,
.item-wrapper.productListSlide .shopProductWrapper.badgeUse .thumbDiv .badgeWrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.item-wrapper.productList .shopProductWrapper.badgeUse .thumbDiv .badgeWrapper .badge,
.item-wrapper.productListSlide .shopProductWrapper.badgeUse .thumbDiv .badgeWrapper .badge {
    position: absolute;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
    z-index: 1;
}

#body.productList-textPosition-onImg:not(.mobile) .item-wrapper.productList .shopProductWrapper:hover .badgeWrapper .badge,
#body.productListSlide-textPosition-onImg:not(.mobile) .item-wrapper.productListSlide .shopProductWrapper:hover .badgeWrapper .badge {
    -ms-filter: alpha(opacity=0);
    filter: alpha(opacity=0);
    opacity: 0;
}

.item-wrapper.productList .shopProductWrapper.badgeUse .thumbDiv .badgeWrapper .badge span,
.item-wrapper.productListSlide .shopProductWrapper.badgeUse .thumbDiv .badgeWrapper .badge span {
    padding: 5px 0px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    text-transform: uppercase;
    line-height: 1em;
    white-space: pre-line;
}

#body.productList-badge-type-round .item-wrapper.productList .shopProductWrapper.badgeUse .thumbDiv .badgeWrapper .badge span,
#body.productList-badge-type-round .item-wrapper.productListSlide .shopProductWrapper.badgeUse .thumbDiv .badgeWrapper .badge span {
    border-radius: 50%;
}

#body.productList-badge-align-leftMiddle .item-wrapper.productList .shopProductWrapper.badgeUse .thumbDiv .badgeWrapper .badge,
#body.productList-badge-align-centerMiddle .item-wrapper.productList .shopProductWrapper.badgeUse .thumbDiv .badgeWrapper .badge,
#body.productList-badge-align-rightMiddle .item-wrapper.productList .shopProductWrapper.badgeUse .thumbDiv .badgeWrapper .badge,
#body.productList-badge-align-leftMiddle .item-wrapper.productListSlide .shopProductWrapper.badgeUse .thumbDiv .badgeWrapper .badge,
#body.productList-badge-align-centerMiddle .item-wrapper.productListSlide .shopProductWrapper.badgeUse .thumbDiv .badgeWrapper .badge,
#body.productList-badge-align-rightMiddle .item-wrapper.productListSlide .shopProductWrapper.badgeUse .thumbDiv .badgeWrapper .badge {
    top: 50%;
}

#body.productList-badge-align-centerTop .item-wrapper.productList .shopProductWrapper.badgeUse .thumbDiv .badgeWrapper .badge,
#body.productList-badge-align-centerMiddle .item-wrapper.productList .shopProductWrapper.badgeUse .thumbDiv .badgeWrapper .badge,
#body.productList-badge-align-centerBottom .item-wrapper.productList .shopProductWrapper.badgeUse .thumbDiv .badgeWrapper .badge,
#body.productList-badge-align-centerTop .item-wrapper.productListSlide .shopProductWrapper.badgeUse .thumbDiv .badgeWrapper .badge,
#body.productList-badge-align-centerMiddle .item-wrapper.productListSlide .shopProductWrapper.badgeUse .thumbDiv .badgeWrapper .badge,
#body.productList-badge-align-centerBottom .item-wrapper.productListSlide .shopProductWrapper.badgeUse .thumbDiv .badgeWrapper .badge {
    left: 50%;
}

/* productList element - badge mobile*/
#body.mobile .item-wrapper.productList .productListWrapper .shopProductWrapper.badgeUse .badgeWrapper .badge span,
#body.mobile .item-wrapper.productListSlide .productListWrapper .shopProductWrapper.badgeUse .badgeWrapper .badge span {
    /*font-size: 10px;*/
    letter-spacing: 0;
}

#body.mobile.productList-badge-type-round .item-wrapper.productList .productListWrapper .shopProductWrapper.badgeUse .badgeWrapper .badge span,
#body.mobile.productList-badge-type-foursquare .item-wrapper.productList .productListWrapper .shopProductWrapper.badgeUse .badgeWrapper .badge span,
#body.mobile.productList-badge-type-round .item-wrapper.productListSlide .productListWrapper .shopProductWrapper.badgeUse .badgeWrapper .badge span,
#body.mobile.productList-badge-type-foursquare .item-wrapper.productListSlide .productListWrapper .shopProductWrapper.badgeUse .badgeWrapper .badge span {
    /*width: 40px;*/
    /*height: 40px;*/
}

#body.mobile.productList-badge-type-rectangle .item-wrapper.productList .productListWrapper .shopProductWrapper.badgeUse .badgeWrapper .badge span,
#body.mobile.productList-badge-type-rectangle .item-wrapper.productListSlide .productListWrapper .shopProductWrapper.badgeUse .badgeWrapper .badge span {
    /*width: 60px;*/
    /*height: 20px;*/
}

#body.mobile.productList-badge-align-leftMiddle.productList-badge-type-round .item-wrapper.productList .productListWrapper .shopProductWrapper.badgeUse .badgeWrapper .badge,
#body.mobile.productList-badge-align-centerMiddle.productList-badge-type-round .item-wrapper.productList .productListWrapper .shopProductWrapper.badgeUse .badgeWrapper .badge,
#body.mobile.productList-badge-align-rightMiddle.productList-badge-type-round .item-wrapper.productList .productListWrapper .shopProductWrapper.badgeUse .badgeWrapper .badge,
#body.mobile.productList-badge-align-leftMiddle.productList-badge-type-foursquare .item-wrapper.productList .productListWrapper .shopProductWrapper.badgeUse .badgeWrapper .badge,
#body.mobile.productList-badge-align-centerMiddle.productList-badge-type-foursquare .item-wrapper.productList .productListWrapper .shopProductWrapper.badgeUse .badgeWrapper .badge,
#body.mobile.productList-badge-align-rightMiddle.productList-badge-type-foursquare .item-wrapper.productList .productListWrapper .shopProductWrapper.badgeUse .badgeWrapper .badge,
#body.mobile.productList-badge-align-leftMiddle.productList-badge-type-round .item-wrapper.productListSlide .productListWrapper .shopProductWrapper.badgeUse .badgeWrapper .badge,
#body.mobile.productList-badge-align-centerMiddle.productList-badge-type-round .item-wrapper.productListSlide .productListWrapper .shopProductWrapper.badgeUse .badgeWrapper .badge,
#body.mobile.productList-badge-align-rightMiddle.productList-badge-type-round .item-wrapper.productListSlide .productListWrapper .shopProductWrapper.badgeUse .badgeWrapper .badge,
#body.mobile.productList-badge-align-leftMiddle.productList-badge-type-foursquare .item-wrapper.productListSlide .productListWrapper .shopProductWrapper.badgeUse .badgeWrapper .badge,
#body.mobile.productList-badge-align-centerMiddle.productList-badge-type-foursquare .item-wrapper.productListSlide .productListWrapper .shopProductWrapper.badgeUse .badgeWrapper .badge,
#body.mobile.productList-badge-align-rightMiddle.productList-badge-type-foursquare .item-wrapper.productListSlide .productListWrapper .shopProductWrapper.badgeUse .badgeWrapper .badge {
    /*margin-top: -20px;*/
}

#body.mobile.productList-badge-align-leftMiddle.productList-badge-type-rectangle .item-wrapper.productList .productListWrapper .shopProductWrapper.badgeUse .badgeWrapper .badge,
#body.mobile.productList-badge-align-centerMiddle.productList-badge-type-rectangle .item-wrapper.productList .productListWrapper .shopProductWrapper.badgeUse .badgeWrapper .badge,
#body.mobile.productList-badge-align-rightMiddle.productList-badge-type-rectangle .item-wrapper.productList .productListWrapper .shopProductWrapper.badgeUse .badgeWrapper .badge,
#body.mobile.productList-badge-align-leftMiddle.productList-badge-type-rectangle .item-wrapper.productListSlide .productListWrapper .shopProductWrapper.badgeUse .badgeWrapper .badge,
#body.mobile.productList-badge-align-centerMiddle.productList-badge-type-rectangle .item-wrapper.productListSlide .productListWrapper .shopProductWrapper.badgeUse .badgeWrapper .badge,
#body.mobile.productList-badge-align-rightMiddle.productList-badge-type-rectangle .item-wrapper.productListSlide .productListWrapper .shopProductWrapper.badgeUse .badgeWrapper .badge {
    /*margin-top: -10px;*/
}

#body.mobile.productList-badge-align-centerTop.productList-badge-type-round .item-wrapper.productList .productListWrapper .shopProductWrapper.badgeUse .badgeWrapper .badge,
#body.mobile.productList-badge-align-centerMiddle.productList-badge-type-round .item-wrapper.productList .productListWrapper .shopProductWrapper.badgeUse .badgeWrapper .badge,
#body.mobile.productList-badge-align-centerBottom.productList-badge-type-round .item-wrapper.productList .productListWrapper .shopProductWrapper.badgeUse .badgeWrapper .badge,
#body.mobile.productList-badge-align-centerTop.productList-badge-type-foursquare .item-wrapper.productList .productListWrapper .shopProductWrapper.badgeUse .badgeWrapper .badge,
#body.mobile.productList-badge-align-centerMiddle.productList-badge-type-foursquare .item-wrapper.productList .productListWrapper .shopProductWrapper.badgeUse .badgeWrapper .badge,
#body.mobile.productList-badge-align-centerBottom.productList-badge-type-foursquare .item-wrapper.productList .productListWrapper .shopProductWrapper.badgeUse .badgeWrapper .badge,
#body.mobile.productList-badge-align-centerTop.productList-badge-type-round .item-wrapper.productListSlide .productListWrapper .shopProductWrapper.badgeUse .badgeWrapper .badge,
#body.mobile.productList-badge-align-centerMiddle.productList-badge-type-round .item-wrapper.productListSlide .productListWrapper .shopProductWrapper.badgeUse .badgeWrapper .badge,
#body.mobile.productList-badge-align-centerBottom.productList-badge-type-round .item-wrapper.productListSlide .productListWrapper .shopProductWrapper.badgeUse .badgeWrapper .badge,
#body.mobile.productList-badge-align-centerTop.productList-badge-type-foursquare .item-wrapper.productListSlide .productListWrapper .shopProductWrapper.badgeUse .badgeWrapper .badge,
#body.mobile.productList-badge-align-centerMiddle.productList-badge-type-foursquare .item-wrapper.productListSlide .productListWrapper .shopProductWrapper.badgeUse .badgeWrapper .badge,
#body.mobile.productList-badge-align-centerBottom.productList-badge-type-foursquare .item-wrapper.productListSlide .productListWrapper .shopProductWrapper.badgeUse .badgeWrapper .badge {
    /*margin-left: -20px;*/
}

#body.mobile.productList-badge-align-centerTop.productList-badge-type-rectangle .item-wrapper.productList .productListWrapper .shopProductWrapper.badgeUse .badgeWrapper .badge,
#body.mobile.productList-badge-align-centerMiddle.productList-badge-type-rectangle .item-wrapper.productList .productListWrapper .shopProductWrapper.badgeUse .badgeWrapper .badge,
#body.mobile.productList-badge-align-centerBottom.productList-badge-type-rectangle .item-wrapper.productList .productListWrapper .shopProductWrapper.badgeUse .badgeWrapper .badge,
#body.mobile.productList-badge-align-centerTop.productList-badge-type-rectangle .item-wrapper.productListSlide .productListWrapper .shopProductWrapper.badgeUse .badgeWrapper .badge,
#body.mobile.productList-badge-align-centerMiddle.productList-badge-type-rectangle .item-wrapper.productListSlide .productListWrapper .shopProductWrapper.badgeUse .badgeWrapper .badge,
#body.mobile.productList-badge-align-centerBottom.productList-badge-type-rectangle .item-wrapper.productListSlide .productListWrapper .shopProductWrapper.badgeUse .badgeWrapper .badge {
    /*margin-left: -30px;*/
}

/* productList Swiper */
.productListWrapper .shopProductWrapper .swiper-slide {
    height: auto;
    background-color: #fff;
}

.productListWrapper .shopProductWrapper .swiper-button-prev,
.productListWrapper .shopProductWrapper .swiper-button-next,
.productListWrapper .shopProductWrapper .swiper-pagination {
    opacity: 0;
    pointer-events: none;
}

.productListWrapper .shopProductWrapper .swiper-button-prev,
.productListWrapper .shopProductWrapper .swiper-button-next {
    transition: all 0.2s;
}

body.editor #body[data-viewport='desktop'] .productListWrapper .shopProductWrapper .swiper-button-prev,
body.editor #body[data-viewport='desktop'] .productListWrapper .shopProductWrapper .swiper-button-next,
body.display #body[data-viewport='desktop'] .productListWrapper .shopProductWrapper:hover .swiper-button-prev,
body.display #body[data-viewport='desktop'] .productListWrapper .shopProductWrapper:hover .swiper-button-next,
body.editor .productListWrapper .shopProductWrapper .swiper-pagination,
body.display .productListWrapper .shopProductWrapper .swiper-pagination {
    opacity: 1;
}

body.editor #body[data-viewport='desktop'] .productListWrapper .shopProductWrapper .swiper-button-prev,
body.editor #body[data-viewport='desktop'] .productListWrapper .shopProductWrapper .swiper-button-next,
body.display #body[data-viewport='desktop'] .productListWrapper .shopProductWrapper:hover .swiper-button-prev,
body.display #body[data-viewport='desktop'] .productListWrapper .shopProductWrapper:hover .swiper-button-next {
    pointer-events: auto;
    transition: all 0.2s;
}

body.display .productListWrapper .shopProductWrapper .swiper-pagination {
    pointer-events: auto;
}

body.display #body[data-viewport='desktop'] .productListWrapper .shopProductWrapper:hover .swiper-button-prev:hover,
body.display #body[data-viewport='desktop'] .productListWrapper .shopProductWrapper:hover .swiper-button-next:hover {
    background-color: rgba(255, 255, 255, 0.8);
}

.productListWrapper .shopProductWrapper .swiper-button-black {
    width: 30px;
    height: 40px;
    background-color: rgba(255, 255, 255, 0.5);
    background-size: 7px 12px;
}

.productListWrapper .shopProductWrapper .swiper-button-prev {
    left: 0;
    background-position: 11px center;
}

.productListWrapper .shopProductWrapper .swiper-button-next {
    right: 0;
    background-position: 12px center;
}

.productListWrapper .shopProductWrapper .swiper-pagination-bullets {
    bottom: 16px;
}

.productListWrapper .shopProductWrapper .swiper-pagination-bullets .swiper-pagination-bullet {
    background-color: #000;
    opacity: 0.1;
    margin: 0 3px;
}

.productListWrapper .shopProductWrapper .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 0.4;
}

#body[data-viewport='mobile'] .productListWrapper .shopProductWrapper .swiper-pagination-bullets {
    bottom: 8px;
}

#body[data-viewport='mobile'] .productListWrapper .shopProductWrapper .swiper-pagination-bullets .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    margin: 0 2px;
}

/* mobile */
#body.mobile .section-wrapper.productList-section .section .item-wrapper.productList .productListFilterCollection {
    display: block;
    padding: 0;
    padding-bottom: 24px;
    margin: 0;
    font-size: 14px;
    line-height: 1.4em;
    width: 100%;
    float: none;
}

#body.mobile .item-wrapper.productList .productListFilterCollection .productListFilterCollectionNavi .productListFilter-navi {
    padding: 0.5em 1em;
}

#body.mobile.productList-filter-style-type-underline .item-wrapper.productList .productListFilterCollection .productListFilterCollectionNavi .productListFilter-navi.now {
    padding-left: 0;
    padding-right: 0;
}

#body.mobile.productList-filter-style-type-underline.productList-filter-mobile-type-horizontal-scroll .item-wrapper.productList .productListFilterCollection .productListFilterCollectionNavi .productListFilter-navi.now {
    margin: 0 1em
}

#body.mobile.productList-filter-style-type-underline.productList-filter-mobile-type-horizontal-scroll .item-wrapper.productList .productListFilterCollection .productListFilterCollectionNavi .productListFilter-navi.now:first-child {
    margin-left: 0;
}

#body.mobile.productList-filter-style-type-underline.productList-filter-mobile-type-horizontal-scroll .item-wrapper.productList .productListFilterCollection .productListFilterCollectionNavi .productListFilter-navi.now:last-child {
    margin-right: 0;
}

#body.mobile.productList-filter-mobile-type-stack .item-wrapper.productList .productListFilterCollection .productListFilter-navi {
    display: inline-block;
    margin: 0 4px 0.5em;
}

#body.mobile.productList-filter-mobile-type-stack .item-wrapper.productList .productListFilterCollection .productListFilterCollectionNavi .productListFilter-navi:first-child {
    margin-left: 0;
}

#body.mobile.productList-filter-mobile-type-stack .item-wrapper.productList .productListFilterCollection .productListFilterCollectionNavi .productListFilter-navi:last-child {
    margin-right: 0;
}

#body.mobile.productList-filter-mobile-type-dropdown .section-wrapper.productList-section .section .item-wrapper.productList .productListFilterCollection .productListFilter-dropdownToggle {
    display: block;
    margin-bottom: 16px;
}

#body.mobile.productList-filter-mobile-type-dropdown .section-wrapper.productList-section .section .item-wrapper.productList .productListFilterCollection .productListFilter-navi {
    display: none;
    margin: 0;
    padding: 0;
    border: 0;
}

#body.mobile.productList-filter-mobile-type-dropdown .section-wrapper.productList-section .section .item-wrapper.productList .productListFilterCollection .productListFilter-navi.now {
    background-color: transparent;
}

#body.mobile.productList-filter-mobile-type-horizontal-scroll .item-wrapper.productList .productListFilterCollection .productListFilterCollectionNavi {
    white-space: nowrap;
    overflow: auto;
}

#body.mobile.productList-filter-mobile-type-horizontal-scroll .item-wrapper.productList .productListFilterCollection .productListFilterCollectionNavi::-webkit-scrollbar {
    display: none;
}

#body.mobile.productList-filter-mobile-type-horizontal-scroll .item-wrapper.productList .productListFilterCollection .productListFilterCollectionNavi .productListFilter-navi {
    display: inline-block;
    margin: 0 2px;
}

#body.mobile.productList-filter-mobile-type-horizontal-scroll .item-wrapper.productList .productListFilterCollection .productListFilterCollectionNavi .productListFilter-navi:first-child {
    margin-left: 0;
}

#body.mobile.productList-filter-mobile-type-horizontal-scroll .item-wrapper.productList .productListFilterCollection .productListFilterCollectionNavi .productListFilter-navi:last-child {
    margin-right: 0;
}

#body.mobile.productList-filter-mobile-type-horizontal-scroll:not(.productList-filter-style-type-all-pill) .item-wrapper.productList .productListFilterCollection .productListFilterCollectionNavi .productListFilter-navi:first-child {
    padding-left: 0;
}

#body.mobile.productList-filter-mobile-type-horizontal-scroll:not(.productList-filter-style-type-all-pill) .item-wrapper.productList .productListFilterCollection .productListFilterCollectionNavi .productListFilter-navi:last-child {
    padding-right: 0;
}

#body.mobile.productList-filter-mobile-type-horizontal-scroll.productList-filter-style-type-select-pill .item-wrapper.productList .productListFilterCollection .productListFilterCollectionNavi .productListFilter-navi.now:first-child,
#body.mobile.productList-filter-mobile-type-horizontal-scroll.productList-filter-style-type-select-pill .item-wrapper.productList .productListFilterCollection .productListFilterCollectionNavi .productListFilter-navi.now:last-child {
    padding: 0.5em 1em;
}

#body.mobile.productList-filter-mobile-type-horizontal-scroll.productList-filter-style-type-select-pill .item-wrapper.productList .productListFilterCollection .productListFilter-navi,
#body.mobile.productList-filter-mobile-type-horizontal-scroll.productList-filter-style-type-all-pill .item-wrapper.productList .productListFilterCollection .productListFilter-navi {
    margin: 0 4px;
}

#body.mobile.productList-filter-mobile-type-line-break .item-wrapper.productList .productListFilterCollection .productListFilterCollectionNavi {
    display: inline-flex;
    flex-direction: column;
}

#body.mobile.productList-filter-mobile-type-line-break .item-wrapper.productList .productListFilterCollection .productListFilter-navi {
    margin: 0 0 16px 0;
}

#body.mobile .section-wrapper.productList-section .section .item-wrapper.productList .productListFilterCollection.filterList-opened .productListFilter-navi {
    display: block;
    margin-bottom: 8px;
    text-align: left;
}

#body.mobile .section-wrapper.productList-section .section .item-wrapper.productList .productListFilterCollection.filterList-opened .productListFilter-navi:last-child {
    margin-bottom: 0;
}

/* #body.mobile .section-wrapper.productList-section .section .item-wrapper.productList .productListFilterCollection .productListFilter-dropdownToggle > * {
	display: none;
}
#body.mobile .section-wrapper.productList-section .section .item-wrapper.productList .productListFilterCollection .productListFilter-dropdownToggle .productListFilter-dropdownToggle-div:FIRST-CHILD {
	display: block;
}  */

#body.mobile .section-wrapper.productList-section .section .item-wrapper.productList .productListWrapper {
    width: 100%;
}

#body.mobile .section-wrapper.productList-section .section .item-wrapper.productList .productListWrapper,
#body.mobile .section-wrapper.productListSlide-section .section .item-wrapper.productListSlide .productListWrapper {
    min-height: initial !important;
}

.body.mobile .section-wrapper.productList-section .section .item-wrapper.productList .productListWrapper.c-1 .shopProductWrapper {
    /* 에디터 편집값이 없을 때를 위한 기본 프리셋 css - 위계 때문에 반드시 .body로 작성해야 함. */
    width: 100%;
    margin: 16px 0;
}

.body.mobile .section-wrapper.productList-section .section .item-wrapper.productList .productListWrapper.c-2 .shopProductWrapper {
    /* 에디터 편집값이 없을 때를 위한 기본 프리셋 css - 위계 때문에 반드시 .body로 작성해야 함. */
    width: calc(50% - 8px);
    margin: 16px 8px;
}

#body.mobile .item-wrapper.productList .shopProduct.productName,
#body.mobile .item-wrapper.productListSlide .shopProduct.productName {
    margin-top: 0.7em;
}

#body.mobile .item-wrapper.productList .shopProduct.price,
#body.mobile .item-wrapper.productListSlide .shopProduct.price {
    margin-top: 0.5em;
}

/* productListSlide */
#body.productListSlide-margin-use .section-wrapper:not(.relatedProduct-section) .section .item-wrapper.productListSlide {
    padding: 0 8px;
}

#body.productListSlide-margin-use .section-wrapper:not(.relatedProduct-section) .section .item-wrapper.productListSlide.c-1 {
    padding: 0 16px;
}

@media screen and (max-width: 1290px) {
    #body.productListSlide-width-type-wide.productListSlide-margin-use .section-wrapper:not(.relatedProduct-section) .section .item-wrapper.productListSlide.slideArrow-use,
    #body.productListSlide-width-type-normal.productListSlide-margin-use .section-wrapper:not(.relatedProduct-section) .section .item-wrapper.productListSlide.slideArrow-use {
        padding: 0 22px;
    }

    #body.productListSlide-width-type-wide .section-wrapper:not(.relatedProduct-section) .section .item-wrapper.productListSlide.slideArrow-use,
    #body.productListSlide-width-type-wide.productListSlide-margin-use .section-wrapper:not(.relatedProduct-section) .section .item-wrapper.productListSlide.c-1.slideArrow-use,
    #body.productListSlide-width-type-normal .section-wrapper:not(.relatedProduct-section) .section .item-wrapper.productListSlide.slideArrow-use,
    #body.productListSlide-width-type-normal.productListSlide-margin-use .section-wrapper:not(.relatedProduct-section) .section .item-wrapper.productListSlide.c-1.slideArrow-use {
        padding: 0 30px;
    }
}

@media screen and (max-width: 1050px) {
    #body.productListSlide-width-type-wide.productListSlide-margin-use .section-wrapper:not(.relatedProduct-section) .section .item-wrapper.productListSlide.slideArrow-use,
    #body.productListSlide-width-type-normal.productListSlide-margin-use .section-wrapper:not(.relatedProduct-section) .section .item-wrapper.productListSlide.slideArrow-use,
    #body.productListSlide-width-type-narrow.productListSlide-margin-use .section-wrapper:not(.relatedProduct-section) .section .item-wrapper.productListSlide.slideArrow-use {
        padding: 0 42px;
    }

    #body.productListSlide-width-type-wide .section-wrapper:not(.relatedProduct-section) .section .item-wrapper.productListSlide.slideArrow-use,
    #body.productListSlide-width-type-wide.productListSlide-margin-use .section-wrapper:not(.relatedProduct-section) .section .item-wrapper.productListSlide.c-1.slideArrow-use,
    #body.productListSlide-width-type-normal .section-wrapper:not(.relatedProduct-section) .section .item-wrapper.productListSlide.slideArrow-use,
    #body.productListSlide-width-type-normal.productListSlide-margin-use .section-wrapper:not(.relatedProduct-section) .section .item-wrapper.productListSlide.c-1.slideArrow-use,
    #body.productListSlide-width-type-narrow .section-wrapper:not(.relatedProduct-section) .section .item-wrapper.productListSlide.slideArrow-use,
    #body.productListSlide-width-type-narrow.productListSlide-margin-use .section-wrapper:not(.relatedProduct-section) .section .item-wrapper.productListSlide.c-1.slideArrow-use {
        padding: 0 50px;
    }
}

/* productListSlide beforeSlideImplemented*/
#body .section-wrapper.productListSlide-section .section .item-wrapper.productListSlide .productListWrapper .shopProductWrapper.beforeSlideImplemented {
    right: 100000px;
    position: absolute;
}

#body .section-wrapper.productListSlide-section .section .item-wrapper.productListSlide .productListWrapper.slideImplemented .shopProductWrapper.beforeSlideImplemented {
    right: 0px;
    position: relative;
}

#body .section-wrapper.productListSlide-section .section .item-wrapper.productListSlide .productListWrapper.slideImplemented {
    width: 100000px !important;
}

.item-wrapper.productListSlide .item-element .bx-wrapper {
    max-width: 100000px !important;
}

#body .item-wrapper.productListSlide .item-element .bx-wrapper .bx-viewport {
    height: auto !important;
}

/* productListSlide mobile productListWrapper*/

.item-wrapper.productListSlide .productListWrapper {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* productListSlide navigation*/
.item-wrapper.productListSlide .bx-navigation {
    bottom: 0;
    right: 0;
    top: 50%;
    outline: none;
    z-index: 999;
    margin-top: -15px;
    display: inline-block;
    width: 14px;
    height: 22px;
    box-sizing: content-box;
    cursor: pointer;
    -webkit-transition: all 200ms cubic-bezier(.25, .46, .45, .94);
    -moz-transition: all 200ms cubic-bezier(.25, .46, .45, .94);
    -ms-transition: all 200ms cubic-bezier(.25, .46, .45, .94);
    -o-transition: all 200ms cubic-bezier(.25, .46, .45, .94);
    transition: all 200ms cubic-bezier(.25, .46, .45, .94);
}

.item-wrapper.productListSlide .bx-navigation a {
    display: block;
}

.item-wrapper.productListSlide .bx-navigation:hover {
}

.item-wrapper.productListSlide .bx-prevButton,
#body.productListSlide-margin-use .item-wrapper.productListSlide.c-1 .bx-prevButton {
    left: -34px;
}

.item-wrapper.productListSlide .bx-nextButton,
#body.productListSlide-margin-use .item-wrapper.productListSlide.c-1 .bx-nextButton {
    right: -34px;
}

#body.productListSlide-margin-use .item-wrapper.productListSlide .bx-prevButton {
    left: -26px;
}

#body.productListSlide-margin-use .item-wrapper.productListSlide .bx-nextButton {
    right: -26px;
}

#body.mobile .item-wrapper.productListSlide .bx-prevButton,
#body.mobile.productListSlide-margin-use .item-wrapper.productListSlide.c-1 .bx-prevButton,
#body.mobile.productListSlide-margin-use .item-wrapper.productListSlide .bx-prevButton {
    left: -30px;
}

#body.mobile .item-wrapper.productListSlide .bx-nextButton,
#body.mobile.productListSlide-margin-use .item-wrapper.productListSlide.c-1 .bx-nextButton,
#body.mobile.productListSlide-margin-use .item-wrapper.productListSlide .bx-nextButton {
    right: -30px;
}

.item-wrapper.productListSlide .bx-prevButton a,
.item-wrapper.productListSlide .bx-nextButton a {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 22px;
    line-height: 1;
}

.item-wrapper.productListSlide .bx-prevButton a::before {
    content: "\e9a3";
}

.item-wrapper.productListSlide .bx-nextButton a::before {
    content: "\e9a4";
}

/* shop.css */
.item-element .shopProductWrapper {
    display: inline-block;
    cursor: pointer;
}

.item-element .shopProductWrapper.c-4 {
    width: 24%;
    margin: 0 0.5%;
}

.item-element .shopProductWrapper .thumb.img {
    min-height: 50px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
}

/* shop.css */
/* productList.css */

/* review.css */
.item-element .reviewList-wrapper {
    box-sizing: border-box;
}

.item-element .reviewList-wrapper.review-grid {
    display: flex;
    flex-wrap: wrap;
}

.item-element .reviewList-wrapper .review-wrapper {
    height: auto;
    overflow: hidden;
}

/* Flickering in Safari in Swiper.js */
.item-element .reviewList-wrapper .review-wrapper.swiper-slide {
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
}

.item-element .reviewList-wrapper .review-wrapper .review-image-wrapper {
    display: flex;
    cursor: pointer;
}

.item-element .reviewList-wrapper .review-wrapper .review-image-wrapper .review-image-item.no-image {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f0f0f5;
    font-size: 24px;
    color: #c4c4c4;
}

.item-element .reviewList-wrapper .review-wrapper .review-image-wrapper .review-image-item.no-image i.ico-img {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: auto;
    transform: translate(-50%, -50%);
    color: #c4c4c4;
    font-size: 120px;
}

.item-element .reviewList-wrapper .review-wrapper .review-image-wrapper .review-image {
    width: 100%;
}

.item-element .reviewList-wrapper .review-wrapper .review-content-wrapper {
    display: flex;
    flex-direction: column;
}

.item-element .reviewList-wrapper .review-wrapper .review-rate-wrapper {
    display: flex;
}

.item-element .reviewList-wrapper .review-wrapper .review-rate-wrapper .icomoon-star.opacity {
    opacity: 0.2;
}

.item-element .reviewList-wrapper .review-wrapper .review-content {
    line-height: 1.6;
    white-space: pre-wrap;
    cursor: pointer;
    width: 100%;
}

.item-wrapper.review .swiper-button-prev,
.item-wrapper.review .swiper-button-next {
    width: 12px;
    height: 20px;
    background-size: 12px 20px;
}

.review-section .reviewCarousel .item-wrapper.review {
    padding: 0 8px;
}

.item-wrapper.review .swiper-button-prev {
    left: -26px;
}

.item-wrapper.review .swiper-button-next {
    right: -26px;
}

.body.mobile .item-wrapper.review .swiper-button-prev {
    left: 12px;
}

.body.mobile .item-wrapper.review .swiper-button-next {
    right: 12px;
}

/* tablet media query */
@media screen and (max-width: 800px) {
    /* blog - common */
    .blogPost-wrapper.viewPost .blogPostDiv {
        width: 100% !important;
        max-width: none;
        padding: 0;
    }

    .blogPost-wrapper.viewPost .btn-wrapper.bottom {
        margin-bottom: 80px;
    }

    .blog-sidebar-use .item-wrapper.blog.blogStack .blogSidebar,
    .blog-sidebar-use .viewPost #blogPostSidebar {
        width: 100%;
    }

    #body.blog-sidebar-use .blogSidebar {
        width: 100%;
    }

    .blog-sidebar-use .blogSidebar .blogSearch {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }

    .blog-sidebar-use .blogSidebar .blogSearchWrapper form {
        -webkit-box-flex: 1;
        -moz-box: 1;
        -ms-flexbox: 1;
        -webkit-flex: 1;
        flex: 1;
    }

    .blog-sidebar-use .blogSidebar .blogSearchWrapper input {
        width: 100% !important;
    }

    .blog-sidebar-use .blogSidebar .blogSearchWrapper button {
        width: auto !important;
    }

    .blogSearchWrapper button.blogSearchBtn {
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        min-width: 50px;
        padding: 0 !important;
    }

    .blogSearchWrapper button.blogSearchBtn:before {
        content: "\e90d";
        font-size: 20px;
    }

    .blogSearchWrapper button.blogSearchBtn span {
        display: none;
    }

    .section-wrapper.blog-section .section .item-wrapper.blog .blogWrapper {
        min-height: initial !important;
        width: 100% !important;
    }

    /* blog - stack */
    .blog-sidebar-use .item-wrapper.blog.blogStack .blogSidebar {
        margin: 0 !important;
    }

    .section-wrapper.blog-section.blogStack .item-wrapper.blog .blogWrapper .blogPostWrapper {
        margin-bottom: 150px !important;
    }

    .section-wrapper.blog-section.blogStack .item-wrapper.blog .blogWrapper .blogPostWrapper:last-child {
        margin-bottom: 80px !important;
    }

    .item-wrapper.blog.blogStack .paginationDiv {
        width: 100% !important;
    }
}

/* map-element */
#body .section .item-wrapper.map-element.ratio-2to3 .item-element,
#body .section .item-wrapper.mapsElement.ratio-2to3 .item-element {
    padding-top: 150%;
}

#body .section .item-wrapper.map-element.ratio-3to4 .item-element,
#body .section .item-wrapper.mapsElement.ratio-3to4 .item-element {
    padding-top: 133.33%;
}

#body .section .item-wrapper.map-element.ratio-1to1 .item-element,
#body .section .item-wrapper.mapsElement.ratio-1to1 .item-element {
    padding-top: 100%;
}

#body .section .item-wrapper.map-element.ratio-4to3 .item-element,
#body .section .item-wrapper.mapsElement.ratio-4to3 .item-element {
    padding-top: 75%;
}

#body .section .item-wrapper.map-element.ratio-3to2 .item-element,
#body .section .item-wrapper.mapsElement.ratio-3to2 .item-element {
    padding-top: 66.67%;
}

#body .section .item-wrapper.map-element.ratio-16to9 .item-element,
#body .section .item-wrapper.mapsElement.ratio-16to9 .item-element {
    padding-top: 56.25%;
}

#body .section .item-wrapper.map-element.ratio-7to3 .item-element,
#body .section .item-wrapper.mapsElement.ratio-7to3 .item-element {
    padding-top: 42.86%;
}

#body .section .item-wrapper.map-element.ratio-3to1 .item-element,
#body .section .item-wrapper.mapsElement.ratio-3to1 .item-element {
    padding-top: 33.33%;
}

#body .section .item-wrapper.map-element .item-element .googleMap,
#body .section .item-wrapper.mapsElement .item-element .map_canvas {
    position: absolute !important;
    width: 100%;
    height: 100%;
    top: 0 !important;
}

/* video */
#body .section .item-wrapper.video .item-element {
    padding-top: 56.25%;
    background-color: rgba(175, 175, 175, 0.1);
}

/*mobile submenu*/
.body.desktop #mobileSubmenuArea,
.body.mobile.siteMobileSubmenu-notUse #mobileSubmenuArea {
    display: none !important;
}

#body #mobileSubmenuArea #mobileSubmenuListUl::-webkit-scrollbar {
    display: none;
}

#body.mobile #mobileSubmenuArea {
    display: block;
    width: 100vw;
    z-index: 997;
}

#body #mobileSubmenuArea {
    position: relative;
    width: 100%;
}

#body.mobile-submenu-type-slide #mobileSubmenuArea .mobileSubmenuList {
    overflow: auto;
    white-space: nowrap;
    padding-left: 20px;
    padding-right: 20px;
}

#body.mobile-submenu-type-slide #mobileSubmenuArea .prev-mobile-submenu,
#body.mobile-submenu-type-slide #mobileSubmenuArea .next-mobile-submenu {
    width: 20px;
    position: absolute;
    top: 1px;
    bottom: 1px;
    z-index: 1;
}

#body.mobile-submenu-type-slide #mobileSubmenuArea .prev-mobile-submenu {
    left: 0;
}

#body.mobile-submenu-type-slide #mobileSubmenuArea .next-mobile-submenu {
    right: 0;
}

#body #mobileSubmenuArea #mobileSubmenuListUl {
    width: 100%;
    height: 100%;
}

#body #mobileSubmenuArea #mobileSubmenuListUl .mobileSubmenu {
    display: inline-block;
}

.body.mobile-submenu-type-grid #mobileSubmenuArea #mobileSubmenuListUl {
    display: flex;
}

.body.mobile-submenu-type-grid #mobileSubmenuArea #mobileSubmenuListUl .mobileSubmenu {
    flex: 1;
    text-align: center;
}

/* moveTopButton */
#body #topButtonArea {
    width: auto;
    height: auto;
    position: fixed;
    z-index: -1;
    -webkit-transition: z-index .3s linear;
    -moz-transition: z-index .3s linear;
    -o-transition: z-index .3s linear;
    transition: z-index .3s linear;
}

/* 구조 변경으로  인한 기존 고객용 css - start */
#body #topButtonArea {
    right: 24px;
    bottom: 24px;
}

@media screen and (max-width: 640px) {
    #body #topButtonArea {
        right: 16px;
    }
}

/* 구조 변경으로  인한 기존 고객용 css - end */
#body #topButton {
    width: 40px;
    height: 40px;
    border: 0px solid transparent;
    cursor: pointer;
    text-align: center;
    -webkit-transition: opacity .3s linear;
    -moz-transition: opacity .3s linear;
    -o-transition: opacity .3s linear;
    transition: opacity .3s linear;
    box-sizing: border-box;
    opacity: 0;
}

#body #topButtonArea.active {
    z-index: 9999;
}

#body #topButtonArea.active #topButton {
    opacity: 0.8;
}

#body #topButton .topButtonIcon {
    display: none;
}

#body.moveTopBtn-type-korean.moveTopBtn-weight-bold #topButton .topButtonIcon.icomoon-backToTop-textKor-bold,
#body.moveTopBtn-type-english.moveTopBtn-weight-bold #topButton .topButtonIcon.icomoon-backToTop-textEng-bold,
#body.moveTopBtn-type-icon-arrow1.moveTopBtn-weight-bold #topButton .topButtonIcon.icomoon-backToTop-arrow1-bold,
#body.moveTopBtn-type-icon-arrow2.moveTopBtn-weight-bold #topButton .topButtonIcon.icomoon-backToTop-arrow2-bold,
#body.moveTopBtn-type-icon-arrow3.moveTopBtn-weight-bold #topButton .topButtonIcon.icomoon-backToTop-arrow3-bold,
#body.moveTopBtn-type-iconAndEnglish.moveTopBtn-weight-bold #topButton .topButtonIcon.icomoon-backToTop-textArrow-bold,
#body.moveTopBtn-type-korean.moveTopBtn-weight-normal #topButton .topButtonIcon.icomoon-backToTop-textKor-normal,
#body.moveTopBtn-type-english.moveTopBtn-weight-normal #topButton .topButtonIcon.icomoon-backToTop-textEng-normal,
#body.moveTopBtn-type-icon-arrow1.moveTopBtn-weight-normal #topButton .topButtonIcon.icomoon-backToTop-arrow1-normal,
#body.moveTopBtn-type-icon-arrow2.moveTopBtn-weight-normal #topButton .topButtonIcon.icomoon-backToTop-arrow2-normal,
#body.moveTopBtn-type-icon-arrow3.moveTopBtn-weight-normal #topButton .topButtonIcon.icomoon-backToTop-arrow3-normal,
#body.moveTopBtn-type-iconAndEnglish.moveTopBtn-weight-normal #topButton .topButtonIcon.icomoon-backToTop-textArrow-normal,
#body.moveTopBtn-type-korean.moveTopBtn-weight-light #topButton .topButtonIcon.icomoon-backToTop-textKor-thin,
#body.moveTopBtn-type-english.moveTopBtn-weight-light #topButton .topButtonIcon.icomoon-backToTop-textEng-thin,
#body.moveTopBtn-type-icon-arrow1.moveTopBtn-weight-light #topButton .topButtonIcon.icomoon-backToTop-arrow1-thin,
#body.moveTopBtn-type-icon-arrow2.moveTopBtn-weight-light #topButton .topButtonIcon.icomoon-backToTop-arrow2-thin,
#body.moveTopBtn-type-icon-arrow3.moveTopBtn-weight-light #topButton .topButtonIcon.icomoon-backToTop-arrow3-thin,
#body.moveTopBtn-type-iconAndEnglish.moveTopBtn-weight-light #topButton .topButtonIcon.icomoon-backToTop-textArrow-thin {
    display: inline-block;
}

#body.moveTopBtn-weight-bold #topButton {
    border-width: 2px;
}

#body.moveTopBtn-weight-normal #topButton {
    border-width: 1.5px;
}

#body.moveTopBtn-weight-light #topButton {
    border-width: 1px;
}

#body.moveTopBtn-shape-square #topButton {
    border-radius: 0;
}

#body.moveTopBtn-shape-roundedSquare #topButton {
    border-radius: 6px;
}

#body.moveTopBtn-shape-round #topButton {
    border-radius: 50%;
}

#body.moveTopBtn-type-korean #topButton span {
    font-size: 27px;
}

#body.moveTopBtn-type-english #topButton span,
#body.moveTopBtn-type-icon-arrow1 #topButton span,
#body.moveTopBtn-type-iconAndEnglish #topButton span {
    font-size: 24px;
}

#body.moveTopBtn-type-icon-arrow2 #topButton span,
#body.moveTopBtn-type-icon-arrow3 #topButton span {
    font-size: 22px;
}

#body.moveTopBtn-weight-bold #topButton span {
    line-height: 36px;
}

#body.moveTopBtn-weight-normal #topButton span {
    line-height: 37px;
}

#body.moveTopBtn-weight-light #topButton span {
    line-height: 38px;
}

/* floatingButton */
#body #floatingButton {
    width: auto;
    height: auto;
    position: fixed;
    z-index: 9999;
    right: 24px;
    bottom: 24px;
}

@media screen and (max-width: 640px) {
    #body #floatingButton {
        right: 16px;
    }
}

#floatingButton.floatingButton .floatingButtonImg-wrapper,
#floatingButton.floatingButton .floatingButtonImg-wrapper .floatingButtonContent {
    width: 100%;
    height: auto;
    overflow: hidden;
}

#body #kakaoPlusFriend-chat-button {
    position: fixed;
    z-index: 9999;
    right: 24px;
    bottom: 24px;
}

@media screen and (max-width: 640px) {
    #body #kakaoPlusFriend-chat-button {
        right: 16px;
    }
}

/* channel Button */
#ch-plugin #ch-plugin-core > div:last-child {
    z-index: 9999 !important;
}

/* addToCartAtProductList - 상품 상세 장바구니 버튼 */
#addToCartAtProductListBg {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #000;
    opacity: 0.6;
    /*무직타이거 팝업 z인덱스가 10000000*/
    z-index: 10000001;
}

#addToCartAtProductList {
    position: absolute;
    top: 50vh;
    left: 50%;
}

#addToCartAtProductListElem {
    position: fixed;
    width: 600px;
    transform: translate(-50%, -50%);
    background-color: #fff;
    border-radius: 10px;
    /*무직타이거 팝업 z인덱스가 10000000*/
    z-index: 10000002;
}

#addToCartAtProductListElem .scrollbar-inner {
    max-height: 200px;
    overflow: auto;
}

#addToCartAtProductListElem .scroll-wrapper {
    overflow: hidden;
}

#addToCartHeader {
    display: flex;
    font-size: 16px;
    padding: 20px 15px;
    line-height: 1.1em;
    border-bottom: 1px solid #F0F0F5;
    justify-content: space-between;
}

#addToCartBody {
    font-size: 14px;
    padding: 20px 20px 5px 20px;
    border-bottom: 1px solid #F0F0F5;
}

#addToCartBody .select-product-all-box {
    width: 150px;
}

#addToCartBody .basic-select {
    border: 1px solid;
    width: 150px;
    padding: 9px 12px 9px 14px;
    cursor: pointer;
    margin-top: 8px;
    margin-bottom: 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

#addToCartBody .basic-select.disabled {
    pointer-events: none;
    opacity: 0.4;
}

#addToCartBody .option-value {
    padding: 9px 12px 9px 14px;
    margin-top: -1px;
    cursor: pointer;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    -ms-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

#addToCartBody .option-value:hover {
    background-color: #eee;
}

#addToCartBody .option-value.disabled {
    pointer-events: none;
    opacity: 0.4;
}

#addToCartBody .option-select {
    position: absolute;
    max-height: 130px;
    background-color: #fff;
    border: 1px solid;
    width: 150px;
    z-index: 1;
    margin-top: -16px;
    overflow: auto;
}

#addToCartBody .option-select::-webkit-scrollbar {
    width: 7px;
}

#addToCartBody .option-select::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 10px;
    border: 1px solid #ffffff;
}

#addToCartBody .arrow-icon {
    float: right;
}

#addToCartBody .basic-select .arrow-icon::after {
    content: "\e970";
    font-family: 'icomoon';
    font-size: 14px;
}

#addToCartBody .basic-select.value-open .arrow-icon::after {
    content: "\e974";
}

#addToCartDialogClose {
    font-size: 12px;
    float: right;
    padding: 3px 10px 0 0;
    cursor: pointer;
}

#addToCartContent #quantityElem {
    font-size: 13px;
}

#addToCartContent .quantity-div {
    display: flex;
    margin-top: 10px;
}

#addToCartContent .quantity-box,
#addToCartContent .quantity-calc-box {
    background-color: transparent;
    border: 1px solid;
    width: 37px;
    height: 37px;
    text-align: center;
    line-height: 37px;
    cursor: pointer;
    position: relative;
}

#addToCartContent .quantity-box {
    width: 40px;
    height: 37px;
    font-size: 14px;
    padding: 5px;
    margin: 0 -1px;
}

#addToCartContent .quantity-div input::-webkit-inner-spin-button,
#addToCartContent .quantity-div input::-webkit-outer-spin-button {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    margin: 0;
}

#addToCartContent .quantity-elem {
    margin-top: 20px;
}

#addToCartContent .quantity-elem .select-productBox {
    display: flex;
    justify-content: space-between;
}

#addToCartContent .quantity-elem .select-productBox .select-product-text {
    line-height: 19px;
}

#addToCartContent .quantity-elem i {
    float: right;
    font-size: 12px;
    margin: 0 5px;
    cursor: pointer;
}

#addToCartFooter #quantityAndAmountElem {
    font-size: 15px;
    padding: 20px 20px 0 20px;
    border-top: 1px solid #F0F0F5;
}

#addToCartFooter #quantityAndAmountElem .max-purchase-quantity-elem,
#addToCartFooter #quantityAndAmountElem .min-purchase-quantity-elem,
#addToCartFooter #quantityAndAmountElem .quantity-elem,
#addToCartFooter #quantityAndAmountElem .total-amount-elem {
    display: flex;
    justify-content: space-between;
}

#addToCartFooter #quantityAndAmountElem .max-purchase-quantity-elem span:first-child,
#addToCartFooter #quantityAndAmountElem .min-purchase-quantity-elem span:first-child,
#addToCartFooter #quantityAndAmountElem .quantity-elem span:first-child,
#addToCartFooter #quantityAndAmountElem .total-amount-elem span:first-child {
    font-weight: 600;
}

#addToCartFooter #quantityAndAmountElem .max-purchase-quantity-elem,
#addToCartFooter #quantityAndAmountElem .min-purchase-quantity-elem,
#addToCartFooter #quantityAndAmountElem .quantity-elem {
    margin-bottom: 10px;
}

#addToCartFooter #addToCartBtnElem {
    text-align: center;
    margin: 0 20px 20px;
}

#addToCartFooter #addToCartBtnElem .error-msg-elem {
    line-height: 24px;
    font-size: 15px;
    color: #bd0000;
    margin-top: 20px;
}

#addToCartFooter #addToCartBtnElem .info-msg-elem,
#addToCartFooter #addToCartBtnElem .quantity-count-elem {
    line-height: 24px;
    font-size: 15px;
    color: #000;
}

#addToCartFooter #addToCartBtnElem .add-cart-button {
    cursor: pointer;
    width: calc(50% - 10px);
    max-width: 160px;
    height: 48px;
}

#addToCartFooter #addToCartBtnElem .add-cart-button:hover {
    opacity: 0.8;
}

#addToCartFooter #addToCartBtnElem .add-cart-button.disabled {
    pointer-events: none;
    opacity: 0.4;
}

#addToCartFooter #directOrderBtn {
    margin: 20px 15px 0 0;
}

/* addToCartAtProductList - 상품 상세 장바구니 버튼(모바일) */
#body.mobile #addToCartAtProductList #addToCartAtProductListElem {
    width: 100%;
    bottom: 0;
    transform: translate(-50%);
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate(-50%, 100%);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, 0);
    }
}

#body.mobile #addToCartAtProductListElem.open {
    animation: fadeInUp 0.5s;
}