.compareArea .compareLinkBox .compareLinkList .textBox .btn:after, .compareArea .compareLinkBox .compareLinkList .textBox .btn, .compareArea .compareTable tr, .compareArea .compareBoxPic .compareItem .btnBox .btn.more:after, .compareArea .compareBoxPic .compareItem .btnBox .btn.more, .specTableBox .specTable .specTableRow, .albumBox .item, .catalogList .Img img, .catalogList .item, .rangeBox, .moduleBoxFilter .filterBox .filterList .filterItem a::before, .moduleBoxFilter .filterBox .filterList .filterItem a::after, .contentBox .rightBox {-webkit-transition: all 0.5s;transition: all 0.5s;}

.pageBanner {position: relative;}
.pageBanner .Txt {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;padding: 0 20px;z-index: 2;width: 100%;height: 100%;margin: auto;position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
.pageBanner .titleBox {text-align: left;margin-left: 100px;color: #fff;font-weight: 700;}
.pageBanner .titleBox .title {position: relative;padding-bottom: 20px;font-size: 60px;line-height: 1.2;letter-spacing: 1px;}
.pageBanner .titleBox .title:after {content: "";position: absolute;bottom: 0;left: 0;background-color: #fff;width: 100px;height: 4px;}
.pageBanner .titleBox .info {padding-top: 20px;font-size: 16px;line-height: 1.5;letter-spacing: 0;}
@media (max-width: 1400px) {.pageBanner .titleBox {margin-left: 70px;}.pageBanner .titleBox .title {font-size: 50px;}
}
@media (max-width: 991px) {.pageBanner .titleBox {margin-left: 40px;}.pageBanner .titleBox .title {font-size: 40px;}.pageBanner .titleBox .info {font-size: 14px;}
}
@media (max-width: 650px) {.pageBanner .titleBox {margin-left: 30px;}.pageBanner .titleBox .title {font-size: 34px;}
}
@media (max-width: 480px) {.pageBanner .titleBox {margin-left: 0;}.pageBanner .titleBox .title {font-size: 28px;padding-bottom: 12px;}.pageBanner .titleBox .title:after {height: 2px;width: 80px;}.pageBanner .titleBox .info {padding-top: 12px;}
}
.pageBanner .Img {position: relative;z-index: 1;}
.pageBanner .Img img {width: 100%;display: block;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
@media (max-width: 640px) {.pageBanner .Img {padding-bottom: 56.25%;}.pageBanner .Img img {-o-object-fit: cover;   object-fit: cover;width: 100%;height: 100%;margin: auto;position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
}

.contentBox {position: relative;display: -webkit-box;display: -ms-flexbox;display: block;width: 100%;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;margin-bottom: 60px;}
.contentBox .leftBox {width: 100%;}
.contentBox .rightBox {width: 100%;padding: 0;}
.contentBox .rightBox.ajaxDisabled {opacity: 0.15;pointer-events: none;}
@media (max-width: 1400px) {.contentBox .leftBox {width: 100%;}
}
@media (max-width: 1023px) {.contentBox {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}.contentBox .leftBox,.contentBox .rightBox {width: 100%;}
}

.filterFuncList {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;margin-bottom: 20px;}
@media (max-width: 1023px) {.filterFuncList:not(.pop) {display: none;}
}

.moduleBoxFilter .moduleTitle {font-size: 22px;line-height: 1.2;letter-spacing: 0.5px;text-align: center;}
.moduleBoxFilter .filterBox {margin: 30px 0 40px;position: relative;}
@media (max-width: 640px) {.moduleBoxFilter .filterBox {margin: 15px 0 20px;}
}
.moduleBoxFilter .filterBox .filterTitle {width: 100%;border-bottom: 1px solid #e1e1e1;line-height: 1.2;letter-spacing: 0.5px;margin: 15px 0;padding-bottom: 15px;}
@media (max-width: 640px) {.moduleBoxFilter .filterBox .filterTitle {margin: 10px 0;padding-bottom: 10px;}
}
.moduleBoxFilter .filterBox .filterList {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
@media (max-width: 640px) {.moduleBoxFilter .filterBox .filterList {padding: 0;}
}
.moduleBoxFilter .filterBox .filterList .filterItem {width: 25%;line-height: 1.2;letter-spacing: 0.5px;}
@media (max-width: 1024px) {.moduleBoxFilter .filterBox .filterList .filterItem {width: 33.3333333333%;}
}
@media (max-width: 640px) {.moduleBoxFilter .filterBox .filterList .filterItem {width: 50%;}
}
@media (max-width: 480px) {.moduleBoxFilter .filterBox .filterList .filterItem {width: 100%;}
}
.moduleBoxFilter .filterBox .filterList .filterItem a {display: block;position: relative;padding: 10px 10px 10px 35px;}
.moduleBoxFilter .filterBox .filterList .filterItem a::before, .moduleBoxFilter .filterBox .filterList .filterItem a::after {content: "";width: 14px;height: 14px;border: 1px solid #626262;border-radius: 3px;display: block;position: absolute;top: 12px;left: 10px;z-index: 1;}
.moduleBoxFilter .filterBox .filterList .filterItem a.selected {color: #000;}
.moduleBoxFilter .filterBox .filterList .filterItem a.selected::before {border-color: #000;}
.moduleBoxFilter .filterBox .filterList .filterItem a.selected::after {background-color: #000;border-color: #000;}
.moduleBoxFilter .filterBox .filterList .filterItem a.forbidden {background-color: rgba(248, 248, 248, 0.5);color: rgba(47, 47, 47, 0.3);pointer-events: none;}
.moduleBoxFilter .filterBox .filterList .filterItem a.forbidden::before, .moduleBoxFilter .filterBox .filterList .filterItem a.forbidden::after {border-color: rgba(98, 98, 98, 0.1);}
@media (max-width: 480px) {.moduleBoxFilter .filterBox .filterList .filterItem a {padding-left: 30px;}.moduleBoxFilter .filterBox .filterList .filterItem a::before, .moduleBoxFilter .filterBox .filterList .filterItem a::after {left: 5px;}
}
.moduleBoxFilter .filterFuncList {max-width: 400px;margin-left: auto;margin-right: auto;}

.sideClassList {width: 100%;}
.sideClassList .rangeBox {background-color: #fff;}
.sideClassList .rangeBox:hover {background-color: #fff;}

.rangeBox {background-color: #f1f1f1;-webkit-animation: aniSlideLeft 0.5s 0.3s ease-out both;animation: aniSlideLeft 0.5s 0.3s ease-out both;}
.rangeBox:hover {background-color: #e8e8e8;}
.rangeBox label {cursor: pointer;position: relative;padding: 15px 15px 15px;padding-left: 45px;display: block;line-height: 1.2;letter-spacing: 0.5px;}
.rangeBox label input {display: none;}
.rangeBox label.selected {color: #000;}
.rangeBox label.selected::before {background-color: #000;}
.rangeBox label.selected::after {background-color: #000;border-color: #000;}
.rangeBox label::before {content: "";width: 14px;height: 14px;border: 1px solid #626262;background-color: #fff;border-radius: 3px;display: block;position: absolute;top: 50%;left: 16px;z-index: 1;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.rangeBox label::after {content: "";width: 14px;height: 14px;border: 1px solid #626262;background-color: #fff;border-radius: 3px;display: block;position: absolute;top: 50%;left: 16px;z-index: 1;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.rangeBox .rangeBar {padding: 10px 22px;height: 100%;}
.rangeBox .rangeBar.selected .noUi-connects {background-color: #000;}
.rangeBox .rangeBar.selected .noUi-connect {cursor: pointer;background-color: #fff;}
.rangeBox .noUi-vertical {-ms-flex-negative: 0;flex-shrink: 0;width: 4px;}
.rangeBox .noUi-vertical .noUi-handle {cursor: pointer;width: 12px;height: 12px;top: -6px;right: -4px;background-color: #000;-webkit-box-shadow: none;box-shadow: none;border-radius: 50%;border: 1px solid #fff;}
.rangeBox .noUi-vertical .noUi-handle::before, .rangeBox .noUi-vertical .noUi-handle::after {display: none;}
.rangeBox .noUi-horizontal {height: 4px;}
.rangeBox .noUi-horizontal .noUi-handle {cursor: pointer;width: 12px;height: 12px;top: -4px;right: -6px;background-color: #000;-webkit-box-shadow: none;box-shadow: none;border-radius: 50%;border: 1px solid #fff;}
.rangeBox .noUi-horizontal .noUi-handle::before, .rangeBox .noUi-horizontal .noUi-handle::after {display: none;}
.rangeBox .noUi-target {border-radius: 0;border: none;}
.rangeBox .noUi-tooltip {right: auto;left: 120%;font-size: 12px;padding: 2px 3px;border: none;display: none;}
.rangeBox .noUi-active .noUi-tooltip {display: block;}
.rangeBox.noUi-target {background-color: #d2d2d2;border: none;}
.rangeBox .noUi-connects {cursor: pointer;}
.rangeBox .noUi-connect {background-color: #000;}
.rangeBox .rangeInput {padding: 15px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.rangeBox .rangeInput input {padding: 5px;width: calc(50% - 10px);border: 1px solid #bbb;}

.classBoxColumn.filter {z-index: 3;}
@media (max-width: 1023px) {.classBoxColumn.filter {margin-bottom: 20px;}.classBoxColumn.filter:not(.pop) {display: none;}
}
.classBoxColumn.filter .classLink .linkHasItems.open + ul > li a {padding-left: 145px;}
.classBoxColumn.filter .classLink .linkHasItems.open + ul > li a::before, .classBoxColumn.filter .classLink .linkHasItems.open + ul > li a::after {content: "";width: 14px;height: 14px;border: 1px solid #626262;background-color: #fff;border-radius: 3px;display: block;position: absolute;top: 50%;left: 16px;z-index: 1;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.classBoxColumn.filter .classLink .linkHasItems.open + ul > li a.selected {color: #000;}
.classBoxColumn.filter .classLink .linkHasItems.open + ul > li a.selected::before {border-color: #000;}
.classBoxColumn.filter .classLink .linkHasItems.open + ul > li a.selected::after {background-color: #000;border-color: #000;}
.classBoxColumn.filter .classLink .linkHasItems.open + ul > li a.forbidden {background-color: rgba(248, 248, 248, 0.5);color: rgba(47, 47, 47, 0.3);pointer-events: none;}
.classBoxColumn.filter .classLink .linkHasItems.open + ul > li a.forbidden::before, .classBoxColumn.filter .classLink .linkHasItems.open + ul > li a.forbidden::after {border-color: rgba(98, 98, 98, 0.1);}

.classNote {padding-bottom: 10px;line-height: 1.8;font-size: 15px;color: #222;text-align: center;}
.classNote img {max-width: 100%;-webkit-backface-visibility: hidden;backface-visibility: hidden;}

.noData {color: #2f2f2f;font-size: 16px;letter-spacing: 0.05rem;line-height: 1.5;position: absolute;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);}

.catalogListTitle {font-size: 24px;line-height: 1;letter-spacing: 0;color: #000;font-weight: bold;text-transform: uppercase;padding-bottom: 12px;margin-bottom: 30px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-column-gap: 20px;   -moz-column-gap: 20px;column-gap: 20px;-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;white-space: nowrap;}
.catalogListTitle:after {content: "";display: inline-block;width: 100%;height: 1px;background-color: #000;}
@media (max-width: 1180px) {.catalogListTitle {font-size: 20px;}
}
.catalogList .catalogInnerBox {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0 -15px;}
.catalogList .catalogItem {width: 33.3333333333%;padding: 0 15px 30px;}
@media (max-width: 1400px) {.catalogList .catalogItem {width: 50%;}
}
@media (max-width: 640px) {.catalogList .catalogItem {width: 100%;}
}
.catalogList .Img {position: relative;}
.catalogList .Img a {display: block;overflow: hidden;}
.catalogList .Img img {display: block;width: 100%;width: 100%;display: block;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.catalogList .item {position: relative;border: 1px solid #f0f0f0;}
@media (min-width: 1201px) {.catalogList .item:hover {border-color: transparent;-webkit-box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);}.catalogList .item:hover img {opacity: 0.8;-webkit-transform: scale(1.05);transform: scale(1.05);}
}
.catalogList .link {width: 100%;height: 100%;margin: auto;position: absolute;top: 0;left: 0;right: 0;bottom: 0;display: block;z-index: 2;}
.catalogList .Img {overflow: hidden;}
.catalogList .Txt {padding: 15px;background-color: #fff;}
.catalogList .Txt .title {padding: 12px 0;}
.catalogList .Txt .title a {display: block;font-size: 20px;height: 50px;}
.catalogList .Txt .text {margin-top: 15px;color: #777;font-size: 14px;line-height: 1.8;letter-spacing: 0;max-height: 51px;}
.catalogList .Txt .btnBox {margin-top: 30px;}
.catalogList .Txt .btnBox .btn {max-width: 100%;min-width: auto;}
.catalogList .Txt .btnBox .btn.compare {color: #000;border-color: #f6f6f6;background-color: #f6f6f6;}
.catalogList .Txt .btnBox .btn.compare:after {background-color: #969696;}
.catalogList .Txt .btnBox .btn.compare:hover {color: #fff;}
@media (max-width: 650px) {.catalogList .Txt .btnBox .btn {min-width: 200px;}
}
.catalogList .price {margin-top: 10px;}
.catalogList .price strong {display: inline-block;margin: 0 5px;}
.catalogList .price .discount b {font-style: italic;font-size: 18px;color: #000;}

.insBox {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;margin-bottom: 60px;}
.insBox .bread {padding: 0;margin: 0;margin-bottom: 20px;}
.insBox .bread .wrap {padding: 0;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;row-gap: 4px;}
.insBox .newsInfoBox {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;padding-bottom: 10px;row-gap: 10px;}
.insBox .newsInfoBox .dateBox {padding: 5px 0;color: #333;font-weight: bold;font-size: 16px;line-height: 1;letter-spacing: 0;}
@media (max-width: 650px) {.insBox .newsInfoBox .dateBox {font-size: 14px;}
}
.insBox .newsInfoBox .classTitle {font-weight: bold;font-size: 14px;background-color: #333;color: #fff;padding: 12px 16px;border-radius: 20px;}
@media (max-width: 650px) {.insBox .newsInfoBox .classTitle {font-size: 12px;padding: 8px 12px;}
}
.insBox .sizeGroup {border-top: 1px solid #d1d1d1;padding-top: 22.5px;margin-top: 22.5px;}
.insBox .sizeGroup .sizeBox {padding: 7.5px 0;width: 77.5%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
@media (max-width: 1200px) {.insBox .sizeGroup .sizeBox {width: 100%;}
}
@media (max-width: 400px) {.insBox .sizeGroup .sizeBox {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;row-gap: 10px;}
}
.insBox .sizeGroup .sizeBox .title {width: 23%;color: #000;font-weight: 700;font-size: 16px;line-height: 1;letter-spacing: 0;}
@media (max-width: 650px) {.insBox .sizeGroup .sizeBox .title {font-size: 14px;}
}
@media (max-width: 540px) {.insBox .sizeGroup .sizeBox .title {width: auto;}
}
@media (max-width: 400px) {.insBox .sizeGroup .sizeBox .title {padding-left: 28px;}
}
.insBox .sizeGroup .sizeBox .line {width: 1px;height: 20px;background-color: #e9e9e9;display: inline-block;}
@media (max-width: 540px) {.insBox .sizeGroup .sizeBox .line {display: none;}
}
.insBox .sizeGroup .sizeBox .ms-parent {width: 65% !important;}
@media (max-width: 400px) {.insBox .sizeGroup .sizeBox .ms-parent {width: 100% !important;}
}
.insBox .sizeGroup .sizeBox .multiSelect .ms-drop label {padding: 0;}
.insBox .sizeGroup .sizeBox .multiSelect .ms-drop label span {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-column-gap: 10px;   -moz-column-gap: 10px;column-gap: 10px;font-size: 16px;line-height: 1.2;letter-spacing: 0;}
.insBox .sizeGroup .sizeBox .multiSelect .ms-drop label span:before {content: "";width: 14px;height: 14px;border: 1px solid #000;display: inline-block;-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.insBox .sizeGroup .sizeBox .multiSelect .ms-drop label span:after {content: "";left: 5px;top: 3.5px;position: absolute;width: 5px;height: 9px;border-right: 2px solid #fff;border-bottom: 2px solid #fff;-webkit-transform: rotate(40deg);transform: rotate(40deg);-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.insBox .sizeGroup .sizeBox .multiSelect .ms-drop input {display: none;}
.insBox .sizeGroup .sizeBox .multiSelect .ms-drop input:checked + span:before {background-color: #000;}
.insBox .sizeGroup .sizeBox .inputBox {width: 65%;position: relative;}
.insBox .sizeGroup .sizeBox .inputBox .unit {position: absolute;right: 17px;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);color: #999;font-size: 16px;line-height: 1;letter-spacing: 0;}
@media (max-width: 400px) {.insBox .sizeGroup .sizeBox .inputBox {width: 100%;}
}
.insBox .sizeGroup .sizeBox input {width: 100%;border-radius: 22px;border: 1px solid #e9e9e9;height: 44px;padding-left: 36px;padding-right: 85px;color: #999;font-size: 16px;line-height: 1;letter-spacing: 0;}
@media (max-width: 650px) {.insBox .sizeGroup .sizeBox input {font-size: 14px;}
}
.insBox .btnGroup {margin-top: 22.5px;padding-top: 30px;border-top: 1px solid #e9e9e9;width: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-column-gap: 18px;   -moz-column-gap: 18px;column-gap: 18px;}
@media (max-width: 480px) {.insBox .btnGroup {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;row-gap: 16px;}
}
.insBox .btnGroup .btnBox {width: 50%;}
@media (max-width: 650px) {.insBox .btnGroup .btnBox {width: 100%;}
}
.insBox .btnGroup .btnBox .btn {max-width: 100%;}
.insBox .btnGroup .btnBox.btnCompare .btn {border-color: #f6f6f6;color: #000;background-color: #f6f6f6;}
.insBox .btnGroup .btnBox.btnCompare .btn:hover {color: #fff;}
.insBox .btnGroup .btnBox.btnCompare .btn:hover:after {background-color: #053661;}

.insIntroBox {display: -webkit-box;display: -ms-flexbox;display: flex;}
@media (max-width: 991px) {.insIntroBox {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
}
.insIntroBox .introBox {-webkit-box-flex: 1;-ms-flex: 1;flex: 1;}
@media (max-width: 991px) {.insIntroBox .introBox {-webkit-box-flex: 1;-ms-flex: auto;flex: auto;}
}
.insIntroBox .introBox .articleTitle {border-bottom: none;padding: 0;margin: 0;font-weight: bold;font-size: 28px;line-height: 1;letter-spacing: 0;}
@media (max-width: 650px) {.insIntroBox .introBox .articleTitle {font-size: 24px;}
}
.insIntroBox .introBox .code {color: #666;display: block;font-size: 14px;font-weight: 400;}
.insIntroBox .introBox .tagBox {padding: 15px 0 0;}
.insIntroBox .introBox .tagBox ul {margin: 0 -3px;}
.insIntroBox .introBox .tagBox ul li {padding: 0 3px;position: relative;}
.insIntroBox .introBox .tagBox ul li::before {content: "#";display: inline-block;font-style: italic;padding-right: 3px;}
.insIntroBox .introBox .Txt {margin-top: 20px;line-height: 1.6;font-size: 15px;color: #6c6c6c;}
.tab {margin-top: 140px;}
@media (max-width: 991px) {.tab {margin-top: 60px;}
}

.btnBox.btnBack {margin: 0 auto;}
.btnBox.btnBack .btn {max-width: 100%;min-width: 280px;}
@media (max-width: 540px) {.btnBox.btnBack .btn {min-width: 200px;}
}

.albumBox {margin-right: 55px;}
@media (max-width: 991px) {.albumBox {width: 100%;margin-right: 0;margin-bottom: 20px;}
}
.albumBox .albumItem:hover .item {border-color: #000;}
.albumBox .item {border: 1px solid #f1f2f5;max-width: 100%;height: auto;}
.albumBox .albumListMain .albumItem {height: auto;}
.albumBox .albumListMain .item {height: 460px;}
@media (max-width: 991px) {.albumBox .albumListMain .item {height: 350px;}
}
@media (max-width: 650px) {.albumBox .albumListMain .item {height: 250px;}
}
.albumBox .albumListNav .item {height: 85px;}
.albumBox .albumListNav .item img {width: 100%;height: 100%;display: block;-o-object-fit: contain;   object-fit: contain;}

.specTableBox .specTable {width: 100%;}
.specTableBox .specTable .specTableRow {width: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;}
.specTableBox .specTable .specTableRow:hover {background-color: #f6f6f6;}
.specTableBox .specTable .specTableRow:first-child .specTableColumn:after {display: none;}
.specTableBox .specTable .specTableRowHead {background-color: #000;}
.specTableBox .specTable .specTableRowHead .specTableColumn {color: #fff;font-size: 15px;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;padding: 10px 15px;}
@media (max-width: 1024px) {.specTableBox .specTable .specTableRowHead .specTableColumn {padding: 10px 12px;}
}
.specTableBox .specTable .specTableRowContent:last-child .specTableColumn {border-bottom: none;}
.specTableBox .specTable .specTableRowContent .specTableColumn {font-size: 18px;line-height: 1;letter-spacing: 0;position: relative;padding: 24px 30px;}
.specTableBox .specTable .specTableRowContent .specTableColumn:first-child {color: #000;font-weight: 500;-webkit-box-flex: 0;-ms-flex: 0 0 270px;flex: 0 0 270px;}
.specTableBox .specTable .specTableRowContent .specTableColumn:not(:first-child) {color: #4a4a4a;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;}
.specTableBox .specTable .specTableRowContent .specTableColumn:after {content: "";width: 90%;height: 1px;background-color: #e9e9e9;left: 0;top: 0;position: absolute;z-index: 1;}
.specTableBox .specTable .specTableRowContent .specTableColumn.title, .specTableBox .specTable .specTableRowContent .specTableColumn.info {position: relative;}
.specTableBox .specTable .specTableRowContent .specTableColumn.title {font-weight: 700;}
.specTableBox .specTable .specTableRowContent .specTableColumn.title:before {content: "";width: 1px;height: 20px;background-color: #e9e9e9;right: 12px;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);position: absolute;z-index: 1;}
@media (max-width: 1024px) {.specTableBox .specTable .specTableRowContent .specTableColumn {padding: 20px 15px;font-size: 16px;}.specTableBox .specTable .specTableRowContent .specTableColumn:first-child {-webkit-box-flex: 0;-ms-flex: 0 0 200px;flex: 0 0 200px;}
}
@media (max-width: 640px) {.specTableBox .specTable .specTableRowContent .specTableColumn {font-size: 14px;}
}
@media (max-width: 480px) {.specTableBox .specTable .specTableRowContent .specTableColumn:first-child {-webkit-box-flex: 0;-ms-flex: 0 0 150px;flex: 0 0 150px;}
}
.specTableBox .btnBox {margin-top: 30px;}

.bread.compare {margin-bottom: 0;padding-bottom: 12px;}
.bread.compare .wrap {-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}

.select2-container--default .select2-results__option {border-radius: 5px;font-size: 16px;padding: 8px;}
.select2-container--default .select2-dropdown--below {padding: 14px 20px;border-radius: 30px;border-color: #f0f0f0 !important;z-index: 5;}
@media (max-width: 768px) {.select2-container--default .select2-dropdown--below {padding: 8px;border-radius: 10px;}
}
@media (max-width: 500px) {.select2-container--default .select2-dropdown--below {min-width: 180px;border: none;left: -20px !important;-webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);}
}
@media (max-width: 430px) {.select2-container--default .select2-dropdown--below {min-width: 170px;}
}
@media (max-width: 400px) {.select2-container--default .select2-dropdown--below {min-width: 180px;left: -20px !important;}
}
@media (max-width: 340px) {.select2-container--default .select2-dropdown--below {min-width: 170px;left: -25px !important;}
}
.select2-container--default .select2-search__field {border-color: #000 !important;height: 36px;font-size: 16px;}
.select2-container--default .select2-results__option .select2-results__options {padding: 10px 20px;}
@media (max-width: 768px) {.select2-container--default .select2-results__option .select2-results__options {padding: 10px;}
}

.compareArea {padding-bottom: 0;}
.compareArea > .wrap > .titleBox {text-align: left;}
.compareArea .compareText {margin-top: 27px;color: #333;font-size: 16px;line-height: 1.5;letter-spacing: 0;}
.compareArea .compareBoxSelect,
.compareArea .compareBoxPic {display: -webkit-box;display: -ms-flexbox;display: flex;position: relative;margin-left: auto;width: calc(100% - 270px);}
.compareArea .compareBoxSelect:after,
.compareArea .compareBoxPic:after {content: "";position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: 1px;height: 100%;background-color: #e9e9e9;}
@media (max-width: 1180px) {.compareArea .compareBoxSelect,.compareArea .compareBoxPic {width: calc(100% - 200px);}
}
@media (max-width: 768px) {.compareArea .compareBoxSelect,.compareArea .compareBoxPic {width: calc(100% - 100px);}
}
@media (max-width: 540px) {.compareArea .compareBoxSelect,.compareArea .compareBoxPic {width: calc(100% - 80px);}
}
@media (max-width: 400px) {.compareArea .compareBoxSelect,.compareArea .compareBoxPic {width: 100%;}.compareArea .compareBoxSelect:after,.compareArea .compareBoxPic:after {display: none;}
}
.compareArea .compareBoxSelect {margin-top: 98px;position: sticky;z-index: 10;top: 100px;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.compareArea .compareBoxSelect .selectBox {position: relative;z-index: 2;width: 50%;padding: 0 85px;}
.compareArea .compareBoxSelect .select2-container {width: 100% !important;}
.compareArea .compareBoxSelect .select2-container .select2-selection--single {border-radius: 30px;height: 60px;border-color: #f0f0f0;}
@media (max-width: 768px) {.compareArea .compareBoxSelect .select2-container .select2-selection--single {border-radius: 10px;}
}
.compareArea .compareBoxSelect .select2-container .select2-selection--single .select2-selection__placeholder {color: #333;font-size: 16px;}
.compareArea .compareBoxSelect .select2-container .select2-selection--single .select2-selection__rendered {line-height: 60px;padding-left: 28px;font-size: 16px;}
@media (max-width: 768px) {.compareArea .compareBoxSelect .select2-container .select2-selection--single .select2-selection__rendered {padding-left: 14px;padding-right: 30px;}
}
.compareArea .compareBoxSelect .select2-container .select2-selection__arrow {z-index: 1;top: 50% !important;right: 20px !important;width: 8.5px !important;height: 8.5px !important;border-left: 2px solid #333;border-top: 2px solid #333;margin-top: -5px;-webkit-transform: rotate(-135deg);transform: rotate(-135deg);}
.compareArea .compareBoxSelect .select2-container .select2-selection__arrow b {display: none;}
@media (max-width: 1180px) {.compareArea .compareBoxSelect {margin-top: 60px;}.compareArea .compareBoxSelect .selectBox {padding: 0 20px;}
}
@media (max-width: 768px) {.compareArea .compareBoxSelect .selectBox {padding: 0 16px;}
}
@media (max-width: 540px) {.compareArea .compareBoxSelect .selectBox {padding: 0 12px;}
}
@media (max-width: 450px) {.compareArea .compareBoxSelect .selectBox {padding: 0 6px;}
}
.compareArea .compareBoxPic {-webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.5s ease-in-out;transition: opacity 0.3s ease-in-out, -webkit-transform 0.5s ease-in-out;transition: opacity 0.3s ease-in-out, transform 0.5s ease-in-out;transition: opacity 0.3s ease-in-out, transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;}
.compareArea .compareBoxPic .compareItem {width: 50%;padding: 0 85px;margin-top: 30px;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
@media (max-width: 1180px) {.compareArea .compareBoxPic .compareItem {padding: 0 20px;}
}
@media (max-width: 768px) {.compareArea .compareBoxPic .compareItem {padding: 0 16px;}
}
@media (max-width: 540px) {.compareArea .compareBoxPic .compareItem {padding: 0 12px;}
}
@media (max-width: 450px) {.compareArea .compareBoxPic .compareItem {padding: 0 6px;}
}
.compareArea .compareBoxPic .compareItem .Img {border: 1px solid #f1f2f5;height: 270px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.compareArea .compareBoxPic .compareItem .Img img {max-width: 100%;max-height: 100%;}
@media (max-width: 900px) {.compareArea .compareBoxPic .compareItem .Img {height: 200px;}
}
@media (max-width: 650px) {.compareArea .compareBoxPic .compareItem .Img {height: 140px;}
}
@media (max-width: 450px) {.compareArea .compareBoxPic .compareItem .Img {height: 120px;}
}
.compareArea .compareBoxPic .compareItem .btnBox {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-top: 26px;row-gap: 20px;}
.compareArea .compareBoxPic .compareItem .btnBox .btn.more {color: #000;position: relative;font-size: 16.83px;font-weight: 500;}
.compareArea .compareBoxPic .compareItem .btnBox .btn.more:after {content: "";display: inline-block;width: 10px;height: 10px;border-left: 2px solid #000;border-bottom: 2px solid #000;margin-left: 8px;-webkit-transform: rotate(-135deg);transform: rotate(-135deg);}
@media (min-width: 1201px) {.compareArea .compareBoxPic .compareItem .btnBox .btn.more:hover {color: #999;}.compareArea .compareBoxPic .compareItem .btnBox .btn.more:hover:after {border-color: #999;}
}
@media (max-width: 768px) {.compareArea .compareBoxPic .compareItem .btnBox .btn {padding: 14px;min-width: 90%;}
}
@media (max-width: 540px) {.compareArea .compareBoxPic .compareItem .btnBox .btn {font-size: 14px;}.compareArea .compareBoxPic .compareItem .btnBox .btn.more {font-size: 14px;}.compareArea .compareBoxPic .compareItem .btnBox .btn.more:after {margin-left: 0;}
}
.compareArea .compareTableBox {overflow-x: auto;margin-top: 70px;margin-bottom: 96px;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.compareArea .compareTable {width: 100%;border-collapse: collapse;table-layout: fixed;}
.compareArea .compareTable tr {position: relative;background-color: #fff;}
.compareArea .compareTable tr:nth-child(odd) {background-color: #f6f6f6;}
@media (min-width: 1201px) {.compareArea .compareTable tr:hover {background-color: #e9e9e9;}
}
.compareArea .compareTable td {vertical-align: middle;padding: 29.5px 0;}
.compareArea .compareTable td.tableTitle {padding: 0 40px;width: 270px;font-weight: 500;font-size: 18px;line-height: 1.5;letter-spacing: 0;}
.compareArea .compareTable td:not(.tableTitle) {text-align: center;color: #333;font-size: 18px;line-height: 1.6;letter-spacing: 0;width: 50%;position: relative;}
.compareArea .compareTable td:not(.tableTitle):before {content: "";position: absolute;left: 0;top: 24px;width: 1px;height: calc(100% - 48px);background-color: #e9e9e9;}
.compareArea .compareTable td:not(.tableTitle) .Img {width: 45px;height: 40px;margin: 0 auto;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-user-select: none;   -moz-user-select: none;-ms-user-select: none;user-select: none;}
.compareArea .compareTable td:not(.tableTitle) .Img img {max-width: 100%;display: block;}
.compareArea .compareTable td:not(.tableTitle) .info {max-width: 75%;margin: 0 auto;margin-top: 4px;}
.compareArea .compareTable td.inquiryItem .btnBox {margin: 0 auto;max-width: 200px;}
.compareArea .compareTable td.inquiryItem .btn {margin: 0;}
@media (max-width: 1180px) {.compareArea .compareTable {margin-top: 40px;}.compareArea .compareTable td.tableTitle {padding: 0 20px;width: 200px;font-size: 16px;}.compareArea .compareTable td:not(.tableTitle) {font-size: 16px;}.compareArea .compareTable td:not(.tableTitle) .info {max-width: 85%;}
}
@media (max-width: 768px) {.compareArea .compareTable td.tableTitle {padding: 0 9px;width: 100px;}
}
@media (max-width: 650px) {.compareArea .compareTable td {padding: 22px 0;}.compareArea .compareTable td.tableTitle {font-size: 14px;}.compareArea .compareTable td:not(.tableTitle) {font-size: 14px;}
}
@media (max-width: 540px) {.compareArea .compareTable td.tableTitle {width: 80px;font-size: 13px;padding: 0 2px;}.compareArea .compareTable td:not(.tableTitle) {font-size: 13px;}.compareArea .compareTable td.inquiryItem .btnBox {max-width: 90%;}.compareArea .compareTable td.inquiryItem .btnBox .btn {min-width: 100px;}
}
@media (max-width: 400px) {.compareArea .compareTable {min-width: 340px;}.compareArea .compareTable td.tableTitle {display: none;}.compareArea .compareTable tr:nth-child(odd) td.tableTitle {background-color: #f6f6f6;}
}
.compareArea .compareLinkBox {padding-top: 50px;padding-bottom: 140px;background-color: #f6f6f6;}
.compareArea .compareLinkBox .compareLinkList {margin: 0 auto;padding: 0 30px;max-width: 1560px;}
.compareArea .compareLinkBox .compareLinkList .item {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding-top: 95px;row-gap: 90px;}
.compareArea .compareLinkBox .compareLinkList .item:not(:first-child) {margin-top: 90px;border-top: 1px solid #e5e5e5;}
.compareArea .compareLinkBox .compareLinkList .itemTitle {width: 100%;font-weight: bold;color: #333;font-size: 34px;line-height: 1.2;letter-spacing: 0;}
.compareArea .compareLinkBox .compareLinkList .itemBox {width: 50%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-column-gap: 30px;   -moz-column-gap: 30px;column-gap: 30px;}
.compareArea .compareLinkBox .compareLinkList .Img {max-width: 370px;}
.compareArea .compareLinkBox .compareLinkList .Img img {width: 100%;display: block;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.compareArea .compareLinkBox .compareLinkList .textBox .title {font-weight: bold;color: #000;font-size: 24px;line-height: 1.2;letter-spacing: 0;}
.compareArea .compareLinkBox .compareLinkList .textBox .btn {display: inline-block;margin-top: 45px;color: #000;position: relative;font-size: 16.83px;font-weight: 500;}
.compareArea .compareLinkBox .compareLinkList .textBox .btn:after {content: "";display: inline-block;width: 10px;height: 10px;border-left: 2px solid #000;border-bottom: 2px solid #000;margin-left: 8px;-webkit-transform: rotate(-135deg);transform: rotate(-135deg);}
@media (min-width: 1201px) {.compareArea .compareLinkBox .compareLinkList .textBox .btn:hover {color: #999;}.compareArea .compareLinkBox .compareLinkList .textBox .btn:hover:after {border-color: #999;}
}
@media (max-width: 1400px) {.compareArea .compareLinkBox .compareLinkList .item {padding-top: 60px;row-gap: 60px;}.compareArea .compareLinkBox .compareLinkList .item:not(:first-child) {margin-top: 60px;}.compareArea .compareLinkBox .compareLinkList .Img {max-width: 320px;}.compareArea .compareLinkBox .compareLinkList .textBox .title {font-size: 22px;}
}
@media (max-width: 1180px) {.compareArea .compareLinkBox .compareLinkList .itemBox {-webkit-column-gap: 20px;   -moz-column-gap: 20px;column-gap: 20px;}.compareArea .compareLinkBox .compareLinkList .Img {max-width: 260px;}.compareArea .compareLinkBox .compareLinkList .textBox .title {font-size: 20px;}
}
@media (max-width: 900px) {.compareArea .compareLinkBox .compareLinkList .item {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;row-gap: 40px;padding-top: 40px;}.compareArea .compareLinkBox .compareLinkList .itemBox {width: 100%;}.compareArea .compareLinkBox .compareLinkList .textBox .btn {margin-top: 16px;}
}
@media (max-width: 540px) {.compareArea .compareLinkBox .compareLinkList .Img {width: 55%;}.compareArea .compareLinkBox .compareLinkList .textBox {width: 45%;}.compareArea .compareLinkBox .compareLinkList .textBox .title {font-size: 18px;}.compareArea .compareLinkBox .compareLinkList .textBox .btn {margin-top: 16px;font-size: 14px;}
}
@media (max-width: 400px) {.compareArea .compareLinkBox .compareLinkList .itemBox {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;row-gap: 20px;}.compareArea .compareLinkBox .compareLinkList .Img {width: 100%;max-width: 100%;}.compareArea .compareLinkBox .compareLinkList .textBox {width: 100%;max-width: 370px;}
}
/*# sourceMappingURL=catalog.css.map */
