/*----------------	
login style Start
------------------*/
.loginParent {
    max-width: 58.3rem;
    width: 100%;
}

.loginLabel {
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.5;
}

.loginInput {
    display: block;
    width: 100%;
    height: 56px;
    border: 1px solid var(--cloud30);
    border-radius: 3px;
    padding: 1.5rem 1.6rem;
    margin-top: 1rem;
    font-size: 1.6rem;
}

.loginInput::placeholder {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.5;
    color: var(--cloud30);
}

.loginInput:focus {
    border: 1px solid var(--blue30);
    background-color: var(--blue00);
}

.loginInfo {
    border: 1px solid var(--cloud20);
    margin: 19.4rem 0 7.4rem;
}

.loginInfoTtl {
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.2;
    background-color: var(--cloud10);
    padding: 2.2rem 4.8rem;
}

.loginInfoFlex {
    display: flex;
    gap: 67px;
    padding: 3rem 7.2rem 3rem 4.8rem;
}

.loginInfoPara {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.5;
}

.loginInfoUl {
    margin: 1.5rem 0 2.2rem;
}

.loginInfoList {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 0.4rem;
}

.loginInfoLink {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.5;
    color: var(--blue30);
    position: relative;
}

.loginInfoLink::after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 1.2rem;
    height: 1.2rem;
    border: 0;
    border-top: solid 3px var(--blue40);
    border-right: solid 3px var(--blue40);
    position: absolute;
    right: -17px;
    top: 57%;
    transform: translateY(-50%) rotate(45deg);
}

.loginInfoImg {
    max-width: 43.1%;
    width: 100%;
    height: 22.83%;
}

/*----------------	
login style End
------------------*/

/*----------------	
login style Start
------------------*/
.passInputDiv {
    position: relative;
}

.loginEntry {
    display: block;
    width: 100%;
    height: 5.6rem;
    font-size: 1.6rem;
    border: 1px solid var(--cloud30);
    border-radius: 3px;
    padding: 1.5rem 5.6rem 1.5rem 1.6rem;
    margin-top: 1rem;
}

.loginEntry:focus {
    border: 1px solid var(--blue30);
    background-color: var(--blue00);
}

.clickLinks {
    display: block;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.5;
    position: relative;
    width: fit-content;
}

.clickLinks::after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 1.2rem;
    height: 1.2rem;
    border-bottom-style: initial;
    border-left-style: initial;
    border-bottom-color: initial;
    border-left-color: initial;
    position: absolute;
    right: -15px;
    top: 57%;
    transform: translateY(-50%) rotate(45deg);
    border-width: 3px 3px 0px 0px;
    border-image: initial;
    border-top: 3px solid var(--blue40);
    border-right: 3px solid var(--blue40);
}

.clickLinks:hover,
.clickLinks:focus-visible {
    color: var(--blue40);
}

.loginVisibilityIcon {
    width: 2.4rem;
    height: 2.4rem;
}

.loginVisibilityOffIcon {
    width: 2.4rem;
    height: 2.4rem;
    object-fit: contain;
}

.loginError {
    display: block;
    width: 100%;
    height: 5.6rem;
    font-size: 1.6rem;
    border-radius: 3px;
    padding: 1.5rem 5.6rem 1.5rem 1.6rem;
    border: none;
    border-bottom: 4px solid var(--hot50);
    background: #E205050D;
}

.errorMessage {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--hot50);
    display: block;
    letter-spacing: 0;
}

.cusFormNameBlock {
    max-width: 58.2rem;
    width: 100%;
}

.passwordToggle.passToggleNew {
    top: 56%;
}

.selectbox.selectboxNew select {
    width: 100%;
}

/*----------------	
login style End
------------------*/

/*----------------	
update style Start
------------------*/
.scroll {
    border: 1px solid var(--cloud30);
    padding: 4px;
}

.scrollBlk {
    height: 18.7rem;
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 13px;
    box-sizing: border-box;
}

.scrollBlkText {
    min-height: 27rem;
}

.scrollBlk::-webkit-scrollbar {
    width: 0.9rem;
}

.scrollBlk::-webkit-scrollbar-track {
    background: var(--cloud10);
    border-radius: 10px;
}

.scrollBlk::-webkit-scrollbar-thumb {
    background: var(--cloud30);
    border-radius: 10px;
}

/*----------------	
update Style End
------------------*/

/*----------------	
mypage style Start
------------------*/
.barscroll {
    overflow-x: auto;
    padding-bottom: 10px;
    -webkit-overflow-scrolling: touch;
}

.barscroll::-webkit-scrollbar {
    height: 6px;
}

.barscroll::-webkit-scrollbar-track {
    background: #B3B4B5;
}

.barscroll::-webkit-scrollbar-thumb {
    background: var(--blue30);
    border: none;
}

.myPageGreetTtl {
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.2;
    margin-top: 7.6rem;
    display: block;
}

.link_btn01.myPageBtn {
    max-width: 28.8rem;
    width: 100%;
    padding-right: 20px;
    padding-left: 25px;
    margin-top: 5.6rem;
}

.link_btn01.downloadBtn {
    max-width: 30.5rem;
    width: 100%;
}

.myPageBanPara {
    display: block;
    font-size: 1.4rem;
    letter-spacing: -0.5px;
}

.myPageBanLinks {
    gap: 3.6rem;
}

ul.col03 .banLinksLi {
    max-width: 58.2rem;
    width: 100%;
}

.banLinksDiv {
    max-width: calc(100% - 7rem);
    width: 100%;
}

ul.myPageBanLinks a:after {
    right: 23px;
}

.searchboxInner {
    width: 100%;
    height: 80px;
    display: flex;
    border: 1px solid;
    border-color: var(--cloud30);
    border-radius: 5px;
    overflow: hidden;
}

.searchboxInner .inputTxt {
    width: 77%;
    height: 100%;
    background-color: #fff;
    color: var(--cloud40);
    vertical-align: top;
    border: 0;
    padding: 10px 1.4vw 10px 1.4vw;
}

.btnSearch {
    width: 23%;
    height: 100%;
    color: #FFF;
    font-size: 15px;
    padding: 0;
    background-color: var(--accent20);
    background-position: 10px 13px;
    background-repeat: no-repeat;
    display: inline;
    border: none;
    transition: all 0.6s ease;
    column-gap: 5%;
    border-left: 1px solid;
    border-color: var(--cloud30);
    display: flex;
    justify-content: center;
    align-items: center;
}

.btnSearch:hover,
.btnSearch:focus-visible {
    background-color: #0190A8;
}

.btnSearch span {
    font-size: clamp(1.6rem, 1.5vw, 2.4rem);
    color: #fff;
    font-weight: 700;
    letter-spacing: 2px;
}

.btnSearch span img {
    display: block;
    width: 24px;
    width: clamp(18px, 1.5vw, 24px);
}

.favInputSearch {
    max-width: 63.8rem;
    width: 100%;
}

.favInputSearch .btnSearch {
    width: 25%;
}

.langCheckbox.block {
    display: block;
}

.langCheckbox.block .noMarginLeft {
    margin-left: 0;
}

.langCheckboxDiv {
    flex-direction: column;
    gap: 8px;
}

.langCheckboxFlex {
    width: 100%;
    gap: 6.4rem !important;
    margin-left: 0 !important;
}

.langCheckboxFlex div {
    margin-left: 0;
}

.langCheckboxLeft,
.langCheckboxRight {
    margin-left: 0 !important;
}

.langCheckboxLeft {
    max-width: 64rem;
    width: 100%;
}

.langCheckboxRight {
    max-width: calc(100% - 72rem);
    width: 100%;
}

.labelWidth {
    max-width: 11rem;
    width: 100%;
}

.moreBtn {
    max-width: 29.8rem;
    width: 100%;
    padding-left: 16px;
}

.moreBtn span::after {
    content: ' ';
    position: absolute;
    top: 73%;
    right: -31px;
    transform: translateY(-50%);
    width: 1.9rem;
    height: 1.9rem;
    background: url(/assets/img/membership/common/ic_add_circle.png) no-repeat;
    background-size: 100% 100%;
    border-top: 0 !important;
    border-right: 0 !important;
}

.moreBtn:hover span::after {
    background: url(/assets/img/membership/common/ic_add_circle_blue.png) no-repeat;
    background-size: 100% 100%;
}

.dl_add_btn.dlAddBtnActive:disabled {
    border-color: var(--cloud30);
}

.dl_add_btn.dlAddBtnActive:disabled span {
    cursor: auto;
    pointer-events: none;
    color: var(--cloud30);
}

.icGray {
    display: none;
}

.dl_add_btn.dlAddBtnActive:disabled .icGray {
    display: block;
}

.dl_add_btn.dlAddBtnActive:disabled .ic img:nth-of-type(1) {
    display: none;
}

.downloadListDiv {
    display: none;
    max-width: 34.8rem;
    width: 100%;
    min-height: 452px;
    width: 100%;
    border: 1px solid var(--hot20);
    background-color: var(--cloud10);
    position: fixed;
    bottom: 155px;
    z-index: 1;
    right: 20px;
}

.downloadListDiv.downloadListDivHeight {
    min-height: auto;
}

.downloadListTtl {
    cursor: pointer;
    background: #fff;
    padding: 1.7rem 4.5rem 1.7rem;
}

.downloadListHead {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1.5;
    position: relative;
    display: block;
}

.downloadListHead::after {
    content: " ";
    position: absolute;
    top: 50%;
    right: -25px;
    transform: translateY(-50%);
    width: 1.6rem;
    height: 0.8rem;
    background: url(/assets/img/membership/common/arrow_forward_ios.png) no-repeat;
    background-size: 100% 100%;
}

.downloadListHead.downloadListHeadArrow::after {
    transform: rotate(180deg);
    top: 43%;

}

.downloadItem {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.5;
}

.downloadListInfo {
    width: 100%;
}

.downloadListFlowParent {
    overflow-y: scroll;
    height: 32.7rem;
}

.downloadListFlow {
    padding: 1.6rem 0.9rem 1.6rem 1.6rem;
}

.downloadListBox {
    background-color: #fff;
    padding: 1.6rem;
    margin-bottom: 0.8rem;
}

.downloadListFlex {
    display: flex;
    gap: 12px;
}

.downloadListImg {
    width: 3.6rem;
    height: 5.2rem;
}

.downloadListName {
    width: calc(100% - 4.8rem);
    margin-top: -0.5rem;
}

.downloadListName span {
    display: block;
    font-size: 1.4rem;
    line-height: 1.5;
}

.downloadListDelete {
    font-size: 1.4rem;
    line-height: 1.5;
    position: relative;
    display: block;
    margin-left: auto;
    width: fit-content;
    padding-right: 23px;
    cursor: pointer;
}

.downloadListDelete::after {
    content: " ";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 1.8rem;
    height: 1.7rem;
    background: url(/assets/img/membership/common/cancel.png) no-repeat;
    background-size: contain;
}

.downloadListZipBtn {
    padding: 0 1.6rem;
    margin: 1.6rem 0;
    width: 100%;
}

.downloadListZip {
    background-color: var(--hot30);
    text-align: center;
    width: 100%;
    display: block;
    padding: 0.3rem 0 0.6rem;
}

.zipStyle {
    font-size: 1.4rem;
    font-weight: 700;
    color: #fff;
}

.totalCapacity {
    display: block;
    font-size: 1.2rem;
    font-weight: 700;
    color: #fff;
}

.menuBlockDiv {
    display: flex;
    gap: 3.6rem;
    margin-top: 2.2rem;
    position: relative;
}

.menuBlockFirst {
    display: flex;
    flex-direction: column;
    max-width: 27.3rem;
    width: 100%;
}

.menuBlockFirst.menuPlus.showChoose {
    position: relative;
}

.menuBlockFirst.menuPlus.showChoose::before {
    content: "";
    width: 52px;
    height: 39px;
    background: url(/assets/img/membership/common/choose_polygon.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -3.2rem;
    z-index: 3;
}


.menuBlock {
    display: flex;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1.5;
    background-color: #fff;
    border: 1px solid var(--cloud20);
    box-shadow: var(--shadow30-mini);
    padding: 1.2rem 7rem 1.1rem 3rem;
    max-width: 27.3rem;
    width: 100%;
    min-height: 7.9rem;
    position: relative;
    cursor: pointer;
    margin-bottom: 1rem;
    align-items: center;
    text-align: start;
}

.menuBlock::after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 10px;
    border: 0;
    border-top: solid 2px;
    border-right: solid 2px;
    border-color: var(--blue40);
    transform: rotate(45deg);
    margin-left: 8px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 14px;
    margin: auto;
}

.menuBlockPlus {
    display: inline-block;
    background-color: var(--blue00);
    border: 1px dashed var(--blue30);
    padding: 1.2rem 4.7rem 1.1rem 3rem;
    max-width: 27.3rem;
    width: 100%;
    height: 7.9rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-bottom: 1rem;
    text-indent: -9999px;
    cursor: pointer;
    z-index: 1;
}

.menuBlockPlus::before {
    content: "";
    width: 24px;
    height: 24px;
    background: url(/assets/img/membership/common/ic_add_circle_blue.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);

}

.menuBlockDelete {
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.5;
    color: var(--blue30);
    text-decoration: underline !important;
    text-decoration-color: var(--blue30) !important;
    text-underline-offset: 2px;
    position: relative;
    padding-left: 22px;
    margin-left: auto;
}

.menuBlockDelete::before {
    content: " ";
    position: absolute;
    top: 55%;
    left: 0;
    transform: translateY(-50%);
    width: 1.8rem;
    height: 1.8rem;
    background: url(/assets/img/membership/common/cancel_blue.png) no-repeat;
    background-size: 100% 100%;
}

.menuPlus {
    position: relative;
}

.menuChoose {
    width: 100%;
    height: 18.7rem;
    background-color: #FFFFFF;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    border: 1px solid var(--cloud30);
    position: relative;
    padding: 4rem 10rem 4rem 6.7rem;
    position: absolute;
    top: -21rem;
    z-index: 2;
    overflow: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    column-gap: 20px;
    row-gap: 10px;
    border-bottom: 10px solid #FFFFFF;
}


.menuChooseClose {
    position: absolute;
    top: 15px;
    right: 15px;
    font-family: "Inter";
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: 0;
    padding-top: 34px;
    cursor: pointer;
}

.menuChooseClose::before {
    content: "";
    width: 30px;
    height: 30px;
    background: url(/assets/img/membership/common/cancel.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 0;
    right: 50%;
    transform: translateX(50%);
}

.menuChooseChild {
    max-width: 27rem;
    width: 100%;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    align-items: start;
}

.menuChooseTxt {
    font-size: 1.6rem;
    font-weight: 500;
    cursor: pointer;
    position: relative;
    padding-left: 18px;
    width: calc(100% - 55px);
}

.menuChooseTxt::before {
    content: "";
    width: 14px;
    height: 14px;
    background-color: #000000;
    left: 0;
    top: 6px;
    position: absolute;
    border-radius: 50px;
}

.menuChooseLink {
    width: 60px;
    color: var(--blue30);
    font-size: 1.6rem;
    font-weight: 500;
    text-decoration: underline !important;
    padding-left: 2.4rem;
    position: relative;
    text-underline-offset: 2px;
}

.menuChooseLink::before {
    content: "";
    width: 20px;
    height: 20px;
    background: url(/assets/img/membership/common/ic_add_circle_blue.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 0;
    top: 3px;
}

.alreadyChoosed>.menuChooseTxt {
    cursor: initial;
    color: var(--cloud30);
}

.alreadyChoosed>.menuChooseTxt::before {
    background-color: var(--cloud30);
}

.alreadyChoosed>.menuChooseLink {
    cursor: initial;
    color: var(--cloud30);
}

.alreadyChoosed>.menuChooseLink::before {
    background: url(/assets/img/membership/common/ic_add_circle_gray.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}



@media screen and (max-width: 1240px) {
    ul.myPageBanLinks {
        justify-content: center;
    }
}

@media screen and (max-width: 1000px) {
    .langCheckboxLeft {
        max-width: 54rem;
        width: 100%;
    }

    .langCheckboxRight {
        max-width: calc(100% - 47rem);
        width: 100%;
    }
}

@media screen and (max-width: 940px) {
    .menuBlockDiv {
        gap: 2rem;
        justify-content: center;
    }

    .menuBlock {
        font-size: 1.6rem;
        padding: 1.2rem 2.5rem 1.1rem 2rem;
    }

    .menuBlockDelete {
        font-size: 1.2rem;
    }
}

/*----------------	
mypage style End
------------------*/

/*----------------	
form style Start
------------------*/
.cusFormName {
    display: flex;
    justify-content: space-between;
    gap: 36px;
}

.cusFormNameLeft {
    width: calc((100% - 36px) / 2);
    position: relative;
}

.cusFormNameRight {
    width: calc((100% - 36px) / 2);
}

.h4Mail {
    font-size: 1.8rem;
    font-weight: 700;
    position: relative;
    padding-left: 2.2rem;
}

.h4Mail::before {
    content: "";
    width: 1rem;
    height: 1rem;
    background-color: var(--cloud40);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.prefecturesSelect {
    height: auto;
    position: relative;
    cursor: pointer;
}

.prefecturesSelectInner {
    cursor: pointer;
}

.prefecturesSelect::before {
    content: "";
    width: 5.3rem;
    height: 100%;
    border-left: 1px solid var(--cloud30);
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    cursor: pointer;
}

.prefecturesSelect::after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 1rem;
    height: 1rem;
    border: 0;
    border-top: solid 2px var(--blue40);
    border-right: solid 2px var(--blue40);
    position: absolute;
    right: 2rem;
    top: 50%;
    transform: translateY(-50%) rotate(135deg);
    z-index: 2;
    cursor: pointer;
}

.updateButtonBlk {
    display: flex;
    justify-content: center;
    gap: 36px;
}

.updateButtonBlk.loginUpdate {
    gap: 22px;
}

.updateCheckbox {
    display: flex;
    gap: 10px;
}

.updateCheckboxLabel {
    font-weight: 500;
    width: calc(100% - 28px);
}

.updateCheckboxSpan {
    color: var(--cloud40);
}

.checkboxGrayText {
    color: var(--cloud40);
    margin-left: 14px;
}

.updateCheckboxInput {
    appearance: none;
    width: 18px;
    height: 18px;
    border: 1px solid;
    border-color: var(--cloud40);
    background-color: #fff;
    border-radius: 2px;
    cursor: pointer;
    box-sizing: border-box;
    position: relative;
    margin-top: 3px;
}

.updateCheckboxInput:checked {
    border-color: var(--blue30);
    background-color: var(--blue30);
}

.updateCheckboxInput:checked::after {
    content: "";
    position: absolute;
    top: 5px;
    left: 3px;
    width: 10px;
    height: 5px;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    transform: rotate(-45deg);
}

/*----------------	
form style End
------------------*/

/*----------------	
form confirm Start
------------------*/
.formCommonInner {
    max-width: 99.4rem;
    width: 100%;
    margin: 0 auto;
}

.cusConfirmTxt {
    margin-bottom: 5.6rem;
}

.confirmTable {
    width: 100%;
    border: 1px solid var(--cloud30);
    margin-top: 4rem;
}

.confirmTableRow {
    border-bottom: 1px solid var(--cloud30);
    display: flex;
}

.confirmTableRow:last-child {
    border-bottom: none;
}

.confirmTableRowLeft {
    width: 27.5%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-right: 1px solid var(--cloud30);
    padding: 2.6rem 2.5%;
    background-color: var(--cloud10);
}

.confirmTableRowLeftTxt {
    font-size: 1.8rem;
    font-weight: 500;
}

.confirmTableRowRight {
    padding: 2.6rem 0;
    padding-left: 2.4rem;
}

.confirmTableRowRightTxt {
    font-size: 1.8rem;
    font-weight: 500;
}

/*----------------	
form confirm End
------------------*/

/*----------------	
reset password start
-----------------*/
.resetPasswordContainer {
    max-width: 48.2rem;
    width: 100%;
}

.formSubtitle {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 1.5rem;
    line-height: 1.4;
}

.inputRequired {
    width: fit-content;
    position: relative;
    padding-right: 42px;
}

.inputRequired::after {
    content: "必須";
    background: var(--hot50);
    color: #FFFFFF;
    font-size: 1.2rem;
    padding: 0rem 0.55rem;
    font-weight: 400;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}

.required {
    background: var(--hot50);
    color: #FFFFFF;
    font-size: 1.2rem;
    padding: 0rem 0.55rem;
    font-weight: 400;
}

.passwordToggle {
    position: absolute;
    right: 1.6rem;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    padding: 0.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.visibilityIcon {
    width: 2.4rem;
    height: 2.4rem;
    transition: opacity 0.2s ease;
}

.passwordToggle:hover .visibilityIcon {
    opacity: 1;
}

.passwordRequirement {
    font-size: 1.6rem;
    font-weight: 500;
    color: var(--cloud40);
    line-height: 1;
}

.showPassword~.passwordToggle .loginVisibilityIcon {
    width: 2.3rem;
    height: 2rem;
}

/*---------------- 
reset password end
------------------*/

/*----------------	
button Start
------------------*/
.buttonBlk {
    display: flex;
    justify-content: center;
    gap: 36px;
}

.link_btn01.btn01New {
    text-align: center;
    min-width: 20.8rem;
    padding: 0;
}

.link_btn01.btn01New span::after {
    position: absolute;
    right: 20px;
    top: 50%;
    margin: 0;
    transform: rotate(45deg) translateY(-50%);
}

.link_btn01.btn01New span {
    padding: 1.4rem 4rem;
    width: 100%;
    display: inline-block;
}

.linkBtn02New {
    display: block;
    background-color: #ffffff;
    border: 1px solid var(--blue40);
    border-radius: 6px;
    color: #ffffff;
    font-weight: 500;
    text-align: center;
    min-width: 20.8rem;
    box-shadow: var(--shadow15-small);
    position: relative;
    overflow: hidden;
    width: fit-content;
    transition: all 0.6s ease-out;
}

.linkBtn02New span {
    color: var(--blue40);
    text-align: center;
    font-weight: 500;
    position: relative;
    display: block;
    padding: 1.4rem 4rem;
}

.linkBtn02New:hover,
.linkBtn02New:focus-visible {
    background-color: #fff;
    box-shadow: var(--shadow30-mid);
}

.linkBtn02New::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 1.2rem;
    height: 1.2rem;
    border: 0;
    border-top: solid 2px var(--blue40);
    border-right: solid 2px var(--blue40);
    transform: rotate(227deg);
    left: 20px;
    top: 21px;
    position: absolute;
}

/*----------------	
button End
------------------*/

/*----------------	
step style Start
------------------*/
.stepContainer {
    max-width: 85.7rem;
    margin: 6.4rem auto 7.2rem;
}

.stepContainerFlex {
    display: flex;
    gap: 12.6%;
}

.stepBlock {
    width: 15.6%;
    position: relative;
}

.stepBlockNum {
    display: block;
    width: 2rem;
    height: 2rem;
    margin: 0 auto;
    background: var(--cloud40);
    border-radius: 50%;
    font-size: 1.2rem;
    font-weight: 400;
    text-align: center;
    color: #FFFFFF;
    opacity: 0.5;
}

.stepBlockText {
    font-size: 1.6rem;
    font-weight: 500;
    color: var(--cloud40);
    text-align: center;
    opacity: 0.5;
}

.stepConnector {
    text-indent: -9999px;
    position: absolute;
    top: 10px;
    left: calc(50% + 20px);
    width: calc(100% + 12.6% + 50% - 20px);
    height: 1px;
    background: var(--cloud20);
    z-index: -1;
}

.stepBlock.active .stepBlockNum {
    opacity: 1;
}

.stepBlock.active .stepBlockText {
    opacity: 1;
}

/*----------------	
step style End
------------------*/

/*----------------	
coporate register Start
------------------*/
.coporateRegister {
    border: 2px solid var(--hot50);
    background: #E205050D;
    padding: 1.6rem 11.0rem;
}

.coporateRegisterPara {
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--hot50);
}

.coporateSearchBtn {
    min-width: 164px;
    padding: 1.4rem;
}

.coporateNumSearch {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.5;
}

.companyNameTl {
    font-size: 1.8rem;
}

.coporateInputFlex {
    display: flex;
    align-items: center;
    gap: 1.1rem;
    margin-top: 0.8rem;
}

.coporateInput {
    max-width: 47.9rem;
    width: 100%;
}

.clearBtn {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.5;
    color: var(--blue40);
    border: 1px solid var(--blue40);
    border-radius: 6px;
    display: block;
    padding: 1.5rem 5.6rem;
    width: fit-content;
}

.coporateInputFocus::placeholder {
    color: #000;
}

/*----------------
Model Box
------------------*/
.coporateModal,
.coporateModalOverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.coporateModalOverlay {
    background: rgba(0, 0, 0, 0.5);
    z-index: 103;
    display: flex;
    align-items: center;
    justify-content: center;
}

.coporateModal {
    background: #fff;
    max-height: 530px;
    padding: 20px;
    z-index: 100;
    position: relative;
    display: none;
    overflow-y: auto;
}

.coporateModalClose {
    cursor: pointer;
    position: relative;
    font-size: 1.4rem;
    display: block;
    width: fit-content;
    padding-top: 30px;
    margin-left: auto;
}

.coporateModalClose::before {
    content: "";
    background: url(/assets/img/common/navi_cont_close.png) no-repeat;
    background-size: contain;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.modelInputFlex {
    display: flex;
    gap: 18px;
}

.modelInputFlex .cusFormName {
    flex: 1;
}

.cmodelBtnSearch {
    width: 136px;
    height: 58px;
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: center;
    background-color: var(--accent20);
    border: 1px solid var(--cloud30);
    border-radius: 5px;
    align-self: flex-end;
}

.cmodelBtnSearch:hover,
.cmodelBtnSearch:focus-visible {
    background-color: #0190A8;
}

.cmodelBtnSearch span {
    font-size: 2.4rem;
    font-weight: 700;
    color: #FFF;
}

.cmodelBtnSearch span img {
    display: block;
    width: 24px;
}

.modelSearchResult {
    font-size: 1.6rem;
    font-weight: 700;
}

table.modelSearchTable {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
}

table.modelSearchTable th,
table.modelSearchTable td {
    border: 1px solid;
    border-color: var(--cloud30);
    padding: 10px 10px 10px 10px;
}

table.modelSearchTable th {
    background-color: var(--cloud10);
    font-weight: 500;
    text-align: left;
}

.rowActive {
    background: var(--blue10);
}

.starText {
    font-size: 1.4rem;
}

/*----------------	
coporate register End
------------------*/

/*----------------	
contact inquiry Start
------------------*/
.inquiryMvBg {
    background: url(/assets/img/contact/category_top.jpg) no-repeat center center;
    padding: 6rem 0;
    position: relative;
    background-size: 100% 100%;
}

.loginTextarea {
    width: 100%;
    padding: 1.5rem 1.6rem;
    border: 0.1rem solid var(--cloud30);
    border-radius: 0.3rem;
    font-size: 1.6rem;
    resize: vertical;
    min-height: 8rem;
    line-height: 1.6;
    max-height: 34.4rem;
}

.loginTextarea:focus {
    outline: none;
    border-color: var(--cloud30);
}

.loginTextarea::placeholder {
    color: #000000;
}

.loginRadio {
    display: flex;
    gap: 4rem;
    margin-top: 1rem;
}

.loginRadioOption {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.loginRadioInput {
    width: 2rem;
    height: 2rem;
    margin: 0;
    accent-color: var(--blue40);
    cursor: pointer;
}

.loginRadioLabel {
    font-size: 1.6rem;
    color: #000000;
    cursor: pointer;
    margin: 0;
}

.inquiryFormButton {
    display: flex;
    justify-content: center;
}

.buttonBlk.confirmButton {
    justify-content: start;
}

.inquiryConfirmation .confirmTableRowLeft {
    max-width: 27.3rem;
    width: 100%;
}

.inquiryConfirmation .confirmTableRowRight {
    width: calc(100% - 27.3rem);
    display: flex;
    align-items: center;
}

.inquiryTitle {
    font-size: 2.4rem;
    position: relative;
}

.inquiryTitle::before {
    content: none;
}

.inquiryIntroText {
    letter-spacing: -0.2px;
}

.inquiryTele {
    border: 1px solid var(--cloud20);
}

.inquiryTeleTtl {
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.2;
    background-color: var(--cloud10);
    padding: 2.2rem 4.8rem;
}

.inquiryTeleCt {
    padding: 3rem 7.2rem 3rem 4.8rem;
}

.inquiryTeleCtFirst {
    display: flex;
    gap: 12px;
    align-items: start;
}

.inquiryTeleCtFirst img {
    max-width: 301px;
}

.inquiryTeleCtFirstFree {
    font-size: 1.6rem;
    padding: 0rem 1rem;
    border: 1px solid #000000;
}

.inquiryTeleCtSecondBold {
    font-weight: 700;
}

.inquiryTeleCtThird {
    border: 1px solid var(--cloud30);
    display: flex;
    max-width: 69.3rem;
    width: 100%;
    align-items: center;
}

.inquiryTeleCtThirdLeft {
    padding: 1rem;
    background-color: var(--cloud10);
    border-right: 1px solid var(--cloud30);
}

.inquiryTeleCtThirdRight {
    padding: 1rem;
}

.privacyText {
    font-size: 1.4rem;
    text-align: center;
}

.privacyLink {
    font-size: 1.4rem;
    color: var(--blue30);
    text-decoration: underline !important;
    font-weight: 400;
    text-underline-offset: 3px;
    text-decoration-thickness: 1px !important;
}

.faqBlkTtl {
    font-size: 2.4rem;
    font-weight: 700;
    letter-spacing: 1.5px;
    padding: 1.7rem 4.8rem;
}

.faqBlk {
    border: 1px solid var(--cloud20);
}

.faqCt {
    background-color: var(--accent00);
    display: flex;
    justify-content: space-between;
}

.faqCtl {
    width: 100%;
    padding: 2rem 3rem 2rem 4.8rem;
}

.faqCtlLink {
    display: flex;
    gap: 24px;
    align-items: center;
    flex-wrap: wrap;
}

.productFaq {
    background-color: #fff;
    max-width: 43.1rem;
    width: 100%;
    border-radius: 6px;
    border: 1px solid #fff;
}

.productFaq span {
    padding: 1.4rem 2.5rem;
    display: block;
    position: relative;
    font-weight: 500;
    font-size: 1.6rem;
    text-align: center;
}

.productFaq span::after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 12px;
    height: 12px;
    border: 0;
    border-top: solid 2px var(--blue40);
    border-right: solid 2px var(--blue40);
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    right: 18px;
    top: 50%;
}

.productFaq:hover,
.productFaq:focus-visible {
    color: var(--blue40);
    box-shadow: var(--shadow30-mid);
    border: 1px solid var(--blue40);
}

.cardTtl {
    font-size: 1.8rem;
    text-align: center;
    font-weight: 700;
    letter-spacing: 1.5px;
    padding: 1.4rem 0;
}

.solTextDes {
    letter-spacing: 0px;
}

.nextProductLink {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.5;
    color: var(--blue30);
    text-decoration: underline !important;
    text-underline-offset: 2px;
}

.faqCtr {
    max-width: 27.3rem;
    width: 100%;
}

.faqCtr img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.relatedLinksItem:hover .relatedLinksTxt,
.relatedLinksItem:focus-visible .relatedLinksTxt {
    color: var(--blue40);
}

.relatedLinksTxt {
    transition: all 0.6s ease-out;
}

/*----------------	
contact inquiry  End
------------------*/

/*----------------	
support  start
------------------*/
.sliderDots {
    position: absolute;
    bottom: -33px;
    left: 0;
    right: 0;
    width: 54%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}

.sliderDots li {
    flex: 1;
    min-width: 0;
    height: 4px;
    margin: 0 5px;
    background: #fff;
    box-shadow: var(--shadow25-small);
    cursor: pointer;
    position: relative;
    border-radius: 2px;
}

.sliderDots li::before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
}

.sliderDots button {
    display: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    padding: 0;
    border: none;
    background-color: transparent;
}


.sliderDots li.slick-active::before {
    background-color: var(--blue30);
    animation: progressbar-anime 4.5s linear forwards;
    border-radius: 2px;
}

@keyframes progressbar-anime {
    from {
        width: 0%;
    }

    to {
        width: 100%;
    }
}

.arrow_box {
    display: flex;
    justify-content: flex-end;
}

.slideAr.prev {
    border-radius: 6px 0 0 6px;
}

.slideAr {
    width: 36px;
    height: 36px;
    background-color: #000;
    border: 1px solid #fff;
    position: relative;
}

.slideAr.prev:before {
    content: '';
    width: 12px;
    height: 12px;
    border: 0;
    border-top: solid 2px #fff;
    border-left: solid 2px #fff;
    transform: rotate(-45deg);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    margin-left: 15px;
}

.slideAr.next {
    border-radius: 0 6px 6px 0;
}

.slideAr.next:before {
    content: '';
    width: 12px;
    height: 12px;
    border: 0;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    transform: rotate(45deg);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    margin-right: 15px;
}

.slick-list {
    position: relative;
}

.faqTtl {
    font-weight: 700;
    letter-spacing: 1.5px;
    padding: 2rem 2rem 2rem 4.8rem;
    margin-bottom: 0;
}

.faqTtl::before {
    content: unset;
}

.contentBlk {
    padding: 3.2rem 4.8rem;
    background-color: var(--accent00);
}

.contentBlkFt {
    display: flex;
    justify-content: space-between;
}

.contentBlkFtl {
    max-width: 73.1rem;
    width: 100%;
}

.exp {
    letter-spacing: 0px;
    line-height: 1.5;
}

.searchKey {
    font-size: 1.8rem;
    font-weight: 500;
}

.contentBlkSec {
    display: flex;
    justify-content: space-between;
    gap: 36px;
}

.contentBlkSecl,
.contentBlkSecr {
    width: 50%;
}

.broProduct {
    display: grid;
    column-gap: 35px;
    grid-template-columns: 1fr 1fr;
    row-gap: 15px;
    justify-content: center;
}

.broProduct li {
    max-width: 25rem;
    width: 100%;
}

.broProductList {
    background-color: #FFF;
    display: flex;
    transition: all 0.6s ease-out;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
}

.imgTtl {
    font-size: 1.4rem;
    font-weight: 500;
    width: 100%;
    padding: 0.9rem 2rem 0.9rem 1rem;
    display: flex;
    align-items: center;
    border-right: 1px solid var(--cloud20);
    border-top: 1px solid var(--cloud20);
    border-bottom: 1px solid var(--cloud20);
    position: relative;

}

.imgTtl span {
    line-height: 1;
}

.productImgBlk {
    max-width: 89px;
    width: 100%;
    overflow: hidden;
}

.imgTtl:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 10px;
    border: 0;
    border-top: solid 2px;
    border-right: solid 2px;
    border-color: var(--blue40);
    transform: rotate(45deg);
    position: absolute;
    top: 20px;
    right: 13px;
    margin: auto;
}

.broProductList:hover span::before{
    content: none;
}

.broProduct .broProductList:hover .productImgBlk img,
.broProduct .broProductList:focus-visible .productImgBlk img {
    transform: scale(1.1);
}

.productImgBlk img {
    transition: transform .6s ease;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.broProduct .broProductList:hover .imgTtl span,
.broProduct .broProductList:focus-visible .imgTtl span {
    color: var(--blue40);
}

.imgTtl span:before {
    position: absolute;
    bottom: 8px;
    left: 0;
    content: '';
    width: 0;
    height: 1px;
    background-color: var(--blue40);
    transition: .3s;
}

.broProductList:hover span::before {
    width: 100%;
}

.contentScene {
    background-color: rgba(255, 255, 255, 0.2);
    padding: 20px 24px;
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.contentSceneTxt {
    font-size: 1.6rem;
    font-weight: 500;
    color: var(--blue30);
    background: #fff;
    border-radius: 30px;
    padding: 0.3rem 1.5rem;
}

.contentSceneTxt:hover{
    color: var(--cloud40);
}

.findInformation {
    background-color: var(--blue00);
    padding: 0.5rem;
    border: 1px solid var(--blue40);
    border-radius: 5px;
}

.informationTtl {
    font-size: 2.4rem;
    font-weight: 700;
    text-align: center;
    background-color: var(--accent00);
    border-radius: 5px;
    padding: 1rem;
}

.categoryBlk {
    display: flex;
    justify-content: space-between;
    gap: 36px;
}

.categoryBlkl,
.categoryBlkr {
    width: 50%;
}

.categoryBlklContent {
    display: flex;
    gap: 15px;
    box-shadow: var(--shadow30-small);
    border: 1px solid var(--cloud20);
    padding: 1rem 2.4rem 1rem 0.8rem;
    align-items: center;
}

.categoryBlklContent:hover {
    border: 1px solid var(--blue40);
    outline: 1px solid var(--blue40);
    outline-offset: 0;
}

.contentTtl {
    font-size: 1.6rem;
    font-weight: 500;
}

.contentTxt {
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: 0;
}

.categoryBlklContentl {
    max-width: 170px;
    width: 100%;
}

.categoryBlklContentr {
    max-width: calc(100% - 186px);
    width: 100%;
}

.informationtTab {
    padding: 3.2rem 2rem;
    display: flex;
    gap: 20px;
    max-width: 103.5rem;
    width: 100%;
    margin: 0 auto;
    justify-content: space-between;
}

.tabName {
    font-size: 1.6rem;
    font-weight: 500;
    background-color: #FFFFFF;
    position: relative;
}

.tabNameBlk {
    padding: 0.6rem 0.6rem 0.6rem 4rem;
    background-color: #FFFFFF;
}

.informationtTabList {
    max-width: 17rem;
    width: 100%;
    display: block;
    margin: 0 auto;
}

.tabClick {
    box-shadow: var(--shadow30-small);
    border: 1px solid var(--cloud20);
}

.tabClick.borderAdd {
    border: 2px solid var(--blue40);
    ;
}

.detailCard.borderAdd {
    border: 1px solid var(--blue40);
    ;
}

.informationtTabSec {
    display: flex;
    gap: 25px;
    position: relative;
}

.informationtTabl {
    max-width: 55.2rem;
    width: 100%;
}

.informationtTabFr {
    position: relative;
}

.informationtTabFr::after {
    content: "";
    position: absolute;
    bottom: -11px;
    left: 50%;
    width: 4px;
    height: 11px;
    background: var(--cloud30);
    transform: translateX(-50%);
}

.informationtTabSec::before {
    content: "";
    position: absolute;
    top: -20px;
    left: 15%;
    right: 0;
    height: 4px;
    background: var(--cloud30);
    width: 70%;
}

.informationtTabSec .informationtTabList {
    position: relative;
    background-color: #ffffff;
}

.informationtTabSec .informationtTabList::before {
    content: "";
    position: absolute;
    top: -20px;
    left: 50%;
    width: 4px;
    height: 20px;
    background: var(--cloud30);
    transform: translateX(-50%);
}

.informationTabr {
    max-width: 34.5rem;
    width: 100%;
    padding-top: 2.5rem;
}

.informationTabrImg {
    max-width: 139px;
    width: 100%;
}

.informationTabrLt {
    display: flex;
    align-items: center;
    background: #ffffff;
    position: relative;
}

.tabNameBlkr {
    width: 100%;
    padding: 0.8rem 0.8rem 0.8rem 3.6rem;
    position: relative;
}

.informationTabr>.informationTabrLt:last-child::before {
    content: "";
    position: absolute;
    top: -50px;
    left: 50px;
    width: 73%;
    height: 1px;
    background: var(--cloud30);
}

.tabName.checked {
    color: var(--blue40);
}

.tabName::before {
    content: "";
    width: 17px;
    height: 17px;
    border: 1px solid var(--cloud30);
    border-radius: 50%;
    position: absolute;
    left: -23px;
    top: 50%;
    transform: translateY(-50%);
}

.tabName.checked::before {
    content: "";
    width: 17px;
    height: 17px;
    border: 1px solid var(--blue40);
    border-radius: 50%;
    position: absolute;
    left: -23px;
    top: 50%;
    background-color: var(--blue40);
}

.tabName.checked::after {
    content: "";
    position: absolute;
    left: -17px;
    top: 50%;
    width: 5px;
    height: 9px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(45deg);
    margin-top: -5px;
}

.researchBlk {
    position: relative;
}

.researchBlk::after {
    content: "";
    background: url('/assets/img/support/down_arrow.png')no-repeat center/contain;
    width: 93px;
    height: 43px;
    position: absolute;
    left: 50%;
    bottom: -55px;
    cursor: pointer;
    transform: translateX(-50%);
}

.detailBlk {
    max-width: 1035px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    column-gap: 34px;
    row-gap: 16px;
    padding: 3rem 2rem;
}

.detailCard {
    background-color: #fff;
    border: 1px solid var(--cloud20);
    box-shadow: var(--shadow30-mini);
    max-width: 223px;
    width: 100%;
    padding: 2rem 4.3rem;
    cursor: pointer;
}

.tabContent {
    position: relative;
}

.seeMoreTtl {
    font-size: 2.4rem;
    font-weight: 700;
    text-align: center;
}

.seeMoreCt {
    display: flex;
    gap: 36px;
    justify-content: center;
}

.seeMoreCtl,
.seeMoreCtr {
    padding: 0.2rem;
    max-width: 58.2rem;
    width: 100%;
    background-color: var(--blue00);
    z-index: 1;
    position: relative;
}

.seeMoreCtl::before,
.seeMoreCtr::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 5px;
    border-radius: 10px;
    background: linear-gradient(90deg, #026EF2, #0B318F);
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: -1;
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.seeMoreCtTtl {
    font-size: 1.8rem;
    font-weight: 700;
    text-align: center;
    background-color: var(--accent00);
    border-radius: 5px;
    padding: 1.5rem;
}

.seeMoreDesc {
    padding: 2rem 6rem;
}

.seeMoreLink {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.seeMoreList {
    max-width: 37.6rem;
    width: 100%;
    margin: 0 auto;
}

.seeMoreItem {
    display: flex;
    align-items: center;
    background-color: #fff;
    border: 1px solid var(--cloud20);
    box-shadow: var(--shadow30-mini);
    position: relative;
    transition: all 0.6s ease;
    padding: 1.9rem 6rem 1.9rem 3rem;
}

.seeMoreTxt {
    font-size: 1.6rem;
    font-weight: 700;
}

.seeMoreItem:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 10px;
    border: 0;
    border-top: solid 2px;
    border-right: solid 2px;
    border-color: var(--blue40);
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
}

.seeMoreItem:hover,
.seeMoreItem:focus-visible {
    box-shadow: var(--shadow30-mid);
}

.seeMoreItem:hover {
    border: 1px solid var(--blue40);
    outline: 1px solid var(--blue40);
    outline-offset: 0;
}

.seeMoreItem:hover>.seeMoreTxt {
    color: var(--blue40);
}

.categoryBlklContent:hover,
.categoryBlklContent:focus-visible {
    box-shadow: var(--shadow30-mid);
}

.categoryBlklContent:hover {
    border: 1px solid var(--blue40);
}

.categoryBlklContent:hover>.categoryBlklContentr p {
    color: var(--blue40);
}

.seeMoreCtl.seeMoreCtlNew,
.seeMoreCtr.seeMoreCtrNew {
    border: 1px solid var(--blue40);
    padding: 0.8rem;
    border-radius: 5px;
}

.seeMoreCtl.seeMoreCtlNew::before,
.seeMoreCtr.seeMoreCtrNew::before {
    content: none;
}

.machineImgBlk {
    max-width: 273px;
    width: 100%;
}

.machineBlk {
    display: flex;
    align-items: center;
    border: 2px solid var(--cloud20);
    box-shadow: var(--shadow30-mini);
}

.machineList {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 36px;
}

.machineImgTtl {
    font-size: 1.8rem;
    font-weight: 700;
    letter-spacing: 0.5px;
    padding: 2.4rem;
    width: 100%;
    position: relative;
    transition: all 0.6s ease-out;
}

.machineImgTtl::after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 10px;
    border: 0;
    border-top: solid 2px;
    border-right: solid 2px;
    border-color: var(--blue40);
    transform: rotate(45deg);
    position: absolute;
    top: 34px;
    right: 16px;
    margin: auto;
}

.machineBlk:hover>.machineImgTtl,
.machineBlk:focus-visible>.machineImgTtl {
    color: var(--blue40);
}

.machineBlk:hover,
.machineBlk:focus-visible {
    border: 2px solid var(--blue40);
}

ul.col04.col04New {
    min-width: 1000px;
    flex-wrap: nowrap;
}

.sol.col04New>li {
    /* width: 273px;
    max-width: 25%; */
    width: 100%;
    max-width: 100%;
    min-width: 273px;
}

.supportList.splistNew {
    border-top: 1px solid var(--cloud20);
    padding-top: 2.4rem;
}

.supportBtn.searchboxInner {
    height: 58px;
}

@media screen and (max-width: 1000px) {
    .broProduct {
        grid-template-columns: 1fr;

    }

}

/*----------------	
support  end
------------------*/

/*----------------	
catlog  start
------------------*/
.twoColumnPage.downloadPage {
    gap: 23px;
}

.twoColumnPageSide.download {
    width: 305px;
    max-width: 100%;
    padding: 20px 24px 20px;
}

.twoColumnPageMain.downloadPageMain {
    width: calc(100% - 315px);
    max-width: 1200px;
}

.categoryFilterContainer {
    padding: 20px 0;
}

.categoryFilterBtn {
    display: none;
    max-width: 35.1rem;
    margin-bottom: 2rem;
}

.categoryFilterBtnText {
    width: 100%;
    background-color: var(--blue00);
    color: #000;
    border: none;
    padding: 36px 0 18px;
    border-radius: 3px;
    font-size: 1.6rem;
    font-weight: 500;
    cursor: pointer;
    position: relative;
    line-height: 1.5;
}

.categoryFilterBtnText::after {
    content: '';
    display: block;
    width: 91px;
    height: 8px;
    background-color: var(--cloud20);
    position: absolute;
    top: 12px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 4px;
}

.categoryFilterTitle {
    font-size: 2rem;
    font-weight: 500;
    color: #000000;
    margin-bottom: 2.4rem;
    letter-spacing: 0;
}

.categoryFilterTitle::before {
    content: unset;
}

.categoryList {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.categoryItem:last-child {
    border-bottom: none;
}

.categoryHeader {
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
    margin-bottom: 1rem;
}

.categoryHeader::before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background-image: url('/assets/img/download/ic_add_circle.png');
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 1.2rem;
    flex-shrink: 0;
}

.categoryHeader.expanded::before {
    background-image: url('/assets/img/download/ic_close_circle.png');
}

.categoryName {
    font-size: 1.6rem;
    color: #000;
    font-weight: 500 !important;
    text-align: left;
    position: relative;
    text-decoration: none;
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    font: inherit;
    cursor: pointer;
}

.categoryName::after {
    content: '';
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 0;
    height: 1px;
    background-color: var(--blue40);
    transition: width 0.3s ease;
}

.categoryName:hover {
    color: var(--blue40);
    text-decoration: none;
}

.categoryName:hover::after {
    width: 100%;
}

.categoryName.animate-out::after {
    width: 0;
    transition: width 0.3s ease;
}

.categorySubmenu {
    display: none;
    border-radius: 4px;
    margin: 0 0 0.8rem 1rem;
}

.categorySubmenu.expanded {
    display: block;
}

.categoryFilterFooter {
    display: none;
}

.mobileFilterButtons {
    display: none !important;
}

.submenuItem {
    display: block;
    padding: 8px 0 8px;
    color: #000;
    text-decoration: none;
    font-size: 1.3rem;
    border-radius: 4px;
    margin: 0.2rem 0.8rem;
}

.submenuItem:hover {
    text-decoration: none;
}

.submenuItem.selected {
    font-weight: 500;
}

.submenuItemWithSub {
    margin: 0.2rem 0;
}

.submenuHeader {
    display: flex;
    align-items: center;
    padding: 6px 0 6px;
    cursor: pointer;
    border-radius: 4px;
    position: relative;
}

.submenuHeader::before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background-image: url('/assets/img/download/ic_add_circle.png');
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 0.8rem;
    flex-shrink: 0;
}

.submenuHeader.expanded::before {
    background-image: url('/assets/img/download/ic_close_circle.png');
}

.submenuName {
    font-size: 1.6rem;
    color: #000;
    font-weight: 500 !important;
    text-align: left;
    position: relative;
    text-decoration: none;
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    font: inherit;
    cursor: pointer;
    text-align: start;
}

.submenuName::after {
    content: '';
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 0;
    height: 1px;
    background-color: var(--blue40);
    transition: width 0.3s ease;
}

.submenuName:hover {
    color: var(--blue40);
    text-decoration: none;
}

.submenuName:hover::after {
    width: 100%;
}

.submenuName.animate-out::after {
    width: 0;
    transition: width 0.3s ease;
}

.nestedSubmenuItems .submenuName {
    font-size: 1.4rem;
}

.nestedSubmenuItems .submenuHeader::before {
    margin-right: 0.4rem;
}

.nestedSubmenu {
    display: none;
    border-radius: 4px;
    margin: 0.4rem 0 0.4rem 3rem;
}

.nestedSubmenu.expanded {
    display: block;
}

.nestedSubmenuItem {
    display: block;
    padding: 4px 12px 4px 20px;
    color: #000;
    font-size: 1.4rem;
    text-align: left;
    position: relative;
    text-decoration: none;
    background: none;
    border: none;
    margin: 0;
    font: inherit;
    cursor: pointer;
    text-align: left;
    width: 100%;
}

.nestedSubmenuItem .nestedSubmenuText {
    position: relative;
    display: inline-block;
    text-align: start;
    font-size: 1.4rem;
    font-weight: 500;
}

.nestedSubmenuItem .nestedSubmenuText::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 0;
    height: 1px;
    background-color: var(--blue40);
    transition: width 0.3s ease;
}

.nestedSubmenuItem:hover {
    color: var(--blue40);
    text-decoration: none;
}

.nestedSubmenuItem:hover .nestedSubmenuText::after {
    width: 100%;
}

.nestedSubmenuItem.animate-out .nestedSubmenuText::after {
    width: 0;
    transition: width 0.3s ease;
}

.nestedSubmenuItem::before {
    content: '';
    position: absolute;
    left: 4px;
    top: 10px;
    width: 8px;
    height: 14px;
    background-image: url('/assets/img/download/arrow_forward.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.nestedSubmenuItemSmall {
    display: block;
    padding: 4px 20px;
    color: #000;
    text-decoration: none;
    font-size: 1.0rem;
}

.resetFilterBtn {
    display: none;
    padding: 13px 0 10px 0;
    font-size: 1.6rem;
    color: var(--blue40);
    text-decoration: none;
    position: static;
    cursor: pointer;
    font-weight: 500;
    text-align: center;
    border: 1px solid var(--blue40);
    border-radius: 6px;
    margin-top: 2rem;
    width: 100%;
    box-sizing: border-box;
    box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.3);
}

.resetFilterBtn.show {
    display: block;
}

.resetFilterBtn::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url('/assets/img/download/filter_alt_off.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
    margin-right: 0.5rem;
    margin-bottom: 0.3rem;
}

@media screen and (max-width: 1280px) {
    .twoColumnPageSide.download {
        width: 240px;
        padding: 20px 20px 20px;
    }

    .twoColumnPageMain.downloadPageMain {
        width: calc(100% - 263px);
    }
}

@media screen and (max-width: 1000px) {
    .langFlexColumn {
        flex-direction: column;
        gap: 2rem !important;
        align-items: start !important;
    }

    .catDlListColumn {
        flex-direction: column;
    }

    .catDlListColumn .catDlListItem {
        max-width: 100%;
    }
}

/*----------------	
catlog  end
------------------*/

/*----------------    
support / faq  start
------------------*/
ul.col04 {
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
    gap: 36px;
    row-gap: 24px;
}

ul.col04 li {
    width: 273px;
    max-width: 27.3%;
}

ul.col04.banlinks a .ban_text {
    font-size: 1.8rem;
    width: calc(100% - 10px);
    letter-spacing: 0;
}

ul.col04.banlinks a {
    padding: 1.2rem 4.7rem 1.3rem 3rem;
    min-height: 8rem;
}

ul.col04.banlinks {
    margin: 0 auto;
}

.faqLinksh3 {
    font-size: 2.4rem;
    font-weight: 700;
}

.prodList {
    display: flex;
    justify-content: space-between;
    column-gap: 3.0%;
}

.prodList li {
    width: 17rem;
    max-width: 14.17%;
}

.prodListImg {
    cursor: pointer;
    max-width: 100%;
    overflow: hidden;
    width: 100%;
}

.prodListImg img {
    height: auto;
    transition: transform .6s ease;
}

.prodList li a h3 {
    font-weight: 500;
    margin-top: 12px;
    padding-right: 2rem;
    position: relative;
    transition: 0.3s;
}

.prodList li a:hover .prodListImg img,
.prodList li a:focus-visible .prodListImg img {
    transform: scale(1.1);
}

.prodList li a h3:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 10px;
    border: 0;
    border-top: solid 2px;
    border-right: solid 2px;
    border-color: var(--blue40);
    transform: rotate(45deg);
    margin-left: 8px;
    position: absolute;
    top: 8px;
    right: 5px;
    margin: auto;
}

.prodList li a:hover h3 span,
.prodList li a:focus-visible h3 span {
    color: var(--blue40);
}

.prodList li a h3 span {
    display: block;
    width: fit-content;
    font-weight: 500;
    position: relative;
}

.prodList li a h3 span::before {
    position: absolute;
    bottom: 0;
    left: 0;
    content: '';
    width: 0;
    height: 1px;
    background-color: var(--blue40);
    transition: .3s;
}

.prodList li a:hover span::before {
    width: 100%;
}

.faqSearchBox {
    width: 100%;
    background: var(--cloud10);
    padding: 2.4rem 10.3rem;
}

.faqSearchBox .searchboxInner .inputTxt {
    width: 100%;
}

.faqSearchBox .searchboxInner .btnSearch {
    max-width: 15.2rem;
}


.faqLinksTxt {
    cursor: pointer;
    text-decoration: underline !important;
    color: var(--blue30);
}

.inquiryFooter {
    background: var(--cloud10);
    margin-bottom: 3px;
}

.inquiryFooterHeader {
    text-align: center;
}

.inquiryFooterText {
    text-align: center;
}

.inquiryFooterBox {
    width: 100%;
    max-width: 99.4rem;
    margin: 0 auto;
    background: #FFFFFF;
    padding: 3.7rem 10.3rem;
}

/*----------------	
support / faq  end
------------------*/

/*----------------	
support / faq / robot  start
------------------*/

.faqRobotCheckBox {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    row-gap: 17px;
    border-color: var(--blue10);
    margin: 0;
    margin-top: 24px;
    background-color: var(--blue00);
    padding: 3.4rem 6rem;
    border-radius: 3px;
}

.faqRobotCheckBox .searchboxInner {
    max-width: 79.3rem;
    height: 5.8rem;
}

.faqRobotCheckBox .searchboxInner .inputTxt {
    width: 100%;
    max-width: 100%;
}

.faqRobotCheckBox .searchboxInner .btnSearch {
    max-width: 14.8rem;
}

.faqRobotCheckBoxes .group-label {
    display: block;
}

.faqRobotWrap label {
    font-weight: 400;
}

.faqCheckBox {
    width: 17px;
    height: 17px;
}

.faqRobotCheckBox .checkboxes div {
    display: flex;
    gap: 8px;
    align-items: center;
}

.faqRobotCheckBox .checkboxes {
    column-gap: 40px;
    row-gap: 8px;
}

.faqBreadCrumb {
    padding-bottom: 0.4rem;
    border-bottom: 1px solid var(--cloud30);
}

.faqBreadCrumb ul {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 10px;
}

.faqBreadCrumb ul li {
    font-size: 1.4rem;
    font-weight: 400;
    color: #000;
}

.faqBreadCrumb ul li a {
    position: relative;
    padding-right: 2.2rem;
    font-size: 1.4rem;
    font-weight: 400;
    color: var(--cloud40);
}

.faqBreadCrumb ul li a::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 13px;
    height: 12px;
    background: url(/assets/img/support/faq/robot/faq_breadcrumb_line.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.faqRobotResultTxt {
    font-weight: 700;
    font-size: 1.6rem;
}

.faqSearchResultItemsBox .SearchRobotItems {
    gap: 16px;
}

.faqSearchResultItemsBox .SearchRobotItems li a {
    background-color: var(--blue00);
    padding: 1rem 1.4rem 1rem 1.4rem;
}

.faqBox {
    display: block;
    background: var(--blue00);
    padding: 2.6rem 2.4rem;
    box-shadow: var(--shadow30-mini);
    transition: all 0.6s ease;
    border: 1px solid var(--blue00);
}

.faqBox:hover {
    box-shadow: var(--shadow30-mid);
    transition: all 0.6s ease;
    text-decoration: underline;
    text-underline-offset: 2px;
    color: var(--blue40);
}

.faqBoxQuestion {
    padding-left: 6.4rem;
    position: relative;
    min-height: 2.8rem;
}

.faqBoxQuestionTxt {
    font-size: 1.8rem;
    font-weight: 500;
}

.faqBox:hover .faqBoxQuestionTxt {
    color: var(--blue40);
    transition: all 0.6s ease;
}

.faqBoxQuestion::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 42px;
    height: 28px;
    background: url(/assets/img/support/faq/robot/faq_robot_question.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.faqBoxAnswer {
    padding-left: 12.2rem;
    position: relative;
    min-height: 2.8rem;
}

.faqBoxAnswerTxt {
    font-size: 1.6rem;
    font-weight: 400;
    letter-spacing: 0;
    color: var(--cloud40);
}

.faqBox:hover .faqBoxAnswerTxt {
    color: var(--blue40);
    transition: all 0.6s ease;
}

.faqBoxAnswer::before {
    content: "";
    position: absolute;
    left: 64px;
    top: 0;
    width: 42px;
    height: 28px;
    background: url(/assets/img/support/faq/robot/faq_robot_answer.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.popUpBoxCont {
    position: fixed;
    bottom: 20px;
    right: 80px;
    width: 340px;
    height: 500px;
    overflow-y: auto;
    z-index: 103;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.5s ease;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.popUpBoxCont::-webkit-scrollbar {
    display: none;
}

.popUpBoxCont.visible {
    opacity: 1;
    pointer-events: auto;
}

.popUpBox {
    background-color: var(--accent50);
    width: 100%;
    height: 65px;
    position: relative;
    padding: 1.6rem 1.2rem;
}

.popUpBox.popUpBoxGreen {
    background-color: var(--fine40);
}

.popUpBoxCont> :first-child {
    margin-top: auto;
}

.popUpBox.show {
    height: 34.5rem;
}

.popUpBoxCancelBtn {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 2px;
    right: 2px;
    cursor: pointer;
}

.popUpBoxTtl {
    text-align: center;
    color: #FFF;
    font-size: 1.8rem;
    font-weight: 700;
}

.popUpBoxMessage {
    background-color: #FFF;
    padding: 1.6rem;
    font-size: 1.4rem;
    font-weight: 400;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    margin-bottom: 8px;
    display: none;
}

.popUpBox.show .popUpBoxMessage {
    display: flex;
}

.popUpBoxMessageNoIcon {
    width: 32px;
    height: 32px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #95934A;
    color: #FFFFFF;
    font-weight: 700;
}

.popUpBoxMessageNoIcon.popUpBoxTwo {
    background-color: var(--cloud10);
    color: var(--accent50);
}

.popUpBoxMessageNoIcon.popUpBoxThree {
    background-color: var(--accent30);
    color: var(--blue00);
}

.popUpBoxMessageNoIcon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.popUpBoxMessageTxt {
    width: calc(100% - 32px);
    font-size: 1.4rem;
    font-weight: 400;
}

.popUpBoxMessage:hover .popUpBoxMessageTxt {
    transition: all 0.6s ease;
    text-decoration: underline;
    color: var(--blue40);
}

/*----------------	
support / faq / robot  end
------------------*/

/*----------------	
Tecdoc  start
------------------*/
.scrollRightPc {
    overflow-x: auto;
    padding-bottom: 10px;
    -webkit-overflow-scrolling: touch;
}

.scrollRightPc::-webkit-scrollbar {
    height: 6px;
}

.scrollRightPc::-webkit-scrollbar-track {
    background: #B3B4B5;
}

.scrollRightPc::-webkit-scrollbar-thumb {
    background: var(--blue30);
    border: none;
}

.twoColumnMainWidth {
    width: 1189px;
}

.tecdocInputSearch {
    max-width: 79.3rem;
    width: 100%;
    height: 5.8rem;
    margin: 2.4rem 0;
}

.tecdocBtnSearch {
    width: 18.5%;
    margin-left: auto;
}

.tecocFilterBox {
    width: 30.5rem;
    height: fit-content;
}

.tecdocCheckboxLeft {
    max-width: 100%;
    gap: 3.2rem !important;
}

.tecdocCheckboxDiv {
    background-color: var(--blue00);
    border: 1px solid var(--blue40);
    border-radius: 3px;
    padding: 30px 32px 30px 32px;
}

.langCheckbox div.tecdocCheckboxes {
    gap: 0.75rem 1.5rem;
}

.actBottom {
    background-color: #fff !important;
    border-bottom: 3px solid #000 !important;
    border-top: 1px solid #fff !important;
    box-shadow: none !important;
    position: relative;
    pointer-events: none;
    font-weight: 700;
    margin-top: -1px;
}

.actBottom:after {
    background-color: #000 !important;
}

ul.robotdlListBtnBottom {
    border-bottom: none;
    border-top: 1px solid var(--cloud20);
}

ul.robotdlListBtn.robotdlListBtnBottom {
    min-width: 908px;
}

.downloadPage .tecdocWidth {
    display: block;
    min-width: 150px;
    max-width: 100%;
}

.downloadListDiv.downloadListDivWidth {
    width: fit-content;
}

.downloadListDiv.downloadListDivWidth .downloadListHead br {
    display: block;
}

/*----------------	
Tecdoc  end
------------------*/

/*----------------
download / software  start
------------------*/
.searchResultBold {
    font-weight: 700;
}

.softwareAccordionSection {
    margin-top: 4rem;
}

.softwareAccordion+.softwareAccordion {
    margin-top: 1.6rem;
}

.accordionTitle {
    width: 100%;
    font-size: 2.4rem;
    font-weight: 700;
    color: #000000;
    position: relative;
    padding: 1.2rem 6.4rem;
    background-color: var(--cloud10);
    text-align: start;
    letter-spacing: 1px;
}

.accordionTitle.updaterTitleStyle {
    background-color: #FFFFFF;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
    border-top: 1px solid var(--cloud20);
}

.accordionBody.updaterAccordionBody {
    background-color: #F3F7FA;
    border: none;
}

.accordionTitle::before {
    content: "";
    width: 25px;
    height: 25px;
    background-image: url(/assets/img/download/ic_add_circle.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 20px;
    top: 16px;
}

.accordionBody {
    width: 100%;
    padding: 3.2rem;
    border: 1px solid #E3E4E4;
    border-top: unset;
}

.accordionBodyTxt {
    font-size: 1.6rem;
    font-weight: 400;
    color: #000000;
    padding: 0 3.5rem;
    letter-spacing: 0;
}


.accordionBodyTxtList {
    list-style-position: inside;
    counter-reset: list-counter;
}

.accordionBodyTxtList li {
    counter-increment: list-counter;
    list-style: none;
    padding-left: 2rem;
    position: relative;
}

.accordionBodyTxtList li::before {
    content: counter(list-counter) ". ";
    font-size: 1.6rem;
    position: absolute;
    left: 0;
    top: 0;
}

.accordionClick.accordionTitle::before {
    background-image: url(/assets/img/download/ic_close_circle.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

table.accordionTableCheckList td.accordionClick.tableAccordion::before {
    background-image: url(/assets/img/download/ic_close_circle.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.accordionTableBtn .btns {
    margin-top: 0;
    justify-content: center;
}

table.accordionTableCheckList td.accordionTableBtn {
    vertical-align: middle;
}

.accordionAnchorUnderline {
    text-decoration: none !important;
}

table.accordionTableCheckList td {
    vertical-align: top;
    letter-spacing: 0;
}

table.accordionTableCheckList th {
    color: #000000;
}

table.accordionTableCheckList td.tableAccordion {
    letter-spacing: 0;
    padding-left: 4.8rem;
    position: relative;
    cursor: pointer;
}

table.accordionTableCheckList td.tableAccordion::before {
    content: "";
    width: 25px;
    height: 25px;
    background-image: url(/assets/img/download/ic_add_circle.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 10px;
    top: 21px;
}

.tableAccordionBtn {
    text-align: start;
}

.accordionLink {
    text-underline-offset: 2px;
}

table.tableCheckList .favorite_btn.none input[type="checkbox"] {
    display: none;
}


.downloadMatBtn.softwareDownloadBtn {
    width: 56px;
}

/*----------------
download / software  end
------------------*/

/*----------------
download / software / updater.html start (OU 03)
------------------*/
.updaterStartTxt {
    font-size: 1.4rem;
    font-weight: 400;
    color: #000000;
    position: relative;
    padding-left: 1.5rem;
}

.updaterStartTxt::before {
    content: "※";
    font-size: 1.4rem;
    font-weight: 400;
    color: #000000;
    position: absolute;
    left: 0;
    top: 0;
}

.updaterAccordionTxt {
    padding-left: 6rem;
    position: relative;
    border-bottom: 1px solid var(--cloud30);
}

.updaterAccordionTxt::before {
    content: "現象";
    font-size: 1.6rem;
    font-weight: 700;
    color: #FFFFFF;
    background-color: var(--cloud40);
    max-width: 47px;
    width: 100%;
    padding: 2px 7px;
    position: absolute;
    top: 7px;
    left: 0;
}

.updaterAccordionLink {
    font-size: 1.6rem;
    font-weight: 500;
    color: var(--blue30);
    text-decoration: underline !important;
    position: relative;
    display: inline-block;
    padding: 5px 2.3rem 5px 0;
    text-underline-offset: 2px;
}

.updaterAccordionLink::before {
    content: "";
    width: 17px;
    height: 20px;
    background-image: url(/assets/img/common/ic_pdf.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: 10px;
}

.updaterLinkBlue {
    padding-left: 6rem;
}

.updaterLinkBlue::after {
    content: "対策";
    font-size: 1.6rem;
    font-weight: 700;
    max-width: 47px;
    padding: 2px 0;
    width: 100%;
    text-align: center;
    background-color: var(--blue40);
    position: absolute;
    left: 0;
    top: 5px;
    color: #FFFFFF;
    text-decoration: none;

}

.blueLink {
    color: var(--blue30);
    text-decoration: underline !important;
    text-underline-offset: 2px;
}

.accordionTitle.updaterAccordionTitle {
    font-size: 1.8rem;
    padding: 1rem 6.4rem;
}

.accordionTitle.updaterAccordionTitle::before {
    top: 13px;
}

/*----------------
download / software / updater.html end (OU 03)
------------------*/

/*----------------	
Pagination Start
------------------*/
.pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.paginationNav {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 4px;
    text-decoration: none;
    transition: all 0.2s ease;
    cursor: pointer;
}

.paginationArrow {
    position: relative;
    display: inline-block;
    font-size: 0;
}

.paginationFirst .paginationArrow::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 22px;
    height: 22px;
    background: url(/assets/img/download/SkipPreviousFilled.png) no-repeat;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.4;
    filter: grayscale(100%);
}

.paginationPrev .paginationArrow::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 22px;
    height: 22px;
    background: url(/assets/img/download/ChevronLeftFilled.png) no-repeat;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.4;
    filter: grayscale(100%);
}

.paginationNext .paginationArrow::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 22px;
    height: 22px;
    background: url(/assets/img/download/ChevronRightFilled.png) no-repeat;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.paginationLast .paginationArrow::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 22px;
    height: 22px;
    background: url(/assets/img/download/SkipNextFilled.png) no-repeat;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.paginationItem {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 0.4rem;
    font-size: 1.6rem;
    font-weight: 400;
    cursor: pointer;
}

.paginationActive {
    background-color: var(--blue30);
    color: #fff;
}

.paginationActive:hover {
    background-color: var(--blue30);
    color: #fff;
}

.paginationIndicator {
    display: none;
}

/*----------------	
Pagination End
------------------*/

/*----------------
Support / Faq / Robot Details Start
------------------*/
.faqDetailsBox {
    background-color: var(--blue00);
    border: 7px solid var(--blue00);
}

.faqDetailsQusBox {
    position: relative;
    padding-left: 7.1rem;
    min-height: 2.8rem;
    margin-left: 25px;
    margin-top: 25px;
    padding-right: 6rem;
}

.faqDetailsQusBox::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 42px;
    height: 28px;
    background: url(/assets/img/support/faq/robot/faq_robot_question.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.faqDetailsQusTxt {
    font-size: 2.4rem;
    font-weight: 500;
}

.faqDetailsAnsBox {
    position: relative;
    padding-left: 7.1rem;
    min-height: 2.8rem;
    background: #FFFFFF;
    padding: 3.2rem 6rem 0.9rem 7.1rem;
}

.faqDetailsAnsBox::before {
    content: "";
    position: absolute;
    left: 25px;
    top: 32px;
    width: 42px;
    height: 28px;
    background: url(/assets/img/support/faq/robot/faq_robot_answer.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.faqDetailsAnsTxt {
    font-size: 1.6rem;
    padding-left: 2.8rem;
    font-weight: 400;
}

.faqRelatedDocHeader {
    background-color: #FFFFFF;
    border: 1px solid var(--cloud20);
    padding: 0.8rem 4.8rem;
    display: flex;
    justify-content: start;
    align-items: center;
}

.faqRelatedDocTitle {
    font-size: 1.2rem;
    font-weight: 400;
    color: var(--accent30);
    border: 1px solid var(--accent30);
    padding: 0.4rem;
}

.faqRelatedDocBody {
    background-color: var(--cloud10);
    border: 1px solid var(--cloud20);
    padding: 2.4rem 4.8rem;
}

.faqRelatedDocListItem {
    font-size: 1.6rem;
    font-weight: 400;
    padding-left: 1.8rem;
    position: relative;
}

.faqRelatedDocListItem::before {
    content: '';
    position: absolute;
    top: 5px;
    left: 0;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #000000;
}

.faqRelatedDocLink {
    color: var(--blue30);
    text-decoration: underline !important;
    text-underline-offset: 2px;
    margin-left: 32px;
}

.faqRelatedDateBox {
    display: flex;
    justify-content: end;
    gap: 16px;
    background-color: #FFFFFF;
    padding-right: 1.6rem;
}

.faqRelatedDateTxt {
    font-size: 1.4rem;
    font-weight: 400;
}

.faqBreadCrumb.faqDetailBreadCrumb {
    border: 0;
    padding-bottom: 0;
}

.faqRatingBox {
    width: 100%;
    max-width: 99.4rem;
    margin: 0 auto;
    padding: 2.4rem 12.4rem;
    border: 1px solid var(--cloud20);
    margin-top: 131px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.faqRatingTitle {
    text-align: center;
    color: var(--cloud40);
    font-size: 1.8rem;
    font-weight: 500;
}

.faqRatingList {
    display: flex;
    justify-content: center;
    gap: 7px;
    flex-wrap: wrap;
}

.faqRatingBody {
    width: 100%;
    display: flex;
    gap: 16px;
    justify-content: center;
    align-items: center;
}

.faqRatingLink {
    width: 4rem;
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--blue10);
    border-radius: 50%;
}

.faqRatingTxt {
    font-size: 1.4rem;
    font-weight: 400;
    color: var(--cloud40);
}

.faqContactBox {
    width: 100%;
    max-width: 99.4rem;
    margin: 0 auto;
    background-color: var(--cloud20);
    padding: 0px 10.3rem;
    padding-bottom: 3.2rem;
    text-align: center;
}

.faqContactTxt {
    font-size: 2.4rem;
    font-weight: 700;
}

.faqFrequentlyBoxes {
    display: flex;
    gap: 36px;
    flex-wrap: wrap;
    justify-content: center;
}

.faqFrequentlyBox {
    width: 100%;
    max-width: 58.2rem;
    padding: 4.8rem 6.5rem 4.8rem 5.9rem;
    background-color: var(--accent50);
    text-align: center;
}

.yellow_opacity {
    background-color: #95934A !important;
    color: #fff;
}

.white_opacity {
    background-color: #c1cdd6 !important;
}

.violet_opacity {
    background-color: #4d4c9f !important;
}

.faqFrequentlyBoxTitle {
    color: #FFFFFF;
    font-size: 2.8rem;
    font-weight: 700;
    text-align: center;
}

.faqFrequentlyBox.faqGreenBg {
    background-color: var(--fine40);
}

.faqFrequentlyTextBox {
    border-bottom: 1px solid #FFFFFF;
}

.faqFrequentlyHeaderImg {
    width: 100%;
    max-width: 3.2rem;
    height: 3.2rem;
}

.faqFrequentlyHeader {
    display: flex;
    gap: 12px;
    align-items: center;
}

.faqFrequentlyHeaderImg img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.faqFrequentlyHeaderTxt {
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
    padding: 0.3rem 0.8rem;
    font-size: 1.2rem;
}

.faqFrequentlyTextBoxAns {
    font-size: 1.8rem;
    text-align: left;
    color: #FFFFFF;
    padding-right: 3.1rem;
    position: relative;
}

.faqFrequentlyTextBoxAns::after {
    content: '';
    width: 24px;
    height: 23px;
    background: url(/assets/img/support/faq/robot/faq_arrow.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}

.faqFrequentlyBox ul.fyi_list li {
    text-align: left;
}

.faqBackBtnBox {
    display: flex;
    justify-content: center;
}


@media screen and (max-width: 1250px) {
    .faqFrequentlyBox {
        max-width: 48.2rem;
        padding: 4.8rem 2.5rem 4.8rem 2.5rem;
    }
}

@media screen and (max-width: 1000px) {
    .faqFrequentlyBox {
        max-width: 100%;
    }
}

@media screen and (max-width: 990px) {
    .faqRatingBox {
        padding: 2.4rem 1rem;
    }
}

/*----------------
Support / Faq / Robot Details End
------------------*/

/*----------------
 online_register start
------------------*/
.banlinks_wrap.download ul.banlinks {
    display: flex;
    flex-wrap: wrap;
    row-gap: 24px;
    column-gap: 36px;
}

.banlinks_wrap.download ul.col02 li {
    width: calc((100% - 36px) / 2);
    max-width: 50%;
}

.banlinks_wrap.download ul.banlinks a {
    display: block;
    padding: 13.5px 20px 14.5px 20px;
}

.banlinks_wrap.download ul.banlinks a .ban_text {
    font-size: 1.6rem;
}

.stepContainerFlex.download {
    justify-content: space-between;
    gap: 30px;
}

.download .stepConnector {
    text-indent: -9999px;
    position: absolute;
    top: 10px;
    left: calc(50% + 20px);
    width: calc(100% + 30px - 20px);
    height: 1px;
    background: var(--cloud20);
    z-index: -1;
}

.download .stepBlock {
    flex: 1;
    max-width: 16rem;
    position: relative;
    text-align: center;
}

.download .stepBlockText {
    white-space: nowrap;
}

.download .stepConnector {
    width: calc(100% + 25px - 20px);
    left: calc(50% + 22px);
}

.errorBox {
    font-size: 1.8rem;
    color: var(--hot50);
    padding: 2.4rem 4rem;
    background: rgba(226, 5, 5, 0.05);
    border: 2px solid var(--hot50);
}

.serialInputFlex {
    display: flex;
    gap: 35px;
    position: relative;
}

.numInputContainer {
    width: calc((100% - 209px)/3);
}

.letterInputContainer {
    width: 104px;
}

.numInput,
.letterInput {
    display: block;
    width: 100%;
    height: 56px;
    border: 1px solid var(--cloud30);
    border-radius: 3px;
    padding: 1.5rem 1.6rem;
    font-size: 1.6rem;
    font-weight: 500;
}

.numInput:focus,
.letterInput:focus {
    border: 1px solid var(--blue30);
    background-color: var(--blue00);
}

.spaceDash {
    position: relative;
}

.spaceDash::after {
    content: "";
    text-indent: -9999px;
    display: block;
    width: 14px;
    height: 1px;
    background: #000;
    position: absolute;
    right: -24px;
    top: 50%;
    transform: translateY(-50%);
}

@media screen and (max-width: 1000px) {
    .download .stepConnector {
        width: calc(100% + 15px - 20px);
        left: calc(50% + 20px);
    }

    .downloadRegister .stepBlockText {
        font-size: 1.4rem;
    }
}


@media screen and (max-width: 930px) {
    .download .stepConnector {
        width: calc(100% + 20px - 20px);
        left: calc(50% + 15px);
    }
}

/*----------------
online_register end
------------------*/

/*----------------
Download Start
------------------*/
.downloadSolCatImg {
    width: 9.8rem;
    height: 13.8rem;
    margin-top: 1rem;
}

.downloadSolCatFlex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: var(--cloud10);
    padding: 1.8rem 4rem;
    margin-bottom: 13.2rem;
}

.downloadSolCatFlex.dinfo {
    background: transparent;
    border: 1px solid var(--cloud30);
}

.downloadSolCatFlex.dinfo:hover {
    box-shadow: var(--shadow30-mid);
}

.downloadSolCatDiv {
    display: flex;
    gap: 24px;
}

.downloadSolCatTxt {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1.5;
}

.downloadSolCatLeft {
    width: calc(100% - 122px);
}

.downloadBg {
    background-color: #fff;
}

.downloadSolCatNum {
    font-size: 1.4rem;
    margin-top: 6.7rem;
}

.downloadBg {
    background-color: #fff;
}

.downloadSolBtn {
    width: 22.4rem;
    height: 5.7rem;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 8px;
    padding-right: 8px;
    column-gap: 8px;
    color: #fff;
    background-color: var(--hot30);
    border: 1px solid;
    border-color: var(--hot30);
    box-shadow: var(--shadow15-small);
}

.downloadSolBtn span {
    color: #fff;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1.5;
}

.downloadPdfImg {
    padding-left: 1.9rem;
    margin-top: 1.3rem;
}

.downloadPdfImg::before {
    width: 1.5rem;
    height: 1.7rem;
    top: 2px;
    background: url(/assets/img/download/ic_pdf.png) no-repeat;
    background-size: 100% 100%;
}

.downloadSolBtnDiv {
    margin-right: 16.3rem;
}

.downloadSolBtn .ic img.hov {
    display: none;
}

.downloadSolBtn:hover .ic img {
    position: relative;
    display: block;
}

.downloadSolBtn:hover .ic img:nth-child(1) {
    display: none;
}

.downloadSolBtn:hover {
    background-color: #FFFFFF;
}

.downloadSolBtn:hover span {
    color: var(--hot30);
}

.downloadMatBtn .ic img.hov {
    display: none;
}

.downloadMatBtn:hover .ic img {
    position: relative;
    display: block;
}

.downloadMatBtn:hover .ic img:nth-child(1) {
    display: none;
}

.downloadMatBtn:hover {
    background-color: #FFFFFF;
}

.downloadMatBtn:hover span {
    color: var(--hot30);
}

.downloadSolBtn .ic img {
    width: 21px;
}

.downloadMatParent {
    display: flex;
    gap: 36px;
    margin-top: -1rem;
}

.downloadMatFlex {
    max-width: 37.6rem;
    width: 100%;
    border: 1px solid var(--cloud30);
    padding: 1.5rem 3rem 2.8rem;
}

.downloadMatDiv {
    gap: 30px;
    margin-bottom: 1.1rem;
}

.downloadMatBtn {
    width: 157px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 8px;
    padding-right: 8px;
    column-gap: 8px;
    color: #fff;
    background-color: var(--hot30);
    border: 1px solid;
    border-color: var(--hot30);
    box-shadow: var(--shadow15-small);
}

.downloadMatBtn span {
    color: #fff;
    font-size: clamp(1.2rem, 1.25vw + 6px, 1.4rem);
    line-height: 1.3;
    font-weight: 700;
}

.downloadMatRight {
    width: calc(100% - 12.8rem);
}

@media screen and (max-width: 1000px) {
    .downloadSolBtnDiv {
        margin-right: 0;
    }
}

@media screen and (max-width: 900px) {
    .downloadMatParent {
        gap: 20px;
    }

    .downloadMatFlex {
        padding: 1.5rem 1.5rem 2.8rem;
    }

    .downloadSolCatImg {
        width: 7.8rem;
    }

    .downloadMatDiv {
        gap: 15px;
    }

    .downloadMatRight {
        width: calc(100% - 9.3rem);
    }
}

/*----------------
Download End
------------------*/

/*----------------
cancel_online_register table start
------------------*/
.cancelOnlineRegister .stepContainerFlex {
    justify-content: center;
    gap: 60px;
}

.cancelOnlineRegister .stepConnector {
    width: calc(100% + 25px - 15px);
    left: calc(50% + 25px);
}

.cancelRegistrationTable {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

.cancelRegistrationTable th,
.cancelRegistrationTable td {
    border: 1px solid var(--cloud30);
    padding: 10px;
    text-align: left;
    vertical-align: top;
}

.cancelRegistrationTable th {
    background-color: var(--cloud10);
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 1.5;
}

.cancelRegistrationTable td {
    font-size: 1.6rem;
    line-height: 1.5;
}

.deleteColumn {
    width: 6.7rem;
    min-width: 6.7rem;
    text-align: start;
}

.toolColumn {
    width: 51.7rem;
    min-width: 30rem;
}

.serialColumn {
    width: 41.2rem;
    min-width: 25rem;
}

.checkboxContainer {
    align-items: center;
    height: 100%;
    text-align: center;
}

.supportCheckTable {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

.supportCheckTable th {
    background: var(--cloud10);
    padding: 25px 24px;
    font-size: 1.8rem;
    font-weight: 500;
}

.supportCheckTable td {
    padding: 25px 24px;
}

.scroll_table table.cancelRegistrationTable,
.scroll_table table.supportCheckTable {
    min-width: 994px;
}

/*----------------
cancel_online_register table end
------------------*/

/*-----------------
product selection start 
------------------*/
.solPdfText {
    padding: 16px 30px;
}

.solPdfText span {
    font-size: 1.8rem;
    font-weight: 700;
}

.solPdfText span::after {
    content: "";
    background: url(/assets/img/common/ic_pdf.png) no-repeat;
    background-size: contain;
    display: inline-block;
    width: 17px;
    height: 20px;
    position: relative;
    top: 5px;
    right: -8px;
}

.supportList {
    padding-left: 8px;
}

ul.supportList li {
    position: relative;
    padding-left: 16px;
    width: 100% !important;
    max-width: 100% !important;
}

ul.supportList li::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #000;
    position: absolute;
    top: 10px;
    left: 0;
}

/* ------------------
product selection end 
--------------------*/

/*----------------
support / sier / robot.html start
------------------*/
.sierRobotTxt {
    font-size: 1.4rem;
    font-weight: 400;
}

.sierRobotTxtLeft {
    text-align: right;
    font-size: 1.4rem;
}

.sierCheckbox {
    margin-top: 0;
}

.sierRobotTableWrap {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.sierRobotTableWrap::before {
    content: "";
    width: 22px;
    height: 100%;
    background-color: #FFFFFF;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}

.sierRobotTable table.tableCheckList {
    overflow-x: scroll;
}

.sierRobotTable {
    max-width: 185.5rem;
    width: 100%;
    padding: 2rem;
}

.sierRobotTable thead tr th {
    vertical-align: top;
    padding-bottom: 3.5rem;
}

.sierRobotTable thead tr th.sierDropdown {
    position: relative;
}

.sierRobotFixedWrap {
    position: relative;
}

.sierRobotTable .sierRobotFixed {
    position: sticky;
    left: -0.5px;
    background-color: #F1F1F1;
    z-index: 2;
    border-left: 1px solid var(--cloud30);
}

.sierRobotTable .sierRobotFixed::after {
    content: "";
    width: 0.8px;
    height: 100%;
    background-color: var(--cloud30);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
}

.sierRobotTable .sierRobotFixed::before {
    content: "";
    width: 0.8px;
    height: 100%;
    background-color: var(--cloud30);
    position: absolute;
    right: -1px;
    top: 0;
    z-index: 5;
}

.sierDropdownBtn {
    width: 24px;
    height: 24px;
    position: absolute;
    right: 5px;
    bottom: 5px;
}

.sierFilterBtn {
    width: 24px;
    height: 24px;
    position: absolute;
    right: 5px;
    bottom: 5px;
}

.sierRobotTxtCenter {
    text-align: center;
}

.sierRobot h1 {
    line-height: 1;
}

.sierRobot h1::after {
    top: 46px;
}

.sierRobot h1::before {
    top: 33px;
}

ul.sol li .sol_text.sierCard {
    padding: 20px;
}

.upperTtl {
    font-size: 1.8rem;
    font-weight: 500;
}

.sierRobotTable table thead {
    position: sticky;
    top: 0;
    z-index: 10;
}

.sierRobotTable table .regionFixed {
    position: sticky;
    top: 155px;
}

.sierRobotTable table thead tr:last-child {
    position: relative;
}

.sierRobotTable .tbtr-top,
.sierRobotTable .tbtr-bottom {
    position: relative;
}

.sierRobotTable .tbtr-top::after {
    content: "";
    width: 100%;
    height: 1px;
    background-color: var(--cloud30);;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
}

.sierRobotTable .tbtr-bottom::after {
    content: "";
    width: 100%;
    height: 1px;
    background-color: var(--cloud30);;
    position: absolute;
    left: 1px;
    bottom: -1px;
}

.vtableScroll {
    overflow-y: auto;
    max-height: 1000px;
    padding-right: 5px;
}

.vtableScroll::-webkit-scrollbar {
    width: 5px;
}

.vtableScroll::-webkit-scrollbar-track {
    background: #B3B4B5;
}

.vtableScroll::-webkit-scrollbar-thumb {
    background: var(--blue30);
    border: none;
}

.sierRobotTable .sierFilterBtn .btnImg {
  display: none;
}
.sierRobotTable .sierFilterBtn .btnImg.show {
  display: inline;
}

/*----------------
support / sier / robot.html end
------------------*/

/*----------------
Support Network Global Start
------------------*/
ul.robotdlListBtn.networkGlobalList {
    width: 1200px;
}

ul.robotdlListBtn.networkGlobalList li a {
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.3;
    height: 6.4rem;
    text-align: center;
}

.robotImg {
    position: relative;
}

.robotImg::before {
    content: " ";
    position: absolute;
    top: 50%;
    left: 8px;
    transform: translateY(-50%);
    width: 9.6rem;
    height: 5.4rem;
    background: url(/assets/img/support/network_global/small_robots.png) no-repeat;
    background-size: 100% 100%;
}

.controlImg {
    position: relative;
}

.controlImg::before {
    content: " ";
    position: absolute;
    top: 50%;
    left: 8px;
    transform: translateY(-50%);
    width: 9.6rem;
    height: 5.4rem;
    background: url(/assets/img/support/network_global/servo_controller.png) no-repeat;
    background-size: 100% 100%;
}

.inverterImg {
    position: relative;
}

.inverterImg::before {
    content: " ";
    position: absolute;
    top: 50%;
    left: 8px;
    transform: translateY(-50%);
    width: 9.6rem;
    height: 5.4rem;
    background: url(/assets/img/support/network_global/inverter.png) no-repeat;
    background-size: 100% 100%;
}

.systemImg {
    position: relative;
    padding-left: 9rem !important;
}

.systemImg::before {
    content: " ";
    position: absolute;
    top: 50%;
    left: 8px;
    transform: translateY(-50%);
    width: 9.6rem;
    height: 5.4rem;
    background: url(/assets/img/support/network_global/water_supply.png) no-repeat;
    background-size: 100% 100%;
}

.northAmericaTable {
    max-width: 1200px;
    width: 100%;
    border-collapse: collapse;
    margin-top: 2rem;
}

.northAmericaTable tr,
th,
td {
    border: 1px solid var(--cloud30);
}

.northAmericaTable th {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.5;
    background: var(--cloud10);
    padding: 1.2rem 1rem;
    text-align: start;
    letter-spacing: 0;
}

.northAmericaTable td {
    padding: 1.2rem 1rem;
    vertical-align: top;
}

.northAmericaTable tr>td:last-child {
    padding-right: 4.2rem !important;
}

.mapLink {
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.5;
    position: relative;
    text-decoration: none !important;
    border-bottom: 1px solid var(--blue30);
    height: fit-content;
}

.mapLink::after {
    content: " ";
    position: absolute;
    top: 10%;
    right: -40px;
    transform: translate(-50%);
    width: 2.4rem;
    height: 2.4rem;
    background: url(/assets/img/common/ic_open.png) no-repeat;
    background-size: contain;
}

.locationDiv {
    display: flex;
    justify-content: space-between;
    /* gap: 1rem; */
}

.addressTxt {
    width: 29.4rem;
    letter-spacing: 0px;
}

.networkMap {
    width: 1200px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.networkMapInner {
    width: 770px;
    position: relative;
    padding-bottom: 10rem;
}

.networkMapBtn {
    width: 227px;
    padding: 18px 0;
    border-radius: 30px;
    border: 1px solid var(--accent40);
    background-color: var(--blue00);
    position: absolute;
    font-size: 1.6rem;
    font-weight: 500;
    text-align: center;
    color: #000000;
    box-shadow: 0px 3px 3px 3px rgba(0, 0, 0, 0.3);
}

.networkEurope {
    top: 76px;
    left: -207px;
}

.networkMiddle {
    top: 162px;
    left: -207px;
}

.networkAfrica {
    top: 260px;
    left: -207px;
}

.networkAsia {
    bottom: 69px;
    left: 93px;
}

.networkOceania {
    bottom: 69px;
    left: 342px;
}

.networkSouthAmerica {
    top: 180px;
    right: -175px;
}

.networkNorthAmerica {
    top: 76px;
    right: -175px;
}

.colAreaLiPosition {
    position: sticky;
    z-index: 100;
}

.srvostickyHeader thead {
    position: sticky;
    top: 50px;
    z-index: 10;
}

.servo_scroll_table table {
    border-collapse: collapse;
}

@media screen and (max-width: 1040px) {
    .srvostickyHeader thead { 
        position: relative;
        top: 0 !important;
    }

    .servoTable {
        position: relative !important;
        background-color: #fff !important;
    }

    .servoTable th:first-child,
    .servoTable td:first-child {
        position: sticky !important;
        left: 0 !important;
        background-color: #F1F1F1 !important;
        z-index: 15 !important;
        border-left: none !important;
        border-right: 1px solid var(--cloud30) !important;
    }

    .servo_scroll_table {
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 8px;
    }

    .servo_scroll_table table {
        min-width: 1000px;
        border-collapse: collapse;
    }

    .servo_scroll_table::-webkit-scrollbar {
        height: 6px;
    }

    .servo_scroll_table::-webkit-scrollbar-track {
        background: #B3B4B5;
    }

    .servo_scroll_table::-webkit-scrollbar-thumb {
        background: var(--blue30);
        border: none;
    }
}

/*----------------
Suppot / Network Global End
------------------*/

/*----------------
support / network.html start  
------------------*/
.networkTxtLink {
    text-decoration: underline !important;
    color: var(--blue30);
    position: relative;
    padding-left: 2rem;
    display: block;
}

.networkTxtLink::before {
    content: "";
    width: 5px;
    height: 5px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 6px;
    border-radius: 50%;
    background-color: var(--blue30)
}

.networkImageBox {
    padding-top: 1.6rem;
    border-top: 1px solid #000;
    position: relative;
}

.networkImageBox::before {
    content: "";
    width: 22.75%;
    height: 3px;
    position: absolute;
    top: -2px;
    left: 0;
    background-color: var(--blue20);
}

.networkLastUpdateTxtBox {
    display: flex;
    justify-content: end;
}

.networkLastUpdateTxt {
    font-size: 1.4rem;
}

.networkImageBoxInner {
    width: 100%;
    max-width: 99.4rem;
    margin: 0 auto;
}

.networkImageBoxInner img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.colutionAreaLists.networkColution {
    justify-content: center;
}

.networkTable {
    width: 100%;
    border-collapse: collapse;
}

.networkTable th {
    background-color: var(--cloud10);
    font-weight: 400;
    text-align: start;
}

.networkTable th,
.networkTable td {
    border: 1px solid var(--cloud30);
    padding: 1.2rem 1rem;
}

.networkTableAddress {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.networkTableLink {
    margin-left: auto;
    text-decoration: underline !important;
    color: var(--blue30);
    position: relative;
    padding-right: 3rem;
    font-size: 1.4rem;
    font-weight: 500;
}

.networkTableLink::after {
    content: "";
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0px;
    background: url(/assets/img/common/ic_open.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.networkNoIcon {
    padding-right: 0px !important;
}

.networkNoIcon::after {
    content: none !important;
}

.networkTableBoldTxt {
    font-weight: 700;
}

.networkRowSpan {
    vertical-align: top;
}

/*----------------
support / network.html end  
------------------*/
/*----------------
support / export_eligibility.html start  
------------------*/
.scrollBlk.support {
    height: 23.7rem;
}

/*----------------
support / export_eligibility.html end  
------------------*/

/*----------------
catDlList start
------------------*/
.catDlListItem {
    display: block;
    transition: all 0.6s ease;
    cursor: pointer;
    box-shadow: var(--shadow30-mini);
}

.catDlListItem:hover {
    border-color: var(--blue40);
}

.catDlListItemMainImg img {
    overflow: hidden;
}

.catDlListItemMainImg img {
    transition: transform 0.6s ease;
}

.catDlListItem:hover .catDlListItemMainImg img {
    transform: scale(1.05);
}

.catDlListItemMain h3 {
    position: relative;
}

.catDlListItemTitle {
    position: relative;
    display: inline;
    text-decoration: none;
    background-image: linear-gradient(var(--blue40), var(--blue40));
    background-size: 0% 1px;
    background-repeat: no-repeat;
    background-position: 0 100%;
    transition: background-size 0.6s ease;
    padding-bottom: 0 !important;
}

.catDlListItem:hover .catDlListItemTitle {
    background-size: 100% 1px;
    color: var(--blue40);
}

.catDlListItem:hover .pdf_size {
    color: var(--blue40);
}

.catDlListItem:hover .catDlListItemCont p {
    color: var(--blue40);
}

.catDlListItemCont .btns .dl_btn,
.catDlListItemCont .btns .dl_add_btn {
    transition: all 0.6s ease;
}

.catDlListItem:hover .catDlListItemCont .btns .dl_btn {
    background-color: #FFFFFF;

}

.catDlListItem:hover .catDlListItemCont .btns .dl_btn span {
    color: var(--hot30);
}

.catDlListItem:hover .catDlListItemCont .btns .dl_btn .ic img:nth-child(1) {
    display: none;
}

.catDlListItem:hover .catDlListItemCont .btns .dl_btn .ic img {
    position: relative;
    display: block;
}

.catDlListItemCont .btns .dl_add_btn:hover {
    background-color: var(--hot30);
}

.catDlListItemCont .btns .dl_add_btn:hover span {
    color: #FFFFFF;
}

.catDlListItemCont .btns .dl_add_btn:hover .ic img:nth-child(1) {
    display: none;
}

.catDlListItemCont .btns .dl_add_btn:hover .ic img:nth-child(2) {
    display: none;
}

.catDlListItemCont .btns .dl_add_btn:hover .ic img {
    position: relative;
    display: block;
}

/*----------------
catDlList end
------------------*/

/*----------------
media query 各種サポート情報 start
------------------*/
.noPaddingPC {
    padding: 0;
}

@media screen and (max-width: 1250px) {
    .instSupportWrap.dlSuMediaWrap .instSupport {
        flex-direction: column;
        align-items: center;
    }

    .instSupportWrap.dlSuMediaWrap .instSupport_l,
    .instSupportWrap.dlSuMediaWrap .instSupport_r {
        width: 100%;
    }

    .instSupportWrap.dlSuMediaWrap .instSupport_l {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}

/*----------------
media query 各種サポート情報 end
------------------*/

/*----------------
Cad start
------------------*/
.motorCapacityDiv {
    position: relative;
}

.motorCapacity {
    color: var(--blue30);
    background: none;
    border: none;
    cursor: pointer;
    text-decoration: underline;
    font-size: inherit;
    padding: 0;
}

.motorCapacityModal {
    display: none;
    position: absolute;
    z-index: 2;
    top: unset;
    left: 200px;
    margin-top: 5px;
}

.motorCapacityModal.hidden {
    display: none !important;
}

.langCheckbox div.checkboxes div.motorCapacityModalContent {
    display: block;
}

.langCheckbox div.checkboxes div.motorCapacitySection {
    display: block;
}

.langCheckbox div.checkboxes div.motorCapacityColumn {
    display: block;
}

.motorCapacityModalContent {
    display: block;
    background-color: #ffffff;
    padding: 0;
    width: max-content;
    border: 1px solid var(--blue40);
    position: relative;
}

.motorCapacityModalContent::before{
    content: '';
    position: absolute;
    top: 50%;
    transform: translateX(9px) translateY(-50%);
    right: 100%;
    width: 48px;
    height: 48px;
    background-image: url('../img/download/left-arrow.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center; 
    z-index:-1;
}

.motorCapacityModalHeader {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 45px 15px 0 20px;
}

.motorCapacityClose {
    font-size:1.4rem;
    position: relative;
    display: flex;
}

.motorCapacityClose::before {
    content: '';
    position: absolute;
    top: -30px;
    left: 2px;
    width: 30px;
    height: 30px;
    background-image: url('../img/common/navi_cont_close.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.motorCapacityModalBody {
    padding: 0 60px 40px;
}

.motorCapacitySectionTitle {
    margin-bottom: 10px;
    padding: 0;
}

.motorCapacitySectionTitle::before{
    content: none;
}

.motorCapacitySection {
    margin-bottom: 30px;
}

.motorCapacitySection:last-child {
    margin-bottom: 0;
}

.motorCapacityGrid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px !important;
}

.motorCapacityColumn {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.motorCapacityItem {
    display: flex;
    align-items: center;
    padding-bottom: 10px;
}

.motorCapacityCode {
    font-size: 1.6rem;
    font-weight: 500;
    margin-left: 5px;
}

.motorCapacityPower {
    font-size: 1.4rem;
    font-weight: 400;
}

.motorCapacityModalFooter {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    padding: 20px 30px;
    background-color: #ffffff;
    border-radius: 0 0 8px 8px;
}

.motorCapacityBtn {
    padding: 10px 24px;
    border: none;
    border-radius: 6px;
    font-size: 1.4rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
    min-width: 100px;
}

@media screen and (max-width: 1110px) {
    .motorCapacityModal {
        left: -100%;
        right: auto;
        transform: translateX(-280px);
    }
    
    .motorCapacityModalContent::before{
        left: 100%;
        right: auto;
        transform: scaleX(-1) translate(7px, -25px);
    }
}

.cadPagiFlex {
    display: flex;
    justify-content: space-between;
}

.cadPagiDiv {
    margin-top: 1.3rem;
}

.cadPagiUl {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.5;
    display: flex;
    align-items: center;
    position: relative;
    width: 41.2rem;
}

.cadPagiUl::before {
    content: " ";
    position: absolute;
    top: 50%;
    left: -27px;
    transform: translateY(-50%);
    width: 1.1rem;
    height: 1.1rem;
    background: url(/assets/img/membership/common/prev_arr.png) no-repeat;
    background-size: contain;
}

.cadPagiUl::after {
    content: " ";
    position: absolute;
    top: 50%;
    right: 24px;
    transform: translateY(-50%);
    width: 1.1rem;
    height: 1.1rem;
    background: url(/assets/img/membership/common/next_arr.png) no-repeat;
    background-size: contain;
}

.cadPagiUl li {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 4rem;
    height: 4rem;
    cursor: pointer;
}

.cadPagiListActive {
    border-radius: 4px;
    color: #fff;
    background-color: var(--blue30);
}

.cadPagiLink {
    color: #fff;
}

.cadRightArr {
    width: 0.7rem;
    height: 1.1rem;
}

.cadTableFlow {
    overflow-x: auto;
}

table.cadTable {
    width: 100%;
    border-collapse: collapse;
    margin-top: 1.4rem;
}

.cadTable tr,
th,
td {
    border: 1px solid var(--cloud30);
}

.cadTable th {
    padding: 1.6rem 1rem 1.6rem 1rem;
    text-align: left;
    background-color: var(--cloud10);
    white-space: nowrap;
    vertical-align: top;
}

.cadTable td {
    padding: 1.4rem 1rem;
    vertical-align: top;
}

.cadTable tr>td:nth-of-type(4) {
    letter-spacing: -1px;
}

.cadDownloadBtnDiv {
    display: flex;
    align-items: center;
    gap: 9px;
}

.cadDownloadPosition {
    position: relative;
    width: 9.6rem;
    height: 4rem;
    margin: 0 auto;
}

.cadDownloadBtn {
    width: 9.6rem;
    height: 4rem;
    background-color: var(--hot30);
    position: relative;
    box-shadow: var(--shadow15-small);
}

.cadDownBorderOne {
    border: 1px solid var(--hot30);
    width: 5.6rem;
    height: 4rem;
    padding: 0.8rem 1.8rem 1.2rem 1.8rem;
}

.cadDownloadBtn:hover {
    background-color: #fff;
}

.cadDownloadBtn:hover .cadDownBorderOne {
    border: 1px solid var(--hot30);
    border-right: 0;
}

.cadArr {
    margin: 0 auto;
}

.cadArrHover {
    display: none;
    margin: 0 auto;
}

.cadDownloadBtn:hover .cadArrHover {
    display: block;
}

.cadDownloadBtn:hover .cadArr {
    display: none;
}

.cadDownloadTxt {
    color: #fff;
    letter-spacing: -1px;
}

.cadDownloadAccor {
    background: #fff;
    width: 4rem;
    height: 4rem;
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--cloud30);
}

.cadDownloadListAccor {
    border-left: 1px solid var(--hot30);
}

.cadDownloadListPosition {
    position: relative;
    width: 9.6rem;
    height: 4rem;
    margin: 0 auto;
}

.cadDownloadListBtn {
    width: 9.6rem;
    height: 4rem;
    background-color: #fff;
    position: relative;
    box-shadow: var(--shadow15-small);
}

.cadDownloadBorder {
    border: 1px solid var(--hot30);
    border-right: 0;
    width: 5.6rem;
    height: 4rem;
    padding: 1rem 1.8rem;
}

.cadDownloadListTxt {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.5;
    color: var(--hot30);
    letter-spacing: -1px;
}

.cadBtnPad {
    width: 12.4rem;
}

.cadDownloadListBtn:hover {
    background-color: var(--hot30);
}

.cadArrSec {
    margin: 0 auto;
}

.cadDownloadListBtn:hover .cadArrSec {
    display: none;
}

.cadArrHoverSec {
    display: none;
    margin: 0 auto;
}

.cadDownloadListBtn:hover .cadArrHoverSec {
    display: block;
}

.fileTypeDiv {
    display: none;
    width: 19.7rem;
    border: 1px solid var(--hot30);
    padding: 0.8rem 0.8rem 0.8rem 1.2rem;
    box-shadow: var(--shadow15-small);
    position: absolute;
    top: 38px;
    left: 0;
    background: #fff;
    z-index: 1;
}

.fileTypeTxt {
    font-size: 1.4rem;
    line-height: 1.5;
    background-color: var(--cloud10);
    border-radius: 3px;
    padding: 0.8rem 0.7rem;
    display: inline-block;
}

.fileTypeHead {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.5;
    border-bottom: 1px solid var(--cloud30);
    margin-top: 1.2rem;
    padding-bottom: 0.3rem;
}

.firstFileTypeFlex,
.fileTypeFlex {
    display: flex;
    justify-content: space-between;
    margin-top: 0.3rem;
}

.fileType {
    color: var(--blue30);
    text-decoration: underline !important;
    text-decoration-color: var(--blue30);
}

.fileSize {
    font-size: 1.4rem;
    color: var(--cloud40);
}

.fileTypeDivTwo {
    display: none;
    width: 26rem;
    border: 1px solid var(--hot30);
    padding: 0.8rem 0.8rem 0.8rem 1.2rem;
    box-shadow: var(--shadow15-small);
    position: absolute;
    top: 38px;
    right: 0;
    background: #fff;
    z-index: 1;
}

table.cadTable tr:nth-last-child(-n+5) .fileTypeDiv {
    top: auto;
    bottom: 47px;
    z-index: 999;
}

table.cadTable tr:nth-last-child(-n+5) .fileTypeDivTwo {
    top: auto;
    bottom: 47px;
    z-index: 999;
}

.lastLabelWidth {
    max-width: 16rem;
    width: 100%;
}

.cadStarOff,
.cadStarOn {
    margin: 0 auto;
}

.cadModalDiv {
    display: none;
    max-width: 32rem;
    width: 100%;
    box-shadow: var(--shadow15-small);
    position: fixed;
    bottom: 20px;
    left: 20px;
    z-index: 1;
    background: #fff;
    border: 1px solid var(--hot30);
}

.cadModalDiv.cadModalActive {
    display: block;
}

.cadModalHeadDiv {
    padding: 1.7rem 2rem;
    cursor: pointer;
}

.cadModalHead {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1.5;
    position: relative;
}

.cadModalHead::after {
    content: " ";
    position: absolute;
    top: 50%;
    right: -25px;
    transform: translateY(-50%);
    width: 1.6rem;
    height: 0.8rem;
    background: url(/assets/img/membership/common/arrow_forward_ios.png) no-repeat;
    background-size: 100% 100%;
}

.cadModalHead.cadModalHeadArr::after {
    transform: rotate(180deg);
    top: 43%;
}

.cadModalItem {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.5;
}

.cadModlSubDiv {
    /* padding: 2rem; */
    background: var(--cloud10);
}

.cadModalSub {
    overflow-y: scroll;
    height: 32.7rem;
    padding: 1.6rem;
}

.cadModalTemplate {
    display: none;
}

.cadSection {
    margin-bottom: 2rem;
    padding: 1.6rem;
    background: #fff;
}

.cadModalTtl {
    display: block;
    width: 100%;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.5;
    border-bottom: 1px solid var(--cloud30);
    padding-bottom: 1rem;
    margin-bottom: 2rem;
}

.cadModalLink {
    display: block;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.5;
    color: var(--blue30);
    position: relative;
    margin-bottom: 15px;
}

.cadModalLink:last-child {
    margin-bottom: 0;
}

.cadModalLink > span.remove {
    content: " ";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 1.8rem;
    height: 1.7rem;
    background: url(/assets/img/common/navi_cont_close.png) no-repeat;
    background-size: contain;
}

.cadZipBtn {
    padding: 1.6rem;
    background: var(--cloud10);
}

@media screen and (max-width: 1000px) {
    .cadPagiFlex {
        flex-direction: column;
    }
}

/*----------------	
Cad end
------------------*/

/*----------------
download/software/controller/feature start
------------------*/
.engineeringBox {
    display: flex;
    gap: 3.6rem;
}

.engineeringLeft {
    width: calc(59% - 18px);
}

.engineeringRight {
    width: calc(41% - 18px);
}

.engineeringRight img {
    width: 100%;
    height: 100%;
}

.featureBlueTxt {
    font-size: 2.4rem;
    font-weight: 500;
    color: var(--blue40);
}

.programmingBox {
    display: flex;
    gap: 3.6rem;
}

.programmingLeft {
    width: calc(50% - 1.7rem);
}

.programmingRight {
    width: calc(50% - 1.7rem);
}

.programmingImgWrap {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.programmingLeftImg {
    width: 44.8rem;
}

.supportList.splistNew.featuresList {
    border-top: 0;
    padding-top: 0.5rem;
}

.featuresListTtl {
    font-size: 1.8rem;
    font-weight: 700;
}

table.featuresTable th {
    background-color: var(--blue00);
    padding-left: 2.4rem;
}

table.featuresTable td {
    padding-left: 2.4rem;
}

.colutionAreaLists.networkColution.featuresAreaLists {
    justify-content: start;
}

.featuresPaddingLeft {
    padding-left: 15px;
}

.configulatorImageWrap {
    display: flex;
    justify-content: center;
    align-items: center;
}

.configulatorImage {
    max-width: 78.8rem;
    width: 100%;
}

ul.robotdlListBtn.featureListBtn {
    min-width: 1000px;
}

/*----------------
download/software/controller/fearure end
------------------*/

/*----------------
download/software/controller/feature/register start
------------------*/
.register {
    display: flex;
}

.registerSteps {
    display: inline-flex;
    justify-content: center;
    align-items: stretch;
    counter-reset: step-counter;
    min-width: 71rem;
    border: 3px solid #fff;
    margin: 0 auto;
}

.rStep {
    background: var(--blue10);
    color: var(--accent50);
    padding: 1.5rem 3rem 1.5rem 5rem;
    position: relative;
    display: flex;
    align-items: center;
    max-width: 25rem;
    width: 100%;
    justify-content: center;
    font-size: 1.6rem;
    font-weight: 500;
    cursor: pointer;
}

.rStep::before {
    counter-increment: step-counter;
    content: counter(step-counter);
    position: absolute;
    left: 15px;
    width: 40px;
    height: 40px;
    background: var(--accent50);
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 1.4rem;
}

.registerTable {
    max-width: 68.5rem;
    width: 100%;
}

.productFormat {
    font-size: 1.4rem;
}

.purchaseBlk {
    border: 1px solid var(--cloud20);
}

.purchaseTtl {
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.2;
    background-color: var(--cloud10);
    padding: 2.2rem 4.8rem;
}

.purchaseCt {
    padding: 3rem 7.2rem 3rem 4.8rem;
}

.purchaseCt .seeMoreTxt {
    font-weight: 500;
    font-size: 1.8rem;
}

.seeMoreLink.seeMoreListRegister {
    flex-direction: row;
    justify-content: center;
}

.seeMoreLink.left {
    justify-content: left;
}

.seeMoreListRegister .seeMoreList {
    margin: unset;
}

.onlineUser {
    position: relative;
    font-size: 1.8rem;
    font-weight: 500;
}

.onlineRegister {
    display: flex;
    gap: 35px;
    align-items: center;
    letter-spacing: 0;
}

.onlineRegisterWay {
    background-color: var(--blue10);
    border-radius: 3px;
    max-width: 58.3rem;
    width: 100%;
    padding: 3rem;
}

.recieveTxt {
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: 0;
}

.onlineRegisterWay {
    text-align: center;
}

.wayTxt {
    font-size: 1.6rem;
    color: #000000;
    border: 2px solid #ffffff;
    border-radius: 3px;
    padding: 0.5rem 1rem;
    width: 100%;
}

.wayTxtAno {
    font-size: 1.6rem;
    color: #000000;
    background: #fff;
    border-radius: 3px;
    padding: 1.5rem 1rem;
    width: 100%;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
}

.wayTxtAnoBlue {
    font-size: 2.4rem;
    font-weight: 700;
    color: var(--blue40);
    line-height: 1;
}

.onlineRegisterWays {
    display: flex;
    gap: 6px;
}

.onlineRegisterWays+.onlineRegisterWays {
    margin-top: 6px;
}

.wayTxtLeft {
    max-width: 20.6rem;
    width: 100%;
}

.registerBtn {
    font-size: 1.8rem;
    font-weight: 500;
    max-width: 37.6rem;
    width: 100%;
    padding: 1.9rem 1.5rem;
    display: block;
    color: #000000;
    background: var(--hot10);
    border: 5px solid var(--hot20);
    border-radius: 5px;
    position: relative;
    box-shadow: var(--shadow30-mini);
}

.registerBtn:hover {
    border: 5px solid var(--blue40);
    background-color: var(--blue00);
    box-shadow: var(--shadow30-mid);
}

.registerBtnTxt {
    font-weight: 500;
}

.rChange {
    font-size: 1.8rem;
    font-weight: 500;
}

.rSeeMoreItem {
    padding: 2.7rem 6rem 2.7rem 3rem;
}

.registerBtn::after {
    position: absolute;
    right: 20px;
    top: 50%;
    margin: 0;
    transform: rotate(45deg) translateY(-50%);
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 12px;
    height: 12px;
    border: 0;
    border-top: solid 2px #000;
    border-right: solid 2px #000;
}

.rStep::after {
    content: "";
    background: url(/assets/img/download/controller/features/step_arr.png)no-repeat center/contain;
    width: 38px;
    height: 100%;
    height: calc(100% + 6px);
    position: absolute;
    top: -3x;
    right: 0px;
    z-index: 10;
}

.rStep:last-child:after {
    display: none;
}

.rmember {
    border: 1px solid var(--cloud20);
}

.rmemberTtl {
    display: flex;
    padding: 0.8rem 4.5rem;
    gap: 10px;
    align-items: center;
}

.rmemberRight {
    font-size: 1.6rem;
    font-weight: 700;
}

.rmemberLeft {
    font-size: 1.2rem;
    font-weight: 400;
    color: var(--accent30);
    border: 1px solid var(--accent30);
    padding: 0.2rem;
    max-width: 3.8rem;
    width: 100%;
    text-align: center;
}

.rmemberTxt {
    background: var(--cloud10);
    padding: 1.9rem 4.8rem;
}

.registerLt {
    font-weight: 500;
    color: var(--blue30);
    position: relative;
    padding-left: 1.5rem;
    text-decoration: underline !important;
    text-underline-offset: 2px;
}

.registerLt::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--blue30);
    position: absolute;
    top: 10px;
    left: 0;
}

.seeMoreList.changeRegister {
    margin: unset;
}

/*----------------
download/software/controller/fearure/register end
------------------*/

/*----------------
download/software/controller/feature/update_system_requirements start
------------------*/
.reqList {
    padding-left: 10px;
}

.rmemberTxtreq {
    background: var(--cloud10);
    padding: 1.9rem 6.1rem;
}

.reqListlink {
    font-weight: 500;
    color: var(--blue30);
    font-size: 1.6rem;
    text-decoration: underline !important;
    text-underline-offset: 2px;
}

.opeartingEnvList span {
    display: block;
    padding-left: 1.3rem;
}

.opeartingEnvList {
    position: relative;
    padding-left: 2.2rem;
}

.opeartingEnvList::after {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #000;
    position: absolute;
    top: 10px;
    left: 9px;
}

.opeartingEnv+.opeartingEnv {
    margin-top: 20px;
}

.aster.asterNew {
    letter-spacing: 0;
}


/*----------------
download/software/controller/fearure/update_system_requirements end
------------------*/

/*----------------
download/software/controller/feature/update_history start
------------------*/
.updateHistoryTable {
    width: 1200px;
    border-collapse: collapse;
}

.updateHistoryTable tr td,
.updateHistoryTable tr th {
    border: 1px solid var(--cloud30);
    padding: 1rem;
    text-align: start;
}

.updateHistoryTable tr th {
    font-weight: 500;
    background-color: var(--cloud10);
}

.updateHistoryTable tr td {
    font-weight: 400;
}

.updateHistoryTablePdf {
    position: relative;
    padding-left: 2.5rem;
}

.updateHistoryTablePdf::before {
    content: '';
    width: 17px;
    height: 20px;
    background-image: url(/assets/img/common/ic_pdf.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.updateHistoryStopTxt {
    padding-left: 3.5rem;
}

/*----------------
download/software/controller/fearure/update_history end
------------------*/

/*----------------
download/manual/download info start
------------------*/
.downloadSoloWidth {
    max-width: 92.7rem;
    padding: 3rem 4.8rem;
    border: 1px solid #FFF;
}

.downloadSolCatLeft.flexColumn {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.downloadSolCatTxt.txtWidth {
    max-width: 33rem;
}

.downloadSolCatNum.margin {
    margin: 25px 0;
}

.downloadSolCatImg.autoHeight {
    height: auto;
}

.downloadManualBlog {
    width: 100%;
    border: 1px solid var(--cloud30);
    padding: 2.4rem;
}

.downloadManualFlex {
    display: flex;
    gap: 16px;
    margin-bottom: 30px;
}

.downloadManualImg {
    max-width: 5.9rem;
}

.downloadManualTxt {
    font-size: 1.4rem;
    font-weight: 500;
}

.downloadMatBtn.center {
    margin: 0 auto;
}

.downloadHoverLink:hover {
    border-color: var(--blue40);
    box-shadow: var(--shadow30-small);
}

.downloadHoverLink:hover p {
    color: var(--blue40);
}

.downloadHoverLink:hover img {
    transform: scale(1.05);
    transition: transform 0.6s;
}

.downloadHoverLink:hover button .ic img {
    position: relative;
    display: block;
}

.downloadHoverLink:hover button .ic img:nth-child(1) {
    display: none;
}

.downloadHoverLink:hover button {
    background-color: #FFFFFF;
}

.downloadHoverLink:hover button span {
    color: var(--hot30);
}

.special_fea_cont .acclerationText {
    font-weight: 500;
    color: #000;
}

/*----------------
download/manual/download info end
------------------*/

/*----------------
inquiry detail start
------------------*/
.contactBlueLists li:not(:last-child) {
    margin-bottom: 5px;
}

.contactBlueLists li a {
    display: block;
    font-weight: 500;
    color: var(--blue30);
    text-decoration: underline;
    text-underline-offset: 2px;
    position: relative;
    padding-left: 22px;
}

.contactBlueLists li a::before {
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--blue30);
    position: absolute;
    top: 10px;
    left: 8px;
}

.contactMailBox {
    background: var(--blue00);
    padding: 5.4rem 2rem;
}

.contactMailBoxWrapper {
    max-width: 1060px;
    margin: 0 auto;
    display: flex;
    gap: 20px;
    justify-content: space-between;
}

.contactYellowCard {
    max-width: 455px;
    width: 100%;
    height: 169px;
    background: var(--hot00);
    border: 5px solid var(--hot10);
    border-radius: 5px;
    padding: 4.7rem 1.5rem 4.7rem 3rem;
    display: flex;
    align-items: center;
    gap: 16px;
    box-shadow: var(--shadow30-mini);
    transition: all 0.6s ease;
}

.contactYellowCard:hover {
    border: 5px solid var(--blue40);
    background-color: var(--blue00);
    box-shadow: var(--shadow30-mid);
}

.cyellowCardLeft {
    width: 73px;
    height: 73px;
}

.cyellowCardRight {
    width: calc(100% - 89px);
    position: relative;
}

.cyellowCardRight::after {
    content: "";
    background: url(/assets/img/contact/ic_arrow.png) no-repeat;
    background-size: contain;
    width: 25px;
    height: 25px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}

.cyellowCardRight .normalText {
    font-size: 1.6rem;
    font-weight: 500;
}

.cyellowCardRight .largeText {
    font-size: 2.4rem;
    font-weight: 700;
}

.contactWhiteCardOuter {
    width: fit-content;
    margin-right: 35px;
    background: var(--cloud20);
    border-radius: 10px;
}

.contactWhiteCard {
    width: 510px;
    height: 166px;
    margin-bottom: 7px;
    border-radius: 10px;
    background: #FFF;
    padding: 2.7rem 0 3rem 3rem;
    position: relative;
    z-index: 2;
}

.cWhiteCardLeft .ttlText {
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 12px;
}

.cWhiteCardLeft .text {
    font-size: 1.4rem;
    font-weight: 500;
}

.cWhiteCardRightImg {
    width: 192px;
    height: 192px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -50px;
    z-index: 3;
}

.contactWhiteCardOuter:hover {
    box-shadow: var(--shadow30-small);
}

@media screen and (max-width: 1050px) {
    .contactMailBoxWrapper {
        flex-direction: column;
        gap: 35px;
        max-width: 545px;
    }

    .contactYellowCard {
        max-width: 100%;
    }

    .contactMailBoxWrapper:not(:has(.contactWhiteCardOuter)) {
        margin: 0;
    }
}

/*----------------
inquiry detail end
------------------*/

/*----------------
/contact/info_detail.html start
------------------*/
.contactOutlineBox {
    padding: 3rem 5rem;
    background-color: var(--accent10);
    gap: 65px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.outlineBoxLeft {
    width: calc(69% - 32px);
}

.outlineBoxRight {
    width: calc(30% - 32px);
}

.outlineSpacing {
    letter-spacing: 0;
}

.downloadListArea.outlineListArea ul.downloadList li {
    max-width: unset;
}

.downloadListArea.outlineListArea ul.downloadList {
    width: calc(100% - 140px);
}

.downloadListArea.outlineListArea .tit {
    width: 117px;
}

.downloadListArea.outlineListArea {
    gap: 24px;
    padding: 9px 24px 9px 24px;
    margin-bottom: 2.5rem;
}

.downloadListArea.outlineListArea.stand_al {
    background-color: #FFFFFF;
    border: none;
    border-radius: none;
}

.infoDetailSupport {
    height: 58px;
}

.searchboxInner.infoDetailSupport .inputTxt {
    width: 80%;
}

.infoDetailSupport.btnSearch {
    width: 20%;
}

.detailNumBox {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 12px;
}

.detailNumImg {
    width: 44px;
    height: 40px;
    padding-top: 7px;
}

.detailNumImg img {
    width: 100%;
    height: 100%;
}

.detailNum {
    font-size: 3.4rem;
    font-weight: 700;
    line-height: 1;
}

.infoDetailNumBox {
    display: flex;
    gap: 38px;
    align-items: start;
}

.numBoxEnd {
    align-items: end;
}

.detailNumBoxLeft,
.detailNumBoxRight {
    width: calc(50% - 19px);
}

.infoDetailPadding {
    padding-left: 56px;
    padding-bottom: 1rem;
}

.infoDetailList {
    font-size: 1.4rem;
    padding-left: 2.4rem;
}

.infoDetailBlueBox {
    background-color: var(--accent00);
}

.infoDetailBoxLink {
    flex-direction: row;
    gap: 36px;
}

.infoDetailBoxLink li {
    max-width: unset;
    width: calc((100% / 3) - 24px);
}

.infoDetailBoxLink li a {
    padding: 19px 25px 20px 30px;
}

.BoxLinkYellow li a {
    background-color: var(--hot10);
}

@media screen and (max-width: 1000px) {
    .infoDetailBoxLink {
        gap: 15px;
    }

    .infoDetailBoxLink li {
        width: calc((100% / 3) - 10px);
    }

    .infoDetailBoxLink li a .ban_text {
        font-size: 1.6rem;
    }

    .infoDetailBoxLink li a {
        padding: 19px 25px 20px 10px;
    }

    .infoDetailBoxLink li a .ban_ic {
        width: 50px;
        margin-right: 10px;
    }
}

@media screen and (max-width: 860px) {
    .detailNum {
        font-size: 2.7rem;
    }
}

@media screen and (max-width: 850px) {
    .infoDetailBoxLink li a .ban_text {
        font-size: 1.4rem;
    }
}

/*----------------
/contact/info_detail.html detail end
------------------*/

/*----------------
/contact/sales_partner_lists start
------------------*/
.saleList {
    text-align: center;
}

.saleListTbl {
    letter-spacing: 0;
}

.northAmericaTable.saleListTbl th {
    vertical-align: top;
}

.northAmericaTable.saleListTbl tbody tr a {
    text-underline-offset: 2px;
}

/*----------------
/contact/sales_partner_lists end
------------------*/

/*----------------
/contact/sales_partner start
------------------*/

.partnersBlueMap {
    display: flex;
    gap: 26px;
}

.partnersMapLeft {
    width: 68%;
}

.partnersMapRight {
    width: calc(30% - 26px);
}

.partnersMapRow {
    display: flex;
}

.partnersRowLeft {
    max-width: 127px;
    width: 100%;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1;
}

.partnersRowRight {
    width: calc(100% - 127px);
}

.partnersRowRight .SearchRobotItems {
    margin-top: 0;
    gap: 24px;
}

.partnersRowRight .SearchRobotItems li a {
    font-size: 1.6rem;
    padding: 7px 14px 7px 14px;
}

.partnersMapBox {
    padding: 3.4rem 4.6rem;
}

.partnersBlueLink {
    color: var(--blue30);
    position: relative;
    padding-left: 24px;
    text-decoration: underline !important;
    display: block;
}

.partnersBlueLink::before {
    content: "";
    width: 4px;
    height: 4px;
    background-color: var(--blue30);
    position: absolute;
    left: 10px;
    top: 9px;
    border-radius: 50px;
}

.partnersBanner {
    padding-top: 24px;
    border-top: 1px solid;
    border-color: var(--cloud30);
    position: relative;
}

.partnersBanner ul.banlinks {
    margin: unset;
}

.partnersBanner:before {
    content: '';
    display: block;
    width: 273px;
    width: 22.75%;
    height: 3px;
    background-color: var(--blue20);
    position: absolute;
    top: -2.5px;
    left: 0;
}

.partnersBanner ul.banlinks a {
    max-width: 376px;
    width: 100%;
    padding: 27px 60px 27px 30px;
}

.partnersBanner ul.banlinks a .ban_text {
    width: 100%;
}

@media screen and (max-width: 1050px) {
    .partnersBlueMap {
        gap: 10px;
    }

    .partnersRowRight .SearchRobotItems {
        gap: 10px;
    }

    .partnersMapBox {
        padding: 2.5rem;
    }

    .partnersMapLeft {
        width: 65%;
    }

    .partnersMapRight {
        width: calc(35% - 10px);
    }

    .partnersRowLeft {
        font-size: 1.6rem;
        max-width: 100px;
    }

    .partnersRowRight .SearchRobotItems li a {
        font-size: 1.4rem;
        padding: 4px 10px;
    }

    .partnersRowRight {
        width: calc(100% - 100px);
    }
}

@media screen and (max-width: 900px) {
    .partnersBlueMap {
        flex-direction: column;
    }

    .partnersMapLeft {
        width: 100%;
    }

    .partnersRowLeft {
        max-width: unset;
        width: 127px;
    }

    .partnersRowRight {
        width: calc(100% - 127px);
    }

    .partnersMapRight {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .partnersMapImg {
        width: 60%;
    }
}

/*----------------
/contact/sales_partner end
------------------*/

/*----------------
/product/controller.html start
------------------*/
.controllerWhiteBg {
    background-color: #FFFFFF;
}

.controllerLineWrap {
    padding-top: 5.6rem;
    padding-bottom: 5rem;
}

.controllerLineWrap .lineupItemWrap .lineupItemCont p {
    letter-spacing: 0;
}

.controllerLineWrap .lineupItemWrap .lineupItemCont .tit {
    display: flex;
    justify-content: start;
    align-items: center;
    margin-bottom: 15px;
}

.controllerLineWrap .lineupItemWrap .lineupItemCont .tit h3 {
    margin-bottom: 0;
}

.controllerLineWrap .lineupItemWrap .lineupItem:hover .titController{
    color: var(--blue40);
}

.titController {
    font-size: 2.4rem;
    font-weight: 700;
}

.controllerLineWrap .lineupItem {
    background-color: #FFFFFF;
    width: 100%;
    max-width: 100%;
    flex: 1;
}

.controllerLastWhite {
    padding-top: 120px;
}

.controllerProductArea .productBtnWrap {
    margin-top: 3.2rem;
    display: flex;
    justify-content: space-between;
}

.controllerProductArea {
    padding-top: 8rem;
    padding-bottom: 8rem;
}

.controllerLinkBtnWrap {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 60px;
}

.linkBtn02New.controllerLinkBtn::before {
    border-top: 0;
    border-right: 0;
    width: 19px;
    height: 19px;
    background: url(/assets/img/common/ic_close_circle.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transform: none;
    top: 50%;
    transform: translateY(-50%);
    left: unset;
    right: 16px;
}

.lineupItemBox {
    width: 376px;
    max-width: 31.33%;
    display: flex;
    flex-direction: column;
}

.machineLineupItem {
    display: flex;
    flex: 1;
    column-gap: 36px;
    width: 62.66%;
    flex-direction: column;
}

.controllerLineWrap .lineupItemWrap {
    gap: 36px;
}

.machineLineupItem .lineupItem {
    width: 376px;
    max-width: calc(50% - 20px);
}

.machineLineupBox {
    display: flex;
    gap: 36px;
    flex: 1;
}

.controllerIcFeature {
    width: fit-content;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.8px;
    padding: 8px;
    border-radius: 8px;
    border: 1px solid var(--accent50);
    background-color: var(--accent10);
    color: var(--accent50);
}

.lineupItemWrap .controllerProduct.lineupItemCont .tit {
    font-weight: 500;
    font-size: 1.6rem;
}

.lineupItemWrap .controllerProduct.lineupItemCont {
    padding: 32px;
}

.controllerInst {
    width: 100%;
    margin: unset;
}

.controllerRelatedLink {
    padding: 25px 30px 20px 30px;
}

.controllerRelativeInfo .relatedLinksItem{
    transition: all 0.3s ease-out;
}


.controllerRelativeInfo .relatedLinksItem:hover,
.controllerRelativeInfo .relatedLinksItem:focus-visible {
    color: var(--blue40);
    border: 1px solid var(--blue40);
    box-shadow: var(--shadow30-mid);
}

.controllerRelativeInfo .relatedLinksItem:hover .enviroLineUpTtl,
.controllerRelativeInfo .relatedLinksItem:hover .enviroLineUpKw,
.controllerRelativeInfo .relatedLinksItem:hover .enviroLineUpPara{
    color: var(--blue40);
}

.controllerScrollBox {
    /* min-width: 1200px; */
}

.lineupItem.lineupItemNew .lineupItemCont {
    padding: 32px 30px 32px 30px;
}

.lineupItem.lineupItemNew .lineupItemCont .tit {
    font-size: 2.4rem;
}

.dl_btns.controller {
    flex-direction: row;
}

@media screen and (max-width: 1020px) {

    .lineupItemBox .lineupItemHeading h3,
    .machineLineupItem .lineupItemHeading h3 {
        font-size: 2rem;
    }

    .titController {
        font-size: 2rem;
    }

    .machineLineupBox,.controllerLineWrap .lineupItemWrap {
        gap: 15px;
    }

    .controllerLineWrap .lineupItemWrap{
        row-gap: 0;
    }

    
    .machineLineupItem .lineupItem {
        width: 376px;
        max-width: calc(50% - 7px);
    }

    .dl_btns.controller {
        flex-direction: column;
    }
}

/*----------------
/product/controller.html end
------------------*/

/*----------------
/product/controller/mpx1000/mpx1310.html start
------------------*/
.prodNavi .prodNaviLinks.prodNaviLinksNew ul li a {
    padding: 6px 17px 5px 6px;
}

.mvLink {
    font-size: 1.6rem;
    color: var(--blue30);
    text-decoration: underline !important;
    text-underline-offset: 2px;
}

.cateTopN ul.cate_top01_l_spec li {
    letter-spacing: 0;
}

.featuerImg img {
    margin: 0 auto;
}

.productionVideo {
    display: flex;
    gap: 36px;
}

.productionVideoBlk {
    width: 50%;
}

.videoTtl {
    font-size: 1.8rem;
    font-weight: 700;
}

.videoBlk {
    max-width: 582px;
    width: 100%;
    margin: 0 auto;
}

.videoBlk iframe {
    width: 100%;
    aspect-ratio: 712 / 433;
    object-fit: cover;
}

.featureCtBlk {
    display: flex;
    gap: 34px;
    letter-spacing: 0;
}

.featureCtBlkl {
    max-width: 790px;
    width: 100%;
}

.featureCtBlk+.featureCtBlk {
    margin-top: 80px;
}

.prodNavi .prodNaviLinks.prodNaviLinksNew ul {
    flex-direction: row;
    justify-content: end;
}

/*----------------
/product/controller/mpx1000/mpx1310.html end
------------------*/

/*----------------
/product/controller/mpx1000/mpx1310/spec.html start
------------------*/
.mpxMVUl {
    margin-left: 0 !important;
}

.mpxMVUl li {
    list-style-type: none !important;
}

.mpxSpecTable {
    margin-bottom: 2.7rem !important;
}

.mpxSpecTable tr>td:first-child {
    /* padding: 1rem 0; */
    vertical-align: middle;
}

.cpuImgDiv {
    height: auto;
}

table.tableNormal td{
    position: relative;
}
.cpuImg {
    width: 100%;
    height:auto;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    object-fit: cover;
}

.scroll_table.table01 .cpuImg{
    max-width: 100px;
    width: 100%;
}

.cpuNameUl {
    padding-left: 3rem;
}

.cpuNameUl li {
    font-size: 1.2rem;
    list-style-type: disc;
    color: var(--blue30);
}

.mpxCadBarUl {
    display: flex;
    border-bottom: 1px solid;
    border-color: var(--cloud20);
}

.mpxCadBarUl li {
    flex-grow: 1;
    width: 100%;
    min-width: 180px;
    margin: 0 1px;
}

.mpxCadBarUl li>a {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.6rem;
    font-weight: 600;
    padding: 1rem;
    background-color: var(--cloud10);
    border: 1px solid;
    border-color: var(--cloud20);
    box-shadow: var(--innerShadow01);
}

.mpxCadBarUl li>a.mpxCadBarAct {
    background-color: #fff;
    border-bottom: 1px solid #fff;
    border-top: 3px solid #000;
    padding-top: 0.9rem;
    padding-bottom: 0.9rem;
    box-shadow: none;
    position: relative;
    pointer-events: none;
    font-weight: 700;
}

.mpxCadBarUl li>a.mpxCadBarAct::after {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background-color: #fff;
    position: absolute;
    left: 0;
    bottom: -2px;
}

.mpxCadBarUl.bottom {
    border-top: 1px solid var(--cloud20);
    border-bottom: unset;
}

.mpxCadBarUl li>a.mpxCadBarBottomAct {
    background-color: #fff;
    border-top: 1px solid #fff;
    border-bottom: 3px solid #000;
    padding-top: 0.9rem;
    padding-bottom: 0.9rem;
    box-shadow: none;
    position: relative;
    pointer-events: none;
    font-weight: 700;
}

.mpxCadBarUl li>a.mpxCadBarBottomAct::after {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: -2px;
}

/*----------------
/product/controller/mpx1000/mpx1310/spec.html end
------------------*/

/*----------------
About start
------------------*/
.linkBtn03.linkBtn03New {
    min-height: 80px;
    line-height: 1.2;
    font-size: 1.8rem;
}

/*----------------
About End
------------------*/

/*----------------
/product/controller/option.html start
------------------*/
.optionMvFlex {
    align-items: end;
}

.multiCpuImgDiv {
    height: auto;
}

table.tableNormal.optionTable td:last-child{
   font-weight: 500;
}

/*----------------
/product/controller/option.html end
------------------*/

/*----------------
/recommend_replacement start
------------------*/
.cateProductLists {
    display: grid;
    grid-template-columns: repeat(auto-fit,
            minmax(min(170px, 100%), 1fr));
    gap: 55px 3%;
}

.cateProductLists li:hover img {
    height: auto;
    transition: transform .6s ease;
    transform: scale(1.1);
}

.cateProductLists .link {
    display: block;
    padding-right: 2rem;
    position: relative;
    transition: 0.3s;
    margin: 10px 0;
}

.cateProductLists .link:hover span {
    color: var(--blue40);
}

.cateProductLists .link span::before {
    position: absolute;
    bottom: 0;
    left: 0;
    content: '';
    width: 0;
    height: 1px;
    background-color: var(--blue40);
    transition: .3s;
}

.cateProductLists .link span {
    display: inline;
    text-decoration: none;
    background-image: linear-gradient(var(--blue40), var(--blue40));
    background-size: 0% 1px;
    background-repeat: no-repeat;
    background-position: 0 100%;
    transition: background-size 0.6s ease;
}

.cateProductLists .link:hover span {
    background-size: 100% 1px;
}

.cateProductLists .link::after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 10px;
    border: 0;
    border-top: solid 2px;
    border-right: solid 2px;
    border-color: var(--blue40);
    position: absolute;
    top: 50%;
    transform: rotate(45deg) translateY(-50%);
    right: 5px;
}

.cateProductLists .lgText {
    font-size: 1.8rem;
    font-weight: 500;
}

.cateProductLists .smText {
    font-size: 1.4rem;
}

.cateProductLists hr {
    height: 1px;
    background: var(--cloud20);
    margin: 1rem 0;
}

.replaceBtn,
.replaceBlueBtn {
    display: block;
    background-color: #ffffff;
    border: 1px solid var(--blue40);
    border-radius: 6px;
    color: #ffffff;
    font-weight: 500;
    text-align: center;
    width: 17rem;
    box-shadow: var(--shadow15-small);
    position: relative;
    overflow: hidden;
    max-width: 100%;
    transition: all 0.6s ease-out;
    margin: 0 auto;
}

.replaceBtn span,
.replaceBlueBtn span {
    width: fit-content;
    margin: 0 auto;
    text-align: center;
    font-size: 1.4rem;
    position: relative;
    display: block;
    padding: 0.7rem 1.8rem 0.7rem 0.5rem;
}

.replaceBtn::after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 8px;
    height: 8px;
    border: 0;
    border-top: solid 2px var(--blue40);
    border-right: solid 2px var(--blue40);
    position: absolute;
    transform: rotate(45deg);
    top: 3px;
    bottom: 0;
    right: 9px;
    margin: auto 0;
}

.replaceBlueBtn {
    background: var(--blue40);
}

.replaceBlueBtn span {
    color: #fff;
}

.replaceBtn::before,
.replaceBlueBtn::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: #fff;
    z-index: 0;
    transition: all 0.4s ease-out;
}

.replaceBtn::before {
    background: var(--blue40);
}

.replaceBtn:hover::before,
.replaceBlueBtn:hover::before {
    width: 100%;
}

.replaceBtn:hover span {
    color: #fff;
}

.replaceBtn:hover::after {
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
}

.replaceBlueBtn:hover span {
    color: var(--blue40);
}

.replaceBlueBtn::after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 8px;
    height: 8px;
    border: 0;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    position: absolute;
    transform: rotate(45deg);
    top: 3px;
    bottom: 0;
    right: 9px;
    margin: auto 0;
}

.replaceBlueBtn:hover::after {
    border-top: solid 2px var(--blue40);
    border-right: solid 2px var(--blue40);
}

.replaceBtn:hover,
.replaceBlueBtn:hover {
    box-shadow: var(--shadow30-mid);
}

.outerSearchBg {
    background: var(--cloud10);
    padding: 2.4rem 0;
}

.outerSearchContainer {
    max-width: 99.4rem;
    margin: 0 auto;
}

.outerSearchContainer .searchboxInner .inputTxt {
    width: calc(100% - 15.2rem);
}

.outerSearchContainer .btnSearch {
    width: 15.2rem;
}

.servoSecMargin {
    margin-bottom: 110px;
}

.servoTableText {
    font-size: 1.4rem;
    text-align: right;
    margin-bottom: 15px;
}

.servoTable th {
    font-weight: 500;
    line-height: 1.5;
    background: var(--cloud10);
    padding: 1.6rem 0.8rem;
    text-align: start;
    vertical-align: top;
    letter-spacing: 0;
}

.servoTable td {
    padding: 1.5rem 0.8rem;
    letter-spacing: 0;
    text-align: start;
    vertical-align: top;
}

.categoryBtn,
.manualBtn {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid;
    border-color: var(--cloud30);
    border-radius: 30px;
    background-color: #fff;
    width: 130px;
    height: 40px;
    transition: color 0.2s ease, background-color 0.2s ease;
    padding-left: 10px;
    padding-right: 8px;
    position: relative;
    overflow: hidden;
    text-decoration: none !important;
    margin: 0 auto;
}

.categoryBtn .img,
.manualBtn .img {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 8px;
}

.categoryBtn .img svg,
.manualBtn .img svg {
    width: 28px;
    height: 28px;
    color: var(--hot30);
    transition: color 0.2s ease;
}

.categoryBtn p,
.manualBtn p {
    font-size: 1.4rem;
    line-height: 1.2;
    position: relative;
    text-wrap: nowrap;
}

.categoryBtn::before,
.manualBtn::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: var(--hot30);
    z-index: 0;
    transition: all 0.4s ease-out;
}

.categoryBtn:hover,
.manualBtn:hover {
    background-color: var(--hot30);
    border: 1px solid;
    border-color: var(--hot30);
    color: #fff;
}

.categoryBtn:hover .img svg,
.manualBtn:hover .img svg {
    color: #fff;
}

.categoryBtn:hover p,
.manualBtn:hover p {
    color: #fff;
}

.categoryBtn:hover::before,
.manualBtn:hover::before {
    width: 100%;
}

.col03 .smallText {
    font-size: 1.4rem;
}

.col03 .normalText {
    font-size: 1.6rem;
}

.col03 .largeText {
    font-size: 1.8rem;
    font-weight: 500;
}

.col03 a:hover .smallText,
.col03 a:hover .normalText,
.col03 a:hover .largeText {
    color: var(--blue40);
}

.usefulImgContainer {
    width: 100%;
    height: 210px;
    padding: 7px;
    background: #D9D9D9;
    margin-bottom: 20px;
}

.usefulImgContainer .usefulImg {
    max-width: 138px;
    margin: 0 auto;
}

@media screen and (max-width: 920px) {
    .col03 .smallText {
        font-size: 1.2rem;
    }

    .col03 .normalText {
        font-size: 1.4rem;
    }

    .col03 .largeText {
        font-size: 1.6rem;
    }
}

@media screen and (max-width: 820px) {
    .col03 .smallText {
        font-size: 1rem;
    }
}

/*----------------
/recommend_replacement end
------------------*/
/*----------------
/About/usepolicy.html start
------------------*/
.disclaimer {
    padding-left: 23px;
}

.disclaimer li {
    font-weight: 500;
}

ul.disclaimerUo li {
    position: relative;
    padding-left: 16px;
    width: 100% !important;
    max-width: 100% !important;
    font-weight: 400;
}

ul.disclaimerUo li::before {
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #000;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}

.linkCon {
    max-width: 764px;
    width: 100%;
    border: 1px solid var(--cloud30);
}

.linkRow {
    display: flex;
    border-bottom: 1px solid var(--cloud30);

}

.linkTxt {
    max-width: 352px;
    width: 100%;
    border-right: 1px solid var(--cloud30);
    padding: 1rem 1rem;
    font-size: 1.6rem;
    font-weight: 500;
    background: var(--cloud10);
}

.linkRow:last-child {
    border-bottom: none;
}

.linkTxtr {
    padding: 1rem 1rem;
    width: 100%;
}

.metLink {
    text-decoration: underline !important;
    text-underline-offset: 2px;
    font-size: 1.6rem;
    font-weight: 400;
    color: var(--blue30);
}

/*----------------
/About/usepolicy.html end
------------------*/


/*----------------
/product/controller/mpx1000/mpx1310/module.html start
------------------*/
ul.col03.moduleCard li {
    max-width: 58.1rem;
    width: 100%;
}

.moduleCardBtn {
    width: 100%;
}

.slioTxt {
    display: block;
    margin-top: -0.6rem;
}

/*----------------
/product/controller/mpx1000/mpx1310/module.html end
------------------*/

/*----------------
/product/controller/mpx1000/mpx1310/spec_conditions.html start
------------------*/
.specCondiTable {
    max-width: 100%;
    width: 100%;
    border-collapse: collapse;
    margin-top: 2.4rem;
}

.specCondiTable tr,
th,
td {
    border: 1px solid var(--cloud30);
    padding: 1rem 1rem;
    text-align: start;
}

.specCondiTable th {
    background-color: var(--cloud10);
}

.specCondiTable td {
    font-weight: 500;
    line-height: 1.5;
}

.specTableData {
    width: 17.1rem;
    vertical-align: top;
    background-color: var(--cloud10);
}

.specTableDataTwo {
    width: 20.7rem;
    background-color: var(--cloud10);
    vertical-align: top;
}

.msTxt {
    position: relative;
    margin-right: 0.6rem;
}

.msExponent {
    content: "";
    position: absolute;
    top: 0;
    right: -6px;
    font-size: 1rem;
    font-weight: 700;
}

/*----------------
/product/controller/mpx1000/mpx1310/spec_conditions.html end
------------------*/

/*----------------
/news/details_250101.html start
------------------*/
.typeBlk {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.typeTxt {
    font-size: 1.4rem;
    font-weight: 700;
    color: var(--accent40);
    border: 1px solid var(--accent40);
    padding: 0.3rem 2.2rem;
}

.dateTxt {
    font-size: 1.6rem;
    font-weight: 500;
}

.detailContentBlk {
    display: flex;
    gap: 37px;
}

.detailContentBlkLeft {
    max-width: 582px;
    width: 100%;
}

.detailContentBlkRightSec {
    max-width: 477px;
}

.flImgBlk img {
    margin: 0 auto;
}

.latestInforBlk {
    display: flex;
    justify-content: center;
}

.detailLink {
    color: var(--blue30);
    font-weight: 500;
    display: block;
}

.detailLink+.detailLink {
    margin-top: 8px;
}

.openLink {
    font-size: 1.6rem;
    font-weight: 500;
    display: table;
    margin-top: 30px;
}

.newWindow,
.pdf {
    position: relative;
}

.newWindow::after {
    content: "";
    background: url(/assets/img/common/ic_open.png) no-repeat center/contain;
    width: 20px;
    height: 20px;
    right: -5px;
    display: inline-block;
    top: 4px;
    position: relative;
}

.pdf::after {
    content: "";
    background: url(/assets/img/common/ic_pdf.png) no-repeat center/contain;
    width: 17px;
    height: 20px;
    right: -5px;
    display: inline-block;
    top: 4px;
    position: relative;
}

.warningTxt {
    font-size: 1.6rem;
    color: var(--hot50);
}

.warningArea {
    border: 2px solid var(--hot50);
    background: #E205050D;
    padding: 2rem 6.5rem;
}

.warningAreatxt {
    font-size: 1.8rem;
    font-weight: 400;
}

.newsDetail ul li {
    position: relative;
    padding-left: 16px;
    width: 100% !important;
    max-width: 100% !important;
    font-weight: 400;
}

.newsDetail ul li::before {
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #000;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}

.newsDetail {
    margin-top: 72px;
}

.newsDetail .typeBlk {
    margin-top: 0;
}

.newsDetail .newsTitle {
    margin:15px 0 55px;
    position: relative;
    padding-left: 20px;
    text-indent: 3px;
}

.newsDetail .newsTitle::before{
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 4px;
    height: 27px;
    background-color: var(--cloud40);
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    left: 0;
    margin: 0;
}

.newsDetail .newsText {
    margin-top: 20px;
}

.newsDetail .newsText:first-of-type {
    margin-top: 0;
}

.newsDetail .detailContentBlk {
    margin-top: 50px;
}

.newsDetail .contentText {
    margin-top: 25px;
}

.newsDetail .flImgBlk {
    margin-top: 50px;
}

.newsDetail .latestInforBlk {
    margin-top: 55px;
    margin-bottom: 100px;
}

.newsDetail .newsSubtitle {
    margin-top: 30px;
    margin-bottom: 30px;
}

.newsDetail .newsSubtitle4 {
    margin-top: 0;
    margin-bottom: 30px;
}

.newsDetail .newsList {
    margin-top: 0;
    margin-bottom: 35px;
}

.newsDetail .openLink {
    margin-top: 30px;
}

.newsDetail .warningTxt {
    margin-top: 40px;
}

.newsDetail .warningArea {
    margin-top: 65px;
    margin-bottom: 55px;
}

/*----------------
/news/details_250101.html end
------------------*/

/*----------------
/product/environment.html start
------------------*/
.enviroContainer {
    padding: 3.2rem 0;
    background-color: var(--cloud10);
}

.enviroCardBg {
    background-color: #fff;
}

.enviroDownListArea {
    background-color: #fff !important;
}

.visualTxt {
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.5;
}

.enviroLineUpImg {
    max-width: 33.6rem;
    width: 100%;
}

.text.enviroLineUpTtl {
    font-size: 2.4rem;
    font-weight: 700;
    position: relative;
}

.enviroLineUpKw {
    font-size: 1.6rem;
    font-weight: 400;
}

.enviroLinksItemTop {
    position: relative;
}

.enviroLinksItemTop::after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 10px;
    border: 0;
    border-top: solid 2px;
    border-right: solid 2px;
    border-color: var(--blue40);
    margin-left: 8px;
    position: absolute;
    top: 80%;
    transform: translateY(-50%) rotate(45deg);
    right: 8px;
    margin: auto;
}

.text.enviroLineUpTtl .enviroLineUpKw {
    display: block;
    margin-top: -0.3rem;
    font-weight: 400;
}

.enviroBanTxt {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.5;
}

.discontinueModel {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1.5;
}

.cloudSerFlex {
    border: 1px solid var(--cloud20);
}

.cloudSerDiv {
    background-color: var(--cloud20);
    padding: 2.4rem 0 2.4rem 4.8rem;
}

.cloudSerTxt {
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.2;
}

.p3Txt {
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.5;
    margin-left: 1.3rem;
}

.eneParaDiv {
    display: flex;
    justify-content: space-between;
}

.enePara {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 3rem;
}

.eneParaSpan {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.5;
}

.eneLeafBtnWidth li {
    max-width: 37.6rem !important;
    width: 100% !important;
}

.eneLeafBtn {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1.5;
    padding: 1.4rem 3rem;
    min-height: auto;
    margin-bottom: 2.4rem;
}

.eneLeafLeft {
    max-width: calc(100% - 58.2rem);
    width: 100%;
    padding: 3rem 0 4.2rem 4.8rem;
}

.eneLeafImg {
    max-width: 58.2rem;
    width: 100%;
}

.clickLinks.inquiryLink::after {
    width: 1rem;
    height: 1rem;
    border-width: 2px 2px 0 0;
}

.environBlueBlock {
    padding-bottom: 17.2rem;
}

.softwareInfoBtn {
    position: relative;
}

.softwareInfoBtn::after {
    content: " ";
    position: absolute;
    top: 12%;
    right: 6px;
    width: 4.1rem;
    height: 3.9rem;
    background: url(/assets/img/product/environment/weighty.jpg) no-repeat;
    background-size: 100% 100%;

}

.newInfoBtn {
    min-width: 21.5rem;
}

@media screen and (max-width: 1000px) {
    .enviroLinksItem {
        padding: 2.5rem 1.5rem 3rem;
    }

    .enviroLineUpTtl {
        font-size: 2rem;
    }

    .eneLeafLeft,
    .eneLeafImg {
        max-width: 50%;
    }

}

/*----------------
/product/environment.html end
------------------*/

/*----------------
/membership.html start
------------------*/
.memberYellowBtnWrap {
    width: 100%;
    display: flex;
    justify-content: center;
    align-content: center;
}

.contactYellowCard.contactYellowMember {
    background-color: var(--hot10);
    border-color: var(--hot20);
    letter-spacing: 0;
    max-width: 502px;
}

.contactYellowCard.contactYellowMember:hover {
    border: 5px solid var(--blue40);
    background-color: var(--blue00);
}

.memberBlueCircle {
    max-width: 373px;
    width: 100%;
    height: 373px;
    border-radius: 50%;
    position: relative;
    background: linear-gradient(180deg,
            var(--blue10) 0%,
            var(--blue10) 37%,
            white 37%,
            white 100%);
}

.memberBlueCircle.memberBlueBg {
    background: linear-gradient(180deg,
            var(--blue10) 0%,
            var(--blue10) 37%,
            var(--blue00) 37%,
            var(--blue00) 100%);
}

.memberBlueCircle::before {
    content: "";
    width: calc(100% + 6px);
    height: calc(100% + 6px);
    display: block;
    border-radius: 50%;
    background: linear-gradient(90deg, var(--blue30), var(--blue50));
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}

.memberBlueUpper {
    height: 38%;
    padding-top: 60px;
}

.memberBlueUpperTxt {
    font-size: 2.4rem;
    font-weight: 700;
    text-align: center;
    line-height: 1.2;
}

.memberBlueLower {
    height: 62%;
    display: flex;
    justify-content: start;
    align-items: center;
    flex-direction: column;
    padding-top: 33px;
    gap: 24px;
}

.memberBlueBtn.btn01New.link_btn01 {
    padding: 13px 30px;
    min-width: 14.8rem;
    border: 1px solid var(--cloud20);
}

.memberBlueBtn.link_btn01.btn01New span {
    padding: 0;
    font-size: 1.6rem;
}

.memberBlueLowerTxt {
    max-width: 270px;
    text-align: center;
    letter-spacing: 0;
    font-size: 1.6rem;
}

.memberCircleWrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 35px;
    min-width: 1200px;
}

.memberCoporateBox {
    margin-top: 140px;
}

.membershipMv {
    background-color: var(--blue00);
    padding: 24px 0 17px 0;
}

.memberTxtSm {
    font-size: 1.2rem;
    font-weight: 400;
}

.memberAccordion {
    display: flex;
    gap: 36px;
}

.memberAccordionLeft {
    padding-right: 0;
    max-width: 550px;
}

.memberAccordionRight {
    padding-left: 0;
}

.memberAccordionBtn.memberBlueBtn.btn01New.link_btn01 {
    min-width: 20rem;
}

.memberRightFlex {
    display: flex;
    flex-direction: column;
}

.memberRightLower {
    padding: 24px 20px;
    background-color: #FFFFFF;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    align-items: center;
}

.memberRightImg {
    display: flex;
    flex-direction: column;
    max-width: 200px;
    gap: 10px;
}

.memberRightListItem {
    position: relative;
    padding-left: 12px;
    font-size: 1.4rem;
    font-weight: 500;
}

.memberRightListItem::before {
    content: "";
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #000000;
    position: absolute;
    left: 0;
    top: 11px;
}

ul.memberLinkWrap {
    justify-content: start;
    gap: 36px;
    flex-wrap: wrap;
}

.memberLinkBtn {
    min-height: 80px;
}

.memberLinkBtn:hover {
    color: var(--blue40);
    border: 1px solid var(--blue40);
}

ul.col03.memberShipBoxFlex {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    justify-content: unset;
    gap: 36px;
    margin-bottom: 3.4rem;
}

ul.col03.memberShipBoxFlex li {
    max-width: 37.6rem;
    width: 100%;
}

.memberShipBoxFlex li a {
    height: 45% !important;
}

@media screen and (max-width: 1000px) {
    .memberAccordion {
        padding: 2rem 0;
        gap: 20px;
    }
}

@media screen and (max-width: 950px) {
    .memberAccordion {
        flex-direction: column;
        padding: 2rem;
    }

    .memberAccordionLeft {
        max-width: 100%;
        padding: 0;
    }

    .memberAccordionRight {
        padding: 0;
        display: flex;
        justify-content: center;
    }

    .memberAccordionRight img {
        max-width: 500px;
        width: 100%;
    }

    .memberRightLower {
        max-width: 500px;
        width: 100%;
    }

    .memberRightFlex {
        width: 100%;
        justify-content: center;
        align-items: center;
    }
}

/*----------------
/membership.html end
------------------*/

/*----------------
/product/environment/pcs/esol-p3a.html start
------------------*/
.prodNavi .prodNaviState .prod_name .prodfirTxt {
    font-size: 1.4rem;
    font-weight: 400;
    color: var(--cloud40);
}

.prodNavi .prodNaviState .prod_name .prodsecTxt {
    display: flex;
    gap: 7px;
    align-items: baseline;
}

.prodsecTxt span {
    color: var(--cloud40);
    font-size: 1.4rem;
    font-weight: 400;
}

.linkBtn03.linkBtnimg03 {
    flex-direction: row;
    justify-content: start;
    gap: 10px;
}

.readTxt {
    background-color: var(--hot50);
    max-width: 198px;
    width: 100%;
    color: #fff;
    font-size: 1.6rem;
    font-weight: 700;
    padding: 0.3rem 0.8rem 0.3rem 1.7rem;
    position: relative;
}

.readTxt::before {
    content: "";
    background: url(/assets/img/product/environment/ic_report.png) no-repeat center/contain;
    width: 17px;
    height: 17px;
    position: relative;
    display: inline-block;
    left: -8px;
    top: 3px;
}

.centerImgWide iframe.movieBoder {
    border: 1px solid var(--cloud30);
}

.productLineBlk {
    display: flex;
    align-items: baseline;
    gap: 37px;
}

.formatTxt {
    font-weight: 500;
    position: relative;
}

.formatTxt::after {
    content: "";
    background: url(/assets/img/common/ic_info.png) no-repeat center/contain;
    width: 16px;
    height: 16px;
    position: relative;
    display: inline-block;
    top: 3px;
    left: 4px;
}

.lastLineUp {
    display: flex;
    align-items: center;
}

.productLineTable th {
    font-weight: 500;
    line-height: 1.5;
    background: var(--cloud10);
    padding: 1rem 0.8rem;
    text-align: start;
    vertical-align: top;
    letter-spacing: 0;
    border-right: 1px solid var(--cloud30);
}

.productLineTable td {
    padding: 0.8rem 1rem;
    vertical-align: top;
}

.productContent {
    display: flex;
    align-items: center;
}

.productContent img {
    width: 67px;
}

.lastLineUp .categoryBtn {
    width: 137px;
}

@media screen and (max-width: 850px) {
    .readTxt {
        background-color: var(--hot50);
        max-width: 198px;
        width: 100%;
        color: #fff;
        font-size: 1.4rem;
        font-weight: 700;
        padding: 0.3rem 0.2rem 0.3rem 1rem;
        position: relative;
    }

    .readTxt::before {
        left: -4px;
    }
}


.pdfLink_ic::after {
    content: "";
    background: url(/assets/img/common/ic_pdf.png) no-repeat;
    background-size: contain;
    display: inline-block;
    width: 17px;
    height: 20px;
    position: relative;
    top: 5px;
    right: -8px;
}


/*----------------
/product/environment/pcs/esol-p3a.html end
------------------*/