/* common */
#header{background: #fff;}
#header .header-menu,
#header .mo-icon-button{filter: invert(1);}
#header .header-logo img{opacity: 0;}
#header .header-logo img[alt="logo_color"]{opacity: 1;}

#wrap{padding-top: 90rem !important;}

@media all and (max-width:1023px) {
    #wrap{padding-top: 60rem !important;}
}

/* product - detail */
.single-product.wrap-medium{margin: 60rem auto 0;position: relative;}
.product-header{display: flex;}
.product-header .product-thumbnail{width: 55%;border-radius: 20rem;border: 1px solid var(--color-neutral-2);overflow: hidden;}
.product-header .product-desc{width: calc(1300rem*.45); max-height: calc(100vh - 210rem); overflow-y: scroll; padding-left: 55rem;margin-top: 90rem;position: fixed;right: calc((100% - 1300rem) / 2);}
.product-header .product-desc .share-btn{display: inline-block;position: absolute;top: 0;right: 0;display: flex;align-items: center;justify-content: center;gap: 6rem;font-size: 12rem;line-height: 1.4;color: var(--color-neutral-7);padding: 8rem 12rem;border: 1px solid var(--color-neutral-2);border-radius: 25rem;cursor: pointer;}
.product-header .product-desc .share-btn > svg{width: 14rem;height: 14rem;}
.product-header .product-desc .product-title{font-size: 24rem;font-weight: 600;margin-bottom: 10rem;width: calc(100% - 80rem);}
.product-header .product-desc > p{color: var(--color-neutral-4);font-size: 16rem;}
.product-header .product-desc .prd__desc{margin-top: 50rem;}
.product-header .product-desc .prd__desc > span{font-size: 15rem;font-weight: 700;}
.product-header .product-desc .prd__desc > p{margin-top: 5rem;font-size: 15rem;line-height: 1.8;}
.product-header .product-desc .prd__link{margin-top: 50rem;display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 12rem;}
.product-header .product-desc .prd__link > a{display: flex;align-items: center;justify-content: space-between;font-size: 15rem;line-height: 1.6;padding: 12rem 20rem;border-radius: 50rem;border: 1px solid var(--color-neutral-3);color: var(--color-neutral-4);}
.product-header .product-desc .prd__link > a:first-child{color: var(--color-neutral-1);background:var(--color-sub-3);border-color: var(--color-sub-3);}
.product-header .product-desc .prd__link > a > span{display: flex;align-items: center;justify-content: center;}
.product-header .product-desc .prd__link > a > span svg{width: 20rem;height: 20rem;}
.product-header .product-desc .download-list{}
.product-header .product-desc .download-list > h3{font-weight: 600;font-size: 18rem;color: var(--color-primary);margin-top: 50rem;margin-bottom: 25rem;}
.product-header .product-desc .download-list > ul{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 16rem;}
.product-header .product-desc .download-list > ul > li{}
.product-header .product-desc .download-list > ul > li > a{display: flex;align-items: center;justify-content: space-between;color: var(--color-sub-3);border: 1px solid var(--color-sub-3);padding: 12rem 20rem;border-radius: 35rem;font-size: 15rem;line-height: 1.6;font-weight: 500;}
.product-header .product-desc .download-list > ul > li > a svg{width: 18rem;height: 18rem;}
.product-header .product-desc .download-list > p{margin-top: 16rem;font-size: 12rem;line-height: 1.6;color: var(--color-neutral-7);}

.product-content{width: 55%;margin-top: 100rem;}
.product-content .product-spec{}
.product-content .product-spec > h3{font-weight: 600;font-size: 18rem;color: var(--color-primary);margin-top: 50rem;margin-bottom: 25rem;}
.product-content .product-spec .product-info-table{border: none; border-top: 1px solid #000;width: 100%;}
.product-content .product-spec .product-info-table tbody{}
.product-content .product-spec .product-info-table tbody tr{border-bottom: 1px solid var(--color-neutral-2);text-align: left;display: grid;grid-template-columns: 200rem auto;font-size: 16rem;}
.product-content .product-spec .product-info-table tbody tr th{padding: 25rem;font-weight: 500;color: var(--color-primary);background: var(--color-bg-2);}
.product-content .product-spec .product-info-table tbody tr td{padding: 25rem;font-weight: 500;color: var(--color-neutral-6);}

.product-content .product-details{}
.product-content .product-details > h3{font-weight: 600;font-size: 18rem;color: var(--color-primary);margin-top: 100rem;margin-bottom: 25rem;}
.product-content .product-details > .prd_detail{border-top: 1px solid #000;padding: 10rem 0;}
.product-content .product-details > .prd_detail img{display: block;width: 100%;}

@media all and (max-width:1340px) {
    .product-header .product-desc{right: 0;width: 45%;padding-right: 20rem;margin-top: 50rem;}
    .product-header .product-desc .share-btn{right: 20rem;}
}

@media all and (max-width:1023px) {
    .single-product.wrap-medium{margin-top: 20rem;}
    .product-header{flex-direction: column;}
    .product-header .product-thumbnail{width: 100%;}
    .product-header .product-desc{width: 100%;padding-left: 0;margin-top: 75rem;position: relative;padding-right: 0;}

    .product-content{width: 100%;}
}

@media all and (max-width:660px) {
    .product-header .product-desc{margin-top: 45rem;}
    .product-header .product-desc .product-title{font-size: 22rem;}
    .product-header .product-desc > p{font-size: 14rem;}
    .product-header .product-desc .prd__desc{margin-top: 35rem;}
    .product-header .product-desc .prd__desc > p{font-size: 14rem;}
    .product-header .product-desc .prd__link{margin-top: 35rem;}
    .product-header .product-desc .prd__link > a{font-size: 13rem;padding: 10rem 16rem;}
    .product-header .product-desc .prd__link > a > span svg{width: 16rem;height: 16rem;}
    .product-header .product-desc .download-list > h3{font-size: 16rem;margin-bottom: 15rem;}
    .product-header .product-desc .download-list > ul{grid-template-columns: 1fr;gap: 10rem;}
    .product-header .product-desc .download-list > ul > li > a{font-size: 13rem;padding: 12rem 17rem;}
    .product-header .product-desc .download-list > ul > li > a svg{width: 16rem;height: 16rem;}
    .product-header .product-desc .download-list > p{margin-top: 10rem;}

    .product-content{margin-top: 75rem;}
    .product-content .product-spec > h3{font-size: 16rem;margin-bottom: 15rem;}
    .product-content .product-spec .product-info-table tbody tr{grid-template-columns: 100rem auto;font-size: 13rem;}
    .product-content .product-spec .product-info-table tbody tr th,
    .product-content .product-spec .product-info-table tbody tr td{padding: 15rem;}
    .product-content .product-details > h3{font-size: 16rem;margin: 75rem 0 15rem;}
}