/* IE8 crossbrowsing: calc, media query, :not & other pseudo class  */

/* display */
body.ie8.display #body #displayCanvas .section-wrapper {
    position: relative;
    top: 0 !important;
    left: 0;
    height: auto;
    /* display:block; */
    visibility: visible;
}

body.ie8.display #body #displayCanvas .section-wrapper .fixed-item {
    position: absolute !important;
    visibility: visible;
}

body.ie8.display #body #displayCanvas .section-wrapper .section-background {
    height: 100% !important;
    background-attachment: scroll !important;
    z-index: 0;
}

body.ie8.display #body #displayCanvas .section-wrapper .section-background.background-mask {
    display: none
}

body.ie8.display .loader {
    display: none !important;
}

/* display */

/* site-division */
body.ie8 #body .site-division {
    min-width: 1240px;
}

body.ie8.display #body .site-division .row {
    width: 1240px;
    padding-left: 20px;
    padding-right: 20px;
}

/* site-division */

/* header&footer - common */
body.ie8.display #body.desktop.header-style-effect-type-fixedAtTop .siteHeader {
    top: 60px;
}

body.ie8.display #body #siteFooter .site-element .menu-navi:last-child {
    margin-right: 0;
}

/* header&footer - common */

/* header& footer - subMenu */
body.ie8.display #body .site-element .menu-navi.menu-main .subMenuNaviListDiv {
    position: absolute;
    width: auto;
    height: auto;
    z-index: 1000;
    padding-top: 0.8em;
    margin-left: -0.8em;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.4s;
}

body.ie8.display #body .site-element .menu-navi.menu-main:hover .subMenuNaviListDiv {
    opacity: 1;
    visibility: visible;
}

body.ie8.display #body .site-element .menu-navi.menu-main .subMenuNaviList {
    position: relative;
    width: auto;
    height: auto;
    border: 1px solid rgb(242, 242, 242);
    background-color: rgb(255, 255, 255);
    z-index: 1000;
    padding: 0.8em;
}

/* header& footer - subMenu */

/* header& footer - layout */
body.ie8.display .body .siteHeader.layout-type-normal-double-left1 #headerCartAndCustomer {
    vertical-align: baseline;
}

body.ie8.display .body #siteFooter.layout-type-align-center1 .column.footer-center {
    width: 100%;
}

body.ie8.display .body #siteFooter.layout-type-align-center1 #footerCompanyInfo.site-element {
    padding: 16px 0;
}

body.ie8.display .body #siteFooter.layout-type-align-center1 #footerMenuList .menu-navi:last-child {
    margin-right: 1em;
}

body.ie8.display .body #siteFooter.layout-type-align-center1 #footerSns {
    display: block;
    margin-right: 0.55em;
    padding-bottom: 16px;
}

body.ie8.display .body #siteFooter.layout-type-align-bothSide1 .column.footer-left {
    width: 70%;
    vertical-align: top;
}

body.ie8.display .body #siteFooter.layout-type-align-bothSide1 .column.footer-right {
    width: 30%;
    vertical-align: top;
}

body.ie8.display .body #siteFooter.layout-type-align-bothSide1 #footerMenuList {
    display: block;
    margin-bottom: 0.7em;
}

body.ie8.display .body #siteFooter.layout-type-align-bothSide1 #footerCompanyInfo {
    display: block;
    margin-bottom: 0.5em;
}

body.ie8.display .body #siteFooter.layout-type-align-bothSide1 #footerEscrow {
    margin-right: 1em;
}

/* header& footer - layout */

/* header - layout */
body.ie8 #body .siteHeader.layout-type-normal-single-left1 .column.header-left {
    width: 30%;
}

body.ie8 #body .siteHeader.layout-type-normal-single-left1 .column.header-right {
    width: 70%;
}

body.ie8 #body .siteHeader.layout-type-normal-single-left2 .column.header-left {
    width: 30%;
}

body.ie8 #body .siteHeader.layout-type-normal-single-left2 .column.header-center {
    width: 40%;
}

body.ie8 #body .siteHeader.layout-type-normal-single-left2 .column.header-right {
    width: 30%;
}

body.ie8 #body .siteHeader.layout-type-normal-single-left3 .column.header-left {
    width: 70%;
}

body.ie8 #body .siteHeader.layout-type-normal-single-left3 .column.header-right {
    width: 30%;
}

body.ie8 #body .siteHeader.layout-type-normal-single-center1 .column.header-left {
    width: 35%;
}

body.ie8 #body .siteHeader.layout-type-normal-single-center1 .column.header-center {
    width: 30%;
}

body.ie8 #body .siteHeader.layout-type-normal-single-center1 .column.header-right {
    width: 35%;
}

body.ie8 #body .siteHeader.layout-type-normal-single-right1 .column.header-left {
    width: 70%;
}

body.ie8 #body .siteHeader.layout-type-normal-single-right1 .column.header-center {
    width: 0%;
}

body.ie8 #body .siteHeader.layout-type-normal-single-right1 .column.header-right {
    width: 30%;
}

body.ie8 #body .siteHeader.layout-type-normal-double-left1 .column.header-left {
    width: 70%;
}

body.ie8 #body .siteHeader.layout-type-normal-double-left1 .column.header-right {
    width: 30%;
}

body.ie8 #body .siteHeader.layout-type-normal-double-center1 .column.header-center {
    width: 50%;
}

body.ie8 #body .siteHeader.layout-type-normal-double-center1 .column.header-left,
body.ie8 #body .siteHeader.layout-type-normal-double-center1 .column.header-right {
    width: 25%;
}

/* header - layout */

/* hero */
body.ie8 .page-opened.hero-use .hero-section {
    display: block;
}

body.ie8 .hero-section {
    position: relative;
    display: none;
}

body.ie8 .hero-section .heroCaption .heroCaptionContent {
    width: 1240px;
    padding: 0 20px;
}

body.ie8 .hero-section .heroCaption .heroCaptionPosition {
    width: 800px;
}

body.ie8 .hero-section .heroWrapper .heroContent {
    z-index: auto !important;
}

/* hero */

/* custom section */
body.ie8 #body .section-wrapper.custom-section .section .customSectionColumn {
    margin: 0;
    float: none;
}

/* custom section */

/* productList */
body.ie8 #body .item-wrapper.productList .productListWrapper.c-1 .shopProductWrapper {
    width: 100% !important;
    margin: 0 !important;
    margin-bottom: 32px !important;
}

body.ie8 #body .item-wrapper.productList .productListWrapper.c-2 .shopProductWrapper {
    width: 47% !important;
    margin: 1.5% !important;
    margin-top: 0% !important;
    margin-bottom: 6% !important;
}

body.ie8 #body .item-wrapper.productList .productListWrapper.c-3 .shopProductWrapper {
    width: 30.3% !important;
    margin: 1.5% !important;
    margin-top: 0% !important;
    margin-bottom: 6% !important;
}

body.ie8 #body .item-wrapper.productList .productListWrapper.c-4 .shopProductWrapper {
    width: 22% !important;
    margin: 1.5% !important;
    margin-top: 0% !important;
    margin-bottom: 6% !important;
}

body.ie8 #body .item-wrapper.productList .productListWrapper.c-5 .shopProductWrapper {
    width: 17% !important;
    margin: 1.5% !important;
    margin-top: 0% !important;
    margin-bottom: 6% !important;
}

body.ie8 #body .item-wrapper.productList .productListWrapper.c-6 .shopProductWrapper {
    width: 13.6% !important;
    margin: 1.5% !important;
    margin-top: 0% !important;
    margin-bottom: 6% !important;
}

body.ie8 #body.productList-textPosition-onImg .item-wrapper.productList .shopProductBackground,
body.ie8 #body.productList-textPosition-onImg .item-wrapper.productList .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.ie8 #body.productList-textPosition-onImg .item-wrapper.productList .shopProductNameAndPriceContent {
    height: 100%;
    display: table;
    margin: 0 auto;
    width: 80%;
}

body.ie8 #body.productList-textPosition-onImg .item-wrapper.productList .shopProductNameAndPrice {
    display: table-cell;
    vertical-align: middle;
}

body.ie8 #body.productList-textPosition-onImg .item-wrapper.productList .shopProductNameAndPriceDiv .shopProduct {
    line-height: 1.2em;
    word-break: break-all; /*ie8�̾ break-all�� ����.*/
}

body.ie8 #body.productList-textPosition-onImg .item-wrapper.productList .shopProductNameAndPriceDiv .productName {
    margin-bottom: 0.3em;
}

/* productList element - name&price hover */
body.ie8 #body.productList-textPosition-onImg .item-wrapper.productList .shopProductWrapper .shopProductBackground,
body.ie8 #body.productList-textPosition-onImg .item-wrapper.productList .shopProductWrapper .shopProductNameAndPriceDiv {
    -ms-filter: alpha(opacity=0);
    filter: alpha(opacity=0);
    opacity: 0;
}

body.ie8 #body.productList-textPosition-onImg .item-wrapper.productList .shopProductWrapper:hover .shopProductBackground {
    -ms-filter: alpha(opacity=80);
    filter: alpha(opacity=80);
    opacity: 0.8;
}

body.ie8 #body.productList-textPosition-onImg .item-wrapper.productList .shopProductWrapper:hover .shopProductNameAndPriceDiv {
    -ms-filter: alpha(opacity=100);
    filter: alpha(opacity=100);
    opacity: 1;
}

/* productList */

/* gallery */
body.ie8 #body .item-wrapper.gallery .galleryListDiv {
    height: 100%;
}

body.ie8 .desktop #body .item-wrapper.gallery.c-1 .galleryListDiv .galleryWrapper,
body.ie8 .mobile #body .item-wrapper.gallery.c-1-mobile .galleryListDiv .galleryWrapper {
    width: 100% !important;
    margin: 0 !important;
    margin-bottom: 32px !important;
}

body.ie8 .desktop #body .item-wrapper.gallery.c-2 .galleryListDiv .galleryWrapper,
body.ie8 .mobile #body .item-wrapper.gallery.c-2-mobile .galleryListDiv .galleryWrapper {
    width: 47% !important;
    margin: 1.5% !important;
    margin-top: 0% !important;
    margin-bottom: 6% !important;
}

body.ie8 .desktop #body .item-wrapper.gallery.c-3 .galleryListDiv .galleryWrapper,
body.ie8 .mobile #body .item-wrapper.gallery.c-3-mobile .galleryListDiv .galleryWrapper {
    width: 30.3% !important;
    margin: 1.5% !important;
    margin-top: 0% !important;
    margin-bottom: 6% !important;
}

body.ie8 .desktop #body .item-wrapper.gallery.c-4 .galleryListDiv .galleryWrapper {
    width: 22% !important;
    margin: 1.5% !important;
    margin-top: 0% !important;
    margin-bottom: 6% !important;
}

body.ie8 .desktop #body .item-wrapper.gallery.c-5 .galleryListDiv .galleryWrapper {
    width: 17% !important;
    margin: 1.5% !important;
    margin-top: 0% !important;
    margin-bottom: 6% !important;
}

body.ie8 .desktop #body .item-wrapper.gallery.c-6 .galleryListDiv .galleryWrapper {
    width: 13.6% !important;
    margin: 1.5% !important;
    margin-top: 0% !important;
    margin-bottom: 6% !important;
}

/* gallery */

/* boardGrid */
body.ie8 #body.board-grid-column-desktop-1 .item-wrapper.boardGrid .boardListDiv .boardGridWrapper,
body.ie8 #body.board-grid-column-mobile-1 .item-wrapper.boardGrid .boardListDiv .boardGridWrapper {
    width: 100% !important;
    margin: 0 !important;
    margin-bottom: 32px !important;
}

body.ie8 #body.board-grid-column-desktop-2 .item-wrapper.boardGrid .boardListDiv .boardGridWrapper,
body.ie8 #body.board-grid-column-mobile-2 .item-wrapper.boardGrid .boardListDiv .boardGridWrapper {
    width: 47% !important;
    margin: 1.5% !important;
    margin-top: 0% !important;
    margin-bottom: 6% !important;
}

body.ie8 #body.board-grid-column-desktop-3 .item-wrapper.boardGrid .boardListDiv .boardGridWrapper,
body.ie8 #body.board-grid-column-mobile-3 .item-wrapper.boardGrid .boardListDiv .boardGridWrapper {
    width: 30.3% !important;
    margin: 1.5% !important;
    margin-top: 0% !important;
    margin-bottom: 6% !important;
}

body.ie8 #body.board-grid-column-desktop-4 .item-wrapper.boardGrid .boardListDiv .boardGridWrapper {
    width: 22% !important;
    margin: 1.5% !important;
    margin-top: 0% !important;
    margin-bottom: 6% !important;
}

body.ie8 #body.board-grid-column-desktop-5 .item-wrapper.boardGrid .boardListDiv .boardGridWrapper {
    width: 17% !important;
    margin: 1.5% !important;
    margin-top: 0% !important;
    margin-bottom: 6% !important;
}

body.ie8 #body.board-grid-column-desktop-6 .item-wrapper.boardGrid .boardListDiv .boardGridWrapper {
    width: 13.6% !important;
    margin: 1.5% !important;
    margin-top: 0% !important;
    margin-bottom: 6% !important;
}

/* boardGrid */

/* item */
body.ie8 #body .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;
}

/* item */

body.ie8.display .cke_toolbox .cke_button__image,
body.ie8.display .cke_toolbox .cke_button__sixshopimageuploader {
    display: none;
}