@charset "utf-8";
.template-layout{ padding: 0 16px 16px 16px;}
.template-view{ margin: 16px 0 0 0; display: flex; flex-direction: column; border: 2px solid #333; position: relative;}
.template-view > input{ position: absolute; top: 0; left: -9999px;}
.template-view > .view-tit{ background-color: #666; padding: 8px 16px; display: flex; justify-content: space-between; position: sticky; top: 0; z-index: 1;}
.template-view > .view-tit h2{ font-weight: 700; font-size: 14px; color: #fff; line-height: 16px;}
.template-view > .view-tit label{ width: 16px; height: 16px; text-indent: -9999px; display: inline-block; position: relative; cursor: pointer;}
.template-view > .view-tit label::before{ width: 10px; height: 10px; content: ''; border-bottom: 2px solid #fff; border-right: 2px solid #fff; position: absolute; top: -2px; left: 3px; transform: rotate(45deg);}
.template-view > .view-html{ padding: 16px; display: none;}
.template-view > .view-code{ background-color: #f9f9f9; padding: 8px 16px 16px 16px; display: none; flex-direction: column; border-top: 1px solid #ccc;}
.template-view > .view-code h2{ font-weight: 700; font-size: 13px; color: #333; line-height: 1; padding: 0 8px 8px 0;}
.template-view > .view-code textarea{ width: 100%; height: 80px; font-weight: 400; font-size: 11px; line-height: 16px; padding: 8px 8px; border: 1px solid #ccc; resize: none;}
.template-view > input:checked ~  .view-tit{ border-bottom: 2px solid #333;}
.template-view > input:checked ~  .view-tit label::before{ top: 5px; transform: rotate(225deg);}
.template-view > input:checked ~  .view-html{ display: block;}
.template-view > input:checked ~  .view-code{ display: flex;}

.ws-cart-box.hide{ display: none !important;}

.flex-sb{ display: flex; justify-content: space-between;}
.flex-sb.flex-md{ align-items: center;}
.flex-sb .sb-r:first-child{ width: 100%; display: flex; justify-content: flex-end;}
.flex-row{ display: flex;}
.flex-row.sb5 > * + *{ margin-left: 5px;}
.flex-row.sb10 > * + *{ margin-left: 10px;}
.flex-col{ display: flex; flex-direction: column;}
.flex1,
.flex-all > *{ flex: 1 !important;}

.ws-btn-box.flex-sb,
.dis-f {display: flex !important; justify-content: space-between; align-items: center;}
.f-inner {display: inline-flex; align-items: center; flex: 1;}
.f-inner.left {justify-content: flex-start;}
.f-inner.center {justify-content: center;}
.f-inner.right {justify-content: flex-end;}


::placeholder {color: #bbb; font-weight: bold;}
::-webkit-input-placeholder {color: #bbb; font-weight: bold;}
::-moz-placeholder {color: #bbb; font-weight: bold;}
:-ms-input-placeholder {color: #bbb; font-weight: bold;}
::-ms-input-placeholder {color: #bbb; font-weight: bold;}

.inForm-box.ws-type-bg1 ::placeholder {color: #fff;}
.inForm-box.ws-type-bg1 ::-webkit-input-placeholder {color: #fff;}
.inForm-box.ws-type-bg1 ::-moz-placeholder {color: #fff;}
.inForm-box.ws-type-bg1 :-ms-input-placeholder {color: #fff;}
.inForm-box.ws-type-bg1 ::-ms-input-placeholder {color: #fff;}

.select1,
.input1,
.textarea1,
.inForm-box .inputbox {font-size: 13px; line-height: 21px; color: #555; font-weight: 400; border: 1px solid #ddd; border-radius: 3px; height: 33px; padding: 5px 14px; text-align: left; background-color: #fff;}
.page-title .inForm-box .inputbox {border-color: #888;}
.select1:hover,
.input1:hover,
.textarea1:hover,
.inForm-box:hover .inputbox,
.page-title .inForm-box:hover .inputbox {border-color: #444;}
.select1:focus,
.input1:focus,
.textarea1:focus,
.inForm-box.focus .inputbox,
.page-title .inForm-box.focus .inputbox {border-color: #0595a4;}

.select1:disabled,
.input1:disabled,
.input1:read-only,
.textarea1:disabled,
.select1:disabled:hover,
.input1:disabled:hover,
.textarea1:disabled:hover {background-color: #f4f4f4;border-color: #ddd;}
.select2 + .select2-container .selection{ width: 100%;}
.select2 + .select2-container .dropdown-wrapper{ position: absolute; left: -9999px;}
.select2 + .select2-container .select2-selection{ min-height: 32px; padding-right: 19px; position: relative;}
.select2 + .select2-container .select2-selection::after{ width: 14px; height: 8px; background: no-repeat url(../images/ico/ico-sel3-off.png) center center; background-size: 10px auto; content: ''; -webkit-appearance: none; -moz-appearance: none; appearance: none; position: absolute; right: 8px; top: 11px;}
.select2 + .select2-container .select2-selection .select2-selection__rendered{ height: 100%; font-weight: 400; font-size: 13px; color: #bbb; padding-left: 14px; overflow: visible;}
.select2 + .select2-container .select2-selection span.select2-selection__rendered{ line-height:30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.select2 + .select2-container .select2-selection .select2-selection__arrow{ display: none;}
.select2 + .select2-container .select2-search--inline .select2-search__field{ font-weight: 300; line-height:30px; margin: 0;}
.select2 + .select2-container .select2-selection .select2-selection__choice{ height: auto; color: #333; line-height: 14px; display: flex; align-items: center; white-space: normal; padding: 4px 8px 4px 4px;}
.select2 + .select2-container .select2-selection .select2-search{ height: 22px;}
.select2 + .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{ font-size: 13px; margin-right: 4px;}

.select3 + .select2-container{ height: 32px;}
.select3 + .select2-container .selection{ width: 100%;}
.select3 + .select2-container .dropdown-wrapper{ position: absolute; left: -9999px;}
.select3 + .select2-container .select2-selection{ min-height: 32px; padding-right: 19px; position: relative;}
.select3 + .select2-container .select2-selection::after{ width: 14px; height: 8px; background: no-repeat url(../images/ico/ico-sel3-off.png) center center; background-size: 10px auto; content: ''; -webkit-appearance: none; -moz-appearance: none; appearance: none; position: absolute; right: 8px; top: 11px;}
.select3 + .select2-container .select2-selection .select2-selection__rendered{ height: 100%; font-weight: 400; font-size: 13px; color: #bbb; padding-left: 14px; overflow: visible;}
.select3 + .select2-container .select2-selection span.select2-selection__rendered{ text-align: left; line-height:30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.select3 + .select2-container .select2-selection span.select2-selection__rendered > span{ line-height: 30px;}
.select3 + .select2-container .select2-selection span.select2-selection__rendered > span .selectIcon{ width: 14px; height: 14px; margin: 9px 0; vertical-align: top;} 
.select3 + .select2-container .select2-selection .select2-selection__arrow{ display: none;}
.select3 + .select2-container .select2-search--inline .select2-search__field{ font-weight: 300; line-height:30px; margin: 0;}
.select3 + .select2-container .select2-selection .select2-selection__choice{ height: auto; color: #333; line-height: 14px; display: flex; align-items: center; white-space: normal; padding: 4px 8px 4px 4px;}
.select3 + .select2-container .select2-selection .select2-search{ height: 22px;}
.select3 + .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{ font-size: 13px; margin-right: 4px;}

.select2-container .selectIcon.select3{ width: 14px; height: 14px; display: inline-block; border-radius: 50%; vertical-align: middle;}
.select2-container .selectIcon.select3.ico0{ background-color: #006805;}
.select2-container .selectIcon.select3.ico1{ background-color: gold;}
.select2-container .selectIcon.select3.ico2{ background-color: tomato;}
.select2-container .selectIcon.select3.ico3{ background-color: #009ae1;}
.select2-container .selectIcon.select3.ico4{ background-color: #bd3c28;}
.select2-container .selectIcon.select3.ico5{ background-color: yellowgreen;}
.select2-container .selectIcon.select3.ico6{ background-color: violet;}
.select2-container .selectIcon.select3.ico7{ background-color: tomato;}
.select2-container .selectIcon.select3.ico8{ background-color: sandybrown;}
.select2-container .selectIcon.select3.ico9{ background-color: gold;}
.select2-container.select3 .select2-results__option:nth-child(4n+1),
.select2-container.select3 .select2-results__option:nth-child(4n+2){ background-color: #FFF8DC;}
.select2-container.select3 .select2-results__option:nth-child(2n+2){ border-bottom: 1px solid #ccc;}
.select2-container.select3 .select2-results__option[aria-selected=true]{ background-color: #ddd;}
.select2-container.select3 .select2-results__option--highlighted[aria-selected]{ background-color: #5897fb;}

.input1.datepicker{ background: url(../images/ico/ico-cal.png) no-repeat calc(100% - 8px) center;}

.disabled{ opacity: 0.3 !important;}
.disabled:hover{ background-color: initial !important; cursor: default;}

.multiSelect{ position: relative;}
.multiSelect .select2-container .selection{ height: 32px; display: block;}
.multiSelect .select2-container .select2-selection--multiple{ background-color: transparent; padding: 32px 0 0 0; border: 0;}
.multiSelect .select2-container .select2-selection .select2-selection__rendered{ padding: 0; margin: 0; display: block;}
.multiSelect .select2-container .select2-selection .select2-search{ width: 100%; height: 32px; background-color: #fff; padding: 0 19px 0 14px; border: 1px solid #aaa; border-radius: 3px; position: absolute; top: 0; left: 0;}
.multiSelect .select2-container .select2-selection .select2-search input{ width: 100% !important;}

.range-box.js{ padding: 5px 0 0 0; display: flex; flex-direction: column;}
.range-box.js .ui-slider-horizontal{ height: 2px; margin: 0 12px; background-color: #fff; border: 0;}
.range-box.js .ui-slider-horizontal .ui-slider-range{ background-color: #f28f33;}
.range-box.js .ui-slider .ui-slider-handle{ width: 13px; height: 13px; background-color: #f28f33; border-radius: 6px; border: 0;}
.range-box.js .ui-slider .ui-slider-handle:hover{ background-color: #da7415;}
.range-box.js .ui-slider-horizontal .ui-slider-handle{ margin-left: -8px; top: -6px;}
.range-box.js .range-txt{ margin: 8px 0 0 0; display: flex; justify-content: space-between;}
.range-box.js .range-txt span{ width: 24px; font-size: 11px; color: #fff; text-align: center; line-height: 14px; padding: 0;}

.input1:-internal-autofill-selected {background-color: transparent !important;}

.select1,
.search-box.ws-type-head .select {color: #bbb; padding-right: 26px; background-image: url(../images/ico/ico-sel3-off.png); background-position: calc(100% - 8px) center; background-repeat: no-repeat; background-size: 10px auto; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.select1::-ms-expand,
.search-box.ws-type-head .select::-ms-expand {display: none;}
/*.select1:focus {background-image: url(../images/ico/ico-sel3-on.png);}*/
.search-box.ws-type-head .select {background-image: url(../images/ico/ico-sel2.png); background-position-x: calc(100% - 20px); font-weight: 400;}

/*.select1 { cursor: pointer; width: 100%; height: 29px; padding: 0 26px 0 15px; border: 1px solid #ccc; color: #999; color: #605f5f; border-radius: 2px; box-sizing: border-box; font-weight: 300; word-spacing: -0.06em;
	-webkit-appearance: none; -moz-appearance: none; appearance: none;
	background-color: #fff; background-image: url(../images/ico/ico-sel1.png); background-repeat: no-repeat; background-position: right 50%;
} 
.select1::-ms-expand {display: none;}
.select1:hover {border-color: #444;}
.select1:focus {border-color: #e65e10;}*/

/*ico*/
.ico-submit {text-indent: -9999px; display: inline-block; width: 24px; height: 24px; background: url(../images/ico/ico-submit.png) center center no-repeat;}
.ico-del1 {text-indent: -9999px; display: inline-block; width: 24px; height: 24px; background: url(../images/ico/ico-del1.png) center center no-repeat;}
.ico-del2 {text-indent: -9999px; display: inline-block; width: 24px; height: 24px; background: url(../images/ico/ico-del2.png) center center no-repeat;}
.ico-upload {text-indent: -9999px; display: inline-block; width: 24px; height: 24px; background: url(../images/ico/ico-upload.png) center center no-repeat;}
.ico-add1 {text-indent: -9999px; display: inline-block; width: 24px; height: 24px; background: url(../images/ico/ico-add1.png) center center no-repeat;}
.ico-excel {text-indent: -9999px; display: inline-block; width: 24px; height: 24px; background: url(../images/ico/ico-file-excel.png) center center no-repeat;}
.ico-util7 { width: 24px; height: 24px; background: url(../images/ico/ico-util7.png) no-repeat center center; text-indent: -9999px; display: inline-block;}
.ico-cart { width: 24px; height: 24px; background: url(../images/ico/ico-cart.png) no-repeat center center; text-indent: -9999px; display: inline-block;}

/*btn*/
.btn-ix {display: inline-flex; align-items: center; justify-content: center; border-radius: 6px; min-width: 24px; height: 24px;}
.btn-ix .ico + .txt{ margin-left: 5px;}
.btn-ix .txt { font-size: 14px; line-height: 18px; color: inherit;}
.btn-ix .txt.type1 {font-size: 16px;}

.btn-ix[class*="type"] {min-width: 118px; height: 42px;}
.btn-ix.type-size1,
.btn-ix.type-add1 {min-width: 98px; height: 35px;}

.btn-ix.type1 {background-color: #444; padding: 0 14px; display: inline-flex; justify-content: center; align-items: center; color: #fff; min-width: 118px; height: 42px;}
.btn-ix.type1:hover {background-color: #000;}
.btn-ix.type2 {background-color: #949594; color: #fff;}
.btn-ix.type2:hover {background-color: #444;}
.btn-ix.type3 {background-color: #009ae1; color: #fff;}
.btn-ix.type3:hover {background-color: #0b2770;}
.btn-ix.type4 {background-color: #009de2; color: #fff;}
.btn-ix.type4:hover {background-color: #0070a0;}
.btn-ix.type5 {background-color: #f4f4f4; border: 1px solid #444; color: #fff;}
.btn-ix.type5:hover {background-color: #e2e2e2;}

.btn-ix.typeCol {flex-direction: column;}
.btn-ix[class*="type"].typeCol {height: 60px;}

.btn-box.type-btnFoot .btn-ix {min-width: 158px; height: 58px;}

.chkBox{ padding: 0 8px 0 0; display: inline-block; position: relative;}
.chkGroup{ display: flex; flex-wrap: wrap;}
.chkGroup label{ margin-right: 16px; position: relative;}
.chkBox input,
.chkGroup input{ position: absolute; top: 0; left: -9999px;}
.chkBox span,
.chkGroup span{ height: 32px; font-weight: 300; font-size: 11px; line-height: 13px; padding: 0 0 0 34px; display: flex; align-items: center; position: relative; cursor: pointer;}
.chkBox span::before,
.chkGroup span::before{ width: 16px; height: 16px; background-color: #fff; content: ''; border: 1px solid #ccc; border-radius: 2px; box-sizing: border-box; position: absolute; top: 9px; left: 12px;}
.chkBox input:checked + span::before,
.chkGroup input:checked + span::before{ background: url(../images/ico/ico-chk.png) no-repeat center center #fff;}
.chkBox:hover span::before,
.chkGroup label:hover span::before{border-color: #444;}
.chkBox:focus span::before,
.chkGroup label:focus span::before{border-color: #e65e10;}
.chkBox.solo{ padding: 0;}
.chkBox.solo span{ height: 19px; text-indent: -9999px; padding-left: 19px;}
.chkBox.solo span::before{ width: 16px; height: 16px; top: 0; left: 0;}
.chkBox.solo input:checked + span::before{border-color: #e65e10;}
.chkBox input[type=radio] + span::before,
.chkGroup input[type=radio] + span::before{ border-radius: 50%;}
.chkBox input[type=radio]:checked + span::before,
.chkGroup input[type=radio]:checked + span::before{ background-image: none;}
.chkBox input[type=radio]:checked + span::after,
.chkGroup input[type=radio]:checked + span::after{ width: 8px; height: 8px; background-color: #009ae1; content: ''; margin: -3px 0 0 1px; border-radius: 50%; position: absolute; top: 50%; left: 15px;}
.chkGroup.flex-col label{ margin-right: 0; align-self: flex-start;}
.treeGroup{ display: flex; flex-direction: column;}
.treeGroup > .list{ padding: 3px 0 0 21px; margin: 2px 0 0 0; display: flex; flex-direction: column; overflow: hidden; position: relative;}
.treeGroup > .list label::before{ width: 8px; height: 24px; content: ''; border-left: 1px solid #000; border-bottom: 1px solid #000; position: absolute; top: -16px; left: -12px;}

.filterGroup{ display: flex;}
.filterGroup label{ position: relative; cursor: pointer;}
.filterGroup label + label{ margin-left: 4px;}
.filterGroup input{ position: absolute; top: 0; left: -9999px;}
.filterGroup span{ height: 32px; font-size: 13px; line-height:30px; padding: 0 16px; display: flex; align-items: center; justify-content: center; border: 1px solid #ccc; border-radius: 3px; position: relative;}
.filterGroup input:checked + span{ background-color: #009ae1; color: #fff; border-color: #009ae1;}
.filterGroup input:checked + span::before{ width: 11px; height: 5px; content: ''; margin: -5px 6px 0 0; border-left: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(-45deg);}

.file-attachment label{ position: relative; cursor: pointer;}
.file-attachment label input{ position: absolute; top: 0; left: -9999px;}
.file-attachment label span{ height: 32px; background-color: #f1f1f1; font-size: 11px; color: #333; line-height: 14px; padding: 0 16px; display: flex; align-items: center; justify-content: center; border: 1px solid #ccc; border-radius: 2px;}
.file-attachment label:hover span{ background-color: #ddd;}

.file-attachment-list{ width: 100%; padding: 4px 12px; border-bottom: 1px solid #ccc;}
.file-attachment-list ul{ display: flex; flex-direction: column;}
.file-attachment-list .item{ display: flex;}
.file-attachment-list .txt{ font-size: 13px; line-height: 24px; margin: 0 8px 0 0;}
.file-attachment-list .btn{ width: 24px; height: 24px; background: url(../images/ico/ico-popup-close3.png) no-repeat center center; text-indent: -9999px; display: inline-block;}
.file-attachment-list .btn:hover{ background-color: #f1f1f1;}
.file-attachment-list .item:hover .txt{ text-decoration: underline;}

.pwFind{ width: 100%; display: flex; flex-direction: column;}
.pwFind .input1{ height: 40px; font-size: 14px;}
.pwFind .captcha{ margin: 8px 0 0 0;}

.dateBox{ display: flex;}
.dateBox > * + *{ margin-left: 8px;}

.searchBox{ height: 33px; display: flex; border: 1px solid #ccc; border-radius: 3px; overflow: hidden;}
.searchBox:hover{ border-color: #000;}
.searchBox .input{ font-weight: 400; font-size: 11px; line-height: 31px; padding: 0 8px 0 16px; flex: 1;}
.searchBox .btn{ width: 31px; height: 31px; background: url(../images/ico/ico-search.png) no-repeat center center; text-indent: -9999px; margin: 0; display: inline-block;}
.searchBox.type2{ border: 0; border-radius: 0; gap: 5px;}
.searchBox.type2 .input,
.searchBox.type2 .btn{ height: 33px; border: 1px solid #ccc; border-radius: 3px;}

.dateRange{ display: flex;}
.dateRange > .input1{ width: 144px;}
.dateRange > span{ width: 18px; height: 33px; text-align: center; line-height: 33px;}

.dateBtn{ display: flex;}
.dateBtn .btn-txt{ height: 33px; font-size: 11px; line-height: 33px; padding: 0 16px; display: inline-block; border: 1px solid #ccc; border-radius: 3px;}
.dateBtn .btn-txt:hover{ background-color: #f1f1f1;}
.dateBtn .btn-txt + .btn-txt{ margin-left: 4px;}

.txt1{ font-weight: 400; font-size: 14px; color: #333; line-height: 19px; padding: 0 0 0 11px; position: relative;}
.txt1::before{ width: 5px; height: 5px; background-color: #333; content: ''; border-radius: 50%; position: absolute; top: 8px; left: 0;}

.bgF5F5F5{ background-color: #f5f5f5;}
.bgFFF8DC{ background-color: #FFF8DC;}

.chkWeather{ margin: -10px 0 0 0; display: flex;}
.chkWeather label{ display: flex; position: relative; cursor: pointer;}
.chkWeather label + label{ margin: 0 0 0 7px;}
.chkWeather label input{ position: absolute; top: 0; left: -9999px;}
.chkWeather label span{ width: 37px; height: 37px; background: no-repeat center center #fff; background-size: auto 19px; text-indent: -9999px; display: inline-block; border: 1px solid #ddd; border-radius: 50%; box-sizing: border-box;}
.chkWeather label span.weather1{ background-image: url(../images/ico/ico-weather-type1.png);}
.chkWeather label span.weather2{ background-image: url(../images/ico/ico-weather-type2.png);}
.chkWeather label span.weather3{ background-image: url(../images/ico/ico-weather-type3.png);}
.chkWeather label input:checked + span{ background-color: #009de2; border-color: #009de2;}
.chkWeather label input:checked + span.weather1{ background-image: url(../images/ico/ico-weather-type1_ov.png);}
.chkWeather label input:checked + span.weather2{ background-image: url(../images/ico/ico-weather-type2_ov.png);}
.chkWeather label input:checked + span.weather3{ background-image: url(../images/ico/ico-weather-type3_ov.png);}
.chkWeather label:hover span{ border-color: #444;}

.ws-join-check{ width: 100%; display: flex; flex-direction: column;}
.ws-join-check dl{ display: flex;}
.ws-join-check dl + dl{ margin-top: 16px;}
.ws-join-check dt,
.ws-join-check dd{ min-height: 24px; min-height: 24px; font-size: 13px; line-height: 16px; display: flex;}
.ws-join-check dt{ text-align: left; padding: 4px 0; flex: 1;}
.ws-join-check dt.req::before{ width: 8px; content: '*'; color: #ff0000; text-align: right; line-height: inherit; margin-right: 5px; display: inline-block;}
.ws-join-check dd{ text-align: right; margin: 0 0 0 16px;}
.ws-join-check dd .chkBox.solo span{ height: 24px; padding-left: 24px;}
.ws-join-check dd .chkBox.solo span::before{ width: 24px; height: 24px;}
.ws-join-check .file-attachment-list{ margin: 0 0 16px 0;}

.ws-tab-box{ width: 100%; margin: 0 0 0 0;}
.ws-tab-box ul{ width: 100%; display: flex;}
.ws-tab-box .item{ flex: 1; border-left: 1px solid #ccc; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; position: relative;}
.ws-tab-box .item:first-child{ border-radius: 6px 0 0 6px;}
.ws-tab-box .item:last-child{ border-right: 1px solid #ccc; border-radius: 0 6px 6px 0;}
.ws-tab-box .item a{ width: 100%; height: 86px; background: no-repeat center center; text-indent: -9999px; display: inline-block;}
.ws-tab-box .item.tab1 a{ background-image: url(../images/ico/tire_01.png);}
.ws-tab-box .item.tab2 a{ background-image: url(../images/ico/tire_12.png);}
.ws-tab-box .item.tab3 a{ background-image: url(../images/ico/tire_03.png);}
.ws-tab-box .item.tab4 a{ background-image: url(../images/ico/tire_04.png);}
.ws-tab-box .item.tab5 a{ background-image: url(../images/ico/tire_05.png);}
.ws-tab-box .item.tab6 a{ background-image: url(../images/ico/tire_06.png);}
.ws-tab-box .item.tab7 a{ background-image: url(../images/ico/tire_07.png);}
.ws-tab-box .item.tab8 a{ background-image: url(../images/ico/tire_08.png);}
.ws-tab-box .item.tab9 a{ background-image: url(../images/ico/tire_09.png);}
.ws-tab-box .item.tab10 a{ background-image: url(../images/ico/tire_10.png);}
.ws-tab-box .item.tab11 a{ background-image: url(../images/ico/tire_11.png);}
.ws-tab-box .item.tab1.active a,
.ws-tab-box .item.tab1 a:hover{ background-image: url(../images/ico/tire_01_over.png);}
.ws-tab-box .item.tab2.active a,
.ws-tab-box .item.tab2 a:hover{ background-image: url(../images/ico/tire_12_over.png);}
.ws-tab-box .item.tab3.active a,
.ws-tab-box .item.tab3 a:hover{ background-image: url(../images/ico/tire_03_over.png);}
.ws-tab-box .item.tab4.active a,
.ws-tab-box .item.tab4 a:hover{ background-image: url(../images/ico/tire_04_over.png);}
.ws-tab-box .item.tab5.active a,
.ws-tab-box .item.tab5 a:hover{ background-image: url(../images/ico/tire_05_over.png);}
.ws-tab-box .item.tab6.active a,
.ws-tab-box .item.tab6 a:hover{ background-image: url(../images/ico/tire_06_over.png);}
.ws-tab-box .item.tab7.active a,
.ws-tab-box .item.tab7 a:hover{ background-image: url(../images/ico/tire_07_over.png);}
.ws-tab-box .item.tab8.active a,
.ws-tab-box .item.tab8 a:hover{ background-image: url(../images/ico/tire_08_over.png);}
.ws-tab-box .item.tab9.active a,
.ws-tab-box .item.tab9 a:hover{ background-image: url(../images/ico/tire_09_over.png);}
.ws-tab-box .item.tab10.active a,
.ws-tab-box .item.tab10 a:hover{ background-image: url(../images/ico/tire_10_over.png);}
.ws-tab-box .item.tab11.active a,
.ws-tab-box .item.tab11 a:hover{ background-image: url(../images/ico/tire_11_over.png);}
.ws-tab-box .item.active a:hover::before,
.ws-tab-box .item.active a::before{ content: ''; border: 4px solid #ee7103; position: absolute; top: -1px; right: -1px; bottom: -1px; left: -1px; z-index: 1;}
.ws-tab-box .item a:hover::before{ content: ''; border: 1px solid #ee7103; position: absolute; top: -1px; right: -1px; bottom: -1px; left: -1px; z-index: 1;}
.ws-tab-box .item.active:first-child a::before,
.ws-tab-box .item:first-child a:hover::before{ border-radius: 6px 0 0 6px;}
.ws-tab-box .item.active:last-child a::before,
.ws-tab-box .item:last-child a:hover::before{ border-radius: 0 6px 6px 0;}
.ws-tab-box + .slider-banner-box,
.ws-tab-box + .wheel-search-tab{ margin-top: 20px;}

.ws-filter-box{ width: 254px; background-color: #00A3DC; padding: 14px 12px; margin: 0; display: flex; flex-direction: column; border-radius: 6px; overflow: hidden; position: relative;}
.filter-facet-hidden{ display: none !important; }
.ws-filter-box > input[type=checkbox]{ position: absolute; top: 0; left: -9999px;}
.ws-filter-box .box-head{ padding: 0 0 0 0; margin: 0 4px 13px 4px; display: flex; justify-content: space-between;}
.ws-filter-box .box-head .tit{ width: 40px; height: 32px; background: url(../images/ico/ico-filter-tit.png) no-repeat center center #0292C4; background-size: auto 18px; text-indent: -9999px; display: inline-block; border-radius: 5px;}
.ws-filter-box .box-head .btn{ width: 27px; height: 32px;}
.ws-filter-box .box-head .btn label{ width: 100%; height: 100%; display: inline-block; cursor: pointer;}
.ws-filter-box .box-head .btn label span{ width: 100%; height: 100%; background: no-repeat center center; background-size: auto 14px; text-indent: -9999px; display: inline-block;}
.ws-filter-box .box-head .btn label .open{ background-image: url(../images/ico/ico-filter-open.png); display: none;}
.ws-filter-box .box-head .btn label .close{ background-image: url(../images/ico/ico-filter-close.png); display: inline-block;}
.ws-filter-box .box-body{ width: 230px; flex: 1;}
.ws-filter-box .acco-list{ width: 100%; height: 100%; display: flex; flex-direction: column;}
.ws-filter-box .acco-box{ display: flex; flex-direction: column;}
.ws-filter-box .acco-head{ background: url(../images/ico/ico-filter-down.png) no-repeat calc(100% - 8px) center; background-size: auto 16px;}
.ws-filter-box .acco-box.active .acco-head{ background-image: url(../images/ico/ico-filter-up.png);}
.ws-filter-box .acco-box.active + .acco-box .acco-btn{ border-top: 0;}
.ws-filter-box .acco-box.active .acco-body{ display: inline-block;}
.ws-filter-box .acco-btn{ height: 54px; font-weight: 700; font-size: 13px; color: #fff; line-height: 16px; padding: 0 24px 0 22px; margin: 0 4px; display: flex; align-items: center; border-top: 1px solid #0292C4; position: relative;}
.ws-filter-box .acco-btn::before{ width: 4px; height: 4px; background-color: #fff; content: ''; border-radius: 50%; position: absolute; top: 26px; left: 11px;}
.ws-filter-box .acco-btn:hover{ color: #FFB78F;}
.ws-filter-box .acco-btn:hover::before{ background-color: #FFB78F;}
.ws-filter-box .acco-body{ background-color: #0292C4; padding: 16px; display: none; overflow: hidden;}
.ws-filter-box .acco-body .form-box{ display: flex; flex-direction: column;}
.ws-filter-box .acco-body .form-box dl{ display: flex; flex-direction: column;}
.ws-filter-box .acco-body .form-box dl + dl{ margin-top: 8px;}
.ws-filter-box .acco-body .form-box dt{ font-weight: 700; font-size: 13px; color: #fff; line-height: 16px; padding: 0 0 6px 0; display: flex; align-items: center;}
.ws-filter-box .acco-body .form-box dl + dl dt{ padding-top: 3px;}
.ws-filter-box .acco-body .form-box dd + dd{ margin-top: 16px;}
.ws-filter-box .acco-body .form-box .select1{ width: 100%;}
.ws-filter-box .acco-body .chkBox span,
.ws-filter-box .acco-body .chkGroup span{ height: 22px; font-size: 13px; line-height: 13px; padding-left: 22px;}
.ws-filter-box .acco-body .chkBox span::before,
.ws-filter-box .acco-body .chkGroup span::before{ width: 18px; height: 18px; top: 3px; left: 0;}
.ws-filter-box .acco-body .chkBox input:checked + span::before,
.ws-filter-box .acco-body .chkGroup input:checked + span::before{ background-position: 2px 5px;}
.ws-filter-box .acco-body .chkGroup label{ display: inline-block;}
.ws-filter-box .acco-body .chkGroup span{ color: #fff;}
.ws-filter-box .multiSelect2{ display: flex; flex-direction: column;}
.ws-filter-box .multiSelect2 .search{ width: 100%; position: relative;}
.ws-filter-box .multiSelect2 .search .input1{ width: 100%; padding-right: 34px;}
.ws-filter-box .multiSelect2 .search .btn{ width: 31px; height: 31px; background: url(../../front/images/ico/ico-search.png) no-repeat center center; text-indent: -9999px; display: inline-block; position: absolute; top: 1px; right: 1px;}
.ws-filter-box .multiSelect2 .tag{ max-height: 180px; padding: 0 0 4px 0; margin: 4px 0 0 0; display: flex; flex-wrap: wrap; overflow-y: auto;}
.ws-filter-box .multiSelect2 .tag::-webkit-scrollbar {width: 4px; height: 4px;}
.ws-filter-box .multiSelect2 .tag::-webkit-scrollbar-track {background-color: #11C1FF; border-radius: 2px;}
.ws-filter-box .multiSelect2 .tag::-webkit-scrollbar-thumb {background-color: #027198; border-radius: 1px;}
.ws-filter-box .multiSelect2 .tag .item{ min-height: 13px; background-color: #fff; padding: 2px 0 2px 8px; margin: 4px 4px 0 0; display: flex; align-items: center; border: 1px solid #fff; border-radius: 2px;}
.ws-filter-box.hide{ width: auto; height: 42px; padding: 0;}
.ws-filter-box .multiSelect2 .tag .item .txt{ font-size: 13px; color: #333; line-height: 13px;}
.ws-filter-box .multiSelect2 .tag .item .btn-del{ width: 21px; height: 21px; background: url(../../front/images/ico/ico-popup-close3.png) no-repeat center center; text-indent: -9999px; margin: 0 2px; display: inline-block; position: relative;}
.ws-filter-box .multiSelect2 .tag .item:hover{ border-color: #000;}
.ws-filter-box .multiSelect2 > .list{ max-height: 226px; margin: 4px 0 0 0; overflow-y: auto;}
.ws-filter-box .multiSelect2 > .list::-webkit-scrollbar {width: 4px; height: 4px;}
.ws-filter-box .multiSelect2 > .list::-webkit-scrollbar-track {background-color: #11C1FF;}
.ws-filter-box .multiSelect2 > .list::-webkit-scrollbar-thumb {background-color: #027198; border-radius: 1px;}
.ws-filter-box .multiSelect2 > .list .chkGroup + .chkGroup{ margin-top: 6px;}
.ws-filter-box .multiSelect2 > .list .chkGroup label + label,
.ws-filter-box .multiSelect2 > .list .chkGroup label + .treeGroup,
.ws-filter-box .multiSelect2 > .list .chkGroup .treeGroup + label{ margin-top: 6px;}
.ws-filter-box .multiSelect2 > .list .chkGroup span{ min-height: 19px; height: auto;}
.ws-filter-box .multiSelect2 > .list .chkGroup span::before{ top: 0;}
.ws-filter-box .multiSelect2 > .list .treeGroup > .list label::before{ border-color: #a4adc5;}
.ws-filter-box.hide > .box-head{ margin: 0;}
.ws-filter-box.hide > .box-head .btn{ width: 54px; height: 42px;}
.ws-filter-box.hide > .box-head .btn label{ width: 54px; height: 42px; background: url(../images/ico/ico-filter-tit.png) no-repeat center center #009ae1;}
.ws-filter-box.hide > .box-head .btn label span{ background: none;}
.ws-filter-box.hide > .box-head .tit,
.ws-filter-box.hide > .box-body{ display: none;}
.select2-container.select2-container--open{ z-index: 9;}

.ws-search-box{ padding: 22px 34px 22px 27px; display: flex; align-items: center; border: 1px solid #ccc; border-radius: 6px;}
.ws-search-box .flex-row dl{ flex: 1;}
.ws-search-box .form > .flex-row > dl + dl,
.ws-search-box .flex-row > dl + dl{ margin-left: 8px;}
.ws-search-box .select1,
.ws-search-box .input1{ width: 100%;}
.ws-search-box .form{ display: flex; flex: 1;}
.ws-search-box .form dl + dl,
.ws-search-box .form > .flex-row + dl{ margin: 0 0 0 24px;}
.ws-search-box .form dl{ display: flex; flex-direction: column;}
.ws-search-box .form dt{ height: 19px; font-weight: 300; font-size: 13px; color: #333; line-height: 19px; margin: 0 0 12px 0; display: flex;}
.ws-search-box .form dt::before{ width: 3px; height: 3px; background-color: #009ae1; content: ''; margin: 8px 7px 8px 2px; display: inline-block; border-radius: 50%;}
.ws-search-box .btn{ margin: 0 0 0 34px;}
.ws-search-box .btn .search{ width: 133px; height: 52px; background-color: #000; font-weight: 500; font-size: 13px; color: #fff; display: flex; align-items: center; justify-content: center; border-radius: 6px;}
.ws-search-box .btn .search:hover{ background-color: #ee7103;}
.ws-search-box .btn .search::before{ width: 16px; height: 16px; background: url(../images/ico/ico-wheel-search.png) no-repeat center center; content: ''; margin: 0 6px 0 0; display: inline-block;}
.ws-search-box .flex-row > * + *{ margin: 0 0 0 6px;}
.ws-search-box .search-tab-box{ width: 100%; display: flex; flex-direction: column; position: relative;}
.ws-search-box .search-tab-box > input{ position: absolute; top: 0; left: -9999px;}
.ws-search-box .search-tab-box > .tab-btn{ display: flex; justify-content: center;}
.ws-search-box .search-tab-box > .tab-btn label{ height: 40px; background-color: #f1f1f1; font-size: 14px; color: #333; line-height: 16px; padding: 0 32px; display: flex; align-items: center; justify-content: center; cursor: pointer;}
.ws-search-box .search-tab-box > .tab-btn label:hover{ text-decoration: underline;}
.ws-search-box .search-tab-box > .tab-btn label:first-child{ border-radius: 8px 0 0 8px;}
.ws-search-box .search-tab-box > .tab-btn label:last-child{ border-radius: 0 8px 8px 0;}
.ws-search-box .search-tab-box > .tab-con{ margin: 16px 0 0 0; display: none;}
.ws-search-box .search-tab-box > .tab-con .acco-box .acco-btn .txt-btn{ font-weight: 500; font-size: 11px; color: #009ae1;}
.ws-search-box .search-tab-box > .tab-con .acco-box .acco-btn .txt-btn::before{ display: none;}
.ws-search-box .search-tab-box > .tab-con.tab1 .form,
.ws-search-box .search-tab-box > .tab-con.tab2{ align-items: flex-end;}
.ws-search-box .search-tab-box .btn{ padding: 0; margin: 0 0 0 34px;}
.ws-search-box .search-tab-box .btn .search{ height: 33px; padding: 0; margin: 0;}
.ws-search-box .search-tab-box > .tab1:checked ~ .tab-btn .tab1,
.ws-search-box .search-tab-box > .tab2:checked ~ .tab-btn .tab2{ background-color: #009ae1; color: #fff;}
.ws-search-box .search-tab-box > .tab1:checked ~ .tab-con.tab1,
.ws-search-box .search-tab-box > .tab2:checked ~ .tab-con.tab2{ display: flex;}
.ws-search-box .search-tab-box.type-Motorrad{ flex-direction: row; align-items: flex-end;}
.ws-search-box .search-tab-box.type-Motorrad > .tab-btn{ padding: 0; margin: 0;}
.ws-search-box .search-tab-box.type-Motorrad > .tab-btn label{ height: 33px; background-color: transparent; padding: 0 8px 0 24px; margin: 0; position: relative;}
.ws-search-box .search-tab-box.type-Motorrad > .tab-btn label::before{ width: 19px; height: 19px; content: ''; border: 1px solid #ccc; border-radius: 50%; box-sizing: border-box; position: absolute; top: 6px; left: 0;}
.ws-search-box .search-tab-box.type-Motorrad > .tab-btn label + label{ margin-left: 8px;}
.ws-search-box .search-tab-box.type-Motorrad > .tab-con{ margin: 0 0 0 32px; flex: 1; align-items: flex-end;}
.ws-search-box .search-tab-box.type-Motorrad > .tab1:checked ~ .tab-btn .tab1,
.ws-search-box .search-tab-box.type-Motorrad > .tab2:checked ~ .tab-btn .tab2{ background-color: transparent; color: #333;}
.ws-search-box .search-tab-box.type-Motorrad > .tab1:checked ~ .tab-btn .tab1::after,
.ws-search-box .search-tab-box.type-Motorrad > .tab2:checked ~ .tab-btn .tab2::after{ width: 13px; height: 13px; background-color: #009ae1; content: ''; border-radius: 50%; box-sizing: border-box; position: absolute; top: 10px; left: 3px;}
.ws-search-box .dateRange > .input1{ width: 144px;}
.ws-search-box .searchBox .btn{ margin: 0;}
.ws-search-box .search-flex{ width: 100%; display: flex;}
.ws-search-box .search-flex > * + *{ margin-left: 16px;}

.ws-order-cart-box{ width: 100%; height: 255px; margin: 10px 0 0 0;}

.ws-board-list-box{ width: 100%; height: 100%; display: flex; flex-direction: column; position: relative;}
.ws-board-list-box > input[type=radio]{ position: absolute; top: 0; left: -9999px;}
.ws-board-list-box > .box-head{ height: 64px; display: flex; justify-content: space-between; align-items: center;}
.ws-board-list-box > .box-head div.btn-box:first-child{ flex: 1; display: flex; justify-content: flex-end;}
.ws-board-list-box > .box-head div.btn-box button + button{ margin-left: 8px;}
.ws-board-list-box > .box-head .form-box{ display: flex;}
.ws-board-list-box > .box-head .form-box > * + *{ margin-left: 8px;}
.ws-board-list-box > .box-head .form-box > dl{ display: flex; align-items: center;}
.ws-board-list-box > .box-head .form-box > dl > dt{ font-size: 13px; margin: 0 4px 0 0; display: flex;}
.ws-board-list-box > .box-head .form-box > dl > dt::before{ font-weight: 700; content: 'ㆍ';}
.ws-board-list-box > .box-head .btn-box .btn-ix{ height: 32px; font-size: 11px; padding: 0 16px;}
.ws-board-list-box > .box-head .tit-box h3{ font-weight: 700; font-size: 14px; line-height: 19px; display: flex;}
.ws-board-list-box > .box-head .tit-box h3::before{ height: 19px; font-weight: 700; font-size: 19px; color: #009ae1; content: 'ㆍ'; line-height: 19px;}
.ws-board-list-box > .list-search{ background-color: #f1f1f1; padding: 16px; display: flex; border: 1px solid #ccc; border-radius: 6px; overflow: hidden;}
.ws-board-list-box > .list-search:hover{ border-color: #009ae1;}
.ws-board-list-box > .list-search input{ height: 40px; font-size: 13px; text-align: left; line-height: 24px; padding: 8px 8px 8px 16px; flex: 1; border-radius: 6px 0 0 6px;}
.ws-board-list-box > .list-search a{ width: 40px; height: 40px; background: url(../../front/images/ico/ico-search.png) no-repeat center center #fff; text-indent: -9999px; padding: 0; margin: 0; display: inline-block; border-radius: 0 6px 6px 0;}
.ws-board-list-box > .ws-search-box{ margin-top: 8px;}
.ws-board-list-box .list-info{ display: flex; flex-direction: column;}
.ws-board-list-box .list-info .info1{ font-weight: 300; font-size: 13px; color: #777; line-height: 11px;}
.ws-board-list-box .list-info .info2{ font-weight: 400; font-size: 16px; color: #333; line-height: 20px; letter-spacing: -1px;}
.ws-board-list-box .list-info .btn-info{ width: 20px; height: 20px; background: url(../images/ico/ico-error-stock.png) no-repeat center center; text-indent: -9999px; margin: 0 0 0 5px; display: inline-block;}
.ws-board-list-box .list-info > * + *{ margin-top: 5px;}
.ws-board-list-box .list-info + .btn-vergleichen{ margin-left: 5px;}
.ws-board-list-box .chkBoard{ display: flex;}
.ws-board-list-box .chkBoard label{ width: 24px; height: 24px; background: no-repeat center center; background-size: contain; text-indent: -9999px; display: inline-block; display: inline-block; position: relative; cursor: pointer;}
.ws-board-list-box .chkBoard label + label{ margin-left: 14px;}
.ws-board-list-box .chkBoard label.list{ background-image: url(../images/ico/ico-board-list.png);}
.ws-board-list-box .chkBoard label.card{ background-image: url(../images/ico/ico-board-card.png);}
.ws-board-list-box .flex-row{ align-items: center;}
.ws-board-list-box .btn-vergleichen{ height: 32px; background-color: #333; font-weight: 400; font-size: 13px; color: #fff; line-height: 16px; padding: 0 24px; margin: 0 0 0 0; display: flex; align-items: center; justify-content: center; border-radius: 16px;}
.ws-board-list-box .btn-vergleichen:hover{ background-color: #444;}
.ws-board-list-box .btn-vergleichen + .list-info{ margin-left: 10px;}
.ws-board-list-box #boardList:checked ~ div .chkBoard .list{ background-image: url(../images/ico/ico-board-list_ov.png);}
.ws-board-list-box #boardCard:checked ~ div .chkBoard .card{ background-image: url(../images/ico/ico-board-card_ov.png);}
.ws-board-list-box .list-body{ width: 100%; display: flex; flex: 1; flex-direction: column; position: relative; overflow-x: clip;}
.ws-board-list-box .list-body .colgroup.nodata{ flex: 1;}
.ws-board-list-box .list-body .colgroup.col1{ width: 100px;}
.ws-board-list-box .list-body .colgroup.col2{ width: 124px;}
.ws-board-list-box .list-body .colgroup.col3{ flex: 1;}
.ws-board-list-box .list-body .colgroup.col4{ width: 76px;}
.ws-board-list-box .list-body .colgroup.col5{ width: 56px;}
.ws-board-list-box .list-body .colgroup.col6{ width: 56px;}
.ws-board-list-box .list-body .colgroup.col7{ width: 56px;}
.ws-board-list-box .list-body .list.acco-list .colgroup.col8{ display: none;}
.ws-board-list-box .list-body .colgroup.col9{ width: 100px;}
.ws-board-list-box .list-body .colgroup.col10{ width: 90px;}
.ws-board-list-box .list-body .colgroup.col11{ width: 80px;}
.ws-board-list-box #boardCard:checked ~ .list-body .colgroup.col1{ width: 108px;}
.ws-board-list-box #boardCard:checked ~ .list-body .colgroup.col2{ width: 124px;}
.ws-board-list-box #boardCard:checked ~ .list-body .colgroup.col4,
.ws-board-list-box #boardCard:checked ~ .list-body .colgroup.col5,
.ws-board-list-box #boardCard:checked ~ .list-body .colgroup.col6,
.ws-board-list-box #boardCard:checked ~ .list-body .colgroup.col7{ display: none;}
.ws-board-list-box #boardCard:checked ~ .list-body .list.acco-list .colgroup.col8{ display: flex; width: 96px;}
.ws-board-list-box #boardCard:checked ~ .list-body .colgroup.col9{ width: 100px;}
.ws-board-list-box #boardCard:checked ~ .list-body .colgroup.col10{ width: 72px;}
.ws-board-list-box #boardCard:checked ~ .list-body .colgroup.col11{ width: 80px;}
@media (min-width: 1024px) {
	.ws-board-list-box #boardList:checked ~ .list-body .list.acco-list .acco-head .chkBox .img{ display: none; background: none; height: 0; min-height: 0; overflow: hidden;}
}
.ws-board-list-box .list-body .chkBox .img{ height: 64px; padding: 0; box-sizing: border-box; flex-shrink: 0;}
.ws-board-list-box .list-body .chkBox .img::before{ display: none; content: none;}
.ws-board-list-box .list-body .chkBox .txt{ padding: 0; justify-content: center; align-items: flex-end;}
.ws-board-list-box #boardCard:checked ~ .list-body .chkBox .img{ background: var(--prod-img, url(../images/ico/no-img.svg)) no-repeat center center; background-size: contain;}
.ws-board-list-box #boardCard:checked ~ .list-body .chkBox .txt{ height: auto; padding: 4px 0; justify-content: center;}
.ws-board-list-box #boardCard:checked ~ .list-body .chkBox .txt::before{ margin: 0 5px 0 0; position: static; top: auto; left: auto;}
.ws-board-list-box .sort-box{ height: 30px; padding: 0 16px; display: flex; border-top: 1px solid #ccc; position: relative;}
.ws-board-list-box #boardCard:checked ~ .list-body .chkBox.awd .img{ background-position: 15px top;}
.ws-board-list-box #boardCard:checked ~ .list-body .chkBox.awd .awd-box{ width: 40px; height: 62px; background: none; padding: 0; margin: 0; display: flex; flex-direction: column; position: absolute; top: 0; right: 10px; cursor: none;}
.ws-board-list-box #boardCard:checked ~ .list-body .chkBox.awd .awd-box::before,
.ws-board-list-box #boardCard:checked ~ .list-body .chkBox.awd .awd-box .ico-awd::before{ display: none;}
.ws-board-list-box #boardCard:checked ~ .list-body .chkBox.awd .awd-box .ico-awd{ width: 40px; height: auto; background: no-repeat center top; background-size: contain; padding: 0; margin: 0; display: flex; flex: 1; position: static; cursor: none;}
.ws-board-list-box #boardCard:checked ~ .list-body .chkBox.awd .awd-box .ico-awd + .ico-awd{ margin: 3px 0 0 0;}
.ws-board-list-box .sort-box .colgroup{ display: flex; align-items: center; justify-content: center;}
.ws-board-list-box .sort-box .colgroup p{ background-color: #f8f8f8; font-weight: 400; font-size: 13px; color: #666; text-align: center; line-height: 20px; padding: 0 9px; display: inline-block; border: 1px solid #ccc; border-radius: 11px;}
.ws-board-list-box .sort-box .colgroup .btn-sort{ width: 13px; height: 22px; display: inline-block; overflow: hidden; position: relative;}
.ws-board-list-box .sort-box .colgroup .btn-sort .sort{ width: 13px; height: 22px; background: no-repeat right center; text-indent: -9999px; display: inline-block;}
.ws-board-list-box .sort-box .colgroup .btn-sort .sort.type1{ background-image: url(../images/ico/ico-board-sort.png);}
.ws-board-list-box .sort-box .colgroup .btn-sort .sort.type2{ background-image: url(../images/ico/ico-board-sort-down.png);}
.ws-board-list-box .sort-box .colgroup .btn-sort .sort.type3{ background-image: url(../images/ico/ico-board-sort-up.png);}
.ws-board-list-box .sort-box .colgroup .btn-sort .txt{ text-indent: -9999px; display: inline-block; position: absolute; top: 0; left: -9999px;}
.ws-board-list-box .sort-box .colgroup.col3{ justify-content: center;}
.ws-board-list-box .sort-box .colgroup.col4 p{ width:30px; font-weight: 700; font-size: 11px;}
.ws-board-list-box .sort-box .colgroup.col5 p{ width:30px; background: url(../images/ico/ico-sort-oil.png) no-repeat center center #f8f8f8; text-indent: -9999px; display: inline-block;}
.ws-board-list-box .sort-box .colgroup.col6 p{ width:30px; background: url(../images/ico/ico-sort-weather.png) no-repeat center center #f8f8f8; text-indent: -9999px; display: inline-block;}
.ws-board-list-box .sort-box .colgroup.col7 p{ width:30px; background: url(../images/ico/ico-sort-speaker.png) no-repeat center center #f8f8f8; text-indent: -9999px; display: inline-block;}
.ws-board-list-box .sort-box .colgroup.col10{ margin-right: 80px;}
.ws-board-list-box .list.acco-list{ display: flex; flex-direction: column; border: 1px solid #ccc; border-bottom: 0; border-radius: 6px 6px 0 0; position: relative;}
.ws-board-list-box .list.acco-list .boardList{ position: absolute; top:0; left: -9999px;}
.ws-board-list-box .list.acco-list .acco-box{ margin: 0 16px; display: flex; flex-direction: column; border-bottom: 1px solid #ccc;}
.ws-board-list-box .list.acco-list .acco-head{ padding: 10px 0; display: flex; align-items: center; position: relative;}
.ws-board-list-box .list.acco-list .acco-head .colgroup{ text-align: center; display: flex; align-items: center; justify-content: center; position: relative; z-index: 1; pointer-events: none;}
.ws-board-list-box .list.acco-list .acco-head .colgroup .chkBox,
.ws-board-list-box .list.acco-list .acco-head .colgroup a,
.ws-board-list-box .list.acco-list .acco-head .colgroup .btn,
.ws-board-list-box .list.acco-list .acco-head .colgroup .promotion-tooltip,
.ws-board-list-box .list.acco-list .acco-head .colgroup .spinner,
.ws-board-list-box .list.acco-list .acco-head .colgroup input,
.ws-board-list-box .list.acco-list .acco-head .colgroup select,
.ws-board-list-box .list.acco-list .acco-head .colgroup textarea,
.ws-board-list-box .list.acco-list .acco-head .colgroup .tool-box,
.ws-board-list-box .list.acco-list .acco-head .goViewWheel{ pointer-events: auto;}
.ws-board-list-box .list.acco-list .acco-head .colgroup.col1{ padding: 0; z-index: 1; overflow: visible;}
.ws-board-list-box .list.acco-list .acco-head .colgroup.col11{ z-index: 1;}
.ws-board-list-box .list.acco-list .acco-head .colgroup.col3{ justify-content: flex-start;}
.ws-board-list-box .list.acco-list .acco-head .colgroup.col3 .txt{ text-align: left;}
.ws-board-list-box .list.acco-list .acco-head .chkBox{ width: 100%; padding: 0; display: flex; flex-direction: column; align-items: center; overflow: visible; position: relative; cursor: pointer;}
.ws-board-list-box .list.acco-list .acco-head .chkBox input{ position: absolute; top: 0; left: -9999px;}
.ws-board-list-box .list.acco-list .acco-head .chkBox .img{ width: 100%; height: 64px; padding: 0; overflow: visible; box-sizing: border-box; background: var(--prod-img, url(../images/ico/no-img.svg)) no-repeat center center; background-size: contain; display: block; flex-shrink: 0; position: relative; z-index: 2;}
.ws-board-list-box .list.acco-list .acco-head .chkBox .img::before{ display: none; content: none;}
.ws-board-list-box .list.acco-list .acco-head .chkBox .txt{ width: 100%; height: auto; background: none; font-weight: 400; font-size: 11px; color: #999; text-align: center; line-height: 14px; padding: 4px 0; justify-content: center; cursor: pointer;}
.ws-board-list-box .list.acco-list .acco-head .chkBox .txt::before{ margin: 0 5px 0 0; position: static; top: auto; left: auto;}
@media (min-width: 1024px) {
	.ws-board-list-box .list.acco-list .acco-list-box:has(.chkBox .img:hover){ position: relative; z-index: 20;}
	.ws-board-list-box .list.acco-list .acco-list-box:has(.chkBox .img:hover) .acco-head .colgroup.col1{ z-index: 20;}
	.ws-board-list-box .list.acco-list .acco-head .chkBox .img::after{ content: ''; display: none; width: 280px; height: 280px; background: var(--prod-img) no-repeat center center; background-size: contain; background-color: #fff; border: 1px solid #ccc; box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.15); position: absolute; left: calc(100% + 8px); top: 50%; transform: translateY(-50%); z-index: 9999; pointer-events: none;}
	.ws-board-list-box .list.acco-list .acco-head .chkBox .img:hover::after{ display: block;}
	.ws-board-list-box #boardList:checked ~ .list-body .chkBox .txt{ padding: 20px 0 0 0;}
	.ws-board-list-box #boardList:checked ~ .list-body .chkBox .txt::before{ margin: 0 0 0 -8px; position: absolute; top: 0; left: 50%;}
}
.ws-board-list-box .list.acco-list .acco-head .chkBox input:checked ~ .txt::before{ background: url(../images/ico/ico-chk.png) no-repeat center center #fff;}
.ws-board-list-box .list.acco-list .acco-head .chkBox .txt:hover::before{ border-color: #444;}

.ws-board-list-box .list.acco-list .acco-head .chkBox input[type=radio]:checked ~ .txt::before{ background-color: #fff; background-image: none;}
.ws-board-list-box .list.acco-list .acco-head .chkBox input[type=radio]:checked ~ .txt::after{ width: 10px; height: 10px; background-color: #e65e10; margin: -3px 0 0 -5px; top: 50%; left: 50%;}
.ws-board-list-box .list.acco-list .acco-head .chkBox.solo,
.ws-board-list-box .list.acco-list .acco-head .chkBox.solo .txt{ width: auto; height: auto;}
.ws-board-list-box .list.acco-list .acco-head .chkBox.solo .txt::before{ margin: 0; position: static;}
.ws-board-list-box .list.acco-list .acco-head .chkBox.solo input[type=radio]:checked ~ .txt::after{ margin: -5px 0 0 -5px;}
.ws-board-list-box .list.acco-list .acco-head .chkBox.awd .awd-box,
.ws-board-list-box .list.acco-list .acco-head .chkBox.awd .awd-box .ico-awd{ display: none;}

.ws-board-list-box .list.acco-list .acco-head .logo{ width: 100%; height: 40px; background: no-repeat center center; background-size: contain; text-indent: -9999px; margin: 0 24px 0 0; display: inline-block; position: relative;}
.ws-board-list-box .list.acco-list .acco-head .colgroup.col2 img{ max-width: 100%; max-height: 40px; width: auto; height: auto; object-fit: contain;}
.ws-board-list-box .list.acco-list .acco-head .tit{ width: 100%; text-align: left; padding-right: 20px; display: flex; flex-direction: column; position: relative;}
.ws-board-list-box .list.acco-list .acco-head .tit .box{ display: flex;}
.ws-board-list-box .list.acco-list .acco-head .tit .txt1{ font-weight: 700; font-size: 12px; color: #555; line-height: 16px; padding: 0;}
.ws-board-list-box .list.acco-list .acco-head .tit .txt1::before{ display: none;}
.ws-board-list-box .list.acco-list .acco-head .tit .txt1 + .txt1{ margin-left: 16px;}
.ws-board-list-box .list.acco-list .acco-head .tit .txt2{ font-weight: 400; font-size: 12px; color: #999; line-height: 16px; margin-top: 4px;}
.ws-board-list-box .list.acco-list .acco-head .tit .btn-promotion{ width: 30px; height: 30px; background: url(../../front/images/ico/ico-promotion.png) no-repeat center center; text-indent: -9999px; margin: -15px 0 0 0; display: inline-block; border-radius: 3px; position: absolute; top: 50%; right: -10px; z-index: 1;}
.ws-board-list-box .list.acco-list .acco-head .tit .btn-promotion:hover{ background-color: #fff;}
.ws-board-list-box .list.acco-list .acco-list-box:has(.promotion-tooltip:hover),
.ws-board-list-box .list.acco-list .acco-list-box:has(.promotion-tooltip:focus-within){ position: relative; z-index: 100; isolation: isolate;}
.ws-board-list-box .list.acco-list .acco-list-box:has(.promotion-tooltip:hover) .acco-head .colgroup.col3,
.ws-board-list-box .list.acco-list .acco-list-box:has(.promotion-tooltip:focus-within) .acco-head .colgroup.col3{ position: relative; z-index: 101; overflow: visible;}
.ws-board-list-box .list.acco-list .acco-list-box:has(.promotion-tooltip:hover) .acco-head .colgroup:not(.col3),
.ws-board-list-box .list.acco-list .acco-list-box:has(.promotion-tooltip:focus-within) .acco-head .colgroup:not(.col3){ z-index: 0;}
.ws-board-list-box .list.acco-list .acco-head .tit .promotion-tooltip{ margin: -15px 0 0 0; display: inline-block; border-radius: 3px; position: absolute; top: 50%; right: -10px;}
.ws-board-list-box .list.acco-list .acco-head .tit .promotion-tooltip:hover,
.ws-board-list-box .list.acco-list .acco-head .tit .promotion-tooltip:focus-within{ z-index: 102;}
.ws-board-list-box .list.acco-list .acco-head .tit .promotion-tooltip .tooltip-btn{ width: 30px; height: 30px; background: url(../../front/images/ico/ico-promotion.png) no-repeat center center; text-indent: -9999px; display: inline-block; position: relative; z-index: 1;}
.ws-board-list-box .list.acco-list .acco-head .tit .promotion-tooltip .tooltip-con{ width: max-content; max-width: min(640px, calc(100vw - 320px)); height: auto; max-height: 220px; display: none; border: 1px solid #000; box-shadow: 2px 2px 5px 1px #a1a1a1; background-color: #fff; overflow: hidden; position: absolute; top: 50%; right: calc(100% + 6px); bottom: auto; transform: translateY(-50%); z-index: 103;}
.ws-board-list-box .list.acco-list .acco-head .tit .promotion-tooltip .tooltip-con img{ display: block; width: auto; height: auto; max-width: min(640px, calc(100vw - 320px)); max-height: 220px; object-fit: contain;}
.ws-board-list-box .list.acco-list .acco-head .tit .promotion-tooltip .tooltip-con .tooltip-close{ display: none;}
.ws-board-list-box .list.acco-list .acco-head .tit .promotion-tooltip:hover .tooltip-btn + .tooltip-con,
.ws-board-list-box .list.acco-list .acco-head .tit .promotion-tooltip .tooltip-btn:focus + .tooltip-con{ display: block;}
.ws-board-list-box .list.acco-list .acco-head .tit .promotion-tooltip .tooltip-btn:focus + .tooltip-con .tooltip-close{ width: 30px; height: 30px; text-indent: -9999px; display: inline-block; position: absolute; top: -1px; right: -31px; z-index: 104;}
.ws-board-list-box .list.acco-list .acco-head .weather{ width: 30px; height: 26px; background-size: auto 28px; text-indent: -9999px; display: inline-block; position: relative;background-repeat: no-repeat; /* 이미지 중복 방지 */background-position: center; /* 이미지를 중앙에 배치 */ background-size: cover; /* 요소에 꽉 차게 비율 유지 (이미지가 잘릴 수 있음) */}
.ws-board-list-box .list.acco-list .acco-head .weather.type1{ background-image: url(../images/ico/ico-board-weather.png);}
.ws-board-list-box .list.acco-list .acco-head .weather.type2{ background-image: url(../images/ico/ico-board-weather_2n.png);}
.ws-board-list-box .list.acco-list .acco-head .weather.type3{ background-image: url(../images/ico/ico-board-weather3.png);}
.ws-board-list-box .list.acco-list .acco-head .txt{ font-weight: 400; font-size: 14px; color: #555; text-align: left; position: relative;}
.ws-board-list-box .list.acco-list .acco-head .img{ width: 56px; height: 78px; background: url(../images/ico/img-board-abcd.png) no-repeat center center; display: inline-block;}
.ws-board-list-box .list.acco-list .acco-head .preis{ font-weight: 700; font-size: 20px; color: #555; position: relative;}
.ws-board-list-box .list.acco-list .acco-head .status{ width: 14px; height: 14px; text-indent: -9999px; display: inline-block; border-radius: 50%; position: relative;}
.ws-board-list-box .list.acco-list .acco-head .status.type1{ background-color: #68b466;}
.ws-board-list-box .list.acco-list .acco-head .status.type3{ background-color: #d14d38;}
.ws-board-list-box .list.acco-list .acco-head .status.type2{ background-color: #ecad00;}
.ws-board-list-box .list.acco-list .acco-head .status.txt-aubenlager::after{ width: 78px; height: 18px; font-family:'HankookTire'; font-style: italic; font-size: 13px; text-align: center; text-indent: 0; content: 'Außenlager'; line-height: 18px; padding: 0; border: 1px solid; border-radius: 10px; position: absolute; top: 15px; left: 50%; transform: translateX(-50%);}
.ws-board-list-box .list.acco-list .acco-head .status.txt-aubenlager.type1::after{ color: #68b466; border-color: #68b466;}
.ws-board-list-box .list.acco-list .acco-head .status.txt-aubenlager.type3::after{ color: #d14d38; border-color: #d14d38;}
.ws-board-list-box .list.acco-list .acco-head .status.txt-aubenlager.type2::after{ color: #ecad00; border-color: #ecad00;}
.ws-board-list-box .list.acco-list .acco-head .btn{ width: 100%; height: 24px; background-color: #666; font-weight: 400; font-size: 14px; color: #fff; line-height: 24px; padding: 0 8px; display: inline-block; border-radius: 2px; position: relative; z-index: 2;}
.ws-board-list-box .list.acco-list .acco-head .btn:hover{ background-color: #444;}
.ws-board-list-box .list.acco-list .acco-head .btn.type2{ background-color: #d14d38; font-size: 13px;}
.ws-board-list-box .list.acco-list .acco-head .btn.type2:hover{ background-color: #bd3c28;}
.ws-board-list-box .list.acco-list .acco-head .acco-btn{ width: 100%; height: 100%; text-indent: -9999px; display: inline-block; position: absolute; top: 0; left: 0; z-index: 0; cursor: pointer;}
.ws-board-list-box .list.acco-list .acco-head .goViewWheel{ background: url(../images/ico/ico-eye.png) no-repeat left center; font-size: 13px; color: #009ae1; line-height: 14px; padding: 0 0 0 18px; position: absolute; bottom: 4px; right: 16px; z-index: 1;}
.ws-board-list-box .list.acco-list .acco-head .goViewWheel:hover{ text-decoration: underline; color: #000;}
.ws-board-list-box .list.acco-list .acco-head .goViewWheel.active{ color: #f28f33;}
.ws-board-list-box .list.acco-list .acco-body{ display: none; position: relative;}
.ws-cart-edit-box{ border: 1px solid #009ae1; border-radius: 6px; overflow: hidden;}
.ws-board-list-box .list.acco-list .acco-body .acco-table,
.ws-cart-edit-box table{ width: 100%;}
.ws-board-list-box .list.acco-list .acco-body .acco-table thead th,
.ws-cart-edit-box table thead th{ height: 44px; background-color: #f3f3f3; font-weight: 400; font-size: 13px; color: #555; line-height: 16px; text-align: left; padding: 0 20px; border-bottom: 1px solid #ddd;}
.ws-board-list-box .list.acco-list .acco-body .acco-table tbody td,
.ws-cart-edit-box table tbody td{ height: 42px; font-weight: 400; font-size: 13px; color: #555; line-height: 16px; text-align: left; padding: 0 20px; border-bottom: 1px solid #ddd;}
.ws-board-list-box .list.acco-list .acco-body .acco-table thead th:first-child,
.ws-board-list-box .list.acco-list .acco-body .acco-table tbody td:first-child{ padding-left: 36px;}
.ws-cart-edit-box table thead th:first-child,
.ws-cart-edit-box table tbody td:first-child{ padding-left: 32px;}
.ws-board-list-box .list.acco-list .acco-body .acco-table thead th:last-child,
.ws-board-list-box .list.acco-list .acco-body .acco-table tbody td:last-child{ padding-right: 40px;}
.ws-cart-edit-box table thead th:last-child,
.ws-cart-edit-box table tbody td:last-child{ padding-right: 48px;}
.ws-board-list-box .list.acco-list .acco-body .acco-table tbody tr:hover td,
.ws-cart-edit-box table tbody tr:hover td{ background-color: #e9effc; cursor: pointer;}
.ws-board-list-box .list.acco-list .acco-body .acco-table tbody tr.active td,
.ws-cart-edit-box table tbody tr.active td{ background-color: #e9effc;}
.ws-board-list-box .list.acco-list .acco-body .acco-table tbody .split,
.ws-cart-edit-box table tbody .split{ text-align: center;}
.ws-board-list-box .list.acco-list .acco-body .acco-table tbody .split span,
.ws-cart-edit-box table tbody .split span{ padding: 3px 16px; border: 1px solid #ccc; position: relative;}
.ws-board-list-box .list.acco-list .acco-body .acco-table tbody .split span::after,
.ws-cart-edit-box table tbody .split span::after{ width: 8px; height: 24px; background: url(../image/front2/ico-cart-spinner.png) no-repeat right center; content: ''; position: absolute; top: 0; right: -20px;}
.ws-board-list-box .list.acco-list .acco-body .acco-table tbody .split input,
.ws-cart-edit-box table tbody .split input{ width: 100%; font-weight: 400; font-size: 13px; color: #999; text-align: center; padding: 5px 0; border-color: #ccc;}
.ws-board-list-box .list.acco-list .acco-body .acco-table tbody .spinner,
.ws-cart-edit-box table tbody .spinner{ width: 100%; height: 32px; display: inline-block;}
.ws-board-list-box .list.acco-list .acco-body .acco-table tbody .spinner .ui-spinner,
.ws-cart-edit-box table tbody .spinner .ui-spinner{ background-color: transparent; padding: 0; border: 0; border-radius: 0;}
.ws-board-list-box .list.acco-list .acco-body .acco-table tbody .spinner .ui-spinner a.ui-spinner-button,
.ws-cart-edit-box table tbody .spinner .ui-spinner a.ui-spinner-button{ width: auto;}
.ws-board-list-box .list.acco-list .acco-body .acco-table tbody .spinner .ui-spinner a.ui-spinner-button span,
.ws-cart-edit-box table tbody .spinner .ui-spinner a.ui-spinner-button span{ padding: 0; border: 0;}
.ws-cart-edit-box table tbody .not{ font-weight: 300; font-size: 11px; line-height: 16px; display: block;}
.ws-board-list-box .list.acco-list .acco-head .brand{ font-weight: 400; font-size: 16px; text-wrap: nowrap; margin: 0 0 0 16px; position: relative;}
.ws-board-list-box .list.acco-list .acco-body .btn{ padding: 16px 32px; display: flex; flex-wrap: wrap; position: relative;}
.ws-board-list-box .list.acco-list .acco-body .btn .input1.input-kommission{ width: 100%; margin: 0 0 10px 0;}
.ws-board-list-box .list.acco-list .acco-body .btn label,
.ws-board-list-box .list.acco-list .acco-body .btn a{ height: 27px; font-weight: 700; font-size: 11px; color: #415da3; line-height: 26px; display: flex; display: flex; flex: 1; align-items: center; justify-content: center; border: 1px solid #009ae1; border-radius: 2px; box-sizing: border-box; cursor: pointer;}
.ws-board-list-box .list.acco-list .acco-body .btn label:hover,
.ws-board-list-box .list.acco-list .acco-body .btn a:hover{ background-color: #e2eafd;}
.ws-board-list-box .list.acco-list .acco-body .btn label + a,
.ws-board-list-box .list.acco-list .acco-body .btn a + label,
.ws-board-list-box .list.acco-list .acco-body .btn a + a{ margin-left: 8px;}
.ws-board-list-box .list.acco-list .acco-body .btn .ico{ height: 26px; background: no-repeat center center; background-size: contain; margin-right: 8px;}
.ws-board-list-box .list.acco-list .acco-body .btn .ico.ico1{ width: 13px; background-image: url(../images/ico/ico-board-btn1.png);}
.ws-board-list-box .list.acco-list .acco-body .btn .ico.ico2{ width: 15px; background-image: url(../images/ico/ico-board-btn2.png);}
.ws-board-list-box .list.acco-list .acco-body .btn .ico.ico3{ width: 14px; background-image: url(../images/ico/ico-board-btn3.png);}
.ws-board-list-box .list.acco-list .acco-body .btn .ico.ico4{ width: 10px; background-image: url(../images/ico/ico-board-btn4.png);}
.ws-board-list-box .list.acco-list .acco-body .btn .ico.ico5{ width: 14px; background-image: url(../images/ico/ico-board-btn5.png);}
.ws-board-list-box .list.acco-list .acco-body .btn .ico.ico6{ width: 13px; background-image: url(../images/ico/ico-board-btn6.png);}
.ws-board-list-box .list.acco-list .acco-body .btn .ico.ico7{ width: 13px; background-image: url(../images/ico/ico-board-btn7.png);}
.ws-board-list-box .list.acco-list .acco-body .btn .wheel-form{ width: 100%; margin: 0 0 10px 0; display: flex;}
.ws-board-list-box .list.acco-list .acco-body .btn .wheel-form > *{ flex: 1;}
.ws-board-list-box .list.acco-list .acco-body .btn .wheel-form > * + *{ margin-left: 10px;}
.ws-board-list-box .list.acco-list .acco-body .btn .type2{ background-color: #ea7c1e; color: #fff; border-color: #ea7c1e;}
.ws-board-list-box .list.acco-list .acco-body .btn .type2:hover{ background-color: #ff8e2b;}
.ws-board-list-box .list.acco-list .acco-body .acco-close{ width: 32px; height: 32px; background: url(../images/ico/ico-board-close.png) no-repeat center center; text-indent: -9999px; display: inline-block; position: absolute; top: 6px; right: 10px; cursor: pointer;}
.ws-board-list-box .list.acco-list .acco-body .acco-table tbody td .btn-info{ width: 16px; height: 16px; background: url(../../front/images/ico/ico-detail-info.svg) no-repeat center center; background-size: 16px; text-indent: -9999px; margin: 0 5px; display: inline-block;}
.ws-board-list-box .list.acco-list .acco-body .acco-table tbody td .btn-info:hover{ background-image: url(../../front/images/ico/ico-detail-info-ov.svg);}
.ws-board-list-box .list.acco-list .acco-list-box{ position: relative;}
.ws-board-list-box .list.acco-list .boardList:checked + .acco-box,
.ws-board-list-box .list.acco-list .acco-box.active{ margin: 0; border-bottom: 0; position: relative;}
.ws-board-list-box .list.acco-list .boardList:checked + .acco-box .acco-head:hover::before,
.ws-board-list-box .list.acco-list .acco-head:hover::before{ height: 100%; background-color: #e9effc; content: ''; position: absolute; top: 0; left: -16px; right: -16px; z-index: 0;}
.ws-board-list-box .list.acco-list .acco-list-box:first-child .boardList:checked + .acco-box .acco-head:hover::before,
.ws-board-list-box .list.acco-list .acco-list-box:first-child .acco-head:hover::before{ border-top-right-radius: 6px; border-top-left-radius: 6px;}
.ws-board-list-box .list.acco-list .acco-list-box:last-child .boardList:checked + .acco-box .acco-head:hover::before,
.ws-board-list-box .list.acco-list .acco-list-box:last-child .acco-head:hover::before{ border-bottom-right-radius: 6px; border-bottom-left-radius: 6px;}
.ws-board-list-box .list.acco-list .acco-head .logo.type-boka {background-image: url(../images/ico/img-logo-boka.png); background-size: contain; height: 21px;}
.ws-board-list-box .list.acco-list .acco-head .colgroup.detail-list-box{ padding: 0 !important; display: flex; flex-direction: column;}
.ws-board-list-box .list.acco-list .acco-head .colgroup.detail-list-box .detail-list-row{ width: 100%; padding: 8px 0; display: flex;}
.ws-board-list-box .list.acco-list .acco-head .colgroup.detail-list-box .detail-list-row:first-child{ padding: 0;}
.ws-board-list-box .list.acco-list .acco-head .colgroup.detail-list-box .detail-list-row:last-child{ padding-bottom: 0;}
.ws-board-list-box .list.acco-list .acco-head .colgroup.detail-list-box .detail-list-row + .detail-list-row{ margin: 8px 0 0 0; padding: 8px 0 0 0; border-top: 1px solid #ccc;}
.ws-board-list-box .list.acco-list .acco-head .colgroup.detail-list-box .detail-list-row .colgroup.col5{ display: none;}
.ws-board-list-box .list.acco-list .boardList:checked + .acco-box::before,
.ws-board-list-box .list.acco-list .acco-box.active::before{ width: 100%; height: 100%; background-color: #e9effc; content: ''; position: absolute; top: 0; left: 0;}
.ws-board-list-box .list.acco-list #boardList1:checked + .acco-box::before,
.ws-board-list-box .list.acco-list .acco-box.active:first-child::before{ border-radius: 6px 6px 0 0;}
.ws-board-list-box .list.acco-list .boardList:checked + .acco-box .acco-head,
.ws-board-list-box .list.acco-list .acco-box.active .acco-head{ margin: 0 16px;}
.ws-board-list-box .list.acco-list .boardList:checked + .acco-box .acco-body,
.ws-board-list-box .list.acco-list .acco-box.active .acco-body{ background-color: #fff; margin: 0; display: flex; flex-direction: column; border: 1px solid #009ae1; border-radius: 6px; overflow: hidden; position: relative; z-index: 1;}
.ws-board-list-box .list.acco-list .boardList:checked + .acco-box + .acco-box .acco-head:hover::before,
.ws-board-list-box .list.acco-list .acco-box.active + .acco-box .acco-head:hover::before{ height: 102px; top: -8px;}
.ws-board-list-box .list.acco-list .set-list-box{ background-color: #f1f1f1; padding: 8px 16px; display: flex; border-bottom: 1px solid #ccc;}
.ws-board-list-box .list.acco-list .set-list-box .colgroup{ align-items: center;}
.ws-board-list-box .list.acco-list .set-list-box .colgroup.col2{ width: 80px;}
.ws-board-list-box .list.acco-list .set-list-box .colgroup.col2 img{ max-width: 48px; height: auto;}
.ws-board-list-box .list.acco-list .set-list-box .colgroup.col2 .ico{ width: 48px; height: 48px; background: no-repeat center center; background-size: contain;}
.ws-board-list-box .list.acco-list .set-list-box .colgroup.col2 .ico.ico-car{ background-image: url(../images/ico/ico-car.png);}
.ws-board-list-box .list.acco-list .set-list-box .colgroup.col3{ width: auto; padding: 0 !important; flex: 1;}
.ws-board-list-box .list.acco-list .set-list-box .colgroup.col4{ flex: none;}
.ws-board-list-box .list.acco-list .set-list-box .tit{ font-weight: 500; font-size: 14px; line-height: 19px;}
.ws-board-list-box .list.acco-list .txt-express{ background: url(../images/ico/ico-map.png) no-repeat left center !important; font-size: 13px; color: #f28f33; line-height: 24px; padding: 0 0 0 16px;}
.ws-board-list-box .list.acco-list .btn-ico{ width: 32px; height: 32px; background: no-repeat center center; text-indent: -9999px; display: inline-block; position: relative;}
.ws-board-list-box .list.acco-list .btn-ico:hover{ background-color: #ffffff; border-radius: 4px;}
.ws-board-list-box .list.acco-list .btn-ico.ico-link{ background-image: url(../images/ico/icon_page_move.png);}
.ws-board-list-box .list.acco-list .btn-ico.ico-pdf{ background-image: url(../images/ico-file-pdf.png); background-size: 24px auto;}
.ws-board-list-box .list.acco-list .btn-ico.ico-xls{ background-image: url(../images/ico-file-xls.png); background-size: 24px auto;}
.ws-board-list-box .list.acco-list .btn-ico.ico-word{ background-image: url(../images/ico-file-word.png); background-size: 24px auto;}
.ws-board-list-box .list.acco-list .btn-ico.ico-del{ background-image: url(../images/ico/ico-del4.png); background-size: 22px auto;}
.ws-board-list-box .box-foot{ padding: 16px; display: flex; justify-content: space-between; flex: 1; align-items: flex-start; border: 1px solid #ccc; border-top: 0; border-radius: 0 0 6px 6px;}
.paging-box{ display: flex; justify-content: center;}
.paging-box ul{ display: flex;}
.paging-box ul li + li{ margin-left: 4px;}
.paging-box ul li.active a{ background-color: #009de2; color: #fff; border-radius: 2px;}
.paging-box ul li.first a,
.paging-box ul li.prev a,
.paging-box ul li.next a,
.paging-box ul li.last a{ background: no-repeat center center; text-indent: -9999px; display: inline-block;}
.paging-box ul li.first a{ background-image: url(../images/ico/ico-board-paging-first.png);}
.paging-box ul li.prev a{ background-image: url(../images/ico/ico-board-paging-left.png);}
.paging-box ul li.next a{ background-image: url(../images/ico/ico-board-paging-right.png);}
.paging-box ul li.last a{ background-image: url(../images/ico/ico-board-paging-last.png);}
.paging-box ul a{ width: 21px; height: 18px; background: no-repeat center center; font-weight: 400; font-size: 13px; color: #555; text-align: center; line-height: 18px; display: inline-block;}
.paging-box ul .more{ width: 100%; height: 3px; background: url(../images/ico/ico-board-paging-more.png) no-repeat center center; text-indent: -9999px; display: inline-block;}
.ws-board-list-box .box-foot .view-box{ display: flex;}
.ws-board-list-box .box-foot .view-box p{ font-weight: 400; font-size: 13px; color: #999; line-height: 32px; margin-right: 14px; white-space: nowrap;}
.ws-board-list-box .box-foot .view-box .select1{ width: 64px; height: 32px;}

.ws-board-list-box.type-FELGEN-WheelSelect .sort-box .colgroup p{ width: auto; background-image: none; text-indent: 0;}
.ws-board-list-box.type-FELGEN-WheelSelect .sort-box .colgroup.col6{ margin-right: 112px}
.ws-board-list-box.type-FELGEN-WheelSelect .list-body .colgroup.col7{ display: flex; flex-direction: column;}
.ws-board-list-box.type-FELGEN-WheelSelect .list-body .colgroup.col7 .btn + .btn{ margin: 4px 0 0 0;}
.ws-board-list-box.type-FELGEN-WheelSelect .list.acco-list .acco-head{ padding: 5px 0;}
.ws-board-list-box.type-FELGEN-WheelSelect #boardList:checked ~ .list-body .colgroup.col1{ width: 100px; display: flex;}
.ws-board-list-box.type-FELGEN-WheelSelect #boardList:checked ~ .list-body .colgroup.col2{ width: 124px; display: flex;}
.ws-board-list-box.type-FELGEN-WheelSelect #boardList:checked ~ .list-body .colgroup.col3{ display: flex; flex: 1; justify-content: flex-start;}
.ws-board-list-box.type-FELGEN-WheelSelect #boardList:checked ~ .list-body .colgroup.col5{ width: 100px; display: flex;}
.ws-board-list-box.type-FELGEN-WheelSelect #boardList:checked ~ .list-body .colgroup.col6{ width: 100px; display: flex;}
.ws-board-list-box.type-FELGEN-WheelSelect #boardList:checked ~ .list-body .colgroup.col7{ width: 112px; display: flex;}
.ws-board-list-box.type-FELGEN-WheelSelect #boardCard:checked ~ .list-body .colgroup.col1{ width: 108px; display: flex;}
.ws-board-list-box.type-FELGEN-WheelSelect #boardCard:checked ~ .list-body .colgroup.col2{ width: 124px; display: flex;}
.ws-board-list-box.type-FELGEN-WheelSelect #boardCard:checked ~ .list-body .colgroup.col3{ display: flex; flex: 1; justify-content: flex-start;}
.ws-board-list-box.type-FELGEN-WheelSelect #boardCard:checked ~ .list-body .colgroup.col5{ width: 100px; display: flex;}
.ws-board-list-box.type-FELGEN-WheelSelect #boardCard:checked ~ .list-body .colgroup.col6{ width: 100px; display: flex;}
.ws-board-list-box.type-FELGEN-WheelSelect #boardCard:checked ~ .list-body .colgroup.col7{ width: 112px; display: flex;}
.ws-board-list-box.type-FELGEN-WheelSelect #boardCard:checked ~ .list-body .chkBox .img{ height: 64px;}
.ws-board-list-box.type-FELGEN-WheelSelect #boardCard:checked ~ .list-body .chkBox .txt::before{ margin: 0 4px 0 0; position: static; top: auto; left: auto;}
@media (min-width: 1024px) {
	.ws-board-list-box.type-FELGEN-WheelSelect #boardList:checked ~ .list-body .list.acco-list .acco-head .chkBox .img{ display: none; background: none; height: 0; min-height: 0; overflow: hidden;}
}
.ws-board-list-box.type-FELGEN-WheelSelect .list-body .colgroup.col1{}
.ws-board-list-box.type-FELGEN-WheelSelect .list-body .colgroup.col4{ display: none;}

.ws-board-list-box.type-CompleteWheelSelect .sort-box .colgroup p{ width: auto; background-image: none; text-indent: 0;}
.ws-board-list-box.type-CompleteWheelSelect .sort-box .colgroup.col6{ margin-right: 112px}
.ws-board-list-box.type-CompleteWheelSelect #boardList:checked ~ .list-body .colgroup.col1{ width: 100px; display: flex;}
.ws-board-list-box.type-CompleteWheelSelect #boardList:checked ~ .list-body .colgroup.col2{ width: 124px; display: flex;}
.ws-board-list-box.type-CompleteWheelSelect #boardList:checked ~ .list-body .colgroup.col3{ display: flex; flex: 1; justify-content: flex-start;}
.ws-board-list-box.type-CompleteWheelSelect #boardList:checked ~ .list-body .colgroup.col4{ display: none;}
.ws-board-list-box.type-CompleteWheelSelect #boardList:checked ~ .list-body .colgroup.col5{ width: 100px; display: flex;}
.ws-board-list-box.type-CompleteWheelSelect #boardList:checked ~ .list-body .colgroup.col6{ width: 60px; display: flex;}
.ws-board-list-box.type-CompleteWheelSelect #boardList:checked ~ .list-body .colgroup.col7{ width: 112px; display: flex;}
.ws-board-list-box.type-CompleteWheelSelect #boardCard:checked ~ .list-body .colgroup.col1{ width: 108px; display: flex;}
.ws-board-list-box.type-CompleteWheelSelect #boardCard:checked ~ .list-body .colgroup.col2{ width: 124px; display: flex;}
.ws-board-list-box.type-CompleteWheelSelect #boardCard:checked ~ .list-body .colgroup.col3{ display: flex; flex: 1; justify-content: flex-start;}
.ws-board-list-box.type-CompleteWheelSelect #boardCard:checked ~ .list-body .colgroup.col4{ width: 96px; display: flex;}
.ws-board-list-box.type-CompleteWheelSelect #boardCard:checked ~ .list-body .colgroup.col5{ width: 100px; display: flex;}
.ws-board-list-box.type-CompleteWheelSelect #boardCard:checked ~ .list-body .colgroup.col6{ width: 60px; display: flex;}
.ws-board-list-box.type-CompleteWheelSelect #boardCard:checked ~ .list-body .colgroup.col7{ width: 112px; display: flex;}
.ws-board-list-box.type-CompleteWheelSelect #boardCard:checked ~ .list-body .chkBox .img{ height: 64px; background: var(--prod-img, url(../images/ico/img-board-tire.png)) no-repeat center top; background-size: contain;}
.ws-board-list-box.type-CompleteWheelSelect #boardCard:checked ~ .list-body .chkBox .txt::before{ margin: 0 4px 0 0; position: static; top: auto; left: auto;}
.ws-board-list-box.type-CompleteWheelSelect .list.acco-list .boardList:checked + .acco-box{ margin: 0 16px; border-bottom: 1px solid #ccc;}
.ws-board-list-box.type-CompleteWheelSelect .list.acco-list .boardList:checked + .acco-box::before{ width: auto; height: 95px; left: -20px; right: -20px;}
.ws-board-list-box.type-CompleteWheelSelect .list.acco-list .boardList:checked + .acco-box .acco-head{ margin: 0;}
.ws-board-list-box.type-CompleteWheelSelect .list.acco-list .boardList:checked + .acco-box .acco-body{ border: 0;}

.ws-board-list-box.type-CompleteWheelRDKS .list-body .colgroup{ width: auto; margin: 0; display: flex !important;}
.ws-board-list-box.type-CompleteWheelRDKS .list-body .colgroup p{ width: auto; background-image: none; font-weight: 400; text-indent: 0;}
.ws-board-list-box.type-CompleteWheelRDKS .list-body .colgroup.col1{ width: 120px;}
.ws-board-list-box.type-CompleteWheelRDKS .list-body .colgroup.col2{ width: 136px;}
.ws-board-list-box.type-CompleteWheelRDKS .list-body .colgroup.col3{ flex: 1;}
.ws-board-list-box.type-CompleteWheelRDKS .list-body .colgroup.col4{ width: 144px;}
.ws-board-list-box.type-CompleteWheelRDKS .list-body .colgroup.col5{ width: 112px;}
.ws-board-list-box.type-CompleteWheelRDKS .list-body .colgroup.col6{ width: 112px;}
.ws-board-list-box.type-CompleteWheelRDKS .list-body .colgroup.col7{ width: 80px;}
.ws-board-list-box.type-CompleteWheelRDKS .list-body .colgroup.col8{ width: 120px;}
.ws-board-list-box.type-CompleteWheelRDKS .list-body .colgroup.col9{ width: 72px;}
.ws-board-list-box.type-CompleteWheelRDKS .list-body .colgroup.col10{ width: 80px;}
.ws-board-list-box.type-CompleteWheelRDKS .list-body .sort-box .colgroup.col9{ margin-right: 80px;}
.ws-board-list-box.type-CompleteWheelRDKS .list.acco-list .acco-head .colgroup.col1 .chkBox{ padding: 0; z-index: 0;}
.ws-board-list-box.type-CompleteWheelRDKS .list.acco-list .acco-head .colgroup.col1 .chkBox .img{ width: 100%; height: 53px; padding: 0; position: absolute; top: 0; left: 0; z-index: 0;}
.ws-board-list-box.type-CompleteWheelRDKS .list.acco-list .acco-head .colgroup.col1 .chkBox .txt{ height: auto; padding: 60px 0 0 0; display: flex; justify-content: center; position: relative; z-index: 1;}
.ws-board-list-box.type-CompleteWheelRDKS .list.acco-list .acco-head .colgroup.col1 .chkBox .txt::before{ margin: 0 4px 0 0; position: static; top: auto; left: auto;}
.ws-board-list-box.type-CompleteWheelRDKS .list.acco-list .acco-head .colgroup.col3{ text-align: left; flex-direction: column; align-items: flex-start;}
.ws-board-list-box.type-CompleteWheelRDKS .list.acco-list .boardList:checked + .acco-box{ margin: 0 16px; border-bottom: 1px solid #ccc;}
.ws-board-list-box.type-CompleteWheelRDKS .list.acco-list .boardList:checked + .acco-box::before{ width: auto; height: 100%; left: -16px; right: -16px;}
.ws-board-list-box.type-CompleteWheelRDKS .list.acco-list .boardList:checked + .acco-box .acco-head{ margin: 0;}
.ws-board-list-box.type-CompleteWheelRDKS .list.acco-list .boardList:checked + .acco-box .acco-body{ border: 0;}

.ws-board-list-box.type-CompleteWheelTire .list-body .colgroup{ width: auto; margin: 0; display: flex !important;}
.ws-board-list-box.type-CompleteWheelTire .list-body .colgroup.col1{ width: 112px;}
.ws-board-list-box.type-CompleteWheelTire .list-body .colgroup.col2{ width: 136px;}
.ws-board-list-box.type-CompleteWheelTire .list-body .colgroup.col3{ flex: 1;}
.ws-board-list-box.type-CompleteWheelTire .list-body .colgroup.col4{ width: 80px;}
.ws-board-list-box.type-CompleteWheelTire .list-body .colgroup.col5{ width: 80px;}
.ws-board-list-box.type-CompleteWheelTire .list-body .colgroup.col6{ width: 80px;}
.ws-board-list-box.type-CompleteWheelTire .list-body .colgroup.col7{ width: 80px;}
.ws-board-list-box.type-CompleteWheelTire .list-body .colgroup.col8{ width: 120px;}
.ws-board-list-box.type-CompleteWheelTire .list-body .colgroup.col9{ width: 72px;}
.ws-board-list-box.type-CompleteWheelTire .list-body .colgroup.col10{ width: 112px;}
.ws-board-list-box.type-CompleteWheelTire .list-body .sort-box .colgroup.col9{ margin-right: 112px;}
.ws-board-list-box.type-CompleteWheelTire .list.acco-list .acco-head .colgroup.col3{ flex-direction: column; align-items: flex-start;}
.ws-board-list-box.type-CompleteWheelTire .list.acco-list .boardList:checked + .acco-box{ margin: 0 16px; border-bottom: 1px solid #ccc;}
.ws-board-list-box.type-CompleteWheelTire .list.acco-list .boardList:checked + .acco-box::before{ width: auto; height: 100%; left: -16px; right: -16px;}
.ws-board-list-box.type-CompleteWheelTire .list.acco-list .boardList:checked + .acco-box .acco-head{ margin: 0;}
.ws-board-list-box.type-CompleteWheelTire .list.acco-list .boardList:checked + .acco-box .acco-body{ border: 0;}

.ws-board-list-box.type-CompleteWheelService .list-body .colgroup{ width: auto; margin: 0; display: flex;}
.ws-board-list-box.type-CompleteWheelService .list-body .colgroup p{ width: auto; background-image: none; font-weight: 400; text-indent: 0;}
.ws-board-list-box.type-CompleteWheelService .list-body .colgroup.col1{ width: 112px;}
.ws-board-list-box.type-CompleteWheelService .list-body .colgroup.col2{ flex: 1;}
.ws-board-list-box.type-CompleteWheelService .list-body .colgroup.col3{ width: 256px;}
.ws-board-list-box.type-CompleteWheelService .list-body .colgroup.col4{ width: 208px; justify-content: flex-end;}
.ws-board-list-box.type-CompleteWheelService .list-body .sort-box .colgroup.col2{ margin-left: 112px; justify-content: flex-start;}
.ws-board-list-box.type-CompleteWheelService .list.acco-list .acco-head .colgroup.col2{ flex-direction: column; align-items: flex-start;}
.ws-board-list-box.type-CompleteWheelService .list.acco-list .acco-head .colgroup.col3{ justify-content: center;}
.ws-board-list-box.type-CompleteWheelService .list.acco-list .boardList:checked + .acco-box{ margin: 0 16px; border-bottom: 1px solid #ccc;}
.ws-board-list-box.type-CompleteWheelService .list.acco-list .boardList:checked + .acco-box::before{ width: auto; height: 95px; left: -20px; right: -20px;}
.ws-board-list-box.type-CompleteWheelService .list.acco-list .boardList:checked + .acco-box .acco-head{ margin: 0;}
.ws-board-list-box.type-CompleteWheelService .list.acco-list .boardList:checked + .acco-box .acco-body{ border: 0;}

.ws-board-list-box.type-CompleteWheelService2 .list-body .colgroup{ width: auto; margin: 0; display: flex;}
.ws-board-list-box.type-CompleteWheelService2 .list-body .colgroup p{ width: auto; background-image: none; font-weight: 400; text-indent: 0;}
.ws-board-list-box.type-CompleteWheelService2 .list-body .colgroup.col1{ flex: 1;}
.ws-board-list-box.type-CompleteWheelService2 .list-body .colgroup.col2{ width: 256px;}
.ws-board-list-box.type-CompleteWheelService2 .list-body .colgroup.col3{ width: 208px; justify-content: flex-end;}
.ws-board-list-box.type-CompleteWheelService2 .list-body .colgroup.col4{ width: 140px;}
.ws-board-list-box.type-CompleteWheelService2 .list-body .sort-box .colgroup.col1{ justify-content: flex-start;}
.ws-board-list-box.type-CompleteWheelService2 .list-body .sort-box .colgroup.col3{ margin-right: 140px;}
.ws-board-list-box.type-CompleteWheelService2 .list-body .sort-box .colgroup.col3,
.ws-board-list-box.type-CompleteWheelService2 .list.acco-list .acco-head .colgroup.col3{ padding-right: 30px; justify-content: flex-end;}
.ws-board-list-box.type-CompleteWheelService2 .list.acco-list .acco-head .colgroup.col1{ flex-direction: column; align-items: flex-start;}
.ws-board-list-box.type-CompleteWheelService2 .list.acco-list .acco-head .colgroup.col2{ justify-content: center;}
.ws-board-list-box.type-CompleteWheelService2 .list.acco-list .boardList:checked + .acco-box{ margin: 0 16px; border-bottom: 1px solid #ccc;}
.ws-board-list-box.type-CompleteWheelService2 .list.acco-list .boardList:checked + .acco-box::before{ width: auto; height: 95px; left: -20px; right: -20px;}
.ws-board-list-box.type-CompleteWheelService2 .list.acco-list .boardList:checked + .acco-box .acco-head{ margin: 0;}
.ws-board-list-box.type-CompleteWheelService2 .list.acco-list .boardList:checked + .acco-box .acco-body{ border: 0;}

.ws-board-list-box.type-CompleteWheelDet .list-body .box-foot{ display: none;}
.ws-board-list-box.type-CompleteWheelDet .list-body .list{ border-bottom: 1px solid #ccc; border-radius: 6px;}
.ws-board-list-box.type-CompleteWheelDet .list-body .acco-list-box:last-child .acco-box{ border-bottom: 0;}
.ws-board-list-box.type-CompleteWheelDet .list-body .acco-list-box:last-child .boardList:checked + .acco-box{ border-bottom: 0;}
.ws-board-list-box.type-CompleteWheelDet .list-body .colgroup{ width: auto; padding: 0 16px !important; margin: 0; display: flex;}
.ws-board-list-box.type-CompleteWheelDet .list-body .colgroup p{ width: auto; background-image: none; font-weight: 400; text-indent: 0;}
.ws-board-list-box.type-CompleteWheelDet .list-body .colgroup.col1{ flex: 1; justify-content: flex-start;}
.ws-board-list-box.type-CompleteWheelDet .list-body .colgroup.col2{ width: 208px;}
.ws-board-list-box.type-CompleteWheelDet .list-body .colgroup.col3{ width: 112px; justify-content: center !important;}
.ws-board-list-box.type-CompleteWheelDet .list-body .colgroup.col4{ width: 112px;}
.ws-board-list-box.type-CompleteWheelDet .list-body .colgroup.col5{ width: 144px;}
.ws-board-list-box.type-CompleteWheelDet .list.acco-list .acco-head{ min-height: auto; height: auto;}
.ws-board-list-box.type-CompleteWheelDet .list.acco-list .acco-head .colgroup.col1{ z-index: auto;}
.ws-board-list-box.type-CompleteWheelDet .list.acco-list .acco-head .colgroup.col1 p{ text-align: left; margin-right: 16px;}
.ws-board-list-box.type-CompleteWheelDet .list.acco-list .boardList:checked + .acco-box{ margin: 0 16px; border-bottom: 1px solid #ccc;}
.ws-board-list-box.type-CompleteWheelDet .list.acco-list .boardList:checked + .acco-box::before{ width: auto; height: 100%; left: -16px; right: -16px;}
.ws-board-list-box.type-CompleteWheelDet .list.acco-list .acco-list-box:first-child .boardList:checked + .acco-box::before{ border-radius: 6px 6px 0 0;}
.ws-board-list-box.type-CompleteWheelDet .list.acco-list .acco-list-box:last-child .boardList:checked + .acco-box::before{ border-radius: 0 0 6px 6px;}
.ws-board-list-box.type-CompleteWheelDet .list.acco-list .boardList:checked + .acco-box .acco-head{ margin: 0;}
.ws-board-list-box.type-CompleteWheelDet .list.acco-list .boardList:checked + .acco-box .acco-body{ border: 0;}

.ws-board-list-box.type-ShoppingCartMgt .list-body .box-foot{ display: none;}
.ws-board-list-box.type-ShoppingCartMgt .list-body .list{ border-bottom: 1px solid #ccc; border-radius: 6px;}
.ws-board-list-box.type-ShoppingCartMgt .list-body .acco-list-box:last-child .acco-box{ border-bottom: 0;}
.ws-board-list-box.type-ShoppingCartMgt .list-body .acco-list-box:last-child .boardList:checked + .acco-box{ border-bottom: 0;}
.ws-board-list-box.type-ShoppingCartMgt .list-body .colgroup{ width: auto; padding: 0 16px !important; margin: 0; display: flex;}
.ws-board-list-box.type-ShoppingCartMgt .list-body .colgroup p{ width: auto; background-image: none; font-weight: 400; text-indent: 0; margin: 5px 0;}
.ws-board-list-box.type-ShoppingCartMgt .list-body .colgroup.col1{ width: 51px;}
.ws-board-list-box.type-ShoppingCartMgt .list-body .colgroup.col2{ width: 80px; align-self: center;}
.ws-board-list-box.type-ShoppingCartMgt .list-body .colgroup.col3{ width: 124px; flex: none;}
.ws-board-list-box.type-ShoppingCartMgt .list-body .colgroup.col4{ flex: 1 !important;}
.ws-board-list-box.type-ShoppingCartMgt .list-body .colgroup.col5{ width: 112px;}
.ws-board-list-box.type-ShoppingCartMgt .list-body .colgroup.col6{ width: 112px;}
.ws-board-list-box.type-ShoppingCartMgt .list-body .colgroup.col7{ width: 176px;}
.ws-board-list-box.type-ShoppingCartMgt .list-body .colgroup.col8{ width: 172px;}
.ws-board-list-box.type-ShoppingCartMgt .list-body .sort-box .colgroup.col3{ margin-left: 131px;}
.ws-board-list-box.type-ShoppingCartMgt .list-body .sort-box .colgroup.col7{ margin-right: 136px;}
.ws-board-list-box.type-ShoppingCartMgt .list.acco-list + .list.acco-list{ margin-top: 16px;}
.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head{ min-height: auto; height: auto; flex-wrap: wrap; align-items: flex-start; z-index: auto;}
.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head:has(.delivery-info-box){ padding-bottom: 26px;}
.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head:hover::before{ height: 100%; z-index: 0;}
.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .colgroup{ z-index: 1;}
.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .colgroup.col2 img{ max-width: 72px; height: auto;}
.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .colgroup.col2 .ico{ width: 36px; height: 40px; background: no-repeat center top; background-size: contain;}
.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .colgroup.col2 .ico.ico-tire1{ background-image: url(../images/ico/ico-tire.png);}
.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .colgroup.col2 .ico.ico-tire2{ background-image: url(../images/ico/ico-tire2.png);}
.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .colgroup.col2 .ico.ico-brakePad{ background-image: url(../images/ico/ico-brakePad.png);}
.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .colgroup.col2 .ico.ico-service{ background-image: url(../images/ico/ico-service.png);}
.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .colgroup.col3{ flex: none;}
.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .colgroup.col4{ text-align: left; align-items: flex-start; justify-content: flex-start;}
.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .colgroup.col4 .acco-box{ margin: 0; border-bottom: 0;}
.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .colgroup.col4 .acco-box .acco-btn{ width: auto; height: auto; text-indent: 0; position: absolute; top: 5px; right: 0; bottom: auto; left: auto; cursor: default;}
.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .colgroup.col4 .acco-box > .acco-btn .txt-btn{ color: #009ae1; line-height: 24px; padding: 0 22px 0 0;}
.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .colgroup.col4 .acco-box > .acco-btn .txt-btn::after{ margin-top: -6px; right: 6px;}
.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .colgroup.col4 .acco-box > .acco-con{ padding: 0; margin: 0; position: relative;}
.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .colgroup.col4 .acco-box > .acco-con .input1{ width: 100%;}
.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .colgroup.col4 .acco-box > .acco-con .detail + .input1{ margin: 8px 0;}
.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .colgroup.col4 .acco-box > .acco-con .detail + .wheel-form{ margin: 8px 0;}
.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .colgroup.col4 .acco-box > .acco-con .wheel-form{ display: flex;}
.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .colgroup.col4 .acco-box > .acco-con .wheel-form > *{ flex: 1;}
.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .colgroup.col4 .acco-box > .acco-con .wheel-form > * + *{ margin-left: 8px;}
.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .colgroup.col4 .acco-box.active{ position: static;}
.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .colgroup.col4 .acco-box.active::before{ display: none;}
.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .colgroup.col4 .acco-box.active > .acco-btn .txt-btn::before{ display: none;}
.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .colgroup.col4 .acco-box.active > .acco-btn .txt-btn::after{ margin-top: -3px;}
.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .colgroup.col8{ display: flex; justify-content: flex-end;}
.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .colgroup.detail-list-box .detail-list-row{ padding: 0;}
.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .colgroup.detail-list-box .detail-list-row + .detail-list-row{ padding-top: 10px;}
.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .colgroup.detail-list-box .detail-list-row .tit,
.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .colgroup.detail-list-box .detail-list-row .txt{ margin: 0;}
.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .logo{ margin: 0;}
.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head [class*="btn-"]{ width: 32px; height: 32px; background: no-repeat center center #555; text-indent: -9999px; display: inline-block; border: 1px solid #333; border-radius: 2px;}
.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head [class*="btn-"] + [class*="btn-"]{ margin-left: 4px;}
.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head [class*="btn-"]:hover{ background-color: #444;}
.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .btn-edit{ background-image: url(../images/ico/ico-write.png);}
.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .btn-del{ background-image: url(../images/ico/ico-del3.png);}
.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .btn-cart{ background-image: url(../images/ico/ico-util7.png);}
.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .btn-reset{ background-image: url(../images/ico/ico-reset2.png);}
.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .preis{ line-height: 32px; margin: 0;}
.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .info{ width: 100%; padding-right: 0; position: relative;}
.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .brand{ line-height: 32px;}
.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .info .tit{ font-weight: 700; font-size: 14px; color: #555; line-height: 16px; padding: 4px 0;}
.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .info .txt{ font-size: 13px; line-height: 16px;}
.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .info .txt.highlight{ font-weight: 600; color: #f47920; position: relative;}
.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .info .txt.highlight::before{ height: 100%; content: ''; position: absolute; top: 0; left: -5px; right: 5px;}
.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .info .detail{ display: flex; flex-wrap: wrap;}
.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .info .detail .txt{ width: calc((100% - 24px) / 4); margin: 0;}
.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .info .detail .txt + .txt{ margin-left: 8px;}
.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .info .detail .txt:nth-child(4n+1){ margin-left: 0;}
.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .info .detail .txt:nth-child(n+5){ margin-top: 4px;}
.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .info .tit + .detail{ margin-top: 8px;}
.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .info .detail + .acco-box{ margin: 12px 0 0 0;}
.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .info.type-col {padding-right: 0; padding-top: 0;}
.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .info.type-col .acco-box,
.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .colgroup.col4 .info.type-col .acco-box {width: 100%;}
.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .info.type-col .acco-box .acco-btn,
.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .colgroup.col4 .info.type-col .acco-box .acco-btn {   position: relative; width: 100%; text-align: right; top: auto;}
.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .spinner input{ font-size: 13px;}
.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .txt-express{ width: 100%; background-image: none !important; padding: 0; display: inline-flex; justify-content: flex-end; position: relative; z-index: 1;}
.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .txt-express::before{ width: 18px; height: 24px; background: url(../images/ico/ico-map.png) no-repeat left center; content: '';}
.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .not{ width: 100%; font-weight: 500; font-size: 11px; color: #999; text-align: right; line-height: 16px; display: flex; justify-content: flex-end;}
.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .delivery-info-box{ width: 100%; padding-left: 272px; position: absolute; bottom: 10px; left: 0;}
.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .delivery-info-box{ display: flex; align-items: flex-end;}
.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .delivery-info-box .delivery{ max-width: 574px; display: flex; flex-direction: column;}
.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .delivery-info-box .express{ background: url(../../front/images/ico/ico-express.png) no-repeat 10px top; font-weight: 500; font-size: 13px; color: #666; line-height: 16px; padding: 0 0 0 32px; margin: 0 0 0 6px; border-left: 1px solid #BEBDBD; flex: 1; position: relative;}
.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .tool-box{ position: relative;}
.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .tool-box .tool-btn{ width: 100%; background: url(../../front/images/ico/ico-delivery.png) no-repeat left top; font-weight: 500; font-size: 13px; color: #666; line-height: 16px; padding: 0 0 0 25px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .tool-box .tool-con{ width: 100%; background-color: #F9F8F8; padding: 6px 10px; display: none; border: 1px solid #BEBDBD; border-radius: 10px; position: absolute; top: 16px; left: 25px; z-index: 2;}
.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .tool-box .tool-close{ width: 24px; height: 24px; background: url(../../front/images/ico/ico-popup-close2.png) no-repeat center center #333; background-size: 10px auto; text-indent: -9999px; display: inline-block; border-radius: 20px; position: absolute; top: -10px; right: -10px;}
.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .tool-box.active .tool-con{ display: flex;}
.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-list-box:last-child .tool-box .tool-con{ top: auto; bottom: 16px;}
.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .info.type-col .acco-con,
.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .bookmark-detail{ display: flex;}
.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .info.type-col .acco-con .input1,
.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .bookmark-detail .input1{ width: auto; flex: 1;}
.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .info.type-col .acco-con .btn-type1,
.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .bookmark-detail .btn-type1{ width: auto; font-size: 11px; color: #fff; text-indent: 0; line-height: 13px; padding: 0 16px; display: flex; align-items: center; justify-content: center;}
.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .info.type-col .acco-con > * + *,
.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .bookmark-detail > * + *{ margin-left: 8px;}
.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .detail + .bookmark-detail{ margin: 5px 0 0 0;}
.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .bookmark-detail .wheel-form{ flex: 1;}
.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .set-list-box{ flex-wrap: wrap; position: relative;}
.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .set-list-box .delivery-info-box{ width: 100%; padding-left: 130px;}
.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .set-list-box ~ .acco-list-box .colgroup.col5{ display: none;}
.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-list-box.error-stock .info .tit,
.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-list-box.error-stock .spinner input,
.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-list-box.error-stock .colgroup > .txt,
.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-list-box.error-stock .colgroup > .preis{ color: #ff0000;}
.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-list-box.error-stock .info .tit{ background: url(../../front/images/ico/ico-error-stock.png) no-repeat left 4px; padding-left: 22px; margin: 0 0 8px 0;}
.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-list-box.error-stock[data-errorstock]:hover::before,
.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-list-box.error-stock.tooltipShow::before{ background-color: #444; font-size: 14px; color: #fff; line-height: 16px; padding: 10px 15px; content: attr(data-errorstock); border-radius: 6px; position: absolute; left: 288px; top: -25px; z-index: 9; max-width: 420px; white-space: normal; pointer-events: none;}


.ws-board-list-box.type-ShoppingCartMgt2 .list-body{ background-color: #e1e2e3; border: 1px solid #dfdfdf; border-radius: 6px; overflow: hidden;}
.ws-board-list-box.type-ShoppingCartMgt2 .list-body .box-foot{ display: none;}
.ws-board-list-box.type-ShoppingCartMgt2 .list-body .list{ border-bottom: 1px solid #ccc; border-radius: 0;}
.ws-board-list-box.type-ShoppingCartMgt2 .list-body .acco-list-box:first-child .acco-box{ border-top: 0;}
.ws-board-list-box.type-ShoppingCartMgt2 .list-body .acco-list-box:last-child .acco-box{ border-bottom: 0;}
.ws-board-list-box.type-ShoppingCartMgt2 .list-body .acco-list-box:last-child .boardList:checked + .acco-box{ border-bottom: 0;}
.ws-board-list-box.type-ShoppingCartMgt2 .list-body .colgroup{ width: auto; color: #fff; padding: 0 16px !important; margin: 0; display: flex;}
.ws-board-list-box.type-ShoppingCartMgt2 .list-body .colgroup p{ width: auto; background-image: none; font-weight: 400; text-indent: 0;}
.ws-board-list-box.type-ShoppingCartMgt2 .list-body .colgroup.col1{ flex: 1;}
.ws-board-list-box.type-ShoppingCartMgt2 .list-body .colgroup.col2{ width: 112px; flex: none;}
.ws-board-list-box.type-ShoppingCartMgt2 .list-body .colgroup.col3{ width: 128px; flex: none;}
.ws-board-list-box.type-ShoppingCartMgt2 .list-body .colgroup.col4{ width: 192px; flex: none;}
.ws-board-list-box.type-ShoppingCartMgt2 .list.acco-list{ background-color: #f1f1f1; border: 0; border-top: 1px solid #dfdfdf;}
.ws-board-list-box.type-ShoppingCartMgt2 .list.acco-list + .list.acco-list{ margin-top: 16px;}
.ws-board-list-box.type-ShoppingCartMgt2 .list.acco-list .acco-head{ min-height: auto; height: auto; padding: 24px 0;}
.ws-board-list-box.type-ShoppingCartMgt2 .list.acco-list .acco-head:hover::before{ display: none;}
.ws-board-list-box.type-ShoppingCartMgt2 .list.acco-list .acco-head .tit,
.ws-board-list-box.type-ShoppingCartMgt2 .list.acco-list .acco-head .txt,
.ws-board-list-box.type-ShoppingCartMgt2 .list.acco-list .acco-head .preis{ color: #000;}
.ws-board-list-box.type-ShoppingCartMgt2 .list.acco-list .acco-head .info{ width: 100%;}
.ws-board-list-box.type-ShoppingCartMgt2 .list.acco-list .acco-head .info .tit{ font-size: 14px; line-height: 18px;}
.ws-board-list-box.type-ShoppingCartMgt2 .list.acco-list .acco-box{ border-top: 1px solid #ccc; border-bottom: 1px solid #dfdfdf;}
.ws-board-list-box.type-ShoppingCartMgt2 .list.acco-list .colgroup.col1{ justify-content: flex-start;}
.ws-board-list-box.type-ShoppingCartMgt2 .list.acco-list .colgroup.col3,
.ws-board-list-box.type-ShoppingCartMgt2 .list.acco-list .colgroup.col4{ justify-content: flex-end;}

.ws-board-list-box.type-Dienstleistungen .list-body{ background-color: #e1e2e3; border: 1px solid #dfdfdf; border-radius: 6px; overflow: hidden;}
.ws-board-list-box.type-Dienstleistungen .list-body .box-foot{ display: none;}
.ws-board-list-box.type-Dienstleistungen .list-body .list{ border-bottom: 1px solid #ccc; border-radius: 0;}
.ws-board-list-box.type-Dienstleistungen .list-body .acco-list-box:last-child .acco-box{ border-bottom: 0;}
.ws-board-list-box.type-Dienstleistungen .list-body .acco-list-box:last-child .boardList:checked + .acco-box{ border-bottom: 0;}
.ws-board-list-box.type-Dienstleistungen .list-body .colgroup{ width: auto; color: #fff; padding: 0 16px !important; margin: 0; display: flex; flex: none;}
.ws-board-list-box.type-Dienstleistungen .list-body .colgroup p{ width: auto; background-image: none; font-weight: 400; text-indent: 0;}
.ws-board-list-box.type-Dienstleistungen .list-body .colgroup.col1{ flex: 1;}
.ws-board-list-box.type-Dienstleistungen .list-body .colgroup.col2{ width: 200px;}
.ws-board-list-box.type-Dienstleistungen .list-body .colgroup.col3{ width: 130px;}
.ws-board-list-box.type-Dienstleistungen .list-body .colgroup.col4{ width: 130px;}
.ws-board-list-box.type-Dienstleistungen .list-body .colgroup.col5{ width: 200px;}
.ws-board-list-box.type-Dienstleistungen .list-body .colgroup.col6{ width: 80px;}
.ws-board-list-box.type-Dienstleistungen .list-body .sort-box .colgroup.col5{ margin-right: 80px;}
.ws-board-list-box.type-Dienstleistungen .list-body .sort-box .colgroup p{ background-color: #f1f1f1; color: #333; border-color: #ccc;}
.ws-board-list-box.type-Dienstleistungen .list.acco-list{ background-color: #f1f1f1; border: 0; border-top: 1px solid #dfdfdf;}
.ws-board-list-box.type-Dienstleistungen .list.acco-list + .list.acco-list{ margin-top: 16px;}
.ws-board-list-box.type-Dienstleistungen .list.acco-list .acco-head{ min-height: auto; height: auto; padding: 24px 0;}
.ws-board-list-box.type-Dienstleistungen .list.acco-list .acco-head:hover::before{ display: none;}
.ws-board-list-box.type-Dienstleistungen .list.acco-list .acco-head [class*="btn-"]{ width: 32px; height: 32px; background: no-repeat center center #444; text-indent: -9999px; display: inline-block; border: 1px solid #333; border-radius: 2px;}
.ws-board-list-box.type-Dienstleistungen .list.acco-list .acco-head [class*="btn-"] + [class*="btn-"]{ margin-left: 4px;}
.ws-board-list-box.type-Dienstleistungen .list.acco-list .acco-head [class*="btn-"]:hover{ background-color: #333;}
.ws-board-list-box.type-Dienstleistungen .list.acco-list .acco-head .btn-edit{ background-image: url(../images/ico/ico-write.png);}
.ws-board-list-box.type-Dienstleistungen .list.acco-list .acco-head .btn-del{ background-image: url(../images/ico/ico-del3.png);}
.ws-board-list-box.type-Dienstleistungen .list.acco-list .acco-head .btn-cart{ background-image: url(../images/ico/ico-util7.png);}
.ws-board-list-box.type-Dienstleistungen .list.acco-list .acco-head .tit,
.ws-board-list-box.type-Dienstleistungen .list.acco-list .acco-head .txt,
.ws-board-list-box.type-Dienstleistungen .list.acco-list .acco-head .preis{ color: #000;}
.ws-board-list-box.type-Dienstleistungen .list.acco-list .acco-head .info{ width: 100%;}
.ws-board-list-box.type-Dienstleistungen .list.acco-list .acco-head .info .tit{ font-size: 14px; line-height: 18px;}
.ws-board-list-box.type-Dienstleistungen .list.acco-list .ui-spinner a.ui-spinner-button{ background-color: #eee;}
.ws-board-list-box.type-Dienstleistungen .list.acco-list .ui-spinner a.ui-spinner-button.ui-state-hover{ background-color: #ccc;}
.ws-board-list-box.type-Dienstleistungen .list.acco-list .colgroup.col1{ justify-content: flex-start;}
.ws-board-list-box.type-Dienstleistungen .list.acco-list .colgroup.col4,
.ws-board-list-box.type-Dienstleistungen .list.acco-list .colgroup.col5{ justify-content: flex-end;}
.ws-board-list-box.type-Dienstleistungen .list.acco-list .colgroup.col6{ justify-content: flex-end;}
.ws-board-list-box.type-Dienstleistungen .btn{ background-color: #f1f1f1; text-align: right; padding: 8px 32px 16px 32px; display: inline-block;}
.ws-board-list-box.type-Dienstleistungen .btn [class*="btn-"]{ width: auto; height: 32px; background-color: #444; font-size: 11px; color: #000; line-height: 13px; padding: 0 16px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #333; border-radius: 2px;}
.ws-board-list-box.type-Dienstleistungen .btn .btn-type1{ background-color: #444; color: #fff;}
.ws-board-list-box.type-Dienstleistungen .btn .btn-type1:hover{ background-color: #333;}

.ws-board-list-box.type-TireSelectMotorcycle .list-body .colgroup.col4{ width: 56px !important;}
.ws-board-list-box.type-TireSelectMotorcycle .list-body .colgroup.col7{ display: none;}
.ws-board-list-box.type-TireSelectMotorcycle .list-body .colgroup.col8{ width: 100px !important; display: flex !important;}
.ws-board-list-box.type-TireSelectMotorcycle .list-body .colgroup.col10{ width: 80px !important;}
.ws-board-list-box.type-TireSelectMotorcycle .list-body .colgroup.col11{ width: 56px !important;}
.ws-board-list-box.type-TireSelectMotorcycle .list-body .sort-box .colgroup.col4 p{ width: auto;}
.ws-board-list-box.type-TireSelectMotorcycle .list-body .sort-box .colgroup.col9{ margin-right: 136px;}
.ws-board-list-box.type-TireSelectMotorcycle .list.acco-list .acco-head [class*="btn-"]{ width: 24px; height: 24px; background: no-repeat center center #444; text-indent: -9999px; display: inline-block; border: 1px solid #333; border-radius: 2px;}
.ws-board-list-box.type-TireSelectMotorcycle .list.acco-list .acco-head .btn-down{ background: no-repeat center center transparent; background-size: contain; border: 0;}
.ws-board-list-box.type-TireSelectMotorcycle .list.acco-list .acco-head .btn-down.ico-pdf{ background-image: url(../images/ico-file-pdf.png);}
.ws-board-list-box.type-TireSelectMotorcycle .list.acco-list .acco-list-box:last-child .acco-head:hover::before{ border-radius: 0;}
/* .ws-board-list-box.type-TireSelectMotorcycle .list.acco-list .acco-list-box:nth-child(4n+3),
.ws-board-list-box.type-TireSelectMotorcycle .list.acco-list .acco-list-box:nth-child(4n+4){ background-color: #f5f5f5;} */
.ws-board-list-box.type-TireSelectMotorcycle .list.acco-list .acco-list-box:nth-child(2n+1) .acco-box{ border-bottom: 0;}
.ws-board-list-box.type-TireSelectMotorcycle .list.acco-list .acco-list-box:nth-child(2n+1) .acco-box::after{ height: 1px; background-color: #ccc; content: ''; position: absolute; right: 72px; bottom: 0; left: 16px; z-index: 1;}
.ws-board-list-box.type-TireSelectMotorcycle .list.acco-list .acco-list-box:nth-child(2n+1) .boardList:checked + .acco-box::after{ display: none;}
.ws-board-list-box.type-TireSelectMotorcycle .list.acco-list .colgroup.col11{ position: relative;}
.ws-board-list-box.type-TireSelectMotorcycle .list.acco-list .colgroup.col11 .btn-down{ position: absolute; top: -20px; right: 0}

.ws-board-list-box.type-ServiceAdd .box-head{ height: auto;}
.ws-board-list-box.type-ServiceAdd .box-head .btn-ix[class*="type"]{ height: 32px; font-size: 11px; padding: 0 16px;}
.ws-board-list-box.type-ServiceAdd .list-body{ margin: 8px 0 0 0;}
.ws-board-list-box.type-ServiceAdd .list-body .list{ border-bottom: 1px solid #ccc; border-radius: 6px;}
.ws-board-list-box.type-ServiceAdd .list-body .acco-list-box:last-child .acco-box{ border-bottom: 0;}
.ws-board-list-box.type-ServiceAdd .list-body .acco-list-box:last-child .boardList:checked + .acco-box{ border-bottom: 0;}
.ws-board-list-box.type-ServiceAdd .list-body .colgroup{ width: auto; padding: 0 16px !important; margin: 0; display: flex;}
.ws-board-list-box.type-ServiceAdd .list-body .colgroup p{ width: auto; background-image: none; font-weight: 400; text-indent: 0;}
.ws-board-list-box.type-ServiceAdd .list-body .colgroup.col1{ width: 51px; padding-right: 0 !important;}
.ws-board-list-box.type-ServiceAdd .list-body .colgroup.col2{ width: auto; flex: 1;}
.ws-board-list-box.type-ServiceAdd .list-body .colgroup.col3{ width: 112px;}
.ws-board-list-box.type-ServiceAdd .list-body .colgroup.col4{ width: 112px;}
.ws-board-list-box.type-ServiceAdd .list-body .colgroup.col5{ width: 112px;}
.ws-board-list-box.type-ServiceAdd .list-body .colgroup.col6{ width: 112px;}
.ws-board-list-box.type-ServiceAdd .list.acco-list .acco-head{ min-height: auto; height: auto; padding: 5px 0;}
.ws-board-list-box.type-ServiceAdd .list.acco-list .acco-head:hover::before{ height: 100%;}
.ws-board-list-box.type-ServiceAdd .list.acco-list .acco-head .input1{ width: 100%; position: relative;}
.ws-board-list-box.type-ServiceAdd .list.acco-list .acco-head .price{ text-align: right;}
.ws-board-list-box.type-ServiceAdd .list.acco-list .acco-head .colgroup.col2{ text-align: left; justify-content: flex-start;}
.ws-board-list-box.type-ServiceAdd .list.acco-list .acco-head .colgroup.col5 .input1{ text-align: right; margin-right: 4px;}

.ws-board-list-box.type-ServiceMgt .box-head{ height: auto;}
.ws-board-list-box.type-ServiceMgt .box-head .service-txt{ width: 100%; background-color: #f1f1f1; padding: 8px 16px;}
.ws-board-list-box.type-ServiceMgt .list-body{ margin: 0;}
.ws-board-list-box.type-ServiceMgt .list-body .list{ border-bottom: 1px solid #ccc; border-radius: 6px;}
.ws-board-list-box.type-ServiceMgt .list-body .acco-list-box:last-child .acco-box{ border-bottom: 0;}
.ws-board-list-box.type-ServiceMgt .list-body .acco-list-box:last-child .boardList:checked + .acco-box{ border-bottom: 0;}
.ws-board-list-box.type-ServiceMgt .list-body .colgroup{ width: auto; margin: 0; display: flex;}
.ws-board-list-box.type-ServiceMgt .list-body .colgroup p{ width: auto; background-image: none; font-weight: 400; text-indent: 0;}
.ws-board-list-box.type-ServiceMgt .list-body .colgroup.col1{ width: 51px; padding-right: 0 !important;}
.ws-board-list-box.type-ServiceMgt .list-body .colgroup.col2{ width: auto; flex: 1;}
.ws-board-list-box.type-ServiceMgt .list-body .colgroup.col3{ width: 112px;}
.ws-board-list-box.type-ServiceMgt .list-body .colgroup.col4{ width: 144px;}
.ws-board-list-box.type-ServiceMgt .list.acco-list .acco-head{ min-height: auto; height: auto; padding: 16px 0;}
.ws-board-list-box.type-ServiceMgt .list.acco-list .acco-head:hover::before{ height: 100%;}
.ws-board-list-box.type-ServiceMgt .list.acco-list .acco-head .colgroup.col2{ text-align: left; justify-content: flex-start;}
.ws-board-list-box.type-ServiceMgt .list.acco-list .acco-head .colgroup.col4{ justify-content: flex-end;}

.ws-board-list-box.type-QuoteMgt .box-head{ height: auto;}
.ws-board-list-box.type-QuoteMgt .list-search{ background-color: #f1f1f1; padding: 16px; margin: 8px 0 0 0; display: flex; border: 1px solid #ccc; border-radius: 6px; overflow: hidden;}
.ws-board-list-box.type-QuoteMgt .list-search:hover{ border-color: #009ae1;}
.ws-board-list-box.type-QuoteMgt .list-search input{ height: 40px; font-size: 13px; text-align: left; line-height: 24px; padding: 8px 8px 8px 16px; flex: 1; border-radius: 6px 0 0 6px;}
.ws-board-list-box.type-QuoteMgt .list-search a{ width: 40px; height: 40px; background: url(../../front/images/ico/ico-search.png) no-repeat center center #fff; text-indent: -9999px; padding: 0; margin: 0; display: inline-block; border-radius: 0 6px 6px 0;}
.ws-board-list-box.type-QuoteMgt .list-body{ margin: 16px 0 0 0;}
.ws-board-list-box.type-QuoteMgt .list-body .acco-list-box:last-child .boardList:checked + .acco-box{ border-bottom: 0;}
.ws-board-list-box.type-QuoteMgt .list-body .colgroup{ width: auto; padding: 0 16px !important; margin: 0; display: flex;}
.ws-board-list-box.type-QuoteMgt .list-body .colgroup p{ width: auto; background-image: none; font-weight: 400; text-indent: 0;}
.ws-board-list-box.type-QuoteMgt .list-body .colgroup.col1{ width: 192px;}
.ws-board-list-box.type-QuoteMgt .list-body .colgroup.col2{ flex: 1;}
.ws-board-list-box.type-QuoteMgt .list-body .colgroup.col3{ width: 240px;}
.ws-board-list-box.type-QuoteMgt .list-body .colgroup.col4{ width: 240px;}
.ws-board-list-box.type-QuoteMgt .list-body .colgroup.col5{ width: 112px;}
.ws-board-list-box.type-QuoteMgt .list-body .colgroup.col6{ width: 112px;}
.ws-board-list-box.type-QuoteMgt .list-body .colgroup.col7{ width: 170px;}
.ws-board-list-box.type-QuoteMgt .list-body .sort-box .colgroup.col6{ margin-right: 112px;}
.ws-board-list-box.type-QuoteMgt .acco-list .acco-head{ height: 64px;}
.ws-board-list-box.type-QuoteMgt .acco-list .acco-head .colgroup{ text-align: left; justify-content: flex-start !important;}
.ws-board-list-box.type-QuoteMgt .acco-list .acco-head:hover::before{ height: 100%;}

.ws-board-list-box.type-QuoteMgt2 .box-head{ height: auto;}
.ws-board-list-box.type-QuoteMgt2 .list-search{ background-color: #f1f1f1; padding: 16px; margin: 8px 0 0 0; display: flex; border: 1px solid #ccc; border-radius: 6px; overflow: hidden;}
.ws-board-list-box.type-QuoteMgt2 .list-search:hover{ border-color: #009ae1;}
.ws-board-list-box.type-QuoteMgt2 .list-search input{ height: 40px; font-size: 13px; text-align: left; line-height: 24px; padding: 8px 8px 8px 16px; flex: 1; border-radius: 6px 0 0 6px;}
.ws-board-list-box.type-QuoteMgt2 .list-search a{ width: 40px; height: 40px; background: url(../../front/images/ico/ico-search.png) no-repeat center center #fff; text-indent: -9999px; padding: 0; margin: 0; display: inline-block; border-radius: 0 6px 6px 0;}
.ws-board-list-box.type-QuoteMgt2 .list-body{ margin: 16px 0 0 0;}
.ws-board-list-box.type-QuoteMgt2 .list-body .acco-list-box:last-child .boardList:checked + .acco-box{ border-bottom: 0;}
.ws-board-list-box.type-QuoteMgt2 .list-body .colgroup{ width: auto; padding: 0 16px !important; margin: 0; display: flex;}
.ws-board-list-box.type-QuoteMgt2 .list-body .colgroup p{ width: auto; background-image: none; font-weight: 400; text-indent: 0;}
.ws-board-list-box.type-QuoteMgt2 .list-body .colgroup.col1{ width: 192px;}
.ws-board-list-box.type-QuoteMgt2 .list-body .colgroup.col2{ flex: 1;}
.ws-board-list-box.type-QuoteMgt2 .list-body .colgroup.col3{ width: 240px;}
.ws-board-list-box.type-QuoteMgt2 .list-body .colgroup.col4{ width: 240px;}
.ws-board-list-box.type-QuoteMgt2 .list-body .colgroup.col5{ width: 112px;}
.ws-board-list-box.type-QuoteMgt2 .list-body .colgroup.col6{ width: 112px;}
.ws-board-list-box.type-QuoteMgt2 .list-body .colgroup.col7{ width: 112px;}
.ws-board-list-box.type-QuoteMgt2 .list-body .sort-box .colgroup.col6{ margin-right: 112px;}
.ws-board-list-box.type-QuoteMgt2 .acco-list .acco-head{ height: 64px;}
.ws-board-list-box.type-QuoteMgt2 .acco-list .acco-head .colgroup{ text-align: left; justify-content: center !important;}
.ws-board-list-box.type-QuoteMgt2 .acco-list .acco-head:hover::before{ height: 100%;}

.ws-board-list-box.type-QuoteList .box-head{ height: auto;}
.ws-board-list-box.type-QuoteList .list-search{ background-color: #f1f1f1; padding: 16px; margin: 0; display: flex; border: 1px solid #ccc; border-radius: 6px; overflow: hidden;}
.ws-board-list-box.type-QuoteList .list-search:hover{ border-color: #009ae1;}
.ws-board-list-box.type-QuoteList .list-search input{ height: 40px; font-size: 13px; text-align: left; line-height: 24px; padding: 8px 8px 8px 16px; flex: 1; border-radius: 6px 0 0 6px;}
.ws-board-list-box.type-QuoteList .list-search a{ width: 40px; height: 40px; background: url(../../front/images/ico/ico-search.png) no-repeat center center #fff; text-indent: -9999px; padding: 0; margin: 0; display: inline-block; border-radius: 0 6px 6px 0;}
.ws-board-list-box.type-QuoteList .list-body{ margin: 16px 0 0 0;}
.ws-board-list-box.type-QuoteList .list-body .acco-list-box:last-child .boardList:checked + .acco-box{ border-bottom: 0;}
.ws-board-list-box.type-QuoteList .list-body .colgroup{ width: auto; padding: 0 16px !important; margin: 0; display: flex;}
.ws-board-list-box.type-QuoteList .list-body .colgroup p{ width: auto; background-image: none; font-weight: 400; text-indent: 0;}
.ws-board-list-box.type-QuoteList .list-body .colgroup.col1{ width: 160px;}
.ws-board-list-box.type-QuoteList .list-body .colgroup.col2{ flex: 1;}
.ws-board-list-box.type-QuoteList .list-body .colgroup.col3{ flex: 1;}
.ws-board-list-box.type-QuoteList .list-body .colgroup.col4{ width: 160px;}
.ws-board-list-box.type-QuoteList .list-body .sort-box .colgroup.col3{ margin-right: 160px;}
.ws-board-list-box.type-QuoteList .acco-list .acco-head{ height: 64px;}
.ws-board-list-box.type-QuoteList .acco-list .acco-head:hover::before{ height: 100%;}

.ws-board-list-box.type-OrderHisList .box-head{ height: auto;}
.ws-board-list-box.type-OrderHisList .list-search{ background-color: #f1f1f1; padding: 16px; margin: 0; display: flex; border: 1px solid #ccc; border-radius: 6px; overflow: hidden;}
.ws-board-list-box.type-OrderHisList .list-search:hover{ border-color: #009ae1;}
.ws-board-list-box.type-OrderHisList .list-search input{ height: 40px; font-size: 13px; text-align: left; line-height: 24px; padding: 8px 8px 8px 16px; flex: 1; border-radius: 6px 0 0 6px;}
.ws-board-list-box.type-OrderHisList .list-search a{ width: 40px; height: 40px; background: url(../../front/images/ico/ico-search.png) no-repeat center center #fff; text-indent: -9999px; padding: 0; margin: 0; display: inline-block; border-radius: 0 6px 6px 0;}
.ws-board-list-box.type-OrderHisList .list-body{ margin: 16px 0 0 0;}
.ws-board-list-box.type-OrderHisList .list-body .acco-list-box:last-child .boardList:checked + .acco-box{ border-bottom: 0;}
.ws-board-list-box.type-OrderHisList .list-body .colgroup{ width: auto; margin: 0; display: flex !important; flex: 1;}
.ws-board-list-box.type-OrderHisList .list-body .colgroup p{ width: auto; background-image: none; font-weight: 400; text-indent: 0;}
.ws-board-list-box.type-OrderHisList .list-body .colgroup.col1{ width: 160px; flex: none;}
.ws-board-list-box.type-OrderHisList .list-body .colgroup.col7{ width: 160px; flex: none;}
.ws-board-list-box.type-OrderHisList .list-body .colgroup.col8{ width: 160px; flex: none;}
.ws-board-list-box.type-OrderHisList .acco-list .acco-head:hover::before{ height: 100%;}
.ws-board-list-box.type-OrderHisList .acco-list .colgroup.col8 .tooltip-box{ width: 24px; height: 24px;}
.ws-board-list-box.type-OrderHisList .acco-list .colgroup.col8 .tooltip-box .tool-btn{ width: 24px; height: 24px; background-image: url(../images/ico/ico-document.png);}
.ws-board-list-box.type-OrderHisList .acco-list .colgroup.col8 .tooltip-box .tool-btn:hover{ background-color: #fff;}
.ws-board-list-box.type-OrderHisList .acco-list .colgroup.col8 .tooltip-box .tool-con{ width: 320px; top: 50%; right: 18px; transform: translateY(-50%);}
.ws-board-list-box.type-OrderHisList .acco-list .colgroup.col8 .tooltip-box .tool-con p{ font-size: 13px; line-height: 16px; white-space: normal;}
.ws-board-list-box.type-OrderHisList .acco-list .colgroup.col8 .tooltip-box .tool-con .tool-close{ width: 24px; height: 24px; background: url(../images/ico/ico-popup-close3.png) no-repeat center center #fff; margin: -15px 0 0 0; top: 50%; right: -22px;}
.ws-board-list-box.type-OrderHisList .acco-list .colgroup.col8 .tooltip-box .tool-con .tool-close::before,
.ws-board-list-box.type-OrderHisList .acco-list .colgroup.col8 .tooltip-box .tool-con .tool-close::after{ display: none;}
.ws-board-list-box.type-OrderHisList .acco-list .colgroup.col8 .tooltip-box.active .tool-btn{ display: none;}

.ws-board-list-box.type-OrderHisList2 .box-head{ height: auto;}
.ws-board-list-box.type-OrderHisList2 .list-search{ background-color: #f1f1f1; padding: 16px; margin: 0; display: flex; border: 1px solid #ccc; border-radius: 6px; overflow: hidden;}
.ws-board-list-box.type-OrderHisList2 .list-search:hover{ border-color: #009ae1;}
.ws-board-list-box.type-OrderHisList2 .list-search input{ height: 40px; font-size: 13px; text-align: left; line-height: 24px; padding: 8px 8px 8px 16px; flex: 1; border-radius: 6px 0 0 6px;}
.ws-board-list-box.type-OrderHisList2 .list-search a{ width: 40px; height: 40px; background: url(../../front/images/ico/ico-search.png) no-repeat center center #fff; text-indent: -9999px; padding: 0; margin: 0; display: inline-block; border-radius: 0 6px 6px 0;}
.ws-board-list-box.type-OrderHisList2 .list-body{ margin: 16px 0 0 0;}
.ws-board-list-box.type-OrderHisList2 .list-body .acco-list-box:last-child .boardList:checked + .acco-box{ border-bottom: 0;}
.ws-board-list-box.type-OrderHisList2 .list-body .colgroup{ width: auto; margin: 0; display: flex !important; flex: 1;}
.ws-board-list-box.type-OrderHisList2 .list-body .colgroup p{ width: auto; background-image: none; font-weight: 400; text-indent: 0;}
.ws-board-list-box.type-OrderHisList2 .list-body .colgroup.col1{ width: auto; flex: 1;}
.ws-board-list-box.type-OrderHisList2 .acco-list .acco-head{ height: auto;}
.ws-board-list-box.type-OrderHisList2 .acco-list .acco-head:hover::before{ height: 100%;}
.ws-board-list-box.type-OrderHisList2 .acco-list .acco-head .colgroup{ justify-content: center !important;}
.ws-board-list-box.type-OrderHisList2 .acco-list .acco-head .btn-down{ width: 160px; background: no-repeat 10px center #fff; font-size: 14px; text-align: center; line-height: 16px; padding: 4px 10px 4px 30px; display: inline-block; border: 1px solid #ccc; border-radius: 12px;}
.ws-board-list-box.type-OrderHisList2 .acco-list .acco-head .btn-down.ico-pdf{ background-image: url(../images/ico-file-pdf.png); background-size: auto 14px;}
.ws-board-list-box.type-OrderHisList2 .acco-list .acco-head .btn-down:hover{ text-decoration: underline;}
.ws-board-list-box.type-OrderHisList2 .acco-list .acco-head .btn-order{ width: 24px; height: 24px; background: no-repeat center center ; text-indent: -9999px; display: inline-block;}
.ws-board-list-box.type-OrderHisList2 .acco-list .acco-head .btn-order.ico-doc{ background-image: url(../images/ico/ico-document.png);}
.ws-board-list-box.type-OrderHisList2 .acco-list .acco-head .btn-link:hover{ text-decoration: underline;}
.ws-board-list-box.type-OrderHisList2 .acco-list .acco-head .txt.status-r{ color: #ff0000;}
.ws-board-list-box.type-OrderHisList2 .acco-list .acco-head .txt.status-y{ color: #ff9000;}
.ws-board-list-box.type-OrderHisList2 .acco-list .acco-head .txt.status-g{ color: #18ad08;}

.ws-board-list-box.type-OrderHisList3 .list-body{ border: 0;}
.ws-board-list-box.type-OrderHisList3 .list-body > .list{ padding: 10px; border: 1px solid #ccc; border-radius: 6px 6px 0 0;}
.ws-board-list-box.type-OrderHisList3 .item{ display: flex; flex-direction: column; border: 1px solid #ccc; border-radius: 6px;}
.ws-board-list-box.type-OrderHisList3 .item + .item{ margin: 10px 0 0 0;}
.ws-board-list-box.type-OrderHisList3 .item-head{ background-color: #f1f1f1; padding: 10px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #ccc; border-radius: 6px 6px 0 0;}
.ws-board-list-box.type-OrderHisList3 .item-head .info-box{ display: flex;}
.ws-board-list-box.type-OrderHisList3 .item-head .info-box .num{ font-weight: 600; font-size: 16px; line-height: 30px;}
.ws-board-list-box.type-OrderHisList3 .item-head .info-box .num + .txt{}
.ws-board-list-box.type-OrderHisList3 .item-head .info-box .num + .txt::before{ width: 1px; height: 16px; background-color: #ccc; content: ''; margin: -8px 0 0 0; position: absolute; top: 50%; left: -11px;}
.ws-board-list-box.type-OrderHisList3 .item-head .info-box .txt{ font-weight: 400; font-size: 14px; color: #666; line-height: 30px; margin: 0 0 0 21px; position: relative;}
.ws-board-list-box.type-OrderHisList3 .item-head .info-box .btn-Details{ height: 28px; background: url(../../front/images/ico/ico-depTitle-w9.png) no-repeat 18px center #444; background-size: auto 15px; color: #fff; line-height: 26px; padding: 0 15px 0 35px; margin: 1px 0 1px 10px; display: inline-block; border: 1px solid #222; border-radius: 15px;}
.ws-board-list-box.type-OrderHisList3 .item-head .info-box .btn-Details:hover{ background-color: #333;}
.ws-board-list-box.type-OrderHisList3 .item-head .info-box .btn-Memo{ height: 28px; background: url(../../front/images/ico/ico-depTitle-w9.png) no-repeat 18px center #f47920; background-size: auto 15px; color: #fff; line-height: 26px; padding: 0 15px 0 35px; margin: 1px 0 1px 10px; display: inline-block; border: 1px solid #f47920; border-radius: 15px;}
.ws-board-list-box.type-OrderHisList3 .item-head .info-box .btn-Memo:hover{ background-color: #f47920cc;}
.ws-board-list-box.type-OrderHisList3 .item-head .state-box{ display: flex;}
.ws-board-list-box.type-OrderHisList3 .item-head .state{ height: 30px; font-size: 14px; text-align: center; color: #fff; line-height: 30px; padding: 0 30px; display: inline-block; border-radius: 4px;}
.ws-board-list-box.type-OrderHisList3 .item-head .state.type1{ background-color: #c43d3d;}
.ws-board-list-box.type-OrderHisList3 .item-head .state.type2{ background-color: #397caf;}
.ws-board-list-box.type-OrderHisList3 .item-head .state.type3{ background-color: #e0a21e;}
.ws-board-list-box.type-OrderHisList3 .item-head .state.type4{ background-color: #8269ca;}
.ws-board-list-box.type-OrderHisList3 .item-head .state.type5{ background-color: #008a12;}
.ws-board-list-box.type-OrderHisList3 .item-body{ padding: 10px; display: flex; align-items: center; justify-content: space-between;}
.ws-board-list-box.type-OrderHisList3 .item-body .info-box{ display: flex; flex: 1; flex-direction: row; flex-wrap: wrap; align-items: center;}
.ws-board-list-box.type-OrderHisList3 .item-body .info-box > .txt-box{ display: contents;}
.ws-board-list-box.type-OrderHisList3 .item-body .border-box .txt-box{ display: flex; flex-wrap: wrap;}
.ws-board-list-box.type-OrderHisList3 .item-body .btn-txt{ height: 28px; background-color: #f9f9f9; padding: 0 15px; margin: 1px 0; display: flex; align-items: center; border: 1px solid #ccc; border-radius: 15px;}
.ws-board-list-box.type-OrderHisList3 .item-body .btn-txt:hover{ background-color: #f1f1f1;}
.ws-board-list-box.type-OrderHisList3 .item-body .btn-txt .ico{ background: no-repeat center center;}
.ws-board-list-box.type-OrderHisList3 .item-body .btn-txt .ico.ico-delivery{ width: 23px; height: 18px; background-image: url(../../front/images/ico/ico-delivery2.png);}
.ws-board-list-box.type-OrderHisList3 .item-body .btn-txt .ico.ico-pdf{ width: 17px; height: 17px; background-image: url(../../front/images/ico/ico-pdf.png); background-size: auto 17px;}
.ws-board-list-box.type-OrderHisList3 .item-body .btn-txt .ico + .txt{ margin-left: 5px;}
.ws-board-list-box.type-OrderHisList3 .item-body .btn-txt .txt{ font-weight: 400; font-size: 14px; line-height: 20px; padding: 0; margin: 0;}
.ws-board-list-box.type-OrderHisList3 .item-body .border-box{ background-color: #f9f9f9; border: 1px solid #ccc; border-radius: 5px;}
.ws-board-list-box.type-OrderHisList3 .border-box .txt{ padding: 10px 20px; display: flex; flex-direction: column; align-items: center;}
.ws-board-list-box.type-OrderHisList3 .border-box .txt dt{ font-weight: 400; font-size: 14px; line-height: 20px;}
.ws-board-list-box.type-OrderHisList3 .border-box .txt dd{ font-weight: 600; font-size: 18px; line-height: 20px; margin: 5px 0 0 0;}
.ws-board-list-box.type-OrderHisList3 .border-box .btn-box{ padding: 0 15px; display: flex; align-items: center; justify-content: center;}
.ws-board-list-box.type-OrderHisList3 .border-box .btn-ico{ width: 30px; height: 30px; background: no-repeat center center; text-indent: -9999px; display: flex; border-radius: 3px;}
.ws-board-list-box.type-OrderHisList3 .border-box .btn-ico:hover{ background-color: #fff;}
.ws-board-list-box.type-OrderHisList3 .border-box .btn-ico.ico-pdf{ background-image: url(../../front/images/ico/ico-pdf.png); background-size: 22px auto;}
.ws-board-list-box.type-OrderHisList3 .border-box .btn-ico.ico-delivery{ background-image: url(../../front/images/ico/ico-delivery3.png); background-size: 22px auto;}
.ws-board-list-box.type-OrderHisList3 .border-box .txt + .txt,
.ws-board-list-box.type-OrderHisList3 .border-box .txt + .btn-box,
.ws-board-list-box.type-OrderHisList3 .border-box .btn-box + .txt{ border-left: 1px solid #ccc;}
.ws-board-list-box.type-OrderHisList3 .item-body .info-box .txt-box > .txt{ padding: 5px 0; margin: 0 30px 0 0; display: flex; align-items: center; white-space: nowrap;}
.ws-board-list-box.type-OrderHisList3 .item-body .info-box .txt-box > .txt dt{ font-weight: 600; font-size: 14px; line-height: 20px; display: flex; flex-shrink: 0;}
.ws-board-list-box.type-OrderHisList3 .item-body .info-box .txt-box > .txt dt::after{ width: 11px; height: 20px; content: ":"; text-align: center;}
.ws-board-list-box.type-OrderHisList3 .item-body .info-box .txt-box > .txt dd{ font-weight: 400; font-size: 14px; line-height: 20px;}
.ws-board-list-box.type-OrderHisList3 .item:hover{ border-color: #999;}
.ws-board-list-box.type-OrderHisList3 .item:hover .item-head{ border-color: #999;}

/* Order History search */
.ws-search-box.type-OrderHistory{ padding: 20px 24px; align-items: stretch; background-color: #f9f9f9;}
.ws-search-box.type-OrderHistory:hover{ border-color: #009ae1;}
.ws-search-box.type-OrderHistory .search-form{ width: 100%; align-items: flex-end; gap: 0 24px;}
.ws-search-box.type-OrderHistory .search-form > dl{ margin: 0; min-width: 0;}
.ws-search-box.type-OrderHistory .search-form > dl + dl{ margin-left: 24px;}
.ws-search-box.type-OrderHistory .search-form dt{ height: auto; margin: 0 0 10px 0; font-weight: 500; font-size: 14px; color: #333; line-height: 20px;}
.ws-search-box.type-OrderHistory .search-form dd{ margin: 0;}
.ws-search-box.type-OrderHistory .dateBox{ flex-wrap: wrap; gap: 8px;}
.ws-search-box.type-OrderHistory .dateRange{ display: flex; align-items: center; gap: 8px;}
.ws-search-box.type-OrderHistory .dateRange .input1{ width: 132px; height: 40px; font-size: 14px; line-height: 20px;}
.ws-search-box.type-OrderHistory .date-sep{ font-size: 14px; color: #666; line-height: 40px;}
.ws-search-box.type-OrderHistory .dateBtn .btn-txt{ height: 40px; min-width: 52px; font-size: 13px; font-weight: 500; line-height: 38px; padding: 0 14px; border-radius: 6px;}
.ws-search-box.type-OrderHistory .dateBtn .btn-txt.is-active,
.ws-search-box.type-OrderHistory .dateBtn .btn-txt[data-active="true"]{ background-color: #009ae1; border-color: #009ae1; color: #fff;}
.ws-search-box.type-OrderHistory .dl-orderNo .input1,
.ws-search-box.type-OrderHistory .dl-beschreibung .input1{ width: 100%; height: 40px; font-size: 14px; line-height: 20px; padding: 0 14px;}
.ws-search-box.type-OrderHistory .dl-orderNo .input1::placeholder,
.ws-search-box.type-OrderHistory .dl-beschreibung .input1::placeholder{ font-size: 13px; color: #999;}
.ws-search-box.type-OrderHistory .btn{ margin: 0; padding: 0; flex-shrink: 0;}
.ws-search-box.type-OrderHistory .btn .search{ width: 120px; height: 40px; font-size: 14px; font-weight: 500; border: 0; cursor: pointer;}

/* Order History status filter */
.order-history-filter-box{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px 16px;
  margin-top: 20px;
  padding: 16px 20px;
  background-color: #f9f9f9;
  border: 1px solid #ccc;
  border-radius: 6px;
}
.order-history-filter-box:hover{ border-color: #bbb;}
.order-history-filter-box .filter-label{
  flex-shrink: 0;
  font-weight: 500;
  font-size: 14px;
  color: #333;
  line-height: 20px;
}
.filterGroup.type-OrderHistory{
  display: flex;
  flex-wrap: wrap;
  flex: 1;
  gap: 8px;
  min-width: 0;
}
.filterGroup.type-OrderHistory label{
  margin: 0;
}
.filterGroup.type-OrderHistory label + label{
  margin-left: 0;
}
.filterGroup.type-OrderHistory span{
  height: 36px;
  min-width: 0;
  font-size: 13px;
  font-weight: 500;
  line-height: 34px;
  padding: 0 14px;
  color: #555;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 6px;
  transition: background-color .15s ease, border-color .15s ease, color .15s ease, box-shadow .15s ease;
}
.filterGroup.type-OrderHistory label:hover span{
  border-color: #009ae1;
  color: #333;
}
.filterGroup.type-OrderHistory input:checked + span{
  color: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .08);
}
.filterGroup.type-OrderHistory input:checked + span::before{
  display: none;
}
.filterGroup.type-OrderHistory label[data-status="1"] input:checked + span{ background-color: #8269ca; border-color: #8269ca;}
.filterGroup.type-OrderHistory label[data-status="2"] input:checked + span{ background-color: #c43d3d; border-color: #c43d3d;}
.filterGroup.type-OrderHistory label[data-status="3"] input:checked + span{ background-color: #397caf; border-color: #397caf;}
.filterGroup.type-OrderHistory label[data-status="4"] input:checked + span{ background-color: #e0a21e; border-color: #e0a21e;}
.filterGroup.type-OrderHistory label[data-status="5"] input:checked + span{ background-color: #008a12; border-color: #008a12;}
.filterGroup.type-OrderHistory label[data-status="6"] input:checked + span{ background-color: #008a12; border-color: #008a12;}

/* Order History empty list */
.ws-board-list-box.type-OrderHisList3 .list-empty{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 220px;
  padding: 48px 24px;
  text-align: center;
  background-color: #fafafa;
  border: 1px dashed #ccc;
  border-radius: 6px;
}
.ws-board-list-box.type-OrderHisList3 .list-empty-icon{
  width: 56px;
  height: 56px;
  margin-bottom: 16px;
  background: url(../images/ico/ico-nodata.svg) no-repeat center center;
  background-size: 48px auto;
  opacity: .55;
}
.ws-board-list-box.type-OrderHisList3 .list-empty-title{
  font-weight: 600;
  font-size: 16px;
  color: #333;
  line-height: 24px;
  margin: 0;
}

.ws-board-list-box.type-DeliveryOption .box-head{ height: auto;}
.ws-board-list-box.type-DeliveryOption .box-head .txt-box p{ font-weight: 400; font-size: 16px;} 
.ws-board-list-box.type-DeliveryOption .list-search{ background-color: #f1f1f1; padding: 16px; margin: 0; display: flex; border: 1px solid #ccc; border-radius: 6px; overflow: hidden;}
.ws-board-list-box.type-DeliveryOption .list-search:hover{ border-color: #009ae1;}
.ws-board-list-box.type-DeliveryOption .list-search input{ height: 40px; font-size: 13px; text-align: left; line-height: 24px; padding: 8px 8px 8px 16px; flex: 1; border-radius: 6px 0 0 6px;}
.ws-board-list-box.type-DeliveryOption .list-search a{ width: 40px; height: 40px; background: url(../../front/images/ico/ico-search.png) no-repeat center center #fff; text-indent: -9999px; padding: 0; margin: 0; display: inline-block; border-radius: 0 6px 6px 0;}
.ws-board-list-box.type-DeliveryOption .box-head + .list-body{ margin: 16px 0 0 0;}
.ws-board-list-box.type-DeliveryOption .list-body .list{ border-bottom: 1px solid #ccc; border-radius: 6px;}
.ws-board-list-box.type-DeliveryOption .list-body .acco-list-box:last-child .acco-box{ border-bottom: 0;}
.ws-board-list-box.type-DeliveryOption .list-body .acco-list-box:last-child .boardList:checked + .acco-box{ border-bottom: 0;}
.ws-board-list-box.type-DeliveryOption .list-body .colgroup{ width: auto; padding: 0 16px !important; margin: 0; display: flex;}
.ws-board-list-box.type-DeliveryOption .list-body .colgroup p{ width: auto; background-image: none; font-weight: 400; text-indent: 0;}
.ws-board-list-box.type-DeliveryOption .acco-list .acco-head{ min-height: auto; height: auto; padding: 16px 0; align-items: flex-start;}
.ws-board-list-box.type-DeliveryOption .list.acco-list .acco-head:hover::before{ display: none;}
.ws-board-list-box.type-DeliveryOption .list.acco-list .acco-list-box:hover{ background-color: #e9effc;}
.ws-board-list-box.type-DeliveryOption .list.acco-list .acco-list-box:first-child:hover{ border-top-left-radius: 6px; border-top-right-radius: 6px;}
.ws-board-list-box.type-DeliveryOption .list.acco-list .acco-list-box:last-child:hover{ border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;}
.ws-board-list-box.type-DeliveryOption .list-body .colgroup.col1{ width: 51px;}
.ws-board-list-box.type-DeliveryOption .list-body .colgroup.col2{ width: 112px; height: 100%;}
.ws-board-list-box.type-DeliveryOption .list-body .colgroup.col3{ flex: 1;}
.ws-board-list-box.type-DeliveryOption .list-body .colgroup.col4{ width: 240px;}
.ws-board-list-box.type-DeliveryOption .list-body .colgroup.col5{ width: 112px;}
.ws-board-list-box.type-DeliveryOption .list-body .colgroup.col6{ width: 112px;}
.ws-board-list-box.type-DeliveryOption .list-body .colgroup.col7{ width: 176px;}
.ws-board-list-box.type-DeliveryOption .list-body .sort-box .colgroup.col3{ margin-left: 163px;}
.ws-board-list-box.type-DeliveryOption .acco-list .acco-head .colgroup.col3{ text-align: left; justify-content: flex-start;}
.ws-board-list-box.type-DeliveryOption .acco-list .acco-head .colgroup.col4 .txt{ width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.ws-board-list-box.type-DeliveryOption .acco-list .acco-head .colgroup.col6{ text-align: right; justify-content: flex-end;}
.ws-board-list-box.type-DeliveryOption .acco-list .acco-head .colgroup.col7{ text-align: right; justify-content: flex-end;}
.ws-board-list-box.type-DeliveryOption .acco-list .acco-head .logo{ height: 30px; background-position: center center; margin: -5px 0;}
.ws-board-list-box.type-DeliveryOption .list.acco-list .acco-list-box.error-stock .info{ display: flex;}
.ws-board-list-box.type-DeliveryOption .list.acco-list .acco-list-box.error-stock .info .tit,
.ws-board-list-box.type-DeliveryOption .list.acco-list .acco-list-box.error-stock .info .txt,
.ws-board-list-box.type-DeliveryOption .list.acco-list .acco-list-box.error-stock .info .preis{ color: #ff0000;}
.ws-board-list-box.type-DeliveryOption .list.acco-list .acco-list-box.error-stock .info .tit{ background: url(../../front/images/ico/ico-error-stock.png) no-repeat left 4px; padding-left: 22px; margin: 0 0 8px 0;}
.ws-board-list-box.type-DeliveryOption .list.acco-list .acco-list-box.error-stock .info .tool-box{ margin-right: 3px; display: inline-block; position: relative;}
.ws-board-list-box.type-DeliveryOption .list.acco-list .acco-list-box.error-stock .info .tool-box .tool-btn{ width: 20px; height: 20px; background: url(../images/ico/ico-error-stock.png) no-repeat center center; text-indent: -9999px; display: inline-block;}
.ws-board-list-box.type-DeliveryOption .list.acco-list .acco-list-box.error-stock .info .tool-box .tool-con{ width: 280px; background-color: #fff; padding: 5px 10px; display: none; border: 1px solid #ccc; border-radius: 10px; position: absolute; z-index: 1;}
.ws-board-list-box.type-DeliveryOption .list.acco-list .acco-list-box.error-stock .info .tool-box .tool-close{ width: 20px; height: 20px; background: url(../images/ico/ico-popup-close2.png) no-repeat center center #333; background-size: 10px auto; text-indent: -9999px; display: inline-block; border-radius: 10px; position: absolute; top: -25px; left: 0px;}
.ws-board-list-box.type-DeliveryOption .list.acco-list .acco-list-box.error-stock .info .tool-box .tool-btn:hover + .tool-con{ display: block;}
.ws-board-list-box.type-DeliveryOption .list.acco-list .acco-list-box.error-stock .info .tool-box .tool-btn:hover + .tool-con .tool-close{ display: none;}
.ws-board-list-box.type-DeliveryOption .list.acco-list .set-item .acco-list-box .acco-box{ border-bottom: 0;}
.ws-board-list-box.type-DeliveryOption .list.acco-list .set-item .acco-list-box:last-child .acco-box{ border-bottom: 1px solid #ccc;}
.ws-board-list-box.type-DeliveryOption .list.acco-list .set-item .acco-list-box .acco-head{ padding: 8px 0;}
.ws-board-list-box.type-DeliveryOption .list.acco-list .set-item .acco-list-box:first-child .acco-head{ padding: 16px 0 8px 0;}
.ws-board-list-box.type-DeliveryOption .list.acco-list .set-item .acco-list-box:last-child .acco-head{ padding: 8px 0 16px 0;}
.ws-board-list-box.type-DeliveryOption .list.acco-list .set-item:hover{ background-color: #e9effc;}
.ws-board-list-box.type-DeliveryOption .list.acco-list .set-list-box{ border-bottom: 0;}

.ws-board-list-box.type-DeliveryOption2 .box-head{ height: auto;}
.ws-board-list-box.type-DeliveryOption2 .box-head .txt-box p{ font-weight: 400; font-size: 16px;} 
.ws-board-list-box.type-DeliveryOption2 .list-search{ background-color: #f1f1f1; padding: 16px; margin: 0; display: flex; border: 1px solid #ccc; border-radius: 6px; overflow: hidden;}
.ws-board-list-box.type-DeliveryOption2 .list-search:hover{ border-color: #009ae1;}
.ws-board-list-box.type-DeliveryOption2 .list-search input{ height: 40px; font-size: 13px; text-align: left; line-height: 24px; padding: 8px 8px 8px 16px; flex: 1; border-radius: 6px 0 0 6px;}
.ws-board-list-box.type-DeliveryOption2 .list-search a{ width: 40px; height: 40px; background: url(../../front/images/ico/ico-search.png) no-repeat center center #fff; text-indent: -9999px; padding: 0; margin: 0; display: inline-block; border-radius: 0 6px 6px 0;}
.ws-board-list-box.type-DeliveryOption2 .box-head + .list-body{ margin: 16px 0 0 0;}
.ws-board-list-box.type-DeliveryOption2 .list-body .list{ border-bottom: 1px solid #ccc; border-radius: 6px;}
.ws-board-list-box.type-DeliveryOption2 .list-body .acco-list-box:last-child .acco-box{ border-bottom: 0;}
.ws-board-list-box.type-DeliveryOption2 .list-body .acco-list-box:last-child .boardList:checked + .acco-box{ border-bottom: 0;}
.ws-board-list-box.type-DeliveryOption2 .list-body .colgroup{ width: auto; padding: 0 16px !important; margin: 0; display: flex;}
.ws-board-list-box.type-DeliveryOption2 .list-body .colgroup p{ width: auto; background-image: none; font-weight: 400; text-indent: 0;}
.ws-board-list-box.type-DeliveryOption2 .acco-list .acco-head{ min-height: auto; height: auto; padding: 16px 0; align-items: flex-start;}
.ws-board-list-box.type-DeliveryOption2 .list.acco-list .acco-head:hover::before{ display: none;}
.ws-board-list-box.type-DeliveryOption2 .list.acco-list .acco-list-box:hover{ background-color: #e9effc;}
.ws-board-list-box.type-DeliveryOption2 .list.acco-list .acco-list-box:first-child:hover{ border-top-left-radius: 6px; border-top-right-radius: 6px;}
.ws-board-list-box.type-DeliveryOption2 .list.acco-list .acco-list-box:last-child:hover{ border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;}
.ws-board-list-box.type-DeliveryOption2 .acco-list .acco-head .colgroup.col1{ position: relative;}
.ws-board-list-box.type-DeliveryOption2 .list-body .colgroup.col1{ width: 51px;}
.ws-board-list-box.type-DeliveryOption2 .list-body .colgroup.col2{ flex: 1;}
.ws-board-list-box.type-DeliveryOption2 .list-body .colgroup.col3{ width: 112px;}
.ws-board-list-box.type-DeliveryOption2 .list-body .colgroup.col4{ width: 112px;}
.ws-board-list-box.type-DeliveryOption2 .list-body .colgroup.col5{ width: 176px;}
.ws-board-list-box.type-DeliveryOption2 .list-body .sort-box .colgroup.col2{ margin-left: 51px;}
.ws-board-list-box.type-DeliveryOption2 .list.acco-list .acco-head .colgroup{ display: flex; justify-content: center;}
.ws-board-list-box.type-DeliveryOption2 .acco-list .acco-head .colgroup.col2{ text-align: left; justify-content: flex-start;}
.ws-board-list-box.type-DeliveryOption2 .acco-list .acco-head .colgroup.col2:first-child{ margin-right: 51px;}
.ws-board-list-box.type-DeliveryOption2 .acco-list .acco-head .colgroup.col4{ text-align: right; justify-content: flex-end;}
.ws-board-list-box.type-DeliveryOption2 .acco-list .acco-head .colgroup.col5{ text-align: right; justify-content: flex-end;}
.ws-board-list-box.type-DeliveryOption2 .acco-list .acco-head .colgroup.col1 .chkBox{ width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.ws-board-list-box.type-DeliveryOption2 .acco-list .acco-head .colgroup.col1 .chkBox > span{ margin-top: -8px; position: absolute; top: 50%; left: 25px;}

.ws-board-list-box.type-DeliveryOption3 .box-head{ height: auto;}
.ws-board-list-box.type-DeliveryOption3 .box-head .txt-box p{ font-weight: 400; font-size: 16px;} 
.ws-board-list-box.type-DeliveryOption3 .list-search{ background-color: #f1f1f1; padding: 16px; margin: 0; display: flex; border: 1px solid #ccc; border-radius: 6px; overflow: hidden;}
.ws-board-list-box.type-DeliveryOption3 .list-search:hover{ border-color: #009ae1;}
.ws-board-list-box.type-DeliveryOption3 .list-search input{ height: 40px; font-size: 13px; text-align: left; line-height: 24px; padding: 8px 8px 8px 16px; flex: 1; border-radius: 6px 0 0 6px;}
.ws-board-list-box.type-DeliveryOption3 .list-search a{ width: 40px; height: 40px; background: url(../../front/images/ico/ico-search.png) no-repeat center center #fff; text-indent: -9999px; padding: 0; margin: 0; display: inline-block; border-radius: 0 6px 6px 0;}
.ws-board-list-box.type-DeliveryOption3 .box-head + .list-body{ margin: 16px 0 0 0;}
.ws-board-list-box.type-DeliveryOption3 .list-body .list{ border-bottom: 1px solid #ccc; border-radius: 6px;}
.ws-board-list-box.type-DeliveryOption3 .list-body .acco-list-box:last-child .acco-box{ border-bottom: 0;}
.ws-board-list-box.type-DeliveryOption3 .list-body .acco-list-box:last-child .boardList:checked + .acco-box{ border-bottom: 0;}
.ws-board-list-box.type-DeliveryOption3 .list-body .colgroup{ width: auto; padding: 0 16px !important; margin: 0; display: flex; flex: 1;}
.ws-board-list-box.type-DeliveryOption3 .list-body .colgroup p{ width: auto; background-image: none; font-weight: 400; text-indent: 0;}
.ws-board-list-box.type-DeliveryOption3 .list-body .colgroup.col1{ width: 51px; flex: none;}
.ws-board-list-box.type-DeliveryOption3 .list-body .sort-box .colgroup.col2{ margin-left: 51px;}
.ws-board-list-box.type-DeliveryOption3 .list.acco-list .acco-head .colgroup{ display: flex; justify-content: center;}
.ws-board-list-box.type-DeliveryOption3 .acco-list .acco-head{ min-height: auto; height: auto; padding: 16px 0; align-items: flex-start;}
.ws-board-list-box.type-DeliveryOption3 .list.acco-list .acco-head:hover::before{ display: none;}
.ws-board-list-box.type-DeliveryOption3 .list.acco-list .acco-list-box:hover{ background-color: #e9effc;}
.ws-board-list-box.type-DeliveryOption3 .list.acco-list .acco-list-box:first-child:hover{ border-top-left-radius: 6px; border-top-right-radius: 6px;}
.ws-board-list-box.type-DeliveryOption3 .list.acco-list .acco-list-box:last-child:hover{ border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;}
.ws-board-list-box.type-DeliveryOption3 .acco-list .acco-head .colgroup.col1{ position: relative;}
.ws-board-list-box.type-DeliveryOption3 .acco-list .acco-head .colgroup.col1 .chkBox{ width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.ws-board-list-box.type-DeliveryOption3 .acco-list .acco-head .colgroup.col1 .chkBox > span{ margin-top: -8px; position: absolute; top: 50%; left: 25px;}

.ws-board-list-box.type-PermissionMgt .box-head{ height: auto;}
.ws-board-list-box.type-PermissionMgt .list-search{ background-color: #f1f1f1; padding: 16px; margin: 8px 0 0 0; display: flex; border: 1px solid #ccc; border-radius: 6px; overflow: hidden;}
.ws-board-list-box.type-PermissionMgt .list-search:hover{ border-color: #009ae1;}
.ws-board-list-box.type-PermissionMgt .list-search input{ height: 40px; font-size: 13px; text-align: left; line-height: 24px; padding: 8px 8px 8px 16px; flex: 1; border-radius: 6px 0 0 6px;}
.ws-board-list-box.type-PermissionMgt .list-search a{ width: 40px; height: 40px; background: url(../../front/images/ico/ico-search.png) no-repeat center center #fff; text-indent: -9999px; padding: 0; margin: 0; display: inline-block; border-radius: 0 6px 6px 0;}
.ws-board-list-box.type-PermissionMgt .list-body{ margin: 16px 0 0 0;}
.ws-board-list-box.type-PermissionMgt .list-body .list{ border-bottom: 1px solid #ccc; border-radius: 6px;}
.ws-board-list-box.type-PermissionMgt .list-body .acco-list-box:last-child .acco-box{ border-bottom: 0;}
.ws-board-list-box.type-PermissionMgt .list-body .acco-list-box:last-child .boardList:checked + .acco-box{ border-bottom: 0;}
.ws-board-list-box.type-PermissionMgt .list-body .colgroup{ width: auto; padding: 0 16px !important; margin: 0; display: flex;}
.ws-board-list-box.type-PermissionMgt .list-body .colgroup p{ width: auto; background-image: none; font-weight: 400; text-indent: 0;}
.ws-board-list-box.type-PermissionMgt .list-body .colgroup.col1{ flex: 1;}
.ws-board-list-box.type-PermissionMgt .list-body .colgroup.col2{ width: 240px;}
.ws-board-list-box.type-PermissionMgt .list-body .colgroup.col3{ width: 240px;}
.ws-board-list-box.type-PermissionMgt .list-body .colgroup.col4{ width: 144px;}
.ws-board-list-box.type-PermissionMgt .acco-list .acco-head{ height: 64px;}
.ws-board-list-box.type-PermissionMgt .acco-list .acco-head:hover::before{ height: 100%;}
.ws-board-list-box.type-PermissionMgt .acco-list .acco-head .colgroup{ justify-content: center !important;}


.ws-board-list-box.type-Auftragshistorie .box-head{ height: auto;}
.ws-board-list-box.type-Auftragshistorie .list-search{ background-color: #f1f1f1; padding: 16px; margin: 8px 0 0 0; display: flex; border: 1px solid #ccc; border-radius: 6px; overflow: hidden;}
.ws-board-list-box.type-Auftragshistorie .list-search:hover{ border-color: #009ae1;}
.ws-board-list-box.type-Auftragshistorie .list-search input{ height: 40px; font-size: 13px; text-align: left; line-height: 24px; padding: 8px 8px 8px 16px; flex: 1; border-radius: 6px 0 0 6px;}
.ws-board-list-box.type-Auftragshistorie .list-search a{ width: 40px; height: 40px; background: url(../../front/images/ico/ico-search.png) no-repeat center center #fff; text-indent: -9999px; padding: 0; margin: 0; display: inline-block; border-radius: 0 6px 6px 0;}
.ws-board-list-box.type-Auftragshistorie .list-body{ margin: 16px 0 0 0;}
.ws-board-list-box.type-Auftragshistorie .list-body .list{ border-bottom: 1px solid #ccc; border-radius: 6px;}
.ws-board-list-box.type-Auftragshistorie .list-body .acco-list-box:last-child .acco-box{ border-bottom: 0;}
.ws-board-list-box.type-Auftragshistorie .list-body .acco-list-box:last-child .boardList:checked + .acco-box{ border-bottom: 0;}
.ws-board-list-box.type-Auftragshistorie .list-body .colgroup{ width: 25%; padding: 0 16px !important; margin: 0; display: flex; flex: none;}
.ws-board-list-box.type-Auftragshistorie .list-body .colgroup p{ width: auto; background-image: none; font-weight: 400; text-indent: 0;}
.ws-board-list-box.type-Auftragshistorie .list-body .colgroup.col6{ width: auto; flex: 1;}
.ws-board-list-box.type-Auftragshistorie .acco-list .acco-head{ min-height: 53px;}
.ws-board-list-box.type-Auftragshistorie .acco-list .acco-head:hover::before{ height: 100%;}
.ws-board-list-box.type-Auftragshistorie .acco-list .acco-head .colgroup{ justify-content: center !important;}
.ws-board-list-box.type-Auftragshistorie .acco-list .acco-head .colgroup.col6{ justify-content: flex-end !important;}
.ws-board-list-box.type-Auftragshistorie .acco-list .acco-head .colgroup .Angefordert{ background: url(../../front/images/ico/ico-Auftragshistorie.png) no-repeat left center; font-weight: 500; font-size: 14px; color: #f28f33; line-height: 24px; padding: 0 0 0 30px; position: relative;}
.ws-board-list-box.type-Auftragshistorie .acco-list .acco-head .colgroup .btn-Bearbeiten{ height: 33px; background: url(../../front/images/ico/ico-Bearbeiten.png) no-repeat 15px center; background-color: #666; font-size: 14px; color: #fff; padding: 0 15px 0 45px; display: flex; align-items: center; justify-content: center; border-radius: 4px; position: relative;}
.ws-board-list-box.type-Auftragshistorie .acco-list .acco-head .colgroup .btn-Bearbeiten:hover{ background-color: #444;}

.ws-board-list-box.type-OrderComplete + .ws-board-list-box.type-OrderComplete{ margin-top: 40px;}
.ws-board-list-box.type-OrderComplete .box-head{ height: auto;}
.ws-board-list-box.type-OrderComplete .box-head .txt-box p{ font-weight: 400; font-size: 16px;} 
.ws-board-list-box.type-OrderComplete .box-head .txt-row{ display: flex;}
.ws-board-list-box.type-OrderComplete .box-head .txt-row dl{ display: flex;}
.ws-board-list-box.type-OrderComplete .box-head .txt-row dl + dl{ margin-left: 24px;}
.ws-board-list-box.type-OrderComplete .box-head .txt-row dt{ font-weight: 500; font-size: 13px; color: #333; line-height: 18px; display: flex;}
.ws-board-list-box.type-OrderComplete .box-head .txt-row dt::after{ width: 16px; text-align: center; content: ':';}
.ws-board-list-box.type-OrderComplete .box-head .txt-row dd{ font-weight: 400; font-size: 13px; color: #333; line-height: 18px;}
.ws-board-list-box.type-OrderComplete .list-search{ background-color: #f1f1f1; padding: 16px; margin: 0; display: flex; border: 1px solid #ccc; border-radius: 6px; overflow: hidden;}
.ws-board-list-box.type-OrderComplete .list-search:hover{ border-color: #009ae1;}
.ws-board-list-box.type-OrderComplete .list-search input{ height: 40px; font-size: 13px; text-align: left; line-height: 24px; padding: 8px 8px 8px 16px; flex: 1; border-radius: 6px 0 0 6px;}
.ws-board-list-box.type-OrderComplete .list-search a{ width: 40px; height: 40px; background: url(../../front/images/ico/ico-search.png) no-repeat center center #fff; text-indent: -9999px; padding: 0; margin: 0; display: inline-block; border-radius: 0 6px 6px 0;}
.ws-board-list-box.type-OrderComplete .box-head + .list-body{ margin: 16px 0 0 0;}
.ws-board-list-box.type-OrderComplete .list-body .list{ border-bottom: 1px solid #ccc; border-radius: 6px;}
.ws-board-list-box.type-OrderComplete .list-body .acco-list-box:last-child .acco-box{ border-bottom: 0;}
.ws-board-list-box.type-OrderComplete .list-body .acco-list-box:last-child .boardList:checked + .acco-box{ border-bottom: 0;}
.ws-board-list-box.type-OrderComplete .list-body .colgroup{ width: auto; padding: 0 16px !important; margin: 0; display: flex;}
.ws-board-list-box.type-OrderComplete .list-body .colgroup p{ width: auto; background-image: none; font-weight: 400; text-indent: 0;}
.ws-board-list-box.type-OrderComplete .acco-list .acco-head{ min-height: auto; height: auto; padding: 8px 0; align-items: flex-start;}
.ws-board-list-box.type-OrderComplete .acco-list .acco-head:hover::before{ height: 100%;}
.ws-board-list-box.type-OrderComplete .list-body .sort-box .colgroup.col2{ margin-left: 64px;}
.ws-board-list-box.type-OrderComplete .list-body .colgroup.col1{ width: 64px;}
.ws-board-list-box.type-OrderComplete .list-body .colgroup.col2{ width: 96px;}
.ws-board-list-box.type-OrderComplete .list-body .colgroup.col3{ flex: 1;}
.ws-board-list-box.type-OrderComplete .list-body .colgroup.col7{ width: 120px;}
.ws-board-list-box.type-OrderComplete .list-body .colgroup.col4{ width: 100px;}
.ws-board-list-box.type-OrderComplete .list-body .colgroup.col5{ width: 128px;}
.ws-board-list-box.type-OrderComplete .list-body .colgroup.col6{ width: 144px;}
.ws-board-list-box.type-OrderComplete .acco-list .acco-head .colgroup{ height: 32px;}
.ws-board-list-box.type-OrderComplete .acco-list .acco-head .colgroup.col3{ text-align: left; justify-content: flex-start;}
.ws-board-list-box.type-OrderComplete .acco-list .acco-head .colgroup.col3{ overflow: hidden;}
.ws-board-list-box.type-OrderComplete .acco-list .acco-head .colgroup.col3 .txt{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.ws-board-list-box.type-OrderComplete .acco-list .acco-head .colgroup.col5{ text-align: right; justify-content: flex-end;}
.ws-board-list-box.type-OrderComplete .acco-list .acco-head .colgroup.col6{ text-align: right; justify-content: flex-end;}
.ws-board-list-box.type-OrderComplete .acco-list .acco-head .colgroup.col5 .preis{ font-weight: 400; font-size: 13px;}
.ws-board-list-box.type-OrderComplete .acco-list .acco-head .colgroup.col7{ text-align: center; justify-content: center;}
.ws-board-list-box.type-OrderComplete .acco-list .acco-head .colgroup .txt{ font-size: 13px;}
.ws-board-list-box.type-OrderComplete .acco-list .acco-head .logo{ height: 32px;}

.ws-board-list-box.type-OrderComplete .acco-list .acco-list-box.detail-list-box .acco-head::before{ height: 100%; background-color: #eaeaec; content: ''; position: absolute; top: 0; left: 0; right: 0; z-index: -1;}
.ws-board-list-box.type-OrderComplete .acco-list .acco-list-box.detail-list-box .acco-head .colgroup.col3{ width: auto; justify-content: flex-start; flex: 1;}
.ws-board-list-box.type-OrderComplete .acco-list .acco-list-box.detail-list-box .acco-head .colgroup.col3 .txt{ text-align: left;}

.ws-board-list-box.type-OrderComplete .acco-list .acco-list-box.detail-list-box ~ .acco-list-box .acco-head .colgroup.col1{ display: none;}
.ws-board-list-box.type-OrderComplete .acco-list .acco-list-box.detail-list-box ~ .acco-list-box .acco-head .colgroup.col2{ margin-left: 64px;}

.ws-board-list-box.type-OrderComplete .acco-list .acco-list-box.detail-list-box ~ .acco-list-box .acco-head::before{ height: 100%; background-color: #f5f5f5; content: ''; position: absolute; top: 0; left: 0; right: 0; z-index: -1;}
.ws-board-list-box.type-OrderComplete .acco-list .acco-list-box.detail-list-box ~ .acco-list-box:nth-last-child(2) .acco-box{ border-bottom-color: #868687;}
.ws-board-list-box.type-OrderComplete .acco-list .acco-list-box.detail-list-box ~ .acco-list-box:last-child .acco-head::before{ background-color: transparent;}

/* Order history detail popup (histDetailPop.jsp) - S/O group + line card */
.popup.histDetailPop{
  min-height: 0;
}
.popup.histDetailPop .pop-cont{
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.ws-board-list-box.type-OrderHistoryDetailPop{
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.ws-board-list-box.type-OrderHistoryDetailPop .list-body{
  border: 0;
  flex: 1 1 auto;
  min-height: 0;
}
.ws-board-list-box.type-OrderHistoryDetailPop .detail-group-list{
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 4px 2px;
}
.ws-board-list-box.type-OrderHistoryDetailPop .detail-so-group{
  border: 1px solid #ccc;
  border-radius: 6px;
  overflow: hidden;
}
.ws-board-list-box.type-OrderHistoryDetailPop .detail-so-head{
  background-color: #009de2;
  color: #fff;
  padding: 10px 14px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 24px;
  border-bottom: 1px solid #0088c8;
}
.ws-board-list-box.type-OrderHistoryDetailPop .detail-so-head .txt{
  display: flex;
  align-items: center;
  margin: 0;
  color: #fff;
}
.ws-board-list-box.type-OrderHistoryDetailPop .detail-so-head .txt dt{
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
}
.ws-board-list-box.type-OrderHistoryDetailPop .detail-so-head .txt dt::after{
  content: ":";
  margin: 0 6px 0 2px;
}
.ws-board-list-box.type-OrderHistoryDetailPop .detail-so-head .txt dd{
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  word-break: break-word;
  color: #fff;
}
.ws-board-list-box.type-OrderHistoryDetailPop .detail-so-lines{
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  background-color: #fafafa;
}
.ws-board-list-box.type-OrderHistoryDetailPop .detail-line-card{
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 6px;
  padding: 0;
  overflow: hidden;
}
.ws-board-list-box.type-OrderHistoryDetailPop .detail-line-card.type-bundle-head{
  background-color: #f1f1f1;
  border-style: dashed;
  padding: 12px 14px;
}
.ws-board-list-box.type-OrderHistoryDetailPop .detail-line-card .card-body{
  display: flex;
  align-items: stretch;
  min-height: 100%;
}
.ws-board-list-box.type-OrderHistoryDetailPop .detail-line-card .card-main{
  flex: 1;
  min-width: 0;
  padding: 12px 14px;
}
.ws-board-list-box.type-OrderHistoryDetailPop .detail-line-card .card-delivery-box{
  flex: 0 0 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  border-left: 1px solid #ccc;
}
.ws-board-list-box.type-OrderHistoryDetailPop .detail-line-card .card-delivery-box .btn-ico.ico-delivery{
  width: 48px;
  height: 48px;
  background: url(../../front/images/ico/ico-delivery3.png) no-repeat center center;
  background-size: 28px auto;
  text-indent: -9999px;
  display: flex;
  border-radius: 4px;
}
.ws-board-list-box.type-OrderHistoryDetailPop .detail-line-card .card-delivery-box .btn-ico.ico-delivery:hover{
  background-color: #fff;
}
.ws-board-list-box.type-OrderHistoryDetailPop .detail-line-card .card-head{
  display: flex;
  align-items: flex-start;
}
.ws-board-list-box.type-OrderHistoryDetailPop .detail-line-card .card-title{
  flex: 1;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  word-break: break-word;
}
.ws-board-list-box.type-OrderHistoryDetailPop .detail-line-card .card-meta{
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 24px;
}
.ws-board-list-box.type-OrderHistoryDetailPop .detail-line-card .card-meta .txt,
.ws-board-list-box.type-OrderHistoryDetailPop .detail-line-card .card-ship .txt{
  display: flex;
  align-items: flex-start;
  margin: 0;
}
.ws-board-list-box.type-OrderHistoryDetailPop .detail-line-card .card-meta .txt dt,
.ws-board-list-box.type-OrderHistoryDetailPop .detail-line-card .card-ship .txt dt{
  font-weight: 600;
  font-size: 13px;
  line-height: 18px;
  white-space: nowrap;
}
.ws-board-list-box.type-OrderHistoryDetailPop .detail-line-card .card-meta .txt dt::after,
.ws-board-list-box.type-OrderHistoryDetailPop .detail-line-card .card-ship .txt dt::after{
  content: ":";
  margin: 0 6px 0 2px;
}
.ws-board-list-box.type-OrderHistoryDetailPop .detail-line-card .card-meta .txt dd,
.ws-board-list-box.type-OrderHistoryDetailPop .detail-line-card .card-ship .txt dd{
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
}
.ws-board-list-box.type-OrderHistoryDetailPop .detail-line-card .card-ship{
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #eee;
}
.ws-board-list-box.type-OrderHistoryDetailPop .detail-line-card .card-ship .txt dd{
  word-break: break-word;
}
.ws-board-list-box.type-OrderHistoryDetailPop .detail-line-card .card-ship .ship-addr-inline{
  display: inline;
  white-space: normal;
  word-break: break-word;
}
.ws-board-list-box.type-OrderHistoryDetailPop .detail-empty{
  padding: 40px 20px;
  text-align: center;
  color: #666;
  border: 1px solid #ccc;
  border-radius: 6px;
}
.ws-board-list-box.type-DeliveryAddressMgt .box-head{ height: auto;}
.ws-board-list-box.type-DeliveryAddressMgt .list-search{ background-color: #f1f1f1; padding: 16px; margin: 8px 0 0 0; display: flex; border: 1px solid #ccc; border-radius: 6px; overflow: hidden;}
.ws-board-list-box.type-DeliveryAddressMgt .list-search:hover{ border-color: #009ae1;}
.ws-board-list-box.type-DeliveryAddressMgt .list-search input{ height: 40px; font-size: 13px; text-align: left; line-height: 24px; padding: 8px 8px 8px 16px; flex: 1; border-radius: 6px 0 0 6px;}
.ws-board-list-box.type-DeliveryAddressMgt .list-search a{ width: 40px; height: 40px; background: url(../../front/images/ico/ico-search.png) no-repeat center center #fff; text-indent: -9999px; padding: 0; margin: 0; display: inline-block; border-radius: 0 6px 6px 0;}
.ws-board-list-box.type-DeliveryAddressMgt .list-body{ margin: 16px 0 0 0;}
.ws-board-list-box.type-DeliveryAddressMgt .list-body .list{ border-bottom: 1px solid #ccc; border-radius: 6px;}
.ws-board-list-box.type-DeliveryAddressMgt .list-body .acco-list-box:last-child .acco-box{ border-bottom: 0;}
.ws-board-list-box.type-DeliveryAddressMgt .list-body .acco-list-box:last-child .boardList:checked + .acco-box{ border-bottom: 0;}
.ws-board-list-box.type-DeliveryAddressMgt .list-body .sort-box .colgroup.col6{ margin-right: 80px;}
.ws-board-list-box.type-DeliveryAddressMgt .list-body .colgroup{ width: auto; padding: 0 16px !important; margin: 0; display: flex; justify-content: center !important; flex: 1;}
.ws-board-list-box.type-DeliveryAddressMgt .list-body .acco-list .colgroup p{ width: auto; background-image: none; font-weight: 400; font-size: 13px; text-indent: 0;}
.ws-board-list-box.type-DeliveryAddressMgt .list-body .acco-list .colgroup.col7{ width: 80px; flex: none;}
.ws-board-list-box.type-DeliveryAddressMgt .acco-list .acco-head{ height: 64px;}
.ws-board-list-box.type-DeliveryAddressMgt .acco-list .acco-head:hover::before{ height: 100%;}
.ws-board-list-box.type-DeliveryAddressMgt .sort-box .colgroup p{ width: auto; background: none; font-weight: 500; font-size: 11px; text-indent: 0;}

.ws-board-list-box.type-DeliveryAddressList .box-head{ height: auto;}
.ws-board-list-box.type-DeliveryAddressList .list-search{ background-color: #f1f1f1; padding: 16px; margin: 8px 0 0 0; display: flex; border: 1px solid #ccc; border-radius: 6px; overflow: hidden;}
.ws-board-list-box.type-DeliveryAddressList .list-search:hover{ border-color: #009ae1;}
.ws-board-list-box.type-DeliveryAddressList .list-search input{ height: 40px; font-size: 13px; text-align: left; line-height: 24px; padding: 8px 8px 8px 16px; flex: 1; border-radius: 6px 0 0 6px;}
.ws-board-list-box.type-DeliveryAddressList .list-search a{ width: 40px; height: 40px; background: url(../../front/images/ico/ico-search.png) no-repeat center center #fff; text-indent: -9999px; padding: 0; margin: 0; display: inline-block; border-radius: 0 6px 6px 0;}
.ws-board-list-box.type-DeliveryAddressList .list-body{ margin: 16px 0 0 0;}
.ws-board-list-box.type-DeliveryAddressList .list-body .list{ border-bottom: 1px solid #ccc; border-radius: 6px;}
.ws-board-list-box.type-DeliveryAddressList .list-body .acco-list-box:last-child .acco-box{ border-bottom: 0;}
.ws-board-list-box.type-DeliveryAddressList .list-body .acco-list-box:last-child .boardList:checked + .acco-box{ border-bottom: 0;}
.ws-board-list-box.type-DeliveryAddressList .list-body .colgroup{ width: auto; padding: 0 16px !important; margin: 0; display: flex; flex: 1;}
.ws-board-list-box.type-DeliveryAddressList .list-body .colgroup p{ width: auto; background-image: none; font-weight: 400; text-indent: 0;}
.ws-board-list-box.type-DeliveryAddressList .list-body .colgroup.col1{ width: 64px; flex: none;}
.ws-board-list-box.type-DeliveryAddressList .list-body .colgroup.col3{ width: 112px; flex: none;}
.ws-board-list-box.type-DeliveryAddressList .list-body .colgroup.col6{ width: 96px; flex: none;}
.ws-board-list-box.type-DeliveryAddressList .list-body .colgroup.col7{ width: 144px; flex: none;}
.ws-board-list-box.type-DeliveryAddressList .list-body .colgroup.col8{ width: 176px; flex: none;}
.ws-board-list-box.type-DeliveryAddressList .list-body .sort-box .colgroup.col2{ margin-left: 64px;}
.ws-board-list-box.type-DeliveryAddressList .list-body .acco-list .acco-head:hover::before{ height: 100%;}
.ws-board-list-box.type-DeliveryAddressList .list-body .list.acco-list .colgroup.col8{ display: flex;}

.ws-board-list-box.type-ContentList .box-head{ height: auto;}
.ws-board-list-box.type-ContentList .list-search{ background-color: #f1f1f1; padding: 16px; margin: 8px 0 0 0; display: flex; border: 1px solid #ccc; border-radius: 6px; overflow: hidden;}
.ws-board-list-box.type-ContentList .list-search:hover{ border-color: #009ae1;}
.ws-board-list-box.type-ContentList .list-search input{ height: 40px; font-size: 13px; text-align: left; line-height: 24px; padding: 8px 8px 8px 16px; flex: 1; border-radius: 6px 0 0 6px;}
.ws-board-list-box.type-ContentList .list-search a{ width: 40px; height: 40px; background: url(../../front/images/ico/ico-search.png) no-repeat center center #fff; text-indent: -9999px; padding: 0; margin: 0; display: inline-block; border-radius: 0 6px 6px 0;}
.ws-board-list-box.type-ContentList .list-body{ margin: 16px 0 0 0;}
.ws-board-list-box.type-ContentList .list-body .acco-list-box:last-child .boardList:checked + .acco-box{ border-bottom: 0;}
.ws-board-list-box.type-ContentList .list-body .colgroup{ width: auto; padding: 0 16px !important; margin: 0; display: flex;}
.ws-board-list-box.type-ContentList .list-body .colgroup p{ width: auto; background-image: none; font-weight: 400; text-indent: 0;}
.ws-board-list-box.type-ContentList .list-body .colgroup.col1{ width: 80px;}
.ws-board-list-box.type-ContentList .list-body .colgroup.col2{ flex: 1;}
.ws-board-list-box.type-ContentList .list-body .colgroup.col3{ width: 320px;}
.ws-board-list-box.type-ContentList .list-body .colgroup.col4{ width: 128px;}
.ws-board-list-box.type-ContentList .acco-list .acco-head .colgroup.col2{ text-align: left; justify-content: flex-start;}
.ws-board-list-box.type-ContentList .acco-list .acco-head:hover::before{ height: 100%;}

.ws-board-list-box.type-FELGEN-WheelSelect2 .acco-list-box{ z-index: 0;}
.ws-board-list-box.type-FELGEN-WheelSelect2 .chkBox{ width: 16px; height: 16px; margin-top: -8px; position: absolute; top: 50%; left: 26px; z-index: 2;}
.ws-board-list-box.type-FELGEN-WheelSelect2 .chkBox span{ line-height: 16px !important; background: none !important; padding: 0 !important;}
.ws-board-list-box.type-FELGEN-WheelSelect2 .chkBox.solo .txt{ width: 16px; height: 16px; font-size: 0; line-height: 0; color: transparent; text-indent: -9999px; overflow: hidden; white-space: nowrap; padding: 0 !important; display: inline-block; position: relative;}
.ws-board-list-box.type-FELGEN-WheelSelect2 .chkBox span::before,
.ws-board-list-box.type-FELGEN-WheelSelect2 .chkBox.solo .txt::before{ margin: 0 !important; top: 0; left: 0;}
.ws-board-list-box.type-FELGEN-WheelSelect2 .column-group{ padding: 10px 10px; margin: 0 16px; display: flex; justify-content: space-between; border-bottom: 1px solid #ccc; cursor: pointer;}
.ws-board-list-box.type-FELGEN-WheelSelect2 .column-group > .column{ display: flex; flex-direction: column; flex: 1; align-items: flex-start; justify-content: center;}
.ws-board-list-box.type-FELGEN-WheelSelect2 .column-group > .column:nth-child(1){ padding-left: 20px; flex-direction: row; justify-content: flex-start;}
.ws-board-list-box.type-FELGEN-WheelSelect2 .column-group > .column:nth-child(3){ display: none;}
.ws-board-list-box.type-FELGEN-WheelSelect2 .column-group > .column:last-child{ width: 100px; flex: none; align-items: flex-end;}
.ws-board-list-box.type-FELGEN-WheelSelect2 .column-group > .column .num{ display: flex;}
.ws-board-list-box.type-FELGEN-WheelSelect2 .column-group > .column .num > span{ width: 20px; height: 20px; font-size: 12px; color: #fff; text-align: center; line-height: 20px; border-radius: 2px;}
.ws-board-list-box.type-FELGEN-WheelSelect2 .column-group > .column .num > span + span{ margin-left: 5px;}
.ws-board-list-box.type-FELGEN-WheelSelect2 .column-group > .column .num .bg1{ background-color: #ff9000;}
.ws-board-list-box.type-FELGEN-WheelSelect2 .column-group > .column .num .bg2{ background-color: #329f07;}
.ws-board-list-box.type-FELGEN-WheelSelect2 .acco-list-box:first-child .column-group:hover::before{ border-radius: 6px 6px 0 0;}

.ws-board-list-box.type-FELGEN-WheelSelect2 .boardList:checked + .column-group::before,
.ws-board-list-box.type-FELGEN-WheelSelect2 .column-group:hover::before{ background-color: #e9effc; content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1;}
.ws-board-list-box.type-FELGEN-WheelSelect2 .acco-list-box:first-child .boardList:checked + .column-group::before,
.ws-board-list-box.type-FELGEN-WheelSelect2 .acco-list-box:first-child .column-group:hover::before{ border-radius: 5px 5px 0 0;}

@media (min-width: 1024px) {
	.ws-board-list-box.type-FELGEN-WheelSelect2 #boardCard:checked ~ .list-body .list.acco-list{ flex-direction: row; flex-wrap: wrap;}
	.ws-board-list-box.type-FELGEN-WheelSelect2 #boardCard:checked ~ .list-body .chkBox{ top: auto; right: 15px; bottom: 15px; left: auto;}
	.ws-board-list-box.type-FELGEN-WheelSelect2 #boardCard:checked ~ .list-body .acco-list-box{ width: calc((100% - 128px) / 7); margin: 16px 0 0 16px;}
	.ws-board-list-box.type-FELGEN-WheelSelect2 #boardCard:checked ~ .list-body .column-group{ padding: 10px; margin: 0; flex-direction: column; border: 1px solid #ccc; border-radius: 8px;}
	.ws-board-list-box.type-FELGEN-WheelSelect2 #boardCard:checked ~ .list-body .column-group::before{ display: none;}
	.ws-board-list-box.type-FELGEN-WheelSelect2 #boardCard:checked ~ .list-body .column{ width: 100%;}
	.ws-board-list-box.type-FELGEN-WheelSelect2 #boardCard:checked ~ .list-body .txt{ font-size: 16px; line-height: 20px;}
	.ws-board-list-box.type-FELGEN-WheelSelect2 #boardCard:checked ~ .list-body .column:nth-child(1){ padding: 0; flex-direction: column;}
	.ws-board-list-box.type-FELGEN-WheelSelect2 #boardCard:checked ~ .list-body .column:nth-child(1) .txt{ font-weight: 600; font-size: 16px; color: #ea7c1e; line-height: 22px;}
	.ws-board-list-box.type-FELGEN-WheelSelect2 #boardCard:checked ~ .list-body .column:nth-child(3){ padding: 2px; display: block;}
	.ws-board-list-box.type-FELGEN-WheelSelect2 #boardCard:checked ~ .list-body .column:nth-child(4){ margin-top: 22px;}
	.ws-board-list-box.type-FELGEN-WheelSelect2 #boardCard:checked ~ .list-body .column:nth-child(5){ width: auto; align-items: flex-start; position: absolute; bottom: 35px; left: 10px; right: 10px;}
	.ws-board-list-box.type-FELGEN-WheelSelect2 #boardCard:checked ~ .list-body .column:nth-child(5) .txt{ font-size: 16px; line-height: 22px;}
	.ws-board-list-box.type-FELGEN-WheelSelect2 #boardCard:checked ~ .list-body .img{ width: 100%; height: 100px; background: no-repeat center center; background-size: contain;}
	.ws-board-list-box.type-FELGEN-WheelSelect2 #boardCard:checked ~ .list-body .column-group:hover,
	.ws-board-list-box.type-FELGEN-WheelSelect2 #boardCard:checked ~ .list-body .boardList:checked + .column-group{ padding: 9px; border: 2px solid #ea7c1e;}
}

.ws-description-box{ width: 100%; margin: 20px 0 0 0; display: flex; flex-direction: column;}
.ws-description-box .btn-description{ background: url(../../front/images/ico/icon_instruction.png) no-repeat center 10px; font-size: 14px; color: #000; text-align: center; line-height: 18px; padding: 30px 20px 10px 20px; border: 1px solid #ccc; border-radius: 8px;}
.ws-description-box .btn-description:hover{ background-color: #f1f1f1;}
.ws-description-box .acco-head{ text-align: right;}
.ws-description-box .acco-body{ margin: 10px 0 0 0;}

.ws-radioTab-box{ display: flex; flex-direction: column; position: relative;}
.ws-radioTab-box > input{ position: absolute; top: 0; left: -9999px;}
.ws-radioTab-box > .box-head{ display: flex;}
.ws-radioTab-box > .box-head .tab-btn{ height: 42px; font-weight: 500; font-size: 13px; color: #333; text-align: center; line-height: 15px; flex: 1; border: 1px solid #ccc; border-radius: 16px 16px 0 0; box-sizing: border-box; cursor: pointer; display: inline-flex; justify-content: center; align-items: center; position: relative; margin-right: 2px;}
.ws-radioTab-box > .box-head .tab-btn::before {content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 1px solid transparent; border-radius: inherit;}
.ws-radioTab-box > .box-head .tab-btn:hover{ border-color: #000;}
/*.ws-radioTab-box > .box-head .tab-btn + .tab-btn{ margin-left: 2px;}*/
.ws-radioTab-box > .box-head .tab-btn:last-child {margin-right: 0;}
.ws-radioTab-box > .tab-moBtn {display: none;}
.ws-radioTab-box > .box-body{ margin: 48px 0 0 0; display: none; flex-direction: column;}

/*.ws-radioTab-box #rt1:checked ~ .box-head .tab-btn.tab1{ line-height: 38px; border: 2px solid #009de2;}
.ws-radioTab-box #rt1:checked ~ .box-body.tab1{ display: flex;}
.ws-radioTab-box #rt2:checked ~ .box-head .tab-btn.tab2{ line-height: 38px; border: 2px solid #009de2;}
.ws-radioTab-box #rt2:checked ~ .box-body.tab2{ display: flex;}
.ws-radioTab-box #rt3:checked ~ .box-head .tab-btn.tab3{ line-height: 38px; border: 2px solid #009de2;}
.ws-radioTab-box #rt3:checked ~ .box-body.tab3{ display: flex;}
.ws-radioTab-box #rt4:checked ~ .box-head .tab-btn.tab4{ line-height: 38px; border: 2px solid #009de2;}
.ws-radioTab-box #rt4:checked ~ .box-body.tab4{ display: flex;}
.ws-radioTab-box #rt5:checked ~ .box-head .tab-btn.tab5{ line-height: 38px; border: 2px solid #009de2;}
.ws-radioTab-box #rt5:checked ~ .box-body.tab5{ display: flex;}
.ws-radioTab-box #rt6:checked ~ .box-head .tab-btn.tab6{ line-height: 38px; border: 2px solid #009de2;}
.ws-radioTab-box #rt6:checked ~ .box-body.tab6{ display: flex;}*/

.ws-radioTab-box #rt1:checked ~ .box-head .tab-btn.tab1,
.ws-radioTab-box #rt1:checked ~ .box-head .tab-btn.tab1::before,
.ws-radioTab-box #rt2:checked ~ .box-head .tab-btn.tab2,
.ws-radioTab-box #rt2:checked ~ .box-head .tab-btn.tab2::before,
.ws-radioTab-box #rt3:checked ~ .box-head .tab-btn.tab3,
.ws-radioTab-box #rt3:checked ~ .box-head .tab-btn.tab3::before,
.ws-radioTab-box #rt4:checked ~ .box-head .tab-btn.tab4,
.ws-radioTab-box #rt4:checked ~ .box-head .tab-btn.tab4::before,
.ws-radioTab-box #rt5:checked ~ .box-head .tab-btn.tab5,
.ws-radioTab-box #rt5:checked ~ .box-head .tab-btn.tab5::before,
.ws-radioTab-box #rt6:checked ~ .box-head .tab-btn.tab6,
.ws-radioTab-box #rt6:checked ~ .box-head .tab-btn.tab6::before,
.ws-radioTab-box .box-head .tab-btn.active{border-color: #009de2;}
.ws-radioTab-box #rt1:checked ~ .box-body.tab1,
.ws-radioTab-box #rt2:checked ~ .box-body.tab2,
.ws-radioTab-box #rt3:checked ~ .box-body.tab3,
.ws-radioTab-box #rt4:checked ~ .box-body.tab4,
.ws-radioTab-box #rt5:checked ~ .box-body.tab5,
.ws-radioTab-box #rt6:checked ~ .box-body.tab6,
.ws-radioTab-box .box-body.active{ display: flex;}

.order-total-box{ display: flex; justify-content: flex-end;}
.order-total-box dl{ display: flex; align-items: flex-end;}
.order-total-box dt{ font-weight: 700; font-size: 16px; color: #333; line-height: 27px; display: flex;}
.order-total-box dt::after{ width: 24px; text-align: center; content: ':';}
.order-total-box dd{ font-weight: 700; font-size: 20px; color: #009ae1; line-height: 32px; padding-right: 32px;}

.ws-type-dot {padding-left: 15px; position: relative; font-size: 13px; line-height: 17px; font-weight: 500;}
.ws-type-dot::before {content: ''; display: block; width: 3px; height: 3px; border-radius: 2px; background-color: #333; position: absolute; left: 5px; top: 7px;}
.ws-type-dot {padding-left: 10px;}
.ws-type-dot::before {left: 0;}

.ws-type-dot.type1::before {width: 2px; height: 2px; border-radius: 1px; background-color: #0395a4; margin-top: -1px;}

.ws-type-dot.type2 { min-height: 33px; padding-left: 17px; display: flex; align-items: center;}
.ws-type-dot.type2::before {width: 4px; height: 4px; border-radius: 2px; background-color: #5974b6; margin: 0; top: 14px; left: 0;}

.ws-type-dot.type3 {padding-left: 12px;}
.ws-type-dot.type3::before {width: 4px; height: 4px; border-radius: 2px; background-color: #0395a4; margin-top: -1px;}

.ws-dl-box {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start;}
.ws-dl-box > dl {display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: flex-start; margin: 4px 0;}
.ws-dl-box > dl.flex1 {flex-basis: 100% !important; justify-content: flex-start;}
.ws-dl-box > dl:not(.flex1) > dt + dd > * {width: 100%;}
.ws-dl-box > dl .req{ position: relative;}
.ws-dl-box > dl .req::after{ width: 8px; content: '*'; color: #ff0000; text-align: right; line-height: inherit; display: inline-block;}

.ws-dl-box.type-col {flex-direction: column;}

.ws-dl-box dl.type-col {flex-direction: column; align-items: flex-start; justify-content: flex-start;}
.ws-dl-box dl.type-col > dt.ws-type-dot.type3 + dd {padding-left: 12px; width: 100%; margin-top: 12px;}
.ws-dl-box dl.type-col dl.ws-dl-box-inner {margin: 2px 0;}

.ws-dl-box .form-flex{ display: flex;}
.ws-dl-box .form-flex > *{ min-width: auto; width: 100%; flex: 1; display: inline-block; box-sizing: border-box;}
.ws-dl-box .form-flex > * + *{ margin-left: 4px;}

.ws-dl-box > dl { width: 100%;}
.ws-dl-box.col1 > dl {flex-basis: 100%;}
.ws-dl-box.col2 > dl {flex-basis: calc(100% / 2);}
.ws-dl-box.col3 > dl {flex-basis: calc(100% / 3);}
.ws-dl-box.col4 > dl {flex-basis: calc(100% / 4);}
.ws-dl-box.col5 > dl {flex-basis: calc(100% / 5);}
.ws-dl-box.col6 > dl {flex-basis: calc(100% / 6);}

.ws-dl-box.type-dtW1 > dl > dt {width: 100px;}
.ws-dl-box.type-dtW1 > dl > dt + dd {width: calc(100% - 100px);}

.ws-dl-box.type-dtW2 > dl > dt {width: auto; white-space: nowrap; padding-right: 14px;}
.ws-dl-box.type-dtW2 > dl > dt + dd {flex: 1;}

.ws-dl-box.type-dtW3 > dl.ws-dl-box-inner {width: 100%;}
.ws-dl-box.type-dtW3 > dl > dt {width: calc(220px + 5%); font-size: 13px;}
.ws-dl-box.type-dtW3 > dl > dt + dd {width: calc(95% - 176px);}

.ws-dl-box.type-dtW4 > dl > dt {width: 144px;}
.ws-dl-box.type-dtW4 > dl > dt + dd {width: calc(100% - 144px);}
.ws-dl-box.type-dtW4 > dl > dt .ico{ background: no-repeat center center; text-indent: -9999px; margin: 0 4px; display: inline-block;}
.ws-dl-box.type-dtW4 > dl > dt .ico.ico-tooltip{ width: 17px; height: 17px; background-image: url(../../front/images/ico/ico-tooltip.png);}

.ws-dl-box.type-dtW5 > dl > dt {width: auto; margin-left: 32px;}
.ws-dl-box.type-dtW5 > dl > dd{ margin: 0 0 0 16px; flex: 1;}
.ws-dl-box.type-dtW5.col2 > dl:nth-child(2n+1) > dt{ margin-left: 0;}

.ws-dlTxt-box dl > dt.type-dot,
.ws-dlTxt-box dl > dt.type-dot + dd {font-size: 13px; line-height: 17px; font-weight: 400;}
.ws-dlTxt-box dl > dt.type-dot {color: #444; font-weight: 500;}
.ws-dlTxt-box dl > dt.type-dot + dd {padding-left: 15px;color: #555; margin-top: 3px;}

.ws-logo-box {display: flex; justify-content: center; align-items: center; width: 100%; height: 171px; border: 1px solid #ccc; border-radius: 6px;}
.ws-logo-box p { background: no-repeat center center; background-size: contain; font-size: 20px; color: #bbbaba; line-height: 24px;}

.ws-txtList-box {display: flex;}
.ws-txtList-box.type-col {flex-direction: column;}
.ws-txtList-box dl dt,
.ws-txtList-box dl dd,
.ws-txtList-box ul li {font-size: 13px; line-height: 18px; color: #444; font-weight: 400;}
.ws-txtList-box dl dt {font-size: 14px; line-height: 19px; color: #009ae1; font-weight: bold;}
.ws-txtList-box dl + ul {margin-top: 24px;}

.flex-sb > div {display: flex;}

.tit-dep1 {font-size: 18px; font-weight: 500; line-height: 22px; color: #333; display: flex;}
.tit-dep1::before{ width: 22px; font-weight: 700; font-size: 22px; text-align: center; color: #009ae1; content: 'ㆍ';}
.tit-dep2 {font-size: 18px; font-weight: 500; line-height: 22px; color: #333;}

.tit-dep2[class*="type-dep-w"] {padding-left: 46px; position: relative; min-height: 34px; display: flex; justify-content: flex-start; align-items: center;}
.tit-dep2[class*="type-dep-w"]::before {content: ''; display: block; width: 34px; height: 34px; background-color: #666; background-position: center center; background-repeat: no-repeat; border-radius: 17px; position: absolute; left: 0; top: 50%; margin-top: -21px;}
.tit-dep2.type-dep-w1::before {background-image: url(../images/ico/ico-depTitle-w1.png);}
.tit-dep2.type-dep-w2::before {background-image: url(../images/ico/ico-depTitle-w2.png);}
.tit-dep2.type-dep-w3::before {background-image: url(../images/ico/ico-depTitle-w3.png);}
.tit-dep2.type-dep-w4::before {background-image: url(../images/ico/ico-depTitle-w4.png);}
.tit-dep2.type-dep-w5::before {background-image: url(../images/ico/ico-depTitle-w5.png);}
.tit-dep2.type-dep-w6::before {background-image: url(../images/ico/ico-depTitle-w6.png);}
.tit-dep3.type-dep-w7::before {background-image: url(../images/ico/ico-depTitle-w7.png);}
.tit-dep3.type-dep-w8::before {background-image: url(../images/ico/ico-depTitle-w8.png);}
.tit-dep3.type-dep-w9::before {background-image: url(../images/ico/ico-depTitle-w9.png);}

.tit-dep3{ font-size: 22px; font-weight: 500; line-height: 24px; color: #333; padding-top: 10px; padding-bottom: 10px;}
.tit-dep3[class*="type-dep-w"] {padding-left: 58px; position: relative; min-height: 44px; display: flex; justify-content: flex-start; align-items: center;}
.tit-dep3[class*="type-dep-w"]::before {content: ''; display: block; width: 44px; height: 44px; background-color: #666; background-position: center center; background-repeat: no-repeat; border-radius: 22px; position: absolute; left: 0; top: 50%; margin-top: -22px;}

.ws-board-list-box > .box-head .tit-dep3 + .btn-box .btn-ix{ height: 44px; font-weight: 500; font-size: 14px; padding: 0 20px; display: flex; align-items: center; justify-content: center; border-radius: 8px;}
.tit-dep3 + .btn-box .btn-ix.type1{ background-color: #009ae1; color: #fff;}
.tit-dep3 + .btn-box .btn-ix.type1:hover{ background-color: #2f4d99;}
.tit-dep3 + .btn-box .btn-ix.type1 .txt{ color: #fff;}
.tit-dep3 + .btn-box .btn-ix.type1 .ico{ background-repeat: no-repeat; background-position: center center;}
.tit-dep3 + .btn-box .btn-ix.type1 .ico + .txt{ margin-left: 14px;}
.ico.ico-Kundenkonto-7{ width: 34px; height: 28px; background-image: url(../../front/images/ico/ico-Kundenkonto-7.png);}
.ico.ico-Kundenkonto-8{ width: 39px; height: 24px; background-image: url(../../front/images/ico/ico-Kundenkonto-8.png);}
.ico.ico-Kundenkonto-9{ width: 36px; height: 25px; background-image: url(../../front/images/ico/ico-Kundenkonto-9.png);}

.term-col-box{ width: 100%; display: flex; flex-direction: column;}
.term-col-box dt{ font-weight: 600; color: #444;}
.term-col-box dt + dd{ margin: 5px 0 0 0;}
.term-col-box dd{ font-weight: 400; font-size: 16px; color: #777; line-height: 20px;}
.term-col-box .term-col-box:first-child{ margin-top: 10px;}
.term-col-box a{ color: #008cff; display: inline-block;}
.term-col-box a:hover{ color: #0062ff; text-decoration: underline;}
.term-col-box.type1 > dl > dt{ font-size: 24px; line-height: 28px;}
.term-col-box.type1 + .term-col-box.type1{ margin-top: 80px;}
.term-col-box.type2 > dl > dt{ font-weight: 400; font-size: 24px; line-height: 28px;}
.term-col-box.type2 + .term-col-box.type2{ margin-top: 30px;}
.term-col-box.type3 + .term-col-box.type3{ margin-top: 30px;}

/* Datenschutzhinweise */
.privacy-page{ max-width: 920px; margin: 0 auto; padding: 8px 0 48px; }
.privacy-intro{ background: linear-gradient(135deg, #fff8f3 0%, #fff 55%); border: 1px solid #f0e4d8; border-radius: 12px; padding: 28px 32px; margin-bottom: 40px; }
.privacy-intro__title{ font-size: 28px; font-weight: 700; color: #333; line-height: 1.3; margin: 0 0 16px; }
.privacy-intro__text{ font-size: 15px; color: #555; line-height: 1.75; margin: 0; }
.privacy-intro__text + .privacy-intro__text{ margin-top: 12px; }
.privacy-intro__meta{ display: flex; flex-wrap: wrap; gap: 8px 16px; margin-top: 20px; padding-top: 16px; border-top: 1px solid #f0e4d8; font-size: 13px; color: #888; }
.privacy-intro__meta span{ display: inline-flex; align-items: center; gap: 6px; }
.privacy-toc{ background: #fafafa; border: 1px solid #eee; border-radius: 10px; padding: 20px 24px; margin-bottom: 40px; }
.privacy-toc__title{ font-size: 14px; font-weight: 700; color: #444; text-transform: uppercase; letter-spacing: 0.04em; margin: 0 0 12px; }
.privacy-toc__list{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 6px 24px; margin: 0; padding: 0; list-style: none; }
.privacy-toc__list a{ font-size: 14px; color: #555; text-decoration: none; line-height: 1.5; transition: color .15s; }
.privacy-toc__list a:hover{ color: #ea7c1e; }
.privacy-section{ margin-bottom: 36px; scroll-margin-top: 24px; }
.privacy-section__head{ display: flex; align-items: flex-start; gap: 14px; margin-bottom: 16px; padding-bottom: 12px; border-bottom: 2px solid #f5f5f5; }
.privacy-section__num{ flex-shrink: 0; width: 36px; height: 36px; background: #ea7c1e; color: #fff; font-size: 15px; font-weight: 700; line-height: 36px; text-align: center; border-radius: 8px; }
.privacy-section__num--wide{ width: auto; min-width: 36px; padding: 0 10px; }
.privacy-section__title{ flex: 1; font-size: 20px; font-weight: 700; color: #333; line-height: 1.4; margin: 0; padding-top: 4px; }
.privacy-section__body{ font-size: 15px; color: #555; line-height: 1.75; }
.privacy-section__body > p{ margin: 0 0 14px; }
.privacy-section__body > p:last-child{ margin-bottom: 0; }
.privacy-card{ background: #fafafa; border: 1px solid #eee; border-radius: 10px; padding: 20px 24px; margin-top: 16px; }
.privacy-card + .privacy-card{ margin-top: 12px; }
.privacy-card__title{ font-size: 17px; font-weight: 600; color: #444; margin: 0 0 14px; padding-left: 12px; border-left: 3px solid #ea7c1e; }
.privacy-field{ margin-bottom: 18px; }
.privacy-field:last-child{ margin-bottom: 0; }
.privacy-field__label{ display: block; font-size: 13px; font-weight: 700; color: #ea7c1e; text-transform: uppercase; letter-spacing: 0.02em; margin-bottom: 6px; line-height: 1.4; }
.privacy-field__value{ font-size: 15px; color: #555; line-height: 1.7; margin: 0; }
.privacy-contact{ background: #fff; border: 1px solid #e8e8e8; border-radius: 8px; padding: 16px 20px; margin-top: 12px; }
.privacy-contact__name{ font-weight: 700; color: #333; margin: 0 0 8px; font-size: 15px; }
.privacy-contact p{ margin: 0; font-size: 14px; color: #666; line-height: 1.65; }
.privacy-contact a{ color: #008cff; }
.privacy-contact a:hover{ color: #0062ff; text-decoration: underline; }
.privacy-list{ margin: 8px 0 14px; padding-left: 22px; }
.privacy-list li{ margin-bottom: 6px; line-height: 1.65; }
.privacy-list--bullet{ list-style: disc; }
.privacy-list--num{ list-style: decimal; }
.privacy-notice{ background: #fff9f0; border-left: 4px solid #ea7c1e; padding: 16px 20px; margin: 16px 0; border-radius: 0 8px 8px 0; font-size: 14px; font-weight: 600; color: #444; line-height: 1.65; }
.privacy-table-wrap{ overflow-x: auto; margin-top: 20px; border: 1px solid #e5e5e5; border-radius: 10px; -webkit-overflow-scrolling: touch; }
.privacy-table{ width: 100%; min-width: 720px; border-collapse: collapse; font-size: 13px; }
.privacy-table thead th{ background: #f5f5f5; font-weight: 700; color: #444; text-align: left; padding: 12px 14px; border-bottom: 2px solid #e0e0e0; white-space: nowrap; }
.privacy-table tbody td{ padding: 12px 14px; border-bottom: 1px solid #eee; color: #555; vertical-align: top; line-height: 1.55; }
.privacy-table tbody tr:last-child td{ border-bottom: 0; }
.privacy-table tbody tr:hover td{ background: #fafafa; }
.privacy-page a{ color: #008cff; }
.privacy-page a:hover{ color: #0062ff; text-decoration: underline; }
.privacy-page--popup{ max-width: none; padding: 8px 4px 16px; }
.privacy-page--popup .privacy-intro{ margin-bottom: 24px; padding: 20px; }
.privacy-page--popup .privacy-intro__title{ display: none; }
.privacy-page--popup .privacy-toc{ margin-bottom: 24px; }
.privacy-page--popup .privacy-section{ margin-bottom: 28px; }
.privacy-page--popup .privacy-section__title{ font-size: 17px; }
#dataProtectionPop .pop-cont.custom-scroll,
#imprintPop .pop-cont.custom-scroll,
#agbPop .pop-cont.custom-scroll{ max-height: 70vh; }
@media (max-width: 768px){
	.privacy-intro{ padding: 20px; }
	.privacy-intro__title{ font-size: 22px; }
	.privacy-toc__list{ grid-template-columns: 1fr; }
	.privacy-section__title{ font-size: 17px; }
	.privacy-card{ padding: 16px; }
	.privacy-page--popup .privacy-toc__list{ grid-template-columns: 1fr; }
}

.dl-col-box.type1{ width: 100%; display: flex; flex-direction: column;}
.dl-col-box.type1 > dl{ display: flex; flex-direction: column;}
.dl-col-box.type1 > dl + dl{ margin: 16px 0 0 0;}
.dl-col-box.type1 > dl > dt{ font-weight: 700; font-size: 18px; color: #333; line-height: 21px;}
.dl-col-box.type1 > dl > dd{ font-weight: 400; font-size: 13px; color: #333; line-height: 18px; padding: 0; margin-top: 8px;}
.dl-col-box.type2{ width: 100%; display: flex; flex-direction: column;}
.dl-col-box.type2 > dl{ display: flex; flex-direction: column;}
.dl-col-box.type2 > dl + dl{ margin: 16px 0 0 0;}
.dl-col-box.type2 > dl > dt{ font-weight: 700; font-size: 13px; color: #333; line-height: 18px;}
.dl-col-box.type2 > dl > dd{ font-weight: 400; font-size: 13px; color: #333; line-height: 16px; margin-top: 4px;}
.dl-col-box.type3{ width: 100%; display: flex; flex-direction: column; border: 1px solid #ccc;}
.dl-col-box.type3 > dl{ width: 100%; background-color: #f1f1f1; padding: 4px 0; display: flex;}
.dl-col-box.type3 > dl:nth-child(2n-2){ background-color: #fff;}
.dl-col-box.type3 > dl + dl{ border-top: 1px solid #ccc;}
.dl-col-box.type3 > dl > dt{ width: 224px; font-weight: 700; font-size: 13px; line-height: 16px; padding: 4px 8px;}
.dl-col-box.type3 > dl > dd{ font-weight: 400; font-size: 13px; line-height: 16px; padding: 4px 8px 4px 12px; flex: 1; position: relative;}
.dl-col-box.type3 > dl > dd::before{ width: 4px; height: 24px; text-align: left; line-height: 24px; content: ":"; position: absolute; top: 0; left: 0;}
.dl-col-box .dl-col-box{ margin: 16px 0 0 0;}
.dl-col-box + .dl-col-box{ margin-top: 64px;}

.orderNum-list{ width: 500px; padding: 0 20px; margin: 10px auto 40px auto;}
.orderNum-list dl{ display: flex; flex-direction: column;}
.orderNum-list dt{ font-weight: 700; font-size: 26px; color: #000; text-align: center; line-height: 30px; padding: 10px 0; margin: 0 0 5px 0;}
.orderNum-list dd{ font-weight: 400; font-size: 16px; color: #ea7c1e; text-align: center; padding: 5px 10px;}

.car-info-box{ width: 100%; display: flex; flex-direction: column;}
.car-info-box > .box-head{ background-color: #333; font-size: 16px; color: #fff; text-align: center; line-height: 19px; padding: 8px 0;}
.car-info-box > .box-body{ margin: 16px 0 0 0; display: flex;}
.car-info-box > .box-body > div:first-child{ width: 400px;}
.car-info-box > .box-body > div + div{ margin-left: 16px; flex: 1;}

.table-scroll{ width: 100%; display: flex; flex-direction: column;}
.table-scroll .table-head{ background-color: #f1f1f1; padding-right: 5px; border-top: 1px solid #666; border-bottom: 1px solid #666;}
.table-scroll .table-head table{ width: 100%; border-left: 1px solid #ccc;}
.table-scroll .table-head table th{ height: 32px; font-size: 13px; color: #333; line-height: 16px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;}
.table-scroll .table-head table tr:last-child th{ border-bottom: 0;}
.table-scroll .table-body{ flex: 1; border: 1px solid #ccc; border-bottom-color: #666; border-top: 0; overflow-y: scroll; position: relative;}
.table-scroll .table-body::-webkit-scrollbar {width: 4px; height: 4px;}
.table-scroll .table-body::-webkit-scrollbar-track {background-color: #fff;}
.table-scroll .table-body::-webkit-scrollbar-thumb {background-color: #666; border-radius: 0;}
.table-scroll .table-body table{ position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.table-scroll .table-body table td{ height: 32px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}

.img-select-box{ width: 100%; padding: 64px 32px; display: flex; flex-direction: column; border: 1px solid #ccc; border-radius: 6px;}
.img-select-box .list{ display: flex; flex-wrap: wrap; justify-content: center;}
.img-select-box .item{ margin: 0 15px 15px 0;}
.img-select-box .select{ display: inline-block; position: relative; cursor: pointer;}
.img-select-box .select input{ position: absolute; top: 0; left: -9999px;}
.img-select-box .select .img{ width: 100%; height: 95px; background: no-repeat center center; background-size: contain; position: absolute; top: 10px; left: 0;}
.img-select-box .select .txt{ width: 189px; height: 176px; font-weight: 400; font-size: 18px; text-align: center; line-height: 24px; padding: 124px 0 16px 0; border: 4px solid transparent; border-radius: 19px; position: relative;}
.img-select-box .select .txt::before{ width: 23px; height: 24px; background: url(../images/ico/checkbox.png) no-repeat center center; background-size: contain; content: ''; position: absolute; top: 14px; right: 14px;}
.img-select-box .select:hover .txt,
.img-select-box .select input:checked ~ .txt{ border-color: #ee7103;}
.img-select-box .select input:checked ~ .txt::before{ background-image: url(../images/ico/checkbox_select.png);}
.img-select-box .btn{ margin-top: 15px; display: flex; justify-content: center;}
.img-select-box .btn .btn-search{ height: 50px; background: url(../../front/images/ico/ico-wheel-search.png) no-repeat 26px center #009ae1; font-weight: 400; font-size: 14px; color: #fff; line-height: 50px; padding: 0 24px 0 50px; border-radius: 6px;}
.img-select-box .btn .btn-search:hover{ background-color: #38549b;}

.auto-del-setting dl{ display: flex; flex-direction: column;}
.auto-del-setting dt{ font-weight: 700; font-size: 13px; line-height: 18px;}
.auto-del-setting dd{ margin: 4px 0 0 0;}
.auto-del-setting label{ position: relative; cursor: pointer;}
.auto-del-setting label input{ position: absolute; top: 0; left: -9999px;}
.auto-del-setting label span{ width: 240px; height: 32px; background-color: #f1f1f1; font-weight: 400; font-size: 13px; line-height: 14px; padding: 0; display: flex; align-items: center; justify-content: center; border: 1px solid #ccc; border-radius: 3px;}
.auto-del-setting label input:checked + span{ background-color: #009ae1; color: #fff; border-color: #0b2770;}
.auto-del-setting label:hover span{ background-color: #ddd;}

.contact-box{ width: 640px; margin: 0 auto; display: flex; flex-direction: column;}

.ws-table-title {font-size: 14px; font-weight: 500; color: #009ae1;}

.ws-table.type-list {border-top: 1px solid #ddd;}
.ws-table.type-list th,
.ws-table.type-list td {border-bottom: 1px solid #ddd; height: 31px; text-align: center; font-size: 13px; line-height: 14px; color: #888; font-weight: 400;}
.ws-table.type-list thead th {background-color: #f4f4f4; height: 48px; font-weight: bold; color: #333;}
.ws-table.type-list tbody tr:hover {background-color: rgba(0,0,0,.05);}
.ws-table.type-list tbody tr.selected {background-color: #fff4e6;}
.ws-table.type-list tbody th,
.ws-table.type-list tbody td {padding-left: 10px; padding-right: 10px;}
.ws-table.type-list .vtB {vertical-align: bottom !important;}
.ws-table.type-list .input1{ font-weight: 400; font-size: 13px;}

.ws-table.type-list .total:not(td) {display: inline-flex; justify-content: flex-start; align-items: center; font-size: 11px; line-height: 14px; color: #666; font-weight: 500;}

.ws-table.type-list.type1 {ws-table-layout: fixed;}
.ws-table.type-list.type1 thead th {background-color: #fff; height:30px;}
.ws-table.type-list.type1 thead th .btn-ix {height: 24px; min-width: 24px; padding: 0 4px;}
.ws-table.type-list.type1 thead th > * {vertical-align: middle; display: inline-block;}
.ws-table.type-list.type1 tbody th,
.ws-table.type-list.type1 tbody td {padding: 10px; height: 102px;}
.ws-table.type-list.type1 tbody td .dc-box + .won-box {margin-top: 10px;}
.ws-table.type-list.type1 .va-b.vab-type1 .inputUD-box {margin-bottom: 12px;}
.ws-table.type-list.type1 .va-b.vab-type2 {position: relative;}
.ws-table.type-list.type1 .va-b.vab-type2 .btn-ix {position: absolute; top: 12px; right: 5px; padding: 0;}
.ws-table.type-list.type1 .va-b.vab-type2 .won.type3 {margin-bottom: 18px;}
.ws-table.type-list.type1 .ta-l.type-inCenter1 {padding-left: 34px;}

.ws-table.type-list.type2 thead th {font-weight: 400; font-size: 10px;}
.ws-table.type-list.type2 thead th:not(.no-bar) {position: relative;}
.ws-table.type-list.type2 thead th:not(.no-bar)::after {content: ''; display: block; width: 1px; height: 9px; background-color: #ddd; position: absolute; right: 0; top: 50%; margin-top: -5px;}
.orderCart-area.cartView .ws-table.type-list.type2 thead th.type-nobar::after,
.ws-table.type-list.type2 thead tr th:last-child::after {content: none;}
.ws-table.type-list.type2 tbody th,
.ws-table.type-list.type2 tbody td {border-color: transparent; height: 43px;}

.ws-table.type-list.type2 tr {position: relative;}
.ws-table.type-list.type2 tr::after {content: ''; display: block; width: auto; height: 1px; border-bottom: 1px dashed #ccc; position: absolute; left: 13px; right: 13px; bottom: 0;}
.ws-table.type-list.type2 thead tr > *:first-child,
.ws-table.type-list.type2 tbody tr > *:first-child {padding-left: 13px;}
.ws-table.type-list.type2 thead tr > *:last-child,
.ws-table.type-list.type2 tbody tr > *:last-child {padding-right: 13px;}

.ws-table-box.type-tableBox1 {display: flex; justify-content: space-between; align-items: stretch;}
.ws-table-box.type-tableBox1 .box-col.type-col1 {width: 176px;;}
.ws-table-box.type-tableBox1 .box-col.type-col2 {padding-left: 13px; flex: 1;}
.ws-table-box.type-tableBox1 .ws-table.type-list {border-radius: 8px 8px 0 0; border: 1px solid #ccc; table-layout: fixed;}
.ws-table-box.type-tableBox1 .ws-table.type-list th,
.ws-table-box.type-tableBox1 .ws-table.type-list td {padding: 6px; height: 40px; border-left: 1px solid #ccc;}
.ws-table-box.type-tableBox1 .ws-table.type-list tr > *:first-child {border-left: 0 none;}
.ws-table-box.type-tableBox1 .ws-table.type-list tr:last-child > * {border-bottom: 0 none;}
.ws-table-box.type-tableBox1 .ws-table.type-list thead th {height: 48px;}
.ws-table-box.type-tableBox1 .ws-table.type-list thead > tr:first-child > th:first-child {border-top-left-radius: 8px;}
.ws-table-box.type-tableBox1 .ws-table.type-list thead > tr:first-child > th:last-child {border-top-right-radius: 8px;}
.ws-table-box.type-tableBox1 .ws-table.type-list .form-input,
.ws-table-box.type-tableBox1 .ws-table.type-list .form-select {height: 28px; padding-top: 2px; padding-bottom: 2px;}
.ws-table-box.type-tableBox1 .ws-table-title {height: 38px; display: flex; justify-content: center; align-items: center;}

.ws-table-box.type-tableBox1 .box-col[class*="type-col"] {display: flex; flex-direction: column;}
.ws-table-box.type-tableBox1 .box-col[class*="type-col"] > .ws-table-title {}
.ws-table-box.type-tableBox1 .box-col[class*="type-col"] > .ws-table {flex: 1;}

.ws-table-box.type-tableBox1 + * {margin-top: 22px;}

.ws-border-box[class*="type-bb"] .box-head {margin-bottom: 16px;}
.ws-border-box[class*="type-bb"] + .ws-btn-box {margin-top: 46px;}
.ws-border-box[class*="type-bb"] [class*="type-formStyle"] > .input1,
.ws-border-box[class*="type-bb"] [class*="type-formStyle"] > .select1,
.ws-border-box[class*="type-bb"] [class*="type-formStyle"] > .textarea1 {border-radius: 2px;}

.ws-border-box.type-bb1 {}
.ws-border-box.type-bb1 .box-head {margin-bottom: 16px;}
.ws-border-box.type-bb1 + .ws-border-box.type-bb1 {margin-top: 47px;}
.ws-border-box.type-bb1 .box-body {border: 1px solid #ccc; border-radius: 6px 3px 3px 3px; padding: 33px 56px;}

.ws-border-box.type-bb1 .box-body .ws-dl-box.type-dtW1 dt {margin-left: 34px;}
.ws-border-box.type-bb1 .box-body .ws-dl-box.type-dtW1 dt + dd {width: calc(100% - 134px);}
.ws-border-box.type-bb1 .box-body .ws-dl-box.col2.type-dtW1 dl.flex1 dt + dd {width: calc( (100% / 2) - 134px);}
.ws-border-box.type-bb1 .box-body .ws-dl-box.col3.type-dtW1 dl.flex1 dt + dd {width: calc( (100% / 3) - 134px);}
.ws-border-box.type-bb1 .box-body .ws-dl-box.type-dtW1 dl.flex1 dd > * {width: 100%;}
.ws-border-box.type-bb1 .box-body .ws-dl-box.type-dtW2 dt {margin-left: 34px;}
.ws-border-box.type-bb1 .box-body .ws-dl-box ~ div {padding-left: 34px;}
.ws-border-box.type-bb1 .box-body .ws-dl-box + div {margin-top: 60px; margin-bottom: 22px;}

.ws-border-box.type-bb1 .box-body .flex-sb {margin: 10px 0;}

.ws-border-box.type-bb1.type1 .box-body {padding-left: 0;}
.ws-border-box.type-bb1.type1 .box-body.type-only1Row {padding-top: 28px; padding-bottom: 28px;}

.ws-border-box.type-bb1.type2 .flex-sb > .ws-logo-box {width: 32%; background: no-repeat center center;}
.ws-border-box.type-bb1.type2 .flex-sb > .ws-btn-box {flex: 1; justify-content: center;}
.ws-border-box.type-bb1.type2 .flex-sb > .ws-btn-box [class*="btn-"] {margin: 6px;}
.ws-border-box.type-bb1.type2 .flex-sb > .ws-txtList-box {width: 40%;}

.radioTab-box > .box-body > div:last-child {margin-bottom: 70px;}

.form-type3 input {width: 50%;}
.form-type3 input + span {width: 24px;}

.form-type4 {display: flex; justify-content: flex-start; align-items: center;}
.form-type4 input {width: calc(100% - 40px) !important;}
.form-type4 input + span {width: 40px !important; text-align: center;}

.ws-border-box.type-bb2 {border-bottom: 1px dashed #ddd; padding-bottom: 21px;}
.ws-border-box.type-bb2 + .ws-border-box.type-bb2,
.flex-row > .ws-border-box.type-bb2 {padding-top: 18px;}
.flex-row > .ws-border-box.type-bb2 + .ws-border-box.type-bb2{ padding-left: 42px; position: relative;}
.flex-row > .ws-border-box.type-bb2 + .ws-border-box.type-bb2::before{ width: 1px; content: ''; border-left: 1px dashed #ddd; position: absolute; top: 21px; left: 24px; bottom: 21px;}
.ws-border-box.type-bb2 .box-body {padding-left: 46px;}
.ws-border-box.type-bb2 .ws-table.type-list.type3 th,
.ws-border-box.type-bb2 .ws-table.type-list.type3 td {height: 40px; padding: 3px 48px;}
.ws-border-box.type-bb2 .ws-table.type-list.type3 .input1,
.ws-border-box.type-bb2 .ws-table.type-list.type3 .select1 {height:30px;}
.ws-border-box.type-bb2 .ws-table.type-list.type3 div.form-txt {display: flex; justify-content: center; align-items: center; padding: 0 14px;}
.ws-border-box.type-bb2 .ws-table.type-list.type3 div.form-txt.ta-l {justify-content: flex-start;}
.ws-border-box.type-bb2 .ws-table.type-list.type3 div.form-txt.ta-r {justify-content: flex-end;}
.ws-border-box.type-passwort{ width: 100%;}
.ws-border-box.type-passwort .ws-dl-box{ flex-wrap: wrap;}
.ws-border-box.type-passwort .ws-dl-box dl{ flex: 1; margin-right: 20px;}
.ws-border-box.type-passwort .ws-dl-box dl:last-child{ margin-right: 0;}
.ws-border-box.type-passwort .ws-dl-box .ws-type-dot{ width: 170px;}
.ws-border-box.type-passwort .ws-dl-box .input1{ width: 240px;}


.type-multiCol1 {display: flex; justify-content: space-between; align-items: stretch;}
.type-multiCol1 .col-box.type-summary {width: calc(100% - 450px);}
.type-multiCol1 .col-box.type-form {width: 450px; padding-left: 18px;}
.type-multiCol1 .col-box.type-form .form-type1 {height: 32px; margin-bottom: 6px;}
.type-multiCol1 .col-box.type-form .form-type1 .inForm-box {width: calc(100% - 32px);}
.type-multiCol1 .col-box.type-form .form-type1 .btnbox {justify-content: flex-end; width: 28px;}
.type-multiCol1 .col-box.type-form .form-type1 .btnbox .btn-ix {justify-content: flex-end; width: 100%;}
.type-multiCol1 .col-box.type-form .form-type1 .btnbox .btn-ix [class*="ico"] {width: 100%;}
.type-multiCol1 .col-box.type-form .form-btnbox1 {display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; margin: 0 -3px;}
.type-multiCol1 .col-box.type-form .form-btnbox1 .btn-ix {width: calc(50% - 5px); margin: 2px;}

.cont-area.type-multiCol1 .col-box.type-summary {display: flex; flex-direction: column; justify-content: space-between; align-items: stretch;}
.cont-area.type-multiCol1 .cont-body.type-bg1 {padding: 8px 18px; flex: 1; display: flex; justify-content: space-evenly; align-items: stretch; flex-direction: row; width: 100%;}
.cont-area.type-multiCol1 .cont-body.type-bg1 .dl-summary {width: 100%; margin-bottom: 7px;}

.cont-area.type-multiCol2 {display: flex; justify-content: space-between; flex-direction: row; align-items: stretch; }
.cont-area.type-multiCol2 .col-box {}
.cont-area.type-multiCol2 .col-box:first-child {width: 32%; padding-right: 3px;}
.cont-area.type-multiCol2 .col-box:last-child {width: 68%; padding-left: 3px;}
.cont-area.type-multiCol2 .list-top {margin-bottom: 8px;}

.ws-warenkorb-box{ width: 100%; display: flex; flex-direction: column; position: relative;}
.ws-warenkorb-box + .ws-warenkorb-box{ margin: 20px 0 0 0;}
.ws-warenkorb-box > .box-head{ padding: 0 0 8px 0; margin: 0; display: flex; justify-content: space-between; border-bottom: 1px solid #333;}
.ws-warenkorb-box > .box-head > .sb-right:first-child{ width: 100%; display: flex; justify-content: flex-end;}
.ws-warenkorb-box > .box-head .btn-box{ padding: 0; margin: 0; border: 0;}
.ws-warenkorb-box > .box-head .info-txt{ min-height: 33px; margin: 0 8px 0 0; display: flex; align-items: center;}
.ws-warenkorb-box > .box-head .info-txt .ico{ width: 16px; height: 16px; background: url(../images/ico/icon_eur.svg) no-repeat center center; background-size: contain; margin: 0; display: inline-block;}
.ws-warenkorb-box > .box-head .info-txt .txt{ font-size: 13px; color: #333; line-height: 16px; margin: 0 4px;}
.ws-warenkorb-box .btn-box{ padding: 0 0 0 0; margin: 0 0 0 0; display: flex; border-bottom: 0 solid #333;}
.ws-warenkorb-box .btn-box .btn-type1{ height: 33px; background-color: #f1f1f1; font-size: 14px; color: #000; line-height: 18px; padding: 0 16px; display: flex; align-items: center; justify-content: center; border: 1px solid #ccc; border-radius: 4px;}
.ws-warenkorb-box .btn-box .btn-type1:hover{ background-color: #e1e1e1;}
.ws-warenkorb-box .btn-box .btn-type1 i{ margin-right: 10px;}
.ws-warenkorb-box .info-deliver-box{ display: flex;}
.ws-warenkorb-box .info-deliver-box + .ws-board-list-box{ margin-top: 16px !important;}
.ws-warenkorb-box .deliver-box{ background: url(../images/ico/ico-car2.png) no-repeat 16px center; background-size: 42px auto; padding: 8px 16px 8px 64px; display: flex; flex-direction: column; justify-content: center;}
.ws-warenkorb-box .deliver-box dl{ padding: 0 0 0 16px; display: flex; position: relative;}
.ws-warenkorb-box .deliver-box dl::before{ width: 3px; height: 3px; background-color: #444; content: ''; border-radius: 2px; position: absolute; top: 8px; left: 5px;}
.ws-warenkorb-box .deliver-box dl + dl{ margin: 4px 0 0 0;}
.ws-warenkorb-box .deliver-box dt{ font-size: 13px; line-height: 14px; padding: 2px 13px 2px 0; position: relative; }
.ws-warenkorb-box .deliver-box dt::after{ width: 13px; height: 18px; text-align: center; content: ':'; position: absolute; top: 0; right: 0;}
.ws-warenkorb-box .deliver-box dd{ font-size: 13px; line-height: 14px; padding: 2px 0; flex: 1;}
.ws-warenkorb-box .notes-box{ padding: 0 0 0 32px; margin: 0 0 0 16px; display: flex; flex-direction: column; align-items: flex-end; justify-content: center; flex: 1;}
.ws-warenkorb-box .notes-box:has( p){ border-left: 1px solid #ccc;}
.ws-warenkorb-box .notes-box > p{ width: 100%; font-size: 13px; line-height: 16px; padding: 0;}
.ws-warenkorb-box .notes-box > p::before{ display: none;}
.ws-warenkorb-box .notes-box > p span{ color: #ed6b02;}
.ws-warenkorb-box .tit-box{ display: flex; justify-content: space-between;}
.ws-warenkorb-box .tit-box + .list-body{ margin-top: 5px;}
.ws-warenkorb-box .tit-box .tit{ height: 32px; font-weight: 500; font-size: 19px; line-height: 32px; padding: 0 0 0 16px; position: relative;}
.ws-warenkorb-box .tit-box .tit::before{ width: 4px; height: 4px; background-color: #333; content: ''; display: inline-block; border-radius: 50%; position: absolute; top: 14px; left: 5px;}
.ws-warenkorb-box .tit-box .btn button{ height: 32px; font-size: 14px; line-height: 12px; padding: 0 24px; display: flex; align-items: center; justify-content: center; border-radius: 2px;}
.ws-warenkorb-box .tit-box .btn .btn-type1{ background-color: #f1f1f1; font-weight: 500; color: #333; border: 1px solid #ccc;}
.ws-warenkorb-box .tit-box .btn .btn-type1:hover{ background-color: #ddd; border-color: #ccc;}
.ws-warenkorb-box .tit-box .btn .btn-type2{ background-color: #333; font-weight: 500; color: #fff; border: 1px solid #333;}
.ws-warenkorb-box .tit-box .btn .btn-type2:hover{ background-color: #444; border-color: #333;}
.ws-warenkorb-box + .ws-warenkorb-box.type2{ margin-top: 10px;}
.ws-warenkorb-box.type2{ background-color: #f0f0f0; padding: 20px 30px; border: 1px solid #8b8b8b; border-radius: 10px;}
.ws-warenkorb-box.type2 + .ws-warenkorb-box.type2{ margin-top: 40px;}
.ws-warenkorb-box.type2 .info-deliver-box{ padding: 10px; border: 1px solid #565251; border-radius: 6px;}
.ws-warenkorb-box.type2 .tit-box .btn .btn-type1{ background-color: #d9d9d9;}
.ws-warenkorb-box.type2 .tit-box .btn .btn-type1:hover{ background-color: #c9c6c6;}
.ws-warenkorb-box.type2 .deliver-box{ background: url(../images/ico/ico-car3-48-36.png) no-repeat 40px center; padding: 8px 16px 8px 100px;}
.ws-warenkorb-box.type2 .info-deliver-box,
.ws-warenkorb-box.type2 .ws-board-list-box .list.acco-list{ background-color: #fff;}
.ws-warenkorb-box.type2 .ws-board-list-box.type-ShoppingCartMgt .list.acco-list .set-list-box{ border-radius: 4px 4px 0 0;}
.ws-warenkorb-box.type2 .ws-board-list-box.type-ShoppingCartMgt2 .sort-box{ border-top: 0;}

.ws-gesamtsumme-box{ width: 100%; margin: 96px 0 0 0; display: flex; flex-direction: column; align-items: flex-end; position: relative;}
.ws-gesamtsumme-box::before{ width: 100%; content: ''; border-top: 5px solid #333; position: absolute; top: -40px; left: 0;}
.ws-gesamtsumme-box .tit-box{ width: 100%; display: flex; flex-direction: column;}
.ws-gesamtsumme-box .tit-box .tit{ font-weight: 700; font-size: 26px; line-height: 29px;}
.ws-gesamtsumme-box .tit-box .txt{ font-size: 13px; color: #333; line-height: 18px; margin: 8px 0 0 0;}
.ws-gesamtsumme-box .tit-box .txt a{ color: #0000ff;}
.ws-gesamtsumme-box .tit-box .txt a:hover{ text-decoration: underline;}
.ws-gesamtsumme-box .sum-box{ margin: 16px 0 0 0; display: flex; flex-direction: column; align-items: flex-end;}
.ws-gesamtsumme-box .sum-box dl{ width: 352px; padding: 0 16px; display: flex;}
.ws-gesamtsumme-box .sum-box dl + dl{ margin: 11px 0 0 0;}
.ws-gesamtsumme-box .sum-box dt{ width: 136px; font-weight: 500; font-size: 14px; line-height: 18px;}
.ws-gesamtsumme-box .sum-box dd{ font-weight: 500; font-size: 22px; text-align: right; line-height: 22px; flex: 1;}
.ws-gesamtsumme-box .sum-box .sum{ padding: 16px 16px 0 16px; border-top: 2px solid #333;}
.ws-gesamtsumme-box .sum-box .sum dt{ font-weight: 700; font-size: 19px; line-height: 27px;}
.ws-gesamtsumme-box .sum-box .sum dd{ font-weight: 700; font-size: 27px; line-height: 27px;}
.ws-gesamtsumme-box .sum-box .btn{ width: 100%; margin: 32px 0 0 0; display: flex;}
.ws-gesamtsumme-box .sum-box .btn button{ height: 64px; background-color: #ff5900; font-weight: 500; font-size: 18px; color: #fff; text-align: center; flex: 1; border-radius: 4px;}
.ws-gesamtsumme-box .sum-box .btn button:hover{ background-color: #ed6d00;}
.ws-gesamtsumme-box .flex-sb{ width: 100%;}
.ws-gesamtsumme-box .order-comment-box{ padding: 8px; margin: 16px 240px 0 0; display: flex; flex: 1; flex-direction: column; border: 1px solid #ccc;}
.ws-gesamtsumme-box .order-comment-box .box-head{ padding: 0 0 8px 0; display: flex; align-items: flex-end; justify-content: space-between; border-bottom: 1px solid #999;}
.ws-gesamtsumme-box .order-comment-box .box-head .tit{ background: url(../images/ico/ico-document.png) no-repeat left center; background-size: auto 18px; font-weight: 500; font-size: 14px; line-height: 18px; padding: 0 0 0 18px; margin: 0 0 0 4px;}
.ws-gesamtsumme-box .order-comment-box .box-head .btn{ display: flex;}
.ws-gesamtsumme-box .order-comment-box .box-head .btn button{ font-size: 13px; color: #fff; line-height: 18px; padding: 4px 11px; border-radius: 5px;}
.ws-gesamtsumme-box .order-comment-box .box-head .btn button + button{ margin: 0 0 0 4px;}
.ws-gesamtsumme-box .order-comment-box .box-head .btn .btn-type1{ background-color: #333; border: 1px solid #333;}
.ws-gesamtsumme-box .order-comment-box .box-head .btn .btn-type2{ background-color: #f28f33; border: 1px solid #f28f33;}
.ws-gesamtsumme-box .order-comment-box .box-body{ margin: 8px 0 0 0; flex: 1; position: relative;}
.ws-gesamtsumme-box .order-comment-box .box-body .txt,
.ws-gesamtsumme-box .order-comment-box .box-body .edit{ height: 100%; font-size: 13px; line-height: 16px; padding: 8px; overflow-y: auto; position: absolute; top: 0; right: 0; bottom: 0; left: 0;}

.border-info-box{ width: 100%; background-color: #f1f1f1; padding: 32px; display: flex; flex-direction: column; border: 1px solid #ccc; border-radius: 8px;}
.border-info-box .info-box{ display: flex; justify-content: space-between;}
.border-info-box .delivery-address dl{ background: url(../images/ico/ico-car2.png) no-repeat left 2px; background-size: 40px auto; padding: 0 0 0 53px; display: flex; flex-direction: column;}
.border-info-box .delivery-address dt{ font-weight: 700; font-size: 19px; color: #333; line-height: 22px;}
.border-info-box .delivery-address dd{ font-weight: 400; font-size: 14px; color: #333; line-height: 19px;}
.border-info-box .delivery-address dt + dd{ margin-top: 4px;}
.border-info-box .total-amount dl{ display: flex; flex-direction: column; align-items: flex-end;}
.border-info-box .total-amount dt{ font-weight: 700; font-size: 19px; color: #333; line-height: 22px;}
.border-info-box .total-amount dd{ font-weight: 400; font-size: 32px; color: #333; line-height: 1;}
.border-info-box .total-amount dt + dd{ margin-top: 4px;}
.border-info-box .info-btn{ padding: 24px 0 0 0; margin: 40px 0 0 0; display: flex; justify-content: center; border-top: 1px solid #ccc;}
.border-info-box .info-btn button + button{ margin-left: 10px;}
.border-info-box .info-btn .type1{ background-color: #009ae1; font-weight: 500; font-size: 14px; color: #fff; line-height: 40px; padding: 4px 32px; display: inline-block; border-radius: 4px;}
.border-info-box .info-btn .type1:hover{ background-color: #0b2770;}
.border-info-box .info-btn .type2{ background-color: #444; font-weight: 500; font-size: 14px; color: #fff; line-height: 40px; padding: 4px 32px; display: inline-block; border-radius: 4px;}
.border-info-box .info-btn .type2:hover{ background-color: #000;}

.DeliveryOption-box{ display: flex; flex-direction: column;}
.DeliveryOption-box > .box-head{ display: flex; justify-content: flex-end;}
.DeliveryOption-box .head-btn{ display: flex;}
.DeliveryOption-box .head-btn button + button{ margin-left: 10px;}
.DeliveryOption-box > .box-body{ display: none;}
.DeliveryOption-box.on > .box-head{ display: none;}
.DeliveryOption-box.on > .box-body{ display: flex; flex-direction: column;}

/*form type 모음*/
.type-btnStyle1 > .btn-ix {min-width: 96px; padding: 0 14px; font-size: 10px;}
.type-btnStyle1 > .btn-ix [class*="ico"] + .txt {margin-left: 2px;}

.type-formStyle1 > ::placeholder {font-size: 13px; color: #787878; font-weight: 400;}
.type-formStyle1 > ::-webkit-input-placeholder {font-size: 13px; color: #787878; font-weight: 400;}
.type-formStyle1 > ::-moz-placeholder {font-size: 13px; color: #787878; font-weight: 400;}
.type-formStyle1 > :-ms-input-placeholder {font-size: 13px; color: #787878; font-weight: 400;}
.type-formStyle1 > ::-ms-input-placeholder {font-size: 13px; color: #787878; font-weight: 400;}
.type-formStyle1 > .input1,
.type-formStyle1 > .select1,
.type-formStyle1 > .textarea1 {border-color: #bbb; font-size: 13px; color: #787878; font-weight: 400;}
.type-formStyle1 > .select1 {background-image: url(../images/ico/ico-sel4.png); background-position-x: calc(100% - 14px);}
.type-formStyle1 > .input1:hover,
.type-formStyle1 > .select1:hover,
.type-formStyle1 > .textarea1:hover {border-color: #444;}
.type-formStyle1 > .input1:focus,
.type-formStyle1 > .select1:focus,
.type-formStyle1 > .textarea1:focus {border-color: #0595a4;}

.type-formStyle2 ::placeholder {font-size: 13px; color: #444; font-weight: 400;}
.type-formStyle2 ::-webkit-input-placeholder {font-size: 13px; color: #444; font-weight: 400;}
.type-formStyle2 ::-moz-placeholder {font-size: 13px; color: #444; font-weight: 400;}
.type-formStyle2 :-ms-input-placeholder {font-size: 13px; color: #444; font-weight: 400;}
.type-formStyle2 ::-ms-input-placeholder {font-size: 13px; color: #444; font-weight: 400;}
.type-formStyle2 .input1,
.type-formStyle2 .select1,
.type-formStyle2 .textarea1 {border-color: #ccc; font-size: 13px; color: #444; font-weight: 400;}
.type-formStyle2 .input1::placeholder,
.type-formStyle2 .textarea1::placeholder{ color: #ccc;}
.type-formStyle2 .select1 {background-image: url(../images/ico/ico-sel4.png); background-position-x: calc(100% - 14px);}
.type-formStyle2 .input1:hover,
.type-formStyle2 .select1:hover,
.type-formStyle2 .textarea1:hover {border-color: #444;}
.type-formStyle2 .input1:focus,
.type-formStyle2 .select1:focus,
.type-formStyle2 .textarea1:focus {border-color: #0595a4;}


.ws-border-box .box-body.boxTable-body .boxTable-contBody {overflow: auto;}
.ws-border-box .box-body.boxTable-body .boxTable-contBody > .ws-table,
.ws-border-box .box-body.boxTable-body .boxTable-contBody > .ws-table-box {min-width: 1024px;}

.changeCompanyData-box{ display: flex; flex-direction: column;}
.changeCompanyData-box .box-head p{ display: flex; flex-direction: column;}
.changeCompanyData-box .box-head p strong{ font-weight: 600; font-size: 13px; color: #000; line-height: 18px;}
.changeCompanyData-box .box-head p span{ font-size: 13px; line-height: 16px; margin: 4px 0 0 0;}
.changeCompanyData-box .box-head + .box-body{ margin-top: 32px;}
.changeCompanyData-box .box-body + .box-foot{ margin-top: 32px;}
.changeCompanyData-box .box-body{ padding: 0 80px; margin: 0;}
.changeCompanyData-box .box-foot p{ display: flex; flex-direction: column;}
.changeCompanyData-box .box-foot p strong{ font-weight: 600; font-size: 13px; color: #000; line-height: 18px;}
.changeCompanyData-box .box-foot p span{ font-size: 13px; line-height: 16px; margin: 4px 0 0 0;}

.select-vehicle-model-tab{ display: flex; flex-direction: column;}
.select-vehicle-model-tab > .tab-btn{ width: 312px; height: 40px; background-color: #fff; margin: 0 auto; display: flex; border-radius: 20px;}
.select-vehicle-model-tab > .tab-btn a{ width: 100%; font-weight: 400; font-size: 14px; text-align: center; color: #009ae1; line-height: 40px; flex: 1; border-radius: 20px;}
.select-vehicle-model-tab > .tab-btn a:hover{ text-decoration: underline;}
.select-vehicle-model-tab > .tab-btn a.active{ background-color: #009ae1; color: #fff;}
.select-vehicle-model-tab > .tab-con{ margin-top: 20px; display: none;}
.select-vehicle-model-tab > .tab-con.active{ display: inline-block;}

.wheel-search-tab{ width: 100%; margin: 0 auto; display: flex; flex-direction: column; border: 1px solid #009ae1; border-radius: 6px; position: relative; z-index: 9;}
.wheel-search-tab > .tab-btn{ display: flex; border-bottom: 1px solid #009ae1;}
.wheel-search-tab > .tab-btn a{ font-weight: 700; font-size: 14px; color: #009ae1; line-height: 66px; padding: 0 0 0 34px; flex: 1; position: relative;}
.wheel-search-tab > .tab-btn a:first-child{ border-radius: 5px 0 0 0;}
.wheel-search-tab > .tab-btn a:last-child{ border-radius: 0 5px 0 0;}
.wheel-search-tab > .tab-btn a::before{ width: 5px; height: 5px; background-color: #009ae1; content: ''; border-radius: 2px; position: absolute; top:30px; left: 21px;}
.wheel-search-tab > .tab-btn a.active{ background-color: #009ae1 !important; color: #fff;}
.wheel-search-tab > .tab-btn a.active::before{ background-color: #fff;}
.wheel-search-tab > .tab-btn a.tab1{ background: url(../images/ico/ico-wheel-tab1.png) no-repeat calc(100% - 18px) center;}
.wheel-search-tab > .tab-btn a.tab2.active{ background: url(../images/ico/ico-wheel-tab2-ov.png) no-repeat calc(100% - 18px) center;}
.wheel-search-tab > .tab-btn + .tab-con{ border-radius: 0 0 8px 8px;}
.wheel-search-tab > .tab-con{ background-color: #e9effc; padding: 40px 0 33px 0; display: none; border-radius: 8px;}
.wheel-search-tab > .tab-con.active{ display: flex; align-items: center; justify-content: center;}
.wheel-search-tab .search-form{ width: 552px; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.wheel-search-tab .rdo-box{ width: 312px; height: 40px; background-color: #fff; display: flex; border-radius: 20px;}
.wheel-search-tab .rdo-box label{ flex: 1; position: relative; cursor: pointer;}
.wheel-search-tab .rdo-box input{ position: absolute; top: 0; left: -9999px;}
.wheel-search-tab .rdo-box span{ width: 100%; font-weight: 400; font-size: 13px; text-align: center; color: #009ae1; line-height: 40px; border-radius: 20px;}
.wheel-search-tab .rdo-box input:checked + span{ background-color: #009ae1; color: #fff;}
.wheel-search-tab .select-box{ width: 100%; display: flex; flex-direction: column;}
.wheel-search-tab .select-box .acco-box{ margin-top: 16px;}
.wheel-search-tab .select-box .acco-con{ margin-top: 8px;}
.wheel-search-tab .select-box .input1{ width: 100%; height: 40px; font-weight: 400; color: #555;}
.wheel-search-tab .select-box .select1{ width: 100%; height: 40px; font-weight: 400; color: #555;}
.wheel-search-tab .select-box .select1 option{ color: #555;}
.wheel-search-tab .select-box .select2 + .select2-container .select2-selection{ min-height: 40px; font-weight: 400; border-color: #ddd;}
.wheel-search-tab .select-box .select2 + .select2-container .select2-selection::after{ top: 16px;}
.wheel-search-tab .select-box .select2 + .select2-container .select2-selection .select2-search{ height: 27px;}
.wheel-search-tab .select-box .select2 + .select2-container .select2-selection span.select2-selection__rendered{ font-size: 11px; line-height: 38px;}
.wheel-search-tab .select-box .select2 + .select2-container .select2-search--inline .select2-search__field{ font-weight: 300; line-height: 38px;}
.wheel-search-tab .select-box .select2 + .select2-container .select2-search--inline .select2-search__field::placeholder{ font-weight: 400;}
.wheel-search-tab .select-box .txt-btn{ font-weight: 400; font-size: 13px; color: #009ae1; text-decoration: underline; line-height: 19px; margin-top: 10px;}
.wheel-search-tab .select-box .flex-row > * { margin: 0 0 0 8px;}
.wheel-search-tab .select-box .flex-row > *:first-child{ margin: 0;}
.wheel-search-tab .dl-col{ display: flex;}
.wheel-search-tab .dl-col + .dl-col{ margin: 8px 0 0 0;}
.wheel-search-tab .dl-col dl{ display: flex; flex-direction: column; flex: 1;}
.wheel-search-tab .dl-col dl + dl{ margin-left: 8px;}
.wheel-search-tab .dl-col dt,
.wheel-search-tab .car-type-row dt,
.wheel-search-tab .car-tag-row dt{ font-weight: 500; font-size: 13px; color: #555; line-height:30px; padding: 0 0 0 13px; position: relative;}
.wheel-search-tab .dl-col dt::before,
.wheel-search-tab .car-type-row dt::before,
.wheel-search-tab .car-tag-row dt::before{ width: 5px; height: 5px; background-color: #5974b6; content: ''; border-radius: 2px; position: absolute; top: 13px; left: 0;}
.wheel-search-tab .dl-col dd .chkWeather{ margin: 0;}
.wheel-search-tab .dl-col dd .chkWeather label span{ width: 40px; height: 40px;}
.wheel-search-tab .dl-col dd .multiSelect .select2-container .selection{ height: 40px;}
.wheel-search-tab .dl-col dd .multiSelect .select2-container .selection .select2-selection{ padding-top: 40px;}
.wheel-search-tab .dl-col dd .multiSelect .select2-container .selection .select2-selection .select2-search{ height: 40px; border-color: #ddd;}
.wheel-search-tab .dl-col dd .multiSelect .select2-container .selection .select2-selection .select2-search:hover{ border-color: #444;}
.wheel-search-tab .dl-col dd .multiSelect .select2-container .selection .select2-selection .select2-search input{ font-size: 11px;}
.wheel-search-tab .car-type-row,
.wheel-search-tab .car-tag-row{ width: 100%; margin-top: 8px; display: flex; flex-direction: column;}
.wheel-search-tab .car-type-row dd,
.wheel-search-tab .car-tag-row dd{ margin: 0;}
.wheel-search-tab .car-type-row .select1,
.wheel-search-tab .car-tag-row .select1{
  width: 100%;
  min-width: 30ch;
  padding-right: 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.wheel-search-tab .car-type-row .select1 option,
.wheel-search-tab .car-tag-row .select1 option{
  white-space: normal;
  word-break: break-word;
  padding: 4px 8px;
  line-height: 1.5;
}
.wheel-search-tab .btn{ margin: 10px 0 0 0; position: relative;}
.wheel-search-tab .btn > a{ width: 124px; height: 50px; background-color: #009ae1; font-weight: 400; font-size: 14px; color: #fff; text-align: center; line-height: 50px; border-radius: 6px; text-transform: capitalize;}
.wheel-search-tab .btn > a:hover{ background-color: #415da3;}
.wheel-search-tab .btn > a::before{ width: 16px; height: 50px; background: url(../images/ico/ico-wheel-search.png) no-repeat center center; background-size: contain; content: ''; margin: 0 8px 0 0; display: inline-block; vertical-align: top;}
.wheel-search-tab .btn .search-history-box{ height: 50px; position: absolute; top: 0; right: 0;}
.wheel-search-tab .btn .search-history-box .search-history-btn:hover{ background-color: #415da3;}
.wheel-search-tab .btn .search-history-box .search-history-list{ height: 190px;}

.car-select-box{ display: flex; flex-direction: column;}
.car-select-box .wheel-search-tab{ width: auto; border: 0;}
.car-select-box .wheel-search-tab > .tab-con{ background-color: transparent; padding: 0;}
.car-select-box .wheel-search-tab .search-form{ height: 272px; justify-content: flex-start;}
.car-select-box .wheel-search-tab .select-vehicle-model-tab > .tab-btn{ background-color: #f1f1f1;}
.car-select-box .car-img{ margin-top: 32px;}
.car-select-box .img-box{ width: 552px; height: 240px; background-color: #f1f1f1; margin: 0 auto;}
.car-select-box .wheel-search-tab .btn{ display: flex; justify-content: center;}
.car-select-box .wheel-search-tab .btn a{ width: 160px; padding: 0 16px;}
.car-select-box .wheel-search-tab .btn a + a{ margin-left: 8px;}
.car-select-box .wheel-search-tab .btn .btn-refresh{ background-color: #444;}
.car-select-box .wheel-search-tab .btn .btn-refresh::before{ width: 17px; height: 50px; background-image: url(../images/ico/ico-reset1.png);}
.car-select-box .wheel-search-tab .btn .btn-refresh:hover{ background-color: #333;}

.ws-board-tab-box{ display: flex; border-bottom: 1px solid #333;}
.ws-board-tab-box .btn{ height: 32px; background-color: #f1f1f1; font-weight: 400; font-size: 13px; color: #000; line-height: 14px; padding: 0 16px; display: flex; align-items: center; position: relative;}
.ws-board-tab-box .btn:hover{ background-color: #666; color: #fff;}
.ws-board-tab-box .btn.active{ background-color: #333; color: #fff;}
.ws-board-tab-box .btn + .btn{ margin-left: 4px;}
.ws-board-tab-box .btn .count{width: 21px; height: 21px; background-color: #ff0000; font-size: 10px; text-align: center; text-indent: 0; color: #fff; line-height: 21px; display: inline-block; border-radius: 50%; position: absolute; top: -6px; right: -8px;}

.ws-wheel-slider{ width: 100%; padding: 0; display: inline-block; position: relative;}
.ws-wheel-slider.js{ padding-bottom: 176px;}
.ws-wheel-slider .car-info-bg{ width: 100%; height: 386px; background: no-repeat center center #ccc; background-size: cover; padding: 16px 19px; display: flex; flex-wrap: wrap; align-content: flex-start; border: 2px solid #ddd; border-radius: 8px; overflow: hidden; position: relative; background-image: url(/common_f/images/common/empty-warehouse-transformed-by-striking-lighting.jpg); }
.ws-wheel-slider .car-info-bg > p{ width: 208px; background-color: #fff; font-size: 13px; color: #333; line-height: 16px; padding: 16px 18px 34px 18px; border: 1px solid #666; border-radius: 8px; position: relative; z-index: 9;}
.ws-wheel-slider .car-info-bg > p .btnTooltip{ width: 24px; height: 24px; background: url(../images/ico/icon_info.png) no-repeat center center; background-size: contain; text-indent: -9999px; display: inline-block; position: absolute; bottom: 8px; right: 16px;}
.ws-wheel-slider .car-info-bg > p .btnEdit{ width: 24px; height: 24px; background: url(../images/ico/icon_write.png) no-repeat center center; background-size: contain; text-indent: -9999px; display: inline-block; border-radius: 50%; position: absolute; bottom: 8px; right: 45px;}
.ws-wheel-slider .car-info-bg > p a:hover{ background-color: #ddd; border-radius: 7px;}
.ws-wheel-slider .car-info-bg > p + p{ width: auto; padding: 8px 16px; margin: 0 0 0 16px; align-self: flex-start;}
.ws-wheel-slider .car-info-bg .btn-zoom{ width: 40px; height: 40px; background: url(../../front/images/ico/ico-zoom-26-26.png) no-repeat center center #fff; text-indent: -9999px; display: inline-block; border: 1px solid #666; border-radius: 4px; position: absolute; top: 16px; right: 376px; z-index: 5;}
.ws-wheel-slider .car-info-bg .btn-zoom:hover{ background-image: url(../../front/images/ico/ico-zoom-ov-26-26.png); border-color: #ea7c1e;}
.ws-wheel-slider .car-info-bg .car360-box{ width: auto; padding-top: 140px; position: absolute; top: 0; left: 0; right: 360px;}
.ws-wheel-slider .car-info-bg.mode-2d .carOne-box{ width: auto; position: absolute; left: 0; right: 360px; padding: 0; display: flex; justify-content: center; z-index: 1;}
.ws-wheel-slider .car-info-bg.mode-2d-img .carOne-box{ top: auto; bottom: 0; align-items: flex-end;}
.ws-wheel-slider .car-info-bg.mode-2d-img .carOne-box .img-box{ width: 100%; height: 300px; position: relative; overflow: visible;}
.ws-wheel-slider .car-info-bg.mode-2d-img .carOne-box .img-box img{ width: 900px; max-width: 100%; height: 300px; max-height: 300px; margin-top: 0; object-fit: contain; position: absolute; left: 50%; bottom: 0; top: auto; transform: translateX(-50%);}
.ws-wheel-slider .car-info-bg.mode-2d-msg .carOne-box{ top: 0; bottom: 0; align-items: center;}
.ws-wheel-slider .car-info-bg.mode-2d-msg .carOne-box .img-box{ display: none;}
.ws-wheel-slider .car-info-bg.mode-2d-msg .carOne-box .car2d-no-image-txt{ max-width: 360px; background-color: #fff; font-weight: 400; font-size: 13px; color: #333; text-align: center; line-height: 16px; padding: 16px 24px; margin: 0; border: 1px solid #666; border-radius: 8px; box-shadow: 0 2px 6px rgba(0,0,0,0.1); position: relative; z-index: 2;}

.ws-wheel-slider .slider-info{ position: absolute; top: 16px; right: 19px; bottom: 192px;}
.ws-wheel-slider .slider-info .list{ height: 100%; display: flex;}
.ws-wheel-slider .slider-info .item{ width: 336px; background-color: #fff; padding: 19px; display: none; flex-direction: column; border: 1px solid #666; border-radius: 8px;}
.ws-wheel-slider .slider-info .item.active{ display: flex;}
.ws-wheel-slider .slider-info .img{ width: 100%; height: 145px; padding: 8px 0; display: flex; flex-direction: column; justify-content: center; border: 1px solid #ccc; border-radius: 8px; position: relative;}
.ws-wheel-slider .slider-info .img .chkBox{ position: absolute; top: 0; right: 0; z-index: 1;}
.ws-wheel-slider .slider-info .img .logo{ width: 100%; height: 24px; background: no-repeat center center; background-size: contain;}
.ws-wheel-slider .slider-info .img .wheel{ width: 100%; height: 90px; background: no-repeat center center; background-size: contain; margin: 8px 0 0 0;}
.ws-wheel-slider .slider-info .con{ text-align: right; padding: 8px 0 0 0; margin: 0 0 0 0; display: flex; flex-wrap: wrap; align-items: flex-end; flex: 1;}
.ws-wheel-slider .slider-info .con .tooltip-box{ width: 24px; height: 24px; margin: 4px 8px 4px 0;}
.ws-wheel-slider .slider-info .con .tooltip-box .tool-con{ padding: 8px 12px; box-shadow: 2px 2px 2px 0px #999; top: auto; bottom: 12px;}
.ws-wheel-slider .slider-info .con .tooltip-box .tool-btn{ width: 24px; height: 24px; background-image: url(../../front/images/ico/icon_info.png); background-size: contain;}
.ws-wheel-slider .slider-info .con .tooltip-box .tool-con .tool-close{ width: 24px; height: 24px; top: auto; bottom: -15px;}
.ws-wheel-slider .slider-info .con .tooltip-box .tool-con .tool-close::before{ width: 13px; margin: -1px 0 0 -8px;}
.ws-wheel-slider .slider-info .con .tooltip-box .tool-con .tool-close::after{ height: 13px; margin: -9px 0 0 0;}
.ws-wheel-slider .slider-info .con .tooltip-box.active .tool-btn{ display: none;}
.ws-wheel-slider .slider-info .select1{ width: calc(100% - 32px); font-weight: 400; font-size: 13px; margin: 0;}
.ws-wheel-slider .slider-info .icoSelect{ width: calc(100% - 32px); font-weight: 400; font-size: 13px; margin: 0;}
.ws-wheel-slider .slider-info .txt{ width: 100%; margin: 8px 0 0 0; flex: 1;}
.ws-wheel-slider .slider-info .txt1{ font-weight: 400; font-size: 13px; color: #333; line-height: 16px; padding: 0;}
.ws-wheel-slider .slider-info .txt1::before{ display: none;}
.ws-wheel-slider .slider-info .txt2{ font-weight: 300; font-size: 13px; color: #333; line-height: 16px; padding: 0;}
.ws-wheel-slider .slider-info .txt3{ font-weight: 300; font-size: 13px; color: #333; line-height: 16px; padding: 0;}
.ws-wheel-slider .slider-info .txt4{ font-weight: 700; font-size: 18px; color: #333; line-height: 21px; padding: 0; margin: 4px 0 0 0;}
.ws-wheel-slider .slider-info .btn{ width: 100%; margin: 20px 0 0 0; display: flex; justify-content: space-between;}
.ws-wheel-slider .slider-info .btn a{ height: 34px; background-color: #333; font-weight: 300; font-size: 14px; text-align: center; color: #fff; line-height: 34px; padding: 0 16px; display: inline-block; flex: 1; border-radius: 2px;}
.ws-wheel-slider .slider-info .btn a.disabled,
.ws-wheel-slider .slider-info .btn a.disabled:hover{ background-color: #ccc !important; color: #eee !important; opacity: 1 !important;}
.ws-wheel-slider .slider-info .btn a:not(.disabled):hover{ background-color: #222;}
.ws-wheel-slider .slider-info .btn a + a{ margin-left: 4px; flex: none;}
.ws-wheel-slider .slider-box{ height: 162px; overflow: hidden; position: absolute; bottom: 0; left: 40px; right: 40px;}
.ws-wheel-slider .slider-box .list{ display: flex;}
.ws-wheel-slider .slider-box .item{ margin: 0 12px 0 0;}
.ws-wheel-slider .slider-box .item .link{ width: 141px; height: 162px; background-color: #fff; padding: 0 24px; display: flex; align-items: center; flex-direction: column; justify-content: center; border: 2px solid #dcdcdc; border-radius: 8px;}
.ws-wheel-slider .slider-box .item .link:hover,
.ws-wheel-slider .slider-box .item.active .link{ padding: 0 23px; border: 2px solid #ed6b02;}
.ws-wheel-slider .slider-box .item .img{ width: 72px; height: 64px; background: no-repeat center center; background-size: contain;}
.ws-wheel-slider .slider-box .item .txt1{ padding: 0; margin: 8px 0 0 0;}
.ws-wheel-slider .slider-box .item .txt1::before{ display: none;}
.ws-wheel-slider .slider-box .item .txt1,
.ws-wheel-slider .slider-box .item .txt2,
.ws-wheel-slider .slider-box .item .txt3{ width: 100%; font-size: 13px; color: #333; text-align: left; line-height: 16px;}
.ws-wheel-slider .slider-box .item .wheel{ width: 100%; margin: 4px 0 0 0; display: flex; justify-content: center;}
.ws-wheel-slider .slider-box .item .wheel span{ height: 19px; background-color: #666; font-size: 13px; text-align: center; color: #fff; line-height: 19px; display: inline-block; flex: 1; border-radius: 2px;}
.ws-wheel-slider .slider-box .item .wheel span + span{ margin-left: 4px;}
.ws-wheel-slider .slider-box .item .wheel .type1{ background-color: #f28f33;}
.ws-wheel-slider .slider-box .item .wheel .type2{ background-color: #68b466;}
.ws-wheel-slider .slider-btn button{ width: 40px; height: 146px; text-indent: -9999px; display: inline-block; position: absolute; bottom: 0; z-index: 1;}
.ws-wheel-slider .slider-btn button::after{ width: 32px; height: 32px; background: no-repeat center center; content: ''; margin: -20px 0 0 -20px; border-radius: 50%; position: absolute; top: 50%; left: 50%; z-index: 1;}
.ws-wheel-slider .slider-btn button:hover::before{ width: 32px; height: 32px; background-color: #ededed; content: ''; margin: -20px 0 0 -20px; border-radius: 50%; position: absolute; top: 50%; left: 50%;}
.ws-wheel-slider .slider-btn .btn-prev{ left: 0;}
.ws-wheel-slider .slider-btn .btn-next{ right: 0;}
.ws-wheel-slider .slider-btn .btn-prev::after{ background-image: url(../images/ico/ico-slider-left.png);}
.ws-wheel-slider .slider-btn .btn-next::after{ background-image: url(../images/ico/ico-slider-next.png);}
.ws-wheel-slider .total-price{ width: 341px; padding: 16px; display: flex; flex-direction: column; border: 1px solid #666; border-radius: 8px; overflow: hidden; position: absolute; top: 16px; right: 16px; bottom: 16px; z-index: 0;}
.ws-wheel-slider .total-price::before{ width: 100%; height: 100%; background-color: #fff; content: ''; opacity: 0.9; position: absolute; top: 0; left: 0; z-index: -1;}
.ws-wheel-slider .total-price .list{ display: flex; flex-direction: column; flex: 1; position: relative;}
.ws-wheel-slider .total-price .list > ul{ padding: 0 4px 0 0; overflow: auto; position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.ws-wheel-slider .total-price .list > ul::-webkit-scrollbar {width: 4px; height: 4px;}
.ws-wheel-slider .total-price .list > ul::-webkit-scrollbar-track {background-color: #fff;}
.ws-wheel-slider .total-price .list > ul::-webkit-scrollbar-thumb {background-color: #666; border-radius: 4px;}
.ws-wheel-slider .total-price .list .item{ display: flex; flex-direction: column;}
.ws-wheel-slider .total-price .list .item + .item{ margin: 8px 0 0 0;}
.ws-wheel-slider .total-price .list .item p{ text-align: right;}
.ws-wheel-slider .total-price .list .product{ display: flex;}
.ws-wheel-slider .total-price .list .product[class*=ico-]{ padding: 4px 0 4px 32px; position: relative;}
.ws-wheel-slider .total-price .list .product[class*=ico-]::before{ width: 24px; height: 24px; background: no-repeat center center; background-size: 21px auto; content: ''; position: absolute; top: 0; left: 0;}
.ws-wheel-slider .total-price .list .product.ico-wheel::before{ background-image: url(../images/ico/ico-tire2.png);}
.ws-wheel-slider .total-price .list .product.ico-tire::before{ background-image: url(../images/ico/ico-tire.png);}
.ws-wheel-slider .total-price .list .product.ico-brakePad::before{ background-image: url(../images/ico/ico-brakePad.png);}
.ws-wheel-slider .total-price .list .product.ico-service::before{ background-image: url(../images/ico/ico-service.png);}
.ws-wheel-slider .total-price .list .name{ font-weight: 500; font-size: 13px; color: #000; line-height: 16px;}
.ws-wheel-slider .total-price .list .info{ font-weight: 300; font-size: 13px; color: #444; line-height: 16px; margin: 0 0 0 4px; flex: 1; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.ws-wheel-slider .total-price .list .price{ font-weight: 700; font-size: 14px; color: #000; text-align: right; line-height: 19px; padding: 0;}
.ws-wheel-slider .total-price .total{ background-color: #009ae1; padding: 8px; margin: 8px 0 0 0; border-radius: 4px;}
.ws-wheel-slider .total-price .total p{ color: #fff; text-align: right; display: flex; flex-direction: column;}
.ws-wheel-slider .total-price .total .price{ font-weight: 700; font-size: 21px; line-height: 24px;}
.ws-wheel-slider .total-price .total .txt{ font-size: 11px; line-height: 16px;}
.ws-wheel-slider:not(.wheelSliderJS.js) .slider-info{ bottom: auto;}
.ws-wheel-slider:not(.wheelSliderJS.js) .slider-info .item{ display: block;}

.tooltip-box{ width: 16px; height: 16px; text-align: left; display: inline-block; position: relative; z-index: 9;}
.tooltip-box .tool-btn{ width: 16px; height: 16px; background: url(../images/ico/ico-tooltip.png) no-repeat center center; background-size: contain; text-indent: -9999px; display: inline-block;}
.tooltip-box .tool-con{ background-color: #fff; padding: 4px 8px; display: none; border: 1px solid #ccc; border-radius: 5px; position: absolute; top: 7px; right: 5px;}
.tooltip-box .tool-con > p{ text-wrap: nowrap; word-break: break-all;}
.tooltip-box .tool-con .tool-close{ width: 16px; height: 16px; background: url(../images/ico/ico-popup-close2.png) no-repeat center center #666; background-size: auto 8px; text-indent: -9999px; display: inline-block; border: 1px solid #666; border-radius: 50%; position: absolute; top: -8px; right: -6px;}
.tooltip-box.active .tool-con{ display: block;}

.acco-box{ display: flex; flex-direction: column;}
.acco-box > .acco-con{ display: none;}
.acco-box.active > .acco-con{ display: block;}

.acco-box.slideUpDownJS > .acco-con{ display: none;}
.acco-box.slideUpDownJS > .acco-btn .txt-btn{ padding-right: 19px; position: relative; z-index: 0;}
.acco-box.slideUpDownJS > .acco-btn .txt-btn:after{ width: 7px; height: 7px; content: ''; margin: -7px 0 0 0; border-right: 1px solid #009ae1; border-bottom: 1px solid #009ae1; position: absolute; top: 50%; right: 3px; transform: rotate(45deg);}
.acco-box.slideUpDownJS.active > .acco-con{ display: none;}
.acco-box.slideUpDownJS.active > .acco-btn .txt-btn::before{ width: 100%; height: 100%; background-color: #fff; content: ''; padding: 2px 10px 2px 16px; border-radius: 12px; position: absolute; top: -2px; left: -20px; z-index: -1;}
.acco-box.slideUpDownJS.active > .acco-btn .txt-btn:after{ margin-top: -2px; transform: rotate(225deg); transition: all 0.3s;}

/*
.step-list-box{ width: 1464px; margin: 0 auto; display: flex; flex-direction: column;}
.step-list-box .info{ text-align: right; margin: 0 72px 0 0; display: flex; justify-content: flex-end;}
.step-list-box .info strong{ font-weight: 700; font-size: 13px; color: #009ae1; line-height: 16px;}
.step-list-box .info span{ font-size: 13px; line-height: 16px; margin: 0 0 0 4px;}
.step-list-box .info + .step{ margin-top: 16px;}
.step-list-box .step{ display: flex; justify-content: space-between; position: relative; z-index: 0;}
.step-list-box .item{ text-align: center; flex: 1; position: relative;}
.step-list-box .item + .item::before{ width: 100%; height: 1px; background-color: #ccc; content: ''; position: absolute; top: 24px; right: 50%; z-index: -1;}
.step-list-box .num{ width: 48px; height: 48px; background-color: #666; font-size: 16px; color: #fff; text-align: center; line-height: 48px; display: inline-block; border-radius: 50%; position: relative; z-index: 1;}
.step-list-box .num:disabled{ background-color: #ccc; color: #000; opacity: 1;}
.step-list-box .txt{ width: 100%; font-size: 13px; line-height: 16px; margin: -20px 0 0 -50%;}
.step-list-box .active .num{ background-color: #009ae1; font-weight: 700; color: #fff;}
.step-list-box .active ~ .item .txt{ display: none;}
*/
.step-list-box{ width: 100%; text-align: center; margin: 0 auto; overflow-x: auto;}
.step-list-box .step{ width: 1216px; display: inline-block;}
.step-list-box .item{ width: 176px; text-align: left; float: left; position: relative;}
.step-list-box .item + .item{ margin-left: 32px;}
.step-list-box .item + .item .btn::before{ width: 32px; height: 1px; background-color: #ccc; content: ''; position: absolute; top: 40px; left: -32px;}
.step-list-box .btn{ width: 176px; height: 50px; padding: 0; display: flex; align-items: center; border: 1px solid #ccc; border-radius: 8px;}
.step-list-box .btn:disabled + .list{ color: #ccc;}
.step-list-box .num{ width: 32px; height: 32px; background-color: #666; font-size: 16px; color: #fff; text-align: center; line-height: 1; margin: 0 0 0 16px; display: flex; align-items: center; justify-content: center; border-radius: 50%; position: relative; z-index: 1;}
.step-list-box .info{ width: calc(100% - 56px); margin: 0 0 0 8px; display: flex; flex-direction: column; align-items: flex-start;}
.step-list-box .info .tit{ width: 100%; font-weight: 700; text-align: left; font-size: 11px; line-height: 16px;}
.step-list-box .info .txt{ width: 100%; font-weight: 400; text-align: left; font-size: 13px; line-height: 16px; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
.step-list-box .info .tit + .txt{ margin-top: 0;}
.step-list-box .list{ font-size: 13px; line-height: 16px; padding: 0 0 0 16px; margin-top: 8px;}
.step-list-box .item.active .btn{ background-color: #00A3DC; border-color: #00A3DC;}
.step-list-box .item.active .num{ background-color: #fff; font-weight: 700; color: #009ae1;}
.step-list-box .item.active .info{ color: #fff;}
.step-list-box .item.active .list{ font-weight: 700;}

.ws-detail-box{ width: 100%; display: flex; flex-direction: column;}
.ws-detail-box > .box-head{ display: flex; flex-direction: column;}
.ws-detail-box > .box-head .tit{ font-weight: 700; font-size: 16px; color: #f28f33; line-height: 19px; display: flex;}
.ws-detail-box > .box-head .tit::after{ height: 1px; background-color: #f28f33; content: ''; margin: 14px 0 3px 8px; flex: 1;}
.ws-detail-box > .box-head .tit + .txt{ margin-top: 11px;}
.ws-detail-box > .box-head .txt{ font-size: 11px; color: #333; line-height: 14px; padding: 0 0 0 8px; margin: 4px 0 0 0; position: relative;}
.ws-detail-box > .box-head .txt::before{ width: 4px; height: 1px; background-color: #333; content: ''; margin: 6px 0; position: absolute; top: 0; left: 0;}
.ws-detail-box > .box-head + .box-body{ margin-top: 16px;}
.ws-detail-box > .box-body{ padding: 32px; display: flex; border: 1px solid #ccc; border-radius: 8px;}
.ws-detail-box > .box-foot{ margin: 16px 0 0 0;}
.ws-detail-box .body-left{ width: 176px; display: flex; flex-direction: column; align-items: center;}
.ws-detail-box .body-left .img{ width: 100%; height: 176px; background-color: #f1f1f1; margin: 0; display: flex; border: 1px solid #666; box-sizing: border-box; overflow: hidden; position: relative;}
.ws-detail-box .body-left .img:hover::before{ width: 100%; height: 100%; background-color: #000;  content: ''; opacity: 0.7; position: absolute; top: 0; left: 0; z-index: 1; cursor: pointer;}
.ws-detail-box .body-left .img:hover::after{ width: 26px; height: 26px; background: url(../../front/images/ico/ico-search3.png) no-repeat center center; content: ''; margin: -13px 0 0 -13px; position: absolute; top: 50%; left: 50%; z-index: 2; cursor: pointer;}
.ws-detail-box .body-left .img a:hover::before{ width: 100%; height: 100%; background-color: #000;  content: ''; opacity: 0.7; position: absolute; top: 0; left: 0; z-index: 1; cursor: pointer;}
.ws-detail-box .body-left .img a:hover::after{ width: 26px; height: 26px; background: url(../../front/images/ico/ico-search3.png) no-repeat center center; content: ''; margin: -13px 0 0 -13px; position: absolute; top: 50%; left: 50%; z-index: 2; cursor: pointer;}
.ws-detail-box .body-left .img > img{ width: 144px; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.ws-detail-box .body-left .img a{ width: 100%; height: 100%; text-indent: -9999px; display: inline-block; position: relative;}
.ws-detail-box .body-left .img a img{ max-width: 100%;}
/*
.ws-detail-box .body-left .img a::after{ width: 24px; height: 24px; background: url(../images/ico/ico-wheel-search.png) no-repeat center center #444; content: ''; opacity: 0.8; position: absolute; bottom: 4px; right: 4px;}
*/
.ws-detail-box .body-left .img a:hover::after{ background-color: #000;}
.ws-detail-box .body-left .img.awd > img{ margin-left: -15px;}
.ws-detail-box .body-left .img.awd .awd-box{ width: 50px; display: flex; flex-direction: column; position: absolute; top: 5px; right: 5px; bottom: 5px;}
.ws-detail-box .body-left .img.awd .awd-box .ico-awd{ background: no-repeat center top; background-size: contain; flex: 1;}
.ws-detail-box .body-left .img.awd .awd-box .ico-awd + .ico-awd{ margin: 5px 0 0 0;}
.ws-detail-box .body-right{ margin: 0 0 0 32px; display: flex; flex-direction: column; flex: 1; position: relative;}
.ws-detail-box .body-right .dl-tire-info{ border: 1px solid #ccc; align-self: flex-start;}
.ws-detail-box .body-right .dl-tire-info dl{ display: flex; flex-direction: column;}
.ws-detail-box .body-right .dl-tire-info dt{ background-color: #f28f33; font-size: 14px; color: #fff; line-height: 19px; padding: 8px 16px; }
.ws-detail-box .body-right .dl-tire-info dd{ font-size: 12px; color: #333; line-height: 16px; padding: 8px 16px; border-top: 1px solid #ccc;}
.ws-detail-box .body-right .tire-info{ background-color: #f28f33; padding: 8px 16px; position: absolute; top: -20px; right: 0;}
.ws-detail-box .body-right .tire-info p{ display: flex; flex-direction: column;}
.ws-detail-box .body-right .tire-info p strong{ font-size: 14px; color: #fff; line-height: 19px; margin: 0 0 4px 0;}
.ws-detail-box .body-right .tire-info p span{ font-size: 11px; color: #fff; line-height: 16px;}
.ws-detail-box .body-right .tooltip-tire-info{ position: absolute; top: 0; right: 0;}
.ws-detail-box .body-right .tooltip-tire-info .tit{ width: 130px; background-color: #f28f33; font-size: 14px; color: #fff; line-height: 19px; padding: 8px 16px;}
.ws-detail-box .body-right .tooltip-tire-info .txt.txt-hide,
.ws-detail-box .body-right .tooltip-tire-info .tool-close{ display: none;}
.ws-detail-box .body-right .tooltip-tire-info .box{ width: 130px; position: absolute; top: 35px; right: 0;}
.ws-detail-box .body-right .tooltip-tire-info .list{ display: flex; flex-direction: column;}
.ws-detail-box .body-right .tooltip-tire-info .txt{ background-color: #fff; font-size: 12px; color: #333; line-height: 16px; padding: 8px 16px; border: 1px solid #ccc;}
.ws-detail-box .body-right .tooltip-tire-info .txt + .txt{ border-top: 0;}
.ws-detail-box .body-right .tooltip-tire-info .tool-open{ display: none;}
.ws-detail-box .body-right .tooltip-tire-info:has(.txt.txt-hide) .tool-open{ width: 20px; height: 20px; background: url(../images/ico/ico-add1.png) no-repeat center center #fff; text-indent: -9999px; margin: 0 0 0 -10px; display: inline-block; border: 1px solid #ccc; border-radius: 15px; position: absolute; bottom: -10px; left: 50%;}
.ws-detail-box .body-right .tooltip-tire-info.active .box{ width: 520px;}
.ws-detail-box .body-right .tooltip-tire-info.active .tool-open{ display: none !important;}
.ws-detail-box .body-right .tooltip-tire-info.active .list{ flex-direction: row; flex-wrap: wrap;}
.ws-detail-box .body-right .tooltip-tire-info.active .txt{ width: calc(100% / 4) !important; border: 1px solid #ccc;}
.ws-detail-box .body-right .tooltip-tire-info.active .txt + .txt{ border-left: 0;}
.ws-detail-box .body-right .tooltip-tire-info.active .txt:nth-child(4n + 1){ border-left: 1px solid #ccc;}
.ws-detail-box .body-right .tooltip-tire-info.active .txt:nth-child(n + 5){ border-top: 0;}
.ws-detail-box .body-right .tooltip-tire-info.active .txt.txt-hide{ display: block;}
.ws-detail-box .body-right .tooltip-tire-info.active .tool-close{ width: 20px; height: 20px; background: url(../images/ico/ico-popup-close3.png) no-repeat center center #fff; background-size: 10px; text-indent: -9999px; display: inline-block; border: 1px solid #ccc; border-radius: 10px; position: absolute; top: -7px; left: -7px;}
.ws-detail-box .info-head .tit{ display: flex; flex-direction: column;}
.ws-detail-box .info-head .tit .tit1{ font-weight: 700; font-size: 19px; line-height: 22px;}
.ws-detail-box .info-head .tit .tit1 + .tit2{ margin-top: 8px;}
.ws-detail-box .info-head .tit .tit2{ background-color: #f1f1f1; font-weight: 300; font-size: 14px; color: #000; line-height: 16px; padding: 4px 12px; display: inline-block; align-self: start;}
.ws-detail-box .info-body{ padding: 0 140px 0 0; margin: 32px 0 0 0;}
.ws-detail-box .info-body .dl-row{ margin-top: -8px; display: flex; flex-wrap: wrap;}
.ws-detail-box .info-body .dl-row dl{ margin: 6px 0 0 0;}
.ws-detail-box .info-body .dl-row dt{ height: 26px; font-weight: 700; font-size: 13px; color: #666; line-height: 14px; padding: 0 0 0 16px; display: flex; align-items: center; position: relative;}
.ws-detail-box .info-body .dl-row dt::before{ width: 3px; height: 3px; background-color: #ea7c1e; content: ''; border-radius: 50%; position: absolute; top: 10px; left: 6px;}
.ws-detail-box .info-body .dl-row dd{ height: 26px; font-weight: 300; font-size: 13px; color: #666; line-height: 14px; padding: 0 0 0 8px; display: flex; align-items: center; flex: 1; position: relative;}
.ws-detail-box .info-body .dl-row dd::before{ width: 8px; height: 100%; text-align: center; content: ':'; line-height: 24px; position: absolute; top: 0; left: 0;}
.ws-detail-box .info-body .dl-row dl.highlight{ position: relative;}
.ws-detail-box .info-body .dl-row dl.highlight::before{ width: 100%; height: 100%; content: ''; position: absolute; top: 0; left: 0;}
.ws-detail-box .info-body .dl-row dl.highlight dt,
.ws-detail-box .info-body .dl-row dl.highlight dd{ font-weight: 600; color: #f47920;}
.ws-detail-box .info-body .dl-row.col2 dl{ width: 50%; display: flex;}
.ws-detail-box .info-body .dl-row.col3 dl{ width: calc(100% / 3); display: flex;}
.ws-detail-box .info-foot{ margin: 32px 0 0 0;}
.ws-detail-box .info-foot .foot-btn{ display: flex; justify-content: flex-end;}
.ws-detail-box .info-foot .foot-btn .btn{ background-color: #fff; text-align: center; padding: 8px 32px; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px solid #666; border-radius: 4px;}
.ws-detail-box .info-foot .foot-btn .btn:hover{ background-color: #f1f1f1;}
.ws-detail-box .info-foot .foot-btn .btn + .btn{ margin-left: 16px;}
.ws-detail-box .info-foot .foot-btn .btn .ico{ width: 22px; height: 22px; background: no-repeat center center; background-size: contain; margin: 0 0 4px 0;}
.ws-detail-box .info-foot .foot-btn .btn .ico.ico-Gutachten{ background-image: url(../images/ico/icon_assessment.png);}
.ws-detail-box .info-foot .foot-btn .btn .ico.ico-ABE{ background-image: url(../images/ico/icon_permission.png);}
.ws-detail-box .info-foot .foot-btn .btn .ico.ico-Montage-Hinweise{ background-image: url(../images/ico/icon_instruction.png);}
.ws-detail-box .info-foot .foot-btn .btn .ico.ico-guide{ background-image: url(../images/ico/icon_guide.png); background-size: auto 20px;}
.ws-detail-box .info-foot .foot-btn .btn .ico.ico-learning-info{ background-image: url(../images/ico/icon_learning_info.png);}
.ws-detail-box .info-foot .foot-btn .btn .txt{ font-size: 11px; color: #333; line-height: 16px;}

.ws-info-box{ margin: 0 0 0 80px; display: flex; flex-direction: column; flex: 1;}
.ws-info-box .tit{ display: flex; flex-direction: column;}
.ws-info-box .tit .logo{ width: 100%; height: 24px; background: no-repeat left center; background-size: auto 24px; display: inline-block;}
.ws-info-box .tit .txt{ margin: 16px 0 0 0; display: flex; flex-direction: column;}
.ws-info-box .tit .txt1{ font-weight: 700; font-size: 14px; color: #333; line-height: 18px; padding: 0;}
.ws-info-box .tit .txt1::before{ display: none;}
.ws-info-box .tit .txt2{ font-weight: 300; font-size: 13px; color: #ed6d00; line-height: 14px; margin: 4px 0 0 0;}
.ws-info-box > .box-body{ padding-right: 200px; margin: 24px 0 0 0; display: flex;}
.ws-info-box .dl-row{ margin-top: -8px; display: flex; flex-wrap: wrap; flex: 1;}
.ws-info-box .dl-row dl{ margin: 6px 0 0 0;}
.ws-info-box .dl-row dt{ height: 26px; font-weight: 700; font-size: 13px; color: #666; line-height: 14px; padding: 0 0 0 16px; display: flex; align-items: center; position: relative;}
.ws-info-box .dl-row dt::before{ width: 3px; height: 3px; background-color: #ea7c1e; content: ''; border-radius: 50%; position: absolute; top: 10px; left: 6px;}
.ws-info-box .dl-row dd{ height: 26px; font-weight: 300; font-size: 13px; color: #666; line-height: 14px; padding: 0 0 0 8px; display: flex; align-items: center; flex: 1; position: relative;}
.ws-info-box .dl-row dd::before{ width: 8px; height: 100%; text-align: center; content: ':'; line-height: 24px; position: absolute; top: 0; left: 0;}
.ws-info-box .dl-row.col2 dl{ display: flex;}
.ws-info-box .dl-row.col2 dl:nth-child(2n+1){ width: 55%;}
.ws-info-box .dl-row.col2 dl:nth-child(2n+2){ width: 45%;}
.ws-info-box .dl-row dl.multiline{ align-items: flex-start;}
.ws-info-box .dl-row dl.multiline dt{ height: auto; min-height: 26px; align-items: flex-start; padding-top: 6px;}
.ws-info-box .dl-row dl.multiline dt::before{ top: 12px;}
.ws-info-box .dl-row dl.multiline dd{ height: auto; min-height: 26px; display: block; line-height: 20px; padding-top: 3px;}
.ws-info-box .dl-row dl.multiline dd span{ display: block;}
.ws-info-box .ico-weather {width: 22px; height: 22px; background-repeat: no-repeat; background-position: center center; background-size: contain; display: inline-block;background-size: cover; /* 요소에 꽉 차게 비율 유지 (이미지가 잘릴 수 있음) */}
.ws-info-box .ico-weather.type1{ background-image: url(../images/ico/ico-board-weather.png);}
.ws-info-box .ico-weather.type2{ background-image: url(../images/ico/ico-board-weather_2n.png);}
.ws-info-box .ico-weather.type3{ background-image: url(../images/ico/ico-board-weather3.png);}
.ws-info-box .tire-label-box{ width: 194px; background: no-repeat right top; background-size: contain; text-indent: -9999px; margin: 0 0 0 8px; display: inline-block; border: 1px solid #ccc; position: absolute; top: 0; right: 0; bottom: 0;}
.ws-info-box .tire-label-box img,
.ws-info-box .tire-label-box svg{ width: 100%;}

.order-info-list{ padding: 12px; display: flex; flex-direction: column; border: 1px solid #ccc; border-radius: 8px;}
.order-info-list .product{ background-color: #333; font-size: 13px; color: #fff; line-height: 16px; padding: 8px 10px; border-radius: 4px;}
.order-info-list .product strong{ font-weight: 500;}
.order-info-list .product span{ font-weight: 300;}
.order-info-list .product strong + span{ margin: 4px 0 0 0;}
.order-info-list .info{ margin: 12px 0 0 0; display: flex; flex-direction: column;}
.order-info-list .info dt{ font-weight: 700; font-size: 13px; color: #333; line-height: 16px; display: flex;}
.order-info-list .info dt::before{ width: 3px; height: 3px; background-color: #333; content: ''; margin: 6px 3px 6px 0; border-radius: 50%;}
.order-info-list .info dd{ font-size: 11px; line-height: 14px; padding: 0 0 0 6px;}
.order-info-list .info dt + dd{ margin: 4px 0 0 0;}
.ws-dl-box + .order-info-list{ margin-left: 16px;}

.OrderCommentReg-box{ display: flex; flex-direction: column;}
.OrderCommentReg-box > .box-body{ display: flex;}
.OrderCommentReg-box > .box-body .ws-dl-box{ flex: 1;}
.OrderCommentReg-box > .box-body .order-info-list{ width: 270px;}

.guide-box{ width: 100%; background-color: #f1f1f1; padding: 32px; display: flex; flex-direction: column; border: 1px solid #ccc; border-radius: 8px;}
.guide-box > .box-head .tit{ font-weight: 700; font-size: 14px; color: #000; line-height: 19px;}
.guide-box > .box-body{ margin: 8px 0 0 0;}
.guide-box .txt1{ font-size: 13px; line-height: 18px; padding: 0;}
.guide-box .txt1::before{ display: none;}
.guide-box .txt2{ font-weight: 500; font-size: 13px; line-height: 18px;}
.guide-box .txt1 + .txt1,
.guide-box .txt1 + .txt2,
.guide-box .txt2 + .txt1,
.guide-box .txt1 + .txt-row,
.guide-box .txt2 + .txt-row,
.guide-box .txt-row + .txt1,
.guide-box .txt-row + .txt2{ margin: 4px 0 0 0;}
.guide-box .txt-row{ display: flex;}
.guide-box .txt-row dt{ width: 96px; font-size: 13px; line-height: 18px; padding: 0 16px 0 0; display: flex; position: relative;}
.guide-box .txt-row dt::before{ width: 3px; height: 3px; background-color: #333; content: ''; margin: 6px 4px; border-radius: 50%;}
.guide-box .txt-row dt::after{ width: 16px; height: 16px; content: ':'; text-align: center; position: absolute; top: 0; right: 0;}
.guide-box .txt-row dd{ font-size: 13px; line-height: 18px; flex: 1;}

.box-body.guide-detail{ font-size: 13px; line-height: 18px;}
.guide-detail{ width: 100%; display: flex; flex-direction: column;}
.guide-detail dl{ display: flex; flex-direction: column;}
.guide-detail dl + dl{ margin: 16px 0 0 0;}
.guide-detail dt{ font-weight: 500; font-size: 13px; line-height: 19px; padding: 8px 0;}
.guide-detail table{ width: 100%; table-layout: fixed; border: 1px solid #333;}
.guide-detail table thead th{ height: 32px; background-color: #ccc; border-right: 1px solid #333;}
.guide-detail table thead th:last-child{ border-right: 0;}
.guide-detail table tbody td{ height: 32px; background-color: #fff; padding: 4px 8px; border-top: 1px solid #333; border-right: 1px solid #333;}
.guide-detail table tbody td:last-child{ border-right: 0;}
.guide-detail table tbody td:has(.tpms-notes-target){ height: auto; min-height: 32px; vertical-align: top;}
.guide-detail .tpms-notes-target,
.guide-detail .tpms-notes-target-rdks{ width: 100%; font-size: inherit; line-height: inherit; color: #666; word-break: break-word;}
.guide-detail .tpms-notes-target .tpms-note-item,
.guide-detail .tpms-notes-target-rdks .tpms-note-item{ margin: 0; padding: 0;}
.guide-detail .tpms-notes-target .tpms-note-item + .tpms-note-item,
.guide-detail .tpms-notes-target-rdks .tpms-note-item + .tpms-note-item{ margin: 8px 0 0 0;}
.guide-detail .tpms-notes-target .tpms-note-item p,
.guide-detail .tpms-notes-target-rdks .tpms-note-item p{ margin: 6px 0 0 0;}
.guide-detail .tpms-notes-target .tpms-note-item p:first-child,
.guide-detail .tpms-notes-target-rdks .tpms-note-item p:first-child{ margin-top: 0;}
.guide-detail .tpms-notes-target .tpms-note-item ul,
.guide-detail .tpms-notes-target .tpms-note-item ol,
.guide-detail .tpms-notes-target-rdks .tpms-note-item ul,
.guide-detail .tpms-notes-target-rdks .tpms-note-item ol{ margin: 6px 0 0 1em; padding: 0;}
.guide-detail .tpms-notes-target .tpms-note-item li + li,
.guide-detail .tpms-notes-target-rdks .tpms-note-item li + li{ margin: 4px 0 0 0;}

.price-list{ width: 100%; display: flex; flex-direction: column;}
.price-list dl{ display: flex; flex-direction: column;}
.price-list dl + dl{ margin: 16px 0 0 0;}
.price-list dt{ font-weight: 500; font-size: 13px; line-height: 19px; padding: 8px 0;}
.price-list table{ width: 100%; table-layout: fixed; border-top: 1px solid #333; border-bottom: 1px solid #333;}
.price-list table thead th{ height: 40px; background-color: #ccc; border-right: 1px solid #333;}
.price-list table thead th:last-child{ border-right: 0;}
.price-list table tbody td{ height: 32px; background-color: #fff; padding: 4px 8px; border-top: 1px solid #333; border-right: 1px solid #333;}
.price-list table tbody td:last-child{ border-right: 0;}
.price-list table tbody tr:hover td{ background-color: #f1f1f1;}

.tire-label{ display: flex;}
.tire-label .label1{ background: url(../images/ico/ico-label-labelGrade.png) no-repeat 2px center #3ca164; font-size: 11px; color: #fff; line-height: 12px; padding: 2px 4px 2px 16px;}
.tire-label .label2{ background: url(../images/ico/ico-label-wetGrip.png) no-repeat 3px 3px #319de1; font-size: 11px; color: #fff; line-height: 12px; padding: 2px 4px 2px 16px;}
.tire-label .label3{ background: url(../images/ico/ico-label-noiseValue2.png) no-repeat 3px center #777; font-size: 11px; color: #fff; line-height: 12px; padding: 2px 4px 2px 16px;}

.car360-box{ width: 100%; height: 110%; position: relative;}
.car360-box .progress{ width: 110px; margin: 0; display: none; flex-direction: column; align-items: center; overflow: hidden; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 9;}
.car360-box .progress .wheel { fill: rgb(128, 128, 128); font-size: 80px; width: 80px; height: 80px; border-radius: 6em; text-align: center; animation: rolling 1.4s linear infinite; }
.car360-box .progress #rim { fill: rgb(126, 126, 126); }
.car360-box .progress #tire { fill: rgb(55, 55, 55);}
.car360-box .progress .txt{ background-color: #f1f1f1; font-size: 11px; color: #333; text-align: center; line-height: 24px; white-space: nowrap; padding: 0 16px; margin: 8px 0 0 0; border-radius: 2px;}
@keyframes rolling {
	to {
		transform: rotate(-360deg);
	}
}
.car360-box .img-box{ width: 105%; height: 100%; opacity: 0; position: relative; z-index: 1;}
.car360-box .img-box img{ width: 900px; height: auto; opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: -5;}
.car360-box .img-box .img-car.active{ opacity: 1; z-index: -2;}
.car360-box .img-box .img-bottom.active{ opacity: 1; z-index: -3;}
.car360-box .img-box .img-tire.active{ opacity: 1; z-index: -1;}
.car360-box > button{ width: 139px; height: 25%; display: none; position: absolute; bottom: 24px; z-index: 6;}
.car360-box > button svg{ width: 100%;}
.car360-box > button svg path{ fill: #fff;}
.car360-box > button:hover svg path{ fill: #ec6608;}
.car360-box > button.btn-left{ left: 80px;}
.car360-box > button.btn-right{ right: 50px;}
.car360-box > button.btn-right .icon-rotate-car{ transform: scaleX(-1);}
.car360-box .color-box{ max-height: 360px; background-color: #fff; display: flex; justify-content: space-between; flex-direction: column; border: 1px solid #666; border-radius: 4px; overflow: hidden; position: absolute; top: 66px; right: 16px; z-index: 5;}
.car360-box .color-box > button{ width: 100%; height: 24px; font-size: 11px; color: #333; text-align: center; display: flex; align-items: center; justify-content: center;}
.car360-box .color-box > button:hover{ background-color: #f1f1f1;}
.car360-box .color-box > button.btn-up{ border-bottom: 1px solid #666;}
.car360-box .color-box > button.btn-down{ border-top: 1px solid #666;}
.car360-box .color-box .list{ flex: 1; position: relative;}
.car360-box .color-box .list::-webkit-scrollbar {width: 4px; height: 4px;}
.car360-box .color-box .list::-webkit-scrollbar-track {background-color: #fff;}
.car360-box .color-box .list::-webkit-scrollbar-thumb {background-color: #666; border-radius: 4px;}
.car360-box .color-box .list ul{ max-height: 320px; padding: 8px 4px; display: flex; flex-direction: column; flex-wrap: wrap-reverse;}
.car360-box .color-box .list .item{ width: 22px; height: 22px; margin: 4px; display: flex; align-items: center; justify-content: center;}
.car360-box .color-box .list label{ width: 22px; height: 22px; display: inline-block; overflow: hidden; position: relative; cursor: pointer;}
.car360-box .color-box .list label input{ position: absolute; top: 0; left: -9999px;}
.car360-box .color-box .list label span{ width: 100%; height: 100%; border-radius: 50%; overflow: hidden; position: relative;}
.car360-box .color-box .list label input:checked + span::after,
.car360-box .color-box .list label:hover span::after{ width: 14px; height: 14px; content: ''; margin: -7px 0 0 -7px; border: 3px solid #fff; border-radius: 50%; box-sizing: border-box; opacity: 1; position: absolute; top: 50%; left: 50%;}
.car360-box .color-box .list .color1 span{ background-color: #f1f1f1;}
.car360-box .color-box .list .color2 span{ background-color: #ff0000;}
.car360-box .color-box .list .color3 span{ background-color: #0000ff;}
.car360-box .color-box .list .color4 span{ background-color: #ffee00;}
.car360-box .btn-drag{ width: 100%; height: 100%; text-indent: -9999px; display: inline-block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 4;}

.car-wheel-box{ width: 100%; height: 600px; background-color: #ccc; border-radius: 18px; position: relative;
    background: no-repeat center center #ccc;
    background-size: cover;
    background-image: url(/common_f/images/common/empty-warehouse-transformed-by-striking-lighting.jpg);}
.car-wheel-box .car360-box{ padding-top: 8%;}
.car-wheel-box .car360-box > .img-box{ z-index: 2;}
.car-wheel-box .car360-box > .img-box,
.car-wheel-box .car360-box > .img-box img{ width: auto; height: 100%;}
.car-wheel-box .wheel360-box .progress{ width: 110px; margin: 0; display: none; flex-direction: column; align-items: center; overflow: hidden; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 9;}
.car-wheel-box .wheel360-box .progress .wheel { fill: rgb(128, 128, 128); font-size: 80px; width: 80px; height: 80px; border-radius: 6em; text-align: center; animation: rolling 1.4s linear infinite; }
.car-wheel-box .wheel360-box .progress #rim { fill: rgb(126, 126, 126); }
.car-wheel-box .wheel360-box .progress #tire { fill: rgb(55, 55, 55);}
.car-wheel-box .wheel360-box .progress .txt{ background-color: #f1f1f1; font-size: 11px; color: #333; text-align: center; line-height: 24px; white-space: nowrap; padding: 0 16px; margin: 8px 0 0 0; border-radius: 2px;}
.car-wheel-box .wheel360-box{ width: 300px; background-color: #fff; padding: 20px 20px 10px 20px; display: flex; flex-direction: column; align-content: center; justify-content: center; border-radius: 10px; position: absolute; top: 10px; right: 10px;}
.car-wheel-box .wheel360-box .logo{ height: 30px; background: no-repeat center center;}
.car-wheel-box .wheel360-box .img-box{ height: 200px; margin: 10px 0 0 0; opacity: 0; position: relative; z-index: 1;}
.car-wheel-box .wheel360-box .img-box .img-wheel{ width: auto !important; height: 100% !important; opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.car-wheel-box .wheel360-box .img-box .img-wheel.active{ opacity: 1; z-index: -1;}
.car-wheel-box .wheel360-box .btn-drag{ width: 100%; height: 100%; text-indent: -9999px; display: inline-block; position: absolute; top: 0; left: 0; z-index: 10;}
/* .ws-wheel-slider.type2.js .car-info-bg .car360-box .img-box{ z-index: auto;}
.ws-wheel-slider.type2.js .car360-box .img-box .img-car.active{ z-index: 5;}
.ws-wheel-slider.type2.js .car360-box .img-box .img-tire.active{ z-index: 4;}
.ws-wheel-slider.type2.js .car360-box .img-box .img-bottom.active{ z-index: 3;} */

.OrderComplete-box{ width: 100%; padding: 32px 0; display: flex; flex-direction: column;}
.OrderComplete-box > .box-head + .box-body{ margin: 16px 0 0 0;}
.OrderComplete-box > .box-head .tit{ text-align: center; display: flex; flex-direction: column;}
.OrderComplete-box > .box-head .tit strong{ font-weight: 700; font-size: 19px; color: #000; line-height: 24px;}
.OrderComplete-box > .box-head .tit span{ font-weight: 400; font-size: 11px; color: #333; line-height: 14px; margin: 8px 0 0 0;}
.OrderComplete-box > .box-body{ display: flex; border: 1px solid #ccc; border-radius: 8px;}
.OrderComplete-box > .box-body dl{ text-align: center; display: flex; align-items: center; flex-direction: column; flex: 1;}
.OrderComplete-box > .box-body dl + dl{ border-left: 1px solid #ccc;}
.OrderComplete-box > .box-body dt{ width: 100%; height: 40px; font-weight: 700; font-size: 13px; text-align: center; color: #000; line-height: 16px; display: flex; align-items: center; justify-content: center; border-bottom: 1px solid #ccc;}
.OrderComplete-box > .box-body dd{ font-weight: 400; font-size: 13px; line-height: 18px; padding: 16px 4px; display: flex; align-items: center; flex: 1;}
.OrderComplete-box > .box-body dl:nth-child(3n) dd,
.OrderComplete-box > .box-body dl:nth-child(4n) dd{ font-weight: 700; font-size: 21px; color: #009ae1; line-height: 26px;}

.ComparisonList-box{ width: 100%; display: flex; flex-direction: column; border: 1px solid #ccc; border-radius: 16px;}
.ComparisonList-box .txt1{ font-size: 16px; padding: 8px 16px; margin: 0; border-bottom: 1px solid #ccc;}
.ComparisonList-box .txt1::before{ display: none;}
.ComparisonList-box table{ width: 100%; table-layout: fixed; border-spacing: 8px;}
.ComparisonList-box thead tr th{ position: relative;}
.ComparisonList-box tbody tr{ margin-bottom: 8px;}
.ComparisonList-box tbody th{ height: 48px; background-color: #f1f1f1; font-weight: 700; font-size: 14px; text-align: center; line-height: 18px; border: 1px solid #ccc; border-radius: 8px;}
.ComparisonList-box tbody td{ height: 48px; font-weight: 400; font-size: 14px; text-align: center; line-height: 19px; padding: 13px 4px; border: 1px solid #ccc; border-radius: 8px; vertical-align: top;}
.ComparisonList-box .product-box{ width: 100%; padding: 16px 0; display: flex; flex-direction: column; align-items: center; position: relative;}
.ComparisonList-box .product-box .img{ width: 192px; height: 112px; background: no-repeat center center; background-size: contain; text-indent: -9999px; display: inline-block;}
.ComparisonList-box .product-box .spinner{ width: 192px; margin-top: 16px;}
.ComparisonList-box .product-box .txt{ width: 192px; margin-top: 16px; display: flex; flex-direction: column;}
.ComparisonList-box .product-box .txt p{ font-weight: 400; font-size: 14px; line-height: 18px; padding: 0 8px; display: flex;}
.ComparisonList-box .product-box .txt p + p{ padding-top: 8px; margin-top: 8px; border-top: 1px solid #ccc;}
.ComparisonList-box .product-box .txt p strong{ font-weight: 700; font-size: 19px; text-align: right; margin-left: 8px; flex: 1;}
.ComparisonList-box .product-box .btn{ width: 192px; margin-top: 16px;}
.ComparisonList-box .product-box .btn .btn-cart{ width: 100%; height: 32px; background: url(../images/ico/ico-quick-cart.png) no-repeat center center #ff5900; background-size: auto 20px; text-indent: -9999px; display: inline-block; border-radius: 3px;}
.ComparisonList-box .product-box .btn .btn-cart:hover{ background-color: #db6007;}
.ComparisonList-box .product-box .btn-del{ width: 32px; height: 32px; background: url(../images/ico/ico-popup-close2.png) no-repeat center center #333; background-size: auto 14px; text-indent: -9999px; display: inline-block; border-radius: 16px; position: absolute; top: 4px; right: 32px;}
.ComparisonList-box .product-box .btn-del:hover{ background-color: #000;}
.ComparisonList-box .logo{ width: 100%; height: 100%; background: no-repeat center center; background-size: auto 20px; text-indent: -9999px; display: inline-block;}
.ComparisonList-box .nodata{ background: url(../images/ico/ico-nodata.svg) no-repeat center 144px; background-size: 48px auto; font-weight: 400; font-size: 14px; color: #333; text-align: center; padding: 208px 0 160px 0; position: relative; z-index: 1;}
/*
.ComparisonList-box .nodata > span{ width: 80px; height: 80px; margin: 0 0 0 -50px; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 3px solid #333; border-radius: 50%; position: absolute; top: 144px; left: 50%;}
.ComparisonList-box .nodata > span::before{ width: 8px; height: 8px; background-color: #333; content: ''; margin: 0 0 5px 0;}
.ComparisonList-box .nodata > span::after{ width: 8px; height: 32px; background-color: #333; content: '';}
*/
.ComparisonList-box .paging-box{ margin: 16px 0 32px 0;}

.img-type-chkGroup{ display: flex;}
.img-type-chkGroup label{ width: 192px; position: relative; cursor: pointer;}
.img-type-chkGroup label + label{ margin-left: 40px;}
.img-type-chkGroup label input{ position: absolute; top: 0; left: -9999px;}
.img-type-chkGroup label span{ width: 100%; background: no-repeat center top; background-size: auto 120px; font-size: 13px; line-height: 19px; padding: 133px 0 0 0; display: flex; justify-content: center; position: relative;}
.img-type-chkGroup label span::before{ width: 19px; height: 19px; background-color: #fff; content: ''; margin: 0 4px 0 0; border: 1px solid #ccc; border-radius: 50%; box-sizing: border-box;}
.img-type-chkGroup label input:checked + span::before{ width: 16px; height: 16px; background-color: #009ae1; margin: 2px 6px 0 1px; border: 3px solid #fff; box-shadow: 0 0 0 2px #000;}
.img-type-chkGroup label:hover span::before{ border-color: #000;}

.chat-room-box{ width: 100%; display: flex; flex-direction: column;}
.chat-room-box .chat{ height: 830px; padding: 65px 40px 65px 0; display: flex; border: 1px solid #ccc; border-radius: 8px;}
.chat-room-box .select{ width: 268px; padding: 20px 0; border-right: 1px solid #ccc; overflow-y: auto;}
.chat-room-box .select::-webkit-scrollbar {width: 4px; height: 4px; border: 0; border-radius: 2px; overflow: hidden;}
.chat-room-box .select::-webkit-scrollbar-track {background-color: #eeeded; border: 0; border-radius: 2px;}
.chat-room-box .select::-webkit-scrollbar-thumb {background-color: #bfbebe; border: 0; border-radius: 2px;}
.chat-room-box .select .list{ display: flex; flex-direction: column; align-items: center;}
.chat-room-box .select .item + .item{ margin-top: 55px;}
.chat-room-box .select .link{ display: flex; align-items: center; flex-direction: column; position: relative;}
.chat-room-box .select .img{ width: 90px; height: 90px; background: no-repeat center center #f8f7f7; display: inline-block; border: 1px solid #cdcdcd; border-radius: 45px;}
.chat-room-box .select .img.person1{ background-image: url(../../front/images/ico/ico-chat-person1.png);}
.chat-room-box .select .img.person2{ background-image: url(../../front/images/ico/ico-chat-person2.png);}
.chat-room-box .select .num{ width: 22px; height: 22px; background-color: #cfcfcf; font-weight: 400; font-size: 11px; color: #fff; text-align: center; line-height: 20px; margin-left: 24px; border: 1px solid #999; border-radius: 50%; position: absolute; top: 8px; left: 50%;}
.chat-room-box .select .name{ font-weight: 400; font-size: 14px; color: #777; text-align: center; line-height: 16px; margin: 15px 0 0 0;}
.chat-room-box .select .active .link::before{ width: 12px; height: 23px; background: url(../../front/images/ico/ico-chart-select.png) no-repeat center center; content: ''; margin: 0 0 0 58px; position: absolute; top: 35px; left: 50%;}
.chat-room-box .select .active .img{ background-color: #fff; border: 3px solid #ea7c1e;}
.chat-room-box .select .active .num{ background-color: #ea7c1e; border-color: #b55708;}
.chat-room-box .select .active .name{ color: #333;}
.chat-room-box .select .active .img.person1{ background-image: url(../../front/images/ico/ico-chat-person1-on.png);}
.chat-room-box .select .active .img.person2{ background-image: url(../../front/images/ico/ico-chat-person2-on.png);}
.chat-room-box .talk{ padding: 20px 75px; flex: 1; overflow-y: auto;}
.chat-room-box .talk::-webkit-scrollbar {width: 4px; height: 4px;}
.chat-room-box .talk::-webkit-scrollbar-track {background-color: #eeeded; border-radius: 2px;}
.chat-room-box .talk::-webkit-scrollbar-thumb {background-color: #bfbebe; border-radius: 2px;}
.chat-room-box .talk .list{ display: flex; flex-direction: column;}
.chat-room-box .talk .item{ display: flex;}
.chat-room-box .talk .item + .item{ margin: 60px 0 0 0;}
.chat-room-box .talk .name{ font-weight: 700; font-size: 14px; color: #444; line-height: 20px; margin: 35px 15px 0 0;}
.chat-room-box .talk .content{ max-width: 840px; background-color: #e9e9e9; padding: 15px 50px; flex: 1; border: 1px solid #ccc; border-radius: 20px; position: relative;}
.chat-room-box .talk .content > .txt{ margin: 20px 0;}
.chat-room-box .talk .new{ width: 24px; height: 24px; background-color: #ea7c1e; font-weight: 400; font-size: 12px; color: #fff; text-align: center; line-height: 24px; border-radius: 50%; position: absolute; top: 35px; right: -12px;}
.chat-room-box .talk .date{ font-weight: 400; font-size: 12px; color: #777; line-height: 16px; position: absolute; bottom: -30px; right: 30px;}
.chat-room-box .talk .btn-del{ width: 35px; height: 35px; background: url(../../front/images/ico/ico-del5.png) no-repeat center center #333; text-indent: -9999px; display: none; border-radius: 50%; position: absolute; top: -17px; right: 20px;}
.chat-room-box .talk .btn-del:hover{ background-color: #000;}
.chat-room-box .talk .file{ background: url(../../front/images/ico/ico-chat-file-down.png) no-repeat right center; display: flex;}
.chat-room-box .talk .file:hover .txt{ text-decoration: underline; color: #000;}
.chat-room-box .talk .file .ico{ width: 23px; height: 23px;}
.chat-room-box .talk .file .ico + .txt{ margin-left: 15px;}
.chat-room-box .talk .file .txt{ font-weight: 400; font-size: 14px; color: #444; line-height: 23px;}
.chat-room-box .talk .content:hover .btn-del{ display: inline-block;}
.chat-room-box .talk .item.me{ justify-content: flex-end;}
.chat-room-box .talk .item.me .content{ background-color: #fff;}
.chat-room-box .talk .item.you .name{ background: url(../../front/images/ico/ico-chat-talk-you.png) no-repeat center top; color: #ea7c1e; padding: 40px 0 0 0; margin: 15px 20px 0 0;}
.chat-room-box .input{ padding: 20px 35px 20px 20px; margin: 35px 0 0 0; display: flex; align-items: center; border: 1px solid #ccc; border-radius: 8px;}
.chat-room-box .input .content{ height: 80px; line-height: 20px; padding: 30px 0 30px 30px; flex: 1; resize: none;}
.chat-room-box .input .name{ font-weight: 400; font-size: 14px; line-height: 20px; padding: 30px 0 30px 30px; flex: 1;}
.chat-room-box .input .enter{ width: 60px; height: 60px; background: url(../../front/images/ico/ico-chat-send.png) no-repeat center center; text-indent: -9999px; display: inline-block; border-radius: 50%;}
.chat-room-box .input .enter:hover{ background-color: #f1f1f1;}
.chat-room-box .util{ padding: 0 23px 0 0; margin: 25px 0 0 0; display: flex; justify-content: flex-end;}
.chat-room-box .util a{ width: 50px; height: 50px; background: no-repeat center center; text-indent: -9999px; display: inline-block; border: 1px solid #ccc; border-radius: 8px;}
.chat-room-box .util a:hover{ background-color: #f1f1f1;}
.chat-room-box .util a + a{ margin-left: 9px;}
.chat-room-box .util .btn-file{ background-image: url(../../front/images/ico/ico-chat-btn-file.png);}
.chat-room-box .util .btn-reset{ background-image: url(../../front/images/ico/ico-chat-btn-reset.png);}

.popup-file-upload .popup{ width: 350px; padding: 0 30px 30px 30px; border: 1px solid #000;}
.popup-file-upload .popup .pop-head{ padding-left: 10px; padding-right: 10; border-bottom: 1px solid #d4d4d4;}
.popup-file-upload .popup .pop-cont{ padding: 0; margin: 30px 0 0 0;}
.popup-file-upload .popup .pop-foot{ padding: 0; margin: 12px 0 0 0;}
.popup-file-upload .popup .pop-foot .btn-ix{ min-width: auto !important; height: 46px !important; flex: 1 !important; border-radius: 8px !important;}
.popup-file-upload .popup .pop-foot .btn-ix.type1{ background-color: #333;}
.popup-file-upload .popup .pop-foot .btn-ix.type1:hover{ background-color: #222;}
.popup-file-upload .popup .pop-foot .btn-ix.type2{ background-color: #ee7103;}
.popup-file-upload .popup .pop-foot .btn-ix.type2:hover{ background-color: #d36300;}
.popup-file-upload .popup .close{ right: 35px;}

#contents .contents-main{ margin: 20px 0 80px 0;}
#contents .contents-main > .inner{ /*width: 1464px;*/ padding: 0 109px; flex-direction: row; flex-wrap: wrap;}
#contents .contents-sub + .contents-main{ margin: 0 0 80px 0;}


.mySwiperJS{ display: flex; flex-direction: column; position: relative;}
.mySwiperJS .swiper{ width: 100%; height: 100%; overflow: hidden; position: relative;}

.slider-banner-box{ width: 100%;}
.slider-banner-box .swiper{ border-radius: 10px;}
.slider-banner-box .swiper-slide{ height: 220px; background-color: transparent;}
.slider-banner-box .swiper-pagination{ height: 5px; margin: 10px 0 0 0; display: flex; justify-content: center; position: static;}
.slider-banner-box .swiper-pagination .swiper-pagination-bullet{ width: 64px; height: 100%; margin: 0 3.5px; border-radius: 3px;}
.slider-banner-box [class*="swiper-button-"]{ width: 24px; height: 43px; margin: -21.5px 0 0 0; opacity: 0.25; top: 100px;}
.slider-banner-box [class*="swiper-button-"]:hover{ opacity: 0.5;}
.slider-banner-box .swiper-button-prev{ background: url(../../front/images/ico/ico-swiper-left.png) no-repeat center center; left: 46px;}
.slider-banner-box .swiper-button-next{ background: url(../../front/images/ico/ico-swiper-right.png) no-repeat center center; right: 46px;}
.slider-banner-box .swiper-button-next:after,
.slider-banner-box .swiper-button-prev:after{ display: none;}
.slider-banner-box .slider-img{ width: 100%; height: 100%; background: no-repeat center center #e86c00; background-size: contain;}
.slider-banner-box .slider-con{ width: 100%; height: 100%; background: no-repeat center center #009ae1; background-size: 100% 100%; padding: 40px 174px 15px 174px; display: flex; position: relative;}
.slider-banner-box .slider-con .sb-l{ width: 100%; height: 100%; margin-right: 150px; display: flex; flex-direction: column; justify-content: space-between;}
.slider-banner-box .slider-con .tit{ font-weight: 700; font-size: 28px; color: #fff; line-height: 36px; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2;}
.slider-banner-box .slider-con .tit + .txt{ margin-top: 20px;}
.slider-banner-box .slider-con .txt{ font-weight: 300; font-size: 14px; color: #fff; line-height: 20px; padding-right: 10px; margin-right: 170px; flex: 1; overflow-y: auto;}
.slider-banner-box .slider-con .txt::-webkit-scrollbar {width: 4px; height: 4px;}
.slider-banner-box .slider-con .txt::-webkit-scrollbar-track {background-color: #7187b9; border-radius: 2px;}
.slider-banner-box .slider-con .txt::-webkit-scrollbar-thumb {background-color: #2c3c64; border-radius: 1px;}
.slider-banner-box .slider-con .sb-r{ position: absolute; bottom: 74px; right: 174px;}
.slider-banner-box .slider-con .btn{ width: 154px; background: url(../../front/images/ico/ico-swiper-btn.png) no-repeat right 21px center #ff5900; font-weight: 300; font-size: 14px; color: #fff; line-height: 20px; padding: 12px 45px 12px 24px; display: inline-block; border-radius: 22px;}
.slider-banner-box .slider-con .btn:hover{ background-color: #666;}

.promotion-banner-box{ width: 100%; margin: 50px 0 0 0; display: flex; flex-direction: column;}
.promotion-banner-box .box-head{ display: flex;}
.promotion-banner-box .box-head .tit{ background: url(../../front/images/ico/ico-promotion-tit.png) no-repeat left center; font-weight: 500; font-size: 14px; color: #000; line-height: 30px; padding: 0 0 0 30px;}
.promotion-banner-box .box-body{ margin: 8px 0 0 0;}
.promotion-banner-box .box-body .list{ width: 100%; display: flex;}
.promotion-banner-box .box-body .item{ width: calc((100% - 40px) / 3);}
.promotion-banner-box .box-body .item + .item{ margin-left: 20px;}
.promotion-banner-box .promotion-con{ width: 100%; height: 360px; padding: 40px 40px 35px 40px; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid #ddddde; border-radius: 10px; overflow: hidden; position: relative;}
.promotion-banner-box .promotion-con .con{ width: 270px; padding: 0 0 0 10px; display: flex; flex-direction: column;}
.promotion-banner-box .promotion-con .tit{ font-weight: 700; font-size: 26px; color: #333; line-height: 40px; letter-spacing: -0.75px;}
.promotion-banner-box .promotion-con .txt{ font-weight: 500; font-size: 17px; color: #333; line-height: 26px; letter-spacing: -0.75px; margin-top: 40px; word-break: keep-all;}
.promotion-banner-box .promotion-con .txt2{ width: 145px; font-weight: 500; font-size: 20px; color: #666; line-height: 28px; letter-spacing: -0.75px; word-break: keep-all;}
.promotion-banner-box .promotion-con .logo{ height: 35px; margin: 30px 0;}
.promotion-banner-box .promotion-con .logo img{ width: auto; height: 100%;}
.promotion-banner-box .promotion-con .tire{ width: auto; height: 200px; position: absolute; top: 90px; right: 55px;}
.promotion-banner-box .promotion-con .tire img{ width: auto; height: 100%;}
.promotion-banner-box .promotion-con .marker{ width: 150px; background-color: #d83721; font-weight: 700; font-size: 14px; color: #fff; text-align: center; line-height: 1; padding: 50px 0 14px 0; position: absolute; top: -20px; right: -58px; transform: rotate(45deg);}
.promotion-banner-box .promotion-con .btn{ background: url(../../front/images/ico/ico-swiper-btn.png) no-repeat right 21px center #4d4d4e; font-weight: 300; font-size: 14px; color: #fff; line-height: 20px; padding: 12px 45px 12px 24px; display: inline-block; align-self: flex-start; border-radius: 22px;}
.promotion-banner-box .promotion-con .btn:hover{ background-color: #666;}
.promotion-banner-box .promotion-con.banner1{ background-color: #e3effe;}
.promotion-banner-box .promotion-con.banner2{ background-color: #f6f7fb;}
.promotion-banner-box .promotion-con.banner3{ border: 0;}
.promotion-banner-box .promotion-con.banner3 .con{ padding: 0;}
.promotion-banner-box .promotion-con.banner3 .tit{ display: flex; flex-direction: column;}
.promotion-banner-box .promotion-con.banner3 .tit .logo{ width: auto; height: 14px; margin: 0; display: flex;}
.promotion-banner-box .promotion-con.banner3 .tit .txt{ width: 180px; font-weight: 700; font-size: 22px; color: #fff; line-height: 30px; margin-top: 17px;}
.promotion-banner-box .promotion-con.banner3 .info{ margin: 50px 0 0 0;}
.promotion-banner-box .promotion-con.banner3 .info p{ display: flex; flex-direction: column;}
.promotion-banner-box .promotion-con.banner3 .info strong{ background: url(../../front/images/main/slider-banner3-ico.png) no-repeat 1px top; font-weight: 300; font-size: 14px; color: #fff; line-height: 20px; padding: 0 0 0 30px;}
.promotion-banner-box .promotion-con.banner3 .info span{ font-weight: 300; font-size: 12px; color: #fff; line-height: 17px; margin: 8px 0 0 0;}
.promotion-banner-box .promotion-con.banner3 .tire{ height: 250px; top: 68px; right: 40px;}

.slider-promotion-box{ width: 100%; margin: 0 0 0 0; display: flex; flex-direction: column; border: 0; position: relative;}
.slider-promotion-box .box-head{ display: flex;}
.slider-promotion-box .box-head .tit{ background: url(../../front/images/ico/ico-promotion-tit.png) no-repeat left center; font-weight: 500; font-size: 14px; color: #000; line-height: 30px; padding: 0 0 0 30px;}
.slider-promotion-box .box-body{ margin: 8px 0 0 0;}
.slider-promotion-box .promotion-con{ width: 548px; height: 360px; padding: 40px 40px 88px 40px; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid #ddddde; border-radius: 10px; overflow: hidden; position: relative;}
.slider-promotion-box .promotion-con .con{ width: 270px; height: 100%; padding: 0 0 0 10px; display: flex; flex-direction: column; flex: 1;}
.slider-promotion-box .promotion-con .tit{ font-weight: 700; font-size: 26px; color: #333; line-height: 40px; letter-spacing: -0.75px; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2;}
.slider-promotion-box .promotion-con .txt{ font-weight: 500; font-size: 17px; color: #333; line-height: 26px; letter-spacing: -0.75px; margin-top: 20px; word-break: keep-all; flex: 1; overflow-y: auto;}
.slider-promotion-box .promotion-con .txt2{ width: 210px; font-weight: 500; font-size: 20px; color: #666; line-height: 28px; letter-spacing: -0.75px; word-break: keep-all; flex: 1; overflow-y: auto;}
.slider-promotion-box .promotion-con .txt::-webkit-scrollbar,
.slider-promotion-box .promotion-con .txt2::-webkit-scrollbar{width: 4px; height: 4px;}
.slider-promotion-box .promotion-con .txt::-webkit-scrollbar-track,
.slider-promotion-box .promotion-con .txt2::-webkit-scrollbar-track {background-color: #7187b9; border-radius: 2px;}
.slider-promotion-box .promotion-con .txt::-webkit-scrollbar-thumb,
.slider-promotion-box .promotion-con .txt2::-webkit-scrollbar-thumb {background-color: #2c3c64; border-radius: 1px;}
.slider-promotion-box .promotion-con .logo{ height: 35px; background: no-repeat left center; background-size: contain; margin: 20px 40px 10px 0;}
.slider-promotion-box .promotion-con .logo img{ width: auto; height: 100%;}
.slider-promotion-box .promotion-con .tire{ width: 170px; height: 240px; background: no-repeat right center; background-size: contain; position: absolute; top: 90px; right: 30px;}
.slider-promotion-box .promotion-con .tire img{ width: auto; height: 100%;}
.slider-promotion-box .promotion-con .marker{ width: 150px; background-color: #d83721; font-weight: 700; font-size: 14px; color: #fff; text-align: center; line-height: 1; padding: 50px 0 14px 0; position: absolute; top: -20px; right: -58px; transform: rotate(45deg);}
.slider-promotion-box .promotion-con .btn{ background: url(../../front/images/ico/ico-swiper-btn.png) no-repeat right 21px center #ff5900; font-weight: 300; font-size: 14px; color: #fff; line-height: 20px; padding: 12px 45px 12px 24px; display: inline-block; align-self: flex-start; border-radius: 22px; position: absolute; bottom: 35px; left: 40px;}
.slider-promotion-box .promotion-con .btn:hover{ background-color: #666;}
.slider-promotion-box .box-body .promotion-con.banner1{ background-color: #e3effe;}
.slider-promotion-box .box-body .promotion-con.banner1 .con{ width: 100%; padding: 0 10px;}
.slider-promotion-box .box-body .promotion-con.banner2{ background-color: #f6f7fb;}
.slider-promotion-box .box-body .promotion-con.banner2 .tire{ height: 190px;}
.slider-promotion-box .box-body .promotion-con.banner2 .price{ font-weight: 600; font-size: 34px; position: absolute; bottom: 45px; right: 40px;}
.slider-promotion-box .box-body .promotion-con.banner3{ border: 0;}
.slider-promotion-box .box-body .promotion-con.banner3 .con{ padding: 0;}
.slider-promotion-box .box-body .promotion-con.banner3 .tit{ display: flex; flex-direction: column;}
.slider-promotion-box .box-body .promotion-con.banner3 .tit .logo{ width: auto; height: 14px; margin: 0; display: flex;}
.slider-promotion-box .box-body .promotion-con.banner3 .tit .txt{ width: 180px; font-weight: 700; font-size: 22px; color: #fff; line-height: 30px; margin-top: 17px;}
.slider-promotion-box .box-body .promotion-con.banner3 .info{ margin: 50px 0 0 0;}
.slider-promotion-box .box-body .promotion-con.banner3 .info p{ display: flex; flex-direction: column;}
.slider-promotion-box .box-body .promotion-con.banner3 .info strong{ background: url(../../front/images/main/slider-banner3-ico.png) no-repeat 1px top; font-weight: 300; font-size: 14px; color: #fff; line-height: 20px; padding: 0 0 0 30px;}
.slider-promotion-box .box-body .promotion-con.banner3 .info span{ font-weight: 300; font-size: 12px; color: #fff; line-height: 17px; margin: 8px 0 0 0;}
.slider-promotion-box .box-body .promotion-con.banner3 .tire{ height: 250px; top: 68px; right: 40px;}
.slider-promotion-box .box-body .promotion-con.banner3{ background: no-repeat center center; background-size: 100%; height: 100%; border-radius: 18px; overflow: hidden;}
.slider-promotion-box .swiper-button-next,
.slider-promotion-box .swiper-button-prev{ width: 16px; height: 30px; background: no-repeat center center; margin: 0; position: absolute; top: 0; left: auto;}
.slider-promotion-box .swiper-button-next::after,
.slider-promotion-box .swiper-button-prev::after{ display: none;}
.slider-promotion-box .swiper-button-prev{ background-image: url(../../front/images/ico/ico-board-paging-left.png); right: 44px;}
.slider-promotion-box .swiper-button-next{ background-image: url(../../front/images/ico/ico-board-paging-right.png); right: 21px;}

.chart-box{ width: calc((((100% - 40px) / 3) * 2) + 20px); margin: 50px 0 0 0; display: flex; flex-direction: column;}
.chart-box .box-head{ padding: 0 0 10px 0; display: flex; border-bottom: 1px solid #cbcbcb;}
.chart-box .box-head .tit{ background: url(../../front/images/ico/ico-chart-tit.png) no-repeat left center; font-weight: 500; font-size: 14px; color: #000; line-height: 30px; padding: 0 0 0 30px;}
.chart-box .box-body{ height: 415px; display: flex; flex-direction: column;}
.chart-box .date-range{ padding: 0 15px; margin: 20px 0 0 0; display: flex;}
.chart-box .date-range .txt{ width: 180px; font-weight: 400; font-size: 14px; color: #222; line-height: 30px; padding: 5px 0;}
.chart-box .date-range .chk{ display: block; flex: 1;}
.chart-box .date-range .chk label{ margin: 5px 5px 5px 0; position: relative; cursor: pointer;}
.chart-box .date-range .chk label + label{ margin: 5px;}
.chart-box .date-range .chk input{ width: 1px; height: 1px; opacity: 0; position: absolute; top: 0; left: 0;}
.chart-box .date-range .chk input:checked + span{ background-color: #009ae1; color: #fff;}
.chart-box .date-range .chk span{ font-weight: 300; color: #333; line-height: 30px; padding: 0 16px; display: flex; align-items: center; justify-content: center; border-radius: 15px;}
.chart-box .date-range .chk span:hover{ background-color: #f1f1f1;}
.chart-box .chart-tab{ padding: 0 15px; margin: 20px 0 0 0; display: flex;}
.chart-box .chart-tab .item{ flex: 1;}
.chart-box .chart-tab .item + .item{ margin-left: 10px;}
.chart-box .chart-tab .item label{ width: 100%; position: relative; cursor: pointer;}
.chart-box .chart-tab .item label input{ width: 1px; height: 1px; opacity: 0; position: absolute; top: 0; left: 0;}
.chart-box .chart-tab .item label input:checked + .box{ border-color: #ec6608;}
.chart-box .chart-tab .item label:hover .box{ border-color: #666;}
.chart-box .chart-tab .item .box{ width: 100%; height: 60px; padding: 0 5px; display: flex; align-items: center; justify-content: center; border: 1px solid #cbcbcb; border-radius: 10px;}
.chart-box .chart-tab .item .txt{ font-weight: 400; font-size: 12px; color: #777; line-height: 14px; letter-spacing: -0.5px;}
.chart-box .chart-tab .item .num{ font-weight: 400; font-size: 14px; color: #ec6608; line-height: 20px; word-break: keep-all; padding: 0 0 0 8px; margin: 0 0 0 10px; border-left: 1px solid #ddddde;}
.chart-box .chart{ width: 100%; text-align: center; margin: 20px 0 0 0; flex: 1;}

.chat-box{ width: calc((100% - 40px) / 3); margin: 50px 0 0 20px; display: flex; flex-direction: column;}
.chat-box .box-head{ padding: 0 0 10px 0; display: flex; border-bottom: 1px solid #cbcbcb;}
.chat-box .box-head .tit{ background: url(../../front/images/ico/ico-chat-tit.png) no-repeat left center; font-weight: 500; font-size: 14px; color: #000; line-height: 30px; padding: 0 0 0 30px;}
.chat-box .box-body{ height: 415px; display: flex; align-items: center; justify-content: center;}
.chat-box .box-body .list{ display: flex;}
.chat-box .box-body .list .item + .item{ margin-left: 107px; position: relative;}
.chat-box .box-body .list .item + .item::before{ width: 1px; height: 115px; background-color: #ccc; content: ''; position: absolute; top: 12px; left: -54px;}
.chat-box .box-body .list .btn-chat{ padding: 130px 0 0 0; display: flex; flex-direction: column; position: relative;}
.chat-box .box-body .list .btn-chat::before{ width: 112px; height: 112px; background: no-repeat center center; content: ''; margin: 1px 0 0 -57px; border: 1px solid #ccc; border-radius: 50%; position: absolute; top: 0; left: 50%;}
.chat-box .box-body .list .btn-chat .num{ width: 34px; height: 30px; background-color: #ea7c1e; font-weight: 500; font-size: 18px; color: #fff; text-align: center; line-height: 30px; margin: 0 0 0 28px; border-radius: 10px; position: absolute; top: 10px; left: 50%;} 
.chat-box .box-body .list .btn-chat .txt{ font-weight: 500; font-size: 18px; color: #333; line-height: 28px;}
.chat-box .box-body .list .btn-chat.btn1::before{ background-image: url(../../front/images/ico/ico-chat-btn1.png);}
.chat-box .box-body .list .btn-chat.btn2::before{ background-image: url(../../front/images/ico/ico-chat-btn2.png);}
.chat-box .box-body .list .btn-chat:hover::before{ background-color: #Ffefe0; margin: 0 0 0 -58px; border: 2px solid #f28f33;}

.ico.ico-file-img{ background-image: url(../../front/images/ico/ico-file-img.png);}

.con-tit-box{ display: flex; flex-direction: column;}
.con-tit-box + .con-tit-box{ margin-top: 50px;}
.con-tit-box > .box-head{ margin: 0 0 5px 0;}
.con-tit-box > .box-head .tit{ font-weight: 700; font-size: 18px; color: #333; line-height: 30px; display: flex;}
.con-tit-box > .box-head .tit::before{ width: 4px; height: 4px; background-color: #333; content: ''; margin: 13px 5px 13px 0; display: inline-block; border-radius: 50%;}

/**************************************************popup*************************************************/
.popup-wrap:not(.windowtype) { padding: 20px; position: fixed; top: 0; left: 0; right: 0; bottom: 0; align-items: center; justify-content: center; overflow: hidden; display: none;}
.popup-wrap:not(.windowtype):after {content:''; position:fixed; top:0; left:0; right:0; bottom: 0; background-color: rgba(23,23,23,.53); width:auto; height: auto; z-index:9;}
.popup-wrap:not(.windowtype).vertical-full::after {right: 13px;}
.popup-wrap:not(.windowtype).horizontal-full::after {bottom: 13px;}

.popup {background-color: #fff; border-radius: 8px; align-items: stretch; justify-content: center; position: relative; z-index: 10;
    display: flex; flex-direction: column; max-height: calc(100vh - 64px);}
.popup.position-r {position: relative; top: auto; margin-top: 24px; margin-bottom: 24px; max-height: none;}
.popup.system {width:300px;}
.popup.w400 {width:400px;}
.popup.w481 {width:481px;}
.popup.w500 {width:500px;}
.popup.w553 {width:553px;}
.popup.w565 {width:565px;}
.popup.w600 {width:600px;}
.popup.w632 {width:632px;}
.popup.w700 {width:700px;}
.popup.w717 {width:717px;}
.popup.w744 {width:744px;}
.popup.w780 {width:780px;}
.popup.w800 {width:800px;}
.popup.w900 {width:900px;}
.popup.w1000 {width:1000px;}
.popup.w1020 {width:1020px;}
.popup.w1102 {width:1102px;}
.popup.w1200 {width:1200px;}
.popup.w1272 {width:1272px;}
.popup.w1300 {width:1300px;}
.popup.w1500 {width:1500px;}
.popup.w1550 {width:1550px;}
.popup.w1600 {width:1600px;}
/* PDF viewer popup - 80% of viewport */
.popup.w80 {width: 80vw; height: 80vh; max-width: calc(100vw - 40px); max-height: calc(100vh - 40px);}
.popup.pdf-pop .pdf-pop-cont {flex: 1; display: flex; flex-direction: column; min-height: 0; overflow: hidden; padding: 8px 16px 12px;}
.popup.pdf-pop .pdf-viewer-wrap {flex: 1; min-height: 0; border: 1px solid #ddd; border-radius: 4px; overflow: hidden;}
.popup.pdf-pop .pdf-viewer-wrap iframe {width: 100%; height: 100%; border: none; display: block;}
.popup .pop-head {position: relative; display: inline-flex; align-items: center; width: 100%; font-size: 19px; color: #333; font-weight: bold; padding: 17px 56px 16px 26px; letter-spacing: -0.015em; word-spacing: -0.04em; box-sizing: border-box;}
.popup .pop-head .ra-group {margin: 0 0 0 12px; text-transform: none;}
.popup .pop-head .ra-box {font-size: 10px; line-height: 1;}
.popup .pop-head > [class*="ico-"] {display: inline-block; margin-right: 13px; margin-top: -2px;}
.popup-wrap:not(.popup-FR-wrap) .popup .pop-head {line-height: 24px;}
.popup .pop-head.bbtype::after {content: ''; display: block; width: auto; height: 1px; background-color: #ccc; position: absolute; left: 29px; right:30px; bottom: 0;}
.popup .pop-head.bbtype2::after {content: ''; display: block; width: auto; height: 1px; background-color: #ccc; position: absolute; left: 0; right: 0; bottom: 0;}
.popup .pop-head .btn-ix {margin-left: auto;}
.popup .pop-head .side-txt {font-size: 11px; text-transform: none;}
.popup .pop-head .side-txt2 { font-weight: 300; font-size: 11px; text-transform: none; line-height: 12px; padding: 0 0 0 0; margin: 0 0 0 16px; flex: 1; }
.popup .pop-head .right {margin-left: auto;}
.popup .pop-head .right.insearch-box {margin-top: 4px;}
.popup .pop-cont {position: relative; font-size: 11px; color: #595959; /*height: calc(100% - 41px);*/ padding: 8px 29px 16px 29px; box-sizing: border-box; overflow-y: auto; overflow-wrap: break-word;}
.popup .pop-cont .pop-search {padding: 8px 26px;}
.popup .pop-cont .table-search {width: 100%;}
.popup .pop-foot {padding: 0 29px 16px; display: flex; align-items: center; justify-content: center;}
.popup .pop-foot::after {content: ''; display: block; clear: both;}
.popup .pop-foot .left,
.popup .pop-foot .right {width: auto;}
.popup .pop-foot .left {float: left;}
.popup .pop-foot .right {float: right;}
.popup .pop-foot .center {display: block; text-align: center;}
.popup .pop-foot .btn-ix {min-width: 101px; height: 29px; padding: 0 16px;}
.popup .pop-foot .btn-ix:not([class*="color"]) {border-color: #ccc;}
.popup .pop-foot .btn-ix.minw150 {min-width: 120px;}
/* .popup .pop-foot .btn-ix:not([class*="color"]):hover {background-color: #f5f5f5;} */
.popup .pop-foot > [class*="btn-"] + [class*="btn-"],
.popup .pop-foot .btn-ix + .btn-ix {margin-left: 10px;}
.popup .pop-foot .btn-ix [class^="ico-"] {}
.popup .pop-foot .btn-ix .ix-txt {font-size: 11px; height: 27px; line-height: 27px; font-weight: bold;}
.popup .pop-foot .btn-ix [class^="ico-"] + .ix-txt {margin-right: 3px;}
.popup .pop-foot .btn-ix.type2 {min-width: 146px; height: 42px; background-color: #ec6608; border-color: #ec6608; border-radius: 3px;}
.popup .pop-foot .btn-ix.type2 .ix-txt {color: #fff; font-size: 18px; font-weight: 500;}
.popup .close {display: inline-block; position: absolute; top: 19px; right: 24px; background-color: transparent; background-image: url(../images/ico/ico-popup-close.png); background-position: 50% 50%; background-repeat: no-repeat;text-indent:-9999em; width: 24px; height: 24px;}
.popup .close:hover {background-color: #eaeaea;}

.popup .pop-foot .btn-group > .btn-ix .caret {display: inline-block; margin-left: 4px; border: 6px solid #707070; border-left: 3px solid transparent; border-right: 3px solid transparent; border-bottom: none; width: 0; height: 0;}
.popup .pop-foot .btn-group > .btn-ix.color1 + .caret {border-color: #ec6608;}
.popup .pop-foot .btn-group > .btn-ix .ix-txt {height: 100%; line-height: 18px;}
.popup .pop-foot .btn-group > .dropdown-menu {min-width: 100%;}

.popup.type2 .pop-head {padding: 18px 56px 20px 35px; font-size: 24px; font-weight: 500;}
.popup.type2 .pop-cont {padding: 0 31px 31px;}
.popup.type2 .pop-foot {padding: 0 31px 48px;}
.popup.type2 .close {top: 18px; right: 34px; background-image: url(../images/ico/ico-popup-close2.png);}

.popup .pop-cont .mCustomScrollBox {height: auto;}
.popup .pop-cont .mCSB_outside + .mCSB_scrollTools {right: 0;}

.popup .pop-cont .popcont-box {height: calc(100% - 44px); overflow-x: hidden; overflow-y: auto; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb;}
.popup .pop-cont .popcont-box > *,
.popup .pop-cont .popcont-box .mCSB_container > * {padding-right: 1px;}

.popup .pop-cont .popcont-box .mCSB_outside + .mCSB_scrollTools {right: -13px;}
.popup.no-footbtn .pop-cont {padding-bottom: 15px;}

.popup .pop-cont .filter-btn {margin-bottom: 8px;}

.popup.no-head .pop-cont {padding-top: 48px;}

.popup .pop-title {padding: 24px 16px 16px; text-align: center; font-size: 16px; font-weight: 500; color: #333;}
.popup .pop-title.type2 {padding: 0 0 0 8px; font-size: 10px; font-weight: 500; margin-bottom: 8px; color: #595959;}

.popup.noScroll .pop-cont {overflow: visible;}

/*window popup*/
.popup-wrap.windowtype > .popup {width: 100%; height: auto; position: relative; top: auto; left: auto; right: auto; margin: 0;}

/*toast popup*/
.popup-wrap.toasttype{ padding-top: 32px; align-items: flex-start; transition: top 0.3s; bottom: auto;}
.popup-wrap.toasttype::after{ display: none;}
.popup-wrap.toasttype .popup{ width: 1000px; min-height: 80px; background-color: transparent; overflow: hidden; border-radius: 16px; position: relative; z-index: 0;}
.popup-wrap.toasttype .popup::after{ width: 100%; height: 100%; background-color: #FFF2CC; content: ''; position: absolute; top: 0; left: 0; z-index: -1;}
.popup-wrap.toasttype .popup .pop-cont{ padding: 16px 56px 16px 24px;}
.popup-wrap.toasttype .popup .txt{ font-size: 14px; color: #000; line-height: 16px;}
.popup-wrap.toasttype .popup .close{ background-image: url(../../front/images/ico/ico-popup-close4.png); margin: -15px 0 0 0; top: 50%;}
.popup-wrap.toasttype .popup .close:hover{ background-color: transparent;}
.popup-wrap.toasttype2{ padding-top: 32px; align-items: flex-start; transition: top 0.3s; bottom: auto;}
.popup-wrap.toasttype2::after{ display: none;}
.popup-wrap.toasttype2 .popup{ width: 1000px; min-height: 80px; background-color: transparent; overflow: hidden; border-radius: 16px; position: relative; z-index: 0;}
.popup-wrap.toasttype2 .popup::after{ width: 100%; height: 100%; background-color: #dbf0dc; content: ''; position: absolute; top: 0; left: 0; z-index: -1;}
.popup-wrap.toasttype2 .popup .pop-cont{ padding: 16px 56px 16px 24px;}
.popup-wrap.toasttype2 .popup .txt{ font-size: 14px; color: #000; line-height: 16px;}
.popup-wrap.toasttype2 .popup .close{ background-image: url(../../front/images/ico/ico-popup-close4.png); margin: -15px 0 0 0; top: 50%;}
.popup-wrap.toasttype2 .popup .close:hover{ background-color: transparent;}

.popup .system-txt {}
.popup .system-txt .txt {color: #999;}

.popup.system .pop-head {font-size: 12px; line-height: 15px !important; display: flex; align-items: center; padding: 12px 16px; border-bottom: 1px solid #ddd;}
.popup.system .pop-head > [class*="ico-"] {margin: 0 4px 1px;}
.popup.system .pop-head > .ico-info {transform: scaleX(-1);}
.popup.system .pop-cont {padding: 32px 20px;}
.popup.system .pop-cont .message-box {/*padding: 22px 0 26px;*/ text-align: center;}
.popup.system .pop-foot {padding-left: 8px; padding-right: 8px;}
.popup.system .system-txt .txt {color: #333;}
.popup.system.no-head .pop-cont {padding-top: 32px;}
.popup.system .close {top: 6px; right: 12px; background-image: url(../images/ico/ico-popup-close3.png); opacity: 1;}

/* 헤더 search2 검색 필드 - 입력/선택값 가독성 */
#visual .acco-box.search2 .ws-search-box .form dt { color: #666; font-size: 11px; line-height: 16px; }
#visual .acco-box.search2 .ws-search-box .form .select1,
#visual .acco-box.search2 .ws-search-box .form .input1 { color: #222; font-weight: 500; }
#visual .acco-box.search2 .ws-search-box .form .input1::placeholder { color: #999; font-weight: 400; }

/*media*/

@media (max-width: 1739px) {
	#visual .ws-search-box .form > dl.dl-type2.col2{ width: 270px;}
	#visual .ws-search-box .form > dl.dl-type2.col3{ width: 420px;}

	.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .info{ padding: 0;}
	
	.chat-room-box .talk .content{ max-width: 600px;}
}
@media (max-width: 1699px) {
	.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .colgroup.col4 .acco-box > .acco-con,
	.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .colgroup.col4 > .info > .detail{ margin-right: -200px;}
	.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .set-list-box ~ .acco-list-box:last-child .acco-head .colgroup.col4 .acco-box > .acco-con{ margin-right: 0;}

	.ws-board-list-box .sort-box .colgroup{ padding: 0 5px;}
	.ws-board-list-box .sort-box .colgroup p{ line-height: 12px; word-break: break-all; padding: 4px;}
	.ws-board-list-box.type-CompleteWheelRDKS .list-body .colgroup.col2{ width: 110px;}
	.ws-board-list-box.type-CompleteWheelRDKS .list-body .colgroup.col4{ width: 110px;}
	.ws-board-list-box.type-CompleteWheelRDKS .list-body .colgroup.col5{ width: 102px;}
	.ws-board-list-box.type-CompleteWheelRDKS .list-body .colgroup.col6{ width: 100px;}
	.ws-board-list-box.type-CompleteWheelRDKS .list-body .colgroup.col7{ width: 60px;}

	.wheel-search-tab{ width: 100%;}
}
@media (max-width: 1660px) and (min-width: 1023px) {
    .carOne-box .img-box img { max-height: 300px;}
}

@media (max-width: 1660px) {
	.car360-box .img-box img{ width: 100%;}
}
@media (max-width: 1499px) {
	#contents .contents-main > .inner{ padding: 0 80px;}

	.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head:has(.delivery-info-box){ padding-bottom: 40px;}
	.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .delivery-info-box{ flex-direction: column; align-items: flex-start;}
	.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .delivery-info-box .delivery{ max-width: none; width: 100%;}
	.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .delivery-info-box .express{ width: 100%; background-position: 2px top; padding-left: 25px; margin: 3px 0 0 0; border: 0;}

	.ws-cart-edit-box table colgroup col:nth-child(2){ min-width: 130px !important; width: 16% !important;}
	.ws-cart-edit-box table colgroup col:nth-child(3){ min-width: 95px !important; width: 11% !important;}
	.ws-cart-edit-box table colgroup col:nth-child(4){ min-width: 105px !important; width: 13% !important;}
	.ws-cart-edit-box table colgroup col:nth-child(5){ min-width: 100px !important; width: 11% !important;}
	.ws-cart-edit-box table colgroup col:nth-child(6){ min-width: 95px !important; width: 11% !important;}
	.ws-cart-edit-box table colgroup col:nth-child(7){ min-width: 130px !important; width: 14% !important;}
	.ws-cart-edit-box table thead th:last-child,
	.ws-cart-edit-box table tbody td:last-child{ padding-right: 30px;}

	.chat-room-box .chat{ padding: 30px 20px 30px 0;}
	.chat-room-box .talk{ padding: 20px 40px;}
	.chat-room-box .talk .content{ max-width: 500px; padding: 15px 30px;}
	.chat-room-box .talk .content > .txt{ margin: 10px 0;}
}
@media (max-width: 1439px) {
	#contents .contents-main > .inner{ padding: 0 20px;}

	.layout-filter-board{ position: relative;}
	.layout-filter-board .ws-filter-box{ position: fixed; top: 0; left: 20px; bottom: 0; z-index: 99;}
	.layout-filter-board .ws-filter-box .box-body{ overflow-y: auto;}
	.layout-filter-board .ws-filter-box .box-body::-webkit-scrollbar {width: 4px; height: 4px;}
	.layout-filter-board .ws-filter-box .box-body::-webkit-scrollbar-track {background-color: #7187b9; border-radius: 2px;}
	.layout-filter-board .ws-filter-box .box-body::-webkit-scrollbar-thumb {background-color: #2c3c64; border-radius: 1px;}
	.layout-filter-board .layout-board{ margin-left: 0;}

	.ws-filter-box.hide,
	.ws-filter-box.hide > .box-head .btn,
	.ws-filter-box.hide > .box-head .btn label{ width: 42px !important;}

	.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .set-list-box ~ .acco-list-box:last-child .acco-head .colgroup.col4 .acco-box > .acco-con{ margin-left: -250px;}
	.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .set-list-box ~ .acco-list-box:last-child .acco-head .colgroup.col4 .acco-box > .acco-con .select1.w240{ width: 180px;}
	.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .colgroup.detail-list-box{ padding-right: 0 !important;}

}
@media screen and (max-width: 1400px) {
	/*user mgt.*/
	.ws-border-box.type-bb1 .box-body {padding: 16px 28px;}
	.ws-border-box.type-bb1 .box-body .ws-dl-box + div {margin-top: 24px; margin-bottom: 8px;}
	.ws-border-box.type-bb1 + .ws-border-box.type-bb1,
	.ws-border-box[class*="type-bb"] + .ws-btn-box {margin-top: 32px;}
	.ws-border-box.type-bb1.type2 .flex-sb.flex-md {flex-wrap: wrap;}
	.ws-border-box.type-bb1.type2 .flex-sb.flex-md .ws-logo-box {width: 62%;}
	.ws-border-box.type-bb1.type2 .flex-sb.flex-md .ws-btn-box {}
	.ws-border-box.type-bb1.type2 .flex-sb.flex-md .ws-txtList-box {width: 100%; margin-top: 12px;}

	.ws-dl-box.type-dtW1 > dl > dt {width: 106px;}
	.ws-border-box.type-bb1 .box-body .ws-dl-box dt,
	.ws-border-box.type-bb1 .box-body .ws-dl-box[class*="type-dtW"] dt {margin-left: 28px;}
	.ws-border-box.type-bb1 .box-body .ws-dl-box ~ div {padding-left: 28px}

	.ws-dl-box.col3 > dl {flex-basis: calc(100% / 2);}
	.ws-border-box.type-bb1 .box-body .ws-dl-box.col3.type-dtW1 dl.flex1 dt + dd {width: calc((100% / 2) - 134px);}

	.box-body.tab1 .box-body.type-only1Row > .ws-dl-box.col3 > dl {flex-basis: 100%;}
	.box-body.tab1 .box-body.type-only1Row > .ws-dl-box.col3 > dl dt {flex: 1; width: auto;}
	
	.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .colgroup{ padding: 0 10px !important;}
	.ws-board-list-box.type-ShoppingCartMgt .list-body .colgroup.col6{ width: 90px; justify-content: flex-end;}
	.ws-board-list-box.type-ShoppingCartMgt .list-body .colgroup.col7{ width: 130px; flex: none; justify-content: flex-end;}
	.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .colgroup.col4 .acco-box > .acco-con,
	.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .colgroup.col4 > .info > .detail{ margin-left: -124px; margin-right: -200px;}
	.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .delivery-info-box{ padding-left: 148px;}

	.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .set-list-box{ flex-wrap: wrap;}
	.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .set-list-box .delivery-info-box{ flex-direction: column; align-items: flex-start;}
	.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .set-list-box .delivery-info-box .delivery{ max-width: none; width: 100%;}
	.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .set-list-box .delivery-info-box .express{ width: 100%; background-position: 2px top; padding-left: 25px; margin: 5px 0 0 0; border: 0;}

	.ws-board-list-box.type-CompleteWheelTire .list-body .colgroup.col4,
	.ws-board-list-box.type-CompleteWheelTire .list-body .colgroup.col5,
	.ws-board-list-box.type-CompleteWheelTire .list-body .colgroup.col6,
	.ws-board-list-box.type-CompleteWheelTire .list-body .colgroup.col7{ width: 60px;}

	.ws-gesamtsumme-box .order-comment-box{ margin-right: 100px;}
}
@media screen and (max-width: 1279px) {
	.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .colgroup.col4 .acco-box > .acco-con,
	.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .colgroup.col4 > .info > .detail{ margin-right: -300px;}

	.ws-board-list-box.type-CompleteWheelRDKS .list-body .colgroup.col2{ width: 80px;}
	.ws-board-list-box.type-CompleteWheelRDKS .list-body .colgroup.col4{ width: 100px;}
	.ws-board-list-box.type-CompleteWheelRDKS .list-body .colgroup.col5{ width: 102px;}
	.ws-board-list-box.type-CompleteWheelRDKS .list-body .colgroup.col6{ width: 80px;}
	.ws-board-list-box.type-CompleteWheelRDKS .list-body .colgroup.col7{ width: 60px;}

	.ws-board-list-box.type-CompleteWheelTire .list-body .sort-box .colgroup.col9{ margin-right: 80px;}
	.ws-board-list-box.type-CompleteWheelTire .list-body .colgroup.col4,
	.ws-board-list-box.type-CompleteWheelTire .list-body .colgroup.col5,
	.ws-board-list-box.type-CompleteWheelTire .list-body .colgroup.col6,
	.ws-board-list-box.type-CompleteWheelTire .list-body .colgroup.col7{ width: 50px;}
	.ws-board-list-box.type-CompleteWheelTire .list-body .colgroup.col10{ width: 80px;}

	.ws-board-list-box.type-QuoteMgt .list-body .colgroup.col1{ width: 120px;}
	.ws-board-list-box.type-QuoteMgt .list-body .colgroup.col3{ width: 180px; flex: none;}
	.ws-board-list-box.type-QuoteMgt .list-body .colgroup.col4{ width: 180px;}

	.ws-info-box .dl-row.col2 dl,
	.ws-info-box .dl-row.col2 dl:nth-child(2n+1),
	.ws-info-box .dl-row.col2 dl:nth-child(2n+2){ width: 100%;}
	.ws-info-box .dl-row dt{ width: 170px !important;}
	.ws-info-box .tire-label-box{ width: 194px; height: 284px; margin: 0;}
	
	.chat-room-box .talk .content{ max-width: 400px;}

	.car-wheel-box .carOne-box .img-box img { height: calc(100vw / 2.5); transform: translate(-50%, 0); max-height: unset; top: auto; bottom: 8vh;}
}
@media (max-width: 1199px) {
	.layout-filter-board .ws-filter-box{ left: 10px;}
	.step-list-box{ width: calc(100% - 40px); margin-left: 40px;}
}

/*테블릿 이하*/
@media screen and (max-width: 1023px) {
	.ws-board-list-box .chkBoard{ display: none;}
	
	.openFilter .layout-filter-board .ws-filter-box{ z-index: 99999;}
	html.openFilter .select2-container--open,
	html.openFilter .select2-dropdown{ z-index: 100000;}
	.layout-filter-board .ws-filter-box{ width: 320px; border-radius: 0; overflow: visible; left: auto; right: 0;}
	.layout-filter-board .ws-filter-box .box-head .btn{ width: 32px; height: 32px; background-color: #0292C4; border-radius: 6px;}
	.layout-filter-board .ws-filter-box .box-head .btn label span{transform: rotate(180deg);}
	.layout-filter-board .ws-filter-box .box-head .btn label span.open{ display: none;}
	.layout-filter-board .ws-filter-box .box-head .btn label span.close{ display: inline-block;}
	.layout-filter-board .ws-filter-box .box-body{ width: 100%;}
	.layout-filter-board .ws-filter-box:not(.hide){ top: 0 !important; bottom: 0 !important;}
	.layout-filter-board .ws-filter-box.hide{ border-radius: 6px; overflow: hidden; position: absolute; top: 0 !important; right: 0;}
	.layout-filter-board .ws-filter-box.hide .box-head .btn{ height: 42px; border-radius: 6px; position: static;}
	.layout-filter-board .ws-filter-box.hide .box-head .btn label span{ display: none;}

	#contents .contents-sub .sub-body:has(> * .ws-wheel-slider) .layout-filter-board .ws-filter-box.hide{ top: -150px !important;}

	/*user mgt.*/
	.ws-dl-box[class*="col"] > dl {flex-basis: 100%;}

	.ws-border-box.type-bb1 .box-body {padding: 8px 12px;}
	.ws-border-box.type-bb1.type2 .box-body .flex-sb {margin: 4px 0;}
	.ws-border-box.type-bb1.type2 .flex-sb.flex-md .ws-logo-box {width: 100%;}
	.ws-border-box.type-bb1.type2 .box-body .flex-sb .ws-btn-box {margin: 8px 0;}

	.ws-dl-box.type-dtW1 > dl > dt {width: 118px;}
	.ws-border-box.type-bb1 .box-body .ws-dl-box dt,
	.ws-border-box.type-bb1 .box-body .ws-dl-box[class*="type-dtW"] dt {margin-left: 16px;}
	.ws-border-box.type-bb1 .box-body .ws-dl-box ~ div {padding-left: 16px}

	.ws-tab-box ul{ flex-wrap: wrap;}
	.ws-tab-box .item{ width: 16.66%; flex: none;}
	.ws-tab-box .item:first-child{ border-radius: 6px 0 0 0;}
	.ws-tab-box .item:first-child a:hover::before{ border-radius: 6px 0 0 0;}
	.ws-tab-box .item:nth-child(6){ border-right: 1px solid #ccc; border-radius: 0 6px 0 0;}
	.ws-tab-box .item:nth-child(6) a:hover::before{ border-radius: 0 6px 0 0;}
	.ws-tab-box .item:nth-child(7),
	.ws-tab-box .item:nth-child(7) a:hover::before{ border-radius: 0 0 0 6px;}
	.ws-tab-box .item:nth-child(11){ width: 16.8%; border-radius: 0;}
	.ws-tab-box .item:nth-child(11) a:hover::before{ border-radius: 0;}
	.ws-tab-box .item:nth-child(n+7){ border-top: 0;}

	.slider-banner-box .slider-con{ padding: 20px 55px 72px 55px;}
	.slider-banner-box .slider-con .tit{ font-size: 22px; line-height: 28px;}
	.slider-banner-box .slider-con .tit + .txt{ margin-top: 10px;}
	.slider-banner-box .slider-con .txt,
	.slider-banner-box .slider-con .sb-l{ margin-right: 0;}
	.slider-banner-box .slider-con .sb-r{ right: 55px; bottom: 20px;}
	.slider-banner-box .swiper-button-prev{ left: 15px;}
	.slider-banner-box .swiper-button-next{ right: 15px;}
	.slider-banner-box .swiper-pagination{ height: auto; padding: 0 20px; margin-top: 25px; flex-wrap: wrap;}
	.slider-banner-box .swiper-pagination .swiper-pagination-bullet{ height: 5px; margin: 4px;}

	.ws-board-list-box .box-foot{ flex-wrap: wrap; flex-direction: row;}
	.ws-board-list-box .box-foot .sb-r{ flex: 1; justify-content: flex-end;}
	.ws-board-list-box .list-body{ border-top: 0;}
	.ws-board-list-box .sort-box{ display: none;}
	.ws-board-list-box .list.acco-list .boardList:checked + .acco-box .acco-head,
	.ws-board-list-box .list.acco-list .acco-box{ margin: 0;}
	.ws-board-list-box .list.acco-list .boardList:checked + .acco-box .acco-head:hover::before,
	.ws-board-list-box .list.acco-list .acco-head:hover::before{ display: none;}
	.ws-board-list-box .list.acco-list .acco-head .chkBox .img,
	.ws-board-list-box #boardList:checked ~ .list-body .chkBox .img,
	.ws-board-list-box #boardCard:checked ~ .list-body .chkBox .img{ display: block; height: 64px; padding: 0; box-sizing: border-box; background: var(--prod-img, url(../images/ico/no-img.svg)) no-repeat center center; background-size: contain;}
	.ws-board-list-box .list.acco-list .acco-head .chkBox .txt,
	.ws-board-list-box #boardList:checked ~ .list-body .chkBox .txt,
	.ws-board-list-box #boardCard:checked ~ .list-body .chkBox .txt{ height: auto; padding: 4px 0; text-indent: 0;}
	.ws-board-list-box .list-body .acco-list-box .acco-head .chkBox .txt::before,
	.ws-board-list-box #boardList:checked ~ .list-body .chkBox .txt::before,
	.ws-board-list-box #boardCard:checked ~ .list-body .chkBox .txt::before{ margin: 0 5px 0 0; border-color: #ccc; position: static;}
	.ws-board-list-box #boardList:checked ~ .list-body .chkBox.awd .img,
	.ws-board-list-box #boardCard:checked ~ .list-body .chkBox.awd .img{ background-position: 15px top;}
	.ws-board-list-box #boardList:checked ~ .list-body .chkBox.awd .awd-box,
	.ws-board-list-box #boardCard:checked ~ .list-body .chkBox.awd .awd-box{ width: 40px; height: 62px; background: none ; padding: 0; margin: 0; display: flex; flex-direction: column; position: absolute; top: 0; right: 10px; cursor: none;}
	.ws-board-list-box #boardList:checked ~ .list-body .chkBox.awd .awd-box::before,
	.ws-board-list-box #boardCard:checked ~ .list-body .chkBox.awd .awd-box::before,
	.ws-board-list-box #boardList:checked ~ .list-body .chkBox.awd .awd-box span::before,
	.ws-board-list-box #boardCard:checked ~ .list-body .chkBox.awd .awd-box span::before{ display: none;}
	.ws-board-list-box #boardList:checked ~ .list-body .chkBox.awd .awd-box .ico-awd,
	.ws-board-list-box #boardCard:checked ~ .list-body .chkBox.awd .awd-box .ico-awd{ width: 40px; height: auto; background: no-repeat center top; background-size: contain; padding: 0; margin: 0; display: flex; flex: 1; position: static; cursor: none;}
	.ws-board-list-box #boardList:checked ~ .list-body .chkBox.awd .awd-box .ico-awd + .ico-awd,
	.ws-board-list-box #boardCard:checked ~ .list-body .chkBox.awd .awd-box .ico-awd + .ico-awd{ margin: 3px 0 0 0;}
	.ws-board-list-box #boardList:checked ~ .list-body .colgroup.col2,
	.ws-board-list-box #boardCard:checked ~ .list-body .colgroup.col2{ position: absolute; top: 10px; left: 100px;}
	.ws-board-list-box #boardList:checked ~ .list-body .colgroup.col2 .logo,
	.ws-board-list-box #boardCard:checked ~ .list-body .colgroup.col2 .logo{ height: 30px; background-position: left center; margin: 0;}
	.ws-board-list-box #boardList:checked ~ .list-body .colgroup.col3,
	.ws-board-list-box #boardCard:checked ~ .list-body .colgroup.col3{ padding: 34px 0 50px 0;}
	.ws-board-list-box #boardList:checked ~ .list-body .colgroup.col3 .tit,
	.ws-board-list-box #boardCard:checked ~ .list-body .colgroup.col3 .tit{ position: static;}
	.ws-board-list-box #boardList:checked ~ .list-body .colgroup.col3 .tit .btn-promotion,
	.ws-board-list-box #boardCard:checked ~ .list-body .colgroup.col3 .tit .btn-promotion{ margin: 0; top: auto; bottom: 10px; right: 170px;}
	.ws-board-list-box #boardList:checked ~ .list-body .colgroup.col3 .tit .promotion-tooltip,
	.ws-board-list-box #boardCard:checked ~ .list-body .colgroup.col3 .tit .promotion-tooltip{ margin: 0; top: auto; bottom: 10px; right: 170px;}
	.ws-board-list-box #boardList:checked ~ .list-body .colgroup.col3 .tit .promotion-tooltip .tooltip-con,
	.ws-board-list-box #boardCard:checked ~ .list-body .colgroup.col3 .tit .promotion-tooltip .tooltip-con{ top: auto; right: 0; bottom: calc(100% + 6px); left: auto; transform: none; width: max-content; max-width: min(560px, calc(100vw - 60px)); max-height: 180px;}
	.ws-board-list-box #boardList:checked ~ .list-body .colgroup.col3 .tit .promotion-tooltip .tooltip-con img,
	.ws-board-list-box #boardCard:checked ~ .list-body .colgroup.col3 .tit .promotion-tooltip .tooltip-con img{ max-width: min(560px, calc(100vw - 60px)); max-height: 180px;}
	.ws-board-list-box #boardList:checked ~ .list-body .colgroup.col3 .tit .promotion-tooltip .tooltip-btn:focus + .tooltip-con .tooltip-close,
	.ws-board-list-box #boardCard:checked ~ .list-body .colgroup.col3 .tit .promotion-tooltip .tooltip-btn:focus + .tooltip-con .tooltip-close{ top: auto; bottom: -30px; right: 0; left: auto;}
	.ws-board-list-box .list.acco-list .acco-head .tit .promotion-tooltip .tooltip-btn:focus + .tooltip-con .tooltip-close{ display: inline-block;}
	.ws-board-list-box #boardList:checked ~ .list-body .colgroup.col4,
	.ws-board-list-box #boardCard:checked ~ .list-body .colgroup.col4{ width: 40px; padding: 0; justify-content: flex-start; position: absolute; bottom: 10px; left: 100px;}
	.ws-board-list-box #boardList:checked ~ .list-body .colgroup.col5,
	.ws-board-list-box #boardCard:checked ~ .list-body .colgroup.col5{ width: 30px; height: 26px; padding: 0; position: absolute; bottom: 10px; left: 140px;}
	.ws-board-list-box #boardList:checked ~ .list-body .colgroup.col6,
	.ws-board-list-box #boardCard:checked ~ .list-body .colgroup.col6{ width: 30px; height: 26px; padding: 0; position: absolute; bottom: 10px; left: 170px;}
	.ws-board-list-box #boardList:checked ~ .list-body .colgroup.col7,
	.ws-board-list-box #boardCard:checked ~ .list-body .colgroup.col7{ width: 30px; height: 26px; padding: 0; position: absolute; bottom: 10px; left: 200px;}
	.ws-board-list-box #boardList:checked ~ .list-body .colgroup.col9,
	.ws-board-list-box #boardCard:checked ~ .list-body .colgroup.col9{ justify-content: flex-end;}
	.ws-board-list-box #boardList:checked ~ .list-body .colgroup.col10,
	.ws-board-list-box #boardCard:checked ~ .list-body .colgroup.col10{ width: 45px; padding-right: 15px;}
	.ws-board-list-box .list.acco-list .acco-head .status.txt-aubenlager::after{ width: 100px; top: 20px; right: 8px; left: auto; transform: none;}
	.ws-board-list-box #boardList:checked ~ .list-body .colgroup.col11,
	.ws-board-list-box #boardCard:checked ~ .list-body .colgroup.col11{ width: 145px; padding: 0; position: absolute; bottom: 10px; right: 10px;}
	.ws-board-list-box .list.acco-list .acco-head .tit .txt1{ font-size: 14px;}
	.ws-board-list-box .list.acco-list .acco-head .tit .txt2{ font-size: 13px;}
	.ws-board-list-box .list.acco-list .acco-head .preis{ font-size: 20px;}
	.ws-board-list-box:not([class*="type-"]) .list.acco-list .acco-head .colgroup.col5 .txt{ width: 100%; height: 20px; background: url(../images/ico/ico-label-labelGrade.png) no-repeat 2px center #3ca164; font-size: 12px; color: #fff; padding-left: 18px; line-height: 19px;}
	.ws-board-list-box:not([class*="type-"]) .list.acco-list .acco-head .colgroup.col6 .txt{ width: 100%; height: 20px; background: url(../images/ico/ico-label-wetGrip.png) no-repeat 4px 4px #319de1; font-size: 12px; color: #fff; padding-left: 18px; line-height: 19px;}
	.ws-board-list-box:not([class*="type-"]) .list.acco-list .acco-head .colgroup.col7 .txt{ width: 100%; height: 20px; background: url(../images/ico/ico-label-noiseValue2.png) no-repeat 3px center #777; font-size: 12px; color: #fff; padding-left: 18px; line-height: 19px;}

	.ws-board-list-box .list.acco-list .boardList:checked + .acco-box .acco-body{ border-color: #e88b51;}
	.ws-board-list-box .list.acco-list .acco-body .acco-table{ display: block;}
	.ws-board-list-box .list.acco-list .acco-body .acco-table colgroup,
	.ws-board-list-box .list.acco-list .acco-body .acco-table thead{ display: none;}
	.ws-board-list-box .list.acco-list .acco-body .acco-table tbody{ display: flex; flex-direction: column;}
	.ws-board-list-box .list.acco-list .acco-body .acco-table tbody tr{ padding: 5px; display: flex; flex-wrap: wrap; border-bottom: 1px solid #ddd;}
	.ws-board-list-box .list.acco-list .acco-body .acco-table tbody tr{ cursor: pointer;}
	.ws-board-list-box .list.acco-list .acco-body .acco-table tbody tr:hover td{ background-color: transparent;}
	.ws-board-list-box .list.acco-list .acco-body .acco-table tbody tr.active td,
	.ws-board-list-box .list.acco-list .acco-body .acco-table tbody tr.active{ background-color: #fdeddc;}
	.ws-board-list-box .list.acco-list .acco-body .acco-table tbody tr.active td::before{ background-color: #fff;}
	.ws-board-list-box .list.acco-list .acco-body .acco-table tbody td{ width: calc(50% - 5px); padding: 5px 10px 5px 140px !important; margin: 0 0 5px 0; display: flex; align-items: center; border: 0; position: relative;}
	.ws-board-list-box .list.acco-list .acco-body .acco-table tbody td:last-child{ margin-bottom: 0;}
	.ws-board-list-box .list.acco-list .acco-body .acco-table tbody td::before{ width: 130px; min-height: 42px; height: auto; background-color: #f1f1f1; font-weight: 500; color: #000; text-align: center; line-height: 16px; content: attr(data-th); padding: 5px 10px; display: flex; align-items: center; justify-content: center; border-radius: 15px; box-sizing: border-box; position: absolute; top: 0; left: 0; pointer-events: none;}
	.ws-board-list-box .list.acco-list .acco-body .acco-table tbody td:nth-child(1):before{ content: 'Lieferung von';}
	.ws-board-list-box .list.acco-list .acco-body .acco-table tbody td:nth-child(2):before{ content: 'Versand uber';}
	.ws-board-list-box .list.acco-list .acco-body .acco-table tbody td:nth-child(3):before{ content: 'Bestand';}
	.ws-board-list-box .list.acco-list .acco-body .acco-table tbody td:nth-child(4):before{ content: 'KB-Rabatt';}
	.ws-board-list-box .list.acco-list .acco-body .acco-table tbody td:nth-child(5):before{ content: 'Preis';}
	.ws-board-list-box .list.acco-list .acco-body .acco-table tbody td:nth-child(6):before{ content: 'Quantity';}
	.ws-board-list-box .list.acco-list .acco-body .acco-table tbody td:nth-child(7):before{ content: 'Gesamtpreis';}
	.ws-board-list-box .list.acco-list .acco-body .acco-table tbody td:nth-child(1){ width: calc(100% - 17px);}
	.ws-board-list-box .list.acco-list .acco-body .acco-table tbody td:nth-child(2){ width: calc(100% - 5px);}
	.ws-board-list-box .list.acco-list .acco-body .acco-table tbody td .btn-info{ width: 17px;}

	.ws-board-list-box .list.acco-list .acco-body .btn{ padding: 15px 10px 15px 2px;}
	.ws-board-list-box .list.acco-list .acco-body .btn .input1.input-kommission{ margin-left: 8px; margin-bottom: 5px;}
	.ws-board-list-box .list.acco-list .acco-body .btn a,
	.ws-board-list-box .list.acco-list .acco-body .btn label{ width: calc((100% - 24px) / 3); margin-top: 5px; margin-left: 8px; flex: none;}
	.ws-board-list-box .list.acco-list .acco-body .btn .wheel-form{ margin: 0 0 3px 8px;}
	.ws-board-list-box .list.acco-list .acco-body .btn .wheel-form > * + *{ margin-left: 8px;}
	.ws-board-list-box .list.acco-list .acco-body .acco-close{ top: -4px; right: -4px;}
	.ws-board-list-box .list.acco-list .acco-body .acco-table tbody td, .ws-cart-edit-box table tbody td{ min-height: 42px; height: auto;}
	
	.ws-warenkorb-box .info-deliver-box{ flex-direction: column;}
	.ws-warenkorb-box .notes-box{ padding: 10px 5px 0 5px; margin: 10px 0 0 0; border-left: 0 !important; border-top: 1px solid #ccc;}
	.ws-warenkorb-box.type2{ padding: 10px 10px;}
	.ws-warenkorb-box.type2 .deliver-box{ background-position: 0 center; padding-left: 55px;}

	.ws-board-list-box.type-ShoppingCartMgt .list-body .list.acco-list .acco-head{ padding-left: 116px; padding-bottom: 10px; flex-direction: column;}
	.ws-board-list-box.type-ShoppingCartMgt .list-body .list.acco-list .acco-head .colgroup{ width: 100%; padding: 0 5px !important;}
	.ws-board-list-box.type-ShoppingCartMgt .list-body .list.acco-list .acco-head .colgroup.col1{ width: 36px; position: absolute; top: 26px; left: 0;}
	.ws-board-list-box.type-ShoppingCartMgt .list-body .list.acco-list .acco-head .colgroup.col1 .chkBox{ width: auto;}
	.ws-board-list-box.type-ShoppingCartMgt .list-body .list.acco-list .acco-head .colgroup.col1 .chkBox span{ padding: 0;}
	.ws-board-list-box.type-ShoppingCartMgt .list-body .list.acco-list .acco-head .colgroup.col1 .chkBox span::before{ margin: 0; position: static;}
	.ws-board-list-box.type-ShoppingCartMgt .list-body .list.acco-list .acco-head .colgroup.col2{ width: 80px; position: absolute; top: 16px; left: 36px;}
	.ws-board-list-box.type-ShoppingCartMgt .list-body .list.acco-list .acco-head .colgroup.col3,
	.ws-board-list-box.type-ShoppingCartMgt .list-body .list.acco-list .acco-head .colgroup.col4,
	.ws-board-list-box.type-ShoppingCartMgt .list-body .list.acco-list .acco-head .colgroup.col5,
	.ws-board-list-box.type-ShoppingCartMgt .list-body .list.acco-list .acco-head .colgroup.col6,
	.ws-board-list-box.type-ShoppingCartMgt .list-body .list.acco-list .acco-head .colgroup.col7{ padding-left: 130px !important; margin-top: 5px; justify-content: flex-start; position: relative;}
	.ws-board-list-box.type-ShoppingCartMgt .list-body .list.acco-list .acco-head .colgroup.col3{ margin-top: 0;}
	.ws-board-list-box.type-ShoppingCartMgt .list-body .list.acco-list .acco-head .colgroup.col3 .logo{ height: 30px; background-position: left center; background-size: auto 24px;}
	.ws-board-list-box.type-ShoppingCartMgt .list-body .list.acco-list .acco-head .colgroup.col3::before,
	.ws-board-list-box.type-ShoppingCartMgt .list-body .list.acco-list .acco-head .colgroup.col4::before,
	.ws-board-list-box.type-ShoppingCartMgt .list-body .list.acco-list .acco-head .colgroup.col5::before,
	.ws-board-list-box.type-ShoppingCartMgt .list-body .list.acco-list .acco-head .colgroup.col6::before,
	.ws-board-list-box.type-ShoppingCartMgt .list-body .list.acco-list .acco-head .colgroup.col7::before{ width: 90px; height: 28px; background-color: #f1f1f1; font-size: 14px; color: #000; line-height: 28px; padding: 0 15px; border: 1px solid #ccc; border-radius: 15px; position: absolute; top: 0; left: 0;}
	.ws-board-list-box.type-ShoppingCartMgt .list-body .list.acco-list .acco-head .colgroup.col5{ justify-content: flex-start;}
	.ws-board-list-box.type-ShoppingCartMgt .list-body .list.acco-list .acco-head .colgroup.col3::before{ content: "Marke";}
	.ws-board-list-box.type-ShoppingCartMgt .list-body .list.acco-list .acco-head .colgroup.col4::before{ content: "Bezeichnung";}
	.ws-board-list-box.type-ShoppingCartMgt .list-body .list.acco-list .acco-head .colgroup.col5::before{ content: "Menge";}
	.ws-board-list-box.type-ShoppingCartMgt .list-body .list.acco-list .acco-head .colgroup.col6::before{ content: "Preis";}
	.ws-board-list-box.type-ShoppingCartMgt .list-body .list.acco-list .acco-head .colgroup.col7::before{ content: "Gesamtpreis";}
	.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .colgroup.col4 .acco-box > .acco-con,
	.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .colgroup.col4 > .info > .detail{ margin-right: 0;}
	.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .colgroup.col4 .acco-box > .acco-con,
	.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .colgroup.col4 > .info > .detail{ margin-left: -130px;}
	.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .info .tit{ padding: 5px 0; margin: 0;}
	.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .preis{ line-height: 30px;}
	.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-list-box.error-stock .info .tit{ background-position: left 7px; margin: 0;}
	.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .brand{ line-height: 30px; margin: 0;}
	.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .info .detail{ margin-top: 5px;}
	.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .info .detail .txt{ width: calc((100% - 16px) / 3);}
	.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .info .detail .txt:nth-child(4n+1){ margin-left: 8px;}
	.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .info .detail .txt:nth-child(3n+1){ margin-left: 0;}
	.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .info .detail .txt:nth-child(n+4){ margin-top: 4px;}
	.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .spinner{ width: 120px;}
	.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .delivery-info-box{ padding: 0 10px 0 0; margin: 10px 0 0 0; position: static;}
	.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .txt-express{ padding-right: 10px; margin-top: 10px;}
	.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .set-list-box .colgroup.col1{ width: auto; padding: 0 !important;}
	.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .set-list-box .colgroup.col1 .chkBox span{ height: auto; padding: 0;}
	.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .set-list-box .colgroup.col1 .chkBox span::before{ position: static;}
	.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .set-list-box ~ .acco-list-box:nth-last-child(2) .colgroup.col3{ margin: 0;}
	.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .set-list-box ~ .acco-list-box:nth-last-child(2) .colgroup.col3::before,
	.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .set-list-box ~ .acco-list-box:last-child .acco-head .colgroup.col3::before,
	.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .set-list-box ~ .acco-list-box:last-child .acco-head .colgroup.col4 .brand,
	.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .set-list-box ~ .acco-list-box .colgroup.col4.detail-list-box::before{ display: none;}
	.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .set-list-box ~ .acco-list-box .colgroup.col4.detail-list-box{ padding-left: 0 !important;}
	.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .set-list-box ~ .acco-list-box:last-child .acco-head .colgroup.col4 .acco-box > .acco-con{ margin-left: -130px;}
	.ws-board-list-box .list.acco-list .acco-head .colgroup.detail-list-box .detail-list-row{ flex-direction: column;}
	.ws-board-list-box .list.acco-list .acco-head .colgroup.detail-list-box .detail-list-row .colgroup{ min-height: 30px;}

	.ws-board-list-box.type-Dienstleistungen .btn{ padding: 5px;}

	.ws-board-list-box.type-ShoppingCartMgt2 .list.acco-list .acco-head{ padding: 10px 0; flex-direction: column;}
	.ws-board-list-box.type-ShoppingCartMgt2 .list.acco-list .acco-head .info .tit,
	.ws-board-list-box.type-ShoppingCartMgt2 .list.acco-list .acco-head .txt{ min-height: 20px; line-height: 20px;}
	.ws-board-list-box.type-ShoppingCartMgt2 .list.acco-list .colgroup{ width: 100%; padding: 5px 10px 5px 150px !important; justify-content: flex-start !important; position: relative;}
	.ws-board-list-box.type-ShoppingCartMgt2 .list.acco-list .colgroup::before{ width: 130px; background-color: #444; font-size: 14px; text-align: center; line-height: 30px; padding: 0; border-radius: 14px; position: absolute; top: 0; left: 10px;}
	.ws-board-list-box.type-ShoppingCartMgt2 .list.acco-list .colgroup + .colgroup{ margin-top: 5px;}
	.ws-board-list-box.type-ShoppingCartMgt2 .list.acco-list .colgroup.col1::before{ content: "Bezeichnung";}
	.ws-board-list-box.type-ShoppingCartMgt2 .list.acco-list .colgroup.col2::before{ content: "Anzahl";}
	.ws-board-list-box.type-ShoppingCartMgt2 .list.acco-list .colgroup.col3::before{ content: "Preis";}
	.ws-board-list-box.type-ShoppingCartMgt2 .list.acco-list .colgroup.col4::before{ content: "Gesamtpreis";}

	.ws-board-list-box.type-Dienstleistungen .list.acco-list .acco-head{ padding: 5px 0; flex-direction: column;}
	.ws-board-list-box.type-Dienstleistungen .list.acco-list .acco-head .info .tit{ line-height: 16px; padding: 7px 0;}
	.ws-board-list-box.type-Dienstleistungen .list.acco-list .acco-head .txt,
	.ws-board-list-box.type-Dienstleistungen .list.acco-list .acco-head .preis{ font-size: 13px; line-height: 30px;}
	.ws-board-list-box.type-Dienstleistungen .list.acco-list .colgroup{ width: 100%; padding: 0 5px 0 140px !important; justify-content: flex-start !important; position: relative;}
	.ws-board-list-box.type-Dienstleistungen .list.acco-list .colgroup::before{ width: 130px; background-color: #dbdbdb; font-size: 13px; color: #000; text-align: center; line-height: 30px; padding: 0; border-radius: 14px; position: absolute; top: 0; left: 5px;}
	.ws-board-list-box.type-Dienstleistungen .list.acco-list .colgroup .spinner{ width: 100px;}
	.ws-board-list-box.type-Dienstleistungen .list.acco-list .colgroup .spinner input{ height: 30px;}
	.ws-board-list-box.type-Dienstleistungen .list.acco-list .colgroup + .colgroup{ margin-top: 5px;}
	.ws-board-list-box.type-Dienstleistungen .list.acco-list .colgroup.col1::before{ content: "Bezeichnung";}
	.ws-board-list-box.type-Dienstleistungen .list.acco-list .colgroup.col2::before{ content: "Zusatz";}
	.ws-board-list-box.type-Dienstleistungen .list.acco-list .colgroup.col3::before{ content: "Anzahl";}
	.ws-board-list-box.type-Dienstleistungen .list.acco-list .colgroup.col4::before{ content: "Preis";}
	.ws-board-list-box.type-Dienstleistungen .list.acco-list .colgroup.col5::before{ content: "Gesamtpreis";}
	.ws-board-list-box.type-Dienstleistungen .list.acco-list .colgroup.col6::before{ content: "Preis";}
	.ws-board-list-box.type-Dienstleistungen .list.acco-list .acco-head [class*="btn-"]{ width: 30px; height: 30px;}

	.ws-board-list-box.type-DeliveryOption .acco-list .acco-head{ padding: 45px 10px 10px 10px; flex-direction: column;}
	.ws-board-list-box.type-DeliveryOption .acco-list .acco-head .colgroup{ width: 100% !important; text-align: left !important; align-items: flex-start; justify-content: flex-start !important; padding: 0 0 0 150px !important; position: relative;}
	.ws-board-list-box.type-DeliveryOption .acco-list .acco-head .colgroup + .colgroup{ margin: 5px 0 0 0;}
	.ws-board-list-box.type-DeliveryOption .acco-list .acco-head .colgroup::before{ width: 130px; background-color: #f1f1f1; font-size: 14px; text-align: center; line-height: 30px; padding: 0; border-radius: 14px; position: absolute; top: 0; left: 0;}
	.ws-board-list-box.type-DeliveryOption .acco-list .acco-head .colgroup.col1{ width: 16px; padding: 7px !important; margin-bottom: 5px; position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
	.ws-board-list-box.type-DeliveryOption .acco-list .acco-head .colgroup.col2{ width: auto !important; height: 26px; padding: 0 !important; margin: 0; position: absolute; top: 12px; left: 40px; right: 10px;}
	.ws-board-list-box.type-DeliveryOption .acco-list .acco-head .colgroup.col3::before{ content: "Bezeichnung";}
	.ws-board-list-box.type-DeliveryOption .acco-list .acco-head .colgroup.col4::before{ content: "Kommission";}
	.ws-board-list-box.type-DeliveryOption .acco-list .acco-head .colgroup.col5::before{ content: "Anzahl";}
	.ws-board-list-box.type-DeliveryOption .acco-list .acco-head .colgroup.col6::before{ content: "Preis";}
	.ws-board-list-box.type-DeliveryOption .acco-list .acco-head .colgroup.col7::before{ content: "Gesamtpreis";}
	.ws-board-list-box.type-DeliveryOption .acco-list .acco-head .chkBox.solo{ width: 100%; height: 100%;}
	.ws-board-list-box.type-DeliveryOption .acco-list .acco-head .chkBox.solo span{ width: 16px; height: 16px; padding: 0; margin: 5px;}
	.ws-board-list-box.type-DeliveryOption .acco-list .acco-head .chkBox span::before{ margin: 0; position: static;}
	.ws-board-list-box.type-DeliveryOption .acco-list .acco-head .txt{ min-height: 30px; line-height: 16px; padding: 7px 0;}
	.ws-board-list-box.type-DeliveryOption .acco-list .acco-head .preis{ line-height: 30px; padding: 0;}
	.ws-board-list-box.type-DeliveryOption .acco-list .acco-head .logo{ height: 100%; background-position: left center; background-size: auto 100%; margin: 0;}
	.ws-board-list-box.type-DeliveryOption .acco-list > .acco-list-box:last-child .acco-head,
	.ws-board-list-box.type-DeliveryOption .acco-list > .acco-list-box:last-child .acco-head .colgroup,
	.ws-board-list-box.type-DeliveryOption .acco-list > .acco-list-box:last-child .acco-head .colgroup::before{ display: none;}
	.ws-board-list-box.type-DeliveryOption .acco-list > .acco-list-box:last-child .acco-head .colgroup.col6{ padding: 0 !important; display: flex; justify-content: flex-end !important; flex: 1;}
	.ws-board-list-box.type-DeliveryOption .acco-list > .acco-list-box:last-child .acco-head .colgroup.col6 .brand{ line-height: 30px;}
	.ws-board-list-box.type-DeliveryOption .acco-list > .acco-list-box:last-child .acco-head .colgroup.col7{ width: 200px !important; padding: 0 !important; display: flex; justify-content: flex-end !important;}
	.ws-board-list-box.type-DeliveryOption .list.acco-list .acco-list-box.error-stock .info .tool-box{ z-index: 1;}
	.ws-board-list-box.type-DeliveryOption .list.acco-list .acco-list-box.error-stock .info .tool-box .tool-btn{ margin: 5px 0;}
	.ws-board-list-box.type-DeliveryOption .list.acco-list .acco-list-box.error-stock .info .tool-box .tool-close{ top: -30px;}
	.ws-board-list-box.type-DeliveryOption .list.acco-list .acco-list-box.error-stock .info .tool-box.active .tool-con{ display: block;}
	.ws-board-list-box.type-DeliveryOption .list.acco-list .acco-list-box.error-stock .info .tool-box .tool-btn:hover + .tool-con .tool-close{ display: block;}
	.ws-board-list-box.type-DeliveryOption .list.acco-list .set-list-box{ position: relative;}
	.ws-board-list-box.type-DeliveryOption .list.acco-list .set-list-box .colgroup.col1{ width: auto; padding: 7px !important; margin-bottom: 5px; position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
	.ws-board-list-box.type-DeliveryOption .list.acco-list .set-list-box .colgroup.col2{ margin-left: 10px;}
	.ws-board-list-box.type-DeliveryOption .list.acco-list .set-list-box .chkBox.solo{ width: 100%; height: 100%;}
	.ws-board-list-box.type-DeliveryOption .list.acco-list .set-list-box .chkBox.solo span{ width: 16px; height: 16px; padding: 0; margin: 15px 0 0 5px;}
	.ws-board-list-box.type-DeliveryOption .list.acco-list .set-list-box .chkBox span::before{ margin: 0; border-color: #ccc; position: static;}
	.ws-board-list-box.type-DeliveryOption .list.acco-list .set-item:hover{ background-color: transparent;}
	.ws-board-list-box.type-DeliveryOption .list.acco-list .set-item .acco-list-box .acco-head .colgroup.col2{ left: 10px;}
	.ws-board-list-box.type-DeliveryOption .list.acco-list .set-item .acco-list-box + .acco-list-box::before{ height: 1px; content: ''; border-top: 1px dashed #ccc; position: absolute; top: 0; right: 10px; left: 10px;}
	.ws-board-list-box.type-DeliveryOption .list.acco-list .set-item .acco-list-box:last-child .acco-box{ border: 0;}
	.ws-board-list-box.type-DeliveryOption .list.acco-list .set-item .acco-list-box:first-child .acco-head,
	.ws-board-list-box.type-DeliveryOption .list.acco-list .set-item .acco-list-box:last-child .acco-head,
	.ws-board-list-box.type-DeliveryOption .list.acco-list .set-item .acco-list-box .acco-head{ padding: 45px 10px 10px 10px;}

	.ws-board-list-box.type-DeliveryOption2 .acco-list .acco-head{ padding: 30px 10px 10px 10px; flex-direction: column;}
	.ws-board-list-box.type-DeliveryOption2 .acco-list .acco-head .colgroup{ width: 100% !important; text-align: left !important; align-items: flex-start; justify-content: flex-start !important; padding: 0 0 0 150px !important; position: relative;}
	.ws-board-list-box.type-DeliveryOption2 .acco-list .acco-head .colgroup + .colgroup{ margin: 5px 0 0 0;}
	.ws-board-list-box.type-DeliveryOption2 .acco-list .acco-head .colgroup::before{ width: 140px; background-color: #f1f1f1; font-size: 14px; text-align: center; line-height: 30px; padding: 0; border-radius: 14px; position: absolute; top: 0; left: 0;}
	.ws-board-list-box.type-DeliveryOption2 .acco-list .acco-head .colgroup.col1{ width: auto; height: auto; padding: 10px !important; position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
	.ws-board-list-box.type-DeliveryOption2 .acco-list .acco-head .colgroup.col2::before{ content: "Versandoptionen";}
	.ws-board-list-box.type-DeliveryOption2 .acco-list .acco-head .colgroup.col3::before{ content: "Anzahl";}
	.ws-board-list-box.type-DeliveryOption2 .acco-list .acco-head .colgroup.col4::before{ content: "Preis";}
	.ws-board-list-box.type-DeliveryOption2 .acco-list .acco-head .colgroup.col5::before{ content: "Gesamtpreis";}
	.ws-board-list-box.type-DeliveryOption2 .acco-list .acco-head .colgroup.col1 .chkBox.solo{ width: 100%; height: 100%; position: static;}
	.ws-board-list-box.type-DeliveryOption2 .acco-list .acco-head .colgroup.col1 .chkBox span{ width: 16px; height: 16px; padding: 0; margin: 0; border-radius: 8px; position: relative; top: auto; left: auto;}
	.ws-board-list-box.type-DeliveryOption2 .acco-list .acco-head .colgroup.col1 .chkBox span::before{ margin: 0; position: relative; top: auto; left: auto;}
	.ws-board-list-box.type-DeliveryOption2 .acco-list .acco-head .colgroup.col1 .chkBox input[type=radio]:checked + span::after{ top: 8px; left: 8px;}
	.ws-board-list-box.type-DeliveryOption2 .acco-list .acco-head .txt{ line-height: 16px; padding: 7px 0;}
	.ws-board-list-box.type-DeliveryOption2 .acco-list .acco-head .preis{ line-height: 30px; padding: 0;}
	.ws-board-list-box.type-DeliveryOption2 .acco-list .acco-list-box:last-child .acco-head{ flex-direction: row;}
	.ws-board-list-box.type-DeliveryOption2 .acco-list .acco-list-box:last-child .acco-head .colgroup,
	.ws-board-list-box.type-DeliveryOption2 .acco-list .acco-list-box:last-child .acco-head .colgroup::before{ display: none;}
	.ws-board-list-box.type-DeliveryOption2 .acco-list .acco-list-box:last-child .acco-head .colgroup.col4{ padding: 0 !important; display: flex; justify-content: flex-end !important; flex: 1;}
	.ws-board-list-box.type-DeliveryOption2 .acco-list .acco-list-box:last-child .acco-head .colgroup.col4 .brand{ line-height: 30px;}
	.ws-board-list-box.type-DeliveryOption2 .acco-list .acco-list-box:last-child .acco-head .colgroup.col5{ width: 200px !important; padding: 0 !important; display: flex; justify-content: flex-end !important;}

	.ws-board-list-box.type-DeliveryOption3 .acco-list .acco-head{ padding: 30px 10px 10px 10px; flex-direction: column;}
	.ws-board-list-box.type-DeliveryOption3 .acco-list .acco-head .colgroup{ width: 100% !important; text-align: left !important; align-items: flex-start; justify-content: flex-start !important; padding: 0 0 0 100px !important; position: relative;}
	.ws-board-list-box.type-DeliveryOption3 .acco-list .acco-head .colgroup + .colgroup{ margin: 5px 0 0 0;}
	.ws-board-list-box.type-DeliveryOption3 .acco-list .acco-head .colgroup::before{ width: 90px; background-color: #f1f1f1; font-size: 14px; text-align: center; line-height: 30px; padding: 0; border-radius: 14px; position: absolute; top: 0; left: 0;}
	.ws-board-list-box.type-DeliveryOption3 .acco-list .acco-head .colgroup.col1{ width: 100%; height: 100%; padding: 7px !important; margin-bottom: 0; position: absolute; top: 0; left: 0;}
	.ws-board-list-box.type-DeliveryOption3 .acco-list .acco-head .colgroup.col2::before{ content: "Name1";}
	.ws-board-list-box.type-DeliveryOption3 .acco-list .acco-head .colgroup.col3::before{ content: "Name2";}
	.ws-board-list-box.type-DeliveryOption3 .acco-list .acco-head .colgroup.col4::before{ content: "Name3";}
	.ws-board-list-box.type-DeliveryOption3 .acco-list .acco-head .colgroup.col5::before{ content: "Straße";}
	.ws-board-list-box.type-DeliveryOption3 .acco-list .acco-head .colgroup.col6::before{ content: "PLZ";}
	.ws-board-list-box.type-DeliveryOption3 .acco-list .acco-head .colgroup.col7::before{ content: "Ort";}
	.ws-board-list-box.type-DeliveryOption3 .acco-list .acco-head .colgroup.col8::before{ content: "Land";}
	.ws-board-list-box.type-DeliveryOption3 .acco-list .acco-head .colgroup.col1 .chkBox.solo{ width: 100%; height: 100%;}
	.ws-board-list-box.type-DeliveryOption3 .acco-list .acco-head .colgroup.col1 .chkBox span{ width: 16px; height: 16px; border-radius: 8px; padding: 0; margin: 10px 0 0 10px; position: static;}
	.ws-board-list-box.type-DeliveryOption3 .acco-list .acco-head .colgroup.col1 .chkBox span::before{ margin: 0; position: static;}
	.ws-board-list-box.type-DeliveryOption3 .acco-list .acco-head .colgroup.col1 .chkBox input[type=radio]:checked + span::after{ margin: 0; top: 13px; left: 13px;}
	.ws-board-list-box.type-DeliveryOption3 .acco-list .acco-head .txt{ min-height: 30px; line-height: 16px; padding: 7px 0;}

	.ws-board-list-box.type-ServiceAdd .list.acco-list .acco-head{ padding: 10px; flex-direction: column;}
	.ws-board-list-box.type-ServiceAdd .acco-list .acco-head .colgroup{ width: 100% !important; text-align: left !important; align-items: flex-start; justify-content: flex-start !important; padding: 0 0 0 110px !important; position: relative;}
	.ws-board-list-box.type-ServiceAdd .acco-list .acco-head .colgroup + .colgroup{ margin: 5px 0 0 0;}
	.ws-board-list-box.type-ServiceAdd .acco-list .acco-head .colgroup::before{ width: 100px; background-color: #f1f1f1; font-size: 14px; text-align: center; line-height: 30px; padding: 0; border-radius: 14px; position: absolute; top: 0; left: 0;}
	.ws-board-list-box.type-ServiceAdd .acco-list .acco-head .colgroup.col1{ width: 16px; padding: 7px 0 !important; margin-bottom: 5px;}
	.ws-board-list-box.type-ServiceAdd .acco-list .acco-head .colgroup.col2::before{ content: "Bezeichnung";}
	.ws-board-list-box.type-ServiceAdd .acco-list .acco-head .colgroup.col3::before{ content: "Zusatz";}
	.ws-board-list-box.type-ServiceAdd .acco-list .acco-head .colgroup.col4::before{ content: "Anzahl";}
	.ws-board-list-box.type-ServiceAdd .acco-list .acco-head .colgroup.col5::before{ content: "Preis";}
	.ws-board-list-box.type-ServiceAdd .acco-list .acco-head .colgroup.col6::before{ content: "Gesamtpreis";}
	.ws-board-list-box.type-ServiceAdd .acco-list .acco-head .chkBox.solo{ width: auto;}
	.ws-board-list-box.type-ServiceAdd .acco-list .acco-head .chkBox span{ padding: 0;}
	.ws-board-list-box.type-ServiceAdd .acco-list .acco-head .chkBox span::before{ margin: 0; position: static;}
	.ws-board-list-box.type-ServiceAdd .acco-list .acco-head .chkBox input[type=radio]:checked + span::after{ margin: -5px 0 0 -5px;}
	.ws-board-list-box.type-ServiceAdd .acco-list .acco-head .txt{ line-height: 16px; padding: 7px 0;}
	.ws-board-list-box.type-ServiceAdd .acco-list .acco-head .preis{ line-height: 30px; padding: 0;}

	.ws-board-list-box.type-ServiceMgt .list.acco-list .acco-head{ padding: 10px; flex-direction: column;}
	.ws-board-list-box.type-ServiceMgt .acco-list .acco-head .colgroup{ width: 100% !important; text-align: left !important; align-items: flex-start; justify-content: flex-start !important; padding: 0 0 0 110px !important; position: relative;}
	.ws-board-list-box.type-ServiceMgt .acco-list .acco-head .colgroup + .colgroup{ margin: 5px 0 0 0;}
	.ws-board-list-box.type-ServiceMgt .acco-list .acco-head .colgroup::before{ width: 100px; background-color: #f1f1f1; font-size: 14px; text-align: center; line-height: 30px; padding: 0; border-radius: 14px; position: absolute; top: 0; left: 0;}
	.ws-board-list-box.type-ServiceMgt .acco-list .acco-head .colgroup.col1{ width: 16px; padding: 7px 0 !important; margin-bottom: 5px;}
	.ws-board-list-box.type-ServiceMgt .acco-list .acco-head .colgroup.col2::before{ content: "Bezeichnung";}
	.ws-board-list-box.type-ServiceMgt .acco-list .acco-head .colgroup.col3::before{ content: "Zusatz";}
	.ws-board-list-box.type-ServiceMgt .acco-list .acco-head .colgroup.col4::before{ content: "Anzahl";}
	.ws-board-list-box.type-ServiceMgt .acco-list .acco-head .colgroup.col5::before{ content: "Preis";}
	.ws-board-list-box.type-ServiceMgt .acco-list .acco-head .colgroup.col6::before{ content: "Gesamtpreis";}
	.ws-board-list-box.type-ServiceMgt .acco-list .acco-head .chkBox.solo{ width: auto;}
	.ws-board-list-box.type-ServiceMgt .acco-list .acco-head .chkBox span{ padding: 0;}
	.ws-board-list-box.type-ServiceMgt .acco-list .acco-head .chkBox span::before{ margin: 0; position: static;}
	.ws-board-list-box.type-ServiceMgt .acco-list .acco-head .chkBox input[type=radio]:checked + span::after{ margin: -5px 0 0 -5px;}
	.ws-board-list-box.type-ServiceMgt .acco-list .acco-head .txt{ line-height: 16px; padding: 7px 0;}
	.ws-board-list-box.type-ServiceMgt .acco-list .acco-head .preis{ line-height: 30px; padding: 0;}

	.ws-board-list-box.type-OrderComplete .acco-list .acco-head{ padding: 5px 10px 10px 45px; flex-direction: column;}
	.ws-board-list-box.type-OrderComplete .acco-list .acco-head .colgroup{ width: 100% !important; text-align: left !important; align-items: flex-start; justify-content: flex-start !important; padding: 0 0 0 110px !important; position: relative;}
	.ws-board-list-box.type-OrderComplete .acco-list .acco-head .colgroup + .colgroup{ margin: 5px 0 0 0;}
	.ws-board-list-box.type-OrderComplete .acco-list .acco-head .colgroup::before{ width: 100px; background-color: #f1f1f1; font-size: 12px; text-align: center; line-height: 30px; padding: 0; border-radius: 14px; position: absolute; top: 0; left: 0;}
	.ws-board-list-box.type-OrderComplete .acco-list .acco-head .colgroup.col1{ width: 30px !important; padding: 0 !important; margin-bottom: 5px; align-items: center; position: absolute; top: 10px; left: 10px;}
	.ws-board-list-box.type-OrderComplete .acco-list .acco-head .colgroup.col1 .txt{ background-color: #666; font-size: 12px; color: #fff; text-align: center; line-height: 20px; padding: 0; border-radius: 4px;}
	.ws-board-list-box.type-OrderComplete .acco-list .acco-head .colgroup.col2::before{ content: "Marke";}
	.ws-board-list-box.type-OrderComplete .acco-list .acco-head .colgroup.col3::before{ content: "Beschreibung";}
	.ws-board-list-box.type-OrderComplete .acco-list .acco-head .colgroup.col3 .txt{ overflow: visible; white-space: normal;}
	.ws-board-list-box.type-OrderComplete .acco-list .acco-head .colgroup.col4::before{ content: "Menge";}
	.ws-board-list-box.type-OrderComplete .acco-list .acco-head .colgroup.col5::before{ content: "Preis";}
	.ws-board-list-box.type-OrderComplete .acco-list .acco-head .colgroup.col6::before{ content: "Gesamtpreis";}
	.ws-board-list-box.type-OrderComplete .acco-list .acco-head .colgroup.col7::before{ content: "Artikel-Nr.";}
	.ws-board-list-box.type-OrderComplete .acco-list .acco-head .chkBox.solo{ width: auto;}
	.ws-board-list-box.type-OrderComplete .acco-list .acco-head .chkBox span{ padding: 0;}
	.ws-board-list-box.type-OrderComplete .acco-list .acco-head .chkBox span::before{ margin: 0; position: static;}
	.ws-board-list-box.type-OrderComplete .acco-list .acco-head .chkBox input[type=radio]:checked + span::after{ margin: -5px 0 0 -5px;}
	.ws-board-list-box.type-OrderComplete .acco-list .acco-head .logo{ height: 30px; background-position: left center;}
	.ws-board-list-box.type-OrderComplete .acco-list .acco-head .txt{ width: 100%; line-height: 16px; padding: 7px 0;}
	.ws-board-list-box.type-OrderComplete .acco-list .acco-head .preis{ line-height: 30px; white-space: nowrap; padding: 0;}
	.ws-board-list-box.type-OrderComplete .acco-list .acco-list-box:last-child .acco-head{ flex-direction: row; justify-content: flex-end;}
	.ws-board-list-box.type-OrderComplete .acco-list .acco-list-box:last-child .acco-head .colgroup{ width: auto !important; padding: 0 !important;}
	.ws-board-list-box.type-OrderComplete .acco-list .acco-list-box:last-child .acco-head .colgroup + .colgroup{ margin-left: 30px;}
	.ws-board-list-box.type-OrderComplete .acco-list .acco-list-box:last-child .acco-head .colgroup::before,
	.ws-board-list-box.type-OrderComplete .acco-list .acco-list-box:last-child .acco-head .colgroup.col1,
	.ws-board-list-box.type-OrderComplete .acco-list .acco-list-box:last-child .acco-head .colgroup.col2,
	.ws-board-list-box.type-OrderComplete .acco-list .acco-list-box:last-child .acco-head .colgroup.col3,
	.ws-board-list-box.type-OrderComplete .acco-list .acco-list-box:last-child .acco-head .colgroup.col5{ display: none;}
	.ws-board-list-box.type-OrderComplete .acco-list .acco-list-box:last-child .acco-head .colgroup .preis::before{ font-weight: 400; font-size: 16px;}
	.ws-board-list-box.type-OrderComplete .acco-list .acco-list-box:last-child .acco-head .colgroup.col4 .preis::before{ content: 'Menge : ';}
	.ws-board-list-box.type-OrderComplete .acco-list .acco-list-box:last-child .acco-head .colgroup.col6 .preis::before{ content: 'Gesamt : ';}
	.ws-board-list-box.type-OrderComplete .acco-list .acco-list-box.detail-list-box .acco-head::before{ left: 0; right: 0;}
	.ws-board-list-box.type-OrderComplete .acco-list .acco-list-box.detail-list-box .acco-head .colgroup.col1 .txt{ background-color: #fff; color: #444;}
	.ws-board-list-box.type-OrderComplete .acco-list .acco-list-box.detail-list-box ~ .acco-list-box .acco-head .colgroup.col2{ margin: 0;}

	.ws-board-list-box.type-TireSelectMotorcycle .list.acco-list .acco-head{ padding-right: 10px;}
	.ws-board-list-box.type-TireSelectMotorcycle #boardList:checked ~ .list-body .colgroup.col11,
	.ws-board-list-box.type-TireSelectMotorcycle #boardCard:checked ~ .list-body .colgroup.col11{ width: 30px !important; position: relative; bottom: auto; right: auto;}
	.ws-board-list-box.type-TireSelectMotorcycle .list.acco-list .acco-list-box:nth-child(2n+1) .acco-box::after{ right: 45px;}

	.ws-board-list-box.type-FELGEN-WheelSelect #boardList:checked ~ .list-body .colgroup.col5,
	.ws-board-list-box.type-FELGEN-WheelSelect #boardCard:checked ~ .list-body .colgroup.col5{ padding-right: 8px; margin-bottom: 40px; justify-content: flex-end; position: static;}
	.ws-board-list-box.type-FELGEN-WheelSelect #boardList:checked ~ .list-body .colgroup.col6,
	.ws-board-list-box.type-FELGEN-WheelSelect #boardCard:checked ~ .list-body .colgroup.col6{ width: 45px; padding-right: 15px; margin-bottom: 40px; position: static;}
	.ws-board-list-box.type-FELGEN-WheelSelect #boardList:checked ~ .list-body .colgroup.col7,
	.ws-board-list-box.type-FELGEN-WheelSelect #boardCard:checked ~ .list-body .colgroup.col7{ width: auto; height: auto; flex-direction: row; right: 10px; bottom: 22px; left: auto;}
	.ws-board-list-box.type-FELGEN-WheelSelect #boardList:checked ~ .list-body .colgroup.col7 .btn + .btn,
	.ws-board-list-box.type-FELGEN-WheelSelect #boardCard:checked ~ .list-body .colgroup.col7 .btn + .btn{ margin: 0 0 0 5px;}

	.ws-board-list-box.type-OrderHisList .list.acco-list .acco-head{ height: auto; padding: 10px 50px 10px 10px; flex-direction: column;}
	.ws-board-list-box.type-OrderHisList .acco-list .acco-head .colgroup{ width: 100% !important; min-height: 30px; text-align: left !important; align-items: flex-start; justify-content: flex-start !important; padding: 0 0 0 110px !important; position: relative;}
	.ws-board-list-box.type-OrderHisList .acco-list .acco-head .colgroup + .colgroup{ margin: 5px 0 0 0;}
	.ws-board-list-box.type-OrderHisList .acco-list .acco-head .colgroup::before{ width: 100px; background-color: #f1f1f1; font-size: 14px; text-align: center; line-height: 30px; padding: 0; border-radius: 14px; position: absolute; top: 0; left: 0;}
	.ws-board-list-box.type-OrderHisList .acco-list .acco-head .colgroup.col1::before{ content: "Datum";}
	.ws-board-list-box.type-OrderHisList .acco-list .acco-head .colgroup.col2::before{ content: "Menge";}
	.ws-board-list-box.type-OrderHisList .acco-list .acco-head .colgroup.col3::before{ content: "Bezeichnung";}
	.ws-board-list-box.type-OrderHisList .acco-list .acco-head .colgroup.col4::before{ content: "Einzelpreis";}
	.ws-board-list-box.type-OrderHisList .acco-list .acco-head .colgroup.col5::before{ content: "Ihre Referenz";}
	.ws-board-list-box.type-OrderHisList .acco-list .acco-head .colgroup.col6::before{ content: "Versandart";}
	.ws-board-list-box.type-OrderHisList .acco-list .acco-head .colgroup.col7::before{ content: "Status";}
	.ws-board-list-box.type-OrderHisList .acco-list .acco-head .colgroup.col8{ width: auto !important; padding: 0 !important; margin: -12px 0 0 0 !important; position: absolute; top: 50%; right: 10px;}

	.ws-gesamtsumme-box .flex-sb{ flex-direction: column;}
	.ws-gesamtsumme-box .order-comment-box{ margin: 16px 0 0 0;}
	.ws-gesamtsumme-box .order-comment-box .box-body{ height: 120px; flex: none;}
	.ws-gesamtsumme-box .sum-box .btn{ width: 352px;}

	#quick-bottom{ padding: 0 20px;}
	#quick-bottom .total-price{ width: 100%;}
	#quick-bottom .total-price .info{ width: auto; flex: 1;}
	#quick-bottom .btn-page{ width: 100% !important;}
	#quick-bottom .btn-page .input1.input-kommission{ box-sizing: border-box;}
	#quick-bottom .btn-page{ height: auto; padding: 10px 10px 5px 10px;}
	#quick-bottom .btn-page button{ height: 38px; padding: 0 20px; margin: 0 5px 5px 5px;}
	#quick-bottom .btn-page button + button,
	#quick-bottom .btn-page .select1 + button{ margin: 0 5px 5px 5px;}
	#quick-bottom .btn-page button .txt{ line-height: 15px;}
	#quick-bottom .btn-page button + .select1,
	#quick-bottom .btn-page .select1{ height: 38px; margin: 0 5px 5px 5px;}

	.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .set-list-box .delivery-info-box{ padding-left: 100px;}

	.ws-board-list-box.type-OrderHisList3 .item-body{ flex-direction: column; align-items: flex-end;}
	.ws-board-list-box.type-OrderHisList3 .item-body .info-box{ width: 100%; position: relative;}
	.ws-board-list-box.type-OrderHisList3 .item-body .btn-txt{ position: absolute; bottom: -73px; left: 0;}
	.ws-board-list-box.type-OrderHisList3 .item-body .info-box + .border-box{ margin-top: 5px;}

	.ws-board-list-box.type-CompleteWheelRDKS .list-body .acco-list-box .acco-head .colgroup.col2{ width: 150px; padding: 0; justify-content: flex-start; position: absolute; top: 5px; left: 120px;}
	.ws-board-list-box.type-CompleteWheelRDKS .list-body .acco-list-box .acco-head .colgroup.col3{ padding: 20px 0 25px 0;}
	.ws-board-list-box.type-CompleteWheelRDKS .list-body .acco-list-box .acco-head .colgroup.col4{ width: 100px; padding: 0; justify-content: flex-start; position: absolute; bottom: 10px; left: 120px;}
	.ws-board-list-box.type-CompleteWheelRDKS .list-body .acco-list-box .acco-head .colgroup.col5{ width: 100px; padding: 0; justify-content: flex-start; position: absolute; bottom: 10px; left: 230px;}
	.ws-board-list-box.type-CompleteWheelRDKS .list-body .acco-list-box .acco-head .colgroup.col6{ width: 70px; padding: 0; justify-content: flex-start; position: absolute; bottom: 10px; left: 340px;}
	.ws-board-list-box.type-CompleteWheelRDKS .list-body .acco-list-box .acco-head .colgroup.col7{ width: 40px; padding: 0; justify-content: flex-start; position: absolute; bottom: 10px; left: 420px;}
	.ws-board-list-box.type-CompleteWheelRDKS .list-body .acco-list-box .acco-head .colgroup.col8{ padding: 0 0 50px 0; justify-content: flex-end;}
	.ws-board-list-box.type-CompleteWheelRDKS .list-body .acco-list-box .acco-head .colgroup.col9{ width: 45px; padding-bottom: 50px;}
	.ws-board-list-box.type-CompleteWheelRDKS .list-body .acco-list-box .acco-head .colgroup.col10{ width: 140px; padding: 0; justify-content: flex-start; position: absolute; bottom: 10px; right: 10px;}

	.ws-board-list-box.type-CompleteWheelTire .list.acco-list .acco-box{ margin: 0 16px;}
	.ws-board-list-box.type-CompleteWheelTire .list-body .colgroup.col1{ width: 16px; position: absolute; top: 10px; left: 0;}
	.ws-board-list-box.type-CompleteWheelTire .list-body .colgroup.col1 .chkBox span{ padding: 0;}
	.ws-board-list-box.type-CompleteWheelTire .list-body .colgroup.col1 .chkBox span::before{ margin: 0;}
	.ws-board-list-box.type-CompleteWheelTire .list-body .colgroup.col2{ position: absolute; top: 10px; left: 36px;}
	.ws-board-list-box.type-CompleteWheelTire .list-body .colgroup.col2 .logo{ height: 30px; background-position: left center; margin: 0;}
	.ws-board-list-box.type-CompleteWheelTire .list-body .colgroup.col3{ padding: 40px 10px 50px 36px;}
	.ws-board-list-box.type-CompleteWheelTire .list-body .colgroup.col4{ width: 40px; padding: 0; justify-content: flex-start; position: absolute; bottom: 15px; left: 36px;}
	.ws-board-list-box.type-CompleteWheelTire .list-body .colgroup.col5{ width: 30px; height: 26px; padding: 0; position: absolute; bottom: 15px; left: 76px;}
	.ws-board-list-box.type-CompleteWheelTire .list-body .colgroup.col6{ width: 30px; height: 26px; padding: 0; position: absolute; bottom: 15px; left: 106px;}
	.ws-board-list-box.type-CompleteWheelTire .list-body .colgroup.col7{ width: 30px; height: 26px; padding: 0; position: absolute; bottom: 15px; left: 136px;}
	.ws-board-list-box.type-CompleteWheelTire .list-body .colgroup.col8{ padding: 0; margin: 0; justify-content: flex-end;}
	.ws-board-list-box.type-CompleteWheelTire .list-body .colgroup.col9{ width: 45px; padding: 0;}
	.ws-board-list-box.type-CompleteWheelTire .list-body .colgroup.col10{ width: 145px; padding: 0; position: absolute; bottom: 10px; right: 10px;}

	.ws-board-list-box.type-CompleteWheelService .list-body .colgroup p{ text-align: left; margin-top: 5px;}
	.ws-board-list-box.type-CompleteWheelService .list.acco-list .acco-head{ padding-right: 10px;}
	.ws-board-list-box.type-CompleteWheelService .list.acco-list .acco-head .colgroup.col1{ width: 60px;}
	.ws-board-list-box.type-CompleteWheelService .list.acco-list .acco-head .colgroup.col1 .chkBox span{ padding: 0;}
	.ws-board-list-box.type-CompleteWheelService .list.acco-list .acco-head .colgroup.col1 .chkBox span::before{ margin: 0;}
	.ws-board-list-box.type-CompleteWheelService .list.acco-list .acco-head .colgroup.col2::before{ background-color: #f1f1f1; content: 'Bezeichnung'; padding: 0 10px; border: 1px solid #ccc; border-radius: 10px;}
	.ws-board-list-box.type-CompleteWheelService .list.acco-list .acco-head .colgroup.col3{ width: 180px; flex: none; flex-direction: column;}
	.ws-board-list-box.type-CompleteWheelService .list.acco-list .acco-head .colgroup.col3::before{ background-color: #f1f1f1; content: 'Zusatz'; padding: 0 10px; border: 1px solid #ccc; border-radius: 10px;}
	.ws-board-list-box.type-CompleteWheelService .list.acco-list .acco-head .colgroup.col4{ width: 120px; flex-direction: column; align-items: flex-end;}
	.ws-board-list-box.type-CompleteWheelService .list.acco-list .acco-head .colgroup.col4::before{ background-color: #f1f1f1; content: 'Preis'; padding: 0 10px; border: 1px solid #ccc; border-radius: 10px;}
	.ws-board-list-box.type-CompleteWheelService .list.acco-list .acco-head .colgroup.col4 .preis{ width: 100%; text-align: right;}

	.ws-board-list-box.type-CompleteWheelService2 .list-body .colgroup p{ text-align: left; margin-top: 5px;}
	.ws-board-list-box.type-CompleteWheelService2 .list.acco-list .acco-head{ padding: 10px;}
	.ws-board-list-box.type-CompleteWheelService2 .list.acco-list .acco-head .colgroup.col1::before{ background-color: #f1f1f1; content: 'Bezeichnung'; padding: 0 10px; border: 1px solid #ccc; border-radius: 10px;}
	.ws-board-list-box.type-CompleteWheelService2 .list.acco-list .acco-head .colgroup.col2{ width: 180px; flex: none; flex-direction: column;}
	.ws-board-list-box.type-CompleteWheelService2 .list.acco-list .acco-head .colgroup.col2::before{ background-color: #f1f1f1; content: 'Zusatz'; padding: 0 10px; border: 1px solid #ccc; border-radius: 10px;}
	.ws-board-list-box.type-CompleteWheelService2 .list.acco-list .acco-head .colgroup.col3{ width: 120px; flex-direction: column; align-items: flex-end;}
	.ws-board-list-box.type-CompleteWheelService2 .list.acco-list .acco-head .colgroup.col3::before{ background-color: #f1f1f1; content: 'Preis'; padding: 0 10px; border: 1px solid #ccc; border-radius: 10px;}
	.ws-board-list-box.type-CompleteWheelService2 .list.acco-list .acco-head .colgroup.col3 .preis{ width: 100%; text-align: right;}

	.ws-board-list-box.type-CompleteWheelDet .list.acco-list .acco-head{ flex-direction: column;}
	.ws-board-list-box.type-CompleteWheelDet .list.acco-list .acco-head .colgroup{ width: 100%; flex: none; align-items: flex-start; justify-content: flex-start !important;}
	.ws-board-list-box.type-CompleteWheelDet .list.acco-list .acco-head .colgroup + .colgroup{ margin-top: 5px;}
	.ws-board-list-box.type-CompleteWheelDet .list.acco-list .acco-head .colgroup::before{ width: 110px; background-color: #f1f1f1; text-align: center; margin: 0 10px 0 0; flex: none; border: 1px solid #ccc; border-radius: 10px;}
	.ws-board-list-box.type-CompleteWheelDet .list.acco-list .acco-head .colgroup.col1::before{ content: 'Lieferung von';}
	.ws-board-list-box.type-CompleteWheelDet .list.acco-list .acco-head .colgroup.col2::before{ content: 'Versand über';}
	.ws-board-list-box.type-CompleteWheelDet .list.acco-list .acco-head .colgroup.col3::before{ content: 'Bestand';}
	.ws-board-list-box.type-CompleteWheelDet .list.acco-list .acco-head .colgroup.col4::before{ content: 'KB-Rabatt';}
	.ws-board-list-box.type-CompleteWheelDet .list.acco-list .acco-head .colgroup.col5::before{ content: 'Preis';}
	.ws-board-list-box.type-CompleteWheelDet .list.acco-list .acco-head .colgroup.col5 .preis{ font-size: 18px; line-height: 20px;}
	.ws-board-list-box.type-CompleteWheelDet .list.acco-list .boardList:checked + .acco-box{ margin: 0;}
	.ws-board-list-box.type-CompleteWheelDet .list.acco-list .boardList:checked + .acco-box::before{ left: 0; right: 0;}

	.ws-board-list-box.type-DeliveryAddressMgt .acco-list .acco-head{ height: auto; padding: 10px 50px 10px 10px; flex-direction: column; align-items: flex-start;}
	.ws-board-list-box.type-DeliveryAddressMgt .list.acco-list .acco-head .colgroup{ padding: 0 !important; align-items: flex-start; justify-content: flex-start !important;}
	.ws-board-list-box.type-DeliveryAddressMgt .list.acco-list .acco-head .colgroup + .colgroup{ margin-top: 5px;}
	.ws-board-list-box.type-DeliveryAddressMgt .list.acco-list .acco-head .colgroup::before{ width: 110px; background-color: #f1f1f1; margin-right: 10px; border: 1px solid #ccc; border-radius: 10px;}
	.ws-board-list-box.type-DeliveryAddressMgt .list.acco-list .acco-head .colgroup.col1::before{ content: 'Name';}
	.ws-board-list-box.type-DeliveryAddressMgt .list.acco-list .acco-head .colgroup.col2::before{ content: 'Straße';}
	.ws-board-list-box.type-DeliveryAddressMgt .list.acco-list .acco-head .colgroup.col3::before{ content: 'PLZ';}
	.ws-board-list-box.type-DeliveryAddressMgt .list.acco-list .acco-head .colgroup.col4::before{ content: 'Ort';}
	.ws-board-list-box.type-DeliveryAddressMgt .list.acco-list .acco-head .colgroup.col5::before{ content: 'Land';}
	.ws-board-list-box.type-DeliveryAddressMgt .list.acco-list .acco-head .colgroup.col6::before{ content: 'Neutr.Vers.';}
	.ws-board-list-box.type-DeliveryAddressMgt .list.acco-list .acco-head .colgroup.col7{ width: 50px; margin-top: -16px; position: absolute; top: 50%; right: 0;}
	.ws-board-list-box.type-DeliveryAddressMgt .list.acco-list .acco-head .colgroup .txt{ flex: 1;}

	.ws-board-list-box.type-PermissionMgt .acco-list .acco-head{ height: auto; padding: 10px; flex-direction: column; align-items: flex-start;}
	.ws-board-list-box.type-PermissionMgt .list.acco-list .acco-head .colgroup{ width: 100%; padding: 0 !important; justify-content: flex-start !important;}
	.ws-board-list-box.type-PermissionMgt .list.acco-list .acco-head .colgroup + .colgroup{ margin-top: 5px;}
	.ws-board-list-box.type-PermissionMgt .list.acco-list .acco-head .colgroup::before{ width: 110px; background-color: #f1f1f1; margin-right: 10px; border: 1px solid #ccc; border-radius: 10px;}
	.ws-board-list-box.type-PermissionMgt .list.acco-list .acco-head .colgroup.col1::before{ content: 'E-Mail Adresse';}
	.ws-board-list-box.type-PermissionMgt .list.acco-list .acco-head .colgroup.col2::before{ content: 'Benutzer aktiv';}
	.ws-board-list-box.type-PermissionMgt .list.acco-list .acco-head .colgroup.col3::before{ content: 'Login Id';}
	.ws-board-list-box.type-PermissionMgt .list.acco-list .acco-head .colgroup.col4::before{ content: 'Status';}
	.ws-board-list-box.type-PermissionMgt .list.acco-list .acco-head .colgroup.col4 .btn{ width: auto; padding: 0 15px;}

	.ws-board-list-box.type-Auftragshistorie .box-head{ justify-content: flex-end;}
	.ws-board-list-box.type-Auftragshistorie .box-head .tit-dep3{ flex: 1;}
	.ws-board-list-box.type-Auftragshistorie .acco-list .acco-head{ height: auto; padding: 10px; flex-direction: column; align-items: flex-start;}
	.ws-board-list-box.type-Auftragshistorie .list.acco-list .acco-head .colgroup{ width: 100%; padding: 0 !important; justify-content: flex-start !important;}
	.ws-board-list-box.type-Auftragshistorie .list.acco-list .acco-head .colgroup + .colgroup{ margin-top: 5px;}
	.ws-board-list-box.type-Auftragshistorie .list.acco-list .acco-head .colgroup::before{ width: 110px; background-color: #f1f1f1; margin-right: 10px; border: 1px solid #ccc; border-radius: 10px;}
	.ws-board-list-box.type-Auftragshistorie .list.acco-list .acco-head .colgroup.col1::before{ content: 'Name';}
	.ws-board-list-box.type-Auftragshistorie .list.acco-list .acco-head .colgroup.col2::before{ content: 'Straße';}
	.ws-board-list-box.type-Auftragshistorie .list.acco-list .acco-head .colgroup.col3::before{ content: 'PLZ';}
	.ws-board-list-box.type-Auftragshistorie .list.acco-list .acco-head .colgroup.col4::before{ content: 'Ort';}
	.ws-board-list-box.type-Auftragshistorie .list.acco-list .acco-head .colgroup.col5::before{ content: 'Land';}
	.ws-board-list-box.type-Auftragshistorie .list.acco-list .acco-head .colgroup.col6::before{ content: 'Neutr.Vers.';}

	.ws-board-list-box.type-QuoteMgt .box-head{ justify-content: flex-end;}
	.ws-board-list-box.type-QuoteMgt .box-head .tit-dep3{ flex: 1;}
	.ws-board-list-box.type-QuoteMgt .acco-list .acco-head{ height: auto; padding: 10px 50px 10px 10px; flex-direction: column; align-items: flex-start;}
	.ws-board-list-box.type-QuoteMgt .list.acco-list .acco-head .colgroup{ width: 100%; padding: 0 !important; justify-content: flex-start !important;}
	.ws-board-list-box.type-QuoteMgt .list.acco-list .acco-head .colgroup + .colgroup{ margin-top: 5px;}
	.ws-board-list-box.type-QuoteMgt .list.acco-list .acco-head .colgroup::before{ width: 110px; background-color: #f1f1f1; text-align: center; margin-right: 10px; border: 1px solid #ccc; border-radius: 10px;}
	.ws-board-list-box.type-QuoteMgt .list.acco-list .acco-head .colgroup.col1::before{ content: 'Name';}
	.ws-board-list-box.type-QuoteMgt .list.acco-list .acco-head .colgroup.col2::before{ content: 'Straße';}
	.ws-board-list-box.type-QuoteMgt .list.acco-list .acco-head .colgroup.col3::before{ content: 'PLZ';}
	.ws-board-list-box.type-QuoteMgt .list.acco-list .acco-head .colgroup.col4::before{ content: 'Ort';}
	.ws-board-list-box.type-QuoteMgt .list.acco-list .acco-head .colgroup.col5::before{ content: 'Land';}
	.ws-board-list-box.type-QuoteMgt .list.acco-list .acco-head .colgroup.col6::before{ content: 'Neutr.Vers.';}
	.ws-board-list-box.type-QuoteMgt .list.acco-list .acco-head .colgroup.col7{ width: 50px; margin-top: -16px; position: absolute; top: 50%; right: 0;}

	.ws-board-list-box.type-QuoteMgt2 .box-head{ justify-content: flex-end;}
	.ws-board-list-box.type-QuoteMgt2 .box-head .tit-dep3{ flex: 1;}
	.ws-board-list-box.type-QuoteMgt2 .acco-list .acco-head{ height: auto; padding: 10px 50px 10px 10px; flex-direction: column; align-items: flex-start;}
	.ws-board-list-box.type-QuoteMgt2 .list.acco-list .acco-head .colgroup{ width: 100%; padding: 0 !important; justify-content: flex-start !important;}
	.ws-board-list-box.type-QuoteMgt2 .list.acco-list .acco-head .colgroup + .colgroup{ margin-top: 5px;}
	.ws-board-list-box.type-QuoteMgt2 .list.acco-list .acco-head .colgroup::before{ width: 110px; background-color: #f1f1f1; text-align: center; margin-right: 10px; border: 1px solid #ccc; border-radius: 10px;}
	.ws-board-list-box.type-QuoteMgt2 .list.acco-list .acco-head .colgroup.col1::before{ content: 'Datum';}
	.ws-board-list-box.type-QuoteMgt2 .list.acco-list .acco-head .colgroup.col2::before{ content: 'Angebotsname';}
	.ws-board-list-box.type-QuoteMgt2 .list.acco-list .acco-head .colgroup.col3::before{ content: 'Firmendaten';}
	.ws-board-list-box.type-QuoteMgt2 .list.acco-list .acco-head .colgroup.col4::before{ content: 'KFZ-Kennzeichen';}
	.ws-board-list-box.type-QuoteMgt2 .list.acco-list .acco-head .colgroup.col5::before{ content: 'PDF';}
	.ws-board-list-box.type-QuoteMgt2 .list.acco-list .acco-head .colgroup.col6::before{ content: 'Bearbeiten';}
	.ws-board-list-box.type-QuoteMgt2 .list.acco-list .acco-head .colgroup.col7{ width: 50px; margin-top: -16px; position: absolute; top: 50%; right: 0;}

	.ws-board-list-box.type-QuoteList .acco-list .acco-head{ height: auto; padding: 10px; flex-direction: column; align-items: flex-start;}
	.ws-board-list-box.type-QuoteList .list.acco-list .acco-head .colgroup{ width: 100%; padding: 0 !important; justify-content: flex-start !important;}
	.ws-board-list-box.type-QuoteList .list.acco-list .acco-head .colgroup + .colgroup{ margin-top: 5px;}
	.ws-board-list-box.type-QuoteList .list.acco-list .acco-head .colgroup::before{ width: 110px; background-color: #f1f1f1; margin-right: 10px; border: 1px solid #ccc; border-radius: 10px;}
	.ws-board-list-box.type-QuoteList .list.acco-list .acco-head .colgroup.col1::before{ content: 'Datum';}
	.ws-board-list-box.type-QuoteList .list.acco-list .acco-head .colgroup.col2::before{ content: 'Angebotsname';}
	.ws-board-list-box.type-QuoteList .list.acco-list .acco-head .colgroup.col3::before{ content: 'Firmendaten';}

	.ws-board-list-box.type-DeliveryAddressList .list.acco-list .acco-head{ height: auto; padding: 10px 10px 10px 36px; flex-direction: column; align-items: flex-start;}
	.ws-board-list-box.type-DeliveryAddressList .list.acco-list .acco-head .colgroup{ width: 100%; padding: 0 !important; justify-content: flex-start !important;}
	.ws-board-list-box.type-DeliveryAddressList .list.acco-list .acco-head .colgroup + .colgroup{ margin-top: 5px;}
	.ws-board-list-box.type-DeliveryAddressList .list.acco-list .acco-head .colgroup::before{ width: 110px; background-color: #f1f1f1; margin-right: 10px; border: 1px solid #ccc; border-radius: 10px;}
	.ws-board-list-box.type-DeliveryAddressList .list.acco-list .acco-head .colgroup.col1{ margin-top: -8px; position: absolute; top: 50%; left: 10px;}
	.ws-board-list-box.type-DeliveryAddressList .list.acco-list .acco-head .colgroup.col1 .chkBox.solo span{ padding: 0;}
	.ws-board-list-box.type-DeliveryAddressList .list.acco-list .acco-head .colgroup.col2::before{ content: 'Name1';}
	.ws-board-list-box.type-DeliveryAddressList .list.acco-list .acco-head .colgroup.col3::before{ content: 'Name2';}
	.ws-board-list-box.type-DeliveryAddressList .list.acco-list .acco-head .colgroup.col4::before{ content: 'Name3';}
	.ws-board-list-box.type-DeliveryAddressList .list.acco-list .acco-head .colgroup.col5::before{ content: 'Straße';}
	.ws-board-list-box.type-DeliveryAddressList .list.acco-list .acco-head .colgroup.col6::before{ content: 'PLZ';}
	.ws-board-list-box.type-DeliveryAddressList .list.acco-list .acco-head .colgroup.col7::before{ content: 'Ort';}
	.ws-board-list-box.type-DeliveryAddressList .list.acco-list .acco-head .colgroup.col8::before{ content: 'Land';}

	.ws-board-list-box.type-ContentList .list.acco-list .acco-head{ height: auto; padding: 10px 40px 10px 10px; flex-direction: column; align-items: flex-start;}
	.ws-board-list-box.type-ContentList .list.acco-list .acco-head .colgroup{ width: 100%; padding: 0 !important; align-items: flex-start; justify-content: flex-start !important;}
	.ws-board-list-box.type-ContentList .list.acco-list .acco-head .colgroup + .colgroup{ margin-top: 5px;}
	.ws-board-list-box.type-ContentList .list.acco-list .acco-head .colgroup::before{ width: 120px; background-color: #f1f1f1; line-height: 16px; padding: 2px 5px; margin-right: 10px; word-break: break-all; border: 1px solid #ccc; border-radius: 10px;}
	.ws-board-list-box.type-ContentList .list.acco-list .acco-head .colgroup.col1{ text-align: left; margin-bottom: 5px;}
	.ws-board-list-box.type-ContentList .list.acco-list .acco-head .colgroup.col2::before{ text-align: center; content: 'Dokumentenklassifizierung';}
	.ws-board-list-box.type-ContentList .list.acco-list .acco-head .colgroup.col3::before{ content: 'Dokumentname';}
	.ws-board-list-box.type-ContentList .list.acco-list .acco-head .colgroup.col4{ width: 40px; margin-top: -16px; position: absolute; top: 50%; right: 0;}
	.ws-board-list-box.type-ContentList .list.acco-list .acco-head .colgroup .txt{ line-height: 16px; padding: 2px 0; word-break: break-all; flex: 1;}

	.ws-search-box{ padding: 10px;}
	.ws-search-box .search-flex{ flex-wrap: wrap;}
	.ws-search-box .search-flex > *{ width: 100%;}
	.ws-search-box .search-flex .dateBox{ flex-direction: column;}
	.ws-search-box .search-flex .dateBox .dateRange{ width: 100%;}
	.ws-search-box .search-flex .dateBox .dateRange .input1{ width: calc((100% - 18px) / 2);}
	.ws-search-box .search-flex .dateBox .dateBtn{ margin: 5px 0 0 0; flex: 1;}
	.ws-search-box .search-flex .dateBox .dateBtn .btn-txt{ flex: 1;}
	.ws-search-box .search-flex .searchBox{ margin: 5px 0 0 0; flex: none !important;}

	.ws-search-box.type-OrderHistory{ padding: 14px;}
	.ws-search-box.type-OrderHistory .search-form{ flex-direction: column; align-items: stretch; gap: 16px 0;}
	.ws-search-box.type-OrderHistory .search-form > dl + dl{ margin-left: 0;}
	.ws-search-box.type-OrderHistory .dateRange .input1{ width: calc((100% - 24px) / 2);}
	.ws-search-box.type-OrderHistory .dateBtn{ width: 100%;}
	.ws-search-box.type-OrderHistory .dateBtn .btn-txt{ flex: 1;}
	.ws-search-box.type-OrderHistory .btn{ width: 100%;}
	.ws-search-box.type-OrderHistory .btn .search{ width: 100%; height: 44px;}

	.order-history-filter-box{ flex-direction: column; align-items: stretch; gap: 10px; padding: 14px;}
	.filterGroup.type-OrderHistory{ gap: 6px;}
	.filterGroup.type-OrderHistory label{ width: calc(50% - 3px);}
	.filterGroup.type-OrderHistory span{ width: 100%; padding: 0 8px; font-size: 12px;}

	.ws-board-list-box.type-OrderHisList3 .list-empty{ min-height: 180px; padding: 36px 16px;}

	.border-info-box{ padding: 20px;}
	.border-info-box .info-box{ flex-direction: column;}
	.border-info-box .delivery-address dd{ line-height: 16px;}
	.border-info-box .info-box .total-amount{ margin-top: 10px;}

	.ComparisonList-box .product-box .img,
	.ComparisonList-box .product-box .spinner,
	.ComparisonList-box .product-box .txt,
	.ComparisonList-box .product-box .btn{ max-width: 192px; width: 100%;}
	.ComparisonList-box .product-box .txt p{ font-size: 12px; padding-right: 0;}
	.ComparisonList-box .product-box .txt p strong{ font-size: 17px;}
	.ComparisonList-box colgroup col:first-child{ width: 140px;}

	.ws-info-box > .box-body{ padding-right: 0;}
	.ws-info-box .tire-label-box{ width: 176px; height: 257px; left: -208px; top: 186px;}
	
	.ws-detail-box .body-right .info-head{ padding-right: 140px;}
	.ws-detail-box .info-body .dl-row.col3 dl{ width: calc(100% / 2);}
	.ws-detail-box .body-right .tire-info{ width: 125px;}

	.ws-cart-edit-box{ border-color: #e88b51;}
	.ws-cart-edit-box table{ display: flex; flex-direction: column;}
	.ws-cart-edit-box table colgroup{ display: none;}
	.ws-cart-edit-box table thead{ display: none;}
	.ws-cart-edit-box table tbody{ display: flex; flex-direction: column;}
	.ws-cart-edit-box table tbody tr{ padding: 5px 0; display: flex; flex-direction: column;}
	.ws-cart-edit-box table tbody tr + tr{ border-top: 1px solid #ccc;}
	.ws-cart-edit-box table tbody td{ width: 100%; min-height: 36px; height: auto; text-align: left !important; line-height: 15px; padding: 8px 10px 8px 120px !important; display: flex; align-items: center; border-bottom: 0; box-sizing: border-box; position: relative;}
	.ws-cart-edit-box table tbody td + td{ margin-top: 5px;}
	.ws-cart-edit-box table tbody tr:hover td{ background-color: transparent;}
	.ws-cart-edit-box table tbody td::before{ width: 110px; height: 30px; background-color: #f1f1f1; font-weight: 500; font-size: 13px; color: #000; text-align: center; line-height: 30px; padding: 0; border-radius: 15px; position: absolute; top: 0; left: 5px;}
	.ws-cart-edit-box table tbody td:nth-child(1):before{ content: 'Lieferung von';}
	.ws-cart-edit-box table tbody td:nth-child(2):before{ content: 'Versand uber';}
	.ws-cart-edit-box table tbody td:nth-child(3):before{ content: 'Bestand';}
	.ws-cart-edit-box table tbody td:nth-child(4):before{ content: 'KB-Rabatt';}
	.ws-cart-edit-box table tbody td:nth-child(5):before{ content: 'Preis';}
	.ws-cart-edit-box table tbody td:nth-child(6):before{ content: 'Quantity';}
	.ws-cart-edit-box table tbody td:nth-child(7):before{ content: 'Gesamtpreis';}
	.ws-cart-edit-box table tbody tr.active,
	.ws-cart-edit-box table tbody tr.active td{ background-color: #fdeddc;}
	.ws-cart-edit-box table tbody tr.active td::before{ background-color: #fff;}

	.car-select-box .wheel-search-tab{ width: 100%;}
	.wheel-search-tab .dl-col{ flex-direction: column;}
	.wheel-search-tab .dl-col dl + dl{ margin: 5px 0 0 0;}
	.wheel-search-tab > .tab-con{ padding: 20px 10px 20px 10px;}
	.select-vehicle-model-tab > .tab-con{ margin-top: 20px;}
	.wheel-search-tab .search-form{ width: 100%;}
	.acco-box.slideUpDownJS.active > .acco-btn .txt-btn::before{ padding: 2px 0 2px 15px; left: -8px;}

	.ws-wheel-slider .car-info-bg{ height: auto; padding: 10px 56px 32% 10px;}
	.ws-wheel-slider .car-info-bg .car360-box{ right: 0;}
	.ws-wheel-slider .car-info-bg.mode-2d-img .carOne-box{ right: 0; top: auto; bottom: 0; padding-top: 0;}
	.ws-wheel-slider .car-info-bg.mode-2d-msg .carOne-box{ right: 0; top: 0; bottom: 0; padding-top: 0;}
	.ws-wheel-slider .car-info-bg .btn-zoom{ right: 16px;}
	.ws-wheel-slider .slider-info{ margin-top: 10px; position: static;}
	.ws-wheel-slider .slider-info .list{ height: auto;}
	.ws-wheel-slider .slider-info .item,
	.ws-wheel-slider:not(.wheelSliderJS.js) .slider-info .item{ width: 100%; padding: 12px; position: relative; display: flex; flex-direction: column;}
	.ws-wheel-slider .slider-info .item.active{ display: flex;}
	.ws-wheel-slider .slider-info .img{ width: 100%; height: auto; padding: 0 0 8px 0; border: 0; position: static; display: flex; justify-content: flex-end;}
	.ws-wheel-slider .slider-info .img .chkBox{ position: static;}
	.ws-wheel-slider .slider-info .img .logo,
	.ws-wheel-slider .slider-info .img .wheel{ display: none;}
	.ws-wheel-slider .slider-info .con{ width: 100%; text-align: left; padding: 0; display: flex; flex-direction: column; align-items: stretch; flex-wrap: nowrap;}
	.ws-wheel-slider .slider-info .con .tooltip-box{ display: none !important;}
	.ws-wheel-slider .slider-info .select1,
	.ws-wheel-slider .slider-info .icoSelect{ width: 100%; margin: 0;}
	.ws-wheel-slider .slider-info .icoSelect .select1{ width: 100%;}
	.ws-wheel-slider .slider-info .txt{ width: 100%; margin: 10px 0 0 0; flex: none; text-align: left;}
	.ws-wheel-slider .slider-info .txt p{ word-break: break-word; overflow-wrap: break-word; white-space: normal;}
	.ws-wheel-slider .slider-info .btn{ margin-top: 12px;}
	.ws-wheel-slider .slider-info .btn a,
	.ws-wheel-slider .slider-info .btn a + a{ flex: 1;}
	.ws-wheel-slider .slider-info .btn a{ min-height: 34px; height: auto; line-height: 16px; padding: 8px 12px; display: flex; align-items: center; justify-content: center;}
	.ws-wheel-slider .total-price{ width: 100%; padding: 10px; margin-top: 10px; position: static;}
	.ws-wheel-slider .total-price .list > ul{ position: static;}

	/* FELGEN wheel list - tablet/mobile list view */
	.ws-board-list-box.type-FELGEN-WheelSelect2 .chkBox{ left: 12px;}
	.ws-board-list-box.type-FELGEN-WheelSelect2 .column-group{
		display: grid;
		grid-template-columns: 72px 1fr;
		gap: 2px 10px;
		align-items: start;
		padding: 12px 10px 12px 40px;
		margin: 0;
	}
	.ws-board-list-box.type-FELGEN-WheelSelect2 .column-group > .column{ flex: none;}
	.ws-board-list-box.type-FELGEN-WheelSelect2 .column-group > .column:nth-child(1){ grid-column: 2; grid-row: 1; width: 100%; padding-left: 0 !important; flex-direction: column; justify-content: flex-start; align-items: stretch;}
	.ws-board-list-box.type-FELGEN-WheelSelect2 .column-group > .column:nth-child(1) .txt{ width: 100%; display: block; font-weight: 600; font-size: 14px; line-height: 18px; text-align: right !important; word-break: break-word;}
	.ws-board-list-box.type-FELGEN-WheelSelect2 .column-group > .column:nth-child(2){ grid-column: 2; grid-row: 2; width: 100%; padding-left: 0; flex-direction: column; justify-content: flex-start; align-items: stretch;}
	.ws-board-list-box.type-FELGEN-WheelSelect2 .column-group > .column:nth-child(2) .txt{ width: 100%; display: block; height: auto !important; font-size: 13px; line-height: 17px; text-align: right !important; word-break: break-word;}
	.ws-board-list-box.type-FELGEN-WheelSelect2 .column-group > .column:nth-child(3){ grid-column: 1; grid-row: 1 / span 3; display: flex !important; width: 72px; flex: none; align-self: start;}
	.ws-board-list-box.type-FELGEN-WheelSelect2 .column-group > .column:nth-child(3) .img{ width: 72px; height: 72px; background: no-repeat center center; background-size: contain; display: block;}
	.ws-board-list-box.type-FELGEN-WheelSelect2 .column-group > .column:nth-child(4){ grid-column: 1 / -1; grid-row: 4; width: 100%; flex: none; margin-top: 8px; order: unset;}
	.ws-board-list-box.type-FELGEN-WheelSelect2 .column-group > .column .num{ flex-wrap: wrap; gap: 4px;}
	.ws-board-list-box.type-FELGEN-WheelSelect2 .column-group > .column .num > span + span{ margin-left: 0;}
	.ws-board-list-box.type-FELGEN-WheelSelect2 .column-group > .column:last-child{ grid-column: 2; grid-row: 3; width: 100%; flex: none; align-items: stretch; margin-top: 0; order: unset;}
	.ws-board-list-box.type-FELGEN-WheelSelect2 .column-group > .column:last-child .txt{ width: 100%; display: block; font-weight: 700; font-size: 15px; line-height: 18px; word-break: break-word; text-align: right !important;}

	.step-list-box{ width: 100%; margin: 0;}

	.ws-border-box.type-bb2.type1 > .box-body .ws-dl-box.col2.type-dtW5 > dl + dl{ padding-left: 0 !important;}
	.ws-border-box.type-bb2.type1 > .box-body .ws-dl-box.col2.type-dtW5 > dl > dt{ width: 120px; margin-left: 0;}
	
	.ws-border-box.type-bb2.type1 > .box-body .ws-dl-box.type-dtW3 > dl{ flex-direction: column;}
	.ws-border-box.type-bb2.type1 > .box-body .ws-dl-box.type-dtW3 > dl > dt{ width: 136px;}
	.ws-border-box.type-bb2.type1 > .box-body .ws-dl-box.type-dtW3 > dl > dd{ width: 100%; margin-top: 5px;}

	.chat-room-box .chat{ padding: 20px 10px 20px 0;}
	.chat-room-box .select{ width: 140px;}
	.chat-room-box .select .active .link::before{ margin-left: 45px; top: 20px;}
	.chat-room-box .select .img{ width: 70px; height: 70px; background-size: 50% auto;}
	.chat-room-box .talk{ padding: 10px 20px;}
	.chat-room-box .talk .item + .item{ margin-top: 50px;}
	.chat-room-box .talk .content{ max-width: 300px;}
	.chat-room-box .input{ margin-top: 10px;}

	.car-select-box .wheel-search-tab .search-form{ height: auto;}
	.car-select-box .wheel-search-tab .btn a{ width: auto; line-height: 15px; display: flex; align-items: center; flex: 1;}
	.car-select-box .img-box{ width: 100%; height: 180px;}
	
	.car-info-box > .box-body .table-scroll .table-body table td{ line-height: 12px;}

	.auto-del-setting{ width: 424px;}

	.car-wheel-box .car360-box{ padding-top: 270px;}

	/*.ws-dl-box.type-dtW1 > dl > dt,
	.ws-dl-box[class*="type-dtW"] > dl > dt {width: 118px; width: auto !important; flex: 1 !important;}
	.ws-dl-box.type-dtW2 > dl > dt + dd,
	.ws-dl-box[class*="type-dtW"] > dl > dt + dd {flex: unset !important; min-width: 60% !important;  width: auto !important;}*/
	
	/*.ws-border-box.type-bb1 .box-body {padding: 12px 16px;}
	.ws-border-box.type-bb1 .box-body .ws-dl-box dt,
	.ws-border-box.type-bb1 .box-body .ws-dl-box.type-dtW1 dt,
	.ws-border-box.type-bb1 .box-body .ws-dl-box[class*="type-dtW"] dt {margin-left: 0;}
	.ws-border-box.type-bb1 .box-body .ws-dl-box + div {margin-top: 16px; margin-bottom: 0;}

	.ws-border-box.type-bb1 .box-body .ws-dl-box ~ div {padding-left: 0;}
	.ws-border-box.type-bb1.type1 .flex-sb > .ws-dlTxt-box,
	.ws-border-box.type-bb1.type1 .flex-sb > .ws-btn-box {margin: 4px 0;}
	.ws-border-box.type-bb1.type1 .ws-dlTxt-box dt.ws-type-dot ~ dd {margin-left: 10px;}
	.ws-border-box.type-bb1.type1 .box-body {padding: 12px 16px;}
	.ws-border-box.type-bb1.type2 .box-body .flex-sb {flex-direction: column;}
	.ws-border-box.type-bb1.type2 .box-body .flex-sb > div {width: 100%;}
	.ws-border-box.type-bb1.type2 .flex-sb > .ws-btn-box {margin: 8px 0;}
	.ws-border-box.type-bb1.type1 .box-body.type-only1Row {padding: 12px 16px;}

	.ws-border-box.type-bb1 + .ws-border-box.type-bb1,
	.ws-border-box[class*="type-bb"] + .ws-btn-box {margin-top: 32px;}*/
}

/*테블릿 한정*/
@media screen and (max-width: 1023px) and (min-width: 768px) {
	.ws-radioTab-box > .box-head {flex-wrap: wrap;}
	.ws-radioTab-box > .box-head .tab-btn {flex-basis: calc((100% / 3) - (4px / 3)); margin-bottom: 2px; border-radius: 0; flex: unset; width: calc((100% / 3) - (4px / 3)); word-break: break-word; padding: 4px 8px;}
	.ws-radioTab-box > .box-head .tab-btn:nth-of-type(3n) {margin-right: 0;}
}
@media (max-width: 880px) {
	.ws-detail-box .info-body .dl-row.col3 dl{ width: 100%;}

	.car-wheel-box{ height: auto; padding-top: 250px;}
	.car-wheel-box .car360-box{ padding-top: 20px;}
	.car-wheel-box .car360-box .img-box{ padding-top: 40%;}
	.car-wheel-box .car360-box > button{ width: 25%;}
	.car-wheel-box .car360-box > button.btn-left{ left: 20px;}
	.car-wheel-box .car360-box > button.btn-right{ right: 20px;}
	.car-wheel-box .wheel360-box{ width: auto; left: 10px;}
	.car-wheel-box .wheel360-box .img-box{ height: 160px;}

	.car-wheel-box .carOne-box { height: calc(100% - 250px);}
	.car-wheel-box .carOne-box .img-box {padding-top: 0;}
	.car-wheel-box .carOne-box .img-box img {top: 0;}

	.popup{ width: 100% !important;}
}

/*모바일 이하*/
@media screen and (max-width: 767px) {
	#contents .inner{ padding: 0 10px;}

	.flex-sb {flex-direction: column;}

	.ws-dl-box > dl {flex-direction: column;}
	.ws-dl-box > dl > *,
	.ws-dl-box.type-dtW1 > dl > dt,
	.ws-dl-box[class*="type-dtW"] > dl > dt {width: 100% !important; margin-left: 0;}
	.ws-border-box.type-bb1 .box-body .ws-dl-box dt {margin-left: 0 !important;}

	.ws-radioTab-box > .box-head {flex-wrap: wrap;}
	.ws-radioTab-box > .box-head .tab-btn {flex: unset; width: calc((100% / 3) - (4px / 3)); margin-bottom: 2px; border-radius: 0; word-break: break-word; padding: 4px 8px;}
	.ws-radioTab-box > .box-head .tab-btn:nth-of-type(3n) {margin-right: 0;}
	.ws-radioTab-box > .box-body{ margin-top: 20px;}

	.ws-tab-box .item{ width: 25%; flex: none;}
	.ws-tab-box .item:first-child{ border-radius: 6px 0 0 0;}
	.ws-tab-box .item:first-child a:hover::before{ border-radius: 6px 0 0 0;}
	.ws-tab-box .item:nth-child(4){ border-radius: 0 6px 0 0;}
	.ws-tab-box .item:nth-child(4) a:hover::before{ border-radius: 0 6px 0 0;}
	.ws-tab-box .item:nth-child(5),
	.ws-tab-box .item:nth-child(5) a:hover::before{ border-radius: 0;}
	.ws-tab-box .item:nth-child(6){ border-right: 0; border-radius: 0;}
	.ws-tab-box .item:nth-child(6) a:hover::before{ border-radius: 0;}
	.ws-tab-box .item:nth-child(7),
	.ws-tab-box .item:nth-child(7) a:hover::before{ border-radius: 0;}
	.ws-tab-box .item:nth-child(4),
	.ws-tab-box .item:nth-child(8){ border-right: 1px solid #ccc;}
	.ws-tab-box .item:nth-child(9),
	.ws-tab-box .item:nth-child(9) a:hover::before{ border-radius: 0 0 0 6px;}
	.ws-tab-box .item:nth-child(11){ width: 25.2%; border-radius: 0;}
	.ws-tab-box .item:nth-child(11) a:hover::before{ border-radius: 0;}
	.ws-tab-box .item:nth-child(n+5){ border-top: 0;}

	.slider-banner-box .slider-con{ padding: 20px 55px 66px 55px;}
	.slider-banner-box .slider-con .tit + .txt{ margin-top: 15px;}
	.slider-banner-box .slider-con .btn{ padding: 6px 45px 6px 24px;}
	.slider-banner-box .swiper-pagination .swiper-pagination-bullet{ width: 40px;}

	.slider-promotion-box .box-body{ overflow: visible;}
	.slider-promotion-box .box-body .promotion-con.banner2{ padding-right: 180px;}
	.slider-promotion-box .box-body .promotion-con.banner3{ height: calc(((100vw - 40px) * 65.7) / 100);}
	.slider-promotion-box .swiper-wrapper{ height: auto; flex-direction: column; position: static; transform: none !important; transition: none !important;}
	.slider-promotion-box .promotion-con{ width: 100%; height: calc(((100vw - 40px) * 65.7) / 100);}
	.slider-promotion-box .promotion-con + .promotion-con{ margin: 20px 0 0 0 !important;}
	.slider-promotion-box .promotion-con .con{ width: 100%;}
	.slider-promotion-box .promotion-con .txt2{ width: 100%;}
	.slider-promotion-box .swiper-button-next,
	.slider-promotion-box .swiper-button-prev{ display: none;}

	.layout-filter-board .ws-filter-box.hide{ top: -50px !important; z-index: 8;}

	#contents .contents-sub .sub-body:has( .inner .ws-wheel-slider) .layout-filter-board .ws-filter-box.hide{ top: -150px !important;}

	.ws-board-list-box > .box-head{ height: auto; padding: 10px 0 0 0; flex-wrap: wrap;}
	.ws-board-list-box > .box-head .list-info{ flex: 1;}
	.ws-board-list-box > .box-head .btn-box{ margin: 5px 0 5px 10px;}
	.ws-board-list-box > .box-head .btn-box .btn-ix{ padding: 0 10px;}
	.ws-board-list-box > .box-head > .flex-row{ align-items: flex-start;}
	.ws-board-list-box > .box-head .btn-vergleichen{ margin: 5px 0 0 0;}
	.ws-board-list-box .list-body{ margin: 10px 0 0 0;}
	.ws-board-list-box .list.acco-list .acco-head{ padding-left: 100px;}
	.ws-board-list-box .list.acco-list .acco-head .colgroup.nodata{ margin-left: -100px;}
	.ws-board-list-box #boardList:checked ~ .list-body .colgroup.col1,
	.ws-board-list-box #boardCard:checked ~ .list-body .colgroup.col1{ margin-top: -44px; position: absolute; top: 50%; left: 0;}
	.ws-board-list-box #boardList:checked ~ .list-body .colgroup.col2,
	.ws-board-list-box #boardCard:checked ~ .list-body .colgroup.col2{ top: 10px; left: 110px;}
	.ws-board-list-box #boardList:checked ~ .list-body .colgroup.col2 .logo,
	.ws-board-list-box #boardCard:checked ~ .list-body .colgroup.col2 .logo{ height: 24px;}
	.ws-board-list-box #boardList:checked ~ .list-body .colgroup.col3,
	.ws-board-list-box #boardCard:checked ~ .list-body .colgroup.col3{ padding: 34px 10px 100px 10px;}
	.ws-board-list-box #boardList:checked ~ .list-body .colgroup.col3 .tit .btn-promotion,
	.ws-board-list-box #boardCard:checked ~ .list-body .colgroup.col3 .tit .btn-promotion{ left: 10px; right: auto;}
	.ws-board-list-box #boardList:checked ~ .list-body .colgroup.col3 .tit .promotion-tooltip,
	.ws-board-list-box #boardCard:checked ~ .list-body .colgroup.col3 .tit .promotion-tooltip{ left: 40px; right: auto;}
	.ws-board-list-box #boardList:checked ~ .list-body .colgroup.col3 .tit .promotion-tooltip .tooltip-con,
	.ws-board-list-box #boardCard:checked ~ .list-body .colgroup.col3 .tit .promotion-tooltip .tooltip-con{ top: auto; right: auto; bottom: calc(100% + 6px); left: -15px; transform: none; width: max-content; max-width: min(480px, calc(100vw - 30px)); max-height: 160px;}
	.ws-board-list-box #boardList:checked ~ .list-body .colgroup.col3 .tit .promotion-tooltip .tooltip-con img,
	.ws-board-list-box #boardCard:checked ~ .list-body .colgroup.col3 .tit .promotion-tooltip .tooltip-con img{ max-width: min(480px, calc(100vw - 30px)); max-height: 160px;}
	.ws-board-list-box #boardList:checked ~ .list-body .colgroup.col3 .tit .promotion-tooltip .tooltip-btn:focus + .tooltip-con .tooltip-close,
	.ws-board-list-box #boardCard:checked ~ .list-body .colgroup.col3 .tit .promotion-tooltip .tooltip-btn:focus + .tooltip-con .tooltip-close{ top: auto; bottom: -30px; right: 0; left: auto;}
	.ws-board-list-box .list.acco-list .acco-head .tit .promotion-tooltip .tooltip-btn:focus + .tooltip-con .tooltip-close{ left: 0; right: auto;}
	.ws-board-list-box #boardList:checked ~ .list-body .colgroup.col4,
	.ws-board-list-box #boardCard:checked ~ .list-body .colgroup.col4{ left: 110px; bottom: 70px;}
	.ws-board-list-box #boardList:checked ~ .list-body .colgroup.col5,
	.ws-board-list-box #boardCard:checked ~ .list-body .colgroup.col5{ left: 150px; bottom: 70px;}
	.ws-board-list-box #boardList:checked ~ .list-body .colgroup.col6,
	.ws-board-list-box #boardCard:checked ~ .list-body .colgroup.col6{ left: 180px; bottom: 70px;}
	.ws-board-list-box #boardList:checked ~ .list-body .colgroup.col7,
	.ws-board-list-box #boardCard:checked ~ .list-body .colgroup.col7{ left: 210px; bottom: 70px;}
	.ws-board-list-box #boardList:checked ~ .list-body .colgroup.col9,
	.ws-board-list-box #boardCard:checked ~ .list-body .colgroup.col9{ width: 140px; justify-content: flex-start; position: absolute; left: 110px; bottom: 45px;}
	.ws-board-list-box #boardList:checked ~ .list-body .colgroup.col10,
	.ws-board-list-box #boardCard:checked ~ .list-body .colgroup.col10{ width: auto; padding-right: 0; position: absolute; right: 10px; bottom: 45px;}
	.ws-board-list-box #boardList:checked ~ .list-body .colgroup.col11,
	.ws-board-list-box #boardCard:checked ~ .list-body .colgroup.col11{ width: calc(100% - 120px);}

	.ws-board-list-box .list.acco-list .acco-list-box .acco-head .status{ width: auto; height: 20px; background-color: transparent; display: flex; align-items: center; position: static;}
	.ws-board-list-box .list.acco-list .acco-list-box .acco-head .status::before{ width: 14px; height: 14px; content: ''; border-radius: 7px;}
	.ws-board-list-box .list.acco-list .acco-list-box .acco-head .status.type1::before{ background-color: #68b466;}
	.ws-board-list-box .list.acco-list .acco-list-box .acco-head .status.type2::before{ background-color: #d14d38;}
	.ws-board-list-box .list.acco-list .acco-list-box .acco-head .status.type3::before{ background-color: #ecad00;}
	.ws-board-list-box .list.acco-list .acco-list-box .acco-head .status.txt-aubenlager::after,
	.ws-board-list-box .list.acco-list .acco-list-box .acco-head .status.txt-aubenlager::after{ width: 80px; margin-left: 5px; position: static; transform: none;}

	.ws-board-list-box .list.acco-list .acco-body .acco-table tbody td,
	.ws-cart-edit-box table tbody td{ min-height: 30px; padding-top: 0 !important; padding-right: 5px !important; padding-bottom: 0 !important;}
	.ws-board-list-box .list.acco-list .acco-body .acco-table tbody td::before{ min-height: 30px;}
	.ws-board-list-box .list.acco-list .acco-body .acco-table tbody td:nth-child(4){ display: none;}
	.ws-board-list-box .list.acco-list .acco-body .acco-table tbody tr{ border-color: #009ae1;}

	.ws-board-list-box .list.acco-list .acco-body .acco-table tbody td{ width: calc(100% - 5px);}
	.ws-board-list-box .list.acco-list .acco-body .btn a,
	.ws-board-list-box .list.acco-list .acco-body .btn label{ width: calc((100% - 16px) / 2); height: auto; line-height: 14px; padding: 4px; display: flex;}
	.ws-board-list-box .list.acco-list .acco-body .btn a:last-child{ width: calc((100% - 8px));}
	.ws-board-list-box .list.acco-list .acco-body .btn .wheel-form{ flex-direction: column;}
	.ws-board-list-box .list.acco-list .acco-body .btn .wheel-form > *{ width: 100%;}
	.ws-board-list-box .list.acco-list .acco-body .btn .wheel-form > * + *{ margin: 5px 0 0 0;}
	.ws-warenkorb-box > .box-head > .sb-right:first-child{ flex-direction: column;}

	.ws-board-list-box.type-ShoppingCartMgt .list-body .list.acco-list .acco-head{ padding: 60px 0 5px 5px;}
	.ws-board-list-box.type-ShoppingCartMgt .list-body .list.acco-list .acco-head .colgroup.col1{ top: 26px;}
	.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .info .detail{ padding-left: 10px;}
	.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .info .detail .txt{ width: auto; margin: 2px 15px 5px 0 !important;}
	.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .info .detail .txt + .txt{ margin-left: 0;}
	.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .set-list-box .delivery-info-box{ padding-left: 0; margin: 5px 0 0 0;}
	.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .set-list-box ~ .acco-list-box:last-child .acco-head{ padding-top: 16px;}
	.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .set-list-box ~ .acco-list-box .acco-head .colgroup.col4,
	.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .set-list-box ~ .acco-list-box:last-child .acco-head .colgroup.col4,
	.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .set-list-box ~ .acco-list-box:last-child .acco-head .colgroup.col5{ display: flex;}
	.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .set-list-box ~ .acco-list-box:last-child .acco-head .colgroup.col4 .acco-box > .acco-con{ margin: 0; flex-wrap: wrap;}
	.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .set-list-box ~ .acco-list-box:last-child .acco-head .colgroup.col4 .acco-box > .acco-con .select1.w240{ width: 100%; margin: 3px 0 0 0;}
	.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .set-list-box ~ .acco-list-box:last-child .acco-head .colgroup.col4 .acco-box > .acco-con .btn-type1{ width: 100%; padding: 0 10px 0 10px; margin: 3px 0 0 0;}

	.ws-board-list-box.type-ShoppingCartMgt .list-body .colgroup.col3{ width: 100%;}
	.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .detail + .bookmark-detail{ flex-wrap: wrap;}
	.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .detail + .bookmark-detail .select1.w240{ width: 140px;}
	.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .detail + .bookmark-detail .btn-type1{ width: 100%; margin: 5px 0 0 0;}
	.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .bookmark-detail .wheel-form{ width: 100%; flex: none;}
	.ws-board-list-box.type-ShoppingCartMgt .list.acco-list .acco-head .bookmark-detail .wheel-form + .select1{ width: 100% !important; margin: 5px 0 0 0;}

	.ws-board-list-box.type-QuoteMgt2 .acco-list .acco-head{ padding-left: 10px;}

	#quick-bottom{ padding: 0;}
	#quick-bottom .btn-page{ padding: 10px 3px 5px 2px;}
	#quick-bottom .btn-page button{ padding: 0 10px;}
	#quick-bottom .btn-page button,
	#quick-bottom .btn-page button + button,
	#quick-bottom .btn-page .select1,
	#quick-bottom .btn-page .select1 + button{ margin: 0 2px 5px 3px;}
	#quick-bottom .btn-page button .ico{ margin: 0;}
	#quick-bottom .btn-page button .ico.ico-prev::before,
	#quick-bottom .btn-page button .ico.ico-next::before{ margin-top: -5px;}
	#quick-bottom .total-price{ padding: 32px 10px 0 10px; flex-wrap: wrap;}
	#quick-bottom .total-price .info{ width: 100%; padding: 0; margin: 0 0 5px 0; border: 0; border-bottom: 1px solid #ccc; flex: none;}
	#quick-bottom .total-price .qty{ width: 50%; height: 40px; padding: 0 0 0 10px; margin: 0; border: 0; flex: none;}
	#quick-bottom .total-price .price{ width: 50%; height: 40px; padding: 0 10px 0 0; margin: 0; align-items: flex-end; border: 0; flex: none;}
	#quick-bottom .total-price .total{ width: 100%; padding: 0 10px 0 0; margin: 0; border: 0; border-bottom: 1px solid #ccc; flex: none;}
	#quick-bottom .total-price .qty .spinner{ width: 100%;}
	#quick-bottom .total-price + .btn-page{ padding: 10px 10px 5px 10px;}
	#quick-bottom .total-price + .btn-page button,
	#quick-bottom .total-price + .btn-page .select1{ width: 100%; margin: 0 0 5px 0;}
	#quick-bottom .total-price + .btn-page .select1{ min-width: 100%; text-align: center;}

	.ws-board-list-box.type-OrderHisList3 .item-head{ padding-right: 140px; padding-bottom: 45px; flex-direction: column; align-items: flex-start; position: relative;}
	.ws-board-list-box.type-OrderHisList3 .item-head .info-box{ flex-wrap: wrap; justify-content: flex-start;}
	.ws-board-list-box.type-OrderHisList3 .item-head .info-box .num + .txt{ flex: 1;}
	.ws-board-list-box.type-OrderHisList3 .item-head .info-box .btn-Details{ background-image: none; text-align: center; margin: 0; display: inline-flex; justify-content: center; position: absolute; right: 10px; bottom: 10px; left: 10px;}
	.ws-board-list-box.type-OrderHisList3 .item-head .info-box .btn-Details::before{ width: 16px; height: 100%; background: url(../../front/images/ico/ico-depTitle-w9.png) no-repeat center center; background-size: auto 15px; content: ''; margin-right: 5px;}
	.ws-board-list-box.type-OrderHisList3 .item-head .state-box{ width: 120px; position: absolute; top: 10px; right: 10px;}
	.ws-board-list-box.type-OrderHisList3 .item-head .state{ width: 100%; padding: 0;}
	.ws-board-list-box.type-OrderHisList3 .item-body .info-box{ padding-bottom: 30px; flex-direction: column; align-items: flex-start;}
	.ws-board-list-box.type-OrderHisList3 .item-body .info-box > .txt-box{ display: flex; flex-direction: column;}
	.ws-board-list-box.type-OrderHisList3 .item-body .info-box .txt-box > .txt{ padding: 0 0 3px 0; margin: 0; white-space: normal;}
	.ws-board-list-box.type-OrderHisList3 .item-body .info-box + .border-box{ margin-top: 10px;}
	.ws-board-list-box.type-OrderHisList3 .item-body .btn-txt{ bottom: 0;}
	.ws-board-list-box.type-OrderHisList3 .item-body .border-box{ width: 100%;}
	.ws-board-list-box.type-OrderHisList3 .item-body .border-box .txt-box{ padding: 2px 0 4px 0; flex-wrap: nowrap;}
	.ws-board-list-box.type-OrderHisList3 .item-body .border-box .txt-box > * { padding: 0;}
	.ws-board-list-box.type-OrderHisList3 .item-body .border-box .txt-box .btn-box{ width: 40px;}
	.ws-board-list-box.type-OrderHisList3 .item-body .border-box .txt-box .btn-box + .txt{ width: 26%;}
	.ws-board-list-box.type-OrderHisList3 .item-body .border-box .txt-box .btn-box + .txt + .txt{ flex: 1;}
	.ws-board-list-box.type-OrderHisList3 .item-body .border-box .txt-box > .txt:first-child,
	.ws-board-list-box.type-OrderHisList3 .item-body .border-box .txt-box > .txt:first-child ~ .txt{ flex: 1;}
	.ws-board-list-box.type-OrderHisList3 .item-body .border-box .txt-box .txt dd{ margin: 0;}

	.ws-board-list-box.type-DeliveryOption .acco-list .acco-head{ padding-left: 10px;}
	.ws-board-list-box.type-DeliveryOption .acco-list .acco-head .colgroup{ padding-left: 130px !important;}
	.ws-board-list-box.type-DeliveryOption .acco-list .acco-head .colgroup::before{ width: 120px;}

	.ws-board-list-box.type-DeliveryOption2 .acco-list .acco-head{ padding-left: 10px;}
	.ws-board-list-box.type-DeliveryOption2 .acco-list .acco-head .colgroup{ padding-left: 140px !important;}
	.ws-board-list-box.type-DeliveryOption2 .acco-list .acco-head .colgroup::before{ width: 130px;}

	.ws-board-list-box.type-DeliveryOption3 .acco-list .acco-head{ padding-left: 10px;}

	.ws-board-list-box.type-OrderComplete .box-head .txt-row{ flex-direction: column;}
	.ws-board-list-box.type-OrderComplete .box-head .txt-row dl + dl{ margin: 0;}
	.ws-board-list-box.type-OrderComplete .acco-list .acco-head{ padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 45px;}
	.ws-board-list-box.type-OrderComplete .acco-list .acco-head .colgroup + .colgroup{ margin: 0 0 5px 0;}
	.ws-board-list-box.type-OrderComplete .acco-list .acco-head .colgroup:last-child{ margin: 0;}
	.ws-board-list-box.type-OrderComplete .acco-list .acco-head .colgroup.col1{ top: 5px;}
	.ws-board-list-box.type-OrderComplete .acco-list .acco-head .colgroup.col3{ min-height: 30px;}
	.ws-board-list-box.type-OrderComplete .acco-list .acco-head .colgroup.col3 .txt{ width: auto;}

	.ws-board-list-box.type-TireSelectMotorcycle #boardList:checked ~ .list-body .colgroup.col4,
	.ws-board-list-box.type-TireSelectMotorcycle #boardCard:checked ~ .list-body .colgroup.col4{ width: 30px !important; height: 26px; justify-content: center; left: 100px;}
	.ws-board-list-box.type-TireSelectMotorcycle #boardList:checked ~ .list-body .colgroup.col5,
	.ws-board-list-box.type-TireSelectMotorcycle #boardCard:checked ~ .list-body .colgroup.col5{ left: 140px;}
	.ws-board-list-box.type-TireSelectMotorcycle #boardList:checked ~ .list-body .colgroup.col6,
	.ws-board-list-box.type-TireSelectMotorcycle #boardCard:checked ~ .list-body .colgroup.col6{ left: 180px;}
	.ws-board-list-box.type-TireSelectMotorcycle #boardList:checked ~ .list-body .colgroup.col8,
	.ws-board-list-box.type-TireSelectMotorcycle #boardCard:checked ~ .list-body .colgroup.col8{ width: 140px !important; justify-content: flex-start; position: absolute; left: 110px; bottom: 45px;}
	.ws-board-list-box.type-TireSelectMotorcycle #boardList:checked ~ .list-body .colgroup.col9,
	.ws-board-list-box.type-TireSelectMotorcycle #boardCard:checked ~ .list-body .colgroup.col9{ width: auto !important; padding: 0; position: absolute; right: 40px; bottom: 45px; left: auto;}
	.ws-board-list-box.type-TireSelectMotorcycle #boardList:checked ~ .list-body .colgroup.col10,
	.ws-board-list-box.type-TireSelectMotorcycle #boardCard:checked ~ .list-body .colgroup.col10{ width: calc(100% - 150px) !important; bottom: 10px; right: 40px;}
	.ws-board-list-box.type-TireSelectMotorcycle .list.acco-list .colgroup.col11 .btn-down{ top: -77px;}

	.ws-board-list-box.type-FELGEN-WheelSelect .list.acco-list .acco-head{ padding: 10px 0 10px 100px;}
	.ws-board-list-box.type-FELGEN-WheelSelect #boardList:checked ~ .list-body .colgroup.col3,
	.ws-board-list-box.type-FELGEN-WheelSelect #boardCard:checked ~ .list-body .colgroup.col3{ padding-bottom: 70px;}
	.ws-board-list-box.type-FELGEN-WheelSelect #boardList:checked ~ .list-body .colgroup.col5,
	.ws-board-list-box.type-FELGEN-WheelSelect #boardCard:checked ~ .list-body .colgroup.col5{ padding: 0; margin: 0; justify-content: flex-start; position: absolute; left: 110px; bottom: 50px;}
	.ws-board-list-box.type-FELGEN-WheelSelect #boardList:checked ~ .list-body .colgroup.col6,
	.ws-board-list-box.type-FELGEN-WheelSelect #boardCard:checked ~ .list-body .colgroup.col6{ width: auto; padding: 0; margin: 0; position: absolute; left: auto; bottom: 50px; right: 10px;}

	.ws-board-list-box.type-CompleteWheelRDKS .list-body .acco-list-box .acco-head .colgroup.col1{ width: 100px; position: absolute; top: 20px; left: 0;}
	.ws-board-list-box.type-CompleteWheelRDKS .list-body .acco-list-box .acco-head .colgroup.col2{ top: 10px; left: 110px;}
	.ws-board-list-box.type-CompleteWheelRDKS .list-body .acco-list-box .acco-head .colgroup.col3{ padding: 20px 10px 80px 10px;}
	.ws-board-list-box.type-CompleteWheelRDKS .list-body .acco-list-box .acco-head .colgroup.col4{ width: 60px; left: 110px; bottom: 65px;}
	.ws-board-list-box.type-CompleteWheelRDKS .list-body .acco-list-box .acco-head .colgroup.col5{ width: 30px; left: 180px; bottom: 65px;}
	.ws-board-list-box.type-CompleteWheelRDKS .list-body .acco-list-box .acco-head .colgroup.col6{ width: 60px; left: 210px; bottom: 65px;}
	.ws-board-list-box.type-CompleteWheelRDKS .list-body .acco-list-box .acco-head .colgroup.col7{ left: 280px; bottom: 65px;}
	.ws-board-list-box.type-CompleteWheelRDKS .list-body .acco-list-box .acco-head .colgroup.col8{ padding: 0; justify-content: flex-start; position: absolute; left: 110px; bottom: 40px;}
	.ws-board-list-box.type-CompleteWheelRDKS .list-body .acco-list-box .acco-head .colgroup.col9{ width: auto; padding: 0; position: absolute; right: 10px; bottom: 40px;}
	.ws-board-list-box.type-CompleteWheelRDKS .list-body .acco-list-box .acco-head .colgroup.col10{ width: auto; left: 10px; right: 10px;}
	.ws-board-list-box.type-CompleteWheelRDKS .list.acco-list .boardList:checked + .acco-box{ margin: 0;}
	.ws-board-list-box.type-CompleteWheelRDKS .list.acco-list .boardList:checked + .acco-box::before{ left: 0; right: 0;}

	.ws-board-list-box.type-CompleteWheelTire .list-body .acco-head{ padding: 0;}
	.ws-board-list-box.type-CompleteWheelTire .list-body .colgroup.col2{ left: 25px;}
	.ws-board-list-box.type-CompleteWheelTire .list-body .colgroup.col3{ padding: 50px 10px 110px 25px;}
	.ws-board-list-box.type-CompleteWheelTire .list-body .colgroup.col4,
	.ws-board-list-box.type-CompleteWheelTire .list-body .colgroup.col5,
	.ws-board-list-box.type-CompleteWheelTire .list-body .colgroup.col6,
	.ws-board-list-box.type-CompleteWheelTire .list-body .colgroup.col7{ bottom: 70px;}
	.ws-board-list-box.type-CompleteWheelTire .list-body .colgroup.col8{ justify-content: flex-start; position: absolute; bottom: 40px; left: 25px;}
	.ws-board-list-box.type-CompleteWheelTire .list-body .colgroup.col9{ width: auto; position: absolute; bottom: 40px; right: 10px;}
	.ws-board-list-box.type-CompleteWheelTire .list-body .colgroup.col10{ width: auto; left: 25px;}

	.ws-board-list-box.type-CompleteWheelService .list.acco-list .acco-head{ min-height: 60px; padding: 40px 10px 10px 10px; flex-direction: column;}
	.ws-board-list-box.type-CompleteWheelService .list-body .colgroup p{ width: auto; margin: 0 0 0 10px; flex: 1;}
	.ws-board-list-box.type-CompleteWheelService .list.acco-list .acco-head .colgroup.col1{ width: auto; position: absolute; top: 10px; left: 10px;}
	.ws-board-list-box.type-CompleteWheelService .list.acco-list .acco-head .colgroup.col2,
	.ws-board-list-box.type-CompleteWheelService .list.acco-list .acco-head .colgroup.col3,
	.ws-board-list-box.type-CompleteWheelService .list.acco-list .acco-head .colgroup.col4{ width: 100%; flex-direction: row; justify-content: flex-start;}
	.ws-board-list-box.type-CompleteWheelService .list.acco-list .acco-head .colgroup.col2::before,
	.ws-board-list-box.type-CompleteWheelService .list.acco-list .acco-head .colgroup.col3::before,
	.ws-board-list-box.type-CompleteWheelService .list.acco-list .acco-head .colgroup.col4::before{ width: 110px; padding: 0;}
	.ws-board-list-box.type-CompleteWheelService .list.acco-list .acco-head .colgroup.col3,
	.ws-board-list-box.type-CompleteWheelService .list.acco-list .acco-head .colgroup.col4{ margin-top: 10px;}
	.ws-board-list-box.type-CompleteWheelService .list.acco-list .acco-head .colgroup.col4 .preis{ font-size: 18px; text-align: left; line-height: 20px;}

	.ws-board-list-box.type-CompleteWheelService2 .list.acco-list .acco-head{ min-height: 60px; padding: 10px; flex-direction: column;}
	.ws-board-list-box.type-CompleteWheelService2 .list-body .colgroup p{ width: auto; margin: 0 0 0 10px; flex: 1;}
	.ws-board-list-box.type-CompleteWheelService2 .list.acco-list .acco-head .colgroup.col1,
	.ws-board-list-box.type-CompleteWheelService2 .list.acco-list .acco-head .colgroup.col2,
	.ws-board-list-box.type-CompleteWheelService2 .list.acco-list .acco-head .colgroup.col3,
	.ws-board-list-box.type-CompleteWheelService2 .list.acco-list .acco-head .colgroup.col4{ width: 100%; flex-direction: row; justify-content: flex-start;}
	.ws-board-list-box.type-CompleteWheelService2 .list.acco-list .acco-head .colgroup.col1::before,
	.ws-board-list-box.type-CompleteWheelService2 .list.acco-list .acco-head .colgroup.col2::before,
	.ws-board-list-box.type-CompleteWheelService2 .list.acco-list .acco-head .colgroup.col3::before{ width: 110px; padding: 0;}
	.ws-board-list-box.type-CompleteWheelService2 .list.acco-list .acco-head .colgroup.col2,
	.ws-board-list-box.type-CompleteWheelService2 .list.acco-list .acco-head .colgroup.col3,
	.ws-board-list-box.type-CompleteWheelService2 .list.acco-list .acco-head .colgroup.col4{ margin-top: 10px;}
	.ws-board-list-box.type-CompleteWheelService2 .list.acco-list .acco-head .colgroup.col3 .preis{ font-size: 18px; text-align: left; line-height: 20px;}
	
	.ws-board-list-box.type-CompleteWheelDet .list.acco-list .acco-head{ padding: 10px 0;}

	.ws-board-list-box.type-DeliveryAddressMgt .acco-list .acco-head{ padding: 10px 40px 10px 10px;}
	.ws-board-list-box.type-DeliveryAddressMgt .list.acco-list .acco-head .colgroup.col7{ width: 40px;}
	
	.ws-board-list-box.type-PermissionMgt .list.acco-list .acco-head{ padding: 10px;}
	.ws-board-list-box.type-PermissionMgt .list.acco-list .acco-head .colgroup{ align-items: flex-start;}
	.ws-board-list-box.type-PermissionMgt .list.acco-list .acco-head .txt{ text-align: left; line-height: 16px; flex: 1;}
	
	.ws-board-list-box.type-Auftragshistorie .list.acco-list .acco-head{ padding: 10px;}
	.ws-board-list-box.type-Auftragshistorie .list.acco-list .acco-head .colgroup{ align-items: flex-start;}
	.ws-board-list-box.type-Auftragshistorie .list.acco-list .acco-head .txt{ text-align: left; line-height: 16px; flex: 1;}
	
	.ws-board-list-box.type-QuoteMgt .acco-list .acco-head{ padding: 10px 40px 10px 10px;}
	.ws-board-list-box.type-QuoteMgt .list.acco-list .acco-head .colgroup{ align-items: flex-start;}
	.ws-board-list-box.type-QuoteMgt .list.acco-list .acco-head .colgroup.col7{ width: 40px;}
	.ws-board-list-box.type-QuoteMgt .list.acco-list .acco-head .txt{ text-align: left; line-height: 16px; flex: 1;}

	.ws-board-list-box.type-QuoteList .acco-list .acco-head{ padding: 10px;}

	.ws-board-list-box.type-ContentList > .box-head{ flex-wrap: wrap; align-items: flex-end; justify-content: flex-end;}
	.ws-board-list-box.type-ContentList > .box-head > .form-box{ justify-content: flex-end;}
	.ws-board-list-box.type-ContentList > .box-head > .form-box dl{ display: block;}

	.ws-board-list-box.type-OrderHisList .acco-list .colgroup.col8 .tooltip-box .tool-con{ width: 270px; top: 26px; right: 0; transform: none;}
	.ws-board-list-box.type-OrderHisList .acco-list .colgroup.col8 .tooltip-box .tool-con .tool-close{ margin: 0; top: -26px; right: 0;}

	.filterGroup{ flex-wrap: wrap;}
	.filterGroup span{ padding: 0 5px;}
	.filterGroup label{ width: calc((100% - 4px) / 2);}
	.filterGroup label:nth-child(2n+1){ margin-left: 0;}
	.filterGroup label:nth-child(n+3){ margin-top: 4px;}

	.ws-warenkorb-box .tit-box{ flex-wrap: wrap; justify-content: flex-end;}
	.ws-warenkorb-box .tit-box .tit{ font-size: 15px; line-height: 15px; display: flex; flex: 1; align-items: center;}

	.border-info-box{ padding: 10px;}
	.border-info-box .info-btn{ padding-top: 10px; margin-top: 20px;}
	.border-info-box .info-btn button{ padding: 4px 0 !important; flex: 1;}
	.border-info-box .info-btn button + button{ margin-left: 5px;}

	.ComparisonList-box{ padding: 0 4px; position: relative; z-index: 0;}
	.ComparisonList-box::before{ width: 88px; background-color: #fff; content: ''; position: absolute; top: 50px; left: 0; bottom: 8px; z-index: 1;}
	.ComparisonList-box .paging-box + table{ margin-top: 0;}
	.ComparisonList-box table{ width: 100%; margin-top: 50px; display: flex; flex-direction: column; overflow-x: auto;}
	.ComparisonList-box colgroup{ display: none;}
	.ComparisonList-box thead,
	.ComparisonList-box tbody{ display: flex; flex-direction: column;}
	.ComparisonList-box tr{ width: 638px; padding-left: 84px; display: flex;}
	.ComparisonList-box tr > *{ display: flex; flex: 1; align-items: center; justify-content: center;}
	.ComparisonList-box tr > *:first-child{ width: 80px; word-break: break-all; line-height: 14px; padding: 0 4px; position: absolute; left: 4px; z-index: 2;}
	.ComparisonList-box tr > *:nth-child(2) ~ *{ margin-left: 4px;}
	.ComparisonList-box tbody tr{ padding-left: 88px;}
	.ComparisonList-box tbody td{ min-height: 48px; height: auto; display: flex; align-items: flex-start;}

	.popup-wrap:not(.windowtype){ padding: 10px;}
	.popup .pop-cont{ padding: 8px 10px 10px;}
	.popup .pop-foot{ padding: 0 10px 10px;}
	.popup .pop-foot .btn-ix{ min-width: auto; height: 52px; padding: 10px; flex: 1;}
	.popup .pop-foot .btn-ix + .btn-ix{ margin-left: 5px;}
	.popup .pop-foot .btn-ix .txt{ line-height: 16px; word-break: break-all;}
	.changeCompanyData-box .box-body{ padding: 0 15px;}
	.ws-join-check{ flex-wrap: wrap;}

	.ws-detail-box > .box-body{ padding: 10px; flex-direction: column;}
	.ws-detail-box .body-left{ width: 100%; justify-content: center;}
	.ws-detail-box .body-left .img{ width: 100%; margin-bottom: 20px;}
	.ws-detail-box .body-right{ margin: 0;}
	.ws-detail-box .info-head .tit .tit1 + .tit2{ width: 100%;}
	.ws-detail-box .body-right .tire-info{ width: 100%; margin: 10px 0 0 0; position: static;}
	.ws-detail-box .body-right .tooltip-tire-info.active .box{ width: 130px;}
	.ws-detail-box .body-right .tooltip-tire-info.active .txt{ width: 130px !important;}
	.ws-detail-box .body-right .tooltip-tire-info.active .txt:nth-child(1n + 1){ border-left: 1px solid #ccc;}
	.ws-detail-box .body-right .tooltip-tire-info.active .txt:nth-child(n + 2){ border-top: 0;}
	.ws-detail-box .body-right .tooltip-tire-info.active .tool-close{ margin-left: -10px; top: auto; left: 50%; bottom: -10px;}
	.ws-detail-box .info-body .dl-row.col3 dl{ width: 100%;}
	.ws-detail-box .info-foot .foot-btn .btn{ padding: 8px; flex: 1;}
	.ws-detail-box .info-foot .foot-btn .btn + .btn{ margin-left: 5px;}
	.ws-detail-box > .box-foot .guide-box{ padding: 10px;}
	.ws-detail-box > .box-foot .guide-box .guide-detail dl:nth-child(2) table colgroup col:nth-child(1){ width: 90px !important;}
	.ws-detail-box > .box-foot .guide-box .guide-detail dl:nth-child(2) table colgroup col:nth-child(2){ width: 70px !important;}
	.ws-detail-box > .box-foot .guide-box .guide-detail dl table td{ word-break: break-all;}

	.price-list table colgroup col:nth-child(1){ width: 30px !important;}
	.price-list table colgroup col:nth-child(3){ width: auto !important;}
	.price-list table colgroup col:nth-child(4){ width: auto !important;}
	.price-list table th,
	.price-list table td{ word-break: break-all; line-height: 15px; padding: 5px !important;}

	.ws-info-box > .box-body{ flex-direction: column;}
	.ws-info-box .tire-label-box{ width: 100%; background-position: center center; margin: 20px 0 0 0; position: static;}
	.ws-description-box .guide-box{ padding: 10px;}

	.order-total-box dd{ padding-right: 5px;}

	.orderNum-list{ width: 100%;}

	.OrderCommentReg-box > .box-body{ flex-direction: column-reverse;}
	.OrderCommentReg-box > .box-body .order-info-list{ width: 100%; margin: 0;}

	.wheel-search-tab > .tab-btn a{ min-height: 66px; line-height: 16px; padding-left: 20px; display: flex; align-items: center;}
	.wheel-search-tab > .tab-btn a::before{ left: 10px;}
	.wheel-search-tab .btn .search-history-box .search-history-list{ height: 150px; margin-left: -202px; left: 50%; right: auto;}

	.select-vehicle-model-tab > .tab-btn{ width: 100%;}
	.select-vehicle-model-tab > .tab-btn a{ min-height: 40px; text-align: center; line-height: 16px; display: flex; align-items: center; justify-content: center;}

	.ws-wheel-slider{ margin-bottom: 10px;}
	.ws-wheel-slider .car-info-bg > p{ width: 100%; padding: 10px 80px 10px 10px;}
	.ws-wheel-slider .car-info-bg .btn-zoom{ top: 10px; right: 5px;}
	.ws-wheel-slider .car-info-bg .car360-box{ padding-top: 110px; padding-right: 50px;}
	.ws-wheel-slider .car-info-bg.mode-2d-img .carOne-box{ padding-top: 0; padding-right: 0; top: auto; bottom: 0;}
	.ws-wheel-slider .car-info-bg.mode-2d-msg .carOne-box{ padding-top: 0; padding-right: 0; top: 0; bottom: 0;}
	.ws-wheel-slider .car360-box .color-box{ overflow-y: auto; top: 55px; right: 5px; bottom: 10px; z-index: 6;}
	.ws-wheel-slider .car360-box > button{ width: 100px;}
	.ws-wheel-slider .car360-box > button.btn-left{ height: auto; left: 10px; bottom: -10px;}
	.ws-wheel-slider .car360-box > button.btn-right{ height: auto; right: 55px; bottom: -10px;}

	.ws-border-box.type-bb1.type1 .box-body{ padding-left: 12px;}

	.ws-border-box.type-bb2.type1 > .box-body .ws-dl-box.col2.type-dtW5 > dl > dd{ margin: 0;}
	.ws-radioTab-box > .box-body > .ws-border-box.type-bb2 ~ .flex-row{ flex-direction: column;}
	.ws-radioTab-box > .box-body > .ws-border-box.type-bb2 ~ .flex-row > .ws-border-box.type-bb2.type1{ width: 100% !important;}
	.ws-radioTab-box > .box-body > .ws-border-box.type-bb2 ~ .flex-row > .ws-border-box.type-bb2.type1 + .ws-border-box.type-bb2.type1{ padding: 18px 0; margin: 0;}
	.ws-radioTab-box > .box-body > .ws-border-box.type-bb2 ~ .flex-row > .ws-border-box[class*="type-bb"] .box-head{ margin-bottom: 10px;}
	.flex-row > .ws-border-box.type-bb2 + .ws-border-box.type-bb2::before { display: none;}

	.img-type-chkGroup label{ flex: 1;}
	.img-type-chkGroup label + label{ margin: 0 0 0 5px;}
	.img-type-chkGroup label span{ background-size: auto calc(100% - 26px); padding: 67% 0 0 0;}
	
	.auto-del-setting{ width: 100%;}

	.auto-del-setting label,
	.auto-del-setting label span{ width: 100%;}

	.contact-box{ width: 100%;}

	.img-select-box{ padding: 30px 10px;}
	.img-select-box .list{ justify-content: flex-start;}
	.img-select-box .list .item{ width: calc(50% - 5px); margin: 0; flex: none;}
	.img-select-box .list .item + .item{ margin-left: 10px;}
	.img-select-box .list .item:nth-child(2n+1){ margin-left: 0;}
	.img-select-box .list .item:nth-child(n+3){ margin-top: 10px;}
	.img-select-box .select{ width: 100%;}
	.img-select-box .select .img{ height: auto; padding-bottom: 26%;}
	.img-select-box .select .txt{ width: 100%; height: auto; font-size: 14px; padding-top: 30%; padding-bottom: 5px; border-width: 2px; border-radius: 10px;}
	.img-select-box .select .txt::before{ width: 18px; height: 18px; top: 10px;}
	.img-select-box .btn{ margin-top: 10px;}

	.chat-room-box .chat{ padding: 10px 5px; flex-direction: column;}
	.chat-room-box .select{ width: 100%; padding: 10px 0; border: 0; border-bottom: 1px solid #ccc;}
	.chat-room-box .select .list{ flex-direction: row; justify-content: center;}
	.chat-room-box .select .item + .item{ margin: 0 0 0 20px;}
	.chat-room-box .select .active .link::before{ background-size: 70% auto; margin-left: 30px; top: 15px;}
	.chat-room-box .select .img{ width: 50px; height: 50px;}
	.chat-room-box .select .name{ font-size: 12px; margin-top: 5px;}
	.chat-room-box .talk{ padding: 10px;}
	.chat-room-box .talk .item{ flex-direction: column;}
	.chat-room-box .talk .item.me{ align-items: flex-end;}
	.chat-room-box .talk .item.you .name{ background-position: left top; padding-top: 35px; display: inline-block;}
	.chat-room-box .talk .name{ margin: 0 0 5px 0;}
	.chat-room-box .talk .content{ max-width: 80%; padding: 0 10px; border-radius: 10px;}
	.chat-room-box .talk .content > .txt{ margin: 5px 0;}
	.chat-room-box .talk .file{ padding: 5px 35px 5px 0;}
	.chat-room-box .input{ padding: 5px;}
	.chat-room-box .input .name{ height: 60px; padding: 5px 0 5px 5px; display: flex; align-items: center;}
	.chat-room-box .input .content{ height: 60px; line-height: 16px; padding: 5px 0 5px 5px;}
	.chat-room-box .input .enter{ width: 30px; height: 30px; background-size: 30px auto;}
	.chat-room-box .util{ padding-right: 0; margin-top: 10px;}
	.chat-room-box .util a{ width: 36px; height: 36px; background-size: 55% auto; border-radius: 5px;}

	.car-info-box > .box-body{ flex-direction: column;}
	.car-info-box > .box-body > div:first-child{ width: 100%;}
	.car-info-box > .box-body > div + div{ margin: 10px 0 0 0;}
	.car-info-box > .box-body .table-scroll{ height: 300px; flex: none;}
	.car-info-box > .box-body .dl-col-box.type3 > dl > dt{ width: 120px;}
	.car-info-box > .box-body .dl-col-box.type3 > dl > dd{ word-break: break-all;}

	.ws-border-box .box-body.boxTable-body .boxTable-contBody > .ws-table.type-list{ min-width: 100%; width: 100%; display: flex; flex-direction: column; border: 0;}
	.ws-border-box .box-body.boxTable-body .boxTable-contBody > .ws-table.type-list colgroup{ display: none;}
	.ws-border-box .box-body.boxTable-body .boxTable-contBody > .ws-table.type-list thead{ display: none;}
	.ws-border-box .box-body.boxTable-body .boxTable-contBody > .ws-table.type-list tbody{ display: flex; flex-direction: column;}
	.ws-border-box .box-body.boxTable-body .boxTable-contBody > .ws-table.type-list tr{ padding: 10px; display: flex; flex-direction: column; border: 1px solid #ddd; border-radius: 10px; position: relative;}
	.ws-border-box .box-body.boxTable-body .boxTable-contBody > .ws-table.type-list tr + tr{ margin-top: 10px;}
	.ws-border-box .box-body.boxTable-body .boxTable-contBody > .ws-table.type-list tr td{ height: auto; text-align: left; padding: 0; display: flex; flex-direction: column; border: 0;}
	.ws-border-box .box-body.boxTable-body .boxTable-contBody > .ws-table.type-list tr td > div{ text-align: left !important; padding: 0; margin: 2px 0 10px 0; justify-content: flex-start !important;}
	.ws-border-box .box-body.boxTable-body .boxTable-contBody > .ws-table.type-list tr td:nth-child(1)::before{ width: 100%; font-weight: 600; font-size: 14px; color: #000; content: 'Bezeichnung :'; line-height: 20px; display: block;}
	.ws-border-box .box-body.boxTable-body .boxTable-contBody > .ws-table.type-list tr td:nth-child(2)::before{ width: 100%; font-weight: 600; font-size: 14px; color: #000; content: 'Zusatz :'; line-height: 20px; display: block;}
	.ws-border-box .box-body.boxTable-body .boxTable-contBody > .ws-table.type-list tr td:nth-child(3)::before{ width: 100%; font-weight: 600; font-size: 14px; color: #000; content: 'Ihr EK-Preis (ohne MwSt.) :'; line-height: 20px; display: block;}
	.ws-border-box .box-body.boxTable-body .boxTable-contBody > .ws-table.type-list tr td:nth-child(4)::before{ width: 100%; font-weight: 600; font-size: 14px; color: #000; content: 'Ihr VK-Preis (ohne MwSt.) :'; line-height: 20px; display: block;}
	.ws-border-box .box-body.boxTable-body .boxTable-contBody > .ws-table.type-list tr td:nth-child(4) > div{ margin-bottom: 0;}
	.ws-border-box .box-body.boxTable-body .boxTable-contBody > .ws-table.type-list tr:last-child{ padding: 0; border: 0;}
	.ws-border-box .box-body.boxTable-body .boxTable-contBody > .ws-table.type-list tr:last-child td::before{ display: none;}
	.ws-border-box .box-body.boxTable-body .boxTable-contBody > .ws-table.type-list .btn-ix{ position: absolute; bottom: 13px; right: 13px;}
	.ws-border-box .box-body.boxTable-body .boxTable-contBody > .ws-table.type-list .btn-ix.type-add1{ position: static;}

	.b2c .ws-board-list-box .list.acco-list .acco-head .preis br{ display: none;}
	.b2c .ws-board-list-box .list.acco-list .acco-head .preis .preis-sm{ display: inline-block;}

	/*.ws-radioTab-box > .tab-moBtn {display: block; text-indent: -9999px;}
	.ws-radioTab-box > .box-head {width: 100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start;
        position: absolute; top: 0; left: 0; right: 0;}
	.ws-radioTab-box > .box-head .tab-btn {width: 100%; margin-right: 0; border: 0 none; justify-content: flex-start;}
	.ws-radioTab-box > .box-head .tab-btn::before {content: none;}

	.ws-radioTab-box > .box-head .tab-btn {display: none;}
	.ws-radioTab-box #rt1:checked ~ .box-head .tab-btn.tab1 {display: flex;}
	.ws-radioTab-box #rt2:checked ~ .box-head .tab-btn.tab2 {display: flex;}
	.ws-radioTab-box #rt3:checked ~ .box-head .tab-btn.tab3 {display: flex;}
	.ws-radioTab-box #rt4:checked ~ .box-head .tab-btn.tab4 {display: flex;}
	.ws-radioTab-box #rt5:checked ~ .box-head .tab-btn.tab5 {display: flex;}
	.ws-radioTab-box #rt6:checked ~ .box-head .tab-btn.tab6 {display: flex;}
	.ws-radioTab-box.tabMenuOpen .tab-btn {display: flex;}*/
}
@media (max-width: 579px) {
	.ws-tab-box .item.tab1 a{ background-size: 44px auto;}
	.ws-tab-box .item.tab2 a{ background-size: 64px auto;}
	.ws-tab-box .item.tab3 a{ background-size: 50px auto;}
	.ws-tab-box .item.tab4 a{ background-size: 50px auto;}
	.ws-tab-box .item.tab5 a{ background-size: 50px auto;}
	.ws-tab-box .item.tab6 a{ background-size: 55px auto;}
	.ws-tab-box .item.tab7 a{ background-size: 35px auto;}
	.ws-tab-box .item.tab8 a{ background-size: 55px auto;}
	.ws-tab-box .item.tab9 a{ background-size: 40px auto;}
	.ws-tab-box .item.tab10 a{ background-size: 38px auto;}
	.ws-tab-box .item.tab11 a{ background-size: 40px auto;}

	.slider-banner-box .slider-con{ padding: 20px 30px 65px 30px;}
	.slider-banner-box .slider-con .sb-r{ right: 30px;}
	.slider-banner-box [class*="swiper-button-"]{ width: 15px; background-size: contain;}
	.slider-banner-box .swiper-button-next{ right: 10px;}
	.slider-banner-box .swiper-button-prev{ left: 10px;}

	.slider-promotion-box .promotion-con{ padding: 10px 20px 45px 20px; margin: 0 !important;}
	.slider-promotion-box .promotion-con .logo{ height: 25px; margin: 5px 10px 5px 0;}
	.slider-promotion-box .promotion-con .tit{ font-size: 22px; line-height: 26px;}
	.slider-promotion-box .promotion-con .txt{ font-size: 18px; line-height: 22px; margin-top: 10px;}
	.slider-promotion-box .promotion-con .txt2{ font-size: 16px; line-height: 20px;}
	.slider-promotion-box .promotion-con .btn{ background-position: right 14px center; padding: 5px 34px 5px 15px; bottom: 10px; left: 20px;}
	.slider-promotion-box .box-body .promotion-con.banner2{ padding-right: calc(24% + 40px);}
	.slider-promotion-box .box-body .promotion-con.banner2 .tire{ width: 24%; height: auto; top: 50px; bottom: 40px;}
	.slider-promotion-box .box-body .promotion-con.banner2 .price{ font-size: 18px; right: 30px; bottom: 18px;}

	.ws-border-box.type-passwort .ws-dl-box dl{ width: 100%; flex: none;}
	.ws-border-box.type-passwort .ws-dl-box .input1{ width: 100%;}

	.car-wheel-box .carOne-box .img-box img { height: 120%; margin-top: -30px;}

	.ws-wheel-slider .car-info-bg .car360-box{ padding-top: 90px;}
	.ws-wheel-slider .car-info-bg.mode-2d-img .carOne-box{ padding-top: 0; top: auto; bottom: 0;}
	.ws-wheel-slider .car-info-bg.mode-2d-msg .carOne-box{ padding-top: 0; top: 0; bottom: 0;}

	.ws-board-list-box.type-DeliveryOption .list.acco-list .acco-list-box.error-stock .info .tool-box .tool-con{ width: calc(100vw - 40px); left: -130px;}
	.ws-board-list-box.type-DeliveryOption .list.acco-list .acco-list-box.error-stock .info .tool-box .tool-close{ left: 130px;}

	.car-wheel-box .car360-box > button{ width: 70px; bottom: 10px;}
}

/* carInfoPop print */
.car-info-print-btn{ min-width: 101px;}
@media print {
	.car-info-box .table-scroll .table-body{ overflow: visible !important; height: auto !important; position: static !important;}
	.car-info-box .table-scroll .table-body table{ position: static !important;}
	.car-info-box > .box-body{ display: flex !important; flex-direction: row !important;}
	.car-info-box > .box-body > div:first-child{ width: 400px !important;}
}

/* 게스트 컴플리트 휠: 가격·주문 관련 UI 비노출 */
body.guest-mode .preis,
body.guest-mode .preis-sm,
body.guest-mode .total-price,
body.guest-mode #selTotPrice,
body.guest-mode .ws-board-list-box .list .price,
body.guest-mode th[data-th*="preis"],
body.guest-mode th[data-th*="Preis"],
body.guest-mode th[data-th*="Gesamtpreis"],
body.guest-mode td[data-th*="Gesamtpreis"] {
	display: none !important;
}
body.guest-mode .guest-header .btn-login {
	display: inline-block;
	padding: 8px 16px;
	font-weight: 500;
}