@charset "utf-8";

/* @import url('wcs.css'); */

/************************************************** import custom **************************************************/
/* 추후 개발적용시 custom진행
input:not([type=button]):not([type=submit]), textarea.w2ui-input {padding: 0 5px; border-color: #ccc; background-color: #fff;}
input:not([type=button]):not([type=submit]):disabled,
input:not([type=button]):not([type=submit])[readonly],
textarea.w2ui-input:disabled, textarea.w2ui-input[readonly] {border-color: #ccc; background-color: #fff;}
input:not([type=button]):not([type=submit]):hover, textarea.w2ui-input:hover {border-color: #444;}
input:not([type=button]):not([type=submit]):focus, textarea.w2ui-input:focus {border-color: #f37020;}
*/

/************************************************** front common **************************************************/

.scroll-y, .login-wrap .lang-list {overflow-y: auto;}
[class$="scroll"] {overflow-y: auto;}
.scroll-y::-webkit-scrollbar,
html.pcHtml #contents .filter-section .filter-area::-webkit-scrollbar,
html.pcHtml #contents .myCart-section .myCartList-area::-webkit-scrollbar,
[class$="scroll"]::-webkit-scrollbar,
.login-wrap .lang-list::-webkit-scrollbar {width: 6px; height: 6px;}
.scroll-y::-webkit-scrollbar-track,
html.pcHtml #contents .filter-section .filter-area::-webkit-scrollbar-track,
html.pcHtml #contents .myCart-section .myCartList-area::-webkit-scrollbar-track,
[class$="scroll"]::-webkit-scrollbar-track,
.login-wrap .lang-list::-webkit-scrollbar-track {background-color: #eeeded;}
.scroll-y::-webkit-scrollbar-thumb,
html.pcHtml #contents .filter-section .filter-area::-webkit-scrollbar-thumb,
html.pcHtml #contents .myCart-section .myCartList-area::-webkit-scrollbar-thumb,
[class$="scroll"]::-webkit-scrollbar-thumb,
.login-wrap .lang-list::-webkit-scrollbar-thumb {background-color: #bfbebe; border-radius: 3px;}

.scroll-y{ padding-right: 5px; overflow-x: hidden; overflow-y: auto;}
.popup-wrap .scroll-y{ height: 500px;}
.scroll-y::-webkit-scrollbar {width: 6px; height: 6px;}
.scroll-y::-webkit-scrollbar-track {background-color: #eeeded;}
.scroll-y::-webkit-scrollbar-thumb {background-color: #bfbebe; border-radius: 3px;}

.custom-scroll::-webkit-scrollbar {width: 6px; height: 6px;}
.custom-scroll::-webkit-scrollbar-track {background-color: #eeeded;}
.custom-scroll::-webkit-scrollbar-thumb {background-color: #bfbebe; border-radius: 3px;}

.scrollTable-box .scrollTable-body {height: 314px; overflow-x: hidden; overflow-y: auto;}
.scrollTable-box .scrollTable-body::-webkit-scrollbar {width: 6px; height: 6px;}
.scrollTable-box .scrollTable-body::-webkit-scrollbar-track {background-color: #eeeded;}
.scrollTable-box .scrollTable-body::-webkit-scrollbar-thumb {background-color: #bfbebe; border-radius: 3px;}

.hide {display: none !important;}

.noline-l {border-left: 0 none !important;}
.noline-r {border-right: 0 none !important;}
.noline-t {border-top: 0 none !important;}
.noline-b {border-bottom: 0 none !important;}

[class*="bgTxt1-"], [class*="bgTxt2-"] {min-width: 20px; height: 14px; background-color: transparent; border-radius: 2px; padding-left: 8px; padding-right: 8px; font-size: 13px; line-height: 14px; font-weight: 400; color: #fff; text-align: left;}
.bgTxt1-0, .bgTxt2-0 {padding-left: 6px; padding-right: 0; font-weight: 500; color: #777;}

.bgTxt1-1, .label-box span.labelGrade.type-a {background-color: #2eb46f;}
.bgTxt1-2, .label-box span.labelGrade.type-b {background-color: #a2cb51;}
.bgTxt1-3, .label-box span.labelGrade.type-c {background-color: #f7bf14;}
.bgTxt1-4, .label-box span.labelGrade.type-d {background-color: #f3a529;}
.bgTxt1-5, .label-box span.labelGrade.type-e {background-color: #e2545a;}

.bgTxt2-1, .label-box span.wetGrip.type-a {background-color: #0066b3;}
.bgTxt2-2, .label-box span.wetGrip.type-b {background-color: #0080c6;}
.bgTxt2-3, .label-box span.wetGrip.type-c {background-color: #4ba6dd;}
.bgTxt2-4, .label-box span.wetGrip.type-d {background-color: #75bee9;}
.bgTxt2-5, .label-box span.wetGrip.type-e {background-color: #75bee9;}

.rr-group .bgTxt1-1, .wetGrip-group .bgTxt2-1 {width: 48px;}
.rr-group .bgTxt1-2, .wetGrip-group .bgTxt2-2 {width: 71px;}
.rr-group .bgTxt1-3, .wetGrip-group .bgTxt2-3 {width: 93px;}
.rr-group .bgTxt1-4, .wetGrip-group .bgTxt2-4 {width: 116px;}
.rr-group .bgTxt1-5, .wetGrip-group .bgTxt2-5 {width: 139px;}

.tit-rr, .tit-wetGrip, .tit-noiseValue {font-size: 0 !important; width: 42px; height: 32px; background-position: center center; background-repeat: no-repeat;}
.tit-rr {background-image: url(../images/ico/ico-filter-rr.png);}
.tit-wetGrip {background-image: url(../images/ico/ico-filter-wetgrip.png);}
.tit-noiseValue {background-image: url(../images/ico/ico-filter-noiseValue.png); width: 50px;}

[class*="bgTxt3-"] {min-width: 20px; height: 14px; padding-left: 27px; padding-right: 5px; font-size: 13px; line-height: 13px; font-weight: 400; color: #333; text-align: left; background-position: left center; background-repeat: no-repeat;}
.bgTxt3-0 {padding-left: 0; min-width: auto; padding-right: 0; font-weight: 500; color: #777;}
.bgTxt3-1 {background-image: url(../images/ico/ico-filter-noiseValue1.png);}
.bgTxt3-2 {background-image: url(../images/ico/ico-filter-noiseValue2.png);}
.bgTxt3-3 {background-image: url(../images/ico/ico-filter-noiseValue3.png);}

[class*="bgTxt"] + .num {color: #777; font-size: 12px; font-weight: 400; line-height: 21px;}
.bgTxt1-0 + .num, .bgTxt2-0 + .num, .bgTxt3-0 + .num {font-weight: 500;}

[class*="bgTxtTbr-"] {min-width: 20px; height: 14px; font-size: 13px; line-height: 13px; font-weight: 400; color: #333; text-align: left; display: flex; justify-content: flex-start; align-items: center; min-height: 30px;}
[class*="bgTxtTbr-"]::before {content: ''; width: 88px; height: 30px; display: inline-block; vertical-align: middle; background-position: left center; background-repeat: no-repeat;}
.bgTxtTbr-1::before {background-image: url(../images/ico/ico-tbr1.png);}
.bgTxtTbr-2::before {background-image: url(../images/ico/ico-tbr2.png);}
.bgTxtTbr-3::before {background-image: url(../images/ico/ico-tbr3.png);}

.tit-car {padding-left: 25px; position: relative;}
.tit-car::before {content: ''; display: block; width: 20px; height: 14px; background: url(../images/ico/ico-car2.png) center center no-repeat; position: absolute; top: 4px; left: 0;}

#ui-datepicker-div{ z-index: 100 !important;}

.flex-right{ justify-content: flex-end !important;}
.flex1{ flex: 1 !important;}
.flex2{ flex: 2 !important;}
.flex3{ flex: 3 !important;}
.flex-none{ flex: none !important;}

.ra-box {position: relative; display: inline-flex; align-items: center; margin-right: 10px;}
.ra-box input[type='radio']{width:0;height:0;opacity:0; position: absolute; top: 0; left: 0;}
.ra-box input[type='radio'] + label {cursor: pointer; position: relative; padding-left: 23px; font-size: 14px; line-height: 20px; color: #666; font-weight: normal; letter-spacing: -0.01em; vertical-align: top;}
.ra-box input[type='radio'] + label:before{content:'';display:inline-block;width:20px;height:20px;position: absolute; left: 0; top: 50%; margin-top: -10px; background-image:url("../images/ra-box.png");background-repeat:no-repeat;background-position:0 0;vertical-align:middle;}
.ra-box input[type='radio']:hover + label::before {background-position:-40px 0;}
.ra-box input[type='radio']:checked:hover + label:before,
.ra-box input[type='radio']:checked + label:before {background-position:0 -20px;}
.ra-box input[type='radio']:hover + label{color: #ec6608;}
.ra-box input[type='radio']:disabled + label {cursor: default; pointer-events: none;}
.ra-box input[type='radio']:disabled + label::before {background-position: -20px 0;}
.ra-box input[type='radio']:disabled:hover + label,
.ra-box input[type='radio']:disabled:checked:hover + label {color: #888;}
.ra-box input[type='radio']:disabled:checked:hover + label:before,
.ra-box input[type='radio']:disabled:checked + label:before {background-position: -20px -20px;}
.ra-box.solo {width: 20px; height: 20px; margin-right: 0;}
.ra-box.solo input[type='radio'] + label {text-indent: -9999em; padding-left: 20px; height: 20px;}
.ra-box.solo input[type='radio'] + label:before {top: 0; margin-top: 0;}
.ra-box.line::after {content: ""; position: absolute; right: -20px; top: 50%; margin-top: -5px; width: 1px; height: 12px; background-color: #ddd;}

.ra-box.rtype input[type='radio'] + label {padding-left: 0; padding-right: 23px;}
.ra-box.rtype input[type='radio'] + label:before {left: auto; right: 0;}
.ra-box.rtype.ftype input[type='radio'] + label {width: 100%;}

.ra-box.full input[type='radio'] + label {display: block; width: 100%;}

.chk-box {position: relative; display: inline-flex; align-items: center; margin-right: 10px;}
.chk-box input[type='checkbox'] {width:0;height:0;opacity:0; position: absolute; top: 0; left: 0;}
.chk-box .label,
.chk-box label {position: relative; font-size: 14px; line-height: 20px; color: #666; font-weight: normal; letter-spacing: -0.001em; vertical-align: top;}
.chk-box input[type='checkbox'] + label {cursor: pointer; padding-left: 23px; font-size: 14px; line-height: 20px; color: #666; font-weight: normal; letter-spacing: -0.01em; vertical-align: top; min-height: 20px;}
.chk-box .label:before,
.chk-box input[type='checkbox'] + label:before{content:'';display:inline-block;width:18px;height:18px;position: absolute; left: 0; top: 50%; margin-top: -9px; background-image:url("../images/chk-box_n.png");background-repeat:no-repeat;background-position:0 0;vertical-align:middle;}
.chk-box input[type='checkbox']:hover + label::before {background-position:-40px 0;}
.chk-box.has-chk .label:before,
.chk-box input[type='checkbox']:checked:hover + label:before,
.chk-box input[type='checkbox']:checked + label:before {background-position:0 -20px;}
.chk-box input[type='checkbox']:hover + label{color: #000;}
.chk-box input[type='checkbox']:disabled + label {cursor: default; pointer-events: none;}
.chk-box input[type='checkbox']:disabled + label::before {background-position: -20px 0;}
.chk-box input[type='checkbox']:disabled:hover + label
.chk-box input[type='checkbox']:disabled:checked:hover + label {color: #898989;}
.chk-box input[type='checkbox']:disabled:checked:hover + label:before,
.chk-box input[type='checkbox']:disabled:checked + label::before {background-position: -20px -20px;}
.chk-box.reject input[type='checkbox']:disabled + label::before {background-position: -40px -20px;}
.chk-box .intxt,
.chk-box .intxt + * {vertical-align: middle; margin-right: 5px;}
.chk-box .intxt + .input1 {height: 23px; line-height: 21px;}

.chk-box.rtype input[type='checkbox'] + label {padding-left: 0; padding-right: 23px;}
.chk-box.rtype input[type='checkbox'] + label:before {left: auto; right: 0;}
.chk-box.rtype.ftype input[type='checkbox'] + label {width: 100%;}

.chk-box.solo {width: 20px; height: 20px; margin-right: 0;}
.chk-box.solo input[type='checkbox'] + label {text-indent: -9999em; padding-left: 18px; height: 20px;}
.chk-box.solo input[type='checkbox'] + label:before {top: 0; margin-top: 0;}
table td .chk-box.solo {vertical-align: text-top;}

.chk-box .label {padding-left: 27px; display: inline-block;}
.chk-box.has-chk .label::after {content: ''; display: block; width: 16px; height: 16px; background-color: #ec6608; box-sizing: border-box; border-radius: 3px; position: absolute; left: 1px; top: 2px; }

.chk-switche{ width: 50px; height: 20px; background-color: #ec6608; display: inline-block; border-radius: 10px; position: relative;}
.chk-switche input{ position: absolute; top: 0; left: -9999px;}
.chk-switche label{ width: 100%; height: 100%; padding: 0; vertical-align: top;}
.chk-switche label::before{ width: 16px; height: 16px; background-image: none; background-color: #fff; content: ''; margin: 0; border: 0; border-radius: 50%; opacity: 1; position: absolute; top: 2px; left: 2px; transition: left 0.3s;}
.chk-switche label span{ font-weight: 300; font-size: 11px; color: #fff; line-height: 20px; padding: 0;}
.chk-switche .y{ display: none;}
.chk-switche .n{ margin: 0 0 0 25px; display: block;}
.chk-switche input:checked ~ label::before{ left: 32px;}
.chk-switche input:checked ~ label .y{ margin: 0 0 0 8px; display: block;}
.chk-switche input:checked ~ label .n{ display: none;}

/*chk-box, ra-box 통합 ver*/
.rc-box {position: relative; display: inline-flex; align-items: center; margin-right: 10px;}
.rc-box input[type='radio'],
.rc-box input[type='checkbox']{width:0;height:0;opacity:0; position: absolute; top: 0; left: 0;}
.rc-box input[type='radio'] + label,
.rc-box input[type='checkbox'] + label {cursor: pointer; position: relative; padding-left: 23px; font-size: 14px; line-height: 20px; color: #333; font-weight: normal; letter-spacing: -0.01em; vertical-align: top;}
.rc-box input[type='radio'] + label:before,
.rc-box input[type='checkbox'] + label:before {content:''; display:inline-block; width:20px; height:20px; position: absolute; left: 0; top: 50%; margin-top: -10px; background-repeat:no-repeat; background-position:0 0; vertical-align:middle;}
.rc-box input[type='radio'] + label:before {background-image:url("../images/ra-box.png");}
.rc-box input[type='checkbox'] + label:before {background-image:url("../images/chk-box.png");}
.rc-box input[type='radio']:hover + label::before,
.rc-box input[type='checkbox']:hover + label::before {background-position:-40px 0;}
.rc-box input[type='radio']:checked + label:before,
.rc-box input[type='radio']:checked:hover + label:before,
.rc-box input[type='checkbox']:checked + label:before,
.rc-box input[type='checkbox']:checked:hover + label:before {background-position:0 -20px;}
.rc-box input[type='radio']:hover + label,
.rc-box input[type='checkbox']:hover + label,
.rc-box input[type='radio']:hover + label *:not([class*="bgTxt1-"], [class*="bgTxt2-"]),
.rc-box input[type='checkbox']:hover + label *:not([class*="bgTxt1-"], [class*="bgTxt2-"]),
.rc-box input[type='radio']:hover + label .bgTxt1-0,
.rc-box input[type='checkbox']:hover + label .bgTxt1-0,
.rc-box input[type='radio']:hover + label .bgTxt2-0,
.rc-box input[type='checkbox']:hover + label .bgTxt2-0,
.rc-box input[type='radio']:hover + label .bgTxt3-0,
.rc-box input[type='checkbox']:hover + label .bgTxt3-0 {color: #ec6608;}
.rc-box input[type='radio']:disabled + label,
.rc-box input[type='checkbox']:disabled + label {cursor: default; pointer-events: none;}
.rc-box input[type='radio']:disabled + label::before,
.rc-box input[type='checkbox']:disabled + label::before {background-position: -20px 0;}
.rc-box input[type='radio']:disabled:hover + label,
.rc-box input[type='radio']:disabled:checked:hover + label,
.rc-box input[type='checkbox']:disabled:hover + label,
.rc-box input[type='checkbox']:disabled:checked:hover + label {color: #888;}
.rc-box input[type='radio']:disabled:checked + label:before,
.rc-box input[type='radio']:disabled:checked:hover + label:before,
.rc-box input[type='checkbox']:disabled:checked + label:before,
.rc-box input[type='checkbox']:disabled:checked:hover + label:before {background-position: -20px -20px;}

.rc-box.type1 input[type='checkbox'] + label:before {background-image:url("../images/chk-box_c555.png");}

.rc-box.solo {width: 20px; height: 20px; margin-right: 0;}
.rc-box.solo input[type='radio'] + label,
.rc-box.solo input[type='checkbox'] + label {text-indent: -9999em; padding-left: 20px; height: 20px;}
.rc-box.solo input[type='radio'] + label:before,
.rc-box.solo input[type='checkbox'] + label:before {top: 0; margin-top: 0;}

.rcbtype-box {position: relative; display: inline-flex; align-items: center; margin-right: 5px;}
.rcbtype-box input[type='radio'],
.rcbtype-box input[type='checkbox'] {width:0;height:0;opacity:0; position: absolute; top: 0; left: 0;}
.rcbtype-box:not(.rcState) > label,
.rcbtype-box:not(.rcState) input[type='radio'] + label,
.rcbtype-box:not(.rcState) input[type='checkbox'] + label {cursor:pointer; position: relative; font-size: 14px; line-height: 16px; color: #777; border: 1px solid #ccc; background-color: #fff; border-radius: 19px;}
.rcbtype-box:not(.rcState) input[type='radio']:hover + label,
.rcbtype-box:not(.rcState) input[type='checkbox']:hover + label {background-color: #777; color: #fff;}
.rcbtype-box:not(.rcState) input[type='radio']:checked + label:before,
.rcbtype-box:not(.rcState) input[type='checkbox']:checked + label:before {content:''; display:inline-block; width:18px; height:18px; position: absolute; left: 0; top: 50%; margin-top: -9px;}
.rcbtype-box:not(.rcState) input[type='radio']:disabled + label,
.rcbtype-box:not(.rcState) input[type='checkbox']:disabled + label {cursor: default; pointer-events: none; background-color: #777; color: #fff; opacity: .5;}

.rcbtype-box.rcState > label,
.rcbtype-box.rcState input[type='radio'] + label,
.rcbtype-box.rcState input[type='checkbox'] + label {}

.flex-sb .sb-r .rcbtype-box.rcState {margin: 5px 0 5px 5px;}

.rcGroup-row {display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start;}
.rcGroup-row > .rc-box {display: flex; width: 100%;}
.rcGroup-row > .rc-box input[type='radio'] + label,
.rcGroup-row > .rc-box input[type='checkbox'] + label {display: flex; justify-content: flex-start; align-items: center; width: 100%;}

.spec-group-area select,
.bottom-area .tagbox .select,
.paging .select,
.select1 {cursor: pointer; width: auto; height: 24px; padding: 0 30px 0 5px; border: 1px solid #ccc; color: #888; border-radius: 3px; box-sizing: border-box; font-weight: normal; word-spacing: -0.02em; font-size: 14px; -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: calc(100% - 12px) 50%;}
.select1 option {min-height: 18px;}
.bottom-area .tagbox .select,
.paging .select {font-weight: normal;}
.spec-group-area select::-ms-expand,
.select1::-ms-expand {display: none;}
.spec-group-area select:hover,
.select1:hover {border-color: #444;}
.spec-group-area select:focus,
.select1:focus {border-color: #f37020;}

.select1.type1 {width: 100%; height: 100%; color: inherit; padding-left: 5px; border-color: transparent; background-color: transparent;}

.inForm-box,
input.input1,
.input1 {outline: 0 none; height: 24px; background-color: #fff; border: 1px solid #ccc; padding: 0 5px 1px; color: #888; font-size: 14px; line-height: 22px; font-weight: normal; letter-spacing: 0.04em; word-spacing: -0.02em; box-sizing: border-box; background-color: #fff; border-radius: 3px;}
.inForm-box:hover,
.input1:not(div):hover {border-color: #444;}
.inForm-box.focus,
.input1:not(div):focus {border-color: #f37020;}

.inForm-box {display: flex; justify-content: space-between; align-items: center; padding: 0;}
.inForm-box [class*="input"] {height: 22px;}
.inForm-box [class*="input"] {border: 0 none !important; flex: 1;}
.inForm-box [class*="search"] {border: 0 none !important; min-width: 22px; height: 22px;}
.inForm-box [class*="clear"] {background: url(../images/ico/ico-close2.png) center center no-repeat; min-width: 22px; height: 22px; font-size: 0;}
.inForm-box [class*="clear"]:hover {background-color: #f1f1f1;}

.textarea1 {outline: 0 none; width: 100%; height: 100px; background-color: #fff; border: 1px solid #ccc; padding: 0 5px; color: #888; font-size: 14px; line-height: 21px; font-weight: normal; letter-spacing: 0.04em; word-spacing: -0.02em;box-sizing: border-box; background-color: #fff; border-radius: 3px; resize: none;}
.textarea1:hover {border-color: #444;}
.textarea1:focus {border-color: #f37020;}

.ico-cal, .datepicker, .yearpicker,
.input1.ico-cal, .input1.datepicker, .input1.yearpicker {width: 106px; letter-spacing: 0.03em; padding-right: 25px; background-image: url(../images/ico/ico-cal1.png); background-position: calc(100% - 5px) center; background-repeat: no-repeat;}

.select1:disabled,
.textareabox.disabled, .textareabox.disabled:hover, .textareabox.disabled:focus,
.input:disabled, .input:read-only,
.input1:disabled, .input1:read-only,
.textarea1:disabled, .textarea1:read-only {opacity: 1; border-color: #ccc !important; background-color: #f5f5f5 !important;}

.input1.bold::placeholder {font-weight: bold; font-weight: 500; color: #333;}

[class*="ico-"] {vertical-align: middle; background-position: center center; background-repeat: no-repeat; font-size: 0; text-indent: -999rem; overflow: hidden; display: inline-block; vertical-align: middle;}

.ico-info1 {width: 20px; height: 20px; background-image: url(../images/ico/ico-map.png);}
.ico-info2 {width: 20px; height: 20px;background-image: url(../images/ico/ico-tel.png);}
.ico-info3 {width: 20px; height: 20px;background-image: url(../images/ico/ico-fax.png);}
.ico-info4 {width: 20px; height: 20px;background-image: url(../images/ico/ico-email.png);}

.ico-search1 {width: 20px; height: 20px; background-image: url(../images/ico/ico-search.png);}
.ico-search2 {width: 20px; height: 20px; background-image: url(../images/ico/ico-search2.png);}
.ico-search3 {width: 20px; height: 20px; background-image: url(../images/ico/ico-search3.png);}
.ico-search4 {width: 20px; height: 20px; background-image: url(../images/ico/ico-search4.png);}
.ico-search5 {width: 20px; height: 20px; background-image: url(../images/ico/ico-search5.png);}

[class*="ico-file-"] {text-indent: -9999px; font-size: 0; width: 20px; height: 20px; background-position: center center; background-repeat: no-repeat;}
.ico-file-pdf {background-image: url(../images/ico/ico-file-pdf.png);}
.ico-file-video {background-image: url(../images/ico/ico-file-video.png);}
.ico-file-link {background-image: url(../images/ico/ico-file-link.png);}

.btn-fsearch {width: 55px; min-width: 55px; height: 55px; border-radius: 0 2px 0 20px; background-color: #f60;}
.btn-fsearch [class*="ico-"] {width: 100%; height: 100%;}

.btn-ix {min-width: 30px; height: 50px; text-align: center; padding: 0; border-radius: 25px; display: inline-flex; justify-content: center; align-items: center; border: 1px solid transparent; background-color: transparent;}
.btn-ix:hover .ix-txt {color: #f9710c;}
.btn-ix .ix-txt,
.btn-ix [class*="ico-"] {vertical-align: middle;}
.btn-ix .ix-txt {line-height: 18px; font-size: 14px; color: #666; font-weight: 400; }
.btn-ix [class*="ico-"] + .ix-txt,
.btn-ix .ix-txt + [class*="ico-"] {margin-left: 6px;}
.btn-ix .ico- {width: 30px; height: 30px;}

.btn-tireOO {display: none; width: 34px; height: 34px; background-color: #fff; border-radius: 3px; border: 1px solid #ccc;}
.btn-tireOO::after {content: ''; display: block; width: 10px; height: 10px; background: url(../images/ico/ico-up.png) center center no-repeat; position: absolute; top: 12px; right: 2px; transform: rotate(90deg); opacity: .8; transition: rotate .2s;}
.btn-tireOO span {width: 15px; height: 24px; background: url(../images/img-tireL.png) center center no-repeat; background-size: contain; font-size: 0; position: absolute; top: 5px; left: 5px;}
.tireLOpen .btn-tireOO::after {transform: rotate(270deg); right: 4px;}

.file-box {padding: 10px 0; min-height: 36px; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; position: relative;}
.file-box .btn {border: 1px solid #ddd; width: 36px; height: 36px; min-width: 36px; border-radius: 5px; margin: 5px 5px 5px 0;}
.file-box .btn [class*="ico-file-"] {width: 100%; height: 100%;}
.file-box .btn:nth-child(5n) {margin-right: 0;}
.file-box .btn:hover {border-color: #ea7c1e; background-color: #ea7c1e;}
.file-box .btn:hover [class*="ico-file-"] {filter: brightness(0) invert(1);}
.file-box .btn:last-child {margin-right: 0;}
.file-box .more {margin-top: 5px; margin-bottom: 5px;}

.moreChk-box {width: 100%;}
.moreChk-box .more {font-size: 0; width: 20px;  height: 36px; text-align: center; position: absolute; top: 0; right: 0; border-radius: 5px; display: flex; justify-content: center; align-items: center; display: none;}
.moreChk-box .more:hover {background-color: rgba(0,0,0,0.05);}
.moreChk-box .more::after {content: ''; display: inline-block; vertical-align: middle; width: 4px; height: 18px; background: url(../images/ico/ico-more1.png) center center no-repeat;}
.moreChk-box.show .more {border: 1px solid #ccc; width: 30px; height: 30px;}
.moreChk-box.show .more::after { width: 12px; height: 12px; background-image: url(../images/ico/ico-close2.png); transform: rotate(180deg);}
.moreChk-box.hasMoreBox {position: relative; padding-right: 20px; min-height: 46px;}
.moreChk-box.hasMoreBox .btn:nth-child(n+6) {display: none;}
.moreChk-box.hasMoreBox.show {background-color: #fff; padding: 12px 30px 12px 15px; border: 1px solid #ccc; border-radius: 5px; position: absolute; left: 0; right: 0; top: 0; box-shadow: 0 0 5px rgba(0,0,0,0.1);}
.moreChk-box.hasMoreBox.show .btn:nth-child(n+6) {display: inline-block;}
.moreChk-box.hasMoreBox .more {display: flex;}

.open>.dropdown-menu {display: block;}
.dropdown-menu {position: absolute; top: 100%; left: 0; z-index: 9; display: none; float: left; min-width: 98px; padding: 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175)}
.dropdown-menu.type-right{ right: 0; left: auto;}
.dropdown-menu > li a {display: block; padding: 3px 6px; clear: both; font-weight: 400; line-height: 1.4; color: #333; white-space: nowrap; font-size: 14px;}
.dropdown-menu > li a:focus,
.dropdown-menu > li a:hover {color: #262626; text-decoration: none; background-color: #f5f5f5;}
.dropdown-menu span.btn-info {display: block; padding: 0; border-radius: 0; text-align: left;}

.paging {position: relative; text-align: center; display: flex; align-items: center; justify-content: center;}
.paging .linkbox {display: flex; align-items: center; justify-content: center;}
.paging .linkbox [class*="btn-"],
.paging .linkbox .link {display: inline-block; vertical-align: middle;}
.paging .linkbox [class*="btn-"] {width: 30px; height: 30px; border-radius: 4px; border: 1px solid #d5d5d5; background-color: #fff; box-sizing: border-box; position: relative;}
.paging .linkbox [class*="btn-"]::before,
.paging .linkbox .btn-pprev::after,
.paging .linkbox .btn-nnext::after {content: ''; display: block; width: 12px; height: 6px; background: url(../images/ico/ico-down.png) center center no-repeat; position: absolute; top: 50%; left: 50%; margin-top: -3px; opacity: .8;}
.paging .linkbox .btn-prev::before,
.paging .linkbox .btn-pprev::before,
.paging .linkbox .btn-pprev::after {transform: rotate(90deg);}
.paging .linkbox .btn-prev::before {margin-left: -6px;}
.paging .linkbox .btn-pprev::before {margin-left: -8px;}
.paging .linkbox .btn-pprev::after {margin-left: -3px;}
.paging .linkbox .btn-next::before,
.paging .linkbox .btn-nnext::before,
.paging .linkbox .btn-nnext::after {transform: rotate(-90deg);}
.paging .linkbox .btn-next::before {margin-left: -5px;}
.paging .linkbox .btn-nnext::before {margin-left: -8px;}
.paging .linkbox .btn-nnext::after {margin-left: -3px;}
.paging .linkbox [class*="btn-"]:hover {background-color: #dadada;}
.paging .linkbox .link {min-width: 30px; text-align: center; font-size: 15px; line-height: 28px; border-radius: 4px; padding: 0 3px; box-sizing: border-box;}
.paging .linkbox strong.link {background-color: #fd8238; color: #fff; font-weight: 400;}
.paging .linkbox a.link {}
.paging .linkbox a.link:hover {background-color: #fd8238; color: #fff;}
.paging .linkbox .link + .link {margin: 0 2px;}
.paging .linkbox [class*="btn-"] + .link,
.paging .linkbox .link + [class*="btn-"],
.paging .linkbox [class*="btn-"] + [class*="btn-"],
.paging .linkbox [class*="btn-"] + .tag {margin-left: 8px;}
.paging .select {width: 100px; height: 30px; background-image: url(../images/ico/ico-down.png);}

.nodata-box {display: flex; justify-content: center; align-items: center; height: 300px;}
#setOrderList > .nodata-box {height: 250px;}
.nodata-box::before {content: ''; display: block; width: 118px; height: 43px; background: url(../images/ico/img-noData.png) center center no-repeat;}
.nodata-box .nodata {/*font-size: 15px; line-height: 19px; font-weight: 500;*/ font-size: 0;}
.myCartList-area .block-scroll .nodata-box {height: 100%;}
ul > .nodata-box {width: 100%;}

.txt-no-data{ width: 100%; font-size: 16px; text-align: center; line-height: 26px;}

/*************************************** main ********************************************/
/*************************************** page ********************************************/

.flex-sb{ display: flex; justify-content: space-between;}
.flex-sb.flex-middle{ align-items: center;}
.flex-sb.filter-rtype {width: 100%;}
.flex-sb.filter-rtype .sb-r {flex: 1; display: inline-flex; justify-content: flex-end; align-items: center; flex: 1;}
.flex-sb.filter-rtype .sb-r {margin-bottom: 5px;}

.switch-txt{ display: flex; align-items: center; position: relative;}
.switch-txt .switch-ck{ position: absolute; top: 0; left: -9999px;}
.switch-txt p{ color: #ccc; margin-left: 5px;}
.switch-txt .txt{ flex: 1;}
.switch-txt .txt span{ font-size: 14px; color: #ccc; display: block;}
.switch-txt .input1{ width: 80px; background-color: #f9f9f9; margin-left: 20px; border-color: #eee;}
.switch-txt .switch-ck:checked ~ p{ color: #333;}
.switch-txt .switch-ck:checked ~ .txt span{ color: #888; display: block;}
.switch-txt .switch-ck:checked ~ .input1{ background-color: #fff; border-color: #d3d3d3;}

.switch { font-size: 17px; position: relative; display: inline-block; width: 50px; height: 24px; margin: 4px 0; overflow: hidden; } 
.switch input { opacity: 0; width: 0; height: 0; }
.switch .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; border-radius: 30px; }
.switch .slider:before { position: absolute; content: ""; height: 16px; width: 16px; border-radius: 9px; left: 30px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; }
.switch-ck:checked ~ .switch .slider { background-color: #444; }
.switch-ck:focus ~ .switch .slider { -webkit-box-shadow: 0 0 1px #2196F3; box-shadow: 0 0 1px #2196F3; }
.switch-ck:checked ~ .switch .slider:before { -webkit-transform: translateX(-26px); -ms-transform: translateX(-26px); transform: translateX(-26px); }

.switch .text { font-size: 14px; color: #fff;}
.switch .text {position: absolute; top: 50%; pointer-events: none; text-transform: uppercase; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: .4s; transition: .4s;}
.switch .text.on {-webkit-transform: translateX(26px) translateY(-50%); -ms-transform: translateX(26px) translateY(-50%); transform: translateX(26px) translateY(-50%);}
.switch .text.on {right: 8px;}
.switch .text.off { color: #888; left: 5px; }
.switch-ck:checked ~ .switch .text.off { -webkit-transform: translateX(-28px) translateY(-50%); -ms-transform: translateX(-28px) translateY(-50%); transform: translateX(-28px) translateY(-50%); }
.switch-ck:checked ~ .switch .text.on { -webkit-transform: translateX(0) translateY(-50%); -ms-transform: translateX(0) translateY(-50%); transform: translateX(0) translateY(-50%); }

.switch-txt.viewtype {flex-direction: column;white-space: nowrap;}
.switch-txt.viewtype p {margin-left: 0;}
.switch-txt.viewtype p + .switch {margin-top: 30px;}
.switch-txt.viewtype .switch {min-width: 93px; width: auto; height: 20px;}
.switch-txt.viewtype .switch .slider,
.switch-txt.viewtype .switch-ck:checked ~ .switch .slider {background-color: #ec6608;}
.switch-txt.viewtype .switch .slider:before {height: 14px; width: 14px; border-radius: 7px; left: 5px; bottom: 3px; left: 3px;}
.switch-txt.viewtype .switch-ck:checked ~ .switch .slider:before {/*-webkit-transform: translateX(69px); -ms-transform: translateX(69px); transform: translateX(69px);*/ -webkit-transform:none; -ms-transform: none; transform: none; left: calc(100% - 17px);}
.switch-txt.viewtype .switch .text {width: 100%; font-size: 11px; line-height: 18px; text-transform: none; padding: 0 5px; text-align: center;}
.switch-txt.viewtype .switch .text.on {-webkit-transform: translateX(110%) translateY(-50%); -ms-transform: translateX(110%) translateY(-50%); transform: translateX(110%) translateY(-50%);}
.switch-txt.viewtype .switch .text.on {right: 0; padding-right: 20px;}
.switch-txt.viewtype .switch .text.off {left: 0; padding-left: 20px;}
.switch-txt.viewtype .switch-ck:checked ~ .switch .text.off {-webkit-transform: translateX(-110%) translateY(-50%); -ms-transform: translateX(-110%) translateY(-50%); transform: translateX(-110%) translateY(-50%);}
.switch-txt.viewtype .switch-ck:checked ~ .switch .text.on { -webkit-transform: translateX(0) translateY(-50%); -ms-transform: translateX(0) translateY(-50%); transform: translateX(0) translateY(-50%); }
.switch-txt.viewtype .switch .text.on,
.switch-txt.viewtype .switch .text.off {color: #fff;}

.switch-txt.viewtype .img {width: 198px; height: 161px; overflow: hidden; border: 1px solid #ccc; border-radius: 2px;}
.switch-txt.viewtype .img .image {width: 100%; height: 100%; position: relative; left: 0; top: 0; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: .4s; transition: .4s;}
.switch-txt.viewtype .img .image.on {-webkit-transform: translateX(110%) translateY(-100%); -ms-transform: translateX(110%) translateY(-100%); transform: translateX(110%) translateY(-100%);
-webkit-transform: translateX(110%) translateY(0); -ms-transform: translateX(110%) translateY(0); transform: translateX(110%) translateY(0);}
.switch-txt.viewtype .switch-ck:checked ~ .img .image.off {-webkit-transform: translateX(-110%) translateY(0); -ms-transform: translateX(-110%) translateY(0); transform: translateX(-110%) translateY(0);}
.switch-txt.viewtype .switch-ck:checked ~ .img .image.on { -webkit-transform: translateX(0) translateY(-100%); -ms-transform: translateX(0) translateY(-100%); transform: translateX(0) translateY(-100%); 
-webkit-transform: translateX(calc(-100% + -6px)) translateY(0); -ms-transform: translateX(calc(-100% + -6px)) translateY(0); transform: translateX(calc(-100% + -6px)) translateY(0); }

.switch-txt.myPage{ margin-bottom: 15px;}
.switch-txt.myPage .switch{ margin: 0;}
.switch-txt.myPage .switch .slider{ background-color: #444;}
.switch-txt.myPage .switch-ck:checked ~ .switch .slider{ background-color: #ea7c1e;}
.switch-txt.myPage .switch .text{ font-size: 12px;}
.switch-txt.myPage .switch .text.off{ color: #fff;}
.switch-txt.myPage .txt{ font-size: 16px; line-height: 24px;}

.ckGroup{ display: flex; flex-wrap: wrap;}
.ckGroup span{ margin: 2px 5px 2px 0; position: relative;}
.ckGroup span:last-child{ margin-right: 0 !important;}
.ckGroup input{ position: absolute; top: 0; left: 0; opacity: 0; z-index: -1;}
.ckGroup label{ cursor: pointer;}
.ckGroup.type1 span{ margin: 2px 7px 2px 0;}
.ckGroup.type1 label{ height: 30px; background-color: #fff; font-size: 13px; color: #777; line-height: 17px; padding: 0 8px; display: flex; align-items: center; border: 1px solid #ddd; border-radius: 15px;}
.ckGroup.type1 label:hover{ background-color: #f1f1f1;}
.ckGroup.type1 input:checked + label{ background-color: #777; color: #fff; border-color: #777;}
.ckGroup.type1 input:checked + label::before{ width: 15px; height: 11px; background: url(../images/ico/ico-check.png) no-repeat center center; content: ''; margin: 0 7px 0 0; display: inline-block;}

.ckGroup.type2 span {margin: 2px 7px 2px 0;}
.ckGroup.type2 label span {margin: 0;}
.ckGroup.type2 label {display: flex; align-items: center; justify-content: flex-start; flex-direction: column;}
.ckGroup.type2 label .ico {width: 40px; height: 40px; background-color: #fff;  background-position: center center; background-repeat: no-repeat;border: 1px solid #ddd; border-radius: 20px;}
.ckGroup.type2 label:hover .ico {border-color: #444;}
.ckGroup.type2 input:checked + label .ico {border-color: #ea7c1e; background-color: #ea7c1e;}
.ckGroup.type2 label span:not(.ico) {font-size: 13px; color: #777; line-height: 16px;}
.ckGroup.type2 input:checked + label .season.type1 {background-image: url(../images/ico/ico-season1-on.png);}
.ckGroup.type2 input:checked + label .season.type2 {background-image: url(../images/ico/ico-season2-on.png);}
.ckGroup.type2 input:checked + label .season.type3 {background-image: url(../images/ico/ico-season3-on.png);}

.ckGroup.type3 label{ height: 30px; background-color: #fff; font-size: 14px; color: #777; line-height: 14px; padding: 0 20px; display: flex; align-items: center; border: 1px solid #ddd; border-radius: 20px;}
.ckGroup.type3 label:hover{ background-color: #f1f1f1;}
.ckGroup.type3 input:checked + label{ background-color: #777; color: #fff; border-color: #777;}
.ckGroup.type3 input:checked + label::before{ display: none;}

.reGroup .label {height: 30px; font-size: 13px; line-height: 17px; padding: 0 5px; display: inline-flex; align-items: center;  background-color: #777; color: #fff; border: 1px solid #777; border-radius: 15px;}
.reGroup .label > *:first-child {padding-left: 11px;}
.reGroup .label > *:last-child:not([class*="btn"]) {padding-right: 11px;}
.reGroup .label .tcbox + .btn-fDel {margin-left: 4px;}
.reGroup .label [class*="btn"] {border-radius: 10px;}

.ckBox{ position: relative;}
.ckBox input{ position: absolute; top: 0; left: -9999px;}

.tab-box.type1{ width: 100%; display: flex; flex-direction: column; border: 1px solid #ccc; border-radius: 2px 2px 0 0;}
.tab-box.type1 .tab-btn{ display: flex; border-bottom: 1px solid #ccc;}
.tab-box.type1 .tab-btn a{ height: 40px; font-weight: 700; font-size: 14px; color: #555; line-height: 20px; padding: 0 25px; display: flex; align-items: center; flex: 1; border-radius: 0;}
.tab-box.type1 .tab-btn a:first-child{ border-radius: 2px 0 0 0;}
.tab-box.type1 .tab-btn a:last-child{ border-radius: 0 2px 0 0;}
.tab-box.type1 .tab-btn a::before{ width: 6px; height: 6px; background-color: #333; content: ''; margin: 0 10px 0 0; display: inline-block; border-radius: 50%;}
.tab-box.type1 .tab-btn a + a,
.tab-box.type1 .tab-btn a.active { position: relative;}
.tab-box.type1 .tab-btn a + a::after,
.tab-box.type1 .tab-btn a.active::after {content: ''; position: absolute; top: -1px; right: -1px; bottom: -1px; left: -1px;}
.tab-box.type1 .tab-btn a + a::after{border-left: 1px solid #ccc;}
.tab-box.type1 .tab-btn a.active{ background-color: #fcf1e8; color: #e36b04; z-index: 1;}
.tab-box.type1 .tab-btn a.active::before{ background-color: #e36b04;}
.tab-box.type1 .tab-btn a.active::after{border: 2px solid #e36b04;}
.tab-box.type1 .tab-btn a:first-child::after{ border-radius: 3px 0 0 0;}
.tab-box.type1 .tab-btn a:last-child::after{ border-radius: 0 3px 0 0;}
.tab-box.type1 .tab-btn a:hover{ color: #e36b04;}
.tab-box.type1 .tab-btn a:hover::before{ background-color: #e36b04;}
.tab-box.type1 .tab-con{ padding: 10px;}
.tab-box.type1 .tab-con > .tab-con {padding: 0;}

.myPage-area.tab-box.type1 .tab-con > [class$="-area"] {width: 100%; height: 100%; padding: 30px; display: flex; align-items: center; justify-content: center; flex-direction: column; max-width: 1350px; margin: 0 auto;}

.tab-box.type2{ width: 100%; display: flex; flex-direction: column;}
.tab-box.type2 > .tab-btn{ display: flex; align-items: center; justify-content: space-between;}
.tab-box.type2 > .tab-btn .btn-list{ display: flex;}
.tab-box.type2 > .tab-btn .btn-list a{ height: 40px; font-weight: 700; font-size: 14px; color: #555; line-height: 18px; padding: 0 0 0 40px; display: flex; align-items: center; border: 1px solid #ccc; border-left: 0; border-bottom: 0; border-radius: 3px 3px 0 0; position: relative; flex: 1;}
.tab-box.type2 > .tab-btn .btn-list {width: calc(100% - 320px); max-width: 1160px;}
.tab-box.type2 > .tab-btn .btn-list a:first-child{ border-left: 1px solid #ccc;}
.tab-box.type2 > .tab-btn .btn-list a::before{ width: 6px; height: 6px; background-color: #333; content: ''; border-radius: 50%; position: absolute; top: 18px; left: 25px;}
.tab-box.type2 > .tab-btn .btn-list a.active,
.tab-box.type2 > .tab-btn .btn-list a:hover{ background-color: #fcf1e8; color: #e36b04;}
.tab-box.type2 > .tab-btn .btn-list a.active::before,
.tab-box.type2 > .tab-btn .btn-list a:hover::before{ background-color: #e36b04;}
.tab-box.type2 > .tab-btn .btn-list a.active::after,
.tab-box.type2 > .tab-btn .btn-list a:hover::after{ width: auto; height: auto; content: ''; border: 2px solid #e36b04; border-radius: 3px 3px 0 0; position: absolute; top: -1px; right: -1px; bottom: -1px; left: -1px; z-index: 1;}
.tab-box.type2 > .tab-btn .btn-control{ display: flex; margin-left:10px }
.tab-box.type2 > .tab-btn .btn-control a ~ a{ margin-left: 10px;}
.tab-box.type2 > .tab-btn .btn-control a{ width: 144px; height: 30px; font-size: 14px; color: #fff; text-align: center; line-height: 18px; padding: 0 25px; display: flex; align-items: center; justify-content: center; border-radius: 3px; min-width: 144px; width: auto; padding: 0 15px;}
.tab-box.type2 > .tab-btn .btn-control a:hover{ opacity: 0.9;}
.tab-box.type2 > .tab-btn .btn-control a.type1{ background-color: #222;}
.tab-box.type2 > .tab-btn .btn-control a.type2{ background-color: #ea7c1e;}
.tab-box.type2 > .tab-btn .btn-control a .ico{ margin: 0 10px 0 0;}
.tab-box.type2 > .tab-btn .btn-control a .ico-save{ width: 18px; height: 18px;}
.tab-box.type2 > .tab-btn .btn-control a .ico-confirm{ width: 20px; height: 20px;}
.tab-box.type2 > .tab-con{ border: 1px solid #ccc;}
.tab-box.type2 > .tab-con > .tab-inner{ padding: 45px 40px 30px 40px; display: flex; flex-direction: column;}
.tab-box.type2 > .tab-con .btn-box{ margin: 20px 0 0 0;}

.tab-box.type2 > .tab-btn .btn-list.disabled {pointer-events: none;}
.tab-box.type2 > .tab-btn .btn-list.disabled a {color: #666;}
.tab-box.type2 > .tab-btn .btn-list.disabled .active {color: #c19c7b;}
.tab-box.type2 > .tab-btn .btn-list.disabled a.active::after,
.tab-box.type2 > .tab-btn .btn-list.disabled a:hover::after {opacity: .5;}

.tab-box.type3{ width: 100%; display: flex; flex-direction: column;}
.tab-box.type3 > .tab-btn{ display: flex; align-items: baseline; justify-content: space-between; border-bottom: 1px solid #ccc;}
.tab-box.type3 > .tab-btn .btn-list{ display: flex;}
.tab-box.type3 > .tab-btn .btn-list a{ width: 172px; height: 32px; font-weight: 300; font-size: 14px; color: #555; line-height: 15px; padding: 0; display: flex; align-items: center; justify-content: center; border: 1px solid #ccc; border-bottom: 0; border-radius: 8px 8px 0 0; position: relative;}
.tab-box.type3 > .tab-btn .btn-list a ~ a{ border-left: 0;}
.tab-box.type3 > .tab-btn .btn-list a.active,
.tab-box.type3 > .tab-btn .btn-list a:hover{ background-color: #666; color: #fff;}
.tab-box.type3 > .tab-con{ margin: 20px 0 0 0;}
.tab-box.type3 > .tab-con > .tab-inner{ padding: 0; display: flex; flex-direction: column;}

.tab-box.type4{ width: 100%; display: flex; flex-direction: column;}
.tab-box.type4 .pop-head{ justify-content: center;}
.tab-box.type4 .tab-btn{ text-align: center;}
.tab-box.type4 .tab-btn ul{ width: 100%; display: flex; justify-content: center; flex-wrap: wrap; position: relative;}
.tab-box.type4 .tab-btn ul::before{ height: 2px; background-color: #ccc; content: ''; position: absolute; top: 26px; left: 40px; right: 40px; z-index: -2;}
.tab-box.type4 .tab-btn li{ text-align: center; padding: 55px 0 0 0; position: relative;}
.tab-box.type4 .tab-btn li::before{ width: 50px; height: 50px; background: no-repeat center center #fff; background-size: auto 24px; content: ''; margin: 0 0 0 -25px; border: 2px solid #ccc; border-radius: 50%; position: absolute; top: 0; left: 50%;}
.tab-box.type4 .tab-btn li.tabIco1::before{ background-image: url(../../front/images/ico/icon_warranty_01.png);}
.tab-box.type4 .tab-btn li.tabIco2::before{ background-image: url(../../front/images/ico/icon_warranty_02.png);}
.tab-box.type4 .tab-btn li.tabIco3::before{ background-image: url(../../front/images/ico/icon_warranty_03.png);}
.tab-box.type4 .tab-btn li.tabIco4::before{ background-image: url(../../front/images/ico/icon_warranty_04.png);}
.tab-box.type4 .tab-btn li.active::before{ background-color: #f0872e; color: #fff; border-color: #d4792c;}
.tab-box.type4 .tab-btn li.active.tabIco1::before{ background-image: url(../../front/images/ico/icon_warranty_01_over.png);}
.tab-box.type4 .tab-btn li.active.tabIco2::before{ background-image: url(../../front/images/ico/icon_warranty_02_over.png);}
.tab-box.type4 .tab-btn li.active.tabIco3::before{ background-image: url(../../front/images/ico/icon_warranty_03_over.png);}
.tab-box.type4 .tab-btn li.active.tabIco4::before{ background-image: url(../../front/images/ico/icon_warranty_04_over.png);}
.tab-box.type4 .tab-btn li + li{ margin-left: 30px;}
.tab-box.type4 .tab-btn li + li.active::after{ height: 2px; background-color: #f0872e; content: ''; position: absolute; top: 26px; left: -90px; right: 35px; z-index: -1;}
.tab-box.type4 .tab-btn span,
.tab-box.type4 .tab-btn a{ min-width: 80px; max-width: 140px; height: 36px; font-weight: 700; font-size: 14px; color: #777; text-align: center; line-height: 18px; padding: 0; display: flex; align-items: center; justify-content: center;}
.tab-box.type4 .tab-btn li a:hover,
.tab-box.type4 .tab-btn li.active span,
.tab-box.type4 .tab-btn li.active a{ color: #f0872e;}
.tab-box.type4 .tab-btn ~ .tab-con{ margin-top: 25px;}
.tab-box.type4 .tab-con{ display: none;}

.btn-24{ height: 24px; font-size: 13px; line-height: 16px; padding: 0 18px; display: flex; align-items: center; border-radius: 18px;}
.btn-24.type1{ background-color: #555; color: #fff;}
.btn-24.type1:hover{ background-color: #333;}
.btn-24.type2{ color: #555; border: 1px solid #ccc;}
.btn-24.type2:hover{ border-color: #333;}
.btn-24.type3{ background-color: #f8f8f8; color: #555; border: 1px solid #ccc;}
.btn-24.type3:hover{ border-color: #333;}
.btn-24 .ico{ height: 100%; background-repeat: no-repeat; background-position: center center; margin-right: 4px;}
.btn-24 .ico.ico-pdf{ width: 18px;}

.btn-30{ height: 30px; font-size: 13px; line-height: 16px; padding: 0 18px; display: flex; align-items: center; border-radius: 18px;}
.btn-30.type1{ background-color: #555; color: #fff;}
.btn-30.type1:hover{ background-color: #333;}
.btn-30.type2{ color: #555; border: 1px solid #ccc;}
.btn-30.type2:hover{ border-color: #333;}
.btn-30.type3{ background-color: #f8f8f8; color: #555; border: 1px solid #ccc;}
.btn-30.type3:hover{ border-color: #333;}
.btn-30.type4{ background-color: #ccc; color: #fff; border: 1px solid #ccc;}
.btn-30.type4:hover{ border-color: #888;}
.btn-30 .ico{ height: 100%; background-repeat: no-repeat; background-position: center center; margin-right: 4px;}
.btn-30 .ico.ico-pdf{ width: 18px; min-width: 18px;}
.btn-30 .ico.ico-excel{ width: 20px; min-width: 20px;}
.btn-30 .ico.ico-car{ width: 20px; min-width: 20px;}
.btn-30 .ico.ico-car2{ width: 20px; min-width: 20px;}

.btn-34{ height: 34px; font-size: 14px; color: #ea7c1e; line-height: 18px; padding: 0 20px; display: flex; align-items: center; border: 1px solid #ed6d00; border-radius: 23px;}
.btn-34:hover{ text-decoration: underline;}
.btn-34 .ico.ico-excel{ width: 20px; height: 20px; margin-right: 8px;}
.btn-34 .ico.ico-email{ width: 22px; height: 20px; margin-right: 8px;}

.btn-36{ height: 36px; background-color: #fff; font-size: 13px; line-height: 16px; padding: 0 18px; display: flex; align-items: center; border-radius: 18px;}
.btn-36.type1{ background-color: #555; color: #fff;}
.btn-36.type1:hover{ background-color: #000;}
.btn-36.type2{ color: #555; border: 1px solid #ccc;}
.btn-36.type2:hover{ border-color: #333;}
.btn-36.type3{ background-color: #f8f8f8; color: #555; border: 1px solid #ccc;}
.btn-36.type3:hover{ border-color: #333;}
.btn-36 .ico{ height: 100%; background-repeat: no-repeat; background-position: center center; margin-right: 4px;}
.btn-36 .ico.ico-pdf{ width: 18px;}
.btn-36 .ico.ico-down3{ width: 13px;}

.btn-40{ height: 40px; font-size: 14px; color: #ea7c1e; line-height: 18px; padding: 0 25px; display: flex; align-items: center; border: 1px solid #ed6d00; border-radius: 23px;}
.btn-40:hover{ text-decoration: underline;}
.btn-40 .ico.ico-excel{ width: 20px; height: 20px; margin-right: 8px;}

.btn-43{ width: 144px; height: 43px; font-size: 14px; color: #fff; text-align: center; line-height: 18px; padding: 0 25px; display: flex; align-items: center; justify-content: center; border-radius: 3px;}
.btn-43:hover{ opacity: 0.9;}
.btn-43.type1{ width: 164px; background-color: #ea7c1e; border-radius: 22px;}
.btn-43.type1 .ico{ margin: 0 0 0 10px;}
.btn-43.type1.disabled {pointer-events: none; background-color: #bbb;}
.btn-43.type1.btnPrev .ico-prev {margin: 0 10px 0 0;}

.btn-46{ height: 46px; font-size: 14px; color: #ea7c1e; line-height: 18px; padding: 0 25px; display: flex; align-items: center; border: 1px solid #ed6d00; border-radius: 23px;}
.btn-46:hover{ text-decoration: underline;}
.btn-46 .ico{margin-right: 8px;}
.btn-46 .ico.ico-excel{ width: 20px; height: 20px; margin-right: 8px;}
.btn-46 .ico.ico-order2{ width: 23px; height: 27px; margin-right: 8px;}
.btn-46.type2{ background-color: #ea7c1e; color: #fff; padding: 0 50px;}
.btn-46.type2:hover{ background-color: #ec6608;}
.btn-46.type3{ background-color: #ea7c1e; border-color: #ddd; color: #fff; padding: 0 50px; border-radius: 8px;}
.btn-46.type3:hover{ background-color: #ec6608;}

.btn-46.type4,
.btn-46.type5 {color: #fff; padding: 0 20px; border-radius: 8px;}
.btn-46.type4{ background-color: #333; border-color: #333;}
.btn-46.type4:hover{ background-color: #000;}
.btn-46.type5{ background-color: #ea7c1e; border-color: #ea7c1e;}
.btn-46.type5:hover{ background-color: #ec6608;}
.btn-46.type6{ background-color: #000; color: #fff; border: 0;}
.btn-46.type6:hover{ background-color: #333;}
.btn-46.type7{ background-color: #888; color: #fff; border: 0;}
.btn-46.type7:hover{ background-color: #666;}
.btn-46.type4 .ico,
.btn-46.type5 .ico {width: 38px; height: 38px; margin-right: 0;}

.btn-64{ height: 64px; font-size: 20px; color: #fff; line-height: 24px; padding: 0 94px; display: inline-flex; align-items: center; border-radius: 8px; background-color: #ea7c1e;}
.btn-64:hover{ text-decoration: underline;}
.btn-64 .ico{margin-right: 8px;}
.btn-64.type1 {background-color: #222;}

.imgFit{ overflow: hidden; position: relative;}
.imgFit img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%);}
.imgFit img.fitW{ width: 100% !important; height: auto !important;}
.imgFit img.fitH{ width: auto !important; height: 100% !important;}
.imgFit img.fitN{ width: auto !important; height: auto !important;}

.rangeSlider-box {padding: 20px 10px 10px;}
.rangeSlider-box .rs-pointer {box-shadow: none; border: 5px solid #ea7c1e; width: 14px; height: 14px; border-radius: 7px;}
.rangeSlider-box .rs-pointer[data-dir="left"] {margin-left: -5px;}
.rangeSlider-box .rs-pointer[data-dir="right"] {margin-left: -6px;}
.rangeSlider-box .rs-container {height: 35px; font-family: 'Noto Sans KR', sans-serif;}
.rangeSlider-box .rs-container .rs-bg,
.rangeSlider-box .rs-container .rs-selected {background-color: #f0efef; border: 1px solid #f0efef; height: 5px;}
.rangeSlider-box .rs-container .rs-selected {background-color: #ea7c1e; border-color: #ea7c1e;}
.rangeSlider-box .rs-container .rs-scale span ins {font-size: 11px; color: #777; margin-top: 10px;}
.rangeSlider-box .rs-container .rs-pointer::after,
.rangeSlider-box .rs-container .rs-pointer::before,
.rangeSlider-box .rs-container .rs-scale span::before {content: none;}
.rangeSlider-box .rs-container .rs-scale {right: 0; display: flex; justify-content: space-between;}
.rangeSlider-box .rs-container .rs-scale span {float: unset; flex: 1; width: auto !important; text-align: left;}
.rangeSlider-box .rs-container .rs-scale span:last-child {width: 0 !important; flex: 0;}
.rangeSlider-box .rs-pointer .rs-tooltip {min-width: auto; padding: 0; height: 20px; border: 0 none; background: transparent; transform: translate(-50%,10px); left: 1px; font-size: 13px; 
left: 3px; background-color: #fff; color: #ea7c1e; padding: 0;}

.rs-container.rs-noscale .rs-scale {display: none;}

.minMax-box {display: flex; justify-content: space-between; align-items: center;}
.minMax-box .input,
.minMax-box [class*="btn-"] {height: 31px; border-radius: 15px;}
.minMax-box .input {border: 1px solid #ccc; width: 82px; text-align: center; font-size: 14px; line-height: 16px; color: #777;}

.rangeDatepicker{ width: 300px; display: flex; flex: none;}
.rangeDatepicker input.input1{ width: 140px; height: 50px; background: url(../images/ico/ico-calendar.png) no-repeat calc(100% - 17px) center; font-size: 14px; color: #777; line-height: 48px; padding: 0 40px 0 10px; border-radius: 25px;}
.rangeDatepicker span{ width: 20px; height: 50px; font-size: 14px; color: #777; text-align: center; line-height: 50px;}

.spec-group-area select,
.select1{ background-image: url(../images/ico/ico-select-down.png);}

/*1 : all, 2 : summer, 3 : winter*/
.season{ width: 20px; height: 20px; background: no-repeat center center; text-indent: -9999px; display: inline-block;}
.season.type1{ background-image: url(../images/ico/ico-season1.png);}
.season.type2{ background-image: url(../images/ico/ico-season2.png);}
.season.type3{ background-image: url(../images/ico/ico-season3.png);}

.marki { width: 25px; height: 25px; background: no-repeat center center; text-indent: -9999px; display: inline-block;}
.marki.type1 {background-image: url(../images/ico/ico-markMS.png);}
.marki.type2 {background-image: url(../images/ico/ico-markSnow.png); width: 23px; height: 22px;}

/*1~5 : Long, Regional, Urban, Mixed, Winter*/
.segment{ width: 40px; height: 40px; text-indent: -9999px; display: inline-block;}
.segment::before {content: ''; display: block; background: no-repeat center center; width: 100%; height: 100%;}
.segment.type1::before{ background-image: url(../images/ico/ico-segment1.png);}
.segment.type2::before{ background-image: url(../images/ico/ico-segment2.png);}
.segment.type3::before{ background-image: url(../images/ico/ico-segment3.png);}
.segment.type4::before{ background-image: url(../images/ico/ico-segment4.png);}
.segment.type5::before{ background-image: url(../images/ico/ico-segment5.png);}
.segment.type6::before{ background-image: url(../images/ico/ico-segment6.png);}
.segment.type7::before{ background-image: url(../images/ico/ico-segment7.png);}
input:checked + label .segment::before {filter: brightness(0) invert(1) !important;}

.ico.type-address{ background-image: url(../images/ico/ico-address.png);}
.ico.type-search{ background-image: url(../images/ico/ico-search.png);}
.ico.ico-excel{ background-image: url(../images/ico/ico-excel.png);}
.ico.ico-order{ background-image: url(../images/ico/ico-order.png); background-size: auto 100%; width: 16px; height: 16px;}
.ico.ico-order2{ background-image: url(../../common_f/images/common/ico-order.png);}
.ico.ico-print{ background-image: url(../images/ico/ico-print.png); background-size: auto 100%; width: 16px; height: 16px;}
.ico.ico-pdf{ background-image: url(../images/ico/ico-pdf.png);}
.ico.ico-copy{ background-image: url(../images/ico/ico-copy.png); background-size: auto 100%; width: 16px; height: 16px;}
.ico.ico-available{ background-image: url(../images/ico/ico-available.png);}
.ico.ico-bmw{ background-image: url(../images/ico/ico-supplier-bmw.png);}
.ico.ico-benz{ background-image: url(../images/ico/ico-supplier-benz.png);}
.ico.ico-volkswagen{ background-image: url(../images/ico/ico-supplier-volks.png);}
.ico.ico-audi{ background-image: url(../images/ico/ico-supplier-audi.png);}
.ico.ico-email{ background-image: url(../images/ico/ico-email.png);}
.ico.ico-car{ background-image: url(../images/ico/ico-car.png);}
.ico.ico-car2{ background-image: url(../images/ico/ico-car2.png);}
.ico.ico-caradd{ background-image: url(../images/ico/ico-caradd.png);}
.ico.ico-down3{ background-image: url(../images/ico/ico-down3.png);}
#warRtStatus > li:nth-child(1) > .ico,
.ico.ico-writing{ background-image: url(../images/ico/ico-writing.png);}
#warRtStatus > li:nth-child(2) > .ico,
.ico.ico-request{ background-image: url(../images/ico/ico-request.png);}
#warRtStatus > li:nth-child(3) > .ico,
.ico.ico-review{ background-image: url(../images/ico/ico-review.png);}
#warRtStatus > li:nth-child(4) > .ico,
.ico.ico-approved{ background-image: url(../images/ico/ico-approved.png);}
.ico.ico-incomplete{ background-image: url(../images/ico/ico-incomplete.png);}
.ico.ico-ongoing{ background-image: url(../images/ico/ico-ongoing.png);}
.ico.ico-reject{ background-image: url(../images/ico/ico-reject.png);}
.ico.ico-complete{ background-image: url(../images/ico/ico-complete2.png);}

.ico.ico-printw{ background-image: url(../images/ico/ico-printw.png);}
.ico.ico-pdfw{ background-image: url(../images/ico/ico-pdfw.png);}

.ico.ico-user, .ico.ico-name, .ico.ico-lang {text-indent: 0;}
.ico.ico-user {background-image: url(../images/ico/ico-summary-user.png);}
.ico.ico-name {background-image: url(../images/ico/ico-summary-name.png);}
.ico.ico-lang {background-image: url(../images/ico/ico-summary-lang.png);}
.ico.ico-more{ background-image: url(../images/ico/ico-more.png);}
.ico.ico-home{ background-image: url(../images/ico/ico-home.png);}
.ico.ico-save{ background-image: url(../images/ico/ico-save.png);}
.ico.ico-confirm{ background-image: url(../images/ico/ico-confirm.png);}
.ico.ico-next{ width: 16px; height: 17px; background-image: url(../images/ico/ico-next.png);}
.ico.ico-prev{ width: 16px; height: 17px; background-image: url(../images/ico/ico-next.png); transform: rotate(-180deg);}

.ico.ico-docu{ width: 20px; height: 24px; background-image: url(../images/ico/ico-docu.png);}
.ico.ico-info{ width: 24px; height: 24px; background-image: url(../images/ico/ico-info.png);}

.ico.ico-check1 {width: 25px; height: 25px; background-image: url(../images/ico/ico-check1.png);}

.btn-down {text-indent: -999rem; width: 24px; height: 24px; background: url(../images/ico/ico-pdf.png) center center no-repeat; border-radius: 3px;}/*pdf*/
.btn-down:hover {background-color: rgba(0,0,0,0.05);}

.corpgroup {display: flex; justify-content: center; align-items: center; margin: 10px 0;}
.corpgroup.rc-box {margin-right: 0;}
.corpgroup > * {margin-right: 10px;}

.myCart-section .corpgroup {justify-content: flex-start; margin: 0;}

.btn-box{ width: 100%; display: flex; justify-content: center;}
.btn-box.type-left{ justify-content: flex-start;}
.btn-box.type-left > [class*="btn"] {margin-right: 5px;}
.btn-box.type-right{ justify-content: flex-end;}
.btn-box.type-right > [class*="btn"] {margin-left: 5px;}

.btn-box .btn-64 {margin-left: 8px; margin-right: 8px;}

.btnPrev {flex-direction: row-reverse;}

input.point, select.point, .inForm-box.point { border-color: #ea7c1e !important; border-width: 2px;}
input.point:hover, select.point:hover, .inForm-box.point:hover {border-color: #863f00 !important;}
input.point:focus, select.point:focus, .inForm-box.point:focus {background-color: #fff5eb;}

.item-form,
.write-form {display: flex; flex-direction: column; align-items: stretch; flex-wrap: nowrap; justify-content: flex-start; width: 100%;}

.form-row {display: flex; flex-direction: row; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; flex: 1;}
.form-col {display: inline-flex; align-items: center; justify-content: space-between; flex-direction: row; flex: 1;}
.form-col[class*='w']{ flex: none;}

.form-row > .form-col {margin: 9px 0;}
.form-row > .form-col {margin-left: 20px;}
.form-row.column > .form-col > dd {padding-right: 40px; justify-content: flex-start;}
.form-row.column > .form-col:last-child > dd {padding-right: 0;}
div.form-row > div.form-col > * {margin-right: 7px;}

.form-col > dt {min-width: max-content; padding-right: 10px;}
.form-col > dt + dd {flex: 1;}
.form-col > dd {display: inline-flex; justify-content: space-around; align-items: center;}

.defult-form ::placeholder {font-size: 14px; line-height: 18px; color: #777;}
.defult-form ::-webkit-input-placeholder {font-size: 14px; line-height: 18px; color: #777;}
.defult-form ::-moz-placeholder {font-size: 14px; line-height: 18px; color: #777;}
.defult-form :-ms-input-placeholder {font-size: 14px; line-height: 18px; color: #777;}
.defult-form ::-ms-input-placeholder {font-size: 14px; line-height: 18px; color: #777;}

.defult-form .ph-view-r::placeholder {text-align: right;}
.defult-form .ph-view-r::-webkit-input-placeholder {text-align: right;}
.defult-form .ph-view-r::-moz-placeholder {text-align: right;}
.defult-form .ph-view-r:-ms-input-placeholder {text-align: right;}
.defult-form .ph-view-r::-ms-input-placeholder {text-align: right;}

.defult-form .txt1 {font-size: 14px; line-height: 18px; color: #777;}

.defult-form [class*="ph-view"]::-webkit-input-placeholder {display:block !important; opacity: 1 !important;}
.defult-form [class*="ph-view"]:focus::-webkit-input-placeholder {transform: translate(-1rem,calc(-100% - 0.8rem)); font-size: 12px !important; opacity: 1 !important;  display:block !important;}

/*.defult-form ::placeholder {font-size: 16px; line-height: 20px; color: #777;}
.defult-form ::-webkit-input-placeholder {font-size: 16px; line-height: 20px; color: #777;}
.defult-form ::-moz-placeholder {font-size: 16px; line-height: 20px; color: #777;}
.defult-form :-ms-input-placeholder {font-size: 16px; line-height: 20px; color: #777;}
.defult-form ::-ms-input-placeholder {font-size: 16px; line-height: 20px; color: #777;}*/

/*height*/
/*h35(basic)->40으로 변경, 40과 통합*/
.defult-form .input1,
.defult-form .address-search input,
.defult-form .inForm-box,
.defult-form .select1,
.defult-form button,
.defult-form [class*="btn"],
.defult-form .address-search .search-btn.type-address,
.defult-form .btn-search,
.defult-form [class*="wtype"] {height: 35px; height: 40px;}
.defult-form .select1,
.defult-form .input1,
.defult-form .address-search input {/*font-size: 16px;*/ color: #777;}
.defult-form .select1 {line-height: 32px; line-height: 38px;}
.defult-form .inForm-box .input1,
.defult-form .inForm-box .select1,
.defult-form .inForm-box [class*="btn"],
.defult-form .inForm-box [class*="clear"],
.defult-form .inForm-box [class*="search"] {height: 33px; height: 38px;}
.defult-form .inForm-box .select1 {line-height: 30px; line-height: 35px;}
.defult-form .inForm-box.point .input1,
.defult-form .inForm-box.point .select1,
.defult-form .inForm-box.point [class*="btn"],
.defult-form .inForm-box.point [class*="clear"],
.defult-form .inForm-box.point [class*="search"] {height: 31px; height: 36px;}
.defult-form .inForm-box.point .select1 {line-height: 28px; line-height: 33px;}

/*h40->h50(현재 쓰는건 없지만 40,50높이 두가지로 사용)*/
.defult-form.type-h50 .input1,
.defult-form.type-h50 .address-search input,
.defult-form.type-h50 .inForm-box,
.defult-form.type-h50 .select1,
.defult-form.type-h50 button,
.defult-form.type-h50 [class*="btn"],
.defult-form.type-h50 .address-search .search-btn.type-address,
.defult-form.type-h50 .btn-search,
.defult-form.type-h50 [class*="wtype"] {height: 40px;}
.defult-form.type-h50 .select1 {line-height: 38px;}
.defult-form.type-h50 .inForm-box .input1,
.defult-form.type-h50 .inForm-box .select1,
.defult-form.type-h50 .inForm-box [class*="btn"],
.defult-form.type-h50 .inForm-box [class*="clear"],
.defult-form.type-h50 .inForm-box [class*="search"] {height: 38px;}
.defult-form.type-h50 .inForm-box .select1 {line-height: 37px;}
.defult-form.type-h50 .inForm-box.point .input1,
.defult-form.type-h50 .inForm-box.point .select1,
.defult-form.type-h50 .inForm-box.point [class*="btn"],
.defult-form.type-h50 .inForm-box.point [class*="clear"],
.defult-form.type-h50 .inForm-box.point [class*="search"] {height: 36px;}
.defult-form.type-h50 .inForm-box.point .select1 {line-height: 33px;}

.defult-form.type-h50 .input1,
.defult-form.type-h50 .address-search input,
.defult-form.type-h50 .select1 {font-size: 14px;}

.defult-form .input1,
.defult-form .select1,
.defult-form .textarea1,
.defult-form .input1-type {width: 100%; padding-left: 15px; border-radius: 2px;}
.defult-form .input1,
.defult-form .textarea1,
.defult-form .input1-type {padding-right: 15px;}

.defult-form .input1.ph-view-r::placeholder {padding-right: 0;}
.defult-form .input1.ph-view-r::-webkit-input-placeholder {padding-right: 0;}
.defult-form .input1.ph-view-r::-moz-placeholder {padding-right: 0;}
.defult-form .input1.ph-view-r:-ms-input-placeholder {padding-right: 0;}
.defult-form .input1.ph-view-r::-ms-input-placeholder {padding-right: 0;}

.defult-form .address-search input {margin-right: 0;}
.defult-form .input1.datepicker {background-position-x: calc(100% - 11px); padding-right: 44px;}
.defult-form .textarea1 {padding: 15px;}
.defult-form .input1-type {padding-left: 0; padding-right: 0;}

.defult-form button, .defult-form [class*="btn"] {min-width: 45px; border-radius: 2px;}
.defult-form .address-search .search-btn.type-address {min-width: 50px;}
.defult-form * + button, .defult-form * + [class*="btn"] {margin-left: 7px;}

.defult-form .btn-search {min-width: 45px; text-indent: -9999px; position: relative; border: 1px solid #ccc;}
.defult-form .btn-search::before,
.defult-form .btn-search:hover::after {content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.defult-form .btn-search::before {background-position: center center; background-repeat: no-repeat; border-radius: 3px; z-index: 1;}
.defult-form .btn-search::after {background-color: #f1f1f1; z-index: -1;}
.defult-form .btn-search::before {background-image: url(../images/ico/ico-search.png);}
.defult-form .btn-search:hover {background-color: transparent;}

.defult-form .inForm-box [class*="input"]
.defult-form .inForm-box [class*="select"] {z-index: 1;}
.defult-form .inForm-box [class*="btn"],
.defult-form .inForm-box [class*="clear"],
.defult-form .inForm-box [class*="search"] {min-width: 33px; margin-left: 0; z-index: 1;}

.defult-form .inForm-box.point [class*="btn"],
.defult-form .inForm-box.point [class*="clear"],
.defult-form .inForm-box.point [class*="search"] {min-width: 31px;}
.defult-form .inForm-box.point .btn-search::before {background-image: url(../images/ico/ico-search4.png);}

.defult-form [class*="wtype"] {display: inline-flex; justify-content: center; align-items: center;}
.defult-form .wtype1 {width: 44px;}

.defult-form .pos-A {position: relative;}
.defult-form .pos-A .input1 {padding-right: 67px;}
.defult-form .pos-A [class*="wtype"] {position: absolute; right: 40px;}
.defult-form .form-row > .form-col:last-child > dd.pos-A [class*="wtype"] {right: 0px;}

.defult-form dt > .label {font-size: 14px; line-height: 18px; color: #777; padding-left: 10px; position: relative;}
.defult-form dt > .label::before {content: ''; display: block; width: 4px; height: 4px; border-radius: 2px; background-color: #ea7c1e; position: absolute; left: 0; top: 7px;}
.defult-form dd .select1 {padding-right: 35px;}

.defult-form.df-type1 .form-row.column > .form-col > dd {padding-right: 10px;}
.defult-form.df-type1 .form-row.column > .form-col:last-child > dd {padding-right: 0;}
.defult-form.df-type1 .form-col dd > * {margin-right: 10px;}
.defult-form.df-type1 .form-col dd > *:last-child {margin-right: 0;}
.defult-form.df-type1 .form-col dd > *[style*="width"] + * {flex: 1;}

.defult-form-title {padding: 0 0 12px 7px;}

.childDot-box {display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start;}
.childDot-box > dl,
.childDot-box > div {background: url(../images/ico/line_dot1.png) bottom left repeat-x; padding: 20px 0;}
/*.childDot-box > div {padding: 0; padding-bottom: 20px;}*/

.childDot-box.coltype {flex-direction: row; justify-content: space-between; align-items: flex-start;}
.childDot-box.coltype > dl,
.childDot-box.coltype > div {background: url(../images/ico/line_dot2.png) 100% top repeat-y; padding: 0 20px; flex: 1;}
.childDot-box.coltype > *:last-child {background: none;} 

.area-body,
.area-bottom {width: 100%;}

.area-bottom {margin-top: 35px;}
.area-bottom .btn-more {display: flex; justify-content: center;}

.setting-box {display: flex;}
.setting-box dt {padding-left: 10px; position: relative; min-height: 50px; padding-bottom: 10px;}
.setting-box dt::before {content: ''; display: block; width: 4px; height: 4px; border-radius: 2px; background-color: #ea7c1e; position: absolute; left: 0; top: 7px;}
.setting-box .setting-inbox {flex: 1;}
.setting-box .ckGroup > span,
.setting-box .rc-box {margin: 0 20px 20px 0;}

.childDot-box.coltype .setToggle-box {justify-content: space-evenly; padding-top: 0;}
.childDot-box.coltype .setToggle-box .setting-inbox {flex: unset;}

.childDot-box.coltype ~ dl:not(.childDot-box),
.childDot-box.coltype ~ div:not(.childDot-box) {padding-left: 1.5vw; padding-right: 1.5vw;}

.screenSet-area .childDot-box.coltype .setToggle-box .setting-inbox {max-width: calc(50% - 10px); display: flex; flex-direction: column; justify-content: space-between;}
.screenSet-area .switch-txt.viewtype p + .switch {width: 70%;}

.order-search{ width: 100%; padding: 5px 15px; display: flex; flex-direction: column; border: 2px solid #000; border-radius: 9px; margin-top: 5px; margin-bottom: 5px;}
.order-search.linetype1 {border: 1px solid #ccc}
.order-search .wrap-detail{ display: none;}
.order-search.on .wrap-detail{ display: block;}
.order-search .wrap-default{ padding: 5px 0;}
.order-search .wrap-detail{ padding: 10px 130px 10px 0;}
.order-search .wrap-default{ display: flex; align-items: center; justify-content: space-between;}
/*.order-search .search-btn + .search-btn{ margin-left: 5px;}*/
.order-search .search-btn.type-search{ width: 50px; height: 50px; background-repeat: no-repeat; background-position: center center; text-indent: -9999px; display: inline-block; border: 1px solid #ddd; border-radius: 3px;}
/*.order-search .search-btn.type-detail{ width: 165px; height: 50px; background: url(../images/ico/ico-open.png) no-repeat calc(100% - 10px) center; font-size: 12px; color: #777; line-height: 48px; padding: 0 10px; display: inline-block; border: 1px solid #ddd; border-radius: 3px;}*/
.order-search .search-btn.type-detail{ width: 165px; height: 50px;  font-size: 14px; color: #777; line-height: 18px; padding: 0 10px; display: inline-block; border: 1px solid #ddd; border-radius: 3px; position: relative; display: inline-flex; align-items: center;}
.order-search .search-btn.type-detail {width: 150px; padding-right: 30px; line-height: 15px;}
.order-search .search-btn.type-detail::after {content: ''; display: block; width: 12px; height: 12px; background: url(../images/ico/ico-open.png) no-repeat center center; position: absolute; right: 10px; top: 50%; margin-top: -6px; transform: rotate(0deg); transition: .2s;}
.order-search.on .search-btn.type-detail::after {transform: rotate(-180deg)}
.order-search .search-btn.type-address{ width: 50px; height: 50px; background-repeat: no-repeat; background-position: center center; text-indent: -9999px; display: inline-block; border: 1px solid #ddd; border-radius: 3px;}
.order-search .type-h40 .search-btn.type-search{ width: 40px; height: 40px;}
.order-search .type-h40 .search-btn.type-detail{ height: 40px; line-height: 17px;}
.order-search .search-btn:not(span):hover{ border-color: #333;}
.order-search .wrap-default .dl-search{ display: flex;}
.order-search .wrap-default .dl-search dl{ display: flex; flex-wrap: wrap; flex: 1; padding-right: 30px;}
.order-search .wrap-default .dl-search dl + dl{ margin-left: 30px; position: relative; margin-left: 0;}
.order-search .wrap-default .dl-search dl + dl::before{ width: 1px; height: 100%; background-color: #ccc; content: ''; position: absolute; top: 0; left: -15px;}
.order-search .wrap-default .dl-search dl dt{ font-size: 14px; line-height: 18px; display: flex; align-items: center; margin-right: 5px;}
.order-search .wrap-default .dl-search dl dd{ margin-right: 5px; display: flex; flex: 1;}
.order-search .wrap-default .dl-search dl dd:last-of-type {margin-right: 0;}
.order-search .wrap-default .dl-search dl dd p{ font-size: 14px; line-height: 18px; display: flex; align-items: center;}
.order-search .wrap-default .btn-regi,
.order-search .wrap-default .dl-search .btn-regi{ font-size: 14px; line-height: 18px; padding: 5px 40px; margin: 5px 0; display: inline-flex; align-items: center; border: 1px solid #ccc; border-radius: 20px; min-height: 40px;}
.order-search .wrap-default .btn-regi:hover,
.order-search .wrap-default .dl-search .btn-regi:hover{ border-color: #333;}
.order-search .wrap-default .dl-search.type-centralInvoicing{ margin-top: -5px; justify-content: space-between;}
.order-search .wrap-default .dl-search.type-centralInvoicing .sb-left{ display: flex; flex-wrap: wrap; flex: 1;}
.order-search .wrap-default .dl-search.type-centralInvoicing .sb-left dl{ padding-right: 20px; margin: 5px 20px 0 0; flex: none; border-right: 1px solid #ccc;}
.order-search .wrap-default .dl-search.type-centralInvoicing .sb-left dl:last-child{ padding-right: 0; margin-right: 0; border: 0;}
.order-search .wrap-default .dl-search.type-centralInvoicing .sb-right{ text-align: right;}
.order-search .wrap-default .dl-search.type-centralInvoicing dl + dl::before{ display: none;}
.order-search .wrap-default .dl-search.type-centralInvoicing .btn-regi{ margin-top: 5px;}

.order-search .wrap-default .dl-search dl dd > .search-btn.type-search,
.order-search .wrap-default .dl-search dl dd > * {margin-left: 0; margin-right: 5px;}
.order-search .wrap-default .dl-search dl dd > *:last-child {margin-right: 0;}

.order-search .wrap-default .dl-search .rangeDatepicker input{ height: 40px; background-position: calc(100% - 15px) center; padding: 0 40px 0 15px; line-height: 38px; border-radius: 20px;}
.order-search .wrap-default .dl-search .rangeDatepicker span{ height: 40px; line-height: 40px;}
.order-search .wrap-default .dl-search .search-btn.type-search{ width: 40px; height: 40px; line-height: 17px; margin-left: 5px;}
.order-search .wrap-default .dl-search .search-btn.type-detail{ height: 40px; line-height: 38px; line-height: 17px;}
.order-search .wrap-default .dl-search select {height: 40px; line-height: 38px;}
.order-search .wrap-default .dl-search.type-h50 dl dt{ height: 50px;}
.order-search .wrap-default .dl-search.type-h50 dl dd p{ height: 50px;}
.order-search .wrap-default .dl-search.type-h50 select,
.order-search .wrap-default .dl-search.type-h50 .address-search select,
.order-search .wrap-default .dl-search.type-h50 .rangeDatepicker input,
.order-search .wrap-default .dl-search.type-h50 .address-search input{ height: 50px; line-height: 48px;}
.order-search .wrap-default .dl-search.type-h50 .rangeDatepicker input {border-radius: 25px;}
.order-search .wrap-default .dl-search.type-h50 .address-search .search-btn.type-address{ width: 50px; height: 50px;}
.order-search .wrap-default .dl-search.type-h50 .search-btn.type-search,
.order-search .wrap-default .dl-search.type-h50 .search-btn.type-detail {height: 50px;}
.order-search .wrap-default .dl-search.type-h50 .search-btn.type-search {width: 50px;}
.order-search .wrap-default .dl-search dl.has-dlInbox .search-btn.type-search,
.order-search .wrap-default .dl-search dl.has-dlInbox > * {margin: 0 5px 0 0;}
.order-search .wrap-default .dl-search dl.has-dlInbox .dl-inbox {display: inline-flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; margin-right: 10px;}
.order-search .wrap-default .dl-search dl.has-dlInbox .dl-inbox:last-of-type {margin-right: 5px;}
.order-search .wrap-default .dl-search dl.has-dlInbox .dl-inbox > dt,
.order-search .wrap-default .dl-search dl.has-dlInbox .dl-inbox > dd {margin: 5px 5px 5px 0;}
.order-search .wrap-default .dl-search dl.has-dlInbox .dl-inbox ~ .search-btn {margin: 5px 5px 5px 0;}
.order-search .wrap-default .dl-search dl.has-dlInbox .dl-inbox ~ .search-btn:last-child {margin-right: 0;}
.order-search .dl-search dl.merge-r2{ flex: 2 !important;}
.order-search .dl-search dl.merge-r3{ flex: 3 !important;}
.order-search .dl-search dl.merge-r4{ flex: 4 !important;}
.order-search .form-search{ display: flex;}
.order-search .form-search > div,
.order-search .form-search > span,
.order-search .form-search > select,
.order-search .form-search > input {flex: 1;}
.order-search .wrap-default select,
.order-search .wrap-default input{ height: 50px; padding: 0 10px;}
.order-search .wrap-default select {padding-right: 32px;}
.order-search .wrap-default select#select_search_detail {/*min-width: 140px;*/width: max-content;}
.order-search .type-h40 select,
.order-search .type-h40 input,
.wrap-detail .wrap-search .type-h40 .input1 { height: 40px; padding: 0 10px;}
.order-search .type-h40 select {padding-right: 25px;}
.order-search .type-h40 .rangeDatepicker span{ height: 40px; line-height: 40px;}
.order-search .dl-search > select,
.order-search .form-search > select{ background-position: calc(100% - 10px) center; padding-right: 25px;}
.order-search .form-search > .rangeDatepicker{ flex: none;}
.order-search .wrap-default .select1.point + .input1,
.order-search .wrap-default .select1.point + .input-auto-complete .input1,
.order-search .wrap-default .select1.point + .input-auto-complete + .search-btn.type-search,
.order-search .wrap-default .select1.point + .input1 + .search-btn.type-search{ border: 2px solid #ea7c1e; border-radius: 3px;}
.order-search .wrap-default .select1.point + .input1 + .search-btn.type-search:hover,
.order-search .wrap-default .select1.point + .input-auto-complete + .search-btn.type-search:hover{ border-color: #863f00;}

.order-search .wrap-default .default-search > .select1#select_search_detail,
.order-search .wrap-default .default-search > .select1#select_search_detail + .input-auto-complete .input1,
.order-search .wrap-default .default-search > .select1#select_search_detail + .input-auto-complete + .search-btn.type-search,
.order-search .wrap-default .default-search > .select1#select_search_detail + .input1 + .search-btn.type-search {border: 2px solid #ea7c1e; border-radius: 3px;}
.order-search .wrap-default .default-search > .select1#select_search_detail:hover,
.order-search .wrap-default .default-search > .select1#select_search_detail + .input-auto-complete .input1:hover,
.order-search .wrap-default .default-search > .select1#select_search_detail + .input-auto-complete + .search-btn.type-search:hover,
.order-search .wrap-default .default-search > .select1#select_search_detail + .input1 + .search-btn.type-search:hover {border-color: #863f00;}

.order-search .wrap-default .dl-search.type-dltype2 dl.has-dlInbox .dl-inbox dt {width: auto; color: #555; padding-left: 0;}
.order-search .wrap-default.wrap-detail .wrap-search .dl-search.type-dltype2 dl.has-dlInbox .dl-inbox + .dl-inbox dt {padding-left: 0;}

.order-search .dl-search .ckGroup,
.order-search .form-search .ckGroup{ flex: none;}
.order-search .ckGroup label{ height: 50px; padding: 0 30px; border-radius: 25px;}
.order-search .type-h40 .ckGroup label{ height: 40px;}
.order-search .wrap-detail .ckGroup label,
.order-search .wrap-detail .ckGroup label{ height: 30px; padding: 0 16px; border-radius: 15px; font-size: 13px; line-height: 17px;}
/*.order-search .ckGroup{ margin-top: -4px;}
.order-search .ckGroup span{ margin: 4px 7px 0 0;}*/
.order-search .ckGroup span {margin: 0;}
.order-search .ckGroup > span {margin: 5px 5px 5px 0;}
.order-search .ckGroup > span:last-child {margin-right: 5px !important;}
.order-search .wrap-default + .wrap-detail{ border-top: 1px solid #000;}
.order-search .wrap-search{ display: flex; flex-direction: column; flex: 1; position: relative;}
/*.order-search .wrap-search + .wrap-btn{ margin-left: 30px;}*/
/*.order-search .wrap-btn{ width: 104px; text-align: center; padding: 0 10px; position: relative;}*/
.order-search .wrap-btn{ min-width: 94px; text-align: center; padding-left: 10px; position: relative;}
.order-search .wrap-search ~ .wrap-btn {margin-left: 10px;}
.order-search .wrap-btn::before{ width: 1px; height: 58px; background-color: #ddd; content: ''; margin-top: -29px; position: absolute; top: 50%; left: 0;}
.order-search .wrap-btn a{ background: no-repeat center top; padding: 50px 0 0 0; display: flex; flex-direction: column; position: relative; z-index: 0;}
.order-search .wrap-btn a::before{ width: 41px; height: 41px; background: no-repeat center center #333; content: ''; margin-left: -20px; border-radius: 50%; position: absolute; top: 0; left: 50%;}
.order-search .wrap-btn a:hover::after{ width: calc(100% + 10px); height: calc(100% + 10px); background-color: #f1f1f1; content: ''; border-radius: 6px; box-sizing: border-box; position: absolute; top: -5px; left: -5px; z-index: -1;}
.order-search .wrap-btn a .txt{ width: 100%; font-weight: 400; color: #333; text-align: center; line-height: 14px;}
.order-search .wrap-btn.type-favorite a::before{ background-image: url(../images/ico/ico-favorite-ov2.png); background-color: #ea7c1e;}
.order-search .wrap-btn.type-favorite .count{ height: 15px; background-color: #333; font-size: 11px; color: #fff; text-align: center; line-height: 15px; padding: 0 6px; margin-left: 0; display: inline-block; border-radius: 13px; position: absolute; top: -2px; left: 50%; margin-left: 3px;}
.order-search .wrap-btn.type-order a::before{ background-image: url(../images/ico/ico-cart6.png); background-position: 8px 5px;}
.order-search .wrap-btn.type-qOrder a::before{ background-image: url(../images/ico/ico-cart4.png);}

.order-search .default-search{ display: flex; flex-wrap: wrap;}

.order-search .default-search.type-pcmo1 {flex-direction: row;}
.order-search .default-search.type-pcmo1 .pcmo-box {display: inline-flex; justify-content: flex-start; align-items: center;}
.order-search .default-search.type-pcmo1 .pcmo-box > * {margin-right: 5px;}
.order-search .default-search.type-pcmo1 .pcmo-box > .select1 {width: max-content !important; }

.order-search .input-auto-complete { flex: 1; position: relative; z-index: 3;}
html.moHtml .order-search .input-auto-complete {min-width: 120px;}

.order-search .form-search > *:not(.pcmo-box),
.order-search .default-search > *:not(.pcmo-box),
.order-search .form-search > *.pcmo-box > *,
.order-search .default-search > *.pcmo-box > * {margin: 5px 5px 5px 0;}
.order-search .default-search > .ckGroup:first-child,
.order-search > .wrap-search > .default-search:first-child > .select1:not(.point):first-child
.order-search > .wrap-search > .dl-search + .default-search > .select1:not(.point):first-child {margin-right: 15px;}
.order-search .default-search > .ckGroup:first-child:empty {margin-right: 0;}

.order-search .default-search > *.pcmo-box > .ckGroup > span {margin-top: 0; margin-bottom: 0;}

.order-search .form-search > *.pcmo-box > *,
.order-search .default-search > *.pcmo-box > *:last-child {margin-right: 0;}

/*.order-search .default-search > .select1.point:first-child,
.order-search .default-search > .select1.point:first-child[style="width: 147px;"] {width: 20% !important; max-width: 200px;}*/

.order-search .default-search .input1[placeholder="Order No."] {min-width: 135px;}
.order-search .default-search .input1[placeholder="Size"] {min-width: 245px;}

.order-search .default-search > *:last-child {margin-right: 0;}

html.pcHtml.FIX_order-search .order-search{ background-color: #fff; position: sticky; top: 12px; z-index: 3;}
html.pcHtml.FIX_order-search .order-search::before{ height: calc(100% + 28px); background-color: #fff; content: ''; position: absolute; top: -14px; left: -2px; right: -2px; z-index: -2;}
html.pcHtml.FIX_order-search .order-search::after{ height: 100%; content: ''; border: 2px solid #000; border-radius: 9px; position: absolute; top: -2px; left: -2px; right: -2px; z-index: -1;}
html.pcHtml.FIX_order-search .template .order-search{ position: static;}
html.pcHtml.FIX_order-search .template .order-search::before,
html.pcHtml.FIX_order-search .template .order-search::after{ display: none;}
/* .FIX_order-search .order-search .address-search{ display: none;}
.FIX_order-search .order-search .search-default .default-search,
.FIX_order-search .order-search .search-range .range-search{ margin-top: 0;} */

.address-search{ display: flex; flex: 1; justify-content: space-between;}
.address-search .input1.txt,
.address-search input{ width: 100%; height: 40px; background-color: #fff; font-size: 14px; color: #777; line-height: 38px; padding: 0 10px; margin-right: 5px; flex: 1; border: 1px solid #ddd; border-radius: 3px;}
.address-search input:not(:read-only, :disabled):hover {border-color: #444;}
.address-search input:not(:read-only, :disabled):focus {border-color: #f37020;}
.address-search input:read-only,
.address-search input:disabled {background-color: #f5f5f5;}
.address-search .search-btn.type-address{ width: 35px; height: 40px; background-repeat: no-repeat; background-position: center center; text-indent: -9999px; display: inline-block; border: 1px solid #ddd; border-radius: 3px;}
.address-search .search-btn.type-address + div
.address-search .search-btn:not(span):hover{ border-color: #333;}
.address-search.type-h50 input{ height: 50px; line-height: 48px;}
.address-search.type-h50 .search-btn.type-address{ width: 50px; height: 50px;}
.address-search > * {margin: 2px 5px 2px 0;}
.address-search .input1.txt {margin-right: 0; position: relative;}
.address-search .input1.txt span {display: -webkit-box; display: block; width: calc(100% - 20px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: absolute; left: 10px; right: 10px; top: 0; bottom: 0;}
.address-search span.search-btn + .input1.txt {flex: 1; }

.search-default{ background-color: #fff; display: flex; align-items: center; justify-content: space-between; position: relative; z-index: 9;}
.search-default::after{ width: 100%; height: 1px; background-color: #444; content: ''; position: absolute; bottom: -1px; left: 0;}
.list-head.flex-sb .sb-l.search-default::after {content: none;}
.search-default .default-search{ display: flex; position: relative;}
.search-default .default-search .select1{ width: 147px; height: 50px; background-position: calc(100% - 10px) 50%; font-size: 14px; padding: 0 10px; border-radius: 3px; padding-right: 32px;}
.search-default .search-btn:not(span):hover{ border-color: #333;}

.wrap-detail{ position: relative; z-index: 1;}
.wrap-detail .search-btn.type-close{ width: 30px; height: 30px; background: url(../images/ico/ico-close.png) no-repeat center center; text-indent: -9999px; display: inline-block; border-radius: 50%; position: absolute; top: 10px; right: 0;}
.wrap-detail .search-btn.type-close:hover{ background-color: #f1f1f1;}
.wrap-detail .search-btn.type-search{ width: auto; height: 43px; background: url(../images/ico/ico-search2.png) no-repeat 17px center #333; font-size: 14px; text-indent: 0; color: #fff; line-height: 43px; padding: 0 19px 0 44px; display: inline-block; border-radius: 3px; position: absolute; bottom: 15px; right: 0;}
.wrap-detail .search-btn.type-search:hover{ background-color: #666;}
.wrap-detail .wrap-search{ display: flex; flex-direction: column;}
.wrap-detail .wrap-search dl{ display: flex; justify-content: space-between;}
.wrap-detail .wrap-search dl::before{ display: none;}
.wrap-detail .wrap-search dl + dl{ margin: 5px 0 0 0;}
.wrap-detail .wrap-search dt{ width: 125px; font-size: 13px; color: #777; line-height: 17px; display: flex; align-items: center; padding-right: 5px;}
.wrap-detail .wrap-search dt::before{ width: 4px; min-width: 4px; height: 4px; background-color: #ea7c1e; content: ''; margin: 0 9px 0 5px; display: inline-block; border-radius: 50%;}
.wrap-detail .wrap-search dd{ flex: 1;}
.wrap-detail .wrap-search .select1{ width: 130px; height: 30px; background-image: url(../images/ico/ico-select-down.png); background-position: calc(100% - 10px) 50%; font-size: 13px; padding: 0 25px 0 10px; border-width: 1px; border-radius: 3px;}
.wrap-detail .wrap-search .input1{ height: 30px; line-height: 28px;}
.wrap-detail .wrap-search .rangeDatepicker .input1{ width: 140px !important;}
.wrap-detail .wrap-search .rangeDatepicker span{ height: 30px; line-height: 30px;}
.wrap-detail .wrap-search .dl-search{ display: flex;}
.wrap-detail .wrap-search .dl-search dl{ flex: 1; min-width: 25%; flex-basis: 25%;}
.wrap-detail .wrap-search .dl-search dl ~ .flex1 {flex-basis: 25% !important;}
.wrap-detail .wrap-search .dl-search * + dl{ margin: 0;}
.wrap-detail .wrap-search .dl-search * + dl dt{ padding-left: 10px;}
.wrap-detail .wrap-search .dl-search + .dl-search {margin-top: 8px;}
.wrap-detail .wrap-search .dl-search .select1,
.wrap-detail .wrap-search .dl-search .input1{width: 100%;}
.wrap-detail .address-search input{ height: 30px; line-height: 28px;}
.wrap-detail .address-search .search-btn.type-address{ height: 30px;}
.wrap-detail .search-box{ display: flex;}
.wrap-detail .search-box input{ flex: 1;}
.wrap-detail .search-box .btn-search{ width: 30px; height: 30px; border-radius: 3px;}
.wrap-detail .wrap-search dt,
.wrap-detail .wrap-search dd > * {margin: 2px 5px 2px 0;}
.wrap-detail .wrap-search .dl-search.type-dltype2 dl.has-dlInbox > .dl-inbox,
.wrap-detail .wrap-search .dl-search > dl {padding-right: 15px;}
.wrap-detail .wrap-search .dl-search.type-dltype2 dl.has-dlInbox > .dl-inbox:last-child,
.wrap-detail .wrap-search .dl-search > dl:last-child {padding-right: 0;}
.wrap-detail .wrap-search dt {word-break: initial;}

.wrap-detail .wrap-search .dl-search.type-dltype2 dl.has-dlInbox {justify-content: flex-start; min-width: unset; flex-basis: unset;}
.wrap-detail .wrap-search .dl-search.type-dltype2 dl.has-dlInbox .dl-inbox {margin-right: 0; padding-right: 40px;}
.wrap-detail .wrap-search .dl-search.type-dltype2 dl.has-dlInbox .dl-inbox + .dl-inbox dt {padding-left: 10px;}

.wrap-default.wrap-detail {padding-right: 0;}
.wrap-default.wrap-detail .wrap-search .dl-search + .dl-search.type-dltype2 {border-top: 1px dashed #ccc; padding-top: 8px;}
.wrap-default.wrap-detail .dl-search.type-dltype2 {flex-wrap: wrap; justify-content: flex-end;}
.wrap-default.wrap-detail .dl-search.type-dltype2 .sb-right {display: flex; justify-content: flex-end; align-items: center; flex-wrap: wrap;}
.wrap-default.wrap-detail .dl-search.type-dltype2 .sb-right .search-btn.type-search {position: relative; bottom: auto; right: auto;}
.wrap-default.wrap-detail .dl-search.type-dltype2 .sb-right [class*="btn"] {width: auto; display: inline-flex; align-items: center; justify-content: center;}
.wrap-default.wrap-detail > .wrap-search .dl-search.type-dltype2 {padding-right: 300px;}
.wrap-default.wrap-detail > .sb-right {position: absolute; right: 0; bottom: 10px;}
.wrap-default.wrap-detail > .sb-right .search-btn.type-search {position: relative; bottom: auto; right: auto;}
.wrap-default.wrap-detail > .sb-right [class*="btn"] + [class*="btn"] {margin-left: 10px;}

.search-range .wrap-search{ display: flex; flex-direction: column;}
.search-range .address-search{ max-width: 830px;}
.search-range .address-search + .range-search{ margin-top: 5px; margin-top: 0;}
.search-range .range-search{ display: flex; flex-wrap: wrap;}
.search-range .range-search .rangeDatepicker + .ckGroup{ margin-left: 15px;}
.search-range .range-search .ckGroup.type-range span{ margin-right: 5px;}
.search-range .range-search .wrap-search{ margin-left: 15px; display: flex; flex-direction: row; flex: 1;}
.search-range .range-search .wrap-search input{ width: 135px; padding: 0 10px; margin-right: 5px;}
.search-range .range-search .wrap-search input:nth-child(3){ max-width: 245px; flex: 1;}
.search-range .range-search > div {white-space: nowrap; margin-top: 5px;}

.input-auto-complete .input1{ width: 100%; height: 50px; font-size: 14px; padding: 0 10px !important; border-radius: 3px;}
.input-auto-complete.on .input1 + .con{ display: block;}
.input-auto-complete .con{ background-color: #fff; padding: 20px; margin: 0 !important; display: none; border: 1px solid #444; border-radius: 10px; position: absolute; top: 55px; left: 0; min-width: 100%;}
.default-search.type-h40 .input-auto-complete .con {top: 45px;}
.input-auto-complete .con dl{ display: flex; flex-direction: column;}
.input-auto-complete .con dt{ font-size: 14px; line-height: 18px; padding-bottom: 15px; border-bottom: 1px solid #444; padding-right: 12px;}
.input-auto-complete .con dd{ margin: 10px 0 0 0; display: flex; flex-wrap: wrap;}
.input-auto-complete .con dd a{ font-size: 14px; color: #444; line-height: 22px; padding: 5px 20px; margin: 5px 5px 0 0; display: inline-block; border: 1px solid #444; border-radius: 17px;}
.input-auto-complete .con dd a:hover{ background-color: #f1f1f1;}
.input-auto-complete .con .close-btn{ width: 22px; height: 22px; text-indent: -9999px; display: inline-block; overflow: hidden; position: absolute; top: 10px; right: 10px;}
.input-auto-complete .con .close-btn:hover{ background-color: #f1f1f1;}
.input-auto-complete .con .close-btn::before{ width: 1px; height: 20px; background-color: #333; content: ''; margin: -10px 0 0 0; position: absolute; top: 50%; left: 50%; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg);}
.input-auto-complete .con .close-btn::after{ width: 20px; height: 1px; background-color: #333; content: ''; margin: 0 0 0 -10px; position: absolute; top: 50%; left: 50%; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg);}

.order-list .list-body.block-list > *,
.block-list {border-top: 1px solid #ddd;}
.block-list > dl {border-bottom: 1px solid #ddd;}
.block-list > dl > dt {padding: 5px 10px;}
.block-list > dl > dt + dd.list-body {margin: 0; padding: 0px 15px 15px;}

.order-list .list-body.block-list {border-top: 0 none;}

.block-openClose > .list-head .sb-r .btn-oc {width: 30px; height: 30px;}
.block-openClose > .list-body {display: none;}

.result-total {font-size: 14px; line-height: 18px; font-weight: 400; color: #555; text-align: center;}
.result-total .txt {font-size: 21px; line-height: 25px; font-weight: 500; color: #333;}
.result-total .txt1 {font-size: 14px; font-weight: 400; color: #333;}
.result-total .txt1 strong {font-weight: 500;}
.result-total .num {color: #ec6608;}
.result-total p + p {margin-top: 5px;}
.result-total p.txt + p {margin-top: 10px;}

.result-list .num {font-size: 16px; font-weight: 500; color: #333;}
.result-list > .list {display: flex; justify-content: space-between; align-items: stretch; width: 100%; font-size: 14px;  color: #777; background-color: #fff; border-radius: 10px; border: 1px solid #ddd;}
.result-list > .list > .r-inbox {display: inline-flex; justify-content: center; align-items: center; flex-direction: column; padding: 10px; min-height: 98px; position: relative;}
.result-list > .list > .r-inbox::after {content: ''; display: block; width: 1px; height: auto; position: absolute; right: 0; top: 0; bottom: 0; background-color: #ddd;}
.result-list > .list > .r-inbox:first-child {border-top-left-radius: 10px; border-bottom-left-radius: 10px;}
.result-list > .list > .r-inbox:last-child {border-top-right-radius: 10px; border-bottom-right-radius: 10px;}
.result-list > .list > .r-inbox:last-child::after {content: none;}
.result-list > .list > .r-inbox {flex: 1;}
.result-list > .list > .r-inbox.wtype1 {width: 15%;}
.result-list > .list > .r-inbox.wtype2 {width: 35%;}
.result-list > .list > .r-inbox.btn {width: 80px; flex: none; padding: 0 5px;}
.result-list > .list > .r-inbox.btn [class*="btn-46"] {width: 100%; padding: 5px; word-break: break-word; border-radius: 23px;font-size: 14px; line-height: 14px;}
.result-list > .list > .r-inbox .status-box {padding: 0; border: 0 none;}
.result-list > .list > .r-inbox .status-box::before {content: none;}
.result-list > .list > .r-inbox p + .status-box {margin-top: 5px;}
.result-list > .list + .list {margin-top: 10px;}


.order-search + .tab-box {margin: 5px 0;}

.order-list{ width: 100%; margin: 0; display: flex; flex-direction: column;}
.order-list.type-openAR{ padding: 10px; border: 1px solid #ccc;}
.order-list .list-head{ align-items: center;}
.order-list .list-head .list-range{ font-size: 14px; color: #777; line-height: 18px; display: flex; align-items: center; flex-wrap: wrap; position: relative; padding-right: 18px; padding-left: 18px;}
.order-list .list-head .list-range::after{ width: 1px; height: 10px; background-color: #ccc; content: ''; margin: 0; display: inline-block; position: absolute; top: 50%; right: 0; margin-top: -5px;}
.order-list .list-head .list-range:first-child {}
.order-list .list-head .list-range:first-child:before{ width: 4px; height: 4px; background-color: #ea7c1e; content: ''; margin: 0 7px; display: inline-block; border-radius: 50%; position: absolute; top: 7px; left: 0;}
.order-list .list-head .list-range:last-child {margin-right: 0; padding-right: 0;}
.order-list .list-head .list-range:last-child::after {content: none;}
.order-list .list-head .list-range strong{ font-weight: 600; font-size: 14px; color: #333;}
.order-list .list-head .list-range strong:nth-child(1){ margin: 0 2px 0 2px;}
.order-list .list-head .list-range strong:nth-child(2){ margin: 0 2px;}
.order-list .list-head .list-range strong:nth-child(3){ margin: 0 0 0 2px;}

.order-list .list-head .list-range.rc-box {margin-right: 0;}
.order-list .list-head .list-range.rc-box input[type='radio'] + label,
.order-list .list-head .list-range.rc-box input[type='checkbox'] + label {padding-left: 0;}
.order-list .list-head .list-range.rc-box input[type='radio'] + label:before,
.order-list .list-head .list-range.rc-box input[type='checkbox'] + label:before {content: none;}
.order-list .list-head a.list-range:hover strong,
.order-list .list-head button.list-range:hover strong,
.order-list .list-head a.list-range.active strong,
.order-list .list-head button.list-range.active strong,
.order-list .list-head .list-range.rc-box input[type='radio']:checked + label strong,
.order-list .list-head .list-range.rc-box input[type='checkbox']:checked + label strong {color: inherit;}
.order-list .list-head a.list-range.active,
.order-list .list-head button.list-range.active,
.order-list .list-head .list-range.rc-box input[type='radio']:checked + label,
.order-list .list-head .list-range.rc-box input[type='checkbox']:checked + label {color: #ec6c08;}
.order-list .list-head a.list-range:hover,
.order-list .list-head button.list-range:hover {color: #ec6c08;}

.order-list .list-head > .sb-l,
.order-list .list-head > .sb-r {display: flex; min-height: 30px; align-items: center; flex-wrap: wrap; margin-top: 5px; margin-bottom: 5px;}
.order-list .list-head > .sb-l {justify-content: flex-start;}
.order-list .list-head > .sb-r {justify-content: flex-end;}
.order-list .list-head > .sb-l > *,
#massOrderWrap .order-list .list-head > .sb-r > a,
.order-list.type-status .list-head > .sb-r > a {margin-top: 5px; margin-bottom: 5px;}
.order-list .list-head > .sb-r > a{ margin-left: 5px;}
.order-list .list-head .ckGroup span{ margin: 0;}
.order-list .list-head .ckGroup > span + span { margin: 0 0 0 7px;}
.order-list .list-head .ckGroup.list-filter {justify-content: flex-end;}
.order-list .list-head .ckGroup.list-filter > span { margin: 2px 0 2px 7px;}
.order-list .list-head .list-type{ margin-left: 12px; min-width: 68px;}
.order-list .list-head .list-type label{ width: 30px; height: 30px; background: no-repeat center center; text-indent: -9999px; display: inline-block;}
.order-list .list-head .ckList label{ background-image: url(../images/ico/ico-list-list.png);}
.order-list .list-head .ckList input:checked + label{ background-image: url(../images/ico/ico-list-list-ov.png);}
.order-list .list-head .ckCard label{ background-image: url(../images/ico/ico-list-card.png);}
.order-list .list-head .ckCard input:checked + label{ background-image: url(../images/ico/ico-list-card-ov.png);}
.order-list .list-body{ margin: 10px 0 0 0; margin: 0;}
.order-list .list-body > ul{ display: flex; width: 100%;}
.order-list .list-body .nodata-box {margin-top: 5px; margin-bottom: 5px; height: 290px;}
.order-list .list-body > ul li {}
.order-list .list-body .item{ display: flex; border: 1px solid #ccc; border-radius: 10px; position: relative;}
.order-list .list-body .item > .btn-caradd{ width: 100%;}
.order-list .list-body .item > .btn-caradd a{ width: 100%; height: 50px; background: url(../images/ico/ico-caradd.png) no-repeat center center #f9f8f8; text-indent: -9999px; display: inline-block; border: 1px solid #ddd; border-radius: 10px;}
.order-list .list-body .item > .btn-caradd a:hover{ background-color: #f1f1f1; border-color: #aaa;}
.order-list .list-bottom{ margin: 10px 0 0 0; position: sticky;}
#wrap .order-list .list-bottom {position: sticky; bottom: 0; width: 100%; background-color: #fff; padding: 10px 0; margin: 0; padding-top: 20px; margin-top: 15px; z-index: 2;}
#wrap .order-list .list-bottom::before {content: ''; display: block; width: auto; height: 1px; position: absolute; top: 0; left: 0; right: 0; background: linear-gradient(90deg, #fff 0% ,#ccc 50%, #fff 100% );}
.order-list .list-bottom .btn-more{ display: flex; justify-content: center;}
.order-list .list-bottom .btn-more button ~ button{ margin-left: 5px;}

.order-list .list-body .item:hover{ border-color: #ea7c1e;}

.list-setbox + .list-setbox {margin-top: 20px;}
.list-setbox .list-head + .list-body.table-body,
.order-list.type-table .list-setbox .list-head + .list-body.table-body {margin-top: 7px;}

.oeimg {font-size: 0; width: 22px; height: 22px; background-position: center center; background-repeat: no-repeat; background-size: auto 20px;}
.oeimg.AU {background-image: url(../images/oemaker/AU.png); width: 40px;}
.oeimg.BA {background-image: url(../images/oemaker/BA.png); width: 28px; background-size: auto 21px;}
.oeimg.BB {background-image: url(../images/oemaker/BB.png);}
.oeimg.BC {background-image: url(../images/oemaker/BC.png);}
.oeimg.BD {background-image: url(../images/oemaker/BD.png); width: 41px; background-size: auto 21px;}
.oeimg.BH {background-image: url(../images/oemaker/BH.png); width: 40px;}
.oeimg.BL {background-image: url(../images/oemaker/BL.png); width: 42px;}
.oeimg.BM {background-image: url(../images/oemaker/BM.png);}
/*.oeimg.CA {background-image: url(../images/oemaker/CA.png);}*/
.oeimg.CC {background-image: url(../images/oemaker/CC.png); width: 26px; background-size: auto 21px;}
.oeimg.CF {background-image: url(../images/oemaker/CF.png); width: 32px; background-size: auto 21px;}
.oeimg.CH {background-image: url(../images/oemaker/CH.png); width: 40px;}
.oeimg.CM {background-image: url(../images/oemaker/CM.png); background-size: auto 21px;}
.oeimg.CR {background-image: url(../images/oemaker/CR.png); width: 62px;}
.oeimg.DA {background-image: url(../images/oemaker/DA.png); width: 74px;}
.oeimg.DP {background-image: url(../images/oemaker/DP.png);}
.oeimg.DY {background-image: url(../images/oemaker/DY.png); width: 28px;}
.oeimg.FA {background-image: url(../images/oemaker/FA.png); width: 40px;}
.oeimg.FB {background-image: url(../images/oemaker/FB.png);}
.oeimg.FD {background-image: url(../images/oemaker/FD.png); width: 38px;}
.oeimg.FH {background-image: url(../images/oemaker/FH.png); width: 42px;}
.oeimg.FM {background-image: url(../images/oemaker/FM.png); width: 26px;}
.oeimg.FV {background-image: url(../images/oemaker/FV.png);}
.oeimg.FW {background-image: url(../images/oemaker/FW.png); width: 30px;}
.oeimg.GA {background-image: url(../images/oemaker/GA.png); width: 36px; background-size: auto 21px;}
.oeimg.GH {background-image: url(../images/oemaker/GH.png);}
.oeimg.GL {background-image: url(../images/oemaker/GL.png); width: 54px; background-size: auto 17px;}
.oeimg.GM {background-image: url(../images/oemaker/GM.png);}
.oeimg.GT {background-image: url(../images/oemaker/GT.png); width: 30px;}
.oeimg.GW {background-image: url(../images/oemaker/GW.png); width: 30px; background-size: auto 21px;}
.oeimg.HD {background-image: url(../images/oemaker/HD.png);}
.oeimg.HM {background-image: url(../images/oemaker/HM.png); width: 40px;}
.oeimg.JA {background-image: url(../images/oemaker/JA.png); width: 44px;}
.oeimg.JI {background-image: url(../images/oemaker/JI.png); width: 46px; background-size: auto 21px;}
.oeimg.KM {background-image: url(../images/oemaker/KM.png); width: 62px; background-size: auto 12px;}
.oeimg.LP {background-image: url(../images/oemaker/LP.png); background-size: auto 24px;}
.oeimg.LR {background-image: url(../images/oemaker/LR.png); width: 30px;}
.oeimg.MA {background-image: url(../images/oemaker/MA.png); width: 30px;}
.oeimg.MB {background-image: url(../images/oemaker/MB.png);}
.oeimg.MO {background-image: url(../images/oemaker/MO.png);}
.oeimg.NE {background-image: url(../images/oemaker/NE.png); width: 74px; background-size: auto 11px;}
.oeimg.NS {background-image: url(../images/oemaker/NS.png); width: 24px;}
.oeimg.PE {background-image: url(../images/oemaker/PE.png); width: 34px; background-size: auto 22px;}
.oeimg.PO {background-image: url(../images/oemaker/PO.png);}
.oeimg.PS {background-image: url(../images/oemaker/PS.png);}
/*.oeimg.RE {background-image: url(../images/oemaker/RE.png);}*/
.oeimg.RK {background-image: url(../images/oemaker/RK.png);}
.oeimg.RS {background-image: url(../images/oemaker/RS.png);}
/*.oeimg.SC {background-image: url(../images/oemaker/SC.png);}*/
.oeimg.SE {background-image: url(../images/oemaker/SE.png);}
.oeimg.SG {background-image: url(../images/oemaker/SG.png); width: 44px; background-size: auto 21px;}
.oeimg.SI {background-image: url(../images/oemaker/SI.png); background-size: auto 21px;}
.oeimg.SK {background-image: url(../images/oemaker/SK.png);}
.oeimg.SV {background-image: url(../images/oemaker/SV.png);}
.oeimg.SY {background-image: url(../images/oemaker/SY.png); width: 26px;}
.oeimg.TD {background-image: url(../images/oemaker/TD.png); width: 32px; background-size: auto 21px;}
.oeimg.TE {background-image: url(../images/oemaker/TE.png);}
.oeimg.TY {background-image: url(../images/oemaker/TY.png); width: 30px;}
.oeimg.VO {background-image: url(../images/oemaker/VO.png);}
.oeimg.VW {background-image: url(../images/oemaker/VW.png);}
.oeimg.ZY {background-image: url(../images/oemaker/ZY.png); background-size: auto 21px;}
.oeimg > img {display: none; max-width: 96%; max-height: 96%;}

.flag.F {background-color: #669059 !important;}
.flag.R {background-color: #e0a21e !important;}
.flag.R2 {background-color: #00b3cc !important;}
.flag.A {background-color: #4487b9 !important;}
.flag.L {background-color: #3dbed9 !important;}
.flag.S {background-color: #676767 !important;}
.flag.T {background-color: #e87d26 !important;}
.flag.P {background-color: #8251d3 !important;}

.flag.PDF {background: url(../images/ico/ico-pdfw2.png) 6px center no-repeat; padding-left: 20px !important;}

.brandimg {width: 104px; height: 20px; background-image: url(../images/ico/ico-noimg.png); background-position: center center; background-repeat: no-repeat; background-size: auto 14px; font-size: 0;}
.brandimg.HK {background-image: url(../images/brand/brand-Hankook.png); background-size: auto 13px; width: 104px; min-width: 104px;}
.brandimg.LF {background-image: url(../images/brand/brand-Laufenn.png); background-size: auto 9px; width: 98px; min-width: 98px;}
.brandimg.AU {background-image: url(../images/brand/brand-Aurora.png); background-size: auto 11px; width: 68px; min-width: 68px;}
.brandimg.KS {background-image: url(../images/brand/brand-Kingstar.png); background-size: auto 16px; width: 88px; min-width: 88px;}
.brandimg.AT {background-image: url(../images/brand/brand-alphatread.png); background-size: auto 15px; width: 106px; min-width: 106px;}

input + label .brandimg.HK {background-size: auto 10px; width: 82px;}
input + label .brandimg.LF {background-size: auto 7px; width: 80px;}
input + label .brandimg.AU {background-size: auto 8px; width: 54px;}
input + label .brandimg.KS {background-size: auto 12px; width: 86px;}
input + label .brandimg.AT {background-size: auto 11px; width: 80px;}
input:checked + label .brandimg {filter: brightness(0) invert(1) !important;}
/*input:checked + label .brandimg.HK {background-image: url(../images/brand/brand-Hankook_select.png);}
input:checked + label .brandimg.LF {background-image: url(../images/brand/brand-Laufenn_select.png);}
input:checked + label .brandimg.AU {background-image: url(../images/brand/brand-Aurora_select.png);}
input:checked + label .brandimg.KS {background-image: url(../images/brand/brand-Kingstar_select.png);}
input:checked + label .brandimg.AT {background-image: url(../images/brand/brand-alphatread_select.png);}*/

.ckGroup.type1 input[id*="HK"] + label,
.ckGroup.type1 input[id*="LF"] + label,
.ckGroup.type1 input[id*="KS"] + label,
.ckGroup.type1 input[id*="AU"] + label,
.ckGroup.type1 input[id*="AT"] + label {padding: 0 5px;}
.ckGroup.type1 input[id*="HK"]:checked + label,
.ckGroup.type1 input[id*="LF"]:checked + label,
.ckGroup.type1 input[id*="KS"]:checked + label,
.ckGroup.type1 input[id*="AU"]:checked + label,
.ckGroup.type1 input[id*="AT"]:checked + label {background-color: #ea7c1e; border-color: #ea7c1e}
.ckGroup.type1 input[id*="HK"]:checked + label::before,
.ckGroup.type1 input[id*="LF"]:checked + label::before,
.ckGroup.type1 input[id*="KS"]:checked + label::before,
.ckGroup.type1 input[id*="AU"]:checked + label::before,
.ckGroup.type1 input[id*="AT"]:checked + label::before {content: none;}

.bgTxtEV, .evimg {width: 24px; height: 24px; background: url(../images/ico/ico-EV.png) center center no-repeat; font-size: 0;}
.bgTxtEV {font-size: inherit; padding-left: 40px; background-position-x: left;}
.txt.bgTxtEV {min-width: 24px; width: auto; display: inline-flex; justify-content: flex-start; align-items: center;}

.pattern.type1,
.order-list.type-order .item p.pattern.type1 {color: #fe5a17;}
.pattern.type2,
.order-list.type-order .item p.pattern.type2 {color: #00b3cc;}
.pattern.type3,
.order-list.type-order .item p.pattern.type3 {color: #6ab32e;}
.pattern.type4,
.order-list.type-order .item p.pattern.type4 {color: #0088cc;}
.order-list.type-order .item p.pattern strong {color: inherit;}

.order-list.type-order .item .wrap-txt .tit{ display: flex; flex-wrap: wrap; align-items: center;}
.order-list.type-order .item .wrap-txt .tit p{ height: 20px; font-weight: 500; font-size: 18px; color: #000; line-height: 20px;}
.order-list.type-order .item .wrap-txt .tit p::after{ display: none;}
.order-list.type-order .item .wrap-txt .tit .ckBox.type-favorite label{ width: 20px; height: 20px; background: #333 url(../images/ico/ico-favorite3.png) no-repeat center center; text-indent: -9999px; display: inline-block; cursor: pointer; border-radius: 10px;}
.order-list.type-order .item .wrap-txt .tit .ckBox.type-favorite input:hover + label,
.order-list.type-order .item .wrap-txt .tit .ckBox.type-favorite input:checked + label{background-image: url(../images/ico/ico-favorite3-ov.png);}
.order-list.type-order .item .wrap-txt .tit .flag{ height: 20px; background-color: #555; font-size: 14px; color: #fff; line-height: 20px; padding: 0 10px; display: inline-block; border-radius: 12px;}
.order-list.type-order .item .wrap-txt .tit p + .flag {margin-left: 5px;}
.order-list.type-order .item p{ font-size: 14px; color: #555; line-height: 20px; display: inline-block; position: relative; display: inline-flex; align-items: center;}
.order-list.type-order .item p:empty {display: none; margin: 0;}
.order-list.type-order .item .name p { font-family: 'HankookTire', sans-serif;}
/*.order-list.type-order .item .brandimg,
.order-list.type-order .item .company { width: 90px; height: 12px; background-image: url(../images/sub/order-img-logo.png); background-position: left top; background-repeat: no-repeat; background-size: auto 18px; text-indent: -9999px; margin: 0; display: inline-block;}
.order-list.type-order .item .company.type-ks {background-image: url(../images/brand/brand_kingstar_.png); background-size: auto 13px;}*/
.order-list.type-order .item .wrap-txt > div[class*="tit"] > *,
.order-list.type-order .item .wrap-txt > div[class*="txt"] > * {margin-top: 5px; margin-bottom: 5px;}
.order-list.type-order .item .wrap-txt > div[class*="tit"] > *.evimg,
.order-list.type-order .item .wrap-txt > div[class*="txt"] > *.evimg {margin-top: 2px;}
.order-list.type-order .item .brandimg,
.order-list.type-order .item .company {}
.order-list.type-order .item p strong{ font-weight: 600; color: #000; white-space: initial;}
.order-list.type-order .item .price-ba { font-size: 16px; display: flex; justify-content: flex-end;}
.order-list.type-order .item .price-ba span{ font-weight: 500; color: #999; text-decoration: line-through;}
.order-list.type-order .item .price-ba strong{ font-weight: 700; color: #ec6c08;}
.order-list.type-order .item .price-ba > * {margin-right: 10px}
.order-list.type-order .item .price-ba > *:last-child {margin-right: 0;}
.order-list.type-order .item .price-ba.ecofee span,
.order-list.type-order .item .price-ba.ecofee strong {font-weight: 300; color: #2eb46f; font-size: 13px; text-decoration: none;}
.order-list.type-order .item .info1 p{ margin-right: 20px;}
.order-list.type-order .item .info1 p::after{ width: 1px; height: 8px; background-color: #ccc; content: ''; position: absolute; right: -11px; top: 50%; margin-top: -4px;}
/*.order-list.type-order .item .info1 .code2::before{ width: 1px; height: 8px; background-color: #ccc; content: ''; position: absolute; left: -8px; top: 50%; margin-top: -4px;}*/
.order-list.type-order .item .info1 .date::after {content: none;}
.order-list.type-order .item .info1 p:last-child{ margin-right: 0;}
.order-list.type-order .item .info1 p:last-child::after{ display: none;}
.order-list.type-order .item .info1 p.price-ba {margin-right: 0;}
.order-list.type-order .item .info1 p.price-ba::after {content: none;}
.order-list.type-order .item .info1 p.marki.type1 {width: 20px; height: 20px; background-size: auto 20px;}
.order-list.type-order .item .info1 p.marki.type2 {width: 20px; height: 20px; background-size: 20px auto;}
.order-list.type-order .item .txt1,
.order-list.type-order .item .txt2{ display: flex; align-items: center; flex-wrap: wrap;}
.order-list.type-order .item .wrap-txt .tit > * {margin-right: 10px;}
.order-list.type-order .item .name p,
.order-list.type-order .item .name p span{ font-weight: 500;}
.order-list.type-order .item .name p strong{ font-weight: 600;}
.order-list.type-order .item .name p,
.order-list.type-order .item .info1 .name p:last-child,
.order-list.type-order .item .name p + [class*="btn-"]:last-child {margin-right: 8px;}
.order-list.type-order .item .name p::after{ display: none;}
.order-list.type-order .item .name p img {display: none;}
.order-list.type-order .item .name p + [class*="btn-"] {margin-left: 3px;}
.order-list.type-order .item .name p.pattern + .btn-tooltip {margin-left: -4px;}
.order-list.type-order .item .name .tooltip-box{ margin-left: 5px;}
.order-list.type-order .item .name .btn-tooltip{ width: 16px; height: 16px; background: url(../images/ico/ico-tooltip.png) no-repeat center center; text-indent: -9999px; display: inline-block;}
.btn-infoTT,
.order-list.type-order .item .code a{ width: 16px; height: 16px; background: url(../images/ico/ico-tireInfo.png) no-repeat center center; text-indent: -9999px; display: inline-block; background-image: url(../images/ico/ico-tooltip.png);}
.order-list.type-order .item .code span + a {margin-left: 3px;}
.order-list.type-order .item .season{background-size: auto 100%;}
.order-list.type-order .item .label-box{ display: flex;}
.order-list.type-order .item .info1 .price { font-size: 16px; display: flex; justify-content: flex-end;}
.order-list.type-order .item .info1 .price span{ font-weight: 500; color: #999; text-decoration: line-through;}
.order-list.type-order .item .info1 .price strong{ font-weight: 700; color: #ec6c08;}
.order-list.type-order .item .info1 .price > * {margin-left: 10px}
.order-list.type-order .item .txt3 {display: flex; justify-content: space-between; align-items: center;}
.order-list.type-order .item .txt3 > .infile {margin-top: 5px;}

.order-list.type-order .item .info1 .etadate {display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap;}
.order-list.type-order .item .info1 .etadate span,
.order-list.type-order .item .info1 .etadate strong {font-weight: normal; color: #ea7c1e; color: inherit;}
.order-list.type-order .item .info1 .etadate span {margin-right: 5px;}
.order-list.type-order .item .info1 .etadate strong {margin-right: 15px;}
.order-list.type-order .item .info1 .etadate.type1 {padding-top: 20px; position: relative;}
.order-list.type-order .item .info1 .etadate.type1 span {position: absolute; left: 0; top: 0;}

.order-list.type-order .item .info1 .etadate {color: #ea7c1e;}
.order-list.type-order .item .info1 .etadate.type2 {color: #2eb46f;}
.order-list.type-order .item .info1 .etadate.type3 {color: #319de1;}

.dateD,
.order-list .plant-box .stock .option.dateD {border: 1px solid #ccc; border-radius: 5px; color: #ed7c1e !important; position: relative; padding-left: 60px; padding-right: 18px; height: 41px; display: inline-flex; justify-content: flex-start; align-items: center;}
.dateD::before,
.order-list .plant-box .stock .option.dateD::before {content: ''; display: block; width: 34px; height: 22px; background: url(../images/ico/ico-delivery3.png) center center no-repeat; position: absolute; left: 13px; top: 50%; margin-top: -11px;}

.order-list .plant-box .stock .option.dateD {height: auto; padding: 2px 4px 2px 31px; border: 0 none; min-height: 20px; max-width: 97%;}
.order-list .plant-box .stock .option.dateD::before {width: 27px; height: 20px; background-size: 27px auto; left: 0px; margin-top: -10px;}

.order-list.type-order .item .txt-lr {display: flex; justify-content: space-between; align-items: center;}
.order-list.type-order .item .txt-lr > [class*="txt-"] {display: inline-flex; flex-wrap: wrap;}
.order-list.type-order .item .txt-lr > .txt-left {justify-content: flex-start;}
.order-list.type-order .item .txt-lr > .txt-right {justify-content: flex-end;}
.order-list.type-order .item .info1 .dateD.pc {display: flex;}
.order-list.type-order .item .info1 .dateD.mo {display: none;}

.order-list.type-order .wrap-txt,
.order-list.type-order .plant-group {margin-top: 5px; margin-bottom: 5px;}

.order-list.type-order.type-list .plant-tit li{ width: 80px;}
.order-list.type-order.type-list .plant-tit .price{ width: 140px; flex: none;}
.order-list.type-order.type-list .plant-tit .cart{ width: 80px; flex: none;}
.order-list.type-order.type-list .plant-group{ display: flex; flex-direction: column;}
.order-list.type-order.type-list .plant-box{height: 70px; height: 84px;}
.order-list.type-order.type-list .plant-box > div:not(.tit){ width: auto; flex: 1; padding: 3px 0;}
/*.order-list.type-order.type-list .plant-box > div:not(.tit){ width: 80px; padding: 3px 0;}
.order-list.type-order.type-list .plant-box > div.price {width: 140px;}
.order-list.type-order.type-list .plant-box > div.stock {width: 105px;}*/
.order-list.type-order.type-list .plant-box .btn{ display: flex; align-items: center; justify-content: center;}
.order-list.type-order.type-list .plant-box .btn a,
.order-list.type-order.type-list .plant-box .btn button{ width: 54px; height: 54px; background-repeat: no-repeat; background-position: center center; background-color: #fafafa; display: inline-block; border: 2px solid #ea7c1e; border-radius: 50%;}
.order-list.type-order.type-list .plant-box .btn a:hover,
.order-list.type-order.type-list .plant-box .btn button:hover{ background-color: #ccc;}
.order-list.type-order.type-list .plant-box .btn .type-del{ background-color: transparent; background-image: url(../images/ico/ico-del.png); background-size: auto 22px; text-indent: -9999px; border: 0;}
.order-list.type-order.type-list .list-body > ul{ flex-direction: column;}
.order-list.type-order.type-list .item{ padding: 5px 15px; justify-content: space-between; align-items: center; margin-top: 5px; margin-bottom: 5px;}
.order-list.type-order.type-list .list-body .item {}
.order-list.type-order.type-list .item .info1{ align-items: center; flex: 1;}
.order-list.type-order.type-list .item.link{ padding: 0;}
.order-list.type-order.type-list .item.link a.info1{ width: 100%; height: 100%; padding: 10px;}

.order-list.type-order.type-list .item .info2{ margin-left: 20px; display: flex; flex-direction: column; width: 570px; max-width: calc(50% - 20px);}
#SET_ORDER_RIM .order-list.type-order.type-list .item .info2 {width: 560px;}
#ORDER_STATUS_setStatDtlPop .order-list.type-order.type-list .item .info2{ width: auto;}
#ORDER_STATUS_setStatDtlPop .order-list.type-order.type-list .plant-box{ padding: 0 10px;}
.order-list.type-order.type-list .thumb{ display: none;}
.order-list.type-order.type-list .name{ width: auto; display: flex; align-items: center;}
.order-list.type-order.type-list .name p span,
.order-list.type-order.type-list .name p strong{ display: inline-block !important;}
.order-list.type-order.type-list .name p img{ display: none;}
/*.order-list.type-order.type-list .company{ margin-left: 16px;}*/
.order-list.type-order.type-list .info2 .brandimg::before,
.order-list.type-order.type-list .info2 .company::before{ width: 1px; height: 8px; background-color: #ccc; content: ''; position: absolute; top: 4px; left: -9px;}
.order-list.type-order.type-list .stock{ text-align: center; padding: 0;}
.order-list.type-order.type-list .qty{ padding: 0;}

.order-list.type-order.type-list:not(.type-orderDetail) .item .wrap-txt {position: relative;}
.labelSearch-box .order-list.type-order.type-list:not(.type-orderDetail) .item .wrap-txt .tit,
.labelSearch-box .order-list.type-order.type-list:not(.type-orderDetail) .item .wrap-txt .tit + div {padding-right: 0;}
html.pcHtml .page-body .order-list.type-order.type-list:not(.type-orderDetail) .item .wrap-txt .tit {padding-right: 200px;}
html.pcHtml .page-body .order-list.type-order.type-list:not(.type-orderDetail) .item .wrap-txt .tit + div {padding-right: 110px;}
html.pcHtml .page-body .order-list.type-order.type-list:not(.type-orderDetail) .item .price-ba {position: absolute; right: 0; top: 0;}
html.pcHtml .page-body .order-list.type-order.type-list:not(.type-orderDetail) .item .price-ba.ecofee {top: 30px;}

html.pcHtml .page-body .tireInfo-box .order-list .item .wrap-txt .tit,
html.moHtml .page-body .tireInfo-box .order-list .item .wrap-txt .tit,
html.pcHtml .page-body .tireInfo-box .order-list.type-order.type-list .item .wrap-txt .tit,
html.moHtml .page-body .tireInfo-box .order-list.type-order.type-list .item .wrap-txt .tit {padding-right: 55%;}
html.pcHtml .page-body .tireInfo-box .order-list .item .wrap-txt,
html.pcHtml .page-body .tireInfo-box .order-list.type-order.type-list .item .wrap-txt {margin-top: 0; margin-bottom: 0;}
html.pcHtml .page-body .tireInfo-box .order-list .item .wrap-txt .tit,
html.pcHtml .page-body .tireInfo-box .order-list.type-order.type-list .item .wrap-txt .tit {min-height: 33px;}
html.moHtml .page-body .tireInfo-box .order-list .item .wrap-txt .tit,
html.moHtml .page-body .tireInfo-box .order-list.type-order.type-list .item .wrap-txt .tit {min-height: 40px;}
html.moHtml .tireInfo-box .in-btnbox {top: 5px; right: 5px;}
html.moHtml .tireInfo-box .in-btnbox .btnMoveBox .btn,
html.moHtml .tireInfo-box .in-btnbox [class*="btn-"] {background-size: auto 14px; padding-left: 22px; background-position-x: 5px; height: 28px;}
html.moHtml .tireInfo-box .in-btnbox .btn-cancel {background-size: auto 8px;}
html.moHtml .tireInfo-box .in-btnbox .btnMoveBox .btn .txt,
html.moHtml .tireInfo-box .in-btnbox [class*="btn-"] .txt {font-size: 12px;}

.tireInfo-box .in-btnbox .btn-back::before,
.tireInfo-box .in-btnbox .btn-back::after {left: 14px;}
html.moHtml .tireInfo-box .in-btnbox .btn-back::before,
html.moHtml .tireInfo-box .in-btnbox .btn-back::after {width: 10px; height: 1px;}
html.moHtml .tireInfo-box .in-btnbox .btn-back::after {transform: rotate(-45deg); left: 5px; top: 21px;}

.order-list.type-order.type-card .list-body ul{ flex-wrap: wrap;}
.order-list.type-order.type-card .item {padding: 10px 15px; padding-top: 48px; flex-direction: column; margin-bottom: 5px; margin-right: 10px; margin-top: 5px;}
.order-list.type-order.type-card .info1{ padding: 10px 0 5px 0; display: flex; justify-content: space-between; border-top: 1px solid #ccc; align-items: center;}
.order-list.type-order.type-card .thumb{ width: 130px; border-radius: 6px; height: 130px; background: url(../images/ico/ico-noimg.png) 40px center no-repeat; display: flex; align-items: center; justify-content: flex-start; padding-right: 10px; position: relative;}
.order-list.type-order.type-card .thumb img:not([class*="ad"]){ max-height: 93%; min-height: 93%;}
.order-list.type-order.type-card .thumb [class*="ad"] {position: absolute;}
.order-list.type-order.type-card .thumb [class*="adSub"] {max-width: 20px; max-height: 24px; right: 10px; bottom: 32px; bottom: 3px;}
/* .order-list.type-order.type-card .thumb .adMain {max-width: 40px; max-height: 40px; right: 4px; top: 0;} */
.order-list.type-order.type-card .thumb .adMain {max-width: 50px; max-height: 60px; right: 4px; top: 0;}
.order-list.type-order.type-card .thumb .adSub2 + .adSub1 { bottom: 32px;}
.order-list.type-order.type-card .thumb .adSub2.hide + .adSub1 { bottom: 3px;}
.order-list.type-order.type-card .thumb [class*="ad"].hide
.order-list.type-order.type-card .thumb [class*="adSub"].hide {display: none;}
.order-list.type-order.type-card .wrap-txt{ flex: 1; padding-bottom: 20px;
	display: flex; flex-direction: column; padding-bottom: 5px;}
.order-list.type-order.type-card .brandimg,
.order-list.type-order.type-card .company{position: absolute; left: 20px; top: 11px;}

.order-list.type-order.type-card .name{ height: 26px; display: flex; align-items: center; position: absolute; top: 14px; left: 165px; top: 6px; left: 145px;}
.order-list.type-order.type-card .name p{ display: flex; align-items: center;}
.order-list.type-order.type-card .name p img {display: block;}
.order-list.type-order.type-card .name p img,
.popup-wrap .tireInfo-box .wrap-info .brand img {max-height: 17px;}
.order-list.type-order.type-card .name p img {margin-top: 0;}
.order-list.type-order.type-card .name p img[src*="/common/public/pattern/K"],
.popup-wrap .tireInfo-box .wrap-info .brand img[src*="/common/public/pattern/K"],
.order-list.type-order.type-card .name p img[src*="/common/public/pattern/Z"],
.popup-wrap .tireInfo-box .wrap-info .brand img[src*="/common/public/pattern/Z"] {max-height: 12px;}
.order-list.type-order.type-card .name p img[src*="/common/public/pattern/Z"],
.order-list.type-order.type-card .name p img[src*="/common/public/pattern/K"] { margin-top: 4px;}
/*.order-list.type-order.type-card .name p img[src*="/common/public/pattern/K4"],
.popup-wrap .tireInfo-box .wrap-info .brand img[src*="/common/public/pattern/K4"] {max-height: 17px;}
.order-list.type-order.type-card .name p img[src*="/common/public/pattern/K4"] { margin-top: 0;}
.order-list.type-order.type-card .name p img[src*="/common/public/pattern/K415"],
.popup-wrap .tireInfo-box .wrap-info .brand img[src*="/common/public/pattern/K415"] {max-height: 12px;}
.order-list.type-order.type-card .name p img[src*="/common/public/pattern/K415"] {margin-top: 4px;}*/
.order-list.type-order.type-card .name p img[src*="/common/public/pattern/K425"],
.popup-wrap .tireInfo-box .wrap-info .brand img[src*="/common/public/pattern/K425"],
.order-list.type-order.type-card .name p img[src*="/common/public/pattern/K43"],
.popup-wrap .tireInfo-box .wrap-info .brand img[src*="/common/public/pattern/K43"] {max-height: 17px;}
.order-list.type-order.type-card .name p img[src*="/common/public/pattern/K425"],
.order-list.type-order.type-card .name p img[src*="/common/public/pattern/K43"] {margin-top: 0;}
.order-list.type-order.type-card .name p img[src*="/common/public/pattern/W"],
.popup-wrap .tireInfo-box .wrap-info .brand img[src*="/common/public/pattern/W"] {max-height: 15px;}
.order-list.type-order.type-card .name p img[src*="/common/public/pattern/W"] { margin-top: 5px;}
.order-list.type-order.type-card .name p img[src*="/common/public/pattern/W300A"],
.popup-wrap .tireInfo-box .wrap-info .brand img[src*="/common/public/pattern/W300A"] {max-height: 11px;}
.order-list.type-order.type-card .name p img[src*="/common/public/pattern/W300A"] { margin-top: 4px;}
.order-list.type-order.type-card .name p img[src*="/common/public/pattern/L"],
.popup-wrap .tireInfo-box .wrap-info .brand img[src*="/common/public/pattern/L"] {max-height: 11px;}
.order-list.type-order.type-card .name p img[src*="/common/public/pattern/L"] { margin-top: 5px;}
.order-list.type-order.type-card .name p img[src*="/common/public/pattern/LH"],
.popup-wrap .tireInfo-box .wrap-info .brand img[src*="/common/public/pattern/LH"] {max-height: 11px; }
.order-list.type-order.type-card .name p img[src*="/common/public/pattern/LH"] {margin-top: 4px;}
.order-list.type-order.type-card .name p img[src*="/common/public/pattern/R"],
.popup-wrap .tireInfo-box .wrap-info .brand img[src*="/common/public/pattern/R"] {max-height: 13px;}
.order-list.type-order.type-card .name p img[src*="/common/public/pattern/R"] { margin-top: 4px;}
.order-list.type-order.type-card .name p img[src*="/common/public/pattern/S"],
.popup-wrap .tireInfo-box .wrap-info .brand img[src*="/common/public/pattern/S"] { max-height: 11px;}
.order-list.type-order.type-card .name p img[src*="/common/public/pattern/S"] {margin-top: 5px;}
.order-list.type-order.type-card .name p img[src*="/common/public/pattern/W401"],
.popup-wrap .tireInfo-box .wrap-info .brand img[src*="/common/public/pattern/W401"],
.order-list.type-order.type-card .name p img[src*="/common/public/pattern/W410"],
.popup-wrap .tireInfo-box .wrap-info .brand img[src*="/common/public/pattern/W410"],
.order-list.type-order.type-card .name p img[src*="/common/public/pattern/SW"],
.popup-wrap .tireInfo-box .wrap-info .brand img[src*="/common/public/pattern/SW"] { max-height: 19px;}
.order-list.type-order.type-card .name p img[src*="/common/public/pattern/W401"],
.order-list.type-order.type-card .name p img[src*="/common/public/pattern/W410"],
.order-list.type-order.type-card .name p img[src*="/common/public/pattern/SW"] {margin-top: 4px;}
.order-list.type-order.type-card .name p img[src*="/common/public/pattern/A"],
.popup-wrap .tireInfo-box .wrap-info .brand img[src*="/common/public/pattern/A"] { max-height: 11px;}
.order-list.type-order.type-card .name p img[src*="/common/public/pattern/A"] {margin-top: 5px;}
.order-list.type-order.type-card .name p img[src*="/common/public/pattern/D"],
.popup-wrap .tireInfo-box .wrap-info .brand img[src*="/common/public/pattern/D"] { max-height: 11px;}
.order-list.type-order.type-card .name p img[src*="/common/public/pattern/D"] {margin-top: 5px;}
.order-list.type-order.type-card .name p img[src*="/common/public/pattern/H"],
.popup-wrap .tireInfo-box .wrap-info .brand img[src*="/common/public/pattern/H"] { max-height: 16px;}
.order-list.type-order.type-card .name p img[src*="/common/public/pattern/H"] {margin-top: 0;}
.order-list.type-order.type-card .name p img[src*="/common/public/pattern/H"],
.popup-wrap .tireInfo-box .wrap-info .brand img[src*="/common/public/pattern/H"] {max-height: 13px;}
.order-list.type-order.type-card .name p img[src*="/common/public/pattern/H30"],
.popup-wrap .tireInfo-box .wrap-info .brand img[src*="/common/public/pattern/H30"],
.order-list.type-order.type-card .name p img[src*="/common/public/pattern/H43"],
.popup-wrap .tireInfo-box .wrap-info .brand img[src*="/common/public/pattern/H43"],
.order-list.type-order.type-card .name p img[src*="/common/public/pattern/H7"],
.popup-wrap .tireInfo-box .wrap-info .brand img[src*="/common/public/pattern/H7"] { max-height: 17px;}
.order-list.type-order.type-card .name p img[src*="/common/public/pattern/H30"],
.order-list.type-order.type-card .name p img[src*="/common/public/pattern/H7"] {margin-top: 0;}
.order-list.type-order.type-card .name p img[src*="/common/public/pattern/H72"],
.popup-wrap .tireInfo-box .wrap-info .brand img[src*="/common/public/pattern/H72"] { max-height: 11px;}
.order-list.type-order.type-card .name p img[src*="/common/public/pattern/H72"] {margin-top: 3px;}
.order-list.type-order.type-card .name p img[src*="/common/public/pattern/H1"],
.popup-wrap .tireInfo-box .wrap-info .brand img[src*="/common/public/pattern/H1"] {max-height: 13px;}
.order-list.type-order.type-card .name p img[src*="/common/public/pattern/H1"] { margin-top: 4px;}
.order-list.type-order.type-card .name p img[src*="/common/public/pattern/I"],
.popup-wrap .tireInfo-box .wrap-info .brand img[src*="/common/public/pattern/I"] { max-height: 15px;}
.order-list.type-order.type-card .name p img[src*="/common/public/pattern/I"] {margin-top: 1px;}
.order-list.type-order.type-card .name p img[src*="/common/public/pattern/IW"],
.popup-wrap .tireInfo-box .wrap-info .brand img[src*="/common/public/pattern/IW"] { max-height: 17px;}
.order-list.type-order.type-card .name p img[src*="/common/public/pattern/IW"] {margin-top: 1px;}
.order-list.type-order.type-card .name p img[src*="/common/public/pattern/T"],
.popup-wrap .tireInfo-box .wrap-info .brand img[src*="/common/public/pattern/T"] { max-height: 12px;}
.order-list.type-order.type-card .name p img[src*="/common/public/pattern/T"] {margin-top: 4px;}
.order-list.type-order.type-card .name p img[src*="/common/public/pattern/U"],
.popup-wrap .tireInfo-box .wrap-info .brand img[src*="/common/public/pattern/U"] { max-height: 10px;}
.order-list.type-order.type-card .name p img[src*="/common/public/pattern/U"] {margin-top: 6px;}

.order-list.type-order.type-card .code{ margin-left: 0;}
.order-list.type-order.type-card .code::before{ display: none;}
.order-list.type-order.type-card .item .info1 .code2::before{ display: none;}
.order-list.type-order.type-card .txt3{ flex: 1;}
.order-list.type-order.type-card .txt3,
.moHtml .order-list.type-order .item .txt3 {justify-content: flex-start; flex-direction: column; align-items: flex-start;}
.order-list.type-order.type-card .info2{padding: 0 0; flex: 1; display: flex; flex-direction: column; justify-content: center;}
.order-list.type-order.type-card .plant-group{ display: flex; flex-direction: column; flex: unset; margin: 5px 0;}
.order-list.type-order.type-card .plant-box{ height: 70px; height: 84px;}
.order-list.type-order.type-card .plant-box > div:not(.tit){ padding: 4px 0; flex: 1; position: relative;}
.order-list.type-order.type-card .plant-box > div:not(.tit).price .num {white-space: nowrap;}
.order-list.type-order.type-card .price{ padding: 0;}
.order-list.type-order.type-card .price .num{ margin-bottom: 3px; margin-top: 1px; margin-bottom: 1px;}

.order-list.type-order.type-card .item.plantBoxN2 .info2 {margin-left: 8px;}

#ORDER_SUBMISSION_list.order-list.type-order.type-card .plant-box > div:not(.tit).price {padding-left: 5px; padding-right: 5px;}

/*order-list type1 (ship to pop)*/
.order-list.type-list .item-type1 .item,
.order-list.type-card .item-type1 .item {padding: 0;}
.order-list .item-type1 .item .btn-cell .btn {width: 100%; height: 100%;}
.order-list .item-type1 .item .btn-cell .btn:hover {background-color: rgba(0,0,0,0.05);}
.order-list.type-list .item-type1 .item {align-items: stretch;}
.order-list.type-list .item-type1 .item .btn-cell {width: 80px;}
.order-list.type-list .item-type1 .item .info-cell {width: calc(100% - 80px); padding: 10px;}
.order-list.type-card .item-type1 .item {width: calc((100% - 30px) / 3);}
.order-list.type-card .item-type1 .item:nth-child(2n + 1) {margin-left: 15px;}
.order-list.type-card .item-type1 .item:nth-child(n + 3) {margin-top: 0;}
.order-list.type-card .item-type1 .item:nth-child(3n + 1) {margin-left: 0}
.order-list.type-card .item-type1 .item:nth-child(n + 4) {margin-top: 15px;}
.order-list.type-card .item-type1 .item .info-cell,
.order-list.type-card .item-type1 .item .btn-cell {width: 100%;}
.order-list.type-card .item-type1 .item .btn-cell {height: 30px;}
.order-list .item-type1 .item.selected {background-color: #efefef;}
.order-list .list-body .item-type1 .item.selected:hover {border-color: #ccc;}
.order-list .item-type1 .item.selected .btn {pointer-events: none;}
.order-list .item-type1 .item {border-radius: 4px;}
.order-list .item-type1 .item::before {content: ''; display: block; border: 1px solid transparent; border-radius: 3px; position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
.order-list .item-type1 .item > div {position: relative;}
.order-list .item-type1 .item p {color: #555; font-size: 14px; line-height: 18px;}
.order-list .item-type1 .item .tit,
.order-list .item-type1 .item .tit p {color: #000; font-size: 20px; line-height: 24px;}
.order-list .item-type1 .item .txt-dl dt,
.order-list .item-type1 .item .txt-dl dd {font-size: 14px; line-height: 18px; color: #555;}
.order-list .item-type1 .item .txt-dl dd {color: #000; font-weight: bold;}
.order-list .item-type1 .item .txt-dl .dl-inbox {display: flex; justify-content: flex-start; align-items: center;}
.order-list .item-type1 .item .txt-dl .dl-inbox + .dl-inbox {margin-top: 4px;}
.order-list .item-type1 .item .txt-dl .dl-inbox dt {display: inline-flex;}
.order-list .item-type1 .item .txt-dl .dl-inbox dt::after {content: ':'; display: inline-block; padding: 0 3px 0 2px;}
.order-list .item-type1 .item .txt-dl .dl-inbox dd {flex: 1;}
.order-list .item-type1 .item .info-inbox div.tit + div.txt {margin-top: 10px;}
.order-list .item-type1 .item .info-inbox + .info-inbox {margin-top: 10px; padding-top: 10px; border-top: 1px dashed #ccc;}
.order-list.type-list .item-type1 .item .info-cell {padding: 10px;}
.order-list.type-card .item-type1 .item .info-cell {padding: 20px;}
.order-list .item-type1 .item .btn-cell .btn .txt {position: relative;}
.order-list .item-type1 .item .btn-cell .btn .txt::before {content: ''; display: block; width: 20px; height: 20px; background: url(../images/ico/ico-selChk-off.png) center center no-repeat; position: absolute;}
.order-list.type-list .item-type1 .item .btn-cell {border-left: 1px solid #d4d4d4;}
.order-list.type-list .item-type1 .item .btn-cell .btn .txt {padding-top: 25px;}
.order-list.type-list .item-type1 .item .btn-cell .btn .txt::before {top: 0; left: 50%; margin-left: -10px;}
.order-list.type-card .item-type1 .item .btn-cell {border-top: 1px solid #d4d4d4; height: 51px;}
.order-list.type-card .item-type1 .item .btn-cell .btn .txt {padding-left: 25px;}
.order-list.type-card .item-type1 .item .btn-cell .btn .txt::before {left: 0; top: 50%; margin-top: -10px;}
.order-list.type-card .item-type1 .item .info-inbox div.tit + div.txt {margin-top: 20px;}
.order-list.type-card .item-type1 .item .info-inbox + .info-inbox {margin-top: 20px; padding-top: 20px;}
.order-list .item-type1 .item.selected {background-color: #f7f7f7;}
.order-list .item-type1 .item.selected,
.order-list .item-type1 .item.selected::before {border-color: #ec6608;}
.order-list .list-body .item-type1 .item.selected:hover {border-color: #ec6608;}
.order-list .item-type1 .item.selected .btn-cell .btn .txt {color: #ec6c08;}
.order-list .item-type1 .item.selected .btn-cell .btn .txt::before {background-image: url(../images/ico/ico-selChk-on.png);}

.order-list.type-shipTo .item{ padding: 0; border-radius: 4px;}
.order-list.type-shipTo .item::before{ content: ''; display: block; border: 1px solid transparent; border-radius: 3px; position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
.order-list.type-shipTo .item > div{ position: relative;}
.order-list.type-shipTo .item .info-cell{ padding: 10px; flex: 1;}
.order-list.type-shipTo .item .info-inbox + .info-inbox{ padding-top: 10px; margin-top: 10px; border-top: 1px dashed #ccc;}
.order-list.type-shipTo .item .tit,
.order-list.type-shipTo .item .tit p{ color: #000; font-size: 18px; line-height: 22px;}
.order-list.type-shipTo .item .tit p{ display: inline-block; position: relative;}
.order-list.type-shipTo .item .info-inbox div.tit + div.txt{ margin-top: 10px;}
.order-list.type-shipTo .item p{ font-size: 14px; color: #555; line-height: 18px; display: inline-block; position: relative;}
.order-list.type-shipTo .item .info-inbox + .info-inbox{ padding-top: 10px; margin-top: 10px; border-top: 1px dashed #ccc;}
.order-list.type-shipTo .item .txt-dl .dl-inbox{ display: flex; align-items: center; justify-content: flex-start;}
.order-list.type-shipTo .item .txt-dl .dl-inbox + .dl-inbox{ margin-top: 4px;}
.order-list.type-shipTo .item .txt-dl dt,
.order-list.type-shipTo .item .txt-dl dd{ font-size: 14px; color: #555; line-height: 18px;}
.order-list.type-shipTo .item .txt-dl dt{ display: inline-flex;}
.order-list.type-shipTo .item .txt-dl .dl-inbox dt::after{ content: ''; padding: 0 3px 0 2px; display: inline-block;}
.order-list.type-shipTo .item .txt-dl dd{ color: #000; font-weight: 700;}
.order-list.type-shipTo .item .txt-dl .dl-inbox dd{ flex: 1;}
.order-list.type-shipTo .item .btn-cell .btn{ width: 100%; height: 100%;}
.order-list.type-shipTo .item .btn-cell .btn .txt{ position: relative;}
.order-list.type-shipTo .item .btn-cell .btn .txt::before{ content: ''; display: block; width: 20px; height: 20px; background: url(../images/ico/ico-selChk-off.png) center center no-repeat; position: absolute;}
.order-list.type-shipTo .item.selected{ background-color: #f7f7f7;}
.order-list.type-shipTo .item.selected,
.order-list.type-shipTo .item.selected::before{ border-color: #ec6608;}
.order-list.type-shipTo .item.selected .btn-cell .btn .txt{ color: #ec6608;}
.order-list.type-shipTo .item.selected .btn-cell .btn .txt::before{ background-image: url(../images/ico/ico-selChk-on.png);}
.order-list.type-shipTo.type-list .list-body > ul{ flex-direction: column;}
.order-list.type-shipTo.type-list .item{ justify-content: space-between; align-items: stretch;}
.order-list.type-shipTo.type-list .item + .item{ margin-top: 10px;}
.order-list.type-shipTo.type-list .item .btn-cell{ min-width: 80px; position: relative;}
.order-list.type-shipTo.type-list .item .btn-cell::before {content: ''; display: block; width: 1px; height: auto; background-color: #d4d4d4; position: absolute; top: 15px; bottom: 15px; left: 0;}
.order-list.type-shipTo.type-list .item .btn-cell .btn {padding: 5px 10px;}
.order-list.type-shipTo.type-list .item .btn-cell .btn .txt{ padding-top: 25px; white-space: nowrap;}
.order-list.type-shipTo.type-list .item .btn-cell .btn .txt::before{ margin-left: -10px; top: 0; left: 50%;}
.order-list.type-shipTo.type-card .list-body ul{ flex-wrap: wrap;}
.order-list.type-shipTo.type-card .item{ flex-direction: column; margin-right: 15px; margin-bottom: 15px;}
.order-list.type-shipTo.type-card .item .info-cell,
.order-list.type-shipTo.type-card .item .btn-cell{ width: 100%;}
.order-list.type-shipTo.type-card .item .info-cell{ padding: 20px;}
.order-list.type-shipTo.type-card .item .info-inbox div.tit + div.txt{ margin-top: 20px;}
.order-list.type-shipTo.type-card .item .info-inbox + .info-inbox{ padding-top: 20px; margin-top: 20px;}
.order-list.type-shipTo.type-card .item .txt-dl .dl-inbox {flex-wrap: wrap;}
.order-list.type-shipTo.type-card .item .txt-dl .dl-inbox dt,
.order-list.type-shipTo.type-card .item .txt-dl .dl-inbox dd {margin: 2px 0;}
.order-list.type-shipTo.type-card .item .txt-dl .dl-inbox dt {word-break: break-word;}
.order-list.type-shipTo.type-card .item .txt-dl .dl-inbox dd {white-space: nowrap; display: inline-flex; justify-content: flex-end;}
.order-list.type-shipTo.type-card .item .btn-cell{ height: 51px; border-top: 1px solid #d4d4d4;}
.order-list.type-shipTo.type-card .item .btn-cell .btn .txt{ padding-left: 25px;}
.order-list.type-shipTo.type-card .item .btn-cell .btn .txt::before{ margin-top: -10px; left: 0; top: 50%;}

.order-list .plant-wrap{ margin-left: 10px; display: flex; flex-direction: column;}
.order-list .plant-tit{ height: 16px; margin-bottom: 1px; display: flex; flex-direction: row; overflow: hidden; border-radius: 10px;}
.order-list .plant-tit li{ background-color: #666; font-size: 11px; color: #fff; text-align: center; line-height: 16px; flex: 1;}
.order-list .plant-tit li + li{ margin-left: 1px;}
.order-list .plant-group{ flex: 1; border: 1px solid #ccc; border-radius: 8px;}
.order-list .plant-box{ display: flex; justify-content: space-between; position: relative;}
.order-list .plant-box + .plant-box{ border-top: 1px solid #ccc;}
.order-list .plant-box .tit{height: 18px; line-height: 16px; padding: 0 7px; display: inline-block; border: 1px solid #ccc; border-radius: 12px; position: absolute; top: 50%; left: -38px; z-index: 1; transform: rotate(-90deg); -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); width: 76px; font-size: 12px; text-align: center; margin-top: -9px;
padding: 0 2px; left: -44px; width: 86px; line-height: 16px;
}
.order-list .plant-box.type-a .tit{ background-color: #fbecde; color: #ea7c1e; border-color: #ea7c1e;}
.order-list .plant-box.type-b .tit{ background-color: #d0ebf5; color: #367790; border-color: #58c0e7;}
.order-list .plant-box > div{ padding: 10px 0; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.order-list .plant-box > div + div{ border-left: 1px solid #ccc;}
.order-list .plant-box > div p{ font-size: 14px; color: #555; line-height: 22px;}
.order-list .plant-box > div p::before{ display: none;}
.order-list .plant-box .tit + .stock{ border: 0;}

.order-list .plant-box .tipname {font-size: 13px; line-height: 17px;}
.order-list .plant-box .qty .spinnerJQ {display: flex; flex-direction: column; align-items: center;}
.order-list .plant-box * + .tipname {margin-top: 5px;}
/*.order-list .plant-box * + .tipname {margin-bottom: 5px;}*/
.order-list .plant-box .spinnerJQ * + .tipname {margin-top: 0;}

.order-list td.stock .num,
.order-list td.stock .num2,
.order-list .plant-box .stock .num,
.order-list .plant-box .stock .num2{ line-height: 16px; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.order-list td.stock .num strong,
.order-list td.stock .num2 strong,
.order-list .plant-box .stock .num strong,
.order-list .plant-box .stock .num2 strong{ height: 22px; font-weight: 500; font-size: 20px; line-height: 24px; color: #ec6608; display: flex; align-items: center; justify-content: center; flex: 1;}
.order-list td.stock .num strong.color1,
.order-list td.stock .num2 strong.color1,
.order-list .plant-box .stock .num strong.color1,
.order-list .plant-box .stock .num2 strong.color1{ color: #2eb46f !important;}
.order-list td.stock .num strong.color2,
.order-list td.stock .num2 strong.color2,
.order-list .plant-box .stock .num strong.color2,
.order-list .plant-box .stock .num2 strong.color2{ color: #d10707 !important;}
.order-list td.stock .num strong.color3,
.order-list td.stock .num2 strong.color3,
.order-list .plant-box .stock .num strong.color3,
.order-list .plant-box .stock .num2 strong.color3{ color: #ec6608 !important;}
.order-list td.stock .num2 strong,
.order-list .plant-box .stock .num2 strong{ color: #000;}
.order-list td.stock .num.up strong::after,
.order-list .plant-box .stock .num.up strong::after{ width: 6px; height: 6px; content: ''; margin: 5px 0 0 5px; display: inline-block; border-top: 2px solid #ec6608; border-right: 2px solid #ec6608; transform: rotate(-45deg);}
.order-list td.stock .num2.up strong::after,
.order-list .plant-box .stock .num2.up strong::after{ width: 6px; height: 6px; content: ''; margin: 5px 0 0 5px; display: inline-block; border-top: 2px solid #000; border-right: 2px solid #000; transform: rotate(-45deg);}
.order-list .plant-box .stock .option{min-width: 45px; max-width: 93%; height: auto; background-color: #fff; color: #ea7c1e; text-align: center; line-height: 15px; word-break: keep-all; border: 1px solid #ea7c1e; border-radius: 12.5px; justify-content: center; padding: 0 5px;}
.order-list .plant-box .stock .option::before{ display: none;}
.order-list .plant-box .stock * + .option {margin-top: 3px;}
.order-list .plant-box .stock a.option{background-color: #ec6608;color: #fff; border-color: #ec6608;}
.order-list .plant-box .stock a.option:hover{ background-color: #d45b04; border-color: #d45b04;}
.order-list .plant-box .qty{ padding: 0; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.order-list .plant-box .qty p{ line-height: 16px; margin-bottom: 3px;}
.order-list .plant-box .qty .btn-tooltip{ min-width: 70px; height: 17px; background-color: #ec6608; font-weight: 300; color: #fff; line-height: 15px; padding: 0 3px 0 5px; display: flex; align-items: center; justify-content: center; border-radius: 13.5px; margin-top: 3px;}
.order-list .plant-box .qty .btn-tooltip::after{ width: 9px; height: 9px; background: url(../images/ico/ico-tooltip2.png) no-repeat center center; content: ''; margin-left: 3px; display: inline-block;}
.order-list .plant-box .qty .btn-tooltip:hover{ background-color: #d45b04;}
.order-list .plant-box .price{ display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative;}
.order-list .plant-box .price .dc{min-width: 50px; height: 17px; background-color: #f2a935; color: #fff; text-align: center; line-height: 16px; padding: 0 5px; display: inline-block; border-radius: 13.5px; font-weight: 300;}
.order-list .plant-box .price .num{ font-size: 14px; color: #555; text-align: center; line-height: 16px; margin: 0; display: flex; flex-direction: column;}
.order-list .plant-box .price .num strong{ height: 22px; font-weight: 400; font-size: 18px; color: #000; line-height: 22px; white-space: nowrap; padding-left: 5px; padding-right: 5px;}

.tireInfo-box .cart,
.order-list .plant-box .cart{ padding: 0; position: relative; white-space: nowrap; padding-left: 5px; padding-right: 5px;}
.tireInfo-box .cart input,
.order-list .plant-box .cart input{ position: absolute; top: 0; left: 0; width: 0; height: 0;}
.tireInfo-box .cart label,
.order-list .plant-box .cart label{ width: 100%; height: 100%; background: url(../images/ico/ico-cart2.png) no-repeat center center; text-indent: -9999px; display: inline-block; cursor: pointer;}
.tireInfo-box .cart label:hover,
.order-list .plant-box .cart label:hover{ background-image: url(../images/ico/ico-cart2-ov.png);}
.tireInfo-box .cart input:checked + label,
.order-list .plant-box .cart input:checked + label{ background-image: url(../images/ico/ico-complete.png); opacity: 1;}

.tireInfo-box .cart {padding: 0;}
.tireInfo-box .cart label {vertical-align: top;}

.order-list .plant-box .price .ecofee,
.order-list .plant-box .price .num.ecofee {white-space: nowrap; padding: 0 5px; flex-direction: row;}
.order-list .plant-box .price .ecofee > *,
.order-list .plant-box .price .num.ecofee > * {font-weight: 300; color: #2eb46f; font-size: 13px;}

/*label search list, link사용*/
.order-list .list-body .item.itemLink {padding: 0;}
.order-list .list-body .item.itemLink .info1 {padding: 5px 15px; width: 100%; border: 1px solid transparent; border-radius: 9px;}
.order-list .list-body .item.itemLink:hover,
.order-list .list-body .item.itemLink.active,
.order-list .list-body .item.itemLink:hover .info1 {border-color: #ea7c1e;}
.order-list .list-body .item.itemLink.active .info1 {border-color: #fcf1e8; background-color: #fcf1e8}

.label-box{ display: flex;}
.label-box span{ font-size: 14px; color: #fff; padding: 0 4px 0 4px; display: flex; align-items: center; justify-content: space-between;}
.label-box span::before{ background: no-repeat center center; content: ''; margin-right: 5px; display: inline-block;}
.label-box span.labelGrade::before{ width: 12px; height: 12px; background-image: url(../images/ico/ico-label-labelGrade.png);}
.label-box span.wetGrip{ background-color: #319de1;}
.label-box span.wetGrip::before{ width: 11px; height: 13px; background-image: url(../images/ico/ico-label-wetGrip.png);}
.label-box span.noiseValue{ background-color: #777;}
.label-box span.noiseValue::before{ width: 12px; height: 9px;}
.label-box span.noiseValue.type-1::before{ background-image: url(../images/ico/ico-label-noiseValue1.png);}
.label-box span.noiseValue.type-2::before{ background-image: url(../images/ico/ico-label-noiseValue2.png);}
.label-box span.noiseValue.type-3::before{ background-image: url(../images/ico/ico-label-noiseValue3.png);}
.label-box span.noiseValue.type-4::before{ background-image: url(../images/ico/ico-label-noiseValue4.png);}

.spinnerJQ .ui-spinner{ width: 60px; min-height: 22px; padding: 0 14px 0 0; border: 0;}
.spinnerJQ .ui-spinner-input{ width: 100%; height: 20px; font-size: 18px; color: #000; text-align: center; padding: 0 !important; margin: 0; box-sizing: border-box; -moz-appearance: textfield;}
.spinnerJQ .ui-spinner-input::-webkit-outer-spin-button,
.spinnerJQ .ui-spinner-input::-webkit-inner-spin-button{ -webkit-appearance: none; }
.spinnerJQ .ui-spinner-button{ width: 12px; height: 10px; background: no-repeat center center; border: 0;}
.spinnerJQ .ui-button-text{ display: none;}
.spinnerJQ .ui-spinner-button:hover{ background-color: #f1f1f1;}
.spinnerJQ .ui-spinner-button.ui-spinner-up,
.spinnerJQ .ui-spinner-button.ui-spinner-down {background-repeat: no-repeat; background-position: center center;}
.spinnerJQ .ui-spinner-button.ui-spinner-up{ height: 10px; background-image: url(../images/ico/ico-up.png); top: 0;}
.spinnerJQ .ui-spinner-button.ui-spinner-down{ background-image: url(../images/ico/ico-down.png); border-top: 1px solid #999; top: 11px; height: 13px;}

.order-list.type-status .list-body > ul{ flex-direction: column;}
.order-list.type-status .list-body .item{ border: 0; margin-top: 5px; margin-bottom: 5px;}
.order-list.type-status .list-body .acco-box{ display: flex; flex-direction: column;}
.order-list.type-status .list-body .acco-box .acco-con{ padding-left: 30px; padding-bottom: 10px; padding-top: 10px; overflow: hidden;}
.order-list.type-status .list-body .acco-box .acco-con .status-box{ padding: 0 15px 5px; border: 3px dashed #ccc;}
.order-list.type-status .list-body .acco-box .acco-con .status-box:hover{ border-color: #ea7c1e;}
.order-list.type-status .list-body .acco-box .acco-con .status-box::before{ width: 15px; height: auto; content: ''; border-left: 3px dashed #ccc; border-bottom: 3px dashed #ccc; border-right: 0; border-radius: 0; position: absolute; top: -1000px; bottom: 50%; left: -20px; z-index: 2;}
.order-list.type-status .list-body .acco-box .acco-con .status-box::after{ width: 3px; background-color: #fff; content: ''; position: absolute; top: -1000px; bottom: 50%; left: -20px; z-index: 1;}
.order-list.type-status .list-body .acco-box .acco-con .status-box:hover::before{ border-color: #ea7c1e; z-index: 9;}
.order-list.type-status .list-body .acco-box .status-box + .status-box{ margin-top: 10px;}
/*.order-list.type-status .list-body .acco-box.active > .status-box{ padding: 4px; border-width: 2px; border-color: #ea7c1e;}*/
.order-list.type-status .list-body .acco-box.active > .status-box::before {border-width: 2px; border-color: #ea7c1e;}
.order-list.type-status .list-body .acco-box.active .acco-btn{ transform: rotate(180deg);}

.order-list.type-status .list-body .status-box .row-status.row1 > .sb-l > p {margin-right: 20px;}
.order-list.type-status .list-body .status-box .row-status.row1 > .sb-l > p::after {right: -10px;}
.order-list.type-status .list-body .status-box .row-status.row1 > .sb-l > p:last-of-type::after {content: none;}

.order-list.type-productDetail {max-width: 1400px; margin: 0 auto;}
.order-list.type-productDetail .list-body > ul{ flex-wrap: wrap;}
.order-list.type-productDetail .list-body .item{flex-direction: column; border: 1px solid #ccc; border-radius: 4px;     justify-content: space-between;}
.order-list.type-productDetail .list-body .item:hover{ border-color: #ec6608;}
.order-list.type-productDetail .list-body .item {margin-right: 13px; margin-bottom: 13px;}
/*.order-list.type-productDetail .list-body .item + .item{ margin-left: 13px;}*/
.order-list.type-productDetail .list-body .item .tire-info{ width: 100%;}
.order-list.type-productDetail .list-body .item .add-cart{ border-top: 1px solid #ccc;}
.order-list.type-productDetail .list-body .item .add-cart button{ width: 100%; height: 60px; background-color: #f0efef; font-weight: 700; font-size: 16px; color: #ec6608; display: flex; align-items: center; justify-content: center; border-radius: 0 0 4px 4px;}
.order-list.type-productDetail .list-body .item .add-cart button::before{ width: 22px; height: 100%; background: url(../images/ico/ico-cart3.png) no-repeat center center; content: ''; margin-right: 10px; display: inline-block; content: none;}
.order-list.type-productDetail .list-body .item .add-cart button:hover{ background-color: #ccc;}
.order-list.type-productDetail .dt_layout{ border-radius: 4px;}
.order-list.type-productDetail .dt_layout::before{ opacity: 0.25;}
/*.order-list.type-productDetail.type-list .tire-info dt{ background-image: none !important;}
.order-list.type-productDetail.type-card .tire-info{ padding: 0;}
.order-list.type-productDetail.type-card .tire-info dt{ height: 103px; background: no-repeat center center; background-size: cover; padding: 15px; display: flex; flex-direction: column; align-items: flex-end; justify-content: space-between; border-bottom: 1px solid #ccc;}
.order-list.type-productDetail.type-card .tire-info dt strong{ width: 100%; color: #fff; text-align: left; text-shadow: 2px 2px 5px #444; line-height: 22px; margin: 0;}
.order-list.type-productDetail.type-card .tire-info dd{ margin: 0 20px;}*/

.order-list.type-productDetail .tire-info{ padding: 0;}
.order-list.type-productDetail .tire-info dt,
.order-list.type-productDetail .tire-info dt { height: 103px; background: no-repeat center center; background-size: cover; padding: 15px; display: flex; flex-direction: column; align-items: flex-end; justify-content: space-between; border-bottom: 1px solid #ccc;}
.order-list.type-productDetail.type-card .tire-info dt {height: 135px;}
.order-list.type-productDetail .tire-info dt strong{ width: 100%; text-align: left; line-height: 26px; margin: 0; font-size: 17px;}
.order-list.type-productDetail .tire-info dd{ margin: 0 20px;}
.order-list.type-productDetail.type-list .tire-info dt{ background-image: none !important;}
.order-list.type-productDetail.type-card .tire-info dt strong {color: #fff; text-shadow: 2px 2px 5px #444; }

.tooltip-con .tire-info dt {padding-top: 10px; padding-right: 40px;}

/*stock에서 사용중*/
.order-list.type-table .list-body.table-body {border: 1px solid #ccc; border-radius: 8px; margin-top: 5px; margin-bottom: 5px;}
.order-list.type-table table th,
.order-list.type-table table td {font-size: 14px; line-height: 17px; font-weight: 400; height: 40px; padding-left: 2px; padding-right: 2px;}
.order-list.type-table table.type-fs1 th,
.order-list.type-table table.type-fs1 td,
.order-list.type-table table tr.type-fs1 > th,
.order-list.type-table table tr.type-fs1 > td {font-size: 13px; line-height: 17px; word-break: break-all;}
.order-list.type-table table thead th {background-color: #f2f2f2;}
.order-list.type-table table thead tr:first-child th:first-child {border-top-left-radius: 8px;}
.order-list.type-table table thead tr:first-child th:last-child {border-top-right-radius: 8px;}
.order-list.type-table table tbody tr:last-child > *:first-child {border-bottom-left-radius: 8px;}
.order-list.type-table table tbody tr:last-child > *:last-child {border-bottom-right-radius: 8px;}
.order-list.type-table td.stock [class*="num"],
.order-list.type-table td.stock [class*="num"] strong,
.order-list.type-table td.stock [class*="num"] strong::after {font-size: inherit; line-height: inherit; font-weight: inherit;}

/*칼럼형식 타이틀 삭제타입(사용시 주석처리) : S*/
.order-list.type-order .plant-tit {display: none;}

/* 다국어를 위해 after삭제
.order-list.type-order .plant-box .stock [class*="num"],
.order-list.type-order .plant-box .qty .spinnerJQ,
.order-list.type-order .plant-box .price [class*="num"] {justify-content: center; align-items: center;}

.order-list.type-order .plant-box .stock [class*="num"],
.order-list.type-order .plant-box .price [class*="num"] {font-size: 0; line-height: 0;}

.order-list.type-order .plant-box .stock [class*="num"]::after,
.order-list.type-order .plant-box .qty .spinnerJQ::after,
.order-list.type-order .plant-box .price [class*="num"]::after {display: flex; align-items: flex-start; justify-content: center; word-break: break-word; font-size: 12px; color: #555; line-height: 16px;}

.order-list.type-order .plant-box .stock [class*="num"]::after {content: 'stock';}
.order-list.type-order .plant-box .qty .spinnerJQ::after {content: 'Qty';}
.order-list.type-order .plant-box .price [class*="num"]::after {content: 'Total Price';}

.order-list.type-order .plant-box .tirestock [class*="num"]::after {content: 'Tire Stock';}
.order-list.type-order .plant-box .tireset [class*="num"]::after {content: 'Tire Set';}
.order-list.type-order .plant-box .rimset [class*="num"]::after {content: 'Rim Set';}
.order-list.type-order .plant-box .setstock [class*="num"]::after {content: 'Set Stock';}
.order-list.type-order .plant-box .tireqty [class*="num"]::after {content: 'Tire Qty';}
.order-list.type-order .plant-box .wheelqty [class*="num"]::after {content: 'Wheel Qty';}
.order-list.type-order .plant-box .studqty [class*="num"]::after {content: 'Stud Qty';}
.order-list.type-order .plant-box .tmpsqty [class*="num"]::after {content: 'TMPS Qty';}

.order-list.type-order .plant-box .stock [class*="num"] + *,
.order-list.type-order.type-list .plant-box .price * + [class*="num"] {margin-top: 3px;}
.order-list.type-order.type-list .plant-box .qty .spinnerJQ::after {margin-bottom: 3px;}

.order-list.type-order.type-card .price .num {margin-bottom: 0;}
.order-list.type-order.type-card .plant-box > div {padding: 10px 0;}
.order-list.type-order.type-card .plant-box .stock .option,
.order-list.type-order.type-card .plant-box .qty .btn-tooltip,
.order-list.type-order.type-card .plant-box .price .dc {position: absolute; top: -9px; left: 50%; transform: translateX(-50%);}
.order-list.type-order.type-card .plant-box .stock [class*="num"]::after,
.order-list.type-order.type-card .plant-box .qty .spinnerJQ::after,
.order-list.type-order.type-card .plant-box .price [class*="num"]::after {line-height: 18px;}*/
/*칼럼형식 타이틀 삭제타입(사용시 주석처리) : E*/

.acco-box .acco-con{ display: none;}
/* .acco-box.active .acco-con{ display: block;} */

.status-box{ width: 100%; padding: 10px; /*border: 1px solid #bbb;*/ border-radius: 9px; position: relative; z-index: 1;}
.status-box::before {content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 1px solid #bbb; border-radius: 9px;}
.status-box > .flag{ height: 22px; background-color: #ec6608; color: #fff; /*font-size: 11px; line-height: 14px;*/ padding: 0 20px 1px; display: flex; align-items: center; border: 1px solid #ec6608; border-radius: 15px; position: absolute; top: -8px; left: 20px;}
/*.status-box:hover{ padding: 4px; border-width: 2px; border-color: #ed6d00; z-index: 2;}*/
.status-box:hover::before {border-width: 2px; border-color: #ed6d00;}
.status-box:hover > .flag{ border-width: 1px; border-color: #ed6d00;}
.status-box > .row-status {position: relative;}
.status-box.type-preOrder{ background-color: #e7f3d2; margin-top: 8px;}
.status-box.type-preOrder .flag{ background-color: #6f8832; border-color: #6f8832;}
.status-box.type-preOrder:hover{ border-color: #7a9c20;}
.status-box.type-preOrder:hover::before{ border-color: #7a9c20;}
.status-box .row-status.row1{ padding: 0px 0 10px 5px; margin: 0; border-bottom: 1px dashed #ccc; flex-wrap: wrap;}
.status-box .row-status.row1 .sb-l,
.status-box .row-status.row1 .sb-r {display: flex; align-items: center; justify-content: flex-start;}
.status-box .row-status.row1 .sb-l{padding: 1px 0; }
.status-box .row-status.row1 .sb-r{justify-content: flex-end; flex: 1;}
.status-box .row-status.row1 .OrderNo{ font-weight: 700; font-size: 18px; color: #333; line-height: 22px;}
/*.status-box .row-status.row1 .item{ font-size: 12px; color: #777; line-height: 22px; margin-left: 45px; position: relative;}
.status-box .row-status.row1 .item::before{ width: 1px; height: 17px; background-color: #ddd; content: ''; position: absolute; top: 50%; left: -22px; margin-top: -9px;}*/
.status-box .row-status.row1 > .sb-l > p {margin-right: 45px; position: relative;}
.status-box .row-status.row1 > .sb-l > p::after {width: 1px; height: 17px; background-color: #ddd; content: ''; position: absolute; top: 50%; right: -9px; margin-top: -9px;}
.status-box .row-status.row1 > .sb-l > p {margin-right: 0;}
.status-box .row-status.row1 > .sb-l > p:last-child::after {content: none;}
.status-box .row-status.row1 > .sb-l > p:empty,
.order-list.type-status .list-body .status-box .row-status.row1 > .sb-l > p:empty {margin-right: 0;}
.status-box .row-status.row1 > .sb-l > p:empty::after,
.order-list.type-status .list-body .status-box .row-status.row1 > .sb-l > p:empty::after {content: none;}
.status-box .row-status.row1 .item{ font-size: 14px; color: #777; line-height: 22px;}
.status-box .row-status.row1 .item > * {line-height: inherit;}
.status-box .row-status.row1 .item strong{ font-size: 17px;}
.status-box .row-status.row1 .btn{ height: 30px; margin-left: 35px; display: flex;}
.status-box .row-status.row1 .btn a{ margin-right: 12px;}
.status-box .row-status.row1 .btn [class*="btn-"] {height: 30px;}

.rcbtype-box.rcState .state,
.status-box .state,
.status-box .row-status.row1 .state{ min-width: 120px; height: 30px; font-size: 14px; color: #fff; display: flex; align-items: center; justify-content: center; border-radius: 4px; padding: 0 12px; white-space: nowrap}
/*.rcbtype-box.rcState .state {background-color: #999; color: #000;}
.rcbtype-box.rcState input:checked + label .state {color: #fff;}*/
.rcbtype-box.rcState .state::before,
.status-box .state::before,
.status-box .row-status.row1 .state::before{ height: 100%; background: no-repeat center center; content: ''; margin-right: 7px; display: inline-block;}
.rcbtype-box.rcState input:checked + label > .state.type-open{background-color: #000;}
.rcbtype-box.rcState .state,
.status-box .state.type-open,
.status-box .row-status.row1 .state.type-open{ background-color: #676767;}
.rcbtype-box.rcState label .state.type-open::before,
.status-box .state.type-open::before,
.status-box .row-status.row1 .state.type-open::before{ width: 15px; background-image: url(../images/ico/ico-state-open.png);}
.status-box .state.type-inprocess,
.status-box .row-status.row1 .state.type-inprocess{ background-color: #669059;}
.status-box .state.type-inprocess::before,
.status-box .row-status.row1 .state.type-inprocess::before{ width: 21px; background-image: url(../images/ico/ico-state-inprocesspng.png);}
.status-box .state.type-incomplete,
.status-box .row-status.row1 .state.type-incomplete{ background-color: #808080;}
.status-box .state.type-incomplete::before,
.status-box .row-status.row1 .state.type-incomplete::before{ width: 21px; background-image: url(../images/ico/ico-state-inprocesspng.png);}
.rcbtype-box.rcState input:checked + label .state.type-preparing,
.status-box .state.type-preparing,
.status-box .row-status.row1 .state.type-preparing{ background-color: #8269ca;}
.rcbtype-box.rcState label .state.type-preparing::before,
.status-box .state.type-preparing::before,
.status-box .row-status.row1 .state.type-preparing::before{ width: 22px; height: 22px; background-image: url(../images/ico/ico-state-preparing.png);}
.rcbtype-box.rcState input:checked + label .state.type-shipping,
.rcbtype-box.rcState input:checked + label > .state,
.status-box .state.type-shipping,
.status-box .row-status.row1 .state.type-shipping{ background-color: #e0a21e;}
.rcbtype-box.rcState label .state.type-shipping::before,
.status-box .state.type-shipping::before,
.status-box .row-status.row1 .state.type-shipping::before{ width: 21px; background-image: url(../images/ico/ico-state-shipping.png);}
.rcbtype-box.rcState input:checked + label .state.type-complete,
.status-box .state.type-complete,
.status-box .row-status.row1 .state.type-complete{ background-color: #397caf;}
.rcbtype-box.rcState label .state.type-complete::before,
.status-box .state.type-complete::before,
.status-box .row-status.row1 .state.type-complete::before{ width: 19px; background-image: url(../images/ico/ico-state-complete.png);}
.rcbtype-box.rcState input:checked + label .state.type-pashir,
.status-box .state.type-end,
.status-box .state.type-pashir,
.status-box .row-status.row1 .state.type-end,
.status-box .row-status.row1 .state.type-pashir{ background-color: #c43d3d;}
.rcbtype-box.rcState label .state.type-pashir::before,
.status-box .state.type-end::before,
.status-box .state.type-pashir::before,
.status-box .row-status.row1 .state.type-end::before,
.status-box .row-status.row1 .state.type-pashir::before{ width: 22px; background-image: url(../images/ico/ico-state-end.png);}
.status-box .state.type-writing,
.status-box .row-status.row1 .state.type-writing{ background-color: #676767;}
.status-box .state.type-writing::before,
.status-box .row-status.row1 .state.type-writing::before{ width: 19px; background-image: url(../images/ico/ico-state-wrighting.png);}
.status-box .state.type-confirmed,
.status-box .row-status.row1 .state.type-confirmed{ background-color: #397caf;}
.status-box .state.type-confirmed::before,
.status-box .row-status.row1 .state.type-confirmed::before{ width: 19px; background-image: url(../images/ico/ico-state-complete.png);}
.status-box .state.type-request,
.status-box .row-status.row1 .state.type-request{ background-color: #669059;}
.status-box .state.type-request::before,
.status-box .row-status.row1 .state.type-request::before{ width: 19px; height: 19px; background-image: url(../images/ico/ico-state-request.png);}
.status-box .state.type-review,
.status-box .row-status.row1 .state.type-review{ background-color: #e0a21e;}
.status-box .state.type-review::before,
.status-box .row-status.row1 .state.type-review::before{ width: 19px; height: 19px; background-image: url(../images/ico/ico-state-review.png);}
.status-box .state.type-approved,
.status-box .row-status.row1 .state.type-approved{ background-color: #e58231;}
.status-box .state.type-approved::before,
.status-box .row-status.row1 .state.type-approved::before{ width: 19px; height: 19px; background-image: url(../images/ico/ico-state-approved.png);}
.status-box .state.type-etc1,
.status-box .row-status.row1 .state.type-etc1 {background-color: #ffc800;}
.status-box .state.state-flag,
.status-box .row-status.row1 .state-flag{ height: 30px; background-color: #ccc; font-size: 14px; color: #fff; padding: 0 20px; margin-right: 5px; display: flex; align-items: center; justify-content: center; border-radius: 4px;}
.status-box .row-status.row2{ padding: 10px 0 0 5px; align-items: center;}
.status-box .row-status.row2 + .row-status.row2{border-top: 1px dashed #ccc;}
.status-box .row-status.row2 .row-txt{ display: flex; align-items: center; flex-wrap: wrap;}
.status-box .row-status.row2 .row-txt + .row-txt{ margin-top: 2px; margin-top: 0;}
.status-box .row-status.row2 .row-txt p{ font-size: 14px; color: #555; line-height: 18px; margin: 2px 0; margin-right: 25px; position: relative;}
.status-box .row-status.row2 .row-txt p::after{ width: 1px; height: 11px; background-color: #ccc; content: ''; position: absolute; top: 50%; right: -13px; margin-top: -5px;}
.status-box .row-status.row2 .row-txt p:last-child{ margin-right: 0;}
.status-box .row-status.row2 .row-txt p:last-child::after{ display: none;}
.status-box .row-status.row2 .row-txt p strong{ font-weight: 700; color: #333;}
.status-box .row-status.row2 .row-txt a{ margin: 1px 10px 1px 0;}
.status-box .row-status.row2 .row-txt a:last-child{ margin-right: 0;}
.status-box .row-status.row2 .row-txt.type2 p,
.status-box .row-status.row2 .row-txt.type2 strong{ color: #888;}
.status-box .row-status.row2 .box-info{ background-color: #f1f1f1; padding: 5px 0; display: flex; flex-direction: row; align-items: center; border: 1px solid #dbdbdb; border-radius: 9px;}
.status-box .row-status.row2 .box-info li{ width: 160px; min-height: 40px; display: flex; align-items: center; justify-content: center;}
.status-box .row-status.row2 .box-info li + li{ border-left: 1px solid #dbdbdb;}
.status-box .row-status.row2 .box-info .qty{ width: 110px;}
.status-box .row-status.row2 .box-info .amount{ flex: 1;}
.status-box .row-status.row2 .box-info p{ text-align: center; display: flex; flex-direction: column; padding: 0 2px;}
.status-box .row-status.row2 .box-info p strong{ font-weight: 400; font-size: 14px; color: #333; line-height: 16px; word-break: break-word;}
.status-box .row-status.row2 .box-info p span{ font-size: 18px; color: #000; line-height: 20px;}
.status-box .row-status.row2 .box-info p strong + span {margin-top: 3px;}
.status-box .row-status.row2 .box-info .btn{ width: 60px; overflow: hidden;}
.status-box .row-status.row2 .sb-r .btn a + a,
.status-box .row-status.row2 .sb-r .btn a + button,
.status-box .row-status.row2 .sb-r .btn button + button,
.status-box .row-status.row2 .sb-r .btn button + a{ margin-left: 5px;}
.status-box .row-status.row2 .btn{ display: flex; align-items: center;}
.status-box .row-status.row2 .btn a,
.status-box .row-status.row2 .btn button{ width: 38px; height: 38px; background-repeat: no-repeat; background-position: center center; background-color: #fafafa; display: inline-block; border: 2px solid #ea7c1e; border-radius: 50%;}
.status-box .row-status.row2 .btn a:hover,
.status-box .row-status.row2 .btn button:hover{ background-color: #fff;}
.status-box .row-status.row2 .btn .type-delivery{ background-image: url(../images/ico/ico-delivery.png); background-size: 60%; text-indent: -9999px;}
.status-box .row-status.row2 .btn .type-delivery{ background-image: url(../images/ico/ico-delivery2.png);  background-size: auto 50%; width: 28px; height: 28px;}
.status-box .row-status.row2 .btn .type-pod{ background-image: url(../images/ico/ico-pod.png); background-position: center 3px; background-size: 42%; font-size: 11px; color: #ea7c1e; text-align: center; line-height: 14px; padding: 18px 0 0 0;}
.status-box .row-status.row2 .btn .type-del{ background-color: transparent; background-image: url(../images/ico/ico-del.png); background-size: 60%; text-indent: -9999px; border: 0;}
.status-box .row-status.row2 .btn .type-pdf{ background-color: transparent; background-image: url(../images/ico/ico-pdf2.png); background-size: 56%; text-indent: -9999px; border: 0;}
.status-box .row-status.row2 .btn .type-acco{ background-color: #333; background-image: url(../images/ico/ico-open2.png); text-indent: -9999px; border: 0;}
.status-box .row-status.row2 .btn .type-acco:hover{ background-color: #666;}
.status-box .row-status.row2 .btn .btn-photo{ width: 46px; height: 46px; background: url(../images/ico/ico-photo.png) no-repeat center center; text-indent: -9999px;}
.status-box .row-status.row2 .btn .btn-photo:hover{ background-color: #ffeebe;}
.status-box .row-status.row2 .btn .btn-30{ width: auto; height: 30px; border: 0; border-radius: 3px;}
.status-box .row-status.row2 .btn .btn-30.type4{ background-color: #ccc; color: #fff;}
.status-box .row-status.row2 .btn .btn-30.type4:hover{ background-color: #999;}
.status-box .row-status.row2 .util{ padding: 0 20px 0 20px; margin: 0 0 0 20px; display: flex; align-items: center; border-left: 1px solid #ccc;}
.order-list .list-body .item .btn-delAll,
.status-box .row-status.row2 .util a{ width: 38px; height: 38px; background: no-repeat center center transparent; text-indent: -9999px; display: inline-block;}
.order-list .list-body .item .btn-delAll:hover,
.status-box .row-status.row2 .util a:hover{ background-color: #f1f1f1; border: 0; border-radius: 0;}
.status-box .row-status.row2 .util .btn-edit{ background-image: url(../images/ico/ico-edit2.png);}
.status-box .row-status.row2 .util .btn-del{ background-image: url(../images/ico/ico-del6.png);}
.status-box .row-status.row2 .util .btn-copy{ background-image: url(../images/ico/ico-copy.png);}
.status-box .row-status.btn-write{ margin-top: 10px;}
.status-box .row-status.btn-write a{ width: 100%; height: 50px; background: url(../images/ico/ico-tireadd.png) no-repeat center center #f9f8f8; text-indent: -9999px; display: inline-block; border: 1px solid #ddd; border-radius: 10px;}
.status-box .row-status.btn-write a:hover{ background-color: #f1f1f1; border-color: #aaa;}

/*간격 재정리*/
.status-box {padding: 5px 15px;}
.status-box .row-status.row1,
.status-box .row-status.row2 {padding: 5px;}
.status-box .row-status.row1 [class*="sb-"] > *:not(.btn, .state, .item, .OrderNo),
.status-box .row-status.row1 [class*="sb-"] > .row-txt > .btn > *,
.status-box .row-status.row2 .row-txt p {margin-top: 0; margin-bottom: 0;}
.status-box .row-status.row1 [class*="sb-"] > *,
.status-box .row-status.row1 [class*="sb-"] > .state,
.status-box .row-status.row1 [class*="sb-"] > .item,
.status-box .row-status.row1 [class*="sb-"] > .OrderNo,
.status-box .row-status.row2 .row-txt p > *,
.status-box .row-status.row2 .box-info,
.status-box .row-status.row2 .box-info p > *,
.status-box .row-status.row2 .row-txt > a,
.acco-con .status-box .row-status.row2 .row-txt p {margin-top: 5px; margin-bottom: 5px;}
.acco-con .status-box .row-status.row2 .row-txt p > * {margin-top: 0; margin-bottom: 0;}
.status-box .row-status.row2 .row-txt p {display: flex; flex-direction: row; flex-wrap: wrap;}
.status-box .row-status.row2 .box-info p strong {word-break: initial;}
.status-box .row-status.row2 .row-txt p > * {margin-right: 5px;}
.status-box .row-status.row1 [class*="sb-"] > .btn {margin-top: 0; margin-bottom: 0; height: auto;}
.status-box .row-status.row1 [class*="sb-"] > .btn > * {margin: 5px 5px 5px 0;}

#ORDER_STATUS .status-box .row-status.row2 > .sb-r,
#OPEN_AR_STATUS_FRONT .status-box .row-status.row2.flex-sb > .sb-r,
#SET_ORDER_TWSP .order-list.type-order.type-list .item .info2 {width: 660px;max-width: 60%; padding-left: 20px;}
#ORDER_STATUS .status-box .row-status.row2 .box-info li:not(.btn) {padding: 0 20px;}
#ORDER_STATUS .status-box .row-status.row2 .box-info .qty {width: auto; max-width: 20%;}
#OPEN_AR_STATUS_FRONT .status-box .row-status.row2 .box-info li {width: auto; flex: 1;}

#ORDER_STATUS_ordStatDtlPop .order-list.type-order.type-list .item {padding-top: 10px;padding-bottom: 10px;}
html.moHtml #ORDER_STATUS_ordStatDtlPop .order-list.type-order.type-list .item{ padding: 10px;}
#ORDER_STATUS_ordStatDtlPop .order-list.type-order.type-list .item .info2 {width: auto;}
#ORDER_STATUS_ordStatDtlPop .order-list.type-order.type-list .plant-box > div:not(.tit) p {margin: 3px 6px;}
#ORDER_STATUS_ordStatDtlPop .order-list.type-order.type-list .plant-box > div.price p strong {margin-top: 3px;}

#OPEN_AR_STATUS_FRONT .status-box {padding-top: 0;}
#OPEN_AR_STATUS_FRONT .status-box .row-status.row2.flex-sb > .sb-r {width: 500px;}
#OPEN_AR_STATUS_FRONT .status-box .row-status.row2 .box-info{ width: 100%;}

html.moHtml #WARRANTY_RETURN .warrantyInfo-box .warrantyInfo-body .sb-r{ display: none;}

@media screen and (max-width: 1500px) {
	/* #ORDER_STATUS .status-box .row-status.row2.flex-sb > .sb-l .row-txt, */
	/* #OPEN_AR_STATUS_FRONT .status-box .row-status.row2.flex-sb > .sb-l .row-txt {flex-direction: column; justify-content: center; align-items: flex-start;} */
	#ORDER_STATUS .status-box .row-status.row2.flex-sb > .sb-l .row-txt p,
	#OPEN_AR_STATUS_FRONT .status-box .row-status.row2.flex-sb > .sb-l .row-txt p {margin-right: 0;}
	#ORDER_STATUS .status-box .row-status.row2.flex-sb > .sb-l .row-txt p::after,
	#OPEN_AR_STATUS_FRONT .status-box .row-status.row2.flex-sb > .sb-l .row-txt p::after {content: none;}
}

.order-list .list-body .item .btn-delAll{ background-image: url(../images/ico/ico-delAll2.png);}
.order-list .list-body .item .allDel-box {position: absolute; top: 0; right: 0; z-index: 2;}
.order-list .list-body .item .allDel-box .btn-delAll {border-radius: 0 9px 0 9px; border: 1px solid #ccc; background-color: #f9f8f8; width: 40px; height: 40px;}
.order-list .list-body .item:hover .btn-delAll {border-color: transparent; border-top-color: #ea7c1e; border-right-color: #ea7c1e; border-width: 2px; z-index: 0;}
.order-list .list-body .item .allDel-box .btn-delAll:hover {border-color: #ea7c1e; border-width: 2px;}

.tooltip-con .addDC-info,
.tooltip-con .info-type,
.tooltip-con .info-type > .inbox { display: flex; flex-direction: column;}
.tooltip-con .addDC-info dt,
.tooltip-con .info-type .tit{ font-size: 11px; color: #333; line-height: 14px; padding: 0 4px 6px 4px; margin-bottom: 6px; border-bottom: 1px solid #ddd;}
.tooltip-con .addDC-info dd,
.tooltip-con .info-type .txt{ font-size: 11px; color: #333; line-height: 14px; padding: 0 4px;}
.tooltip-con .addDC-info dd + dd,
.tooltip-con .info-type .txt + .txt{ margin-top: 2px;}
.tooltip-con .info-type.type1 .inbox{ flex-direction: row; align-items: center;}
.tooltip-con .info-type.type1 .txt1{ font-weight: 600; font-size: 14px; line-height: 14px;}
.tooltip-con .info-type.type1 .txt2{ font-weight: 600; font-size: 14px; color: #ff0000; line-height: 14px;}
.tooltip-con .address-info {max-width: 225px; display: flex; align-items: flex-start; justify-content: flex-start; white-space: normal; word-break: break-word;}
.tooltip-con .address-info p {font-size: 13px; line-height: 22px;}

.tooltip-con.ttPopHold .closeTooltip{ width: 22px; height: 22px; text-indent: -9999px; display: inline-block; overflow: hidden; position: absolute; top: 15px; right: 18px;}
.tooltip-con.ttPopHold .closeTooltip::before{ width: 1px; height: 40px; background-color: #333; content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(45deg);}
.tooltip-con.ttPopHold .closeTooltip::after{ width: 40px; height: 1px; background-color: #333; content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(45deg);}
.tooltip-con.ttPopHold .closeTooltip:hover::before,
.tooltip-con.ttPopHold .closeTooltip:hover::after{ background-color: #666;}

.tooltip-con .item-info1 > .label-box,
.tooltip-con .item-info1 > .txt2 > * {margin-top: 3px; margin-bottom: 3px;}

.tooltip-con .tire-info{ width: 340px; padding: 0;}
.tire-info{ padding: 20px 20px 0 20px; display: flex; flex-direction: column;}
.tire-info dt{ padding: 0; display: flex; align-items: center;}
.tire-info dt strong{ min-height: 20px; font-weight: 400; font-size: 20px; color: #000; line-height: 20px; margin-right: 10px; display: inline-block; flex: 1;}
.tire-info dt .flag{ height: 17px; background-color: #ec6608; font-size: 14px; color: #fff; line-height: 17px; padding: 0 5px; margin: 2px 5px 1px 0; display: inline-block; border-radius: 2px;}
.tire-info dd{ padding: 15px 0;}
.tire-info dd + dd{ border-top: 1px dashed #ccc;}
.tire-info .txt,
.tire-info .link{ display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start;}
.tire-info .txt p,
.tire-info .link a,
.tire-info .link2 a,
.tire-info .lan a,
.tire-info .detail a{ font-size: 14px; color: #333; line-height: 17px; margin-right: 15px; position: relative;}
.tire-info .season{ height: 24px;}
.tire-info .txt p::after{ width: 1px; height: 6px; background-color: #ccc; content: ''; margin-top: -3px; position: absolute; top: 50%; right: -8px;}
.tire-info .link a{ color: #8c8c8c; margin-right: 10px;}
.tire-info .link a:hover{ color: #333;}
.tire-info .txt p:last-child,
.tire-info .link a:last-child{ margin: 0;}
.tire-info .txt p:last-child::after{ display: none;}
.tire-info .down a{ width: 24px; height: 24px; background: url(../images/ico/ico-down2.png) no-repeat center center; text-indent: -9999px; display: inline-block;}
.tire-info .link2 a{ margin: 0; display: flex; align-items: center;}
.tire-info .link2 a .ico{ min-width: 17px; height: 24px; background-repeat: no-repeat; background-position: center center; margin-right: 5px;}
.tire-info .link2 a:hover{ text-decoration: underline;}
.tire-info .lan a{ min-height: 30px; font-size: 14px; color: #555; line-height: 16px; padding: 0; margin: 0; display: inline-flex; align-items: center; justify-content: space-between; word-break: break-word;}
.tire-info .lan a::after{ width: 24px; height: 24px; background: url(../images/ico/ico-down.png) no-repeat center center; content: ''; margin-left: 5px; display: inline-block;}
.tire-info .lan a:hover{ color: #333;}
.tire-info .detail a{ min-height: 30px; background: url(../../front/images/ico/ico-search3.png) no-repeat 10px center #585858; font-size: 14px; color: #fff; line-height: 15px; padding: 3px 10px 3px 30px; margin: 0; display: flex; align-items: center; border-radius: 15px;min-width: 82px;max-width: 150px; word-break: break-word;}
.tire-info .detail a:hover{ border-color: #ec6608;}
.tire-info a.openSP img,
.tire-info a.openSP .more {vertical-align: middle;}
.tire-info a.openSP .more,
.tire-info a.openSP img:nth-child(3) {display: none;}
.tire-info a.openSP img:nth-child(3) + .more {display: inline-block; margin-left: 6px;}
.openMore:not(.btn-file),
.tire-info a.openSP .more {font-size: 0; width: 15px; height: 20px; text-align: center;}
.openMore::before,
.tire-info a.openSP .more::before {content: ''; display: inline-block; width: 4px; height: 18px; background: url(../images/ico/ico-more1.png) center center no-repeat;}
.tire-info .flex-sb .sb-r a.openSP img {max-height: 24px;}
.tire-info dd.flex-sb {align-items: center;}
.tire-info dd.flex-sb .sb-l {flex: 1; padding-right: 10px;}

.openMore::before {transform: scale(.8);}

.btn-file.openMore {padding-right: 16px;}
.btn-file.openMore::before {position: absolute; right: 0; top: 50%; margin-top: -9px;}

.tooltip-con[ttpop-id="tiFileTooltip"],
.tooltip-con[ttpop-id="tiFileMoveTooltip"],
.tooltip-con[ttpop-id="tiFileMoreTooltip"] {margin-top: -5px;}
.tooltip-con[ttpop-id="tiFileTooltip"] .textbox {white-space: normal;}

.more_layout.on,
.dt_layout.on,
.more_layout .more_wrap.on,
.dt_layout .dt_wrap.on{ display: block;}
.dt_layout{ width: 100%; height: 100%; display: none; border-radius: 10px; overflow: hidden; position: absolute; top: 0; left: 0; z-index: 1;}
.more_layout::before,
.dt_layout::before{ width: 100%; height: 100%; background-color: #000; content: ''; opacity: 0.4; position: absolute; top: 0; left: 0; z-index: 0;}
.more_layout::before {display: none;}
.more_layout.on::before {display: block; z-index: 1;}
.more_layout .more_wrap,
.dt_layout .dt_wrap{ width: 228px; background-color: #fff; display: none; border-radius: 10px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%);}
.dt_layout .dt_wrap dl{ height: 220px; display: flex; flex-direction: column;}
.dt_layout .dt_wrap dt{ font-size: 13px; color: #000; line-height: 20px; padding: 10px 15px; border-bottom: 1px solid #ccc;}
.dt_layout .dt_wrap dd{ height: 100%; padding: 12px 15px; margin: 0; flex: 1; position: relative;}
.more_layout .more_wrap .scroll-y,
.dt_layout .dt_wrap dd .scroll-y{ position: absolute; top: 12px; right: 15px; bottom: 12px; left: 15px;}
.dt_layout .dt_wrap dd ul{ display: flex; flex-direction: column;}
.dt_layout .dt_wrap dd li{ padding: 5px 10px;}
.more_layout .closeMore,
.dt_layout .closeDT{ width: 22px; height: 22px; background: url(../images/ico/ico-close2.png) no-repeat center center; text-indent: -9999px; display: inline-block; overflow: hidden; position: absolute; top: 8px; right: 10px;}
.dt_layout .closeDT:hover::before,
.dt_layout .closeDT:hover::after{ background-color: #666;}
.dt_layout .dt_wrap.type-awd .awd{ padding: 4px 0; display: flex; align-items: center; justify-content: space-between;}
.dt_layout .dt_wrap.type-awd .awd .txt{ margin-left: 5px; display: flex; flex-direction: column; flex: 1; line-height: 16px;}
.dt_layout .dt_wrap.type-awd .awd .year{ font-weight: 600;}
.dt_layout .dt_wrap.type-awd .awd .thumb {width: 70px; height: 50px; display: inline-flex; align-items: center; justify-content: center; margin-right: 8px;}
.dt_layout .dt_wrap.type-awd .awd .thumb img {max-width: 70px; max-height: 50px;}
.dt_layout .dt_wrap.type-awd a.awd:hover .txt{ text-decoration: underline;}
.dt_layout .dt_wrap.type-lan li{ padding: 0;}
.dt_layout .dt_wrap.type-lan li a{ width: 100%; padding: 5px 10px;}
.dt_layout .dt_wrap.type-lan li a:hover{ background-color: #f1f1f1;}
.dt_layout .dt_wrap.type-supplier .supplier{ display: flex;}
.dt_layout .dt_wrap.type-supplier .supplier .ico{ width: 35px; height: 24px; background-repeat: no-repeat; background-position: center center; margin-right: 20px;}
.dt_layout .dt_wrap.type-supplier .supplier .ico img {max-width: 35px; max-height: 24px;}
.dt_layout .dt_wrap.type-supplier .supplier .oeimg {width: 40px; margin-right: 20px;}
.dt_layout .dt_wrap.type-supplier a.supplier:hover{ text-decoration: underline;}
.dt_layout .dt_wrap.type-file li a{ white-space: break-spaces; display: flex;}
.dt_layout .dt_wrap.type-file li a:hover{ text-decoration: underline;}
.dt_layout .dt_wrap.type-file li a .ico{ width: 24px; height: 24px; margin-right: 5px;}

.more_layout .more_wrap {width: 200px; height: 150px; padding: 10px 15px; z-index: 2;}
.more_layout .more_wrap .closeMore {top: 5px; right: 5px;}
.more_layout .more_wrap .scroll-y {right: 10px; top: 30px;}
.more_layout .more_wrap.type-file .btn-file {margin: 3px 0;}

.popup-wrap .tireInfo-box{ display: flex;}
.popup-wrap .tireInfo-box .wrap-view{ width: 100%; padding-right: 20px; display: flex; flex-direction: column; flex: 1; border-right: 1px dashed #ccc; position: relative;}
.popup-wrap .tireInfo-box .wrap-view .logo{ width: 125px; position: absolute; top: 10px; left: 10px; z-index: 1;}
.popup-wrap .tireInfo-box .wrap-view .logo img{ width: 100%; max-width: 100%;}
.popup-wrap .tireInfo-box .detail-cover{ width: calc(100% - 20px); height: 400px; position: absolute; top: 0; left: 0; z-index: 9;}
.popup-wrap .tireInfo-box .thumb-img .img,
.popup-wrap .tireInfo-box .detail-img .img {background: url(../images/ico/ico-noimg.png) center center no-repeat;}
.popup-wrap .tireInfo-box .detail-img{ height: 400px; background-color: #fff; padding: 4px; display: flex; align-items: center; justify-content: center;border: 1px solid #ccc; position: relative;}
.popup-wrap .tireInfo-box .detail-img .img{ width: 100%; height: 100%;}
.popup-wrap .tireInfo-box .detail-img img{ width: 100%; width: auto !important; max-width: 100%; max-height: 100%;}
.popup-wrap .tireInfo-box .detail-img .zoom{ width: 100px; height: 202px; display: none; border: 2px solid #222; position: absolute;}
.popup-wrap .tireInfo-box .detail-img .zoom::before{ width: 100%; height: 100%; background-color: #000; content: ''; opacity: 0.4; position: absolute; top: 0; left: 0;}
.pcHtml .popup-wrap .tireInfo-box .detail-cover:hover + .detail-img .zoom{ display: block;}
.popup-wrap .tireInfo-box .thumb-img{ margin: 10px 0 0 0; display: flex; justify-content: space-between;}
.popup-wrap .tireInfo-box .thumb-img a{ text-align: center; display: flex; flex-direction: column; flex: 1;}
.popup-wrap .tireInfo-box .thumb-img a + a{ margin-left: 10px;}
.popup-wrap .tireInfo-box .thumb-img a.active .img,
.popup-wrap .tireInfo-box .thumb-img a:hover .img{ padding: 3px; border-color: #333; border-width: 2px;}
.popup-wrap .tireInfo-box .thumb-img a.active .txt,
.popup-wrap .tireInfo-box .thumb-img a:hover .txt{ font-weight: 500; color: #000;}
.popup-wrap .tireInfo-box .thumb-img .img{ width: 100%; height: 90px; background-color: #fff; padding: 4px; display: flex; align-items: center; justify-content: center; border: 1px solid #ccc;}
.popup-wrap .tireInfo-box .thumb-img img{width: auto !important; max-width: 100%; max-height: 100%;}
.popup-wrap .tireInfo-box .thumb-img .txt{ font-size: 14px; color: #666; line-height: 20px; margin: 5px 0 0 0;}
.popup-wrap .tireInfo-box .wrap-info{ width: 260px; padding: 0 0 0 20px; position: relative;}
.popup-wrap .tireInfo-box .wrap-info .zoom{ width: 261px; height: 525px; background-color: #fff; display: none; overflow: hidden; border: 3px solid #000; position: absolute; top: 0; right: 0; z-index: 1;}
.popup-wrap .tireInfo-box .wrap-info .zoom.active{ display: block;}
.popup-wrap .tireInfo-box .wrap-info .zoom .img{ width: 1245.4px; height: 1040px; position: absolute;}
.popup-wrap .tireInfo-box .wrap-info .zoom img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%);}
img.fitW{ width: 100% !important; height: auto !important;}
img.fitH{ width: auto !important; height: 100% !important;}
img.fitN{ width: auto !important; height: auto !important;}
.popup-wrap .tireInfo-box .wrap-info ul{ display: flex; flex-direction: column;}
.popup-wrap .tireInfo-box .wrap-info .tit{ font-weight: 500; font-size: 24px; color: #333; line-height: 30px; margin: 5px 0;}
.popup-wrap .tireInfo-box .wrap-info .performance{ display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center;}
.popup-wrap .tireInfo-box .wrap-info .performance > * {margin: 5px 24px 5px 0;}
.popup-wrap .tireInfo-box .wrap-info .performance p{ font-size: 14px; line-height: 20px; position: relative;}
.popup-wrap .tireInfo-box .wrap-info .performance p::after{ width: 1px; height: 10px; background-color: #ccc; content: ''; position: absolute; top: 5px; right: -12px;}
.popup-wrap .tireInfo-box .wrap-info .performance p:last-child {margin-right: 0;}
.popup-wrap .tireInfo-box .wrap-info .performance p:last-child::after {content: none;}
.popup-wrap .tireInfo-box .wrap-info .season{background-repeat: no-repeat; background-position: center center; text-indent: -9999px;}
.popup-wrap .tireInfo-box .wrap-info .brand{ height: 60px; display: flex; align-items: center; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 5px 0;}
.popup-wrap .tireInfo-box .wrap-info .mark-base {}
.popup-wrap .tireInfo-box .wrap-info .mark-snow {}
.popup-wrap .tireInfo-box .wrap-info .txt{ display: flex; flex-direction: column;}
.popup-wrap .tireInfo-box .wrap-info .txt p{ font-size: 14px; color: #333; line-height: 20px; margin-top: 5px; margin-bottom: 5px;}
.popup-wrap .tireInfo-box .wrap-info .txt p strong{ font-weight: 700; color: #000;}

.popup-wrap .tireInfo-box .wrap-info .prodImg {background: url(../images/ico/ico-noimg.png) center center no-repeat; width: 100%; padding-top: 30%; margin-top: 5px; margin-bottom: 5px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; position: relative;}
.popup-wrap .tireInfo-box .wrap-info .prodImg[class*="background-image"] {background-size: cover;}
.popup-wrap .tireInfo-box .wrap-info .prodImg .btn {width: 100%; height: 100%; background-color: rgba(0,0,0,.4); position: absolute; top: 0; left: 0; display: flex; display: none; align-items: center; justify-content: center; color: #fff; font-weight: 300;}
.popup-wrap .tireInfo-box .wrap-info .prodImg .btn::after {content: ''; display: block; background: url(../../front/images/ico/ico-search3.png) no-repeat center center; width: 16px; height: 16px; margin-left: 5px;}
.popup-wrap .tireInfo-box .wrap-info .prodImg:hover .btn {display: flex;}
.popup-wrap .tireInfo-box .wrap-info .brand + .prodImg {margin-top: -6px;}

.popup-wrap .tireInfo-box .wrap-info .file-box {padding: 0; margin: 5px 0; min-height: 46px;}
.popup-wrap .tireInfo-box .wrap-info .file-box .moreChk-box.show .more {border-color: transparent; height: 30px; top: 0; right: 5px;}
.popup-wrap .tireInfo-box .wrap-info .file-box .moreChk-box.show .btn:nth-child(5n) {margin-right: 5px;}

.popup-wrap .tireInfo-box .wrap-view .adbox {position: absolute; right: 82px; top: 27px; z-index: 1;}
.popup-wrap .tireInfo-box .wrap-view .adbox [class*="ad"] {position: absolute; top: 2px;}
.popup-wrap .tireInfo-box .wrap-view .adbox .adMain {max-width: 110px; max-height: 110px; right: 50px; top: 18px;}
.popup-wrap .tireInfo-box .wrap-view .adbox [class*="adSub"] {max-width: 34px; max-height: 34px;}
.popup-wrap .tireInfo-box .wrap-view .adbox .adSub2 {top: 54px;}

.order-list.type-orderDetail .list-head .sb-l{ display: flex;}
.order-list.type-orderDetail .list-head .sb-r .list-range strong{ margin: 0 0 0 2px;}
.order-list.type-orderDetail .item{ padding: 10px 10px 10px 20px;}
.order-list.type-orderDetail .item .info1{ margin-right: 5px; flex: 1;}
.order-list.type-orderDetail .item .info1 .tit p{ margin-right: 30px; position: relative;}
.order-list.type-orderDetail .item .info1 .tit p:empty {display: none;}
.order-list.type-orderDetail .item .info1 .tit p::after{ width: 1px; height: 14px; background-color: #ccc; content: ''; display: block; position: absolute; top: 50%; right: -15px; margin-top: -7px;}
.order-list.type-orderDetail .item .info1 .tit p:last-child{ margin-right: 0;}
.order-list.type-orderDetail .item .info1 .tit p:last-child::after{ display: none;}
.order-list.type-orderDetail .plant-group{ height: 100%;}
/*.order-list.type-order.type-orderDetail .plant-box .price{ width: auto; padding: 3px 15px; align-items: flex-end;}*/
.order-list.type-orderDetail .plant-box .price p{ text-align: right;}
.order-list.type-orderDetail .plant-box .price p + p{ margin-top: 10px;}
.order-list.type-orderDetail .plant-box .price .dc{ width: auto; padding: 0 10px;}

.result-textbox > [class*="result-"] ~ [class*="result-"] {margin-top: 25px;}

.result-textbox.type2{ display: flex; flex-direction: column;}
.result-textbox.type2 .result-total .txt1{ font-weight: 500; font-size: 18px; line-height: 24px; padding: 1px 70px;}
.result-textbox.type2 textarea{ padding: 10px 15px; margin-top: 15px;}
.result-textbox.type3{ display: flex; flex-direction: column;}
.result-textbox.type3 .txt1{ font-weight: 500; font-size: 18px; text-align: center; line-height: 24px; padding: 1px 0;}
.result-textbox.type3 .txt2{ font-weight: 700; font-size: 20px; text-align: center; color: #000; line-height: 24px;}
.result-textbox.type3 .txt2 span{ font-weight: 300; font-size: 16px; display: inline-block;}
.result-textbox.type3 p + p{ margin-top: 10px;}

.result-textbox.type-grayBG {background-color: #f1f1f1; padding: 10px; font-size: 13px; line-height: 17px;}

.numList1-box li + li {margin-top: 10px;}
.infoCont-box .tit + .txt {padding-left: 10px; margin-top: 5px;}
.infoCont-box .infoC-inner + .infoC-inner {margin-top: 20px;}

.popup-wrap .search-default .default-search > * {margin-right: 5px;}
.popup-wrap .search-default .default-search > *:last-child {margin-right: 0;}
.popup-wrap .search-default .default-search .select1,
.popup-wrap .search-default .default-search .input1,
.popup-wrap .search-default .search-btn.type-search {height: 38px; border-radius: 2px;}
.popup-wrap .search-default .search-btn.type-search {width: 44px; background-repeat: no-repeat; background-position: center center; text-indent: -9999px; border: 1px solid #ccc; border-radius: 3px;}
.popup-wrap .search-default .search-btn.type-search:hover{ border-color: #444;}

.popup-wrap .order-list.type-shipTo .search-default .default-search .select1 {width: max-content;}

.summary-box{ width: 100%; background-color: #f5f5f5; padding: 0 15px 5px; border: 1px solid #ccc; border-radius: 10px;}
.summary-box .summary-head{ margin: 10px 0;}
.summary-box .summary-head > [class*="sb-"] > * > * {margin-top: 5px; margin-bottom: 5px;}
.summary-box .summary-head .user{ display: flex;}
.summary-box .summary-head .user strong{ font-weight: 700; font-size: 18px; color: #ec6608; line-height: 20px;}
.summary-box .summary-head .user span{ font-weight: 300; font-size: 14px; color: #555; line-height: 20px; }
.summary-box .summary-head .user > * {margin-right: 30px; position: relative;}
.summary-box .summary-head .user > *::after{ width: 1px; height: 10px; background-color: #ccc; content: ''; position: absolute; top: 50%; right: -15px; margin-top: -5px;}
.summary-box .summary-head .user > *:last-child {margin-right: 0;}
.summary-box .summary-head .user > *:last-child::after {content: none;}
.summary-box .summary-head .date{ font-weight: 300; font-size: 14px; color: #555; line-height: 20px;}
.summary-box .summary-head .date strong{ font-weight: 700; font-size: 14px;}
.summary-box .summary-body{ padding-top: 10px; margin-bottom: 10px; border-top: 1px dashed #ccc;}
.summary-box .summary-list,
.portlet-count-chart-box.type-openARstatement .summary-list{ display: flex; justify-content: space-between;}
.summary-box .summary-list .item{ flex: 1;}
.summary-box .summary-list .item + .item { margin-left: 10px;}
.summary-box .due-box{min-height: 70px; padding: 10px 0; background-color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px solid #999; border-radius: 10px;}
.summary-box .due-box .due{ font-weight: 400; font-size: 22px; color: #252525; line-height: 26px;}
.summary-box .due-box .txt{ font-size: 14px; color: #444; line-height: 20px; display: inline-block;}
.summary-box .due-box a.txt,
.summary-box .due-box .btn-tooltip{ background: url(../images/ico/ico-tooltip.png) no-repeat calc(100% - 2px) center; padding-right: 20px;}
.summary-box .due-box a.txt:hover,
.summary-box .due-box .btn-tooltip:hover{ text-decoration: underline;}
.summary-box .due-box .due + .txt{ margin-top: 5px;}
.summary-box .due-box.type-minus{ border: 2px solid #000;}
.summary-box .due-box.type-minus .due{ color: #ff0000;}
.summary-box .due-box.type-not .due,
.summary-box .due-box.type-not .txt{ color: #999;}

.myPage-area .order-list.type-table .table-box.type-veiw table td .input1 {width: calc(100% - 25px);}
/*.myPage-area .order-list.type-table .table-box.type-veiw table .col-mo-dep1 {display: none;}
.myPage-area .order-list.type-table .table-box.type-veiw table th.th-mo-dep1 {display: block;}*/

.myPage-area .summary-box {padding-bottom: 0;}
.myPage-area .summary-box .due-box .due,
.myPage-area .summary-box .due-box .due + .txt{ margin-top: 2px; margin-bottom: 2px;}

.summary-box .img-box {width: 50px; height: 50px; border-radius: 25px; background-color: #ea7c1e; border: 1px solid #ec6c08;}
.summary-box .img-box [class*="ico-"] {width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: 50% auto;}

.summary-box .item.type-imgTxt {display: inline-flex; justify-content: center; align-items: center;}
.summary-box .item.type-imgTxt .img-box {min-width: 50px; min-height: 50px; margin: 0 5px;}
.summary-box .item.type-imgTxt .due-box {border: 0 none; padding-left: 38px;}

.summary-box.type1 {background-color: #fff; border-radius: 12px;}
.summary-box.type1 .summary-list .item + .item {margin-left: 0;}
.summary-box.type1 .summary-list .item {position: relative; padding: 10px 20px;}
.summary-box.type1 .summary-list .item::after {content: ''; display: block; width: 1px; height: auto; background-color: #ccc; position: absolute; top: 28px; bottom: 28px; right: 0;}
.summary-box.type1 .summary-list .item:last-child:after {content: none;}
.summary-box.type1 .due-box .due {color: #000; text-shadow: 0 0 #000;}
.summary-box.type1 .due-box .txt {font-size: 14px; color: #333; line-height: 18px;}

.portlet-count-chart-box.type-openARstatement .summary-box {padding: 0; border: 0 none; background-color: transparent;}
.portlet-count-chart-box.type-openARstatement .summary-list {width: 100%;}
.portlet-count-chart-box.type-openARstatement .summary-list .item {margin: 5px;}
.portlet-count-chart-box.type-openARstatement .due-box {height: 100%;}

.filter-box{ width: 100%; margin: 5px 0;}
.filter-box .wrap-inner{ display: flex; justify-content: flex-end; flex-wrap: wrap;}
.filter-box .ckGroup + .ckGroup{ margin-left: 40px; position: relative;}
.filter-box .ckGroup + .ckGroup::before{ width: 1px; height: 20px; background-color: #ccc; content: ''; position: absolute; top: 7px; left: -20px;}
.filter-box .search{ margin: 2px 0 2px 20px; display: flex;}
.filter-box .search select,
.filter-box .search input{ height: 30px; padding: 0 10px;}
.filter-box .search select{ background-position: calc(100% - 10px); padding-right: 30px;}
.filter-box .search input{ width: 200px; margin: 0 3px;}
.filter-box .search .search-btn{ width: 35px; height: 30px; background-repeat: no-repeat; background-position: center center; text-indent: -9999px; border: 1px solid #ccc; border-radius: 3px;}
.filter-box .search .search-btn:hover{ border-color: #444;}

.delivery-step{ width: 100%; min-height: 148px; background-color: #efefef; border: 1px solid #ddd; border-radius: 10px; display: flex; justify-content: center; align-items: center;}
.delivery-step ul{flex: 1; display: flex; justify-content: space-between; position: relative;}
/*.delivery-step ul::before{ height: 1px; content: ''; border-top: 1px dashed #ccc; position: absolute; top: 50px; left: 60px; right: 60px;}*/
.delivery-step li{ text-align: center; padding-top: 20px; padding-bottom: 20px; display: flex; flex: 1; flex-direction: column; align-items: center; justify-content: flex-start; position: relative;}
/*.delivery-step li::before{ width: 60px; height: 60px; background-color: #fff; content: ''; border-radius: 50%;}
.delivery-step li::after{ width: 60px; height: 60px; background: no-repeat center center; content: ''; margin-left: -30px; opacity: 0.4; position: absolute; top: 20px; left: 50%;}
.delivery-step li.step1::after{ background-image: url(../images/ico/ico-delivery-step1.png);}
.delivery-step li.step2::after{ background-image: url(../images/ico/ico-delivery-step2.png);}
.delivery-step li.step3::after{ background-image: url(../images/ico/ico-delivery-step3.png);}
.delivery-step li.step4::after{ background-image: url(../images/ico/ico-delivery-step4.png);}
.delivery-step li.step1.step-now::after{ background-image: url(../images/ico/ico-delivery-step1-now.png);}
.delivery-step li.step2.step-now::after{ background-image: url(../images/ico/ico-delivery-step2-now.png);}
.delivery-step li.step3.step-now::after{ background-image: url(../images/ico/ico-delivery-step3-now.png);}
.delivery-step li.step4.step-now::after{ background-image: url(../images/ico/ico-delivery-step4-now.png);}*/
.delivery-step li::before{content: ''; width: 60px; height: 60px; background-color: #fff; background-position: center center; background-repeat: no-repeat; border-radius: 50%; z-index: 1;}
.delivery-step li::after{content: ''; width: auto; height: 1px; border-top: 1px dashed #ccc; position: absolute; top: 50px; left: 0; right: 0;}
.delivery-step li.step1::before{ background-image: url(../images/ico/ico-delivery-step1.png);}
.delivery-step li.step2::before{ background-image: url(../images/ico/ico-delivery-step2.png);}
.delivery-step li.step3::before{ background-image: url(../images/ico/ico-delivery-step3.png);}
.delivery-step li.step4::before{ background-image: url(../images/ico/ico-delivery-step4.png);}
.delivery-step li.step1.step-now::before{ background-image: url(../images/ico/ico-delivery-step1-now.png);}
.delivery-step li.step2.step-now::before{ background-image: url(../images/ico/ico-delivery-step2-now.png);}
.delivery-step li.step3.step-now::before{ background-image: url(../images/ico/ico-delivery-step3-now.png);}
.delivery-step li.step4.step-now::before{ background-image: url(../images/ico/ico-delivery-step4-now.png);}
.delivery-step p{ font-size: 14px; color: #aaa; line-height: 16px; margin-top: 5px;}
.delivery-step p strong{ font-weight: 700; font-size: 14px; color: #aaa; line-height: 20px;}
/*.delivery-step li.step-complete::after{ opacity: 1;}*/
.delivery-step li.step-complete::before{ opacity: 1;}
.delivery-step li.step-complete p strong{ color: #555;}
.delivery-step li.step-complete p span{ color: #808080;}
.delivery-step li.step-now::before{ background-color: #ec6608;}
.delivery-step li.step-now::after{ opacity: 1;}
.delivery-step li.step-now p strong{ color: #ec6608;}
.delivery-step li.step-now p span{ color: #808080;}
.delivery-step li:first-child::after {left: 50%;}
.delivery-step li:last-child::after {right: 50%;}

.map-box{ width: 100%; height: 218px; margin: 10px 0 20px 0; border-radius: 10px; overflow: hidden;}

.delivery-info{ width: 100%; display: flex; flex-direction: column;}
.delivery-info .info1{ width: 100%; display: flex; justify-content: space-between;}
.delivery-info li{ height: 60px; padding: 5px 5px 0 5px; flex: 1;}
.delivery-info li + li{ padding-left: 10px; border-left: 1px dashed #ccc;}
.delivery-info .info1 + .info2{ padding-top: 10px; margin-top: 10px; border-top: 1px dashed #ccc;}
.delivery-info .info2{ display: flex; flex-wrap: wrap;}
.delivery-info .info2 p{ margin: 4px 20px 0 0; position: relative;}
.delivery-info .info2 p::after{ width: 1px; height: 10px; background-color: #ccc; content: ''; position: absolute; top: 5px; right: -11px;}
.delivery-info .info2 p:last-child{ margin-right: 0;}
.delivery-info .info2 p:last-child::after{ display: none;}
.delivery-info .txt1{ display: flex; flex-direction: column;}
.delivery-info .txt1 strong{ font-weight: 400; font-size: 22px; color: #000; line-height: 26px;}
.delivery-info .txt1 span{ font-size: 14px; color: #808080; line-height: 16px;}
.delivery-info .txt2{ font-size: 14px; color: #808080; line-height: 16px;}
.delivery-info .txt2 strong{ font-weight: 500; color: #000;}
.delivery-info .txt3{ font-size: 14px; color: #ec6608; line-height: 16px;}
.delivery-info .txt3 strong{ font-weight: 500; color: #ec6608;}

.quick-order{ width: 100%; height: 100%; padding: 30px; display: flex; align-items: center; justify-content: center;}
.quick-order > .inner-box{ width: 100%;}
.quick-order .list ul{ display: flex; flex-direction: column;}
.quick-order .list li { margin: 12px 0;}
.quick-order .list li{ display: flex; justify-content: space-between;}
.quick-order .list li > .num{ width: 54px; min-width: 54px; height: 54px; background-color: #e6893a; font-weight: 500; font-size: 20px; color: #fff; margin-right: 30px; display: flex; align-items: center; justify-content: center; border-radius: 50%;}
.quick-order .list li > .data,
.quick-order .list li > .code{ height: 54px; flex: 1; position: relative; padding-right: 10px;}
.quick-order .list li > .data input,
.quick-order .list li > .code input{ width: 100%; height: 54px; font-size: 16px; color: #777; padding: 0 25px 0 25px; border-radius: 3px;}
.quick-order .list li > .code .flag{ display: flex; position: absolute; top: -8px; left: 25px;}
.quick-order .list li > .code .flag .txt{ background-color: #fff; font-size: 11px; color: #ec6608; line-height: 15px; padding: 0 15px; display: inline-block; border: 1px solid #ec6608; border-radius: 8.5px;}
.quick-order .list li > .code .flag .tooltip{ width: 70px; height: 17px; background-color: #ec6608; font-weight: 300; font-size: 11px; color: #fff; line-height: 17px; padding: 0 4px 0 10px; display: flex; align-items: center; border-radius: 8.5px;}
.quick-order .list li > .code .flag .tooltip::after{ width: 9px; height: 9px; background: url(../images/ico/ico-tooltip2.png) no-repeat center center; content: ''; margin-left: 3px; display: inline-block;}
.quick-order .list li > .code .state{ width: 30px; height: 30px; margin-top: -15px; display: flex; position: absolute; top: 50%; right: 15px;}
.quick-order .list li > .code .state .btn{ width: 30px; height: 30px; background: url(../images/ico/ico-reset.png) no-repeat center center; text-indent: -9999px; display: none; border-radius: 50%;}
.quick-order .list li > .code .state .btn:hover{ background-color: #f1f1f1;}
.quick-order .list li > .code .state .ok{ width: 30px; height: 30px; background: url(../images/ico/ico-ok.png) no-repeat center center; text-indent: -9999px; display: none;}
.quick-order .list li > .code .state .no{ width: 30px; height: 30px; background: url(../images/ico/ico-no.png) no-repeat center center; text-indent: -9999px; display: none;}
.quick-order .list li.type1 > .code input,
.quick-order .list li.type2 > .code input,
.quick-order .list li.type3 > .code input{ padding-right: 50px;}
.quick-order .list li.type1 > .code .state .btn,
.quick-order .list li.type2 > .code .state .ok,
.quick-order .list li.type3 > .code .state .no{ display: inline-block;}
.quick-order .list li > .data {flex: none; width: 170px;}
.quick-order .list li > .data input {padding-left: 15px; line-height: 28px;}
.quick-order .list li > .data input::placeholder {word-break: break-word; white-space:unset; line-height: 28px;transform:translate(0, -25%);}
.quick-order .list li > .data input::-webkit-input-placeholder {word-break: break-word; white-space:unset; line-height: 28px;transform:translate(0, -25%);}
.quick-order .list li > .data input::-moz-placeholder {word-break: break-word; white-space:unset; line-height: 28px;transform:translate(0, -25%);}
.quick-order .list li > .data input:-ms-input-placeholder {word-break: break-word; white-space:unset; line-height: 28px;transform:translate(0, -25%);}
.quick-order .list li > .data input::-ms-input-placeholder {word-break: break-word; white-space:unset; line-height: 28px;transform:translate(0, -25%);}
.quick-order .list li > .plant{ margin-right: 15px;}
.quick-order .list li > .plant select{ width: 156px; height: 54px; background-position: calc(100% - 10px) center; padding: 0 25px 0 15px; border-radius: 3px;}
.quick-order .list li > .stock{ width: 60px; margin-right: 15px;}
.quick-order .list li > .stock p{ width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.quick-order .list li > .stock span{ font-weight: 400; font-size: 30px; line-height: 32px; display: flex; align-items: center; justify-content: center;}
.quick-order .list li > .stock span.up::after{ width: 6px; height: 6px; content: ''; margin: 5px 0 0 5px; display: inline-block; border-top: 1px solid; border-right: 1px solid; transform: rotate(-45deg);}
.quick-order .list li > .stock .num{ color: #ccc;}
.quick-order .list li > .stock .num ~ strong{ display: none;}
.quick-order .list li > .stock .num2{ color: #ec6608;}
.quick-order .list li > .stock .num2.up::after{ border-color: #333;}
.quick-order .list li > .stock strong{ font-weight: 400; font-size: 14px; color: #555; line-height: 16px;}
.quick-order .list li > .qty{ width: 100px; margin-right: 15px;}
.quick-order .list li > .qty input{ width: 100%; height: 54px; font-size: 16px; text-align: right; color: #777; padding: 0 15px; border-radius: 3px;}
.quick-order .list li > .btn{ width: 190px; margin-right: 15px; display: flex; align-items: center;}
.quick-order .list li > .btn .won{ width: 120px; width: calc(100% - 62px); font-weight: 700; font-size: 16px; color: #000; text-align: center; height: 54px; line-height: 20px;  margin-right: 15px; position: relative;}
.quick-order .list li > .btn .won span{ width: 100%; height: 100%; border: 1px solid #ccc; border-radius: 3px;     display: flex; align-items: center; justify-content: center;}
.quick-order .list li > .btn .won .tooltip{ width: auto; height: auto; background-color: #f2a935; font-size: 11px; color: #fff; white-space:nowrap; line-height: 14px; padding: 0 10px; display: inline-block; border: 0; border-radius: 7px; position: absolute; top: -7px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%);}
.quick-order .list li > .btn button{ width: 54px; height: 54px; text-indent: -9999px; display: inline-block; border: 1px solid #ccc; border-radius: 3px; position: relative; z-index: 0;}
.quick-order .list li > .btn button:hover{ background-color: transparent;}
.quick-order .list li > .btn button:hover::after{ width: 100%; height: 100%; background-color: #f1f1f1; content: ''; border-radius: 3px; position: absolute; top: 0; left: 0; z-index: -1;}
.quick-order .list li > .btn .btn-del::before{ width: 100%; height: 100%; background: url(../images/ico/ico-del4.png) no-repeat center center; content: ''; border-radius: 3px; position: absolute; top: 0; left: 0; z-index: 1;}
.quick-order .list li > .btn .btn-add{ border: 0;}
.quick-order .list li > .btn .btn-add::before{ width: 100%; height: 100%; background: url(../images/ico/ico-add2.png) no-repeat center center; content: ''; border-radius: 50%; position: absolute; top: 0; left: 0; z-index: 1;}
.quick-order .list li > *:last-child {margin-right: 0;}
.quick-order .sum{ margin-top: 40px;}
.quick-order .sum > .inner-box{ padding: 25px 55px; border: 1px solid #ccc; border-radius: 25px;}
.quick-order .sum > .inner-box + .inner-box{ margin-top: 20px;}
.quick-order .sum .txt{ display: flex;}
.quick-order .sum .txt p{ font-size: 14px; line-height: 20px; margin-right: 30px; position: relative;}
.quick-order .sum .txt p::after{ width: 1px; height: 10px; background-color: #ccc; content: ''; position: absolute; top: 5px; right: -16px; height: auto; top: 5px; bottom: 5px;}
.quick-order .sum .txt p:last-child{ margin-right: 0;}
.quick-order .sum .txt p:last-child::after{ display: none;}
.quick-order .sum .txt p strong{ font-weight: 500; font-size: 15px;}
.quick-order .sum .total p{ font-size: 16px; line-height: 20px;}
.quick-order .sum .total p strong{ font-weight: 700; font-size: 18px;}
.quick-order .sum .info1-box + .info2-box{ margin-top: 10px;}
.quick-order .sum .info2-box{ display: flex;}
.quick-order .sum .info2-box input{ height: 54px; padding: 0 25px; margin-right: 20px; flex: 1; border-radius: 3px;}
.quick-order .sum .info2-box input:last-child{ margin-right: 0;}
.quick-order .sum .info2-box input.datepicker {background-position: calc(100% - 15px) center;}
.quick-order .sum .txt-info{ font-size: 14px; text-align: center; margin-top: 50px;}
.quick-order .sum .btn{ margin-top: 10px; display: flex; justify-content: center;}
.quick-order .sum .btn button{ width: 344px; height: 66px; background-color: #ec6608; font-weight: 700; font-size: 20px; color: #fff; display: flex; align-items: center; justify-content: center; border-radius: 10px;}
.quick-order .sum .btn button:hover{ background-color: #ea7c1e;}
.quick-order .sum .btn button .ico{ width: 23px; height: 27px; margin-right: 10px;}
.popup-wrap .quick-order{padding: 10px;}
.popup-wrap #massOrderWrap .quick-order {padding-top: 5px;}

.warrantyInfo-box{ width: 100%; background-color: #f5f5f5; padding: 0 20px; display: flex; flex-direction: column; border: 1px solid #ccc; border-radius: 15px; margin: 5px 0;}
.warrantyInfo-box .warrantyInfo-head{ padding: 15px 0; flex-wrap: wrap;}
.warrantyInfo-box .warrantyInfo-head .user-info{ display: flex;}
.warrantyInfo-box .warrantyInfo-head .user-info strong{ font-weight: 700; font-size: 24px; color: #ec6608; line-height: 36px;}
.warrantyInfo-box .warrantyInfo-head .user-info span{ font-size: 14px; color: #555; line-height: 36px; margin-left: 50px; position: relative;}
.warrantyInfo-box .warrantyInfo-head .user-info span::before{ width: 1px; height: 15px; background-color: #ccc; content: ''; position: absolute; top: 12px; left: -25px;}
.warrantyInfo-box .warrantyInfo-head .btn-36{ font-size: 14px; color: #333;}
.warrantyInfo-box .warrantyInfo-head .btn-36 .ico{ margin-left: 10px;}
.warrantyInfo-box .warrantyInfo-head [class*="sb-"] > * {margin-top: 5px; margin-bottom: 5px;}
.warrantyInfo-box.active .warrantyInfo-head .btn-36 .ico{ transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg);}
.warrantyInfo-box .warrantyInfo-body{ padding: 20px 0; border-top: 1px dashed #ccc;}
.warrantyInfo-box .warrantyInfo-body .sb-l{ width: calc(40% - 25px); max-width: 500px;}
.warrantyInfo-box .warrantyInfo-body .sb-r{ margin-left: 25px; flex: 1; position: relative;}
.warrantyInfo-box .warranty-status{ width: 100%; height: 210px; background-color: #fff; border: 1px solid #ccc; border-radius: 15px;}
.warrantyInfo-box .warranty-status ul{ width: 100%; height: 100%; display: flex;}
.warrantyInfo-box .warranty-status li{ padding: 30px 5px 15px 5px; display: flex; flex-direction: column; align-items: center; flex: 1;}
.warrantyInfo-box .warranty-status li + li{ border-left: 1px solid #ccc;}
.warrantyInfo-box .warranty-status .ico{ width: 50px; height: 50px; border-radius: 50%;}
.warrantyInfo-box .warranty-status .info{ text-align: center; margin: 10px 0 0 0; display: flex; flex-direction: column;}
.warrantyInfo-box .warranty-status .info strong{ font-weight: 500; font-size: 26px; color: #000; line-height: 30px;}
.warrantyInfo-box .warranty-status .info span{ font-size: 14px; color: #333; line-height: 18px; margin-top: 5px;}
.warrantyInfo-box .warranty-status .cut{ height: 22px; font-size: 14px; text-align: center; color: #ec6608; line-height: 20px; padding: 0 10px; margin: 5px 0 0 0; display: inline-block; border: 1px solid #ec6608; border-radius: 11px;}
.warrantyInfo-box .warranty-status .cut strong{ font-weight: 300; color: #808080;}
#warRtStatus > li:nth-child(1) > .ico,
.warrantyInfo-box .warranty-status .writing .ico{ background-color: #808080;}
#warRtStatus > li:nth-child(2) > .ico,
.warrantyInfo-box .warranty-status .request .ico{ background-color: #669059;}
#warRtStatus > li:nth-child(3) > .ico,
.warrantyInfo-box .warranty-status .review .ico{ background-color: #e0a21e;}
#warRtStatus > li:nth-child(4) > .ico,
.warrantyInfo-box .warranty-status .approved .ico{ background-color: #397caf;}
.warrantyInfo-box .warranty-status .reject .ico{ background-color: #c43d3d;}
.warrantyInfo-box .warranty-list{ width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.warrantyInfo-box .warranty-list ul{ display: flex; flex-direction: column;}
.warrantyInfo-box .warranty-list li{ width: 100%; height: 52px; background-color: #fff; padding: 0 1px; display: flex; align-items: center; justify-content: space-between; border: 1px solid #ccc; border-radius: 15px; flex-wrap: wrap; align-content: center;}
.warrantyInfo-box .warranty-list li.month{ padding: 0; border: 2px solid #000;}
.warrantyInfo-box .warranty-list li + li{ margin-top: 10px;}
.warrantyInfo-box .warranty-list p{ font-size: 14px; line-height: 16px; color: #888; text-align: center; flex: 1; position: relative; padding-left: 5px; padding-right: 5px; margin: 2px 0;}
.warrantyInfo-box .warranty-list p + p::before{ width: 1px; height: 10px; background-color: #ddd; content: ''; margin-top: -5px; position: absolute; top: 50%; left: 0;}
.warrantyInfo-box .warranty-list p span {white-space: nowrap; margin-top: 2px; margin-bottom: 2px;}
.warrantyInfo-box .warranty-list p span + strong {margin-top: 2px; margin-bottom: 2px;}
.warrantyInfo-box .warranty-list p strong{ color: #252525; display: inline-block;}
.warrantyInfo-box .warranty-list p strong em {color: #888; font-weight: 400;}
.warrantyInfo-box .warranty-list .upDown{ width: 100px; text-indent: -9999px; display: inline-block; flex: none;}
.warrantyInfo-box .warranty-list .upDown::before{ display: none;}
.warrantyInfo-box .warranty-list .upDown::after{ content: ''; border-left: 8px solid transparent; border-right: 8px solid transparent; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%);}
.warrantyInfo-box .warranty-list .upDown.type-up::after{ border-bottom: 10px solid #ff0000;}
.warrantyInfo-box .warranty-list .upDown.type-down::after{ border-top: 10px solid #0000ff;}
.warrantyInfo-box .warranty-list .upDown.type-same::after{ width: 16px; height: 3px; background-color: #525252; border: 0;}

.warrantyInfo-box .warranty-list .type-w1 li {height: auto; min-height: 52px;}
.warrantyInfo-box .warranty-list .type-w1 li [class*="cell"] {flex: none;}
.warrantyInfo-box .warranty-list .type-w1 li [class*="cell"] strong {white-space: nowrap;}
.warrantyInfo-box .warranty-list .type-w1 li .cell1 {width: 100px;}
.warrantyInfo-box .warranty-list .type-w1 li .cell2 {width: 120px;}
.warrantyInfo-box .warranty-list .type-w1 li .cell3 {width: 145px;}
.warrantyInfo-box .warranty-list .type-w1 li .cell4 {width: calc(100% - 559px); flex: 1; white-space: nowrap; display: inline-flex; justify-content: center; flex-wrap: wrap; flex-direction: row;}
.warrantyInfo-box .warranty-list .type-w1 li .cell5 {width: 100px;}
.warrantyInfo-box .warranty-list .type-w1 li .cell6 {width: 94px;}

.search-list-cart-box{ width: 100%; display: block; flex-direction: column;}
.search-list-cart-box .search-box{ padding: 0 400px 0 0; display: flex;}
.search-list-cart-box .search-box .input1{ height: 40px; padding: 0 10px; flex: 1; border-radius: 3px;}
.search-list-cart-box .search-box .btn-search{ width: 40px; height: 40px; background: url(../images/ico/ico-search.png) no-repeat center center; text-indent: -9999px; margin: 0 0 0 8px; display: inline-block; border: 1px solid #ccc; border-radius: 3px;}
.search-list-cart-box .search-box .btn-search:hover{ border-color: #333;}
.search-list-cart-box .search-box ~ .flex-sb{ margin-top: 20px;}
.search-list-cart-box .list-box{ flex: 1;}
.search-list-cart-box .cart-box{ width: 370px; margin: 0 0 0 30px;}

.cart-list-box{ width: 100%; display: flex; flex-direction: column;}
.cart-list-box .ckBox label::before{ width: 20px; height: 20px; background: url(../images/chk-box.png) no-repeat 0 0; content: ''; position: absolute; top: 0; left: 0;}
.cart-list-box .ckBox label:hover::before{ background-position: -40px 0;}
.cart-list-box .ckBox input:checked ~ label::before{ background-position: 0 -20px;}
.cart-list-box .box-head{ height: 50px; background-color: #f0efef; padding: 0 15px; display: flex; align-items: center; border: 1px solid #ddd; border-radius: 3px;}
.cart-list-box .box-head label{ font-size: 14px; color: #333; line-height: 16px; padding: 2px 0 2px 34px; display: inline-block; position: relative;}
.cart-list-box .box-body{ height: 314px; margin: 10px 0;}
.cart-list-box .cart-list{ height: 100%; padding: 0 15px;}
.cart-list-box .cart-list ul{ display: flex; flex-direction: column;}
.cart-list-box .cart-list li{ height: 95px; display: flex; align-items: center; position: relative;}
.cart-list-box .cart-list li ~ li{ border-top: 1px dashed #ccc;}
.cart-list-box .cart-list .ckBox{ flex: 1;}
.cart-list-box .cart-list .ckBox label{ font-size: 15px; color: #333; line-height: 20px; padding: 0 0 0 45px;}
.cart-list-box .cart-list .ckBox label::before{ margin-top: -10px; top: 50%;}
.cart-list-box .cart-list .spinnerJQ{ width: 70px;}
.cart-list-box .cart-list .money{ width: 90px; padding-right: 25px;}
.cart-list-box .cart-list .btn-del{ width: 18px; height: 18px; background: url(../images/ico/ico-del5.png) no-repeat center center; text-indent: -9999px; display: inline-block; border: 0; position: relative; z-index: 0;}
.cart-list-box .cart-list .btn-del::before,
.cart-list-box .cart-list .btn-del::after{ display: none;}
.cart-list-box .cart-list .btn-del:hover::before{ width: 30px; height: 30px; background: url(../images/ico/ico-del5.png) no-repeat center center #f1f1f1; content: ''; margin: -15px 0 0 -15px; display: inline-block; border: 0; border-radius: 50%; position: absolute; top: 50%; left: 50%; z-index: -1;}
.cart-list-box .box-bottom{ height: 80px;}
.cart-list-box .cart-total{ width: 100%; height: 100%; background-color: #333; padding: 0 20px; display: flex; align-items: center; justify-content: space-between; border-radius: 10px;}
.cart-list-box .cart-total dt{ font-size: 15px; color: #fff;}
.cart-list-box .cart-total dd{ font-size: 20px; color: #fab67c;}

.pcHtml .cart-list-box .cart-list li{position: relative; padding-bottom: 32px; padding-top: 5px;}
.pcHtml .cart-list-box .cart-list .desc {display: block; position: absolute; bottom: 3px; left: 40px; padding: 5px; width: calc(100% - 40px);}
.pcHtml .cart-list-box .cart-list .desc span {display: block;}
.pcHtml .cart-list-box .cart-list .desc:not(:hover) span {width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.pcHtml .cart-list-box .cart-list .desc:hover {background-color: #fff; max-height: calc(100% - 16px); overflow: auto;}

.tbl-box.type1 table thead th{ height: 50px; background-color: #f0efef; font-weight: 400; font-size: 14px; color: #333; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.tbl-box.type1 table thead th:first-child{ border-left: 1px solid #ddd; border-radius: 3px 0 0 3px;}
.tbl-box.type1 table thead th:last-child{ border-right: 1px solid #ddd; border-radius: 0 3px 3px 0;}
.tbl-box.type1 table tbody td{ height: 45px; font-weight: 400; font-size: 14px; color: #555; border-bottom: 1px solid #ddd;}
.tbl-box.type2 table thead th{ height: 50px; background-color: #f0efef; font-weight: 400; font-size: 14px; color: #333; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.tbl-box.type2 table thead th:first-child{ border-left: 1px solid #ddd; border-radius: 3px 0 0 3px;}
.tbl-box.type2 table thead th:last-child{ border-right: 1px solid #ddd; border-radius: 0 3px 3px 0;}
.tbl-box.type2 table tbody td{ height: 45px; font-weight: 400; font-size: 14px; color: #555; border-bottom: 1px solid #ddd;}
.tbl-box.type2 table tbody tr:hover td{ background-color: #fbfbfb;}

.tbl-description-code-price-btn colgroup col:nth-child(1){ width: auto;}
.tbl-description-code-price-btn colgroup col:nth-child(2){ width: 25%;}
.tbl-description-code-price-btn colgroup col:nth-child(3){ width: 20%;}
.tbl-description-code-price-btn colgroup col:nth-child(4){ width: 150px;}
.tbl-description-code-price-btn .scrollTable-head colgroup col:nth-child(4) {width: 156px;}
.tbl-description-code-price-btn th,
.tbl-description-code-price-btn td{ padding: 0 10px;}
.tbl-description-code-price-btn tr th:nth-child(1),
.tbl-description-code-price-btn tr td:nth-child(1){ text-align: left; padding: 0 20px;}

.tbl-description-code-price-btn .btn{ padding: 0;}
.tbl-description-code-price-btn .btn .btn-favo{ display: inline-block; vertical-align: top;}
.tbl-description-code-price-btn .btn .btn-favo label{ width: 26px; height: 26px; background: url(../images/ico/ico-favorite.png) no-repeat center center #333; text-indent: -9999px; display: inline-block; border-radius: 50%; cursor: pointer;}
.tbl-description-code-price-btn .btn .btn-favo label:hover,
.tbl-description-code-price-btn .btn .btn-favo input:checked + label{ background-color: #ea7c1e;}
.tbl-description-code-price-btn .btn .btn-cart{ width: 26px; height: 26px; background: url(../images/ico/ico-cart5.png) no-repeat center center #333; text-indent: -9999px; display: inline-block; border-radius: 50%;}
.tbl-description-code-price-btn .btn .btn-cart:hover{ background-color: #666;}
.tbl-description-code-price-btn .btn .btn-favo ~ .btn-cart{ margin-left: 25px; vertical-align: top;}

.scrollTable-box .tbl-box.type1 {border-bottom: 1px solid #ddd;}
.scrollTable-box .tbl-box .scrollTable-body {height: 404px; margin-top: 10px;}

[class*="labelS-"] {position: relative;}
[class*="labelS-"] .dB {font-size: 12px; line-height: 14px; color: #333; font-weight: 500; letter-spacing: -0.06em; padding-right: 12px; min-height: 7px; position: relative; display: flex; align-items: center; justify-content: flex-end;}
[class*="labelS-"] .dB::after {content: ''; display: inline-block; width: 10px; height: 11px; background: url(../images/ico/ico-labelS-dB.png) center center no-repeat; margin-left: 2px;}
[class*="labelS-"] .arrow {min-width: 15px; height: 18px; display: flex; align-items: center; justify-content: center; font-size: 11px; line-height: 14px; color: #fff; background-color: #000; text-align: center; padding: 0 3px; position: absolute; right: 0; opacity: 0; transition: bottom .2s .2s; bottom: -10px;}
[class*="labelS-"] .arrow::before {content: ''; display: block; width: 9px; height: 18px; background: url(../images/ico/ico-labelS-arrow.png) center center no-repeat; position: absolute; left: -9px; top: 50%; margin-top: -9px;}

[class*="labelS-"].typeA .arrow,
[class*="labelS-"][typename="typeA"] .arrow {bottom: 108px;}
[class*="labelS-"].typeB .arrow,
[class*="labelS-"][typename="typeB"] .arrow {bottom: 85px;}
[class*="labelS-"].typeC .arrow,
[class*="labelS-"][typename="typeC"] .arrow {bottom: 59px;}
[class*="labelS-"].typeD .arrow,
[class*="labelS-"][typename="typeD"] .arrow {bottom: 33px;}
[class*="labelS-"].typeE .arrow,
[class*="labelS-"][typename="typeE"] .arrow {bottom: 8px;}

.labelSearch-stats:not(.on) [class*="btn-"] {display: none;}

.labelSearch-stats.on [class*="labelS-"][class*="type"] .arrow,
.labelSearch-stats.on [class*="labelS-"][typename*="type"] .arrow {opacity: 1;}

.labelS-rr {min-width: 100px; height: 185px; background: url(../images/ico/bg-labelS-rr.png) 10px top no-repeat;}
.labelS-rr .arrow {right: 12px;}
.labelS-wetgrip {min-width: 100px; height: 185px; background: url(../images/ico/bg-labelS-wetgrip.png) 18px top no-repeat;}
.labelS-wetgrip .arrow {right: -4px;}

/*.labelS-tireInfo p {font-size: 16px; line-height: 20px; color: #333; font-weight: 500; background: url(../images/ico/ico-labelS-tire.png) left 50% no-repeat; padding-left: 55px; min-height: 28px; display: flex; align-items: center;}*/

.labelS-tireInfo.type-info1 {margin-bottom: 13px;}

.labelS-tireInfo .info1-row {display: flex; justify-content: space-between; align-items: center; flex-direction: row;}
.labelS-tireInfo .info1-row [class^="tInfor-"] {width: 30px; height: 30px; font-size: 0; background-position: center center; background-repeat: no-repeat; background-size: contain;}
.labelS-tireInfo .info1-row .tInfor-1 {width: 50px; height: 36px; background-image: url(../images/ico/ico-labelS-tire.png);}
.labelS-tireInfo .info1-row .tInfor-energ {width: 114px; height: 31px; background-image: url(../images/ico/ico-labelS-energ.png);}
.labelS-tireInfo .info1-row .tInfor-qr {width: 34px; height: 34px; background-image: url(../images/ico/ico-labelS-qr.png);}

.labelS-tireInfo .info2-row {display: flex; justify-content: space-between; align-items: center; flex-direction: row; min-height: 26px; min-height: 19px;}
.labelS-tireInfo .info2-row.type-row2 {min-height: 26px;}
.labelS-tireInfo .info2-row + .info2-row {border-top: 1px solid #ccc;}
.labelS-tireInfo .info2-row > span {color: #333; font-size: 14px; line-height: 18px;}/*txt3*/
.labelS-tireInfo .info2-row .txt1 {font-size: 10px; line-height: 14px;}
.labelS-tireInfo .info2-row .txt2 {font-size: 11px; line-height: 15px; font-weight: 500;}

.labelS-noisevalue {width: 82px; height: 52px; background: url(../images/ico/ico-labelS-noiseValue.png) top center no-repeat; margin: 0 auto;}
.labelS-noisevalue.typeA,
.labelS-noisevalue[typename="typeA"] {background-image: url(../images/ico/ico-labelS-noiseValue1.png);}
.labelS-noisevalue.typeB,
.labelS-noisevalue[typename="typeB"] {background-image: url(../images/ico/ico-labelS-noiseValue2.png);}
.labelS-noisevalue.typeC,
.labelS-noisevalue[typename="typeC"] {background-image: url(../images/ico/ico-labelS-noiseValue3.png);}
.labelS-noisevalue .dB {position: absolute; top: 12px; right: 13px; left: 29px; min-height: 14px; width: auto;  align-items: flex-end;}

.labelS-snow {width: 45px; height: 45px; font-size: 0; text-indent: -9999px; background: url(../images/ico/ico-snow.png) center center no-repeat; background-size: 100% auto;}

.labelSbox-info {border: 1px solid #444; border-radius: 10px; padding: 15px 15px 13px;}
.labelSbox-info .inbox-bottom {position: relative; display: flex; justify-content: center; align-items: center;}
.labelSbox-info .inbox-bottom .tip-txt {display: block; font-size: 10px; line-height: 14px; text-align: right; position: absolute; right: -20px; bottom: 8px; transform: rotate(90deg) scale(.9);}
.labelSbox-info .inbox-bottom > [class*="labelS-"] {margin: 0 5px;}
.labelSbox-info .inbox-center {position: relative; display: flex; justify-content: space-between; align-items: stretch;border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin-top: 1px; padding-top: 10px; padding-bottom: 14px; margin-bottom: 12px;}
.labelSbox-info .inbox-center::before {content: ''; display: block; width: 1px; height: auto; background-color: #ccc;  position: absolute; left: 50%; top: 10px; bottom: 10px;}
.labelSbox-info .inbox-center [class*="labelS-"] {width: 50%;}

.labelSbox-btn {display: flex; flex-direction: column;}
.labelSbox-btn [class*="btn-"] + [class*="btn-"] {margin-top: 10px;}

.lrbox {width: 100%; display: flex; justify-content: space-between; align-items: flex-start;}
.lrbox > .lrbox-left {width: 242px;}
.lrbox > .lrbox-right {width: calc(100% - 242px); padding-left: 32px;}

.labelSearch-stats {filter: grayscale(100%); opacity: .5;transition: filter,opacity .2s;}
.labelSearch-stats.on {filter: grayscale(0%); opacity: 1;}
.labelSearch-stats {position: sticky; top: 111px;}
.labelSearch-stats [class*="labelSbox-"] {margin-bottom: 11px;}

.labelSearch-sList {flex-direction: column;}

.labelSearch-box .order-list {border: 1px solid #ccc; border-radius: 10px; padding: 5px 15px;}
.labelSearch-box .order-list .item .wrap-txt .tit {padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #ccc;}
.labelSearch-box .order-list .list-bottom {margin-top: 15px;}

.labelSearch-box.detailtype .order-list {border: 0px none; padding: 0;}
.labelSearch-box.detailtype .order-list .item {padding: 0;}
.labelSearch-box.detailtype .order-list .item .wrap-txt .tit {padding: 0; margin: 0; border: 0 none;}
.labelSearch-box.detailtype .order-list .item .wrap-txt .tit + div {padding-right: 0;}
.labelSearch-box.detailtype .order-list .item .wrap-txt .tit p {font-size: 16px;}
.labelSearch-box.detailtype > div + div {margin-top: 20px;}

.tab-con .talk-group{ padding: 5vw;}
.talk-group{ display: flex; flex-direction: column;}
.talk-group .talk-box,
.talk-group .send-box{ border: 1px solid #ccc; border-radius: 30px;}
.talk-group .talk-box{ height: 640px; display: flex; padding: 60px 0; display: flex; height: calc(100vh - 472px); min-height: 475px; padding: 15px 0;}
.talk-group .talk-box ~ .send-box{ position: sticky; bottom: -64px; z-index: 1;  margin-top: 30px;}
.talk-group .scroll-y{ height: 100%;}
.talk-list{border-right: 1px solid #ccc; width: 170px;}
.talk-list ul{ display: block; flex-direction: column; min-height: 100%; display: flex; justify-content: center; align-items: stretch;}
.talk-list li{ text-align: center;}
.talk-list li ~ li{ margin-top: 30px;}
.talk-list .member{ width: 90px; display: inline-block; position: relative; margin-right: 22px; margin-left: 10px; word-break: break-word;}
.talk-list .member .thumb{ width: 70px; height: 70px; background: url(../images/ico/ico-noimg.png) no-repeat center center #f8f7f7; border-radius: 50%; overflow: hidden; position: relative; background-size: auto 20px; z-index: 1;}
.talk-list .type-arM .member .thumb {background-image: url(../images/ico/ico-mainTalk2.png); background-size: auto 30px;}
.talk-list .type-orderM .member .thumb {background-image: url(../images/ico/ico-mainTalk1.png); background-size: auto 31px;}
.talk-list .type-hk .member .thumb {background-image: url(../images/ico/ico-mainTalk3.png); background-size: 67px auto;}
.talk-list .member .thumb[style*="background-image"] {background-size: contain;}
.talk-list .member .thumb::before{ width: 100%; height: 100%; content: ''; border: 1px solid #ccc; border-radius: 50%; box-sizing: border-box; position: absolute; top: 0; left: 0; z-index: 1;}
.talk-list .member .thumb::after{ width: 100%; height: 100%; background-color: #fff; content: ''; opacity: 0.4; position: absolute; top: 0; left: 0; z-index: 1;}
.talk-list .member .num{ width: 23px; height: 23px; background-color: #ea7c1e; font-size: 14px; color: #fff; text-align: center; line-height: 21px; border: 1px solid #b95d11; border-radius: 50%; position: absolute; top: 3px; left: 50%; margin-left: 12px; z-index: 1;}
.talk-list .member .name{ font-size: 14px; color: #777; line-height: 14px;}
.talk-list .active .member::after{ width: 14px; height: 25px; background: url(../images/ico/ico-chatSelect.png) no-repeat center center; content: ''; position: absolute; top: 37.5px; left: auto; right: -20px;}
.talk-list .active .member .thumb::before,
.talk-list .member:hover .thumb::before{ border: 3px solid #ea7c1e;}
.talk-list .active .member .thumb::after,
.talk-list .member:hover .thumb::after{ opacity: 0;}
.talk-list .active .member .name,
.talk-list .member:hover .name{ color: #333;}
.talk-detail{flex: 1; padding-right: 20px;}
.talk-detail .scroll-y{ padding: 0 30px 0 30px;}
.talk-detail ul{ display: flex; flex-direction: column;}
.talk-detail li{ display: flex; flex-wrap: wrap;}
.talk-detail li ~ li{ margin-top: 10px;}
.talk-detail .guest{ text-align: left; padding-left: 45px; padding-right: 270px;}
.talk-detail .guest .txt::before{ width: 28px; height: 28px; background: url(../images/ico/ico-smile.png) no-repeat center center; content: ''; margin-top: -14px; position: absolute; top: 50%; left: -45px;}
.talk-detail .guest.del{ text-decoration: none;}
.talk-detail .guest.del .txt::before{ display: none;}
.talk-detail .guest.new .txt::after{ width: 20px; height: 20px; background: url(../images/ico/ico-new.png) no-repeat center center #ea7c1e; content: ''; margin-top: -10px; border-radius: 50%; position: absolute; top: 50%; right: -10px;}
.talk-detail .me{ text-align: right; padding-left: 270px; flex-direction: column; align-items: flex-end; justify-content: center;}
.talk-detail .me .txt{ background-color: #fff; margin-left: 20px;}
.talk-detail .txt{background-color: #e9e9e9; font-size: 14px; color: #333; line-height: 16px; padding: 10px 30px; display: inline-flex; align-items: center; border: 1px solid #ccc; border-radius: 20px; position: relative;}
.talk-detail .date{ width: 100%; font-size: 14px; color: #777; line-height: 38px; padding: 0 22px; display: block;}
.talk-detail .txt-box{ display: flex; align-items: center; justify-content: flex-end;}
.talk-detail .txt-box .del{ width: 35px; height: 35px; background: url(../images/ico/ico-del3.png) no-repeat center center #333; text-indent: -9999px; text-decoration: none; font-size: 0; color: transparent; margin: 0; display: none; border-radius: 50%; overflow: hidden;}
.talk-detail .txt-box .del:hover{ background-color: #666;}
.talk-detail .txt-box:hover .del{ display: inline-block;}
.send-box{ height: 80px; background-color: #fff; padding: 5px 100px 5px 5px; position: relative;}
.send-box:hover{ border-color: #333;}
.send-box textarea{ width: 100%; height: 100%; background-color: #fff; padding: 20px 30px 20px 60px; border-radius: 30px; resize: none;}
.send-box textarea::-webkit-scrollbar {width: 6px; height: 6px; margin-right: 100px;}
.send-box textarea::-webkit-scrollbar-track {background-color: #eeeded;}
.send-box textarea::-webkit-scrollbar-thumb {background-color: #bfbebe; border-radius: 3px;}
.send-box button{ width: 55px; height: 55px; background: url(../images/ico/ico-send.png) no-repeat center center; text-indent: -9999px; margin-top: -27px; display: inline-block; position: absolute; top: 50%; right: 40px;}
.send-box button:hover{ background-color: #f1f1f1; border-radius: 50%;}

.tab-con .acco-board-box,
.tab-con .talk-group { padding: 15px;}

.acco-board-box > ul{ display: flex; flex-direction: column;}
.acco-board-box .item{ display: flex; flex-direction: column;}
.acco-board-box .item ~ .item{ margin-top: 20px;}
.acco-board-box .acco-btn a{ width: 100%; height: 60px; padding: 0 105px 0 55px; display: flex; align-items: center; justify-content: space-between; border: 1px solid #ccc; border-radius: 30px; position: relative;}
.acco-board-box .acco-btn a:hover{ border-color: #333;}
.acco-board-box .acco-btn a::after{ width: 10px; height: 10px; content: ''; margin-top: -5px; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; position: absolute; top: 50%; right: 60px; transform: rotate(-45deg) translateY(-50%); -webkit-transform: rotate(-45deg) translateY(-50%); -moz-transform: rotate(-45deg) translateY(-50%); -o-transform: rotate(-45deg) translateY(-50%);}
.acco-board-box .active .acco-btn a::after{ margin-top: 2px; border: 0; border-top: 1px solid #ccc; border-right: 1px solid #ccc;}
.acco-board-box .acco-btn .subject-box{ width: calc(100% - 600px); display: flex;}
.acco-board-box .acco-btn .subject-box.new::after{ width: 20px; height: 20px; background: url(../images/ico/ico-new.png) no-repeat center center #ea7c1e; content: ''; margin-left: 20px; display: inline-block; border-radius: 50%;}
.acco-board-box .acco-btn .subject{ max-width: calc(100% - 40px); color: #333; line-height: 20px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative;}
.acco-board-box .acco-btn .info span{ color: #777; line-height: 16px;}
.acco-board-box .acco-btn .info span ~ span{ padding-left: 5px; margin-left: 5px; border-left: 1px solid #ccc;}
.acco-board-box .acco-con{ padding: 85px 140px; margin-top: 20px; border: 1px solid #ccc; border-radius: 3px;}
.acco-board-box .acco-con .file{ margin-top: 25px; display: flex; flex-wrap: wrap;}
.acco-board-box .acco-con .file dl{ display: flex;}
.acco-board-box .acco-con .file dl ~ dl{ margin-left: 40px;}
.acco-board-box .acco-con .file dt{ color: #777; line-height: 16px;}
.acco-board-box .acco-con .file dd{ font-weight: 700; color: #333; line-height: 16px;}
.acco-board-box .acco-con .file a:hover{ text-decoration: underline;}
.acco-board-box .more-btn{ text-align: center; margin: 50px 0 0 0; display: flex; justify-content: center;}
.acco-board-box .more-btn button{ width: 165px; height: 40px; background-color: #ea7c1e;color: #fff; line-height: 16px; display: flex; align-items: center; justify-content: center; border-radius: 20px;}
.acco-board-box .more-btn button:hover{ background-color: #ec6608;}
.acco-board-box .more-btn button .ico{ width: 16px; height: 16px; background-repeat: no-repeat; background-position: center center; margin-left: 10px;}

.error-box{ width: 100%; height: calc(100vh - 146px); display: flex; flex-direction: column; align-items: center; justify-content: center;}
.error-box .tit{ font-weight: 500; font-size: 24px; text-align: center; color: #333; line-height: 26px; /*margin-top: 240px;*/}
.error-box .tit strong{ font-weight: 500; font-size: 60px; line-height: 66px; margin-bottom: 20px; display: block;}
.error-box .tit ~ .txt{ margin-top: 20px;}
.error-box .txt{ width: 510px; font-weight: 300; font-size: 14px; color: #777; text-align: center; line-height: 30px;}
.error-box .txt ~ .btn-box{ margin-top: 30px;}
.error-box .btn-box .ico-home{ width: 22px; height: 25px;}

.tirebox {position: relative;}
.tirebox:not(.tireOn) {pointer-events: none;}
.tirebox::before,
.tirebox::after {content: ''; display: block; border-radius: 10px;}
.tirebox::before {width: 37px; height: 80px; text-align: center; background-position: center center; background-repeat: no-repeat; background-size: auto 94%; border: 3px dashed transparent; box-sizing: border-box; z-index: 1; position: relative;}
.tirebox:not(.tireOn)::before { opacity: .5;}
.tirebox::after {width: 30px; height: 73px; background-color: #fff; position: absolute; top: 3px; left: 50%; margin-left: -15px;}
.tireLeft .tirebox::before {background-image: url(../images/img-tireL.png);}
.tireRight .tirebox::before {background-image: url(../images/img-tireR.png);}

.tirebox .tire img {max-height: 100%;}
.tirebox .tire img ~ img{ margin: 0 0 0 3px;}

.tirebox .number,
.tireInfo-box .number,
.tireInfo-box .order-list.type-order .item p.number {width: 30px; height: 30px; background-color: #d2d4d6; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; font-size: 18px; line-height: 22px; color: #fff;}
.tirebox .number {margin-top: 3px;}

.tirebox.hover::before,
.tirebox.editable::before {border-color: #444;}
.tirebox.active::before,
.tirebox.editing::before {border-color: #ec6608;}
.tirebox.editable .number,
.tireInfo-box .editable .number,
.tireInfo-box .order-list.type-order .item.editable p.number {background-color: #444;}
.tirebox.active .number,
.tirebox.editing .number,
.tireInfo-box .editing .number,
.tireInfo-box .order-list.type-order .item.editing p.number {background-color: #ec6608;}
/*.tireInfo-box .order-list.type-order .item{ padding-right: 120px !important;}*/
.tireInfo-box .order-list.type-order .item > p.txt-modification { text-align: right; position: absolute; top: 50px; right: 6px;}

.tire-setbox {display: flex; justify-content: space-between; align-items: center; position: relative;}
.tire-setbox::before,
.tire-setbox::after {content: ''; display: block; background-position: center center; background-repeat: no-repeat;  position: absolute; top: 26px; height: 25px;}
.tire-setbox::before {background-image: url(../images/bg-tire-centerL.png); background-size: 100% 19px; width: auto; left: 33px; right: 33px;}
.tire-setbox::after {background-image: url(../images/bg-tire-centerC.png); width: 29px; left: 50%; margin-left: -14.5px; background-size: auto 100%;}
.tire-setbox + .tire-setbox {margin-top: 10px;}
.tire-setbox .tireLeft,
.tire-setbox .tireRight{display: flex; align-items: center; justify-content: center; position: relative;}
.tire-setbox .tireRight {flex-direction: row-reverse;}
.tire-setbox .tirebox{ display: flex; flex-direction: column; align-items: center; justify-content: center;}

.btn-edit,
.btn-cancel,
.btn-back,
.btn-repair,
.btn-newT,
.btnMoveBox .btn {font-size: 0; width: 42px; height: 42px; border-radius: 21px; background-color: #222; background-position: center center; background-repeat: no-repeat; border: 2px solid transparent; vertical-align: top;}
.btn-edit.type2,
.btn-cancel.type2,
.btn-back.type2,
.btn-repair.type2,
.btn-newT.type2,
.btnMoveBox .btn.type2{ background-color: #ea7c1e;}
/* .btn-edit {background-image: url(../images/ico/ico-edit.png);}
.btn-repair {background-image: url(../images/ico/ico-repair.png);}
.btnMoveBox .btn {background-image: url(../images/ico/ico-move.png); cursor: pointer;}
.btn-cancel {background-image: url(../images/ico/ico-cancel.png); background-image: url(../images/ico/ico-check2.png);}
.btn-newT {background-image: url(../images/ico/ico-tire.png);} */
.btn-edit:hover,
.btn-cancel:hover,
.btn-back:hover,
.btn-repair:hover,
.btn-newT:hover,
.btnMoveBox .btn:hover { background-color: #666; border-color: #666;}
.btn-edit.type2:hover,
.btn-cancel.type2:hover,
.btn-back.type2:hover,
.btn-repair.type2:hover,
.btn-newT.type2:hover,
.btnMoveBox .btn.type2:hover { background-color: #e6893a; border-color: #e6893a;}

.tireInfo-box .order-list .item .btnMoveBox{ display: inline-block;}
.tireInfo-box .order-list .item .btnMoveBox input{ position: absolute; top: 0; left: -9999px;}
.tireInfo-box .order-list .item .btnMoveBox .select1{ height: 42px; display: none;}
.tireInfo-box .order-list .item .btnMoveBox input:checked ~ .btn{ background-color: #ea7c1e; border-color: #ea7c1e;}
.tireInfo-box .order-list .item .btnMoveBox input:checked ~ .select1{ display: inline-block;}
.tireInfo-box .order-list .item.editing, .tireInfo-box .order-list.type-order.type-list .item.editing .btnMoveBox,
.tireInfo-box .order-list .item.editing, .tireInfo-box .order-list.type-order.type-list .item.editing .btn-repair{ display: none;}
.tireInfo-box .order-list.type-order.type-list .item.editing .btn-newT,
.tireInfo-box .order-list.type-order.type-list .item.editing .btn-edit {display: none;}

.btn-cart {width: 102px; height: 86px; border: 1px solid #ccc; border-radius: 8px; background: #fff url(../images/ico/ico-cart2.png) center center no-repeat; font-size: 0; text-indent: -9999px;}
.btn-cart:hover {border-color: #444;}
.tireInfo-box .cart {position: relative;}

.tireInfo-box .cart {width: 102px; height: 86px; border: 1px solid #ccc; border-radius: 8px; background-color: #fff;}
.tireInfo-box .cart label {font-size: 0; text-indent: -9999px;}

.editOk::before {content: ''; display: block; font-size: 0; width: 42px; height: 42px; border-radius: 21px; background: #222 url(../images/ico/ico-check2.png) center center no-repeat; border: 2px solid transparent; box-sizing: border-box;}

.tireInfo-box .cart,
.tireInfo-box .editOk::before,
.tireInfo-box .btn-edit,
.tireInfo-box .btn-cart,
.tireInfo-box .btn-cancel {position: absolute; right: 8px; top: 6px; z-index: 2;}
.tireInfo-box .btn-back {position: absolute; right: 60px; top: 6px; z-index: 2;}
.tireInfo-box .btn-back::before{ width: 20px; height: 2px; background-color: #fff; content: ''; margin: -1px 0 0 -10px; position: absolute; top: 50%; left: 50%; transform: rotate(45deg);}
.tireInfo-box .btn-back::after{ width: 2px; height: 20px; background-color: #fff; content: ''; margin: -10px 0 0 -1px; position: absolute; top: 50%; left: 50%; transform: rotate(45deg);}
.tireInfo-box .btn-sel {position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1;}
.tireInfo-box .btn-repair {position: absolute; right: 60px; top: 6px; z-index: 2;}
.tireInfo-box .btnMoveBox{position: absolute; right: 110px; top: 6px; z-index: 2;}
.tireInfo-box .form-row.form2 > .form-col {flex: auto;}

.tireInfo-box .in-btnbox {position: absolute; right: 10px; top: 10px; display: flex; display: flex; justify-content: flex-end; align-items: center; flex-wrap: wrap; max-width: 50%; z-index: 2;}
.tireInfo-box .in-btnbox .btnMoveBox,
.tireInfo-box .in-btnbox [class*="btn-"] {position: relative; right: auto; top: auto; z-index: unset; }
.tireInfo-box .in-btnbox .btnMoveBox .btn,
.tireInfo-box .in-btnbox [class*="btn-"] {height: 32px; width: auto; min-width: 42px; background-position-x: 6px; padding-left: 5px; padding-right: 5px; display: flex; justify-content: flex-start; align-items: center; margin-left: 5px; border-radius: 3px; margin-bottom: 5px;}
.tireInfo-box .in-btnbox .btnMoveBox .btn .txt,
.tireInfo-box .in-btnbox [class*="btn-"] .txt {font-size: 14px; color: #fff;}

.tireInfo-box .cart,
.tireInfo-box .btn-cart {right: 88px; top: 50%; margin-top: -43px;}
.tireInfo-box .btn-cart label {position: relative;}

.tireInfo-box .editOk::before {z-index: 0;}

.tireInfo-box .order-list.type-order .item p.number {position: absolute; left: 10px; top: 5px; top: 10px; transition: top .2s;}
.tireInfo-box .order-list.type-order.type-list .item.editable p.number{ top: 15px;}

.tireInfo-box .order-list.type-order .item p.form-col {display: inline-flex; align-items: center; justify-content: flex-start;}

.tireInfo-box .defult-form .form-row > .form-col {flex: unset;}

.tireInfo-box .item-txt,
.tireInfo-box .item-form {display: flex; align-items: flex-start; flex-direction: column; width: 100%;}
.tireInfo-box .item-txt + .item-form {margin-top: 8px;}

.tireInfo-box .item-form dt > .label {color: #222; font-size: 16px; line-height: 20px; padding-left: 0; font-weight: 500;}
.tireInfo-box .item-form dt > .label::before {content: none;}
.tireInfo-box .item-form .form-col > dt {padding-right: 17px;}

.tireInfo-box .order-list.type-tireTip .item {display: none !important;}
.tireInfo-box .order-list.type-tireTip .item.tireE {display: flex !important;}
.tireInfo-box .order-list.type-tireTip .item.tireOn {display: flex !important;}

.orderSummary-area .tirebox.tireOn {pointer-events: none;}
.orderSummary-area .tireInfo-box .order-list .item,
.orderSummary-area .tireInfo-box .order-list.type-order.type-list .item {flex-direction: row}

.tireInfo-box .order-list .item,
.tireInfo-box .order-list.type-order.type-list .item { padding: 10px 52px 10px 50px; padding-right: 10px; display: flex; align-items: center; flex-direction: column; font-size: 14px; min-height: 56px; min-height: 108px; justify-content: center; justify-content: flex-start;}
.tireInfo-box .order-list .item {border: 1px solid #ddd; border-radius: 4px; position: relative;}
.tireInfo-box .order-list .item:not(.active) .input1:disabled,
.tireInfo-box .order-list .item:not(.active) .input1:read-only {background-color: #fff !important;}
/*.tireInfo-box .order-list .item .btn-edit,*/
.tireInfo-box .order-list .item .btn-cancel,
.tireInfo-box .order-list .item .btn-back {display: none;}
.tireInfo-box .order-list .item .btn-sel {font-size: 0;}
.tireInfo-box .order-list .item .item-form .form1 {display: none;}
.tireInfo-box .order-list .item [class*="viewBox"] {display: none;}

.tireInfo-box .order-list .item:not(.editing) .item-form {pointer-events: none;}
.tireInfo-box .order-list .item.editing [class*="viewBox"] {display: flex;}

.tireInfo-box .form-row > .form-col {margin: 5px 0;}

.tireInfo-box .order-list.type-order .item p {font-size: 14px;}

.tireInfo-box .order-list.type-order .item .txt1,
.tireInfo-box .order-list.type-order .item .txt2,
.tireInfo-box .order-list.type-order .item .txt3 {margin-top: 8px;}
.tireInfo-box .order-list.type-order .item .txt1 p,
.tireInfo-box .order-list.type-order .item .txt2 p{ margin-right: 16px;}
.tireInfo-box .order-list.type-order .item .txt1 p::after,
.tireInfo-box .order-list.type-order .item .txt2 p::after{ width: 1px; height: 8px; background-color: #ccc; content: ''; position: absolute; top: 6px; right: -9px;}
.tireInfo-box .order-list.type-order .item .txt1 p:last-child::after,
.tireInfo-box .order-list.type-order .item .txt2 p:last-child::after{ display: none;}

.tireInfo-box .order-list.type-order.type-list .item + .item {margin-top: 15px;}

.tireInfo-box .order-list .item.hover {border-color: #444;}

.tireInfo-box .order-list .item.editable,
.tireInfo-box .order-list.type-order.type-list .item.editable,
.tireInfo-box .order-list .item.editing,
.tireInfo-box .order-list.type-order.type-list .item.editing {padding-top: 10px; padding-bottom: 10px;}

.tireInfo-box .order-list .item.editable,
.tireInfo-box .order-list.type-order.type-list .item.editable {border-color: #444; min-height: 108px;}
/*.tireInfo-box .order-list .item.editable .btn-sel {display: none;}*/
.tireInfo-box .order-list .item.editable .btn-edit {display: block;}
.tireInfo-box .order-list .item.editable .in-btnbox .btn-edit {display: flex;}

.tireInfo-box .order-list .item.editing,
.tireInfo-box .order-list.type-order.type-list .item.editing{ padding-top: 10px;}
.tireInfo-box .order-list .item.editing .item-txt + .item-form{ margin-top: 0;}
.tireInfo-box .order-list .item.editing,
.tireInfo-box .order-list.type-order.type-list .item.editing,
.tireInfo-box .order-list .item.editing:hover,
.tireInfo-box .order-list.type-order.type-list .item.editing:hover {border-color: #ec6608;}
.tireInfo-box .order-list .item.editing .btn-sel {display: none;}
.tireInfo-box .order-list .item.editing .btn-cancel,
.tireInfo-box .order-list .item.editing .btn-back {display: block;}
.tireInfo-box .order-list .item.editing .in-btnbox .btn-cancel,
.tireInfo-box .order-list .item.editing .in-btnbox .btn-back {display: flex;}
.tireInfo-box .order-list .item.editing .item-form .form1 {display: flex;}
.tireInfo-box .order-list .item.editing .item-txt {display: none;}
.tireInfo-box .order-list .item.editing .viewBox {display: block;}
.tireInfo-box .order-list.type-order .item.editing p.txt-modification{ display: none !important;}

.tireInfo-box .order-list .item.editing .item-form > .form-row:not(.form-comment) {padding-right: 180px;}
/*html.moHtml .tireInfo-box .order-list .item.editing .item-form > .form-row:not(.form-comment) {padding-right: 100px;}*/

.tireInfo-box .order-list .item.editing.editOk::before,
.tireInfo-box .order-list .item.editable.editOk::before {opacity: 0;}

.tireInfo-box .editing .item-form dd > .input1,
.tireInfo-box .editing .item-form .select1,
.tireInfo-box .editing .item-form .inForm-box {border-color: #ea7c1e !important; border-width: 2px;}
.tireInfo-box .editing .item-form .form-row.form-comment dl,
.tireInfo-box .editing .item-form .form-row.form-comment .input1{ width: 100%;}
.tireInfo-box .editing .defult-form .inForm-box .input1,
.tireInfo-box .editing .defult-form .inForm-box .select1,
.tireInfo-box .editing .defult-form .inForm-box [class*="btn"],
.tireInfo-box .editing .defult-form .inForm-box [class*="clear"],
.tireInfo-box .editing .defult-form .inForm-box [class*="search"] {height: 31px;}
.tireInfo-box .editing .defult-form .inForm-box .select1 {line-height: 28px;}
.tireInfo-box .editing .defult-form.type-h40 .inForm-box .input1,
.tireInfo-box .editing .defult-form.type-h40 .inForm-box .select1,
.tireInfo-box .editing .defult-form.type-h40 .inForm-box [class*="btn"],
.tireInfo-box .editing .defult-form.type-h40 .inForm-box [class*="clear"],
.tireInfo-box .editing .defult-form.type-h40 .inForm-box [class*="search"] {height: 36px;}
.tireInfo-box .editing .defult-form.type-h40 .inForm-box .select1 {line-height: 33px;}

.tireInfo-area .btn-tireOO {width: 34px; position: absolute; left: -17px; top: 0px; transition: all .2s; border-radius: 0 3px 3px 0;}
.tireInfo-area.tireLOpen .btn-tireOO {background-color: #fcf1e8; background-color: #ddd;}

.tireInfo-area { min-height: 520px; display: flex; flex-direction: row; justify-content: space-between;}
.tireInfo-area .tireInfo-left {width: 200px;}
.tireInfo-area .tireInfo-right { padding-left: 40px; display: flex; flex-direction: column; width: calc(100% - 200px);}
.tireInfo-area .tireInfo-right > .tireInfo-inbox{ display: flex; flex-direction: column;}
.tireInfo-area .tireInfo-right > .tireInfo-inbox:first-child {min-height: 265px;}
.tireInfo-area .tireInfo-right > .tireInfo-inbox .order-list.type-tireTip .scroll-y{ width: 100%; max-height: 363px; margin-bottom: 15px;}
.tab-box.type2 .tireInfo-area ~ .btn-box{ margin-top: 70px;}

.tireSet-block + .tireSet-block {margin-top: 50px;}

.tireInfo-box .order-list [class*="list-type"] .txt,
.tireInfo-box .order-list [class*="list-type"] .tit {font-size: 18px; line-height: 22px; color: #000;}
.tireInfo-box .order-list [class*="list-type"] .tit1 {padding-left: 15px; position: relative;}
.tireInfo-box .order-list [class*="list-type"] .tit1::before {content: ''; display: block; width: 5px; height: 5px; background-color: #ea7c1e; position: absolute; left: 0; top: 50%; margin-top: -1.5px; border-radius: 5px;}

.tireInfo-box .order-list [class*="list-type"] .total-box {margin: 0 25px;}

.tireInfo-box .order-list [class*="list-type"] .btn-del {width: 34px; height: 34px; position: absolute; right: 10px; top: 50%; margin-top: -17px; border-radius: 3px;}
.tireInfo-box .order-list [class*="list-type"] .btn-del .txt {font-size: 0 !important; line-height: 0;}

.tireInfo-box .order-list.type-order.type-list .list-type1 .item  {display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.tireInfo-box .order-list.type-order.type-list .list-type1 .item-right {min-width: 120px; text-align: right;}
.tireInfo-box .order-list.type-order.type-list .list-type1 .item-minwidth {min-width: 120px;}

.tireInfo-box .order-list.type-order.type-list .list-type2 .item {min-height: 55px; flex-direction: row; justify-content: space-between; align-items: center; align-items: center; padding: 10px 33px;}
.tireInfo-box .order-list.type-order.type-list .list-type2 .item > [class*="item-"] {display: inline-flex; align-items: center; flex-direction: row;}
.tireInfo-box .order-list.type-order.type-list .list-type2 .item > .item-right {justify-content: flex-end; padding-right: 25px;}
.tireInfo-box .order-list.type-order.type-list .list-type2 .item > .item-right .txt + .txt{ margin-left: 20px;}

.tireInfo-box .order-list .list-type2.total .txt,
.tireInfo-box .order-list .list-type2.total .tit {font-size: 20px; line-height: 24px; color: #fff;}
.tireInfo-box .order-list .list-type2.total .num {color: #ea7c1e;}
.tireInfo-box .order-list .list-type2.total .tit + .num {padding-left: 5px;}

.tireInfo-box .order-list.type-order.type-list .list-type2.total .item {background-color: #333; min-height: 64px; border-radius: 8px; align-items: flex-end; flex-direction: column; justify-content: center; position: relative;}
.tireInfo-box .order-list.type-order.type-list .list-type2.total .item .total-box{ width: auto; min-width: 300px; padding: 10px 0; text-align: right; display: flex; flex-direction: column; align-items: flex-end;}
.tireInfo-box .order-list.type-order.type-list .list-type2.total .item .total-box .tit.tit1 ~ .tit.tit1{ margin-top: 10px;}
.tireInfo-box .order-list.type-order.type-list .list-type2.total .item .total-box + .total-box{ margin-top: 20px;}
.tireInfo-box .order-list.type-order.type-list .list-type2.total .item .total-box + .total-box::before{ height: 1px; background-color: #5e5e5e; content: ''; position: absolute; bottom: 60px; left: 20px; right: 20px; }
.tireInfo-box .order-list.type-order.type-list .list-type2.total .item .total-box .txt,
.tireInfo-box .order-list.type-order.type-list .list-type2.total .item .total-box .num {flex: 1; white-space: nowrap;}
.tireInfo-box .order-list.type-order.type-list .list-type2.total .item .total-box .num {text-align: left; min-width: 200px;}
.tireInfo-box .order-list.type-order.type-list .list-type2.total .item .total-box p + p {margin-top: 10px;}

.tireInfo-box .order-list.type-order.type-total {border: 1px solid #ddd; border-radius: 3px;}
.tireInfo-box .order-list.type-order.type-total .list-type2 .item {margin: 0; border: 0 none;}
.tireInfo-box .order-list.type-order.type-total .list-type2 .item,
.tireInfo-box .order-list.type-order.type-total .list-type2.total .item {padding: 10px 57px;}
.tireInfo-box .order-list.type-order.type-total .list-type2 .item:not(.item-total) {background-color: #fff; padding-top: 15px; padding-bottom: 15px;}
.tireInfo-box .order-list.type-order.type-total .list-type2 .item:not(.item-total) .tit {color: #555; padding-left: 0;}
.tireInfo-box .order-list.type-order.type-total .list-type2 .item:not(.item-total) .tit::before {content: none;}
.tireInfo-box .order-list.type-order.type-total .list-type2 .item:first-child {border-radius: 3px 3px 0 0;}
.tireInfo-box .order-list.type-order.type-total .list-type2 .item:last-child {border-radius: 0 0 3px 3px;}
.tireInfo-box .order-list.type-order.type-total .list-type2 .item .total-box,
.tireInfo-box .order-list.type-order.type-total .list-type2.total .item .total-box {margin: 0; padding: 0; min-width: unset; width: 100%;}
.tireInfo-box .order-list.type-order.type-total .list-type2 .item .tit,
.tireInfo-box .order-list.type-order.type-total .list-type2 .item .num {font-weight: 500;}
.tireInfo-box .order-list.type-order.type-total .list-type2 .item .total-box .num,
.tireInfo-box .order-list.type-order.type-total .list-type2.total .item .total-box .num {min-width: unset; color: #ec6608;}

.tireInfo-box .order-list.type-order .list-type2 .item .txt1,
.tireInfo-box .order-list.type-order .list-type2 .item .txt2,
.tireInfo-box .order-list.type-order .list-type2 .item .txt3 {margin-top: 0;}

.tireInfo-inbox .order-list + .order-list {margin-top: 15px;}

.tireInfo-tit {font-size: 18px; color: #555; font-weight: 500; margin-bottom: 15px;}

.tireInfo-inbox + .tireInfo-inbox {margin-top: 15px;}

.infor-box > dl{ width: 100%; display: flex; flex-direction: column;}
.infor-box > dl > dt{ padding: 0 15px; margin-bottom: 10px;}
.infor-box > dl > dt p{ font-size: 15px; color: #333; line-height: 22px; display: flex;}
.infor-box > dl > dt p strong{ font-weight: 700;}
.infor-box > dl > dd{ padding: 0; margin: 0; border-bottom: 1px solid #d4d4d4;}
.infor-box > dl > dd .ul-list{ padding: 30px;}

.box-ul-list{ width: 100%; padding: 0 18px; border: 1px solid #ddd; border-radius: 10px;}
.box-ul-list ul{ width: 100%; padding: 10px 0; display: flex; flex-direction: column;}
.box-ul-list ul + ul{ border-top: 1px dashed #ccc;}
.box-ul-list li{ padding: 0 15px 0 25px; display: flex; flex-wrap: wrap; position: relative;}
.box-ul-list li::before{ width: 4px; height: 4px; background-color: #ea7c1e; content: ''; border-radius: 50%; position: absolute; top: 10px; left: 12px;}
.box-ul-list p{ color: #555; line-height: 22px; position: relative;}
.box-ul-list p ~ p{ margin-left: 20px;}
.box-ul-list p ~ p::before{ width: 1px; height: 10px; background-color: #ccc; content: ''; position: absolute; top: 6px; left: -10px;}
.box-ul-list .txt3{ font-weight: 700; color: #ed6d00;}
.box-ul-list .txt2{ font-weight: 700; color: #777;}

.ul-list > ul{width: 100%; display: flex; flex-direction: column;}
.ul-list > ul > li{ padding: 0 0 0 10px; position: relative;}
.ul-list > ul > li::before{ width: 4px; height: 1px; background-color: #ccc; content: ''; position: absolute; top: 11px; left: 0;}
.ul-list p{ color: #555; line-height: 22px; display: inline-block; vertical-align: top; position: relative;}
.ul-list p ~ p{ margin-left: 20px;}
.ul-list p ~ p::before{ width: 1px; height: 10px; background-color: #ccc; content: ''; position: absolute; top: 6px; left: -10px;}
.ul-list p span{ font-weight: 700; vertical-align: top;}

.photo-box > dl{ width: 100%; display: flex; flex-direction: column;}
.photo-box > dl ~ dl{ margin-top: 10px;}
.photo-box > dl > dt{ font-weight: 500; font-size: 15px; color: #333; line-height: 22px;}
.photo-box > dl > dd{ margin: 5px 0 0 0;}

.photo-list ul{ display: flex; flex-wrap: wrap;}
.photo-list .item{ width: calc((100% - 30px) / 3); height: 135px; background: no-repeat center center; background-size: cover; display: flex; align-items: center; justify-content: center; border: 1px solid #ccc; border-radius: 3px; position: relative;}
.photo-list .item + .item{ margin-left: 15px;}
.photo-list .item:nth-child(3n+1){ margin-left: 0;}
.photo-list .item:nth-child(n+4){ margin-top: 15px;}
.photo-list .item.noImg{ background-image: url(../images/ico/ico-hankook.png); background-image: url(../images/ico/ico-noimg.png); background-size: auto;}
.photo-list .item a{ width: 31px; height: 31px; background: no-repeat center center #fff; text-indent: -9999px; display: none; border-radius: 50%;}
.photo-list .item a + a{ margin-left: 10px;}
.photo-list .item a:hover{ background-color: #f1f1f1; box-shadow: 2px 2px 6px 1px #000;}
.photo-list .item:hover{ border-width: 4px; border-color: #e36b04;}
.photo-list .item:hover::before{ width: 100%; height: 100%; background-color: #000; content: ''; opacity: 0.4; position: absolute; top: 0; left: 0;}
.photo-list .item:hover a{ display: inline-block; position: relative; z-index: 1;}
.photo-list .item .btn-view{ background-image: url(../images/ico/ico-preview.png);}
.photo-list .item .btn-down{ background-image: url(../images/ico/ico-down4.png);}
.photo-list .item .btn-del{ background-image: url(../images/ico/ico-del2.png); background-size: 20px auto;}
.photo-list .item .btn-del:hover{ width: 40px; height: 40px; background-color: #fff;}
.photo-list .item .btn-add{ width: 31px; height: 31px; background: url(../images/ico/ico-add.png) no-repeat center center; margin: -15px 0 0 -15px; position: absolute; top: 50%; left: 50%; cursor: pointer; z-index: 1;}
.photo-list .item .btn-add::before{ width: 28px; height: 28px; background: url(../images/ico/ico-add.png) no-repeat center center; content: ''; margin: -14px 0 0 -14px; position: absolute; top: 50%; left: 50%; z-index: 2;}
.photo-list .item .btn-add::after{ width: 30px; height: 30px; background-color: #fff; content: ''; margin: -15px 0 0 -15px; border-radius: 50%; position: absolute; top: 50%; left: 50%;}
.photo-list .item .btn-add:hover::after{ width: 40px; height: 40px; margin: -20px 0 0 -20px; box-shadow: 2px 2px 6px 1px #393939;}
.photo-list .item .btn-add input{ position: absolute; top: 0; left: -9999px;}


.ul-list.type2{ width: 100%;}
.ul-list.type2 ul{ width: 100%; padding: 10px 0; display: flex; flex-direction: column;}
.ul-list.type2 ul + ul{ border-top: 1px dashed #ccc;}
.ul-list.type2 li{ padding: 0 15px 0 25px; display: flex; flex-wrap: wrap; position: relative;}
.ul-list.type2 li::before{ width: 4px; height: 4px; background-color: #ea7c1e; content: ''; border-radius: 50%; position: absolute; top: 10px; left: 12px;}
.ul-list.type2 p{ color: #555; line-height: 22px; display: flex; position: relative;}
.ul-list.type2 p > span{ margin-left: 5px; flex: 1;}
.ul-list.type2 p > span .txt1{ margin-top: 10px;}
.ul-list.type2 .txt1{ font-size: 11px; font-weight: 300; line-height: 15px;}
.ul-list.type2 .color1{ font-weight: 300;}

.txt-info2 {position: relative; display: flex; justify-content: center; align-items: center; color: #ec6c08 !important;}
.txt-info2 * {color: inherit !important;}
.txt-info2 .type-mailto {padding-bottom: 2px;}
.txt-info2::before {content: ''; display: block; width: 16px; height: 16px; background: url(../images/ico/ico-info2.png) center center no-repeat; background-size: auto 16px; margin-right: 3px;}

.emailbox > .email-id {width: 120px;}
.emailbox > .email-addr {width: calc(100% - 145px);}
.emailbox > .email-bar {width: 15px;}


#quickOrderWrap .quick-order .list li > .btn {width: auto; max-width: 190px;}
#massOrderWrap .quick-order {padding-top: 30px;}
#massOrderWrap .order-list .list-head > .sb-l {display: none;}
#massOrderWrap .order-list .list-head > .sb-r {width: 100%;}

.complete-col-box{ padding: 30px 0; display: flex; flex-direction: column;}
.complete-col-box .ico-tit{ background: url(../images/ico/ico-complete3.png) no-repeat center top; font-size: 21px; color: #ec6608; text-align: center; text-indent: 0; line-height: 24px; padding: 80px 0 0 0;}
.complete-col-box .txt-box{ font-size: 20px; color: #000; text-align: center; line-height: 24px; padding: 22px 0; margin: 30px 0 0 0; border: 1px solid #ccc; border-radius: 10px;}


/***********************************popup content*************************************/
.popup .findPW-cont .defult-form .input1,
.popup .findPW-cont .defult-form .select1 {border-radius: 10px;}
.popup .findPW-cont .defult-form .form-row.column {flex-direction: column;}
.popup .findPW-cont .defult-form .form-row.column > .form-col {margin-left: 0; margin-top: 5px; margin-bottom: 5px;}
.popup .findPW-cont .defult-form div.form-row > div.form-col > *:not(dd):last-child {margin-right: 0;}
.popup .findPW-cont + .findPW-foot {padding-top: 0; margin-top: -5px;}
.popup .findPW-foot .in-foot.infotype {margin-top: 0; padding-top: 0; border-top: 0 none; padding: 0 12px;}
.popup .findPW-foot .btn-ix {border-radius: 10px;}
.popup .findPW-foot .btn-ix.pftype2 {width: 100%;}
.popup .findPW-foot .txt {line-height: 16px;}

/*order list,card*/
.popup .order-list.type-order .item .wrap-txt .tit p {font-size: 16px;}
.popup .order-list.type-order .item .wrap-txt .tit > * {margin-right: 5px;}
.popup .labelSbox-info {padding: 5px;}
.popup .labelS-tireInfo.type-info1 {margin-bottom: 5px;}
.popup .labelSbox-info .inbox-center {padding-top: 7px; padding-bottom: 7px; margin-bottom: 5px;}
.popup .labelSbox-info .inbox-bottom .tip-txt {right: -15px; bottom: 18px;}

.popup .labelSearch-stats {top: 0;}
.popup .labelSearch-stats .order-search .wrap-detail {padding-right: 34px; padding-bottom: 66px;}
.popup .labelSearch-stats .wrap-detail .search-btn.type-search {bottom: 10px; left: 50%; transform: translateX(-50%); right: auto;}

#wrap .popup .order-list .list-bottom {bottom: -30px;}

/************************************************mo************************************************/

html.moHtml ::placeholder {font-size: 14px;}
html.moHtml ::-webkit-input-placeholder {font-size: 14px;}
html.moHtml ::-moz-placeholder {font-size: 14px;}
html.moHtml :-ms-input-placeholder {font-size: 14px;}
html.moHtml ::-ms-input-placeholder {font-size: 14px;}
html.moHtml .defult-form ::placeholder {font-size: 14px;}
html.moHtml .defult-form ::-webkit-input-placeholder {font-size: 14px;}
html.moHtml .defult-form ::-moz-placeholder {font-size: 14px;}
html.moHtml .defult-form :-ms-input-placeholder {font-size: 14px;}
html.moHtml .defult-form ::-ms-input-placeholder {font-size: 14px;}

html.moHtml .input1,
html.moHtml .address-search input,
html.moHtml .defult-form .input1,
html.moHtml .defult-form .address-search input {font-size: 14px;}/*16px  변경, scale로 조절*/

html.moHtml .setting-box .ckGroup > span,
html.moHtml .setting-box .rc-box {margin-right: 10px; margin-bottom: 10px;}
html.moHtml .setting-box .setting-inbox > dt + dd {margin-top: 0; margin-bottom: 0;}

html.moHtml .setting-box.setFilter-box > .setting-inbox {padding-left: 10px;}

html.moHtml .tab-box.type1 .tab-btn a {padding: 0 20px; line-height: 16px;}
html.moHtml .tab-box.type1 .tab-btn a::before {content: none;}

html.moHtml .address-search > * {margin-top: 0; margin-bottom: 0;}

html.moHtml .order-search .wrap-default .dl-search > dl > dt {margin-top: 5px; margin-bottom: 5px;}
html.moHtml .order-search .wrap-default .dl-search > dl > dd > * {margin-top: 5px; margin-bottom: 5px;}

html.moHtml .flex-sb.filter-rtype .sb-r {flex-wrap: wrap;}

html.moHtml #ORDER_STATUS .tab-box.type1 .tab-con {padding: 0 10px;}

html.moHtml .order-search .wrap-btn a {padding-top: 44px; padding-bottom: 5px;}
html.moHtml .order-search .wrap-btn a::before {width: 34px; height: 34px; top: 6px;}
html.moHtml .order-search .wrap-btn.type-favorite .count {top: 5px; white-space: nowrap;}
html.moHtml .order-search .wrap-btn.type-order a::before {background-size: 23px auto;}
html.moHtml .order-search .wrap-btn a:hover::after {width: 100%; height: 100%; top: 0; left: 0;}

html.moHtml #wrap .order-search{top: 0}
html.moHtml .search-detail .wrap-search{ width: 100%;}

/*html.moHtml.FIX_order-search #wrap .order-search {position: relative; z-index: 1;}
html.moHtml.FIX_order-search #wrap .order-search::before {content: none;}*/

html.moHtml .popup .order-search {top: 0;}

html.moHtml .myPage-area.tab-box.type1 .tab-con > [class$="-area"] {justify-content: flex-start; padding: 10px;}

/*html.moHtml .screenSet-area .childDot-box > div {padding-top: 0;}*/
html.moHtml .screenSet-area .switch-txt.viewtype p + .switch {margin-top: 15px;}

html.pcHtml .order-list.type-table .show-mo {display: none;}
html.moHtml .order-list.type-table .hide-mo {display: none;}
html.moHtml .order-list.type-table .show-mo {display: block;}
html.moHtml .order-list.type-table table {table-layout:unset;}

html.moHtml .area-bottom {margin-top: 15px;}

html.moHtml .quick-order,
html.moHtml #massOrderWrap .quick-order {padding: 0 10px;}
html.moHtml .quick-order .list li > .num {margin-right: 15px}
html.moHtml .quick-order .sum > .inner-box {padding: 15px; border-radius: 10px;}
html.moHtml .quick-order .sum > .inner-box .info1-box.flex-sb {flex-wrap: wrap;}
html.moHtml .quick-order .sum > .inner-box .info1-box.flex-sb .sb-l {flex-wrap: wrap;}
html.moHtml .quick-order .sum > .inner-box .info1-box.flex-sb .sb-r {text-align: right; width: 100%; margin-top: 5px;}
html.moHtml .quick-order .sum .info2-box input {max-width: calc( (100% - 40px) / 3);}

html.moHtml .labelSearch-box.detailtype .order-list .item {padding: 0 10px;}	
html.moHtml .labelSearch-box.detailtype .order-list .item .wrap-txt .tit p,
html.moHtml .labelS-tireInfo p {font-size: 14px; line-height: 18px;}
html.moHtml .labelSearch-stats .labelSbox-btn {flex-direction: row; align-items: center; justify-content: center;}
html.moHtml .labelSbox-btn [class*="btn-"] + [class*="btn-"] {margin-top: 0;}
html.moHtml .labelSbox-btn [class*="btn-"] {margin: 0 5px;}

html.moHtml .status-box .row-status.row1 .OrderNo {font-size: 14px;}
html.moHtml .status-box .row-status.row2 .box-info p span {font-size: 16px;}

html.moHtml .summary-box .item.type-imgTxt .due-box {align-items: flex-start; padding-left: 15px;}
html.moHtml .summary-box .due-box .due {font-size: 16px; line-height: 20px;}
html.moHtml .summary-box.type1 .due-box .txt {font-size: 13px; line-height: 17px;}

html.moHtml .tireInfo-box .editing .item-form .form-row.form1 > .form-col {justify-content: flex-start;}
html.moHtml .tireInfo-box .editing .item-form .form-row.form1 .select1 {width: 103px;}
html.moHtml .tireInfo-box .editing .item-form .form-row.form1 .inForm-box {width: 200px;}

html.moHtml .talk-list {width: 130px;}
html.moHtml .send-box button {width: 40px; height: 40px; background-size: auto 72%; margin-top: -20px;}
html.moHtml .talk-detail .guest {padding-right: 75px;}
html.moHtml .talk-detail .me {padding-left: 75px;}
html.moHtml .talk-group .talk-box ~ .send-box {bottom: -25px; z-index: 2; margin-top: 15px;}

html.moHtml .warrantyInfo-box {padding: 0 15px;}
html.moHtml .warrantyInfo-box .warrantyInfo-head {padding: 5px 0; align-items: center;}
html.moHtml .warrantyInfo-box .warrantyInfo-head .user-info {align-items: center;}
html.moHtml .warrantyInfo-box .warrantyInfo-head .user-info strong {    font-size: 15px; line-height: 20px;}
html.moHtml .warrantyInfo-box .warrantyInfo-head .user-info span {font-size: 13px; line-height: 20px;}
html.moHtml .warrantyInfo-box .warrantyInfo-head .user-info span::before {top: 50%; margin-top: -7px;}
html.moHtml .warrantyInfo-box .warrantyInfo-head .btn-36 {font-size: 13px; line-height: 17px;}
html.moHtml .order-search .wrap-default .dl-search dl dd .btn-regi {padding: 5px 36px; font-size: 13px;}

html.moHtml .warrantyInfo-box .warrantyInfo-body {padding: 10px 0;}
html.moHtml .warrantyInfo-box .warrantyInfo-body > .flex-sb {flex-direction: column;}
html.moHtml .warrantyInfo-box .warrantyInfo-body .sb-l {width: 100%; max-width: none;}
html.moHtml .warrantyInfo-box .warrantyInfo-body .sb-r {margin-left: 0; margin-top: 10px;}
html.moHtml .warrantyInfo-box .warranty-status {height: auto;}
html.moHtml .warrantyInfo-box .warranty-status li {flex-direction: row; justify-content: center; padding: 10px 0; flex-wrap: wrap;}
html.moHtml .warrantyInfo-box .warranty-status .ico {width: 24px; height: 24px;	background-size: 46% auto;}
html.moHtml .warrantyInfo-box .warranty-status .info {flex-direction: row; margin: 2px 0 2px 10px; align-items: center;}
html.moHtml .warrantyInfo-box .warranty-status .info strong {font-size: 18px; line-height: 22px;}
html.moHtml .warrantyInfo-box .warranty-status .info span {margin-top: 0; margin-left: 5px; font-size: 14px; line-height: 16px;}
html.moHtml .warrantyInfo-box .warranty-status .cut {margin: 2px 0 2px 5px;}
html.moHtml .warrantyInfo-box .warranty-list {height: auto; position: relative; top: auto; left: auto; max-height: 138px;}
html.moHtml .warrantyInfo-box .warranty-list li {height: auto; min-height: 34px; padding: 5px 0;}
html.moHtml .warrantyInfo-box .warranty-list li + li {margin-top: 5px;}
html.moHtml .warrantyInfo-box .warranty-list p {font-size: 13px; line-height: 15px;}
html.moHtml .warrantyInfo-box .warranty-list p strong {font-weight: 500;}
html.moHtml .warrantyInfo-box ~ .order-search .wrap-default .dl-search dl {flex-wrap: wrap;}

html.moHtml #WARRANTY_RETURN .warrantyInfo-box {margin-bottom: 10px;}
html.moHtml #WARRANTY_RETURN .warrantyInfo-box ~ .order-search,
html.moHtml #WARRANTY_RETURN .order-search ~ .tab-box {margin-top: 10px; margin-bottom: 10px;}

html.moHtml .status-box .row-status.row1 .state {font-size: 14px; line-height: 16px;}

html.moHtml .btn-order::before {background-size: auto 20px; margin-right: 1px;}
html.moHtml .btn-order .txt {font-size: 17px; line-height: 21px;}

html.moHtml .textbox.type3 .tit {font-size: 13px; line-height: 17px;}
html.moHtml .textbox.type3 .txt1 {font-size: 17px; line-height: 21px;}

html.moHtml .order-search {padding: 0 10px;}

html.moHtml .order-search .wrap-btn a {padding-top: 44px; padding-bottom: 5px;}
html.moHtml .order-search .wrap-btn a::before {width: 34px; height: 34px; top: 6px;}
html.moHtml .order-search .wrap-btn.type-favorite .count {top: 5px;}
html.moHtml .order-search .wrap-btn a:hover::after {width: 100%; height: 100%; top: 0; left: 0;}

html.moHtml .spinnerJQ .ui-spinner-input,
html.moHtml .order-list td.stock .num strong,
html.moHtml .order-list td.stock .num2 strong,
html.moHtml .order-list .plant-box .stock .num strong,
html.moHtml .order-list .plant-box .stock .num2 strong,
html.moHtml .order-list.type-order .item .wrap-txt .tit p {font-size: 16px;}

html.moHtml .order-list .plant-box .price .num:not(.ecofee) strong {font-size: 16px; line-height: 20px;}
html.moHtml .order-list .plant-box .cart label {background-size: auto 25px;}

html.moHtml .order-list.type-order .plant-box .stock [class*="num"]::after,
html.moHtml .order-list.type-order .plant-box .qty .spinnerJQ::after,
html.moHtml .order-list.type-order .plant-box .price [class*="num"]::after {font-size: 11px; line-height: 15px;}

html.moHtml .order-list.type-order.type-list .plant-box > div:not(.tit, .price) {width: 88px;}
html.moHtml .order-list.type-order.type-list .plant-box > div.cart {width: 66px;}

html.moHtml .order-list.type-order.type-card .plant-box {height: auto; min-height: 84px;}
html.moHtml .order-list.type-order.type-card .plant-box > div.cart {width: 90px; flex: none;}
html.moHtml .order-list.type-order.type-card .plant-box > div.price.hide + div.cart {width: auto; flex: 1;}
html.moHtml .order-list.type-order.type-card .name {left: 145px;}

html.moHtml .order-list.type-order.type-card .thumb .adMain,
html.moHtml .order-list.type-order.type-card .thumb [class*="adSub"] {right: 10px;}

html.moHtml .order-list.type-order.type-list .item {padding: 0 52px 5px 50px;}

html.moHtml .order-list .plant-box .qty .btn-tooltip {margin-top: 5px;}

html.moHtml #SET_ORDER_RIM .order-list.type-order.type-list .item,
html.moHtml #SET_ORDER_TWSP .order-list.type-order.type-list .item {flex-direction: column;}
html.moHtml #SET_ORDER_RIM .order-list.type-order.type-list .item .info1,
html.moHtml #SET_ORDER_TWSP .order-list.type-order.type-list .item .info1 {flex: none; width: 100%;}
html.moHtml #SET_ORDER_TWSP .order-list.type-order.type-list .item .info1 {padding-left: 5px; padding-right: 5px;}
html.moHtml #SET_ORDER_RIM .order-list.type-order.type-list .item .info2,
html.moHtml #SET_ORDER_TWSP .order-list.type-order.type-list .item .info2 {max-width: 100%; margin-left: 0; margin-right: 0;}
html.moHtml #SET_ORDER_RIM .order-list.type-order .item .wrap-txt > [class*="tit"] > *,
html.moHtml #SET_ORDER_RIM .order-list.type-order .item .wrap-txt > [class*="txt"] > *,
html.moHtml #SET_ORDER_TWSP .order-list.type-order .item .wrap-txt > [class*="tit"] > *,
html.moHtml #SET_ORDER_TWSP .order-list.type-order .item .wrap-txt > [class*="txt"] > * {white-space: normal;}
html.moHtml #SET_ORDER_TWSP .order-list.type-order.type-list .item .info2 {padding-left: 0;}

html.moHtml .filter-box .search .search-btn {min-width: 38px; width: 38px; height: 38px;}
html.moHtml .filter-box .search select,
html.moHtml .filter-box .search input {height: 38px;}
html.moHtml .filter-box .wrap-inner {align-items: center;}
html.moHtml .filter-box .wrap-inner > form {width: 100%;}
html.moHtml .filter-box .search {margin-top: 5px; margin-bottom: 5px; justify-content: flex-end; margin-left: 0;}
html.moHtml .filter-box * + .search {margin-left: 20px;}
html.moHtml .filter-box .ckGroup.type1 > span {margin-top: 5px; margin-bottom: 5px;}

html.moHtml .summary-box {padding-left: 10px; padding-right: 10px;}
html.moHtml .summary-box .summary-head {margin-top: 5px; margin-bottom: 5px;}
html.moHtml .summary-box .summary-body {padding-top: 5px; margin-bottom: 0px;} 
html.moHtml .status-box {padding: 0 5px;}

html.moHtml #ORDER_STATUS .order-list.type-status .list-head .sb-r,
html.moHtml #WARRANTY_RETURN .order-list.type-status .list-head .sb-r,
html.moHtml #STOCK_FRONT .order-list .list-head .sb-r,
html.moHtml #OPEN_AR_STATUS_FRONT .order-list .list-head .sb-r,
html.moHtml .status-box .row-status.row1 .btn a[data-print] {display: none;}

html.moHtml .order-list.type-openAR {padding: 5px;}

html.moHtml #SET_ORDER_TWSP .order-search .default-search {display: inline-flex;}
html.moHtml #SET_ORDER_TWSP .order-search #sDetailTxt {min-width: 280px;}

html.moHtml #excelBtn {max-width: 180px; line-height: 14px; padding: 0 15px;}

html.moHtml .myPage-area .form-col {margin-top: 5px; margin-bottom: 5px;}
html.moHtml .myPage-area .form-col > dt > *,
html.moHtml .myPage-area .form-col > dd > * {margin-top: 5px; margin-bottom: 5px;}
html.moHtml .myPage-area .defult-form > .form-row {margin: 0;}

html.moHtml .order-list.type-order.type-card .item .price-ba > * {margin-left: 0; margin-right: 10px;}

html.moHtml .order-list.type-order .item > .info1 {margin-right: 0;}
html.moHtml .order-list.type-order .item .wrap-txt > [class*="tit"],
html.moHtml .order-list.type-order .item .wrap-txt > [class*="txt"] {margin-top: 0;}
html.moHtml .order-list.type-order .item .wrap-txt > [class*="tit"] > *,
html.moHtml .order-list.type-order .item .wrap-txt > [class*="txt"] > * {margin-top: 5px; margin-bottom: 5px; white-space: nowrap;}

html.moHtml #ORDER_STATUS_shipToPop .order-list .list-head > .sb-r,
html.moHtml .order-list .list-head > .sb-r .list-type.ckGroup {display: none;}
html.moHtml .order-list .list-head > .sb-r {margin-top: 0; margin-bottom: 0;}

html.moHtml .lrbox.labelSearch-box > .lrbox-right {width: 100%; padding-left: 0;}

html.moHtml .txt-row-box + .blankDefault.border-box.defult-form {padding: 8px 12px;}
html.moHtml .txt-row-box + .blankDefault.border-box.defult-form .form-col {margin-top: 2px; margin-bottom: 2px;}
html.moHtml .txt-row-box + .blankDefault.border-box.defult-form .form-col > * {margin-top: 2px; margin-bottom: 2px;}
html.moHtml .txt-row-box + .blankDefault.border-box.defult-form .form-row.column {margin-left: 5px; margin-right: 5px;}
html.moHtml .txt-row-box + .blankDefault.border-box.defult-form .form-col[class*="w"] + .qty-box {margin-left: 10px;}

html.moHtml .order-search .wrap-detail{ padding-right: 0; padding-bottom: 50px;}
html.moHtml .wrap-detail .search-btn.type-search{ height: 34px; line-height: 34px; padding-left: 40px; padding-right: 22px; bottom: 5px; left: 50%; transform: translateX(-50%); line-height: 14px; display: inline-flex; align-items: center; justify-content: center; width: max-content;}
html.moHtml .wrap-detail .search-btn.type-close{ top: auto; bottom: 5px; left: auto; right: 0px;}

html.moHtml .wrap-default.wrap-detail > .sb-right {width: 100%; display: flex; align-items: center; justify-content: center; bottom: 5px;}
html.moHtml .wrap-default.wrap-detail > .sb-right [class*="btn"] {height:40px; min-height: 40px; margin: 5px;}
html.moHtml .wrap-default.wrap-detail > .sb-right .search-btn.type-search {transform: none; left: auto;}
html.moHtml .wrap-default.wrap-detail > .sb-right .btn-regi {padding: 5px 20px;}

html.moHtml .tbl-description-code-price-btn tr td:nth-child(1) {padding-top: 9px; padding-bottom: 9px;}

html.moHtml .tab-box.type3 > .tab-btn .btn-list {width: 100%;}
html.moHtml .tab-box.type3 > .tab-btn .btn-list a {width: auto; padding: 0 10px;}
html.moHtml #TBR_FLEET.content-section .tab-box.type3 > .tab-btn .btn-list a {min-width: 25%;}

html.moHtml .order-list.type-order .item .info1 .dateD.pc {display: none;}
html.moHtml .order-list.type-order .item .info1 .dateD.mo {display: flex;}

html.moHtml .wrap-default.wrap-detail .wrap-search {max-height: 30vh; overflow-x: hidden; overflow-y: auto; height: 180px;}


/*central invoicing right */
html.moHtml .sb-r.cart-box .cart-list-box .box-body {margin: 0;}
html.moHtml .sb-r.cart-box .cart-list-box .cart-list li {flex-wrap: wrap; justify-content: space-between; padding: 5px 0; position: relative;}
html.moHtml .sb-r.cart-box .cart-list-box .cart-list li .ckBox {width: 100%; flex: unset; margin-top: 5px; margin-bottom: 5px; padding-right: 32px; min-height: 30px; display: flex; align-items: center; justify-content: flex-start;}
html.moHtml .sb-r.cart-box .cart-list-box .cart-list li .btn-del {position: absolute; top: 10px; right: 0; width: 30px; height: 30px;}
html.moHtml .sb-r.cart-box .cart-list-box .cart-list li .money {padding-right: 0; width: 100%; flex: 1; margin: 5px 0; text-align: right;}
html.moHtml .sb-r.cart-box .cart-list-box .cart-list li .ckBox ~ .spinnerJQ {width: 100%; border: 1px solid #ccc; border-radius: 3px; margin: 5px 0;}
html.moHtml #TBR_FLEET .cart-list-box .spinnerJQ .ui-spinner {height: 30px; padding-right: 61px; margin: 0; width: 100%;}
html.moHtml #TBR_FLEET .spinnerJQ .ui-spinner-input {height: 30px; margin-top: 0;}
html.moHtml #TBR_FLEET .spinnerJQ .ui-spinner-button.ui-spinner-up,
html.moHtml #TBR_FLEET .spinnerJQ .ui-spinner-button.ui-spinner-down {top: 50%; margin-top: -16px; right: 0; width: 30px; height: 30px; background-position-y: center; border-left: 1px solid #ccc;}
html.moHtml #TBR_FLEET .spinnerJQ .ui-spinner-button.ui-spinner-down {right: 31px;}
html.moHtml #TBR_FLEET .spinnerJQ .ui-spinner-button.ui-spinner-down::before {content: none;}
html.moHtml .scrollTable-box .tbl-description-code-price-btn .scrollTable-body {margin-top: 0;}
html.moHtml .sb-l.scrollTable-box .tbl-description-code-price-btn .scrollTable-head {height: 70px;}
html.moHtml .sb-l.scrollTable-box .tbl-description-code-price-btn .scrollTable-head {border: 1px solid #ddd; border-radius: 3px;}
html.moHtml .sb-l.scrollTable-box .tbl-description-code-price-btn .scrollTable-head  table {height: 100%;}
html.moHtml .sb-l.scrollTable-box .tbl-description-code-price-btn .scrollTable-body,
html.moHtml .sb-r.cart-box .cart-list-box .box-body {margin-top: 5px;}
html.moHtml .sb-l.scrollTable-box .tbl-description-code-price-btn .scrollTable-body tr,
html.moHtml .sb-r.cart-box .cart-list-box .box-body li {min-height: 91px; height: auto; flex-direction: column;}
html.moHtml .sb-r.cart-box .cart-list-box .box-body li .desc {display: flex; justify-content: flex-start; align-items: center; width: 100%;}


@media screen and (max-width: 2199px) {
	html.pcHtml.filterOpen.myCartOpen .order-search .default-search > .rangeDatepicker + .ckGroup.type-range {min-width: calc(100% - 330px);}

	html.pcHtml.filterOpen.myCartOpen .order-search .default-search > .ckGroup:first-child ~ *,
	html.pcHtml.filterOpen.myCartOpen .order-search .default-search > .rangeDatepicker + .ckGroup.type-range ~ * {margin-top: 8px;}
}
@media screen and (max-width: 1959px) {	
	html.pcHtml.myCartOpen .order-search .default-search > .rangeDatepicker + .ckGroup.type-range {min-width: calc(100% - 330px);}

	html.pcHtml.myCartOpen .order-search .default-search > .ckGroup:first-child ~ *,
	html.pcHtml.myCartOpen .order-search .default-search > .rangeDatepicker + .ckGroup.type-range ~ * {margin-top: 8px;}
}

@media screen and (max-width: 1599px) {	
	html.pcHtml.filterOpen .order-search .default-search > .ckGroup:first-child {width: 100%;}
	html.pcHtml.filterOpen .order-search .default-search > .rangeDatepicker + .ckGroup.type-range {min-width: calc(100% - 330px);}
	
	html.pcHtml.filterOpen .order-search .default-search > .ckGroup:first-child ~ *,
	html.pcHtml.filterOpen .order-search .default-search > .rangeDatepicker + .ckGroup.type-range ~ * {margin-top: 8px;}
}

@media screen and (max-width: 1023px) {	
	html.moHtml .quick-order .sum .info2-box {flex-direction: column;}
	html.moHtml .quick-order .sum .info2-box input {width: 100%; margin: 5px 0;	flex: none; max-width: unset;}
}

/*page card type*/
.page-body .order-list.type-order.type-card .item {width: calc((100% - 20px) / 3);}
.page-body .order-list.type-order.type-card .item:nth-child(3n) {margin-right: 0;}

@media screen and (max-width:2300px){
	html.myCartOpen .page-body .order-list.type-order.type-card .item,
	html.filterOpen .page-body .order-list.type-order.type-card .item,
	html.myCartOpen.filterOpen .page-body .order-list.type-order.type-card .item {width: calc((100% - 10px) / 2);}
	html.myCartOpen .page-body .order-list.type-order.type-card .item:nth-child(2n),
	html.filterOpen .page-body .order-list.type-order.type-card .item:nth-child(2n),
	html.myCartOpen.filterOpen .page-body .order-list.type-order.type-card .item:nth-child(2n) {margin-right: 0;}
	html.myCartOpen .page-body .order-list.type-order.type-card .item:nth-child(2n+1),
	html.filterOpen .page-body .order-list.type-order.type-card .item:nth-child(2n+1),
	html.myCartOpen.filterOpen .page-body .order-list.type-order.type-card .item:nth-child(2n+1) {margin-right: 10px;}
}
@media screen and (max-width: 2010px){
	html:not(.myCartOpen, .filterOpen) .page-body .order-list.type-order.type-card .item {width: calc((100% - 20px) / 3);}
	html:not(.myCartOpen, .filterOpen) .page-body .order-list.type-order.type-card .item:nth-child(3n) {margin-right: 0;}
	html:not(.myCartOpen, .filterOpen) .page-body .order-list.type-order.type-card .item:nth-child(3n+1) {margin-right: 10px;}

	html.myCartOpen .page-body .order-list.type-order.type-card .item,
	html.filterOpen .page-body .order-list.type-order.type-card .item,
	html.myCartOpen.filterOpen .page-body .order-list.type-order.type-card .item {width: calc((100% - 10px) / 2);}
	html.myCartOpen .page-body .order-list.type-order.type-card .item:nth-child(2n),
	html.filterOpen .page-body .order-list.type-order.type-card .item:nth-child(2n),
	html.myCartOpen.filterOpen .page-body .order-list.type-order.type-card .item:nth-child(2n) {margin-right: 0;}
	html.myCartOpen .page-body .order-list.type-order.type-card .item:nth-child(2n+1),
	html.filterOpen .page-body .order-list.type-order.type-card .item:nth-child(2n+1),
	html.myCartOpen.filterOpen .page-body .order-list.type-order.type-card .item:nth-child(2n+1) {margin-right: 10px;}
}
@media screen and (max-width: 1600px){
	html:not(.myCartOpen, .filterOpen) .page-body .order-list.type-order.type-card .item {width: calc((100% - 10px) / 2);}
	html:not(.myCartOpen, .filterOpen) .page-body .order-list.type-order.type-card .item:nth-child(2n) {margin-right: 0;}
	html:not(.myCartOpen, .filterOpen) .page-body .order-list.type-order.type-card .item:nth-child(2n+1) {margin-right: 10px;}
}
@media screen and (max-width: 1400px) {
	html:not(.myCartOpen, .filterOpen) .page-body .order-list.type-order.type-card .item {width: calc((100% - 10px) / 2);}
	html:not(.myCartOpen, .filterOpen) .page-body .order-list.type-order.type-card .item:nth-child(2n) {margin-right: 0;}
	html:not(.myCartOpen, .filterOpen) .page-body .order-list.type-order.type-card .item:nth-child(2n+1) {margin-right: 10px;}

	html.myCartOpen .page-body .order-list.type-order.type-card .item,
	html.filterOpen .page-body .order-list.type-order.type-card .item,
	html.myCartOpen.filterOpen .page-body .order-list.type-order.type-card .item {width: calc((100% - 10px) / 2);}
	html.myCartOpen .page-body .order-list.type-order.type-card .item:nth-child(2n),
	html.filterOpen .page-body .order-list.type-order.type-card .item:nth-child(2n),
	html.myCartOpen.filterOpen .page-body .order-list.type-order.type-card .item:nth-child(2n) {margin-right: 0;}
	html.myCartOpen .page-body .order-list.type-order.type-card .item:nth-child(2n+1),
	html.filterOpen .page-body .order-list.type-order.type-card .item:nth-child(2n+1),
	html.myCartOpen.filterOpen .page-body .order-list.type-order.type-card .item:nth-child(2n+1) {margin-right: 10px;}
}
@media screen and (max-width: 900px) {
	html.moHtml .page-body .order-list.type-order.type-card .item {width: 100%; margin-right: 0;}
	html.moHtml .page-body .order-list.type-order.type-card .item:nth-child(3n+1),
	html.moHtml .page-body .order-list.type-order.type-card .item:nth-child(2n+1) {margin-right: 0;}
}

/*product detail*/
.page-body .order-list.type-productDetail .list-body .item {margin: 5px;}
.page-body .order-list.type-productDetail .list-head {margin-left: 5px; margin-right: 5px;}
@media screen and (min-width: 2244px) {	
	html.myCartOpen.filterOpen .page-body .order-list.type-productDetail .list-body .item {width: calc(25% - 10px);}
}
@media screen and (max-width: 2243px) and (min-width: 1840px) {	
	html.myCartOpen.filterOpen .page-body .order-list.type-productDetail .list-body .item {width: calc(33.33% - 10px);}
}
@media screen and (max-width: 1879px) and (min-width: 1602px) {	
	html.myCartOpen.filterOpen .page-body .order-list.type-productDetail .list-body .item {width: calc(50% - 10px);}
}
@media screen and (min-width: 1960px){
	html.myCartOpen:not(.filterOpen) .page-body .order-list.type-productDetail .list-body .item,
	html.filterOpen:not(.myCartOpen) .page-body .order-list.type-productDetail .list-body .item {width: calc(25% - 10px);}
}
@media screen and (max-width: 1959px) and (min-width: 1520px){
	html.myCartOpen:not(.filterOpen) .page-body .order-list.type-productDetail .list-body .item,
	html.filterOpen:not(.myCartOpen) .page-body .order-list.type-productDetail .list-body .item {width: calc(33.33% - 10px);}
}
@media screen and (max-width: 1519px) and (min-width: 1391px){
	html.myCartOpen:not(.filterOpen) .page-body .order-list.type-productDetail .list-body .item,
	html.filterOpen:not(.myCartOpen) .page-body .order-list.type-productDetail .list-body .item {width: calc(50% - 10px);}
}
@media screen and (max-width: 1390px) and (min-width: 1166px) {
	html.myCartOpen:not(.filterOpen) .page-body .order-list.type-productDetail .list-body .item,
	html.filterOpen:not(.myCartOpen) .page-body .order-list.type-productDetail .list-body .item{width: calc(33.33% - 10px);}
}
@media screen and (max-width: 1165px) and (min-width: 1024px) {	
	html.myCartOpen:not(.filterOpen) .page-body .order-list.type-productDetail .list-body .item,
	html.filterOpen:not(.myCartOpen) .page-body .order-list.type-productDetail .list-body .item {width: calc(50% - 10px);}
}
@media screen and (min-width: 1601px) {	
	.page-body .order-list.type-productDetail .list-body .item {width: calc(25% - 10px);}
}
@media screen and (max-width: 1600px) and (min-width: 1261px) {
	.page-body .order-list.type-productDetail .list-body .item {width: calc(33.33% - 10px);}
}
@media screen and (max-width: 1260px) {
	.page-body .order-list.type-productDetail .list-body .item {width: calc(50% - 10px);}
}
@media screen and (max-width: 767px) {
	html.moHtml .page-body .order-list.type-productDetail .list-body .item {width: 100%;}
}

/*ship to popup*/
@media screen and (min-width: 1024px) {
	.pop-cont .order-list.type-shipTo.type-card .item{ width: calc((100% - 30px) / 3); flex-direction: column; margin-right: 15px; margin-bottom: 15px;}
	.pop-cont .order-list.type-shipTo.type-card .item:nth-child(3n) {margin-right: 0;}
}
@media screen and (max-width: 1023px) {
	html.pcHtml .pop-cont .order-list.type-shipTo.type-card .item{ width: calc((100% - 20px) / 2);}
	html.pcHtml .pop-cont .order-list.type-shipTo.type-card .item:nth-child(2n) {margin-right: 0;}
}
@media screen and (max-width: 1023px) and (min-width: 768px) {
	html.moHtml .pop-cont .order-list.type-shipTo.type-card .item{ width: calc((100% - 20px) / 2);}
	html.moHtml .pop-cont .order-list.type-shipTo.type-card .item:nth-child(2n) {margin-right: 0;}
}
@media screen and (max-width: 767px) {
	html.moHtml .pop-cont .order-list.type-shipTo.type-card .item{ width: 100%; margin-right: 0;}
}

/*popup card type*/
@media screen and (min-width: 768px) {
	html.pcHtml .pop-cont .order-list.type-order.type-card .item {width: calc((100% - 10px) / 2);}
	html.pcHtml .pop-cont .order-list.type-order.type-card .item:nth-child(2n){ margin-right: 0;}
}
@media screen and (max-width: 767px) {
	html.pcHtml .pop-cont .order-list.type-order.type-card .item {width: 100%;}
}

@media screen and (max-width: 1500px) {
	html.pcHtml .order-search .wrap-search + .wrap-btn {margin-left: 12px;}
	html.pcHtml .order-search .wrap-btn.type-favorite {width: 90px;}

	.tab-con .acco-board-box, .tab-con .talk-group {padding: 5px;}

	/*html.pcHtml .warrantyInfo-box .warranty-list li {flex-wrap: wrap; align-content: center;}*/
	html.pcHtml .warrantyInfo-box .warranty-list li > p.flex2:last-child {flex: none !important; width: 100%; margin-top: 5px;}

	#ORDER_SUBMISSION_list.order-list.type-order.type-card .plant-box > div:not(.tit).qty {width: 70px; flex: none;}
	#ORDER_SUBMISSION_list.order-list.type-order.type-card .plant-box > div:not(.tit).cart {width: 60px; flex: none;}
	#ORDER_SUBMISSION_list.order-list.type-order.type-card .plant-box .price .num strong {letter-spacing: -0.08em;}
	#ORDER_SUBMISSION_list.order-list.type-order.type-card .plant-box .price .num strong font {letter-spacing: 0.025em;}

	html.moHtml .wrap-detail .wrap-search dl{ flex-direction: column;}
	html.moHtml .wrap-detail .wrap-search dt {width: auto;}
	html.moHtml .wrap-detail .wrap-search dd{ padding-left: 17px; margin-top: 3px;}
	html.moHtml .order-search .wrap-default .dl-search > dl > dt {margin-bottom: 0;}
	html.moHtml .order-search .wrap-default .dl-search > dl > dd > * {margin-top: 0;}
}

@media screen and (max-width: 1450px) {
	html.pcHtml .warrantyInfo-box .warranty-status {height: auto; min-height: 195px; padding: 6px 5px 5px 5px;}
	html.pcHtml .warrantyInfo-box .warrantyInfo-body .sb-l {width: auto;}
	html.pcHtml .warrantyInfo-box .warranty-status ul {flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: flex-start;}
	html.pcHtml .warrantyInfo-box .warranty-status li {display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; padding: 5px 5px 5px 45px; position: relative; width: 100%; flex: none; min-height: 40px;}
	html.pcHtml .warrantyInfo-box .warranty-status li + li {border-left: 0 none;}
	html.pcHtml .warrantyInfo-box .warranty-status .ico {width: 30px; height: 30px; position: absolute; left: 5px; top: 3px;}
	html.pcHtml .warrantyInfo-box .warranty-status .info {margin-top: 0; flex-direction: row;}
	html.pcHtml .warrantyInfo-box .warranty-status .info strong {font-size: 20px; line-height: 25px; margin-right: 5px;}
	html.pcHtml .warrantyInfo-box .warranty-status .ico.ico-writing {background-size: 15px auto;}
	html.pcHtml .warrantyInfo-box .warranty-status .ico.ico-request {background-size: 15px auto;}
	html.pcHtml .warrantyInfo-box .warranty-status .ico.ico-review {background-size: auto 16px;}
	html.pcHtml .warrantyInfo-box .warranty-status .ico.ico-approved {background-size: 13px auto;}
}

@media screen and (max-width: 1390px) {
	.acco-board-box .acco-btn .subject-box {width: calc(100% - 260px);}
	.talk-group .talk-box {padding: 20px 0;}
	.talk-list {padding: 0; width: 195px;}
	.talk-group .talk-list .scroll-y {padding-left: 5px;}
	.talk-detail {padding-right: 0;}
	.talk-detail .scroll-y {padding: 0 15px;}
	.talk-detail .txt {padding: 10px; min-height: auto;}
	.talk-detail .date {line-height: 24px;}
	.talk-detail li ~ li {margin-top: 15px;}
	.send-box {padding: 5px 50px 5px 5px; height: 92px;}
	.send-box textarea {padding: 10px 20px;}
	.send-box button {right: 12px;}

	.tab-box.type2 > .tab-btn .btn-list a {padding-left: 30px; padding-right: 10px;}
	.tab-box.type2 > .tab-btn .btn-list a::before {left: 15px;}
}
@media screen and (max-width: 1270px) {
	.quick-order {padding: 10px;}
	.quick-order .list li > .num {margin-right: 15px}
	.quick-order .sum > .inner-box {padding: 15px; border-radius: 10px;}
	.quick-order .sum > .inner-box .sb-l.txt {padding-right: 10px;}

	#massOrderWrap .quick-order {padding-top: 5px;}

	html.pcHtml .summary-box .item.type-imgTxt .due-box {align-items: flex-start; padding-left: 15px;}
	html.pcHtml .summary-box .due-box .due {font-size: 16px; line-height: 20px;}
	html.pcHtml .summary-box.type1 .due-box .txt {font-size: 13px; line-height: 17px;}	

	.tab-box.type2 > .tab-btn .btn-list {width: calc(100% - 240px);}
	.tab-box.type2 > .tab-btn .btn-list a {padding-left: 10px;}
	.tab-box.type2 > .tab-btn .btn-list a::before {content: none;}

	.tab-box.type2 > .tab-btn .btn-control a {width: auto; padding: 0 12px; min-width: 107px;}

	.tab-box.type2 > .tab-con > .tab-inner {padding: 20px;}

	.btn-box .btn-64 {height: 54px; padding-left: 54px; padding-right: 54px;}

	html.pcHtml .defult-form ::placeholder {font-size: 13px; line-height: 17px;}
	html.pcHtml .defult-form ::-webkit-input-placeholder {font-size: 13px; line-height: 17px;}
	html.pcHtml .defult-form ::-moz-placeholder {font-size: 13px; line-height: 17px;}
	html.pcHtml .defult-form :-ms-input-placeholder {font-size: 13px; line-height: 17px;}
	html.pcHtml .defult-form ::-ms-input-placeholder {font-size: 13px; line-height: 17px;}

	.defult-form .input1,
	.defult-form .select1,
	.defult-form .textarea1,
	.defult-form .input1-type {font-size: 14px;}
}
@media screen and (max-width: 1200px) {
	.childDot-box.coltype {flex-direction: column; padding-bottom: 10px;}
	.childDot-box.coltype > dl,
	.childDot-box.coltype > div {width: 100%; background: none;}
	.childDot-box.coltype > dl + dl,
	.childDot-box.coltype > dl + div,
	.childDot-box.coltype > div + dl,
	.childDot-box.coltype > div + div {background: url(../images/ico/line_dot1.png) top left repeat-x !important; padding-top: 20px; margin-top: 20px; padding-bottom: 20px;}

	.childDot-box.coltype .setToggle-box .setting-inbox {max-width: 40%; width: 198px; display: flex; flex-direction: column; justify-content: space-between;}
	.childDot-box.coltype .setToggle-box .switch-txt.viewtype .img {width: 100%; display: flex; align-items: center;}

	.setting-box dt {font-size: 13px; line-height: 17px; min-height: auto;}
	#views.setting-box dt {min-height: auto;}
	.setting-box .setting-inbox > dt + dd {margin-top: 10px; margin-bottom: 15px;}

	.area-bottom .btn-more [class*="btn-"] {height: 46px; font-size: 17px; line-height: 20px;}

	html.moHtml .tireInfo-box .editing .item-form .form-row.form1{flex-direction: column;}
	html.moHtml .tireInfo-box .editing .item-form .form-row.form1 .select1 + .inForm-box {margin-right: 0;}
}
@media screen and (max-width: 1055px) {
	html.pcHtml .order-search .wrap-default .dl-search + .default-search > .ckGroup + select + .input1 {flex: 1 !important;}
}
@media screen and (max-width: 1023px) {	
	html.pcHtml .defult-form-title {padding-left: 0;}
	html.pcHtml .form-row > .form-col {margin-left: 0;}
	html.pcHtml .popup .form-row.column {flex-direction: column;}
	html.pcHtml .popup .form-row.column > .form-col > dd,
	html.pcHtml .popup .defult-form.df-type1 .form-row.column > .form-col > dd {padding-right: 0;}

	html.moHtml .btn-box .btn-43,
	html.moHtml .btn-box .btn-64 {height: auto; min-height: 40px; padding: 8px 25px; width: auto; font-size: 15px; line-height: 19px;}
	html.moHtml .btn-box .btn-64 [class*="ico"] {background-size: auto 72%;}

	html.moHtml .tab-box.type2 > .tab-btn .btn-list a {font-size: 14px; line-height: 16px; font-weight: 400; min-height: 34px; height: unset; word-break: break-word; padding-top: 6px; padding-bottom: 6px;}
	html.moHtml .tab-box.type2 > .tab-btn .btn-control a {min-width: auto; padding: 5px 8px; font-size: 13px; line-height: 17px;}
	html.moHtml .tab-box.type2 > .tab-btn .btn-control a .ico,
	html.moHtml .tab-box.type2 > .tab-btn .btn-control a [class*="ico-"] {width: 14px; height: 14px; background-size: auto 100%; margin-right: 6px;}

	html.moHtml .tab-box.type2 > .tab-con > .tab-inner {padding: 10px 5px;}
	html.moHtml .tab-box.type2 > .tab-con > .tab-inner > .write-form,
	html.moHtml .tab-box.type2 > .tab-con > .tab-inner > .write-form ~ .btn-box {padding-right: 5px;}
	html.moHtml .tab-box.type2 > .tab-con > .tab-inner > .write-form ~ .btn-box {margin-top: 15px;}

	html.moHtml .result-total {font-size: 13px; line-height: 17px;}
	html.moHtml .result-total .txt {font-size: 14px; line-height: 18px;}
	html.moHtml .result-list .num {font-size: 14px; line-height: 18px;}

	html.moHtml .result-textbox.type3 .txt1 {font-size: 13px; line-height: 17px;}
	html.moHtml .result-textbox.type3 .txt2 {font-size: 15px; line-height: 19px;}
	html.moHtml .result-textbox.type3 .txt2 span {font-size: 14px; line-height: 19px;}

	html.moHtml .form-row > .form-col {flex-direction: column; align-items: flex-start;}
	html.moHtml .form-row > .form-col.empty {display: none;}
	html.moHtml .myPage-area .defult-form > .form-row > .form-col {margin-top: 5px; margin-bottom: 5px;}

	html.moHtml .popup .findPW-cont .defult-form .form-row.column > .form-col {flex-direction: row; align-items: center;}
	html.moHtml .popup .findPW-cont + .findPW-foot {padding-top: 0; margin-top: -5px;}

	html.moHtml .defult-form dt {padding-right: 5px;}
	html.moHtml .defult-form dt > .label {font-size: 14px; line-height: 16px;}

	html.moHtml .form-row.column > .form-col > dt,
	html.moHtml .form-row.column > .form-col > dd {display: flex; width: 100%;}
	html.moHtml .defult-form dt > .label,
	html.moHtml .form-row.column > .form-col > dt > .label {width: auto !important;}
	html.moHtml .form-row.column > .form-col > dd {padding-right: 0;}

	html.moHtml .defult-form .form-row > .form-col dd.address-search {width: 100%;}

	html.moHtml .popup-wrap .tireInfo-box .wrap-info .tit {font-size: 14px; line-height: 20px;}
	html.moHtml .popup-wrap .tireInfo-box .wrap-info .brand {height: 45px; padding: 6px 0;}
	html.moHtml .popup-wrap .tireInfo-box .wrap-info .txt p {font-size: 13px; line-height: 17px; margin: 3px; width: calc(50% - 6px);}
	html.moHtml .popup-wrap .tireInfo-box .wrap-info .txt p strong {font-size: inherit;}

	html.moHtml .delivery-info .txt1 strong {font-size: 16px; line-height: 20px;}
	html.moHtml .popup .delivery-step p > * {width: 100%; display: block; padding: 0 10px;}
	
	html.moHtml .order-list .list-head:not(.type-nosel) { position: relative; flex-direction: column;}
	html.moHtml .order-list * + .list-head {margin-top: 5px;}
	html.moHtml .order-list .list-head:not(.type-nosel) > .sb-l,
	html.moHtml .order-list .list-head:not(.type-nosel) > .sb-r {width: 100%;}
	html.moHtml .order-list .list-head:not(.type-nosel) > .sb-l + .sb-l:not(:empty) {padding-left: 70px;}
	html.moHtml .order-list .list-head > .sb-l .list-range {flex-wrap: wrap;}
	html.moHtml .order-list .list-head:not(.type-nosel) > .sb-r {/*margin-top: 5px;*/ position: relative;}
	html.moHtml .order-list .list-head > .sb-l:not(.search-default) + .sb-r .list-type {flex-wrap: nowrap; position: absolute; top: 0; top: -30px; right: 0; margin: 0;}
	html.moHtml .order-list .list-head .list-filter{ width: 100%; justify-content: flex-end;}
	html.moHtml .order-list .list-head > .sb-r .list-range {margin-right: 20px;}
	
	html.moHtml .order-list.type-status .list-head:not(.type-nosel) {flex-direction: row;}

	html.moHtml .order-list .list-head.type-nosel {flex-wrap: wrap;}

	html.moHtml .order-list .plant-box .price .num:not(.ecofee) strong,
	html.moHtml .order-list.type-order .item .wrap-txt .tit p {font-size: 14px; line-height: 18px;}

	html.moHtml .order-list.type-order .item .txt3 p {font-size: 14px; line-height: 18px;}
	html.moHtml .order-list.type-order .plant-box .stock [class*="num"]::after,
	html.moHtml .order-list.type-order .plant-box .qty .spinnerJQ::after,
	html.moHtml .order-list.type-order .plant-box .price [class*="num"]::after {font-size: 11px; line-height: 15px;}
	
	html.moHtml .order-list.type-list .plant-box {min-height: 70px; height: auto; align-items: stretch;}
	
	html.moHtml .order-list.type-list .item.more4 {flex-direction: column; align-items: stretch; padding: 10px;}
	html.moHtml .order-list.type-list .item.more4 .info2 {margin-top: 10px; margin-left: 0;}
	html.moHtml .order-list.type-list .item.more4 .plant-box > div.qty .spinnerJQ {padding: 0 8px;}
	html.moHtml .order-list.type-list .item.more4 .plant-box > div.qty .spinnerJQ .ui-spinner {width: 100%;}
	html.moHtml .order-list.type-list .item.more4 .plant-box.myColN5 > div:not(.tit) {width: calc(100% / 5);}
	html.moHtml .order-list.type-list .item.more4 .plant-box.myColN7 > div:not(.tit) {width: calc(100% / 7);}

	html.moHtml .order-list.type-list .item.mark4 .info1 {width: calc(100% - 360px); padding-right: 30px;}
	html.moHtml .order-list.type-list .item.mark4 .info2 {width: 360px; margin-top: 10px; margin-left: 0;}

	html.moHtml .order-list.type-order.type-orderDetail.type-list .list-head {flex-direction: row;}
	html.moHtml .order-list.type-order.type-orderDetail.type-list .list-head > .sb-l {width: 100%;}
	html.moHtml .order-list.type-order.type-orderDetail.type-list .list-head > .sb-r {flex: 1;}

	html.moHtml .popup .order-list .block-openClose > .list-head {flex-direction: row; padding: 2px}
	html.moHtml .popup .order-list .block-openClose > .list-head > .sb-l,
	html.moHtml .popup .order-list .block-openClose > .list-head > .sb-r {width: auto;}
	html.moHtml .popup .order-list .block-openClose > .list-head > .sb-l {padding-right: 0;}
	html.moHtml .popup .block-list > dl > dt + dd.list-body {padding: 0 5px 5px;}

	html.moHtml .order-list.type-productDetail .list-body .item {width: calc((100% - 20px) / 2);}
	html.moHtml .order-list.type-productDetail .list-body .item:nth-child(n+3){margin-top: 5px;}

	html.moHtml .order-list.type-shipTo .item p {font-size: 13px; line-height: 17px;}
	html.moHtml .order-list.type-shipTo .item .tit,
	html.moHtml .order-list.type-shipTo .item .tit p,	
	.popup .order-list.type-shipTo .item .tit,
	.popup .order-list.type-shipTo .item .tit p {font-size: 16px; line-height: 20px;}
	html.moHtml .order-list.type-shipTo .item .txt-dl dt,
	html.moHtml .order-list.type-shipTo .item .txt-dl dd {font-size: 13px; line-height: 17px;}
	html.moHtml .order-list.type-shipTo .item .btn-cell .btn .txt {font-size: 14px; line-height: 16px;}
	html.moHtml .order-list.type-shipTo.type-card .item .info-cell {padding: 12px;}
	html.moHtml .order-list.type-shipTo.type-card .item .info-inbox div.tit + div.txt {margin-top: 12px;}
	html.moHtml .order-list.type-shipTo.type-card .item .info-inbox + .info-inbox {margin-top: 12px; padding-top: 12px;}
	html.moHtml .order-list.type-shipTo.type-card .item .btn-cell {height: 41px;}

	html.moHtml .order-list.type-openAR > .list-head,
	html.moHtml .order-list.type-shipTo .list-head {flex-direction: row;}
	html.moHtml .order-list.type-openAR > .list-head > .sb-l,
	html.moHtml .order-list.type-openAR > .list-head > .sb-r,
	html.moHtml .order-list.type-shipTo .list-head > .sb-l,
	html.moHtml .order-list.type-shipTo .list-head > .sb-r {width: auto;}
	html.moHtml .order-list.type-openAR > .list-head > .sb-l,
	html.moHtml .order-list.type-shipTo .list-head > .sb-l {max-width: calc(100% - 70px); padding-right: 10px;}
	html.moHtml .order-list.type-openAR > .list-head .sb-r ,
	html.moHtml .order-list.type-shipTo .list-head .sb-r {margin-top: 0;}

	html.moHtml .order-list.type-openAR .list-head > .sb-l {white-space: nowrap;}
	html.moHtml .order-list.type-openAR .list-head > .sb-l .list-range {flex-wrap: nowrap;}

	html.moHtml .tireInfo-box .item-form .form-row:not(.column) > .form-col {flex-direction: row;}
	html.moHtml .tireInfo-box .item-form .form-row.column {flex-direction: row;}
	html.moHtml .tireInfo-box .item-form .form-row.column > .form-col {flex-direction: column;}
	html.moHtml .tireInfo-box .item-form .form-row.column > .form-col {width: calc(33.33% - 30px); margin: 5px;}
	html.moHtml .tireInfo-box .item-form .form-row.column.form-comment > .form-col{ width: 100%;}
	html.moHtml .orderSummary-area .tireInfo-box .item-form .form-row.column > .form-col {width: calc(33.33% - 15px); margin-left: 0; margin-bottom: 0;}

	html.moHtml .tireInfo-box .item-form .form-row.column > .form-col dd > .input1 {width: 100% !important;}
	html.moHtml .tireInfo-box .item-form .form-row + .form-row {margin-top: 5px;}

	html.moHtml .orderSummary-area .tireInfo-box .order-list.type-order .list-type1 .item p.number {top: 7px; left: 7px;}
	
	html.moHtml #TBR_FLEET .tireInfo-box .order-list .item .item-left,
	html.moHtml #TBR_FLEET .tireInfo-box .order-list.type-order.type-list .item .item-left{ flex: 1;}
	html.moHtml #TBR_FLEET .tireInfo-box .order-list .item .item-right,
	html.moHtml #TBR_FLEET .tireInfo-box .order-list.type-order.type-list .item .item-right{ min-width: auto;}

	html.moHtml .orderSummary-area .tireInfo-box .list-type1 .item {flex-direction: column; padding-right: 10px; position: relative;}
	html.moHtml .orderSummary-area .tireInfo-box .list-type1 .item .item-left > div {width: 80%;}
	html.moHtml .orderSummary-area .tireInfo-box .list-type1 .item .item-right {padding-right: 40px;}

	html.moHtml .orderSummary-area .tireInfo-box .order-list .item,
	html.moHtml .orderSummary-area .tireInfo-box .order-list.type-order.type-list .item {padding-left: 10px; padding-right: 10px;}

	html.moHtml .orderSummary-area .tireInfo-box .order-list.type-order.type-list .list-type2 .item > .item-right {padding-right: 34px;}
	html.moHtml .orderSummary-area .tireInfo-box .list-type1 .item .item-left > div {padding: 0 10px 0 34px; width: 100%;}

	html.moHtml .orderSummary-area .tireInfo-box .wrap-txt {width: 80%;}
	html.moHtml .orderSummary-area .tireInfo-box .item-form .form-row.column {width: 100%; flex-direction: row;}
	html.moHtml .orderSummary-area .tireInfo-box .item-form .form-row.column > .form-col:last-child {margin-right: 0;}
	html.moHtml .orderSummary-area .tireInfo-box .item-form .form-row.column > .form-col {width: calc(33.33% - 10px);}	

	html.moHtml .orderSummary-area .tireInfo-box .order-list .list-type1 .txt.txt4,
	html.moHtml .orderSummary-area .tireInfo-box .order-list .list-type2 .txt.txt3 {font-size: 15px; line-height: 19px;}
	
	html.moHtml .orderSummary-area .tireInfo-box .order-list .list-type2 .txt.txt1,
	html.moHtml .orderSummary-area .tireInfo-box .order-list .list-type2 .txt.txt2 {font-size: 15px; line-height: 19px;}
	
	html.moHtml .tireInfo-area .tireInfo-tit {font-size: 15px; margin-bottom: 8px;}
	
	html.moHtml .orderSummary-area .tireInfo-box .order-list [class*="list-type"] .txt,
	html.moHtml .orderSummary-area .tireInfo-box .order-list [class*="list-type"] .tit{font-size: 16px; line-height: 20px;}

	html.moHtml .tireInfo-box .order-list.type-order.type-list .list-type2.total .item {flex-direction: column; align-items: flex-start;}
	html.moHtml .tireInfo-box .order-list.type-total .list-type2 .item,
	html.moHtml .tireInfo-box .order-list.type-order.type-total .list-type2.total .item {padding-right: 44px;}
	html.moHtml .tireInfo-box .order-list.type-total .list-type2 .item.item-total {min-height: auto; padding-top: 15px; padding-bottom: 15px;}
	html.moHtml .tireInfo-box .order-list.type-order .item > p.txt-modification{ text-align: right; position: absolute; top: 50px; right: 6px;}
	
	html.moHtml .quick-order .sum .total p strong {font-size: 16px; line-height: 20px;}
	html.moHtml .quick-order .list li > .num {font-size: 15px; line-height: 19px;}
	html.moHtml .quick-order .sum .txt p,
	html.moHtml .quick-order .sum .txt-info {font-size: 13px; line-height: 17px;}
	html.moHtml .quick-order .sum .total p,
	html.moHtml .quick-order .sum .txt p strong {font-size: 14px; line-height: 18px;}
	
	html.moHtml .order-search{ z-index: 99;}
	html.moHtml .popup .order-search {padding: 0 10px;}

	html.moHtml .order-search .wrap-default .ckGroup label,
	html.moHtml .order-search .wrap-default .type-h40 .ckGroup label,
	html.moHtml .order-search .wrap-default .type-h50 .ckGroup label,
	html.moHtml .order-search .wrap-default input,
	html.moHtml .order-search .wrap-default .type-h40 input,
	html.moHtml .order-search .wrap-default .type-h50 input,
	html.moHtml .order-search .wrap-default select,
	html.moHtml .order-search .wrap-default .type-h40 select,
	html.moHtml .order-search .wrap-default .type-h50 select,
	html.moHtml .order-search .wrap-default .search-btn.type-search,
	html.moHtml .order-search .wrap-default .search-btn.type-detail,
	html.moHtml .order-search .wrap-default .search-btn.type-address,
	html.moHtml .order-search .wrap-default input + .btn-search {height: 40px;}
	html.moHtml .order-search .wrap-default .search-btn.type-search,
	html.moHtml .order-search .wrap-default .search-btn.type-address,
	html.moHtml .order-search .wrap-default input + .btn-search {width: 40px;}
	html.moHtml .order-search .wrap-default.wrap-detail > .search-btn.type-search {width: auto; min-width: 40px;}
	html.moHtml .order-search .wrap-default.wrap-detail > .sb-right [class*="btn"] {width: auto; min-width: 40px; height: 40px; min-height: 40px;}
	html.moHtml .order-search .wrap-default input,
	html.moHtml .order-search .wrap-default .type-h40 input,
	html.moHtml .order-search .wrap-default .type-h50 input,
	html.moHtml .order-search .wrap-default select,
	html.moHtml .order-search .wrap-default .type-h40 select,
	html.moHtml .order-search .wrap-default .type-h50 select {line-height:38px;}
	html.moHtml .order-search .rangeDatepicker span {height: 40px; line-height:38px;}
	html.moHtml .wrap-detail .wrap-search .rangeDatepicker span {height: 30px; line-height: 30px;}
	html.moHtml .order-search .wrap-default .search-btn.type-detail {padding-right: 30px; line-height: 15px;}

	html.moHtml .order-search .default-search .input1[placeholder="Size"][style*="width: 135px"] {width: 40% !important; width: 120px !important; min-width: 120px;}

	html.moHtml .order-search .wrap-default .dl-search + .default-search > .ckGroup + select {margin-right: 5px;}
	html.moHtml .order-search .wrap-default .dl-search + .default-search > .ckGroup + select  ~ * {margin-top: 5px;}

	html.moHtml .wrap-detail .wrap-search dd > .select1,
	html.moHtml .wrap-detail .wrap-search dd.ckGroup > span {margin-top: 3px; margin-bottom: 3px;}

	html.moHtml .order-search .wrap-default .dl-search {flex-direction: column;}
	html.moHtml .order-search .wrap-default .dl-search dl + dl {margin-left: 0;}
	html.moHtml .order-search .wrap-default .dl-search dl + dl::before {content: none;}
	html.moHtml .order-search .wrap-default .dl-search + .default-search {margin-top: 0; padding-top: 5px; border-top: 1px solid #ccc;}

	html.moHtml #WARRANTY_RETURN .order-search .wrap-default .dl-search dl.has-dlInbox .dl-inbox:first-child,
	html.moHtml #WARRANTY_RETURN .order-search .wrap-default .dl-search dl.has-dlInbox .dl-inbox:nth-child(2) dt{ display: none;}
	html.moHtml #WARRANTY_RETURN .order-search .wrap-default .dl-search dl.has-dlInbox .dl-inbox:nth-child(2){ flex: 1;}
	html.moHtml #WARRANTY_RETURN .order-search .wrap-default .dl-search dl.has-dlInbox .dl-inbox:nth-child(2) .select1{ width: 100%;}

	html.moHtml .order-search .wrap-default .default-search{ margin-top: 0;}
	html.moHtml .order-search .wrap-btn{ width: 40px; min-width: auto; height: 40px; padding: 0; position: absolute; top: -54px; display: flex; justify-content: center; align-items: center; z-index: 1; top: 0; z-index: 2;}
	html.moHtml .order-search .wrap-btn::before{ display: none;}
	html.moHtml .order-search .wrap-btn a{width: 28px; height: 28px; border-radius: 17px; background-color: #333; padding: 0;}
	html.moHtml .order-search .wrap-btn a::before{ width: 100%; height: 100%; margin: 0; position: static; top: auto; left: auto; background-size: auto 100%;}
	html.moHtml .order-search .wrap-btn.type-order a::before{background-size: auto 69%; background-position: 6px 4px;}
	html.moHtml .order-search .wrap-btn.type-qOrder a::before{ background-size: 70% auto;}
	html.moHtml .order-search .wrap-btn a .txt{text-indent: -9999px; position: absolute; left: 0; font-size: 0; width: 0; line-height: 0;}

	html.moHtml .order-search .wrap-btn.type-order{ right: 0;}
	html.moHtml .order-search .wrap-btn.type-favorite{ margin-left: 0; right: 38px;}
	html.moHtml .order-search .wrap-btn.type-favorite a{ background-color: #ea7c1e;}
	html.moHtml .order-search .wrap-btn.type-favorite .count {margin-left: 0; top: -4px; font-size: 10px; line-height: 14px;}
	html.moHtml .order-search .wrap-btn.type-qOrder {right: 0;}
	
	html.moHtml.skinType1 .order-search .wrap-btn.type-order {right: 40px; right: 34px;}
	html.moHtml.skinType1 .order-search .wrap-btn.type-favorite {right: 80px; right: 68px;}

	html.moHtml .order-search.on .search-detail{ flex-direction: column;}

	html.moHtml .order-search .wrap-detail {padding-right: 0; padding-bottom: 60px;}
	html.moHtml .wrap-detail .search-btn.type-search{height: 34px; line-height: 34px; padding-left: 40px; padding-right: 22px; bottom: 5px; left: 50%; transform: translateX(-50%); line-height: 14px; display: inline-flex; align-items: center; justify-content: center; width: max-content;}
	html.moHtml .wrap-detail .search-btn.type-close {top: auto; bottom: 5px; left: auto; right: 0px;}
	html.moHtml .wrap-detail .wrap-search dl{ flex-direction: column;}
	html.moHtml .wrap-detail .wrap-search dt {width: auto;}
	html.moHtml .wrap-detail .wrap-search dd{ padding-left: 17px; margin-top: 3px;}
	html.moHtml .input-auto-complete .con{ padding: 10px; top: 42px;}
	html.moHtml .input-auto-complete .con dt{ padding-bottom: 10px;}
	html.moHtml .input-auto-complete .con dd{ margin-top: 5px;}
	html.moHtml .input-auto-complete .con dd a{ font-size: 14px; line-height: 18px; padding: 5px 10px;}

	html.moHtml #WARRANTY_RETURN .wrap-detail .wrap-search .dl-search:nth-child(2){ flex-wrap: wrap;}
	html.moHtml #WARRANTY_RETURN .wrap-detail .wrap-search .dl-search:nth-child(2) > dl:nth-child(2){ width: 66%; padding-right: 0; flex: none;}
	html.moHtml #WARRANTY_RETURN .wrap-detail .wrap-search .dl-search:nth-child(2) > dl:nth-child(3){ width: 34%; padding-right: 15px; flex: none;}
	html.moHtml #WARRANTY_RETURN .wrap-detail .wrap-search .dl-search:nth-child(2) > dl:nth-child(3) dt{ padding-left: 0;}

	html.moHtml .order-search .default-search.type-pcmo1 {flex-direction: column;}
	html.moHtml .order-search .default-search.type-pcmo1 .pcmo-box {flex-wrap: wrap;}
	html.moHtml .order-search .default-search.type-pcmo1 .pcmo-box > * { margin-bottom: 0;}
	html.moHtml .order-search .default-search.type-pcmo1 .pcmo-box:last-child > *{ margin-bottom: 5px;}

	/*html.moHtml .summary-box .summary-head {margin: 5px 0;}*/
	html.moHtml .summary-box .due-box {height: auto; padding: 5px;}
	html.moHtml .summary-box .due-box .due {font-size: 15px; line-height: 16px;}

	html.moHtml .summary-box .item.type-imgTxt .due-box {padding-left: 5px; min-height: auto;}
	html.moHtml .summary-box .summary-list {align-items: center; justify-content: center;}
	html.moHtml .summary-box .item.type-imgTxt .img-box {width: 30px; height: 30px; min-width: 30px; min-height: 30px;}
	html.moHtml .summary-box.type1 .summary-list .item {padding: 5px 0 ;}
	html.moHtml .summary-box.type1 .summary-list .item::after {bottom: auto; height: 20px; margin-top: -10px; top: 50%;}

	html.moHtml .tab-con .acco-board-box {padding: 10px;}
	html.moHtml .acco-board-box .acco-btn .subject-box {width: calc(100% - 150px);}
	html.moHtml .acco-board-box .acco-btn a {padding-left: 25px; padding-right: 55px;}
	html.moHtml .acco-board-box .acco-btn a::after {right: 15px;}
	html.moHtml .acco-board-box .acco-con {padding: 20px; margin-top: 10px;}

	html.moHtml .tbl-box.type1 table thead th {height: 34px;}
	html.moHtml .tbl-box.type1 table tbody td {line-height: 14px;}
	html.moHtml .tbl-description-code-price-btn colgroup col:nth-child(2) {width: 20%;}
	html.moHtml .tbl-description-code-price-btn colgroup col:nth-child(4) {width: 50px;}
	html.moHtml .tbl-description-code-price-btn .scrollTable-head colgroup col:nth-child(4) {width: 56px;}
	html.moHtml .tbl-description-code-price-btn .btn .btn-favo ~ .btn-cart {margin-left: 0; margin-top: 10px;}
	html.moHtml .tbl-description-code-price-btn .btn > * {margin-top: 5px; margin-bottom: 5px;}
	html.moHtml .scrollTable-box .tbl-box .scrollTable-body {margin-top: 5px;}

	html.moHtml .cart-list-box .cart-list {padding: 0 5px;}
	html.moHtml .cart-list-box .cart-list li {height: auto; min-height: 64px;}
	html.moHtml .cart-list-box .cart-list .money,
	html.moHtml .cart-list-box .cart-list .ckBox label {font-size: 13px; line-height: 17px;}
	html.moHtml .cart-list-box .cart-list .money {width: 25%; padding-right: 10px;}
	html.moHtml .cart-list-box .box-head label,
	html.moHtml .cart-list-box .cart-list .ckBox label {padding-left: 26px;}
	html.moHtml .search-list-cart-box .flex-sb .sb-r.cart-box {margin-left: 15px; width: calc(40% - 15px);}
	html.moHtml .search-list-cart-box .search-box {width: calc(67% - 15px); padding: 0;}
	html.moHtml .cart-list-box .cart-total {padding: 0 12px; border-right: 6px;}
	html.moHtml .cart-list-box .cart-total dt {font-size: 13px; line-height: 17px;}
	html.moHtml .cart-list-box .cart-total dd {font-size: 15px; line-height: 19px;}

	html.moHtml .cart-list-box {height: 100%;}
	html.moHtml .cart-list-box .box-body {margin: 5px 0; flex: 1;}
	html.moHtml .cart-list-box .box-head {height: 34px; padding: 0 5px;}
	html.moHtml .cart-list-box .box-bottom {height: 42px;}

	html.moHtml .spinnerJQ .ui-spinner {width: calc(100% - 10px); height: 48px; margin: 0 5px; padding-right: 24px; background-color: transparent; z-index: 1;}
	html.moHtml .spinnerJQ .ui-spinner-input {height: 34px;	margin-top: 8px;}
	html.moHtml .spinnerJQ .ui-spinner-button {height: 24px; width: 24px;}
	html.moHtml .spinnerJQ .ui-spinner-button.ui-spinner-up {background-position-y: calc(100% - 8px);}
	html.moHtml .spinnerJQ .ui-spinner-button.ui-spinner-down {background-position-y: 9px; top: 24px; border-top: 0;}
	html.moHtml .spinnerJQ .ui-spinner-button.ui-spinner-down::before {content: ''; display: block; width: 18px; height: 1px; position: absolute; top: 0; left: 50%; margin-left: -9px; background-color: #999;}

	html.moHtml .cart-list-box .spinnerJQ .ui-spinner {padding-right: 24px;}

	html.moHtml .order-list.type-order .plant-box .qty .spinnerJQ::after {margin-top: -14px;}

	html.moHtml .border-box .qty-box {font-size: 13px; line-height: 17px;}
	html.moHtml .border-box .qty-box span {line-height: 22px;}
	html.moHtml .border-box .qty-box span strong {font-size: 20px; line-height: 22px;}

	html.moHtml .txt-row-box {font-size: 13px; line-height: 19px;}
	html.moHtml .txt-row-box strong {font-size: 15px; line-height: 19px; font-weight: 500;}

	html.moHtml .status-box .row-status.row2 .row-txt p {margin-right: 16px; line-height: 16px;}
	html.moHtml .status-box .row-status.row2 .row-txt p::after {right: -7px;}
	html.moHtml .status-box .row-status.flex-sb > [class*="sb-"] {display: inline-flex; align-items: center; flex-wrap: wrap;}
	html.moHtml .status-box .row-status.flex-sb .btn-30 {padding-left: 8px; padding-right: 8px;}
	html.moHtml .status-box .row-status.flex-sb .state {padding: 0 6px; min-width: auto; white-space: nowrap;}
	html.moHtml .status-box .row-status.row2 .btn [class*="btn-"],
	html.moHtml .status-box .row-status.row2 .util a {width: 34px; height: 34px;}
	html.moHtml .status-box .row-status.row2 .btn .btn-30{ width: auto;}

	html.moHtml .blankDefault.border-box {padding: 10px;}
	html.moHtml .blankDefault.border-box.defult-form {padding: 5px 0 0;}
	html.moHtml .txt-row-box + .blankDefault.border-box.defult-form {padding: 5px;}
	html.moHtml .txt-row-box + .blankDefault.border-box.defult-form .form-row.column {margin: 0;}
	html.moHtml .blankDefault.border-box.defult-form > .form-row.column > .form-col:not([class*="w"]) {flex-basis: 100%;}
	html.moHtml .blankDefault.border-box.defult-form > .form-row.column > .form-col[class*="w"]:not(.w100) {flex: 1;}
	html.moHtml .blankDefault.border-box.defult-form > .form-row.column > .form-col.w100 {flex-basis: 136px;}
	html.moHtml .blankDefault.order-list .status-box {padding: 8px;}
	html.moHtml .blankDefault.order-list .status-box .row-status.btn-write {margin-top: 8px;}
	html.moHtml .blankDefault.order-list .status-box .row-status.btn-write a {height: 50px;}
	html.moHtml .blankDefault.order-list .list-body .item > .btn-caradd a {height: 60px;}
	html.moHtml .blankDefault.order-list .list-bottom {margin-top: 20px;}
	
	html.moHtml #STOCK_FRONT .order-list .list-head > .sb-r > a .txt {line-height: 14px;}
	html.moHtml #STOCK_FRONT .order-search .wrap-btn.type-favorite {right: 5px;}
	html.moHtml #STOCK_FRONT .order-list .list-head:not(.type-nosel) {flex-direction: row;}
}

@media screen and (max-width: 980px) {/*930 퀵오더 분리*/
	html.moHtml .btn-46,
	html.moHtml .btn-64,
	html.moHtml .area-bottom .btn-more [class*="btn-"] {height: 40px; font-size: 14px; line-height: 18px; padding: 0 50px;}
	html.moHtml .btn-46 .ico,
	html.moHtml .btn-64 .ico,
	html.moHtml .area-bottom .btn-more [class*="btn-"] .ico {width: 18px; height: 18px; background-size: contain;}
	html.moHtml .btn-46 {padding: 0 25px;}

	html.moHtml .defult-form .input1,
	html.moHtml .defult-form .address-search input,
	html.moHtml .defult-form .inForm-box,
	html.moHtml .defult-form .select1,
	html.moHtml .defult-form button,
	html.moHtml .defult-form [class*="btn"],
	html.moHtml .defult-form .address-search .search-btn.type-address,
	html.moHtml .defult-form .btn-search,
	html.moHtml .defult-form [class*="wtype"],
	html.moHtml .search-list-cart-box .search-box .input1 {height: 38px; line-height: 36px; font-size: 14px;}

	html.moHtml .search-list-cart-box .search-box .btn-search {width: 38px; height: 38px; min-width: 38px;}
	html.moHtml .defult-form .inForm-box .input1 {height: 36px; line-height: 34px;}

	html.moHtml .quick-order .list li {flex-wrap: wrap; justify-content: flex-end; padding-left: 45px; position: relative;}
	html.moHtml .quick-order .list li > .num {position: absolute; left: 0; top: 0; width: 40px; min-width: 40px;}
	html.moHtml .quick-order .list li input {font-size: 14px; padding: 0 12px;}
	html.moHtml .quick-order .list li > .btn .won span:not(.tooltip) {font-size: 14px;}
	html.moHtml .quick-order .list li > .num,
	html.moHtml .quick-order .list li > .code,
	html.moHtml .quick-order .list li > .stock,
	html.moHtml .quick-order .list li > .btn .won,
	html.moHtml .quick-order .list li > .qty input,
	html.moHtml .quick-order .list li > .code input,
	html.moHtml .quick-order .list li > .plant select,
	html.moHtml .quick-order .list li > .btn button,
	html.moHtml .quick-order .sum .info2-box input {height: 38px;}
	html.moHtml .quick-order .list li > .data {width: 150px;}
	html.moHtml .quick-order .list li > .data,
	html.moHtml .quick-order .list li > .code,
	html.moHtml .quick-order .list li > .data input,
	html.moHtml .quick-order .list li > .code input {height: 38px;}
	html.moHtml .quick-order .list li > .stock span {font-size: 20px; line-height: 24px;}
	html.moHtml .quick-order .list li > .stock strong {font-size: 14px; line-height: 16px;}
	html.moHtml .quick-order .sum .btn button {height: 40px; font-size: 17px; line-height: 21px; font-weight: 500;}
	html.moHtml .quick-order .sum .btn button .ico {max-height: 80%; background-size: auto 80%; margin-right: 5px;}
	html.moHtml .quick-order .sum .txt-info {margin-top: 25px;}
	html.moHtml .quick-order .list li.type1 > .code input,
	html.moHtml .quick-order .list li.type2 > .code input,
	html.moHtml .quick-order .list li.type3 > .code input {padding-right: 35px;}
	
	html.moHtml .quick-order .list li + li {margin-top: 18px; border-top: 1px dashed #ccc;}
	html.moHtml .quick-order .list li > .code {flex-basis: 100%; margin-right: 0; padding-right: 0;}
	html.moHtml .quick-order .list li > .code .state {right: 5px;}
	html.moHtml .quick-order .list li > * {margin-top: 10px;}
	html.moHtml .quick-order .list li > .plant {margin-right: 10px;}
	html.moHtml .quick-order .list li > .plant ~ * {margin-right: 10px;}
	html.moHtml .quick-order .list li > .plant select{ width: 100px;}
	html.moHtml .quick-order .list li > .stock{ width: auto; margin-right: 0;}
	html.moHtml .quick-order .list li > .stock p{ width: auto; margin-right: 10px;}
	html.moHtml .quick-order .list li > .btn { width: auto; margin-right: 0; justify-content: flex-end;}
	html.moHtml .quick-order .list li > .btn .won { width: auto; margin-right: 0;}
	html.moHtml .quick-order .list li > .btn .won span{ width: auto; padding: 0 10px; margin-right: 8px;}
	html.moHtml .quick-order .list li > .btn button{ width: 40px;}
	html.moHtml .quick-order .list li select {padding-left: 12px;}
	html.moHtml .quick-order .list li > .qty {width: 70px;}

	html.moHtml .myInfo-area .summary-box.type1 + .area-body {margin-top: 20px;}
}

@media screen and (max-width: 900px) {
	/*html.pcHtml .popup .order-list.type-order.type-card .item,
	html.moHtml .order-list.type-order.type-card .item {width: 100% ;}
	html.pcHtml .popup .order-list.type-order.type-card .item:nth-child(2n),
	html.moHtml .order-list.type-order.type-card .item:nth-child(2n){ margin-left: 0;}
	html.pcHtml .popup .order-list.type-order.type-card .item:nth-child(n+2),
	html.moHtml .order-list.type-order.type-card .item:nth-child(n+2){ margin-top: 10px;}*/

	html.moHtml .warrantyInfo-box .warrantyInfo-head .user-info span {margin-left: 20px;}
	html.moHtml .warrantyInfo-box .warrantyInfo-head .user-info span::before {left: -11px;}
	html.moHtml .warrantyInfo-box .warrantyInfo-head .btn-36 {font-size: 14px; line-height: 14px; padding: 0 5px 0 10px;}

	html.moHtml .status-box .row-status.row1 > .sb-l > p {margin-right: 23px;}
	html.moHtml .status-box .row-status.row1 > .sb-l > p:last-child {margin-right: 0;}
	html.moHtml .status-box .row-status.row1 .btn {margin-left: 0; flex-wrap: wrap; min-height: 30px; height: auto;}
	html.moHtml .status-box .row-status.row1 .sb-l {flex-wrap: wrap;}
	html.moHtml .status-box .row-status.row2 {display: flex;}
	html.moHtml .status-box .row-status.row2 [class*="sb-"] {width: 100%}
	html.moHtml .status-box .row-status.row2 .sb-l {justify-content: flex-start;}
	html.moHtml .status-box .row-status.row2 .sb-r {justify-content: flex-end;}
	html.moHtml .status-box .row-status.row2 .box-info li:not(.btn) {width: 22%;}
	html.moHtml .blankDefault.order-list .status-box .row-status {flex-direction: row;}	

	html.moHtml .switch-txt.viewtype .img .image {width: auto; height: auto; max-width: 100%; max-height: 100%;}

	html.moHtml #ORDER_STATUS .status-box .row-status.row2 > .sb-r,
	html.moHtml #OPEN_AR_STATUS_FRONT .status-box .row-status.row2.flex-sb > .sb-r {width: 100%; max-width: 100%; padding-left: 0;}

	html.moHtml .order-list.type-order.type-card .item {width: 100%; margin-right: 0; padding-top: 40px;}
	html.moHtml .order-list.type-order.type-card .brandimg,
	html.moHtml .order-list.type-order.type-card .company {top: 5px;}
	html.moHtml .order-list.type-order.type-card .name {top: 0;}

	html.moHtml .quick-order .sum > .inner-box .sb-l.txt{ flex-direction: column;}
	html.moHtml .quick-order .sum .txt p{ margin-right: 0;}
	html.moHtml .quick-order .sum .txt p::after{ display: none;}
	html.moHtml .quick-order .sum .txt p + p{ margin-top: 5px;}
}

@media screen and (max-width: 840px) {	
	html.moHtml .popup-wrap .tireInfo-box {flex-direction: column;}
	html.moHtml .popup-wrap .tireInfo-box .wrap-view {padding-right: 0; border-right: 0 none;}
	html.moHtml .popup-wrap .tireInfo-box .wrap-info {width: 100%; padding-left: 0;margin-top: 10px; padding-top: 10px; border-top: 1px dashed #dcdcdc;}
	html.moHtml .popup-wrap .tireInfo-box .wrap-info ul {flex-direction: row; flex-wrap: wrap; align-items: center;}
	html.moHtml .popup-wrap .tireInfo-box .wrap-info .tit {padding-right: 15px;}
	html.moHtml .popup-wrap .tireInfo-box .wrap-info .performance {align-items: flex-end;}
	html.moHtml .popup-wrap .tireInfo-box .wrap-info .tit + .performance {margin-top: 0;}
	html.moHtml .popup-wrap .tireInfo-box .wrap-info .brand {width: 100%;}
	html.moHtml .popup-wrap .tireInfo-box .wrap-info .txt {flex-direction: row; flex-wrap: wrap;}
	html.moHtml .popup-wrap .tireInfo-box .detail-cover {width: 100%;}
	html.moHtml .popup-wrap .tireInfo-box .detail-cover,
	html.moHtml .popup-wrap .tireInfo-box .detail-img {height: 300px;}
	html.moHtml .popup-wrap .tireInfo-box .wrap-info .zoom {position: fixed; bottom: 0; height: 38vh; top: auto; left: 0; width: auto;}

	html.pcHtml .popup .order-list.type-list:not(.type-orderDetail, .type-shipTo) .item {flex-direction: column;}
	html.pcHtml .popup .order-list.type-list:not(.type-orderDetail, .type-shipTo) .item .info1,
	html.pcHtml .popup .order-list.type-list:not(.type-orderDetail, .type-shipTo) .item .info2 {width: 100%;}
	html.pcHtml .popup .order-list.type-list:not(.type-orderDetail, .type-shipTo) .item .info2 {margin-top: 10px; margin-left: 0;}
	html.pcHtml .popup .order-list.type-list:not(.type-orderDetail, .type-shipTo) .item.plantBoxN2 .info2 {width: calc(100% - 7px); margin-left: 7px;}
	html.pcHtml .popup .order-list.type-list:not(.type-orderDetail, .type-shipTo) .plant-box > div:not(.tit) {width: 23%;}
	html.pcHtml .popup .order-list.type-list:not(.type-orderDetail, .type-shipTo) .plant-box > div.price {flex: 1;}

	html.moHtml .labelSearch-sList .order-search {padding: 0 5px; border-radius: 5px;}
	html.moHtml .labelSearch-sList .order-search .wrap-default {padding: 5px 0;}
	html.moHtml .labelSearch-sList .order-search .wrap-default .default-search {justify-content: flex-end;}
	html.moHtml .labelSearch-box .order-list {padding: 5px 10px; border-radius: 5px;}
	html.moHtml .labelSearch-sList .order-list .list-body .item.itemLink {border-radius: 5px;}
	html.moHtml .labelSearch-sList .order-list .list-body .item.itemLink .info1 {padding: 8px; margin: 0;border-radius: 3px;}
	html.moHtml .labelSearch-sList .order-list.type-list.type-order .item {padding: 0;}

	html.moHtml .lrbox > .lrbox-right {padding-left: 10px;}
}
@media screen and (max-width: 767px) {
	html.moHtml .btn-box .btn-43, html.moHtml .btn-box .btn-64 {min-height: 34px; padding: 5px 15px;}	
	html.moHtml .btn-edit,
	html.moHtml .btn-cancel,
	html.moHtml .btn-back,
	html.moHtml .btn-repair,
	html.moHtml .btnMoveBox .btn {width: 34px; height: 34px; background-size: auto 54%;}
	html.moHtml .tireInfo-box .order-list .item .btnMoveBox .select1{ height: 34px;}
	html.moHtml .btn-repair{ top: 42px; right: 8px;}
	html.moHtml .btnMoveBox{ top: 80px; right: 8px;}

	html.moHtml .form-row,
	html.moHtml .tireInfo-box .item-form .form-row.column {flex-direction: column; margin: 5px 0;}
	html.moHtml .tireInfo-box .item-form .form-row + .form-row {margin-top: 10px;}
	html.moHtml .blankDefault.border-box.defult-form > .form-row.column {flex-direction: row;}
	html.moHtml .defult-form dt > .label {width: max-content !important;}
	html.moHtml .form-row.column > .form-col > dd {padding-right: 0;}
	html.moHtml .form-row > .form-col {margin-left: 10px; margin-right: 10px;}

	html.moHtml .tireInfo-box .editing .item-form .form-row.column {flex-direction: row;}
	html.moHtml .tireInfo-box .order-list .item.editing .item-form > .form-row {padding-right: 0;}

	html.moHtml .order-list.type-card .name{ left: auto; right: 10px;}

	html.moHtml .order-list.type-productDetail .list-body .item { width: 100%;}
	html.moHtml .order-list.type-productDetail .list-body .item:nth-child(n+2){ margin-top: 5px;}

	html.moHtml .order-list.type-shipTo .item .tit,
	html.moHtml .order-list.type-shipTo .item .tit p {font-size: 14px; line-height: 18px;}

	html.moHtml .status-box .row-status.row2 .row-txt {align-items: flex-start; flex-wrap: nowrap; flex-direction: column;}
	html.moHtml .status-box .row-status.row2 .row-txt p {margin-right: 0;}
	html.moHtml .status-box .row-status.row2 .row-txt p::after{content: none;}
	html.moHtml .status-box .row-status.row2 .btn{ flex-direction: column; align-items: flex-end;}
	html.moHtml .docuList .status-box .row-status.row2 .btn {align-items: center;}
	html.moHtml .status-box .row-status.row2 .sb-r .btn a + a,
	html.moHtml .status-box .row-status.row2 .sb-r .btn a + button,
	html.moHtml .status-box .row-status.row2 .sb-r .btn button + button,
	html.moHtml .status-box .row-status.row2 .sb-r .btn button + a{ margin-left: 0; margin-top: 5px;}

	html.moHtml #ORDER_STATUS .status-box .row-status.row2 .row-txt{ flex-wrap: wrap; flex-direction: row; align-items: center;}
	html.moHtml #ORDER_STATUS .status-box .row-status.row2.flex-sb{ flex-direction: column;}
	html.moHtml #ORDER_STATUS .status-box .row-status.row2.flex-sb .sb-r .box-info{ width: 100%;}
	html.moHtml #OPEN_AR_STATUS_FRONT .status-box .row-status.row2{ flex-wrap: wrap; flex-direction: row; align-items: center;}
	html.moHtml #OPEN_AR_STATUS_FRONT .status-box .row-status.row2 .row-txt{ flex-wrap: wrap; flex-direction: row; align-items: center;}

	html.moHtml .summary-box .summary-head {flex-direction: column;}
	html.moHtml .summary-box .item.type-imgTxt .due-box {flex-direction: row; align-items: flex-end; flex-direction: row-reverse; padding-left: 0;}
	html.moHtml .summary-box .due-box {padding: 0; min-height: 60px;}
	html.moHtml .myPage-area .summary-box .due-box .due,
	html.moHtml .myPage-area .summary-box .due-box .due + .txt {margin-left: 5px; margin-right: 5px;}

	html.moHtml .summary-box:not(.portlet-count-box) .summary-list .item {width:calc(50% - 10px); margin: 5px; flex: none;}
	html.moHtml .summary-box.type1 {padding: 0 12px;}

	html.moHtml .summary-box .summary-list {flex-wrap: wrap;}
	html.moHtml .myPage-area .summary-box .summary-list .item {flex: none; width:100%; justify-content: flex-start; flex-direction: row; margin: 5px 0;}
	html.moHtml .myPage-area .summary-box .summary-list .item {margin: 0;}
	html.moHtml .myPage-area .summary-box.type1 .summary-list {flex-direction: column; align-content: flex-start; padding: 5px 0;}
	html.moHtml .myPage-area .summary-box.type1 .summary-list .item::after {content: none;}

	html.moHtml .talk-group .talk-box {flex-direction: column; padding: 0;}
	html.moHtml .talk-group .talk-box .talk-list {width: 100%; height: auto; display: flex; flex-direction: row; flex-wrap: nowrap; padding: 10px; border-right: 0 none;border-bottom: 1px solid #ccc;}
	html.moHtml .talk-group .talk-box .talk-list .scroll-y {overflow-x: auto; overflow-y: hidden; width: 100%; height: 100%; border-radius: 25px; padding-bottom: 10px; padding: 0;}
	html.moHtml .talk-group .talk-box .talk-list ul {display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start;}
	html.moHtml .talk-group .talk-box .talk-list li {width: 33.33%;}
	html.moHtml .talk-group .talk-box .talk-list li .member,
	html.moHtml .talk-group .talk-box .talk-list li.active .member {margin: 0;}
	html.moHtml .talk-group .talk-box .talk-list li + li {margin-top: 0;}
	html.moHtml .talk-group .talk-box .talk-detail {height: calc(100% - 170px); padding-top: 20px; padding-bottom: 30px;}
	html.moHtml .talk-list .active .member::after {content: none;}
	html.moHtml .talk-list .member .thumb {width: 40px; height: 40px; background-size: 20px auto;}
	html.moHtml .talk-list .member .name {font-size: 12px;}

	html.moHtml .myInfo-area .summary-box.type1 + .area-body {margin-top: 0;}

	html.moHtml .childDot-box > dl,
	html.moHtml .childDot-box > div,
	html.moHtml .childDot-box.coltype ~ dl:not(.childDot-box),
	html.moHtml .childDot-box.coltype ~ div:not(.childDot-box) {padding: 10px 0;}
	html.moHtml #myInfoForm.childDot-box > div,
	html.moHtml #screenSetForm.childDot-box > div {padding: 10px 0 11px 0;}
	html.moHtml .myPage-area.tab-box.type1 .tab-con > [class$="-area"] {padding: 5px 0;}
	html.moHtml .myPage-area.tab-box.type1 .summary-box.type1 {margin: 0 5px; width: calc(100% - 10px); padding: 0 10px;}

	html.moHtml #screenSetForm.childDot-box > .coltype {padding: 0 0 1px 0;}
	html.moHtml #screenSetForm.childDot-box > .coltype > .setToggle-box {padding: 0 0 10px 0;}
	html.moHtml #screenSetForm.childDot-box > .coltype > .setFilter-box {margin-top: 1px; padding: 15px 0 5px;}

	html.moHtml .popup-wrap .tireInfo-box .thumb-img .txt {font-size: 14px; line-height: 17px;}
	
	html.moHtml .tab-box.type2 > .tab-btn {flex-direction: column; position: sticky; top: 0; z-index: 3; width: calc(100% + 20px); margin: -10px -10px 0; padding: 10px; background-color: #fff;}
	html.moHtml .tab-box.type2 > .tab-btn .btn-list,
	html.moHtml .tab-box.type2 > .tab-btn .btn-control {width: 100%;}
	html.moHtml .tab-box.type2 > .tab-btn .btn-list {flex-wrap: wrap; border-radius: 3px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; background-color: #fff; position: relative; z-index: 2;}
	html.moHtml .tab-box.type2 > .tab-btn .btn-list a {width: 50%; flex: none; border-radius: 0; border-left: 0 none; border-top: 0 none; border-bottom: 1px solid #ccc;  position: relative;}
	html.moHtml .tab-box.type2 > .tab-btn .btn-list a:first-child {border-top-left-radius: 3px;}
	html.moHtml .tab-box.type2 > .tab-btn .btn-list a:nth-of-type(2) {border-top-right-radius: 3px;}
	html.moHtml .tab-box.type2 > .tab-btn .btn-list a:last-child {border-bottom-right-radius: 3px;}
	html.moHtml .tab-box.type2 > .tab-btn .btn-list a:nth-last-of-type(2) {border-bottom-left-radius: 3px;}
	html.moHtml .tab-box.type2 > .tab-btn .btn-control {justify-content: flex-end; margin-top: 10px;}
	html.moHtml .tab-box.type2 > .tab-con {border: 0 none;}

	html.moHtml .tab-box.type2 > .tab-con > .tab-inner {padding: 0;}
	html.moHtml .tab-box.type2 .tab-con div ~ .btn-box {position: sticky; bottom: 0; margin-top: 0; padding: 10px; background: #fff; z-index: 2;}
	html.moHtml .tab-box.type2 .tab-con .tireInfo-area ~ .btn-box {bottom: 50px; z-index: 2;}

	html.moHtml .tireInfo-box .order-list .item,
	html.moHtml .tireInfo-box .order-list.type-order.type-list .item {padding-left: 44px; padding-right: 44px; min-height: 122px;}
	html.moHtml .tirebox .number, .tireInfo-box .number,
	html.moHtml .tireInfo-box .order-list.type-order .item p.number {width: 22px; height: 22px; font-size: 15px; line-height: 17px; border-radius: 5px; top: 10px;}
	html.moHtml .tireInfo-box .order-list .item .btn-edit,
	html.moHtml .tireInfo-box .order-list .item .btn-cancel {top: 4px;}
	html.moHtml .tireInfo-box .order-list .item .btn-back{ top: 44px; right: 8px;}
	html.moHtml .tireInfo-box .order-list.type-order .item{ padding-top: 24px; padding-right: 44px !important;}
	/*html.moHtml .tireInfo-box .order-list.type-order .item p.number{ top: 32px;}*/
	html.moHtml .tireInfo-box .order-list.type-order .item > p.txt-modification{ height: 24px; font-size: 12px; text-align: right; line-height: 14px; display: inline-flex; align-items: center; top: 6px; right: 46px;}
	html.moHtml .tireInfo-box .order-list.type-order .item > p.txt-modification br{ display: none;}
	html.moHtml .tireInfo-box .order-list.type-order.type-list .item.editable{ padding-top: 24px;}
	html.moHtml .tireInfo-box .order-list.type-order.type-list .item.editable p.number{ top: 32px;}
	html.moHtml .tireInfo-area .tire-setbox::before,
	html.moHtml .tireInfo-area .tire-setbox::after {top: 19px;}
	html.moHtml .tireInfo-area .tire-setbox::before {left: 22px; right: 22px; background-size: 100% 12px;}
	html.moHtml .tireInfo-area .tire-setbox::after {background-size: auto 18px;}
	html.moHtml .tireInfo-area .tirebox::before {width: 30px; height: 66px; background-size: auto 84%;}
	html.moHtml .tireInfo-area .tirebox::after {width: 24px; height: 60px; margin-left: -12px;}

	html.moHtml .tireInfo-box .in-btnbox {position: relative; top: auto; right: auto; width: 100%; max-width: unset; padding-left: 26px;}
	html.moHtml .tireInfo-box .order-list .item .in-btnbox .btnMoveBox .btn,
	html.moHtml .tireInfo-box .order-list .item .in-btnbox [class*="btn-"] {top: auto; right: auto; position: relative;}
	html.moHtml .page-body .tireInfo-box .order-list .item .wrap-txt .tit,
	html.moHtml .page-body .tireInfo-box .order-list.type-order.type-list .item .wrap-txt .tit {padding-right: 0; min-height: auto;}
	html.moHtml .tireInfo-box .order-list .item,
	html.moHtml .tireInfo-box .order-list.type-order.type-list .item {padding: 10px !important;}
	
	html.moHtml .tireInfo-area {position: relative; min-height: 360px;}
	html.moHtml .tireInfo-area .tireInfo-left {width: 220px; padding: 10px 10px 10px 20px; background-color: #fff; border: 1px solid #ccc; border-radius: 3px; max-height: 300px; overflow: auto;
		position: absolute; left: -250px; top: 0; transition: left .2s;}
	html.moHtml .tireInfo-area .tireInfo-right {padding-left: 25px; width: 100%; transition: width .2s;}
	html.moHtml .tireInfo-area.tireLOpen .tireInfo-left {left: -26px; z-index: 2; max-height: 300px; overflow: auto; top: 33px; box-shadow: 3px 0px 6px 1px rgba(0,0,0,.2);}
	html.moHtml .btn-tireOO {display: block;}

	html.moHtml .warrantyInfo-box .warranty-list li {flex-wrap: wrap; align-items: stretch; padding: 0;}
	html.moHtml .warrantyInfo-box .warranty-list li > p {/*flex-basis: 33.33%;*/ padding: 5px; align-items: center; justify-content: center; display: flex; flex-wrap: wrap;}
	html.moHtml .warrantyInfo-box .warranty-list li > p.flex2 {flex-grow: 1 !important; flex-basis: 100% !important;}
	html.moHtml .warrantyInfo-box .warranty-list li > p.flex2::before {content: none;}
	html.moHtml .warrantyInfo-box .warranty-list li > p.flex2 {border-top: 1px solid #ddd;}

	html.moHtml .order-search .default-search.type-pcmo1 .pcmo-box {margin: 0;}
	/* html.moHtml .order-search .default-search.type-pcmo1 .pcmo-box > * {margin: 5px 5px 5px 0;} */

	html.moHtml .popup-wrap .tireInfo-box .wrap-info .txt {flex-direction: column; width: 100%;}
	html.moHtml .popup-wrap .tireInfo-box .wrap-info .txt p {width: calc(100% - 6px);}
	
	html.moHtml #ORDER_STATUS  .status-box .row-status.row1.flex-sb > .sb-l > div.btn {flex-basis: 100%;}

	html.moHtml .summary-box .item.type-imgTxt .img-box {width: 20px; height: 20px; min-width: 20px; min-height: 20px;}
	html.moHtml .summary-box .img-box [class*="ico-"] {background-size: 88% auto;}

	html.moHtml #views.setting-box dt {padding-bottom: 10px;}
	html.moHtml .switch-txt.viewtype p + .switch {margin-top: 10px;}

	html.moHtml .input-auto-complete .con {position: fixed; top: 152px; left: 10px; right: 10px;  min-width: auto; width: auto;}

	html.moHtml .order-search .wrap-default .dl-search dl.has-dlInbox .dl-inbox {flex-wrap: wrap;}

	.tab-box.type4 .tab-btn{ margin: 0;}
	html.moHtml .popup.tab-box.type4 .tab-btn li{ padding-top: 50px;}
	.tab-box.type4 .tab-btn ul::before{ height: 2px; display: none; top: 22px;}
	.tab-box.type4 .tab-btn li::before{ width: 40px; height: 40px; background-size: auto 50%; margin-left: -20px;}
	.tab-box.type4 .tab-btn li{ padding-top: 50px; margin: 5px !important;}
	.tab-box.type4 .tab-btn li + li.active::after{ height: 2px; display: none; top: 22px; left: -70px; right: 40px;}
	.tab-box.type4 .tab-btn span,
	.tab-box.type4 .tab-btn a{ min-width: 60px; max-width: 100px; height: auto; font-weight: 500; font-size: 12px; line-height: 14px; position: relative;}
	.tab-box.type4 .tab-btn li + li span::before,
	.tab-box.type4 .tab-btn li + li a::before{ width: 6px; height: 6px; content: ''; border-top:2px solid #ccc; border-right:2px solid #ccc; position: absolute; top: -32px; left: -10px; transform: rotate(45deg);}
	.tab-box.type4 .tab-btn li + li.active span::before,
	.tab-box.type4 .tab-btn li + li.active a::before{ border-color: #ea7c1e;}
}

@media screen and (max-width: 700px) {
	html.moHtml .quick-order .list li > .code {flex-basis: 100%;}

	html.moHtml .order-list.type-order.type-list ul:not([class*="list-type"]) .item:not(.notMore4) {flex-direction: column;}
	html.moHtml .order-list.type-order.type-list ul:not([class*="list-type"]) .item:not(.notMore4) .info1,
	html.moHtml .order-list.type-order.type-list ul:not([class*="list-type"]) .item:not(.notMore4) .info2,
	html.moHtml .order-list.type-order.type-list ul:not([class*="list-type"]) .item.mark4 .info1,
	html.moHtml .order-list.type-order.type-list ul:not([class*="list-type"]) .item.mark4 .info2 {width: 100%; max-width: 100%;}
	html.moHtml .order-list.type-order.type-list ul:not([class*="list-type"]) .item:not(.notMore4) .info2 {margin-left: 0;}

	.order-list.type-order.type-list ul:not([class*="list-type"]) .item.mark4 .plant-box > div:not(.tit) {width: 23%;}
	.order-list.type-order.type-list ul:not([class*="list-type"]) .item.mark4 .plant-box > div.price {flex: 1;}
	html.moHtml .order-list.type-list .plant-box {min-height: 90px; }

	.popup .result-list > .list {flex-wrap: wrap; position: relative;}
	.popup .result-list > .list > .r-inbox,
	.popup .result-list > .list > .r-inbox[class*="wtype"] {min-height: auto; width: 50% !important; flex: none; display: flex; flex-direction: row-reverse; justify-content:flex-end;}
	.popup .result-list > .list > .r-inbox,
	.popup .result-list > .list > .r-inbox[class*="wtype"] {width: 100% !important;}
	.popup .result-list > .list > .r-inbox:nth-child(n+2) {border-top: 1px solid #ddd;}
	.popup .result-list > .list > .r-inbox::after {content: none;}
	.popup .result-list > .list > .r-inbox.btn {width: 100% !important; border-radius: 0 0 10px 10px !important; padding: 10px;}
	.popup .result-list > .list > .r-inbox.btn [class*="btn"] {height: auto; padding: 7px 10px; justify-content: center; width: auto; margin: 0 auto;}
	.popup .result-list > .list > .r-inbox:last-child {border-top-right-radius: 0}
	.popup .result-list > .list > .r-inbox .txt {margin-right: 12px;}
	.popup .result-list > .list > .r-inbox:nth-child(3):last-child {width: 100% !important;}

	html.moHtml .order-list.type-shipTo.type-card .item {width: calc(50% - 5px); margin-left: 0; margin-right: 10px;}
	html.moHtml .order-list.type-shipTo.type-card .item:nth-child(2n) {margin-right: 0;}
	html.moHtml .order-list.type-shipTo.type-card .item:nth-child(n + 3) {margin-top: 10px;}

	html.moHtml .wrap-detail .wrap-search {max-height: 30vh; overflow-x: hidden; overflow-y: auto; height: 270px;}
	html.moHtml .wrap-detail .wrap-search .dl-search {flex-direction: column;}
	html.moHtml .wrap-detail .wrap-search .dl-search * + dl dt {padding-left: 0;}
	html.moHtml .wrap-detail .wrap-search .dl-search + .dl-search {margin-top: 0;}

	html.moHtml #WARRANTY_RETURN .wrap-detail .wrap-search .dl-search:nth-child(1) > dl:last-child{ padding-right: 15px;}
	html.moHtml #WARRANTY_RETURN .wrap-detail .wrap-search .dl-search:nth-child(2) > dl:nth-child(3){ width: 100%; flex: 1;}

	html.moHtml .order-search .wrap-default .dl-search dl dd .btn-regi {padding-left: 20px; padding-right: 20px; min-height: 34px;}
	html.moHtml .btn-34 .ico.ico-email {width: 17px; height: 15px; background-size: contain;}

	html.moHtml .btn-34 {font-size: 13px; padding: 0 10px;}
	html.moHtml .btn-34 .ico {margin-right: 5px;}
	
	html.moHtml .popup .dl-table-row .inner {flex-direction: column;}
	html.moHtml .popup .dl-table-row .inner > dl.half {width: 100%;}
	html.moHtml .popup .dl-table-row .inner > dl{ width: 100% !important;}
	html.moHtml .popup .dl-table-row .inner > dl + dl {margin-top: 10px;}
	html.moHtml .popup .request-search-list-box .search-box {align-items: flex-end;}
	html.moHtml .popup .request-search-list-box .search-box .inner dl + dl {margin-left: 0;}
	html.moHtml .popup .request-search-list-box .search-box .inner dt {font-size: 14px; line-height: 16px;}
}

@media screen and (max-width: 680px) {
	html.moHtml .tbl-description-code-price-btn colgroup {display: none;}
	html.moHtml .tbl-description-code-price-btn table thead tr,
	html.moHtml .tbl-description-code-price-btn table tbody tr{display: flex; flex-wrap: wrap; justify-content: space-around; align-items: stretch; }
	html.moHtml .tbl-description-code-price-btn table tbody tr {border-bottom: 1px solid #ccc;}
	html.moHtml .tbl-description-code-price-btn table thead th,
	html.moHtml .tbl-description-code-price-btn table tbody td {border: 0 none;}
	html.moHtml .tbl-description-code-price-btn table thead th,
	html.moHtml .tbl-description-code-price-btn table tbody td {display: inline-flex; width: auto; align-items: center; justify-content: flex-start; height: auto; padding-top: 9px; padding-bottom: 9px; width: calc(50% - 38px);}
	html.moHtml .tbl-description-code-price-btn table thead th:nth-child(1),
	html.moHtml .tbl-description-code-price-btn table tbody td:nth-child(1) {display: flex; width: 100%; padding-left: 10px; padding-right: 10px;}
	html.moHtml .tbl-description-code-price-btn table thead th:nth-child(4),
	html.moHtml .tbl-description-code-price-btn table tbody td:nth-child(4) {width: 70px; padding-left: 0; padding-right: 0;}
	html.moHtml .tbl-description-code-price-btn table thead th:nth-child(4) {width: 76px;}
	html.moHtml .tbl-description-code-price-btn table thead tr {background-color: #f0efef;}
	html.moHtml .tbl-description-code-price-btn table thead tr th {background-color: transparent;}
	html.moHtml .tbl-description-code-price-btn .btn > * {margin-top: 0; margin-bottom: 0;}
	html.moHtml .tbl-description-code-price-btn table thead tr th:first-child {border-left: 0 none;}
	html.moHtml .tbl-description-code-price-btn table thead tr th:last-child {border-right: 0 none;}
	html.moHtml .tbl-description-code-price-btn .btn .btn-favo ~ .btn-cart {margin-left: 10px; margin-top: 0;}
	html.moHtml .tbl-description-code-price-btn table thead th:first-child,
	html.moHtml .tbl-description-code-price-btn table tbody td:first-child {justify-content: flex-start;} 
	html.moHtml .tbl-description-code-price-btn table tbody td:first-child {border-bottom: 1px dashed #ccc;}
	html.moHtml .tbl-description-code-price-btn table tbody td[colspan]:first-child {justify-content: center;}

	html.moHtml .sb-r.cart-box .cart-list-box .box-body {margin: 0;}
	html.moHtml .sb-r.cart-box .cart-list-box .cart-list li {flex-wrap: wrap; justify-content: space-between; padding: 5px 0; position: relative;}
	html.moHtml .sb-r.cart-box .cart-list-box .cart-list li .ckBox {width: 100%; flex: unset; margin-top: 5px; margin-bottom: 5px; padding-right: 32px; min-height: 30px; display: flex; align-items: center; justify-content: flex-start;}
	html.moHtml .sb-r.cart-box .cart-list-box .cart-list li .btn-del {position: absolute; top: 10px; right: 0; width: 30px; height: 30px;}
	html.moHtml .sb-r.cart-box .cart-list-box .cart-list li .money {padding-right: 0; width: 100%; flex: 1; margin: 5px 0; text-align: right;}
	html.moHtml .sb-r.cart-box .cart-list-box .cart-list li .ckBox ~ .spinnerJQ {width: 100%; border: 1px solid #ccc; border-radius: 3px; margin: 5px 0;}
	html.moHtml #TBR_FLEET .cart-list-box .spinnerJQ .ui-spinner {height: 30px; padding-right: 61px; margin: 0; width: 100%;}
	html.moHtml #TBR_FLEET .spinnerJQ .ui-spinner-input {height: 30px; margin-top: 0;}
	html.moHtml #TBR_FLEET .spinnerJQ .ui-spinner-button.ui-spinner-up,
	html.moHtml #TBR_FLEET .spinnerJQ .ui-spinner-button.ui-spinner-down {top: 50%; margin-top: -15px; right: 0; width: 30px; height: 30px; background-position-y: center; border-left: 1px solid #ccc;}
	html.moHtml #TBR_FLEET .spinnerJQ .ui-spinner-button.ui-spinner-up {}
	html.moHtml #TBR_FLEET .spinnerJQ .ui-spinner-button.ui-spinner-down {right: 31px;}
	html.moHtml #TBR_FLEET .spinnerJQ .ui-spinner-button.ui-spinner-down::before {content: none;}

	html.moHtml .scrollTable-box .tbl-description-code-price-btn .scrollTable-body {margin-top: 0;}

	html.moHtml .sb-l.scrollTable-box .tbl-description-code-price-btn .scrollTable-head {height: 70px;}
	html.moHtml .sb-l.scrollTable-box .tbl-description-code-price-btn .scrollTable-head {border: 1px solid #ddd; border-radius: 3px;}
	html.moHtml .sb-l.scrollTable-box .tbl-description-code-price-btn .scrollTable-head  table {height: 100%;}

	html.moHtml .sb-l.scrollTable-box .tbl-description-code-price-btn .scrollTable-body,
	html.moHtml .sb-r.cart-box .cart-list-box .box-body {margin-top: 5px;}
	html.moHtml .sb-l.scrollTable-box .tbl-description-code-price-btn .scrollTable-body tr,
	html.moHtml .sb-r.cart-box .cart-list-box .box-body li {min-height: 91px;}
}
@media screen and (max-width: 660px) {
	html.moHtml .order-search .default-search .input1[placeholder="Size"] {min-width: unset;}
	html.moHtml .order-search .default-search .input1[style*="width: 100%"][style*="flex: 1"] {flex: none !important;}
	html.moHtml .order-search .default-search .input1[placeholder="Size"] + .input1 {width: calc(75% - 65px) !important; max-width: calc(100% - 55px);}
	html.moHtml .order-search .wrap-default .dl-search ~ .default-search {justify-content: flex-start;}
	html.moHtml .order-search .default-search > .select1.point:first-child {width: 105px;}
	html.moHtml .order-search .default-search > .select1.point:first-child + .input-auto-complete:last-child {flex: none; margin-right: 0;}
	/*html.moHtml .order-search .default-search > .select1.point:first-child + .input-auto-complete {width: calc(100% - 110px); min-width: 210px;}*/
	html.moHtml .order-search .default-search > .select1.point:first-child[style="width: 147px;"] + .input-auto-complete {width: calc(100% - 152px);}

	html.moHtml .address-search .search-btn.type-address{ right: -38px;}
	html.moHtml .wrap-default .search-btn.type-detail{background-position: calc(100% - 5px) center; font-size: 11px; padding: 0 5px;}
	html.moHtml .wrap-default .default-search .input1[style*="flex: none"] {min-width: 220px;}	
	
	html.moHtml .warrantyInfo-box ~ .order-search .wrap-default .dl-search dl dd {flex-wrap: wrap;}
	html.moHtml .warrantyInfo-box ~ .order-search .wrap-default .dl-search dl dd.flex-right {flex: none; width: 100%;}
	html.moHtml .warrantyInfo-box ~ .order-search .wrap-default .dl-search dl dt + dd > .input1:first-child {flex-basis: 1;}

	html.moHtml .order-list.type-list .item.more4 .plant-box.myColN7 {flex-wrap: wrap; justify-content: flex-start;}
	html.moHtml .order-list.type-list .item.more4 .plant-box.myColN7,
	html.moHtml .order-list.type-list .item.more4 .plant-box.myColN7 .plant-group {min-height: 50px; height: auto;}
	html.moHtml .order-list.type-list .item.more4 .plant-box.myColN7 > div:not(.tit) {min-width: auto; width: 25%; flex: none;  height: 50px; border-top: 1px solid #ccc;}
	html.moHtml .order-list.type-list .item.more4 .plant-box.myColN7 > div.qty {width: 50%;}
	html.moHtml .order-list.type-list .item.more4 .plant-box.myColN7 > div:nth-child(5n) {border-left: 0 none;}
	html.moHtml .order-list.type-list .item.more4 .plant-box.myColN7 > div:nth-child(-n+4) {border-top: 0 none;}

	html.moHtml .tab-con .acco-board-box {padding: 0;}
	html.moHtml .acco-board-box .acco-btn a {flex-direction: column; padding: 10px 55px 10px 25px;}
	html.moHtml .acco-board-box .acco-btn .subject-box,
	html.moHtml .acco-board-box .acco-btn .info {width: 100%;}

	html.moHtml .orderSummary-area .tireInfo-box .list-type1 .item .item-left {padding-bottom: 32px;}
	html.moHtml .orderSummary-area .tireInfo-box .list-type1 .item .item-right {border-top: 1px dashed #ccc; height: 35px; display: flex; justify-content: flex-end; align-items: center; position: absolute; left: 0; right: 0; bottom: 0;}
	html.moHtml .orderSummary-area .tireInfo-box .list-type1 .btn-del {top: auto; margin-top: 0; bottom: 0; right: 0;}

	html.moHtml .dl-table-row .input-box{ flex-wrap: wrap;}
	html.moHtml .dl-table-row .input-box > input,
	html.moHtml .dl-table-row .input-box > select{ width: 100% !important; margin: 0; flex: none;}
	html.moHtml .dl-table-row .input-box > input ~ input,
	html.moHtml .dl-table-row .input-box > input ~ select,
	html.moHtml .dl-table-row .input-box > select ~ input,
	html.moHtml .dl-table-row .input-box > select ~ select{ margin-top: 5px;}
}

@media screen and (max-width: 600px) {
	html.moHtml .order-list.type-list .item.notMore4 {flex-direction: column; align-items: stretch;}
	html.moHtml .order-list.type-list .item.notMore4 .info2 {margin-top: 10px; margin-left: 0;}
	html.moHtml .order-list.type-list .item.notMore4 .plant-box > div:not(.tit) {width: auto; flex: 1; min-width: 80px;}

	html.moHtml .order-list.type-openAR .list-head {flex-direction: column;}
	html.moHtml .order-list.type-openAR .list-head > .sb-l {width: 100%; max-width: 100%; justify-content: flex-start;}
	html.moHtml .order-list.type-openAR .list-head > .sb-r {width: 100%; max-width: 100%; justify-content: flex-end;}

	html.moHtml .summary-box ~ .filter-box .search input {width: calc(100% - 60px);}

	html.moHtml .orderSummary-area .tireInfo-box .order-list [class*="list-type"] .txt,
	html.moHtml .orderSummary-area .tireInfo-box .order-list [class*="list-type"] .tit {font-size: 14px; line-height: 18px;}
	html.moHtml .orderSummary-area .tireInfo-box .order-list [class*="list-type"] .btn-del .txt {font-size: 0;}
	html.moHtml .tireInfo-box .order-list [class*="list-type"] .total-box {margin: 0;}

	html.moHtml .blankDefault.order-list .status-box .row-status {flex-direction: column;}
	html.moHtml .blankDefault.order-list .list-bottom {flex-wrap: wrap;}
	html.moHtml .blankDefault.order-list .list-bottom .btn-more {width: 100%; margin: 10px 0 0;}
}
@media screen and (max-width: 588px) {
	html.moHtml .order-search .wrap-default .dl-search + .default-search > .ckGroup + select {margin-right: 5px;}	

	html.moHtml .order-search .default-search .search-btn.type-search,
	html.moHtml .order-search .default-search .search-btn.type-address {width: 40px;}
}
@media screen and (max-width: 539px) {
	html.moHtml .sb-r.cart-box .cart-list-box .cart-list li .money { min-width: 100px;}
	html.moHtml .sb-r.cart-box .cart-list-box .cart-list li .ckBox ~ .money {padding-left: 26px;}
}
@media screen and (max-width: 515px) {
	html.moHtml .ui-datepicker.ui-datepicker-multi{ width: 16em !important;}
	html.moHtml .ui-datepicker-multi-2 .ui-datepicker-group{ width: 100%;}
}
@media screen and (max-width: 528px) {
	html.moHtml .order-list.type-order .plant-box .stock [class*="num"]::after,
	html.moHtml .order-list.type-order .plant-box .qty .spinnerJQ::after,
	html.moHtml .order-list.type-order .plant-box .price [class*="num"]::after {font-size: 10px; line-height: 11px;}

	html.moHtml .order-search .wrap-default .dl-search + .default-search > .ckGroup + select,
	html.moHtml .order-search .wrap-default .dl-search + .default-search > .ckGroup + select + .input1 {flex: 1 !important;}
	html.moHtml .order-search .wrap-default .dl-search + .default-search > .ckGroup + select + .input1 + .input1 {width: calc(100% - 55px); flex: none !important;}

	html.moHtml .orderSummary-area .tireInfo-box .order-list.type-order .item p {font-size: 13px;}

	html.moHtml .order-search .default-search.type-pcmo1 .pcmo-box .select1.point {display: none;}
	html.moHtml .order-search .default-search.type-pcmo1 .pcmo-box .rangeDatepicker input.input1 {padding-left: 4px; padding-right: 23px; width: 100px; font-size: 12px; background-position-x: calc(100% - 4px);}
	html.moHtml .order-search .default-search.type-pcmo1 .pcmo-box .rangeDatepicker span {width: 10px;}
	html.moHtml .order-search .default-search.type-pcmo1 .pcmo-box .ckGroup.type-range > span > label {padding: 0 5px;}
	
	html.moHtml .warrantyInfo-box {padding: 0 10px;}
	html.moHtml .warrantyInfo-box .warranty-status ul {flex-wrap: wrap;}
	html.moHtml .warrantyInfo-box .warranty-status li {padding: 5px 0; width: 50%; flex: none; min-height: 60px; border-top: 1px solid #ccc;}
	html.moHtml .warrantyInfo-box .warranty-status li:nth-child(2n+1) {border-left: 0 none;}
	html.moHtml .warrantyInfo-box .warranty-status li:nth-child(1),
	html.moHtml .warrantyInfo-box .warranty-status li:nth-child(2) {border-top: 0 none;}
	html.moHtml .warrantyInfo-box .warranty-status .info {flex-direction: column; align-items: flex-start;}
	html.moHtml .warrantyInfo-box .warranty-status .info strong {font-size: 15px; line-height: 17px;}
	html.moHtml .warrantyInfo-box .warranty-status .info span {font-size: 11px; line-height: 13px; margin-left: 0;}
	html.moHtml .warrantyInfo-box .warranty-list li > p {flex-basis: 100%;}
	html.moHtml .warrantyInfo-box .warranty-list li > p:nth-child(n+2) {border-top: 1px solid #ddd;}
	html.moHtml .warrantyInfo-box .warranty-list li > p + p:before {content: none;}

	html.moHtml .blankDefault.order-list .status-box .row-status.row2.flex-sb {flex-direction: row;}
	html.moHtml .blankDefault.order-list .status-box .row-status.row2.flex-sb > [class*="sb-"] {    display: flex; flex-direction: column; align-items: flex-start; justify-content: center;}
	html.moHtml .blankDefault.order-list .status-box .row-status.row2.flex-sb > .sb-r.flex-sb {display: flex;flex-direction: column;flex-wrap: nowrap;align-items: flex-end;justify-content: center;} 
	html.moHtml .blankDefault.order-list .status-box .row-status.row2.flex-sb > .sb-r.flex-sb > * {margin-top: 3px; margin-bottom: 3px;}
	html.moHtml .blankDefault.order-list .status-box .row-status.row2.flex-sb > .sb-r.flex-sb .util {padding: 0; margin: 5px 0; border-left: 0 none;}
}
@media screen and (max-width: 480px) {	
	html.moHtml .tab-box.type1 .tab-btn a {min-height: 40px; padding: 0 15px;}

	html.moHtml .tireInfo-box .editing .item-form .form-row:not(.column) > .form-col {flex-wrap: wrap; margin: 2px 3px 2px 0;}
	html.moHtml .tireInfo-box .editing .item-form .form-row:not(.column) > .form-col > * {margin: 3px 7px 3px 0;}
	html.moHtml .tireInfo-box .editing .item-form .form-row.column > .form-col {margin: 2px 7px 2px 0; width: 100%; margin-right: 0; flex-direction: row; align-items: center;}
	html.moHtml .tireInfo-box .editing .item-form .form-row.column > .form-col > dt {min-width: 74px; width: 74px;}
	html.moHtml .tireInfo-box .editing .item-form .form-row.column > .form-col > dd {flex: 1;}
	html.moHtml .tireInfo-box .editing .item-form .form-row + .form-row {margin-top: 10px;}

	/*html.moHtml .order-list.type-order.type-card .item {padding-top: 58px;}
	html.moHtml .order-list.type-order.type-card .item .name {top: 30px;}
	html.moHtml .order-list.type-order.type-card .thumb img{ max-height: 180px;}*/

	html.moHtml .order-list.type-list .item.more4 .plant-box.myColN5 {flex-wrap: wrap; justify-content: flex-start;}
	html.moHtml .order-list.type-list .item.more4 .plant-box.myColN5,
	html.moHtml .order-list.type-list .item.more4 .plant-box.myColN5 .plant-group {min-height: 50px;}
	html.moHtml .order-list.type-list .item.more4 .plant-box.myColN5 > div:not(.tit) {width: 33.33%; height: 50px;}
	html.moHtml .order-list.type-list .item.more4 .plant-box.myColN5 > div.qty {width: 66.67%;}
	html.moHtml .order-list.type-list .item.more4 .plant-box.myColN5 > div:nth-child(3n+1) {border-left: 0 none;}
	html.moHtml .order-list.type-list .item.more4 .plant-box.myColN5 > div:nth-child(n+4) {border-top: 1px solid #ccc}
	
	html.moHtml .popup-wrap .tireInfo-box .detail-img,
	html.moHtml .popup-wrap .tireInfo-box .detail-cover {height: 180px;}
	html.moHtml .popup-wrap .tireInfo-box .wrap-view .logo {width: 90px;}

	html.moHtml .order-list.type-shipTo .list-head {flex-direction: column;}
	html.moHtml .order-list.type-shipTo .list-head .sb-l,
	html.moHtml .order-list.type-shipTo .list-head .sb-r {width: 100%; max-width: none;}
	html.moHtml .order-list.type-shipTo .list-head .sb-l {padding-right: 0;}
	html.moHtml .order-list.type-shipTo .list-head .sb-l.search-default .default-search,
	html.moHtml .order-list.type-shipTo .list-head .sb-l.search-default .default-search .input-auto-complete {flex: 1;}
	html.moHtml .order-list.type-shipTo .list-head .sb-l.search-default .default-search .select1 {width: 25%;}
	html.moHtml .order-list.type-shipTo .list-head .sb-r {margin-top: 10px;}


	/*html.moHtml .status-box .row-status.row2 .box-info {flex-direction: column; justify-content: center; padding-right: 100px; position: relative; min-height: 60px;}
	html.moHtml .status-box .row-status.row2 .box-info::after {content: ''; display: block; width: 1px; height: auto; background-color: #dbdbdb; position: absolute; top: 0; bottom: 0; right: 100px;}
	html.moHtml .status-box .row-status.row2 .box-info li {width: 100%; justify-content: flex-start; padding: 5px 10px; height: auto;}
	html.moHtml .status-box .row-status.row2 .box-info li:not(.btn) + li:not(.btn) {border-top: 1px solid #dbdbdb;}
	html.moHtml .status-box .row-status.row2 .box-info li:first-child {border-top: 0 none;}
	html.moHtml .status-box .row-status.row2 .box-info li + li {border-left: 0 none; }
	html.moHtml .status-box .row-status.row2 .box-info li.amount {flex: none;}
	html.moHtml .status-box .row-status.row2 .box-info li.btn {position: absolute; width: auto; height: 50px; top: 50%; right: 10px; margin-top: -25px; padding: 0;}
	html.moHtml .status-box .row-status.row2 .box-info li.btn:first-child {right: 50px;}
	html.moHtml .status-box .row-status.row2 .box-info li.btn:last-child {right: 30px;}
	html.moHtml .status-box .row-status.row2 .box-info li.btn:first-child ~ li.btn:last-child {right: 5px;}
	html.moHtml .status-box .row-status.row2 .box-info p {flex-direction: row; flex-wrap: wrap; align-items: flex-end;}
	html.moHtml .status-box .row-status.row2 .box-info p strong{font-size: 11px; margin-right: 5px;}*/

	html.moHtml .status-box .row-status.row2 .box-info {flex-direction: column;}
	html.moHtml .status-box .row-status.row2 .box-info li:not(.btn) {max-width: 100% !important; width: 100% !important; justify-content: flex-start; flex-direction: row; padding: 0 10px !important; min-height: auto;}
	html.moHtml .status-box .row-status.row2 .box-info li p {flex-direction: row; width: 100%;}
	html.moHtml .status-box .row-status.row2 .box-info li p > * {margin-right: 10px; line-height: 17px;}
	html.moHtml .status-box .row-status.row2 .box-info p strong + span {margin-top: 5px;}
	html.moHtml .status-box .row-status.row2 .box-info li + li {border-left: 0 none;}
	
	html.moHtml #ORDER_STATUS .status-box .row-status.row2 .box-info {position: relative; padding-right: 42px;}
	html.moHtml #ORDER_STATUS .status-box .row-status.row2 .box-info li.btn {position: absolute; right: 15px; top: 50%; transform: translateY(-50%); width: auto; background-color: #fff; border-radius: 50%;}
	
	html.moHtml .order-search .default-search .rangeDatepicker + .ckGroup.type-range + .input1[style="width: 135px;"] {width: 50% !important;}
	html.moHtml .order-search .default-search .input1[placeholder="Size"] + .input1 {width: calc(100% - 65px) !important;}

	html.moHtml .delivery-step {min-height: 140px;}
	html.moHtml .delivery-step li::before {width: 38px; height: 38px;}
	html.moHtml .delivery-step li::after {top: 30px;}
	html.moHtml .delivery-step p > * {font-size: 14px; line-height: 16px;}
	html.moHtml .delivery-info li {height: auto; min-height: 40px; padding-bottom: 5px; margin-bottom: 5px;}
	html.moHtml .delivery-info .txt1 strong {font-size: 13px; line-height: 17px;}
	html.moHtml .delivery-info .txt2 strong,
	html.moHtml .delivery-info .txt3 {font-size: 14px; line-height: 16px;}

	html.moHtml .childDot-box.coltype .setToggle-box .switch-txt.viewtype .img {height: 140px;}

	/*html.moHtml .quick-order .list li > .qty{ width: auto; margin-right: 0; flex: 1;}
	html.moHtml .quick-order .list li > .btn{ width: 100%;}
	html.moHtml .quick-order .list li > .btn .won{ flex: 1;}
	html.moHtml .quick-order .list li > .btn .won span{ width: calc(100% - 10px);}
	html.moHtml .quick-order .list li > .btn .won .tooltip{ width: auto;}*/

	html.moHtml .tbl-description-code-price-btn table thead th,
	html.moHtml .tbl-description-code-price-btn table tbody td {width: 100%; padding-right: 80px;}	
	html.moHtml .tbl-description-code-price-btn table thead th:nth-child(1),
	html.moHtml .tbl-description-code-price-btn table tbody td:nth-child(1) {padding-right: 10px;}	
	html.moHtml .tbl-description-code-price-btn table thead th:nth-child(4) {display: none;}
	html.moHtml .tbl-description-code-price-btn table tbody tr {position: relative;}
	html.moHtml .tbl-description-code-price-btn table tbody td:nth-child(4) {position: absolute; bottom: 0; right: 0; height: 63px;}
	
	html.moHtml .sb-l.scrollTable-box .tbl-description-code-price-btn .scrollTable-head {height: auto;}
	html.moHtml .sb-l.scrollTable-box .tbl-description-code-price-btn .scrollTable-head table {height: auto;}
	html.moHtml .tbl-description-code-price-btn.tbl-box.type1 table thead th {height: auto; padding-top: 2px; padding-bottom: 2px;}

	html.moHtml .order-list .plant-box .stock .option.dateD {padding: 20px 4px 2px 4px;}
	html.moHtml .order-list .plant-box .stock .option.dateD::before {top: 0;margin-top: 0; left: 50%; margin-left: -13px;}
	html.moHtml .order-list .plant-box .stock .num + .option.dateD {margin-top: 10px;}
	html.moHtml .order-list.type-order.type-card .plant-box > div.cart {width: 50px;}
	html.moHtml .order-list.type-order.type-card .plant-box * + .tipname {margin-top: 0;}
}
@media screen and (max-width: 435px) {

}
@media screen and (max-width: 410px) {
	html.moHtml .popup-wrap .tireInfo-box .thumb-img .img {height: 50px;}

	html.moHtml .order-list.type-order.type-list .item.mark4 .plant-box > div:not(.tit) {width: 25%;}
	html.moHtml .order-list.type-order.type-list .item.mark4 .plant-box > div.price {flex: 1;}
	/*html.moHtml .order-list.type-order.type-card .plant-box > div.cart,*/
	html.moHtml .order-list.type-order.type-list .item.mark4 .plant-box > div.cart {width: 60px;}

	html.moHtml .order-list .plant-box .price .ecofee,
	html.moHtml .order-list .plant-box .price .num.ecofee {flex-wrap: wrap; justify-content: center;}
	html.moHtml .order-list .plant-box .price .ecofee > * + *,
	html.moHtml .order-list .plant-box .price .num.ecofee > * + * {margin-top: -5px;}

	html.moHtml .order-list.type-list .item.more4 .plant-box.myColN7 > div:not(.tit) {width: 33.33%;}
	html.moHtml .order-list.type-list .item.more4 .plant-box.myColN7 > div.qty {width: 100%; border-left: 0 none;}
	html.moHtml .order-list.type-list .item.more4 .plant-box.myColN7 > div:nth-child(4n) {border-left: 0 none; border-top: 1px solid #ccc;}
	html.moHtml .order-list.type-list .item.more4 .plant-box.myColN7 > div:nth-child(5n) {border-left: 1px solid #ccc;}

	html.moHtml .order-search .wrap-default .dl-search + .default-search > .ckGroup + select,
	html.moHtml .order-search .wrap-default .dl-search + .default-search > .ckGroup + select + .input1 {width: 100% !important; flex: none !important;}
}
@media screen and (max-width: 360px) {
	html.moHtml .tab-box.type1 .tab-btn a {padding: 0 8px;}

	html.moHtml .order-list.type-shipTo.type-card .item {width: 100%; margin: 0;}
	html.moHtml .order-list.type-shipTo.type-card .item + .item {margin-top: 10px;}
	html.moHtml .order-list.type-shipTo.type-list .item .info-cell {width: calc(100% - 60px);}
	html.moHtml .order-list.type-shipTo.type-list .item .btn-cell {width: 60px;}

	html.moHtml .delivery-step ul {flex-wrap: wrap;}
	html.moHtml .delivery-step li {flex-basis: 50%; padding-top: 10px; padding-bottom: 10px;}

	html.moHtml .childDot-box.coltype .setToggle-box .switch-txt.viewtype .img {height: 110px;}
}

.dl-table-row{ width: 100%; display: flex; flex-direction: column;}
.dl-table-row .inner{ display: flex; position: relative; padding-left: 5px; padding-right: 5px;}
.dl-table-row .inner + .inner{ margin-top: 10px;}
.dl-table-row .inner > dl{ display: flex; flex: 1;}
.dl-table-row .inner > dl.half{ width: 50%; flex: none;}
.dl-table-row .inner > span,
.dl-table-row .inner > div{ flex: 1;}
.dl-table-row .inner > dl > dt{ width: 140px; height: 34px; padding: 0 5px 0 0; display: flex; align-items: center;}
.dl-table-row .inner > dl > dt.type1 {width: 115px;} 
.dl-table-row .inner > dl > dt.type1::after {content: ':';}
.dl-table-row .inner > dl > dt.type1 + dd {padding-left: 2px;}
.dl-table-row .inner > dl > dt .require-item{ width: 16px; height: 16px; background: url(../../front/images/ico/ico-require.png) no-repeat center center; text-align: left; text-indent: -9999px; margin: 0 2px 1px 0; display: inline-block; vertical-align: middle;}
.dl-table-row .inner > dl > dd{ padding: 0 10px 0 0; flex: 1;}
.dl-table-row .inner input,
.dl-table-row .inner select,
.dl-table-row .inner > dl > dd p{ height: 34px;}
.dl-table-row .inner > dl > dd p{ display: flex; align-items: center;}
.dl-table-row .inner > dl .tit{ width: 100%; font-weight: 300; font-size: 14px; color: #777; text-align: right; line-height: 16px; text-align: left; padding-left: 23px; position: relative;}
.dl-table-row .inner > dl .tit .require-item {position: absolute; left: 0; top: 1px;}
.dl-table-row .inner > dl .txt1{ font-weight: 300; font-size: 14px; color: #777; line-height: 16px;}
.dl-table-row .inner > dl .txt2{ font-weight: 700; font-size: 14px; color: #777; line-height: 16px;}
.dl-table-row .flex-row{ display: flex;}
.dl-table-row .flex-row input ~ p,
.dl-table-row .flex-row p ~ input,
.dl-table-row .flex-row input ~ input{ margin-left: 5px;}
.dl-table-row .line1{ width: 100%; height: 1px; background-color: #ccc; padding: 0; margin: 10px 0; display: block;}
.dl-table-row .line2{ width: 100%; height: 1px; padding: 0; margin: 10px 0; display: block; border-top: 1px dashed #ccc;}
.dl-table-row .select-search-box{ padding-left: 120px; padding-right: 10px;}
.dl-table-row .chk-switche{ margin: 7px 0;}
.dl-table-row .input-box{ display: flex;}
.dl-table-row .input-box ~ .input-box{ margin-top: 5px;}
.dl-table-row .input-box input,
.dl-table-row .input-box select{ width: 100%; flex: 1;}
.dl-table-row .input-box input ~ input,
.dl-table-row .input-box input ~ select,
.dl-table-row .input-box select ~ input{ margin-left: 5px;}
.dl-table-row .inner > dl > dd .txt-request{ height: 20px; font-size: 14px; color: #ed6d00; margin: 3px 0 0 0;}

.select-search-box{ width: 100%; display: flex; flex-direction: column;}
.select-search-box .select-box ~ .search-box{ margin: 10px 0 0 0;}
.select-search-box .input-box.on{ display: flex;}
.select-search-box .input-box{ display: none;}
.select-search-box .input-box input,
.select-search-box .input-box select{ flex: 1;}
.select-search-box .input-box input ~ input,
.select-search-box .input-box input ~ select,
.select-search-box .input-box select ~ input{ margin-left: 5px;}
.select-search-box .input-auto-complete{ margin-right: 5px; flex: 1; position: relative;}
.select-search-box .input-auto-complete .list{ width: 100%; height: 100px; background-color: #fff; padding: 10px; margin: 2px 0 0 0; display: none; border: 1px solid #ccc; border-radius: 3px; position: absolute; top: 100%; left: 0; z-index: 1;}
.select-search-box .input-auto-complete.on .list{ display: block;}
.select-search-box .input-auto-complete .list a{ width: 100%; font-size: 14px; line-height: 20px; padding: 2px 0;}
.select-search-box .input-auto-complete .list a ~ a{ margin: 2px 0 0 0;}
.select-search-box .input-auto-complete .list a:hover{ font-weight: 700;}
.select-search-box .input-auto-complete .scroll-y{ height: 80px;}
.select-search-box .btn-search{ width: 34px; height: 34px; background: url(../images/ico/ico-search.png) no-repeat center center; text-indent: -9999px; display: inline-block; border: 1px solid #ccc; border-radius: 3px;}
.select-search-box .btn-search:hover{ background-color: #f1f1f1;}

.search-box{ display: flex;}
.search-box > input{ margin-right: 5px; flex: 1;}
.search-box > .btn-search{ width: 34px; height: 34px; background: url(../images/ico/ico-search.png) no-repeat center center; text-indent: -9999px; display: inline-block; border: 1px solid #ccc; border-radius: 3px;}
.search-box > .btn-search:hover{ background-color: #f1f1f1;}
.search-box > .btn-barcode{ width: 34px; height: 34px; background: url(../images/ico/ico-barcode.png) no-repeat center center; text-indent: -9999px; display: inline-block; border: 1px solid #ccc; border-radius: 3px; background-size: 26px auto; background-position-y: calc(50% + 1px);}
.search-box > .btn-barcode:hover{ background-color: #f1f1f1;}
.search-box.type2{ position: relative;}
.search-box.type2 > input{ width: 100%; margin: 0;}
.search-box.type2 > .btn-search{ width: 32px; height: 32px; background-image: url(../images/ico/ico-search5.png); border: 0; position: absolute; top: 1px; right: 1px;}
.search-box.type2 > .btn-barcode{ width: 32px; height: 32px; border: 0; position: absolute; top: 1px; right: 1px;}

.search-box.type-barcode .btn-barcode {display: none;}
.moHtml .search-box.type-barcode .btn-barcode {display: inline-block;}

.request-search-list-box{ width: 100%; background-color: #fff; padding: 10px; margin: 0; border: 1px solid #ccc; border-radius: 10px; box-sizing: border-box;}
.request-search-list-box .scroll-y{ height: 260px;}
.request-search-list-box .search-box{ padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dashed #ccc;}
.request-search-list-box .search-box > .input-box{ flex-direction: column;}
.request-search-list-box .search-box .input-box{ margin-right: 5px; flex: 1;}
.request-search-list-box .search-box .inner{ padding: 0;}
.request-search-list-box .search-box .inner dl + dl{ margin-left: 20px;}
.request-search-list-box .search-box .inner dt{ width: auto; padding: 0 5px 0 0;}
.request-search-list-box .search-box .inner dd{ padding: 0;}
.request-search-list-box .search-box .inner dd > .input-box{ margin: 0;}
.request-search-list-box .search-box .inner dd > .input-box ~ .input-box{ margin-top: 0;}
.request-search-list-box .search-box .inner dd > .input-box.selector-type ~ .input-box.selector-type{ margin-top: 0;}
.request-search-list-box .search-box ~ .list-box{ margin: 10px 0 0 0;}
.request-search-list-box .list-box{ height: 100%;}
.request-search-list-box .list-box ul{ height: 100%; display: flex; flex-direction: column;}
.request-search-list-box .list-box li ~ li{ margin-top: 10px;}
.request-search-list-box .list-box .noData{ padding: 10px; display: flex; flex-direction: column; flex: 1; align-items: center; justify-content: center; border: 1px dashed #ccc; border-radius: 10px;}
.request-search-list-box .list-box .noData .num{ font-size: 14px; color: #ddd;}
.request-search-list-box .list-box .noData .txt{ font-size: 14px; color: #777;}
.request-search-list-box .list-box .link{ background-color: #f5f5f5; padding: 10px; display: flex; border: 1px solid #ddd; border-radius: 10px;}
.request-search-list-box .list-box .link .code{ font-size: 14px; color: #777; width: 90px;}
.request-search-list-box .list-box .link .code span{ color: #555;}
.request-search-list-box .list-box .link .desc{ font-size: 14px; color: #777; flex: 1;}
.request-search-list-box .list-box .link .group{ display: flex; flex-wrap: wrap;}
.request-search-list-box .list-box .link .group span{ font-size: 13px; color: #777; padding-right: 10px; margin-right: 10px; border-right: 1px solid #ccc;}
.request-search-list-box .list-box .link .group span:last-child{ padding: 0; margin: 0; border-right: 0;}
.request-search-list-box .list-box .link:hover{ background-color: #fff; border-color: #333;}
.request-search-list-box .list-box.type2 .link{ flex-direction: column;}
.request-search-list-box .list-box.type2 .link .code span{ font-weight: 700;}

.border-box{ width: 100%; padding: 5px 22px 5px 40px; border: 1px solid #ccc; border-radius: 10px;}
.border-box .form-row > .form-col{ margin: 0;}
.border-box .qty-box{ font-weight: 300; font-size: 14px; color: #888; line-height: 18px; padding-left: 22px; display: flex; flex-direction: column; align-items: center; justify-content: center; border-left: 1px solid #ccc;}
.border-box .qty-box span{ height: 26px; color: #555; line-height: 26px; display: inline-block; vertical-align: top;}
.border-box .qty-box span strong{ font-weight: 700; font-size: 26px; color: #ec6608; line-height: 1; display: inline-block; vertical-align: top;}

.txt-row-box{ width: 100%; font-size: 14px; color: #252525; line-height: 36px; display: flex;}
.txt-row-box strong{ font-weight: 700; font-size: 24px; color: #e36b04; line-height: 36px; margin-left: 2px;}
.txt-row-box ~ .border-box{ margin-top: 10px;}

.blankDefault.border-box{ padding: 22px 22px 22px 40px;}
.blankDefault.order-list .status-box{ padding: 20px 25px 25px 25px;}
.blankDefault.order-list .status-box .row-status.btn-write{ margin-top: 20px;}
.blankDefault.order-list .status-box .row-status.btn-write a{ height: 80px}
.blankDefault.order-list .list-body .item > .btn-caradd a{ height: 80px;}
.blankDefault.order-list .list-bottom{ margin-top: 54px;}

.dashboard-setting-box{ height: 584px; display: flex; justify-content: space-between;}
.dashboard-setting-box p{ font-size: 14px; color: #333; line-height: 18px; margin: 0 0 5px 0;}
.dashboard-setting-box .dashboard-box{ width: 60%; display: flex; flex-direction: column;}
.dashboard-setting-box .dashboard-box .scroll-y{ height: 100% !important; padding-right: 0;}
.dashboard-setting-box .box{ font-size: 14px; text-align: center; line-height: 16px; margin: 5px 5px 0 0; display: flex; align-items: center; justify-content: center; border: 1px solid #ccc; float: left;}
.dashboard-setting-box .box.on{ border-width: 2px; border-color: #333;}
.dashboard-setting-box .box p{ font-size: 14px; line-height: 16px; margin: 0;}
.dashboard-setting-box .box.size2x1{width: calc((((100% - 15px) / 3) * 2) + 5px); height: 60px;}
.dashboard-setting-box .box.size2x2{width: calc((((100% - 15px) / 3) * 2) + 5px); height: 125px;}
.dashboard-setting-box .box.size2x3{width: calc((((100% - 15px) / 3) * 2) + 5px); height: 255px;}
.dashboard-setting-box .box.size2x4{width: calc((((100% - 15px) / 3) * 2) + 5px); height: 320px;}
.dashboard-setting-box .box.size1x1{width: calc((100% - 15px) / 3); height: 60px;}
.dashboard-setting-box .box.size1x2{width: calc((100% - 15px) / 3); height: 125px;}
.dashboard-setting-box .box.size1x3{width: calc((100% - 15px) / 3); height: 255px;}
.dashboard-setting-box .box.size1x4{width: calc((100% - 15px) / 3); height: 320px;}

.dashboard-setting-box .setting-box{ margin-left: 20px; display: flex; flex: 1; flex-direction: column;}
.dashboard-setting-box .setting-box .list{ width: 100%; height: 100%; background-color: #f1f1f1; padding: 20px 10px; margin: 0; flex: 1; border-radius: 10px; position: relative;}
.dashboard-setting-box .setting-box .scroll-y{ height: auto !important; position: absolute; top: 20px; right: 10px; bottom: 20px; left: 10px;}
.dashboard-setting-box .item{ padding: 0 10px; display: flex; justify-content: flex-end;}
.dashboard-setting-box .item + .item{ padding-top: 10px; margin: 10px 0 0 0; border-top: 1px dashed #ccc;}
.dashboard-setting-box .item p{ font-size: 14px; line-height: 20px; margin: 0 10px 0 0; flex: 1;}
.dashboard-setting-box .item:hover p{ font-weight: 700;}
.dashboard-setting-box .chk-switche label{ background-color: #666; border-radius: 10px; cursor: pointer;}
.dashboard-setting-box .chk-switche input:checked ~ label{ background-color: #ec6608;}

html.moHtml .dashboard-setting-box p {margin-bottom: 10px;}
/*@media screen and (max-width: 680px) {
	html.moHtml .dashboard-setting-box{ height: 100%; flex-direction: column;}
	html.moHtml .dashboard-setting-box .dashboard-box{ width: 100%; height: 250px;}
	html.moHtml .dashboard-setting-box .setting-box{ height: 180px; margin: 20px 0 0 0; flex: none;}
}*/

/*portlet*/
#wrap .top-control {position: absolute; top: 6px; right: 0; background: transparent; border: 0 none; padding: 0 11px;}
#wrap .portlet-area{ position: relative;}
#wrap .portlet-area .top-control:after {content: none;}
#wrap .portlet-content {padding: 19px; padding: 14px 13px; position: relative; margin-top: -1px;}
#wrap .portlet-content:after {content: ''; display: block; width: 100%; height: 1px; background-color: #ddd; position: absolute; left: 0; top: 0;}
#wrap .portlet-area .top-control button.btn-btype1 + button.btn-btype1 {margin-left: 9px;}

.portlet-area-tit {position: absolute; top: 0; z-index: 1; display: inline-flex; align-items: center; font-size: 17px; font-weight: 700; color: #333; height: 40px; align-items: center;}
.portlet-area-tit .name {display: inline-block;}
.portlet-area-tit .canvas-txt {position: relative; display: inline-block; margin-left: 10px; font-size: 25px; font-weight: 700; text-transform: uppercase;}
.portlet-area-tit .canvas-txt:after {content: ""; display: inline-block; width: 27px; height: 25px; margin: 0 0 -3px 8px; background: url(../images/before/ico/ico-canvas.png) no-repeat center center;}
.portlet-area-tit .canvas-txt em {color: #f36f20;}
.portlet-area-tit .btn-reset {margin-left: 6px;}
/* .portlet-area-tit .canvas-txt em:nth-child(1) {color: #f36f20;} */
/* .portlet-area-tit .canvas-txt em:nth-child(2) {color: #9f2abc;} */
/* .portlet-area-tit .canvas-txt em:nth-child(3) {color: #f5b50a;} */
/* .portlet-area-tit .canvas-txt em:nth-child(4) {color: #05af99;} */
/* .portlet-area-tit .canvas-txt em:nth-child(5) {color: #5c6efb;} */
/* .portlet-area-tit .canvas-txt em:nth-child(6) {color: #099c3e;} */
.portlet-area-tit p{ display: flex;}
.portlet-area-tit strong{ font-weight: 700; font-size: 18px; line-height: 20px;}
.portlet-area-tit span{ font-weight: 300; font-size: 14px; line-height: 18px; padding: 2px 0 0 0; margin-left: 5px;}

.portlet-area-tit + .portlet-util-area {margin-top: -1px;}
.portlet-util-area {position: relative; padding: 13px 19px 12px; margin: 0; background-color: #f0f0f0; border: 1px solid #ddd; border-bottom: none; border-radius: 4px 4px 0 0; text-align: right;}
.portlet-util-area:after {content: ""; position: absolute; left: 19px; right: 19px; bottom: 0; height: 1px; background-color: #ddd;}
.portlet-util-area [class^="btn-"] {width: 25px; height: 25px; vertical-align: top; font-size: 0; text-indent: -999rem; overflow: hidden; border-radius: 100%;}
.portlet-util-area [class^="btn-"]:hover {background-color: #cdcdcd;}
.portlet-util-area [class^="btn-"] + [class^="btn-"] {margin-left: 18px;}
.portlet-util-area .btn-add {background: url(../images/before/ico/ico-add.png) no-repeat center center;}
.portlet-util-area .btn-refresh {background: url(../images/before/ico/ico-refresh.png) no-repeat center center;}
.portlet-util-area .btn-save {background: url(../images/before/ico/ico-save.png) no-repeat center center;}

.portlet-cont-area {position: relative; height: 697px; padding: 19px; background-color: #f0f0f0; border: 1px solid #ddd; border-top: none; border-radius: 0 0 4px 4px;}
.portlet-cont-area .numberingbanner {position: absolute; width: 448px; background-color: #fff;}
.portlet-cont-area .numberingbanner:nth-child(1) {left: 19px; top: 19px;}
.portlet-cont-area .numberingbanner:nth-child(2) {right: 19px; top: 19px;}
.portlet-cont-area .numberingbanner:nth-child(3) {left: 19px; top: 356px;}
.portlet-cont-area .numberingbanner:nth-child(4) {right: 19px; top: 356px;}

.portlet-cont-area  .portlet-area-tit + .top-control {margin: -1px 0 0 !important;}

/*메인 포틀릿 타입 목록*/
.portlet-area + .portlettype-area {margin-top: 40px;}
.portlet-area + .portlettype-area.type1 {margin-top: 25px;}

.myInfobox + .portlettype-area {margin-bottom: 40px;}

.tc-cont.colbox-2.portlettype-container {display: inline-flex; flex-wrap: wrap; justify-content: space-between; width: 100%;}
.portlettype-container .col {width: calc(50% - 4px); margin-bottom: 8px;}
.portlettype-container .col:not(.full):nth-child(2n) {margin-right: 0;}
.portlettype-container .col.full {width: 100%;}

.portlettype-item {border: 1px solid #dce1e6; background: #fff;}
.portlettype-item-header {height: 39px; padding: 0 12px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #ddd; background-color: #fff; box-sizing: border-box; line-height: 25px; letter-spacing: -0.04em; color: #333; font-size: 14px; font-weight: bold; text-transform: uppercase;}
.portlettype-item-header.no-icon {justify-content: center;}
.portlettype-item-body {height: 207px; text-align: left;}
.portlettype-item-body .fc-portlet-item {width: 100%; height: auto; box-sizing: border-box; border: none; background: #fff; position: static; overflow: hidden;}
.portlettype-item-body .fc-portlet-item-body {padding-top: 0;}

.portlet-box-group {width: 100%; display: inline-flex; justify-content: space-between;}
.portlet-box-group .chart-box {display: inline-block; background: #fff; margin-right: 8px; border: 1px solid #ddd;}
.portlet-box-group .chart-box:last-child {margin-right: 0;}

.boxlink {display: none;}
.boxlink .btn-zoom, .boxlink .btn-blank, .boxlink .btn-favoAdd {display: inline-block; vertical-align: middle; margin: 0 18px; }

.has-overlink {position: relative; overflow: hidden;}
.has-overlink .overlink {display: block; padding: 14px 0 15px; text-align: center; position: absolute; bottom: -80px; left: 0; right: 0; background-color: rgba(77,75,75,0.4); border-radius: 5px; transition: 0.5s;}
.has-overlink:hover .overlink {bottom: 0;}

.has-overlink.type2::before {content: ''; display: block; width: 39px; height: 7px; background: url(../images/before/ico/ico-overlink-t2.png) center center no-repeat; position: absolute; bottom: 0; left: 50%; margin-left: -20px;}
.has-overlink.type2:hover::before {display: none;}

.has-overlink .overlink .btn,
.has-overlink .overlink .btn [class^="ico-c2-"] {vertical-align: top;}

.boxlink {display: none;}
.boxlink .btn-zoom, .boxlink .btn-blank, .boxlink .btn-favoAdd {display: inline-block; vertical-align: middle; margin: 0 18px; }
.btn-blank {text-indent: -999rem; width: 32px; height: 28px; background-image: url(../images/ico/ico-blank2.png); background-position: -32px 0; background-repeat: no-repeat;}
.btn-blank:hover {background-position: 0 0; background-color: transparent;}
.btn-favoAdd {text-indent: -999rem; width: 28px; height: 28px; background-image: url(../images/ico/ico-favoAdd.png); background-position: -28px 0; background-repeat: no-repeat;}
.btn-favoAdd:hover {background-position: 0 0;}

.pcHtml #wrap .portlet-area{ display: block;}
#wrap .portlet-area{ padding-top: 40px; display: none;}
#wrap .portlet-area > .portlet-content{ background-color: transparent; padding: 0; border: 0;}
#wrap .portlet-area > .portlet-content .fc-portlet-item-content > header.fc-portlet-item-header{ background-color: transparent;}
#wrap .portlet-content:after{ display: none;}

#home_div{ border: 0; position: relative;}
#home_div .box-list ul,
#home_div .box-list2 ul{ padding: 19px 48px 19px 36px;}
#home_div .box-list li .subject::before{ top: 8px;}
#home_div .box-list4 ul{ list-style: none; padding: 21px 48px 21px 36px;}
#home_div .no-result-wrap{ background-size: 66px auto; padding-top: 80px;}
#home_div .btn-more{ padding: 2px 5px; border: 1px solid #ccc; border-radius: 2px; position: absolute; top: 10px; right: 10px; z-index: 1;}
#home_div .box-area dl{ border: 0;}
.portlet-content #home_div .fc-portlet-item-content .fc-portlet-item-body{ padding: 0;}

.type-open .icotxt,
.type-preparing .icotxt,
.type-shipping .icotxt,
.type-complete .icotxt,
.type-pashir .icotxt {position: relative; min-height: 30px; padding-left: 37px; display: inline-flex; align-items: center; justify-content: flex-start;}
.type-open .icotxt::before,
.type-preparing .icotxt::before,
.type-shipping .icotxt::before,
.type-complete .icotxt::before,
.type-pashir .icotxt::before {content: ''; display: block; width: 30px; height: 30px; background-position: center center; background-repeat: no-repeat; position: absolute; left: 0; top: 50%; margin-top: -15px;}

.type-open .icotxt::before {background-image: url(../images/ico/ico-typeOpen.png);}
.type-preparing .icotxt::before {background-image: url(../images/ico/ico-typePreparing.png);}
.type-shipping .icotxt::before {background-image: url(../images/ico/ico-typeShipping.png);}
.type-complete .icotxt::before {background-image: url(../images/ico/ico-typeComplete.png);}
.type-pashir .icotxt::before {background-image: url(../images/ico/ico-typePashir.png);}

.moPortlet-area .ckGroup.type1 > span {margin: 5px 10px 5px 0;}
.moPortlet-area .ckGroup input + label {min-width: 60px; height: 32px; padding: 0 8px; justify-content: center;}
.moPortlet-area .ckGroup input:checked + label {background-color: #555;}
.moPortlet-area .ckGroup input:checked + label::before {content: none;}

.portlet-tab-box{ width: 100%; height: 100%; padding: 20px 20px 10px 20px; display: flex; flex-direction: column;}
.portlet-tab-box > *:not(.ckGroup) {margin: 5px 0;}
.portlet-tab-box .btn-box{ display: flex; flex-wrap: wrap; justify-content: flex-start;}
.portlet-tab-box .btn-box label{ position: relative;}
.portlet-tab-box .btn-box label{ padding-right: 5px; margin-right: 5px; border-right: 1px solid #ccc;}
.portlet-tab-box .btn-box label:last-child{ padding-right: 0; margin-right: 0; border-right: 0;}
.portlet-tab-box .btn-box label:hover span{ text-decoration: underline;}
.portlet-tab-box .btn-box label span{ font-size: 14px; color: #bbb; padding: 0 10px; cursor: pointer;}
.portlet-tab-box .btn-box label input{ position: absolute; top: 0; left: -9999px;}
.portlet-tab-box .btn-box label input:checked ~ span{ color: #333;}
.portlet-tab-box .list-box{ flex: 1; position: relative;}
.portlet-tab-box .search-box{ flex: 1; position: relative;}
.portlet-tab-box.type-searchKeyword .list-box .scroll-y{ width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.portlet-tab-box.type-searchKeyword .list-box .scroll-y ul {display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; width: 100%; min-height: 100%;}
.portlet-tab-box.type-searchKeyword .list-box .scroll-y .nodata-box,
.portlet-tab-box.type-searchKeyword .list-box .scroll-y ul.nodata-box {height: 100%; align-items: center; justify-content: center;} 
.portlet-tab-box.type-searchKeyword .list-box .scroll-y ul > .nodata-box {flex: 1;}
.portlet-tab-box.type-searchKeyword .list-box .item ~ .item{ /*padding: 5px 0 0 0; margin: 5px 0 0 0; border-top: 1px dashed #ccc;*/}
.portlet-tab-box.type-searchKeyword .list-box a{ font-size: 14px; line-height: 18px; padding: 2px 10px; display: flex; justify-content: space-between; color: #777;}
.portlet-tab-box.type-searchKeyword .list-box a:hover .txt{ text-decoration: underline;}
.portlet-tab-box.type-searchKeyword .list-box .num{ width: 30px; width: auto; padding-right: 2px;}
.portlet-tab-box.type-searchKeyword .list-box .txt{ flex: 1;}
.portlet-tab-box.type-searchKeyword .list-box .updown{ width: 35px; height: 18px; text-indent: -9999px; display: flex; align-items: center; justify-content: center; font-size: 0;}
.portlet-tab-box.type-searchKeyword .list-box .updown.up::before{ width: auto; height: auto; content: ''; display: inline-block; border-bottom: 10px solid #2d82e1; border-left: 5px solid transparent; border-right: 5px solid transparent;}
.portlet-tab-box.type-searchKeyword .list-box .updown.down::before{ width: auto; height: auto; content: ''; display: inline-block; border-top: 10px solid #db372f; border-left: 5px solid transparent; border-right: 5px solid transparent;}
.portlet-tab-box.type-searchKeyword .list-box .updown.unchanged::before{ width: 10px; height: 1px; background-color: #ccc; content: ''; display: inline-block;}
.portlet-tab-box.type-quickSearch {justify-content: center;}
.portlet-tab-box.type-quickSearch .search-box{ display: flex; flex: none;}
.portlet-tab-box.type-quickSearch .search-box input,
.portlet-tab-box.type-quickSearch .search-box .btn-search{ height: 40px;}

.portlet-count-box.type-warrantyReturn .count-box ul {background-color: #fff;}

.portlet-slide-box{ width: 100%; height: 100%; padding: 10px 20px; display: flex; flex-direction: column;}
.moPortlet-box > .box-body > div.portlet-slide-box { padding: 0;}
.portlet-slide-box .control-box{ display: flex; justify-content: flex-end;}
.portlet-slide-box .control-box button{ width: 20px; height: 20px; text-indent: -9999px; display: flex; align-items: center; justify-content: center; border-radius: 2px; font-size: 0;}
.portlet-slide-box .control-box button[disabled],
.portlet-slide-box .control-box button[readonly] {opacity: .4;}
.portlet-slide-box .control-box button:hover{ background-color: #f1f1f1;}
.portlet-slide-box .control-box button::before{ width: 7px; height: 7px; content: ''; border: 2px solid #222; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg);}
.portlet-slide-box .control-box button.control-left::before{ margin-left: 3px; border-top: 0; border-right: 0;}
.portlet-slide-box .control-box button.control-right::before{ margin-left: -3px; border-bottom: 0; border-left: 0;}
.portlet-slide-box .control-box p{ font-size: 14px; color: #666; line-height: 20px; margin: 0 10px;}
.portlet-slide-box .control-box p strong{ color: #222;}
.portlet-slide-box .list-box{ margin: 10px 0 0 0; flex: 1; overflow: hidden; position: relative; }
.portlet-slide-box .list-box ul{ height: 100%; display: flex; position: absolute; top: 0; left: 0;}
.portlet-slide-box .list-box .item{ width: 100%; display: flex; flex-direction: column; justify-content: center; position: relative; height: 100%;}

.portlet-slide-box.type-banner .list-box {margin-top: 0;}

.portlet-tab-box .noData,
.portlet-chart-box .noData,
.portlet-slide-box .list-box .noData{ width: 100%; height: 75.56%; height: calc(100% - 40px); background-color: #f1f1f1; font-size: 14px; color: #666; display: flex; align-items: center; justify-content: center; border-radius: 10px;}
.portlet-chart-box .noData {height: calc(100% - 10px); margin-top: 10px;}
.portlet-tab-box .noData {height: 100%;}
.portlet-tab-box .noData {display: flex; align-items: center; justify-content: center; flex: 1;}

.popup .portlet-slide-box {min-height: 300px;}
.popup .portlet-slide-box.type-newNotice {min-height: 450px;}
.popup .portlet-slide-box .item .notice-body img {max-width: 100%;}
.portlet-slide-box [class*="notice-"] ~ [class*="notice-"],
.portlet-slide-box .scroll-y ~ [class*="notice-"] {margin-top: 10px;}
.portlet-slide-box .scroll-y ~ .notice-attach {padding-top: 10px; border-top: 1px dashed #ccc;}

.portlet-slide-box .list-box .link{ display: flex; flex-direction: column; justify-content: center;  width: 100%; flex: 1;}
.portlet-slide-box .list-box .link:hover .txt{ text-decoration: underline;}
.portlet-slide-box .list-box .img{ width: calc(100% - 2px); background-repeat: no-repeat; background-position: center center; background-size: contain; border-radius: 10px; position: relative; height: calc(100% - 90px); height: 140px; background-image: url(../images/ico/ico-noimg.png); background-size: auto 30px; position: relative; left: 50%; transform: translateX(-50%); flex: 1;}
.portlet-slide-box .list-box .img[style*="background-image"] {background-size: cover; background-size: 100% 100%; flex: none; height: 69.66%;
	height: calc(100% - 40px); max-height: 196px; flex: 1;}/*size1x1기준*/
.portlet-slide-box .list-box .txt{ font-size: 14px; line-height: 18px; font-weight: bold; color: #555;}
.portlet-slide-box .list-box .file,
.portlet-slide-box .list-box .info{ width: auto; font-size: 13px; line-height: 18px; color: #777; display: inline-block; align-items: center; justify-content: flex-start; vertical-align: top;}
.portlet-slide-box .list-box .info > span{ padding-right: 10px; position: relative; margin: 5px 10px 5px 0}
.portlet-slide-box .list-box .info > span::after {content: ''; display: block; width: 1px; height: 16px; background-color: #777; position: absolute; right: 0; top: 50%; margin-top: -8px;}
.portlet-slide-box .list-box .info > span:last-child {padding-right: 0; margin-right: 0;}
.portlet-slide-box .list-box .info > span:last-child::after {content: none;}
.portlet-slide-box .list-box .info + .file,
.portlet-slide-box .list-box .link + .file {margin-top: 5px; margin-bottom: 5px;}
.portlet-slide-box .list-box .file { flex-wrap: wrap; display: inline-flex;}
.portlet-slide-box .list-box .file .btn-file {position: relative; flex: 1;} 
.portlet-slide-box .list-box .flag{ height: 17px; height: auto; background-color: #d43d3d; font-size: 10px; color: #fff; line-height: 17px; padding: 1px 6px; display: inline-block; border-radius: 3px;}
.portlet-slide-box .list-box .img .txt{font-weight: 500; font-size: 30px; line-height: 33px; padding-bottom: 2px; color: #fff; text-align: left; text-shadow: 2px 2px 5px #444; line-height: 22px; display: inline-block; font-size: 18px; line-height: 24px;}
.portlet-slide-box .list-box .img > .txt {position: absolute; top: 50%; left: 30px;}
.portlet-slide-box .list-box .img > .flag{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.portlet-slide-box .list-box .in-group {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: flex-end; justify-content: flex-start; padding-left: 20px; padding-bottom: 40px; padding-top: 40px;}
.portlet-slide-box .list-box .in-group > .flag {position: absolute; right: 20px; top: 20px;}
.portlet-slide-box .list-box .in-group > .txt {overflow: hidden; white-space: normal; text-align: left; word-wrap: break-word; display: -webkit-inline-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; max-height: 72px; vertical-align: middle;}
.portlet-slide-box .list-box .img + .txt { width: auto; height: 18px; overflow: hidden; text-overflow: ellipsis; display: inline-block; -webkit-line-clamp: 1; -webkit-box-orient: vertical; vertical-align: top;}
.portlet-slide-box .list-box .link .group-txt .txt {line-height: 18px; max-height: 36px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: 5px; margin-bottom: 5px;}
/*.portlet-slide-box .list-box .img + .txt {margin-top: 5px; margin-bottom: 5px;}
.portlet-slide-box .list-box .img + .info {margin-top: 5px;}
.portlet-slide-box .list-box .txt + .info {margin-top: 5px;}*/

.portlet-slide-box .list-box .link > *:not(.group-txt) {margin: 5px 0;}

.portlet-slide-box .list-box .group-it {flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; margin: 0 auto; width: 100%;}
.portlet-slide-box .list-box .group-img {width: 36.09%; max-width: 114px; display: flex; align-items: center; justify-content: center;}
.portlet-slide-box .list-box .group-img .img {width: calc(100% - 2px); height: 0; padding-top: 63%; margin-left: 2px;}
.portlet-slide-box .list-box .group-txt {flex: 1;}
.portlet-slide-box .list-box .group-img + .group-txt {padding-left: 20px; margin-top: 5px; margin-bottom: 5px;}

.portlet-slide-box .list-box .group-it ~ .group-it{background: url(../images/ico/dot_2.png) top left repeat-x;}
.portlet-slide-box .list-box .group-it .link {flex-direction: row; flex: none;}

.portlet-slide-box.type-promotion .list-box .link:hover .info > span{ text-decoration: underline;}
.portlet-slide-box.type-promotion .list-box .img{ margin-bottom: 5px;}
.portlet-slide-box.type-promotion .list-box .img + .txt {margin-top: 5px; margin-bottom: 5px;}
.portlet-slide-box.type-promotion .list-box .img + .info {margin-top: 5px;}
.portlet-slide-box.type-promotion .list-box .txt + .info {margin-top: 0;}
.portlet-slide-box.type-promotion .list-box .link{ display: block; display: flex; width: 100%; height: 100%;}

/*.portlet-slide-box.type-notice .list-box .link{ padding: 10px 5px; display: flex; flex-direction: column; justify-content: center; flex: 1;}
.portlet-slide-box.type-notice .list-box .link:hover .txt{ text-decoration: underline;}
.portlet-slide-box.type-notice .list-box .link ~ .link{ border-top: 1px dashed #ccc;}
.portlet-slide-box.type-notice .list-box .txt{ font-size: 14px; line-height: 18px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}*/
/*.portlet-slide-box.type-notice .list-box .info{ font-size: 14px; color: #666; line-height: 1; margin: 10px 0 0 0;}
.portlet-slide-box.type-notice .list-box .info span ~ span{ padding-left: 10px; margin-left: 10px; border-left: 1px solid #ccc;}
.portlet-slide-box.type-promotion .list-box .link{ display: flex; flex-direction: column; flex: 1;}
.portlet-slide-box.type-promotion .list-box .link:hover .txt{ text-decoration: underline;}
.portlet-slide-box.type-promotion .list-box .img{ width: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; flex: 1; border-radius: 10px;}
.portlet-slide-box.type-promotion .list-box .img + .txt,
.portlet-slide-box.type-promotion .list-box .img + .info {margin-top: 10px;}
.portlet-slide-box.type-promotion .list-box .txt{ height: 18px; font-size: 14px; line-height: 18px; font-weight: bold; color: #555; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.portlet-slide-box.type-promotion .list-box .info{height: 15px; font-size: 13px; line-height: 15px; color: #777;}
.portlet-slide-box.type-promotion .list-box .img + .info {height: 43px;}
.portlet-slide-box.type-promotion .list-box .info > span{ padding-right: 10px; margin-right: 10px; border-right: 1px solid #ccc;}
.portlet-slide-box.type-promotion .list-box .info > span:last-child {padding-right: 0; margin-right: 0; border-right: 0 none;}
.portlet-slide-box.type-promotion .list-box .txt + .info {margin-top: 3px;}*/
/*
.portlet-slide-box.type-newProduct .list-box .link{display: flex; flex-direction: column; flex: 1; position: relative;}
.portlet-slide-box.type-newProduct .list-box .link:hover .txt{ text-decoration: underline;}
.portlet-slide-box.type-newProduct .list-box .img{ width: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; flex: 1; border-radius: 10px;}
.portlet-slide-box.type-banner .list-box .link{ width: 100%; height: 100%; display: flex;}
.portlet-slide-box.type-banner .list-box .img{ width: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; flex: 1;}
.popup-wrap .portlet-slide-box.type-newNotice{ height: 500px; padding: 0 5px 10px 0;}
.portlet-slide-box.type-newNotice .item{ height: 100%; display: flex; flex-direction: column;}
.portlet-slide-box.type-newNotice .scroll-y{ height: 100%; flex: 1;}
.portlet-slide-box.type-newNotice .notice-head{ display: flex; flex-direction: column;}
.portlet-slide-box.type-newNotice .notice-head .tit{ font-weight: 700; font-size: 18px; color: #000; line-height: 22px;}
.portlet-slide-box.type-newNotice .notice-head .info{ padding: 5px 0; margin: 5px 0 0 0; display: flex; flex-wrap: wrap;}
.portlet-slide-box.type-newNotice .notice-head .info span{ font-size: 14px; line-height: 14px; padding-right: 10px; margin-right: 10px; border-right: 1px solid #ccc;}
.portlet-slide-box.type-newNotice .notice-head .info span:last-child{ padding-right: 0; margin-right: 0; border-right: 0;}
.portlet-slide-box.type-newNotice .notice-body{ padding: 20px 0 0 0; margin: 10px 0 0 0; border-top: 1px solid #f1f1f1;}
.portlet-slide-box.type-newNotice .notice-body img{ max-width: 100%;}
.portlet-slide-box.type-newNotice .notice-attach{ padding: 15px 20px; margin: 20px 0 0 0; display: flex; flex-wrap: wrap; border: 1px solid #ccc;}
.portlet-slide-box.type-newNotice .notice-attach p{ font-size: 14px; color: #333; line-height: 22px; margin-right: 40px;}
.portlet-slide-box.type-newNotice .notice-attach a{ text-decoration: underline;}
.portlet-slide-box.type-newNotice .notice-attach a:hover{ color: #ec6608;}
.portlet-slide-box.type-newNotice .notice-attach p:last-child{ margin: 0;}
.portlet-slide-box.type-newNotice .notice-ck{ padding: 20px 0 0 0; margin: 20px 0 0 0; border-top: 1px dashed #ccc;}*/

.portlet-customerCenter-box{ width: 100%; height: 100%; padding: 0 20px; display: flex; align-items: center; justify-content: center;}
.portlet-customerCenter-box p{ width: 100%; display: flex; flex-wrap: wrap;}
.portlet-customerCenter-box p > * {margin: 5px 5px 5px 0;}
.portlet-customerCenter-box p strong{ width: 100%; font-weight: 700; color: #333;}
.portlet-customerCenter-box p span{ color: #777; margin-right: 20px;}
.portlet-customerCenter-box p .add{ width: 100%;}

.portlet-selectedShipTo-box{ width: 100%; height: 100%; padding: 0 20px; display: flex; flex-direction: column; justify-content: center;}
.portlet-selectedShipTo-box .info1{width: 100%; min-height: 50px;  display: flex; flex-direction: row;justify-content: space-between; align-items: center;}
.portlet-selectedShipTo-box .info1 p{ width: 100%; display: flex; flex-direction: column; flex: 1; /*margin-bottom: 10px; margin-right: 10px;*/}
.portlet-selectedShipTo-box .info1 p > * {margin: 5px 5px 5px 0;}
.portlet-selectedShipTo-box .info1 p strong{ font-weight: 700; color: #555;}
.portlet-selectedShipTo-box .info1 p span{display: block; color: #666}
.portlet-selectedShipTo-box .info1 a{ width: 40px; height: 40px; min-width: 40px; min-height: 40px; background: url(../images/ico/ico-address2.png) no-repeat center center; display: inline-block; border: 1px solid #ea7c1e; border-radius: 20px; font-size: 0;}
.portlet-selectedShipTo-box .info1 a:hover{ background-color: #fff0e4;}
.portlet-selectedShipTo-box .info2{width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; border-radius: 8px; padding: 6px 12px; border: 1px solid #ccc;}
.portlet-selectedShipTo-box .info2 p{ width: 182px; width: 100%; color: #777;}
.portlet-selectedShipTo-box .info2 p > * {margin: 5px 2px 5px 0;}
.portlet-selectedShipTo-box .info2 p strong {color: #333; font-weight: 400; padding-right: 3px;}
.portlet-selectedShipTo-box .info2 p:last-child{ margin-right: 0;}
.portlet-selectedShipTo-box .info2 .ship,
.portlet-selectedShipTo-box .info2 .phone {background-position: 0 center; background-repeat: no-repeat; padding-left: 25px;
 min-height: 20px; display: inline-flex; align-items: center; justify-content: flex-start;}
.portlet-selectedShipTo-box .info2 .ship {background-image: url(../images/ico/ico-infoShip.png);}
.portlet-selectedShipTo-box .info2 .phone {background-image: url(../images/ico/ico-infoPhone.png);}
.portlet-selectedShipTo-box .info1 > *,
.portlet-selectedShipTo-box .info2 > * {margin: 5px;}

.portlet-orderTalk-box{ width: 100%; height: 100%; padding: 0 20px; display: flex; align-items: center; justify-content: center;}
.portlet-orderTalk-box ul{ width: 100%; display: flex; align-items: flex-start; justify-content: center;}
.portlet-orderTalk-box li{ flex: 1; position: relative;}
.portlet-orderTalk-box li::after {content: ''; display: block; width: 1px; height: 86px; background-color: #ccc; position: absolute; top:0; right: 0;}
.portlet-orderTalk-box li:last-child:after {content: none;}
.portlet-orderTalk-box a{ display: flex; flex-direction: column; align-items: center; position: relative;}
.portlet-orderTalk-box a:hover .img{ border-color: #ea7c1e;}
.portlet-orderTalk-box a:hover .txt{ text-decoration: underline;}
.portlet-orderTalk-box .img{ width: 55px; height: 55px; background: url(../images/ico/ico-talk.png) no-repeat center center #f8f7f7; border: 2px solid #ccc; border-radius: 50%;}
.portlet-orderTalk-box .num{min-width: 26px; height: 23px; background-color: #ea7c1e; font-size: 14px; color: #fff; text-align: center; line-height: 22px; margin-left: 23px; border-radius: 10px; padding: 0 6px; position: absolute; top: 2px; left: 50%; z-index: 3; }
.portlet-orderTalk-box .txt{ width: 100%; font-size: 14px; color: #777; text-align: center; line-height: 16px; margin-top: 10px; padding: 0 10px; word-break: break-word; min-height: 32px;}

.portlet-orderTalk-box .type-orderM .img,
.portlet-orderTalk-box .type-arM .img,
.portlet-orderTalk-box .type-hk .img {width: 90px; height: 90px; background-color: #fff; border-color: #ccc; border-width: 1px;}
.portlet-orderTalk-box .type-orderM .img {background-image: url(../images/ico/ico-mainTalk1.png);}
.portlet-orderTalk-box .type-arM .img {background-image: url(../images/ico/ico-mainTalk2.png);}
.portlet-orderTalk-box .type-hk .img {background-image: url(../images/ico/ico-mainTalk3.png);}

.portlet-count-box{ width: 100%; height: 100%; padding: 20px; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.portlet-count-box .rangeDate-box{ width: 100%; display: flex; flex-direction: column;}
.portlet-count-box .rangeDate-box p{ font-weight: 700; color: #ea7c1e; padding: 5px 0;}
.portlet-count-box .rangeDate-box p:empty {padding:0}
.portlet-count-box .count-box{ width: 100%; display: flex; flex-direction: column; flex: 1;}
.portlet-count-box .rangeDate-box + .count-box {margin-top: 0;}
.portlet-count-box .count-box ul{ width: 100%; height: 100%; max-height: 130px; background-color: #f7f7f7; border: 1px solid #ccc; display: flex; align-items: center; justify-content: center; border-radius: 10px;}
.portlet-count-box .count-box ul.type1{ background-color: #fff; border: 1px solid #ccc;}
.portlet-count-box .count-box ul{ margin-bottom: 27px; margin: 5px 0;}
.portlet-count-box .count-box li{ display: flex; flex: 1; align-items: center;}
/*.portlet-count-box .count-box li ~ li p{ border-left: 1px solid #ccc;}*/
.portlet-count-box .count-box p{ width: 100%; text-align: center; padding: 5px; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative;}
.portlet-count-box .count-box p::after {content: ''; display: block; width: 1px; height: 44px; background-color: #ccc; position: absolute; top: 50%; right: 0; margin-top: -22px;}
.portlet-count-box .count-box p > * {margin: 5px;}
.portlet-count-box .count-box p strong{ font-weight: 500; font-size: 22px; color: #000; line-height: 24px; white-space: nowrap;}
.portlet-count-box .count-box p span{ font-weight: 400; font-size: 16px; color: #777; line-height: 18px;}
.portlet-count-box .count-box p span.icotxt {word-break: break-word; text-align: left; display: inline-flex; align-items: center;}
.portlet-count-box .count-box p span.type1 {color: blue;}
.portlet-count-box .count-box li:last-child p::after {content: none;}

.portlet-count-box .count-box p.type-row strong,
.portlet-count-box .count-box li.type1 p strong{ color: #ea7c1e;}

.portlet-count-box .count-box p.type-row {flex-direction: row;}
.portlet-count-box .count-box p.type-row::after {content: none;}
.portlet-count-box .count-box p.type-row span {position: relative; padding-right: 10px;}
.portlet-count-box .count-box p.type-row span::after {content: ''; display: block; width: 1px; height: 24px; background-color: #ccc; position: absolute; right: 0; top: 50%; margin-top: -12px;}

.portlet-count-box .count-box li.type-bEaP,
.portlet-count-box .count-box li.type-minus{background-color: #fff !important;}
.portlet-count-box .count-box li.type-bEaP p strong,
.portlet-count-box .count-box li.type-minus p strong{ color: #cf4318; font-size: 20px;}
.portlet-count-box .count-box li.type-bEaP p span,
.portlet-count-box .count-box li.type-minus p span {font-size: 16px;}

.portlet-count-box .count-box li.type-bEaP {position: relative; margin-left: 40px !important; margin-right: 40px !important;}
.portlet-count-box .count-box li.type-bEaP::before,
.portlet-count-box .count-box li.type-bEaP::after {content: ''; display: block; font-size: 20px; line-height: 24px; position: absolute; top: 50%; opacity: .8; margin-top: -12px;}
.portlet-count-box .count-box li.type-bEaP::before {left: -25px; content: '=';}
.portlet-count-box .count-box li.type-bEaP::after {right: -25px; content: '+';}

.portlet-count-box .count-box ul.type-emp {}
.portlet-count-box .count-box ul.type-emp li {max-width: calc((100% - 60px) / 3); min-width: 25%; flex: none; padding: 0 10px !important;}
.portlet-count-box .count-box ul.type-emp li:not(.type-bEaP) {margin-right: 0;}
.portlet-count-box .count-box ul.type-emp li.type-bEaP {}

.portlet-count-chart-box{ width: 100%; height: 100%; display: flex; flex-direction: column;}
.portlet-count-chart-box .portlet-count-box{ height: auto; padding: 0;}
.portlet-count-chart-box .portlet-chart-box{ margin: 10px 0 0 0; flex: 1;}
.portlet-count-chart-box.type-openARstatement .portlet-count-box .rangeDate-box .ckGroup{ margin: 0;}
.portlet-count-chart-box.type-openARstatement .portlet-count-box .rangeDate-box .ckGroup.type1 span{ margin: 0 7px 0 0;}

.portlet-count-chart-box.type-openARstatement .portlet-count-box .count-box ul{ background-color: transparent; border: 0 none;}
.portlet-count-chart-box.type-openARstatement .portlet-count-box .count-box li{ padding: 14px 0; border: 1px solid #ccc; background-color: #f7f7f7; border-radius: 10px;}
.portlet-count-chart-box.type-openARstatement .portlet-count-box .count-box li p::after {content: none;}
.portlet-count-chart-box.type-openARstatement .portlet-count-box .count-box li{ margin-right: 15px;}
.portlet-count-chart-box.type-openARstatement .portlet-count-box .count-box li:last-child {margin-right: 0;}
.portlet-count-chart-box.type-openARstatement .portlet-count-box .count-box li ~ li p{ border: 0;}
.portlet-count-chart-box.type-orderStatus .portlet-count-box .count-box ul{ background-color: transparent; border: 0 none; margin-bottom: 0;}
.portlet-count-chart-box.type-orderStatus .portlet-count-box .count-box li{ background-color: #f7f7f7; border: 1px solid #ccc; border-radius: 10px; min-height: 83px;}
.portlet-count-chart-box.type-orderStatus .portlet-count-box .count-box li.type-complete{ background-color: #fff;}
.portlet-count-chart-box.type-orderStatus .portlet-count-box .count-box li ~ li{ margin-left: 10px;}
.portlet-count-chart-box.type-orderStatus .portlet-count-box .count-box li ~ li p{ border: 0;}

.portlet-count-chart-box .rangeDate-box p:not(:empty) {margin-bottom: 0;}
.portlet-count-chart-box .rangeDate-box + .count-box {margin-top: 0;}
.portlet-count-chart-box.type-orderStatus #chart_order_status,
.portlet-count-chart-box.type-openARstatement #chart_openAr_status {flex: none; margin-top: 0; height: calc(100% - 170px);}
.portlet-count-chart-box.type-openARstatement {justify-content: center;}
.portlet-count-chart-box.type-openARstatement .portlet-count-box .count-box li {min-height: 64px;}
.portlet-count-chart-box.type-openARstatement .portlet-count-box {margin-bottom: 20px;}

.portlet-region-box{ width: 100%; height: 100%; padding: 20px; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.portlet-region-box > div{ width: 100%;}
.portlet-region-box .select1{ width: 100%; height: 40px;}
.portlet-region-box .info-box{ display: flex; flex-direction: column; /*flex: 1;*/}
.portlet-region-box .info-box > * {margin: 5px 0;}
.portlet-region-box .current-box{ padding: 10px 0; display: flex; /*flex: 1;*/ border: 1px solid #ccc; border-radius: 8px;}
.portlet-region-box .current-box > div{ display: flex; align-items: center; justify-content: center; flex: 1;}
.portlet-region-box .current-box p{ display: flex; flex-direction: column;}
.portlet-region-box .current-box p > * {margin: 5px;}
.portlet-region-box .current-box p strong{ font-weight: 700; font-size: 22px; color: #333; line-height: 26px;}
.portlet-region-box .current-box p span{ font-size: 14px; color: #666; line-height: 16px;}
.portlet-region-box .weather-box p{ background: no-repeat left center; background-size: 66px 66px; padding-left: 80px;}
.portlet-region-box .time-box{ border-left: 1px dashed #ccc;}
.portlet-region-box .time-box p {padding-left: 56px; background: url(../images/ico/ico-time.png) left center no-repeat;}
.portlet-region-box .exchangeRate-box{display: flex; justify-content: space-between; border-radius: 10px;}
.portlet-region-box .exchangeRate-box p{ display: flex; flex-direction: column; align-items: center; justify-content: center;}
.portlet-region-box .exchangeRate-box .txt{ text-align: center; flex: 1;}
.portlet-region-box .exchangeRate-box .txt strong{ font-size: 22px; color: #333; line-height: 26px;}
.portlet-region-box .exchangeRate-box .txt span{ font-size: 14px; color: #666;}
.portlet-region-box .info-box,
.portlet-region-box .exchangeRate-box {margin: 5px 0;}
.portlet-region-box .exchangeRate-box .txt > * {margin: 5px;}
.portlet-region-box .info-box + * {margin-top: 0;}

/* .moHtml .moPortlet-area{ display: flex;} */
.moPortlet-area{ width: 100%; display: flex; flex-direction: column; position: relative;}
.moPortlet-tit{ padding: 0 15px; display: flex; justify-content: space-between; margin: 0 10px 15px;}
.moPortlet-tit p{ display: flex; align-items: center;}
.moPortlet-tit p::before {content: ''; display: inline-block; width: 31px; height: 27px; background: url(../images/ico/ico-user.png) center center no-repeat; margin-right: 12px;}
.moPortlet-tit p > * {margin-right: 10px;}
.moPortlet-tit strong{ font-weight: 700; font-size: 17px; color: #333; line-height: 21px;}
.moPortlet-tit span{ font-weight: 400; font-size: 14px; color: #555; line-height: 16px;}
.moPortlet-tit .btn-setting{ width: 30px; height: 30px; background: url(../images/ico/ico-setting.png) no-repeat center center; text-indent: -9999px; display: inline-block; border-radius: 50%;}
.moPortlet-tit .btn-setting:hover{ background-color: #f1f1f1;}
.moPortlet-content{ margin: 0; display: inline-block;}
.moPortlet-box{ margin-bottom: 40px; margin-right: 40px; margin-left: 20px; margin-right: 20px; display: flex; flex-direction: column; float: left; border: 1px solid #ccc; border-radius: 10px; padding: 0 51px 10px; position: relative;}
.moPortlet-box:hover {box-shadow: 0 0 13px 0 rgba(0,0,0,.3);}

.moPortlet-box.size1x1, .moPortlet-box.size2x1 {height: 320px;}
.moPortlet-box.size1x2, .moPortlet-box.size2x2 {height: 680px;}
.moPortlet-box.size1x3, .moPortlet-box.size2x3 {height: 1100px; height: 1400px;}
.moPortlet-box.size1x4, .moPortlet-box.size2x4 {height: 1540px; height: 1760px;}
.moPortlet-box.size1x1, .moPortlet-box.size1x2, .moPortlet-box.size1x3, .moPortlet-box.size1x4 {width: calc((100% - 120px) / 3);}
.moPortlet-box.size2x1, .moPortlet-box.size2x2, .moPortlet-box.size2x3, .moPortlet-box.size2x4{ width: calc((((100% - 120px) / 3) * 2) + 40px);}

.moPortlet-box > .box-head{ min-height: 72px; background: url(../images/ico/dot_2.png) bottom left repeat-x; display: flex; justify-content: space-between; align-items: center;}
.moPortlet-box > .box-head p{ font-size: 18px; line-height: 22px; font-weight: 500; text-align: center;}
.moPortlet-box > .box-body{ width: 100%; height: 100%; flex: 1;}
.moPortlet-box > .box-body > div{ padding: 10px 0;}

.moPortlet-box .btn-more {font-size: 0; width: 34px; height: 34px; border-radius: 17px; background: url(../images/ico/ico-add2-27px.png) center center no-repeat; background-image: url(../images/ico/ico-reset2.png);}
.moPortlet-box .btn-more:hover {background-color: #fff0e4;}

.message-box{ display: flex; flex-direction: column;}
.message-box > * + *{ margin-top: 5px;}
.message-box .tit1{ font-size: 14px; font-weight: 600; color: #222; line-height: 1.4; margin-top: 50px;}
.message-box .txt1{ font-size: 16px; font-weight: 400; color: #222; line-height: 1.4;}
.message-box .txt2{ font-size: 14px; font-weight: 400; color: #666; line-height: 1.2;}
.message-box .txt3{ font-size: 14px; font-weight: 400; color: #222; line-height: 1.2; margin-top: 50px;}
.message-box .list{ margin: 40px 0 50px 0; display: flex; flex-direction: column;}
.message-box .list dt{ font-size: 18px; font-weight: 600; color: #000; margin-bottom: 5px;}
.message-box .list dd{ font-size: 16px; font-weight: 400; color: #222; line-height: 20px; margin: 10px 0 0 10px; display: flex;}
.message-box .list dd::before{ width: 10px; height: 10px; background-color: #ea7c1e; content: ''; margin: 5px 5px 5px 0; display: inline-block;}
.message-box .list span.red{ color: #ff0000;}
.message-box .step1{ font-size: 16px; font-weight: 400; color: #222; text-align: center; line-height: 1.4; padding: 10px 20px 10px 20px; margin: 5px 0 0 0; border: 1px solid #ccc; border-radius: 5px;}

/*main 넓이*/
html.pcHtml #contents .content-section#MAIN_DASHBOARD {width: calc(100% + 100px); margin: 0 -50px;}

/*mo portlet*/
.moPortlet-box .portlet-slide-box .control-box {position: absolute; top: 28px; right: 50px;}/*core portlet사용시 삭제*/

html.moHtml .moPortlet-area .ckGroup.type1 > span {margin-top: 5px; margin-bottom: 5px;}
html.moHtml .moPortlet-area .ckGroup.type1 > span input + label {min-width: auto;}

html.moHtml .moPortlet-tit {margin-left: 15px; margin-right: 15px; padding-left: 0px; padding-right: 0px;}
/*html.moHtml .moPortlet-box[class*="size"] {height: 280px;}*/
html.moHtml .moPortlet-box > .box-body {flex: 1; height: 100%;}

html.moHtml .portlet-slide-box .list-box ul {min-height: 100% !important;}
html.moHtml .portlet-slide-box .list-box .item {height: 100%;}
html.moHtml .portlet-slide-box .list-box .link {height: calc(100% - 20px);}
html.moHtml .portlet-slide-box .list-box .img + .info {height: auto; margin-top: 0;}
html.moHtml .portlet-slide-box .list-box .info > span {margin-top: 10px;}
html.moHtml .portlet-slide-box .list-box .noData {height: calc(100% - 40px);}

html.moHtml .portlet-count-chart-box .portlet-chart-box {display: none;}
html.moHtml .portlet-count-chart-box.type-orderStatus .portlet-count-box .count-box ul {flex-wrap: wrap; margin: 0 -5px; width: calc(100% + 10px);}
html.moHtml .portlet-count-chart-box.type-openARstatement .summary-list .item,
html.moHtml .portlet-count-chart-box.type-orderStatus .portlet-count-box .count-box li {margin: 5px; width: calc(50% - 10px); flex: none; margin: 5px; min-height: 46px;}
html.moHtml .portlet-count-chart-box.type-orderStatus .portlet-count-box .count-box li.type-complete {width: calc(100% - 10px);}

html.moHtml .portlet-count-chart-box.type-openARstatement .summary-list {flex-wrap: wrap;}

html.moHtml .portlet-tab-box.type-quickSearch .search-box input,
html.moHtml .portlet-tab-box.type-quickSearch .search-box .btn-search {min-width: 40px;}

html.moHtml .moPortlet-box {padding-bottom: 0;}
html.moHtml .moPortlet-box > .box-body {padding-top: 10px; padding-bottom: 10px;}
html.moHtml .moPortlet-box > .box-body > div {padding: 0; display: flex; flex-direction: column; justify-content: center;}

html.moHtml .portlet-count-chart-box.type-openARstatement .portlet-count-box {margin-bottom: 0;}

html.moHtml .portlet-selectedShipTo-box .info1 p > * + *,
html.moHtml .portlet-region-box .current-box p > * + * {margin-top: 5px;}
html.moHtml .portlet-tab-box.type-quickSearch .ckGroup.type1  + .search-box {margin-top: 5px; margin-bottom: 5px;}
html.moHtml .portlet-customerCenter-box p > * {margin-bottom: 0;}
html.moHtml .portlet-customerCenter-box p > * + * {margin-top: 5px;}

html.moHtml .portlet-orderTalk-box .type-orderM .img,
html.moHtml .portlet-orderTalk-box .type-arM .img,
html.moHtml .portlet-orderTalk-box .type-hk .img {width: 50px; height: 50px; min-width: 50px; background-size: auto 20px;}
html.moHtml .portlet-orderTalk-box .type-hk .img {background-size: 100% auto;}

html.moHtml .portlet-slide-box .list-box {margin-top: 0;}

html.moHtml .portlet-region-box .select1 {padding-left: 10px;}

html.moHtml .dashboard-setting-box .dashboard-box {display: none;}


@media screen and (max-width: 1920px) {
	.portlet-count-box .count-box p.type-row span {padding-right: 8px; margin-right: 8px;}
}
@media screen and (max-width: 1800px) {
	.moPortlet-box > .box-head {min-height: 54px;}
	.moPortlet-box {padding-left: 25px; padding-right: 25px; padding-bottom: 10px; margin-left: 14px; margin-right: 14px; margin-bottom: 28px;}
	.moPortlet-box .portlet-slide-box .control-box {top: 17px; right: 22px;}/*core portlet사용시 삭제*/
	.moPortlet-box.size1x1, .moPortlet-box.size2x1 {height: 300px;}
	.moPortlet-box.size1x2, .moPortlet-box.size2x2 {height: 668px; height: 628px;}
	.moPortlet-box.size1x3, .moPortlet-box.size2x3 {height: 1016px; height: 956px;}
	.moPortlet-box.size1x4, .moPortlet-box.size2x4 {height: 1364px; height: 1284px;}
	.moPortlet-box.size1x1, .moPortlet-box.size1x2, .moPortlet-box.size1x3, .moPortlet-box.size1x4 {width: calc((100% - 84px) / 3);}
	.moPortlet-box.size2x1, .moPortlet-box.size2x2, .moPortlet-box.size2x3, .moPortlet-box.size2x4{ width: calc((((100% - 84px) / 3) * 2) + 28px);}

	/*html.moHtml .moPortlet-box[class*="size"] {height: 330px;}*/

	.portlet-count-chart-box.type-openARstatement .portlet-count-box .count-box li {padding: 8px 0;}

	html.pcHtml .portlet-count-box .count-box p.type-row span {font-size: 14px; line-height: 16px;}
	html.pcHtml .portlet-count-chart-box.type-openARstatement .summary-list .item p,
	html.pcHtml .portlet-count-box .count-box p.type-row strong {font-size: 19px; line-height: 23px;}
	html.pcHtml .portlet-count-box .count-box p.type-row span + strong {margin-top: 3px;}
	html.pcHtml .type-open .icotxt,
	html.pcHtml .type-preparing .icotxt,
	html.pcHtml .type-shipping .icotxt,
	html.pcHtml .type-complete .icotxt {padding-left: 28px; min-height: 24px;}
	html.pcHtml .type-open .icotxt::before,
	html.pcHtml .type-preparing .icotxt::before,
	html.pcHtml .type-shipping .icotxt::before,
	html.pcHtml .type-complete .icotxt::before {width: 22px; height: 22px; background-size: contain; margin-top: -11px;}
}

@media screen and (max-width: 1540px) {

	.type-open .icotxt, .type-preparing .icotxt, .type-shipping .icotxt, .type-complete .icotxt {padding-left: 25px;}
	.type-open .icotxt::before, .type-preparing .icotxt::before, .type-shipping .icotxt::before, .type-complete .icotxt::before {width: 20px; height: 20px; background-size: contain; margin-top: -10px;}

	.moPortlet-tit {padding-right: 5px; padding-left: 8px;}
	.moPortlet-box > .box-body > div.portlet-orderTalk-box {padding: 15px 0 0;}
	.moPortlet-box .portlet-slide-box .control-box {top: 12px; right: 12px;}
	/*.portlet-selectedShipTo-box .info1 p {margin-bottom: 5px;}
	.portlet-selectedShipTo-box .info1 a {width: 34px; height: 34px;}
	.portlet-selectedShipTo-box .info1 + .info2 {margin-top: 10px;}*/
	.moPortlet-box {padding: 0 15px 5px; margin-bottom: 10px; margin-right: 5px; margin-left: 5px;}
	.moPortlet-box > .box-head {min-height: 42px;}
	.moPortlet-box > .box-head p {font-size: 16px; line-height: 20px;}

	.portlet-slide-box .list-box .img + .txt {margin-top: 5px; margin-bottom: 0;}
	/*.portlet-slide-box .list-box .img .txt {font-size: 26px; line-height: 30px;}*/
	.portlet-slide-box .list-box .img + .info {height: 37px; margin-top: 5px; flex-wrap: wrap;}

	.portlet-count-box .rangeDate-box p {padding: 4px 0; padding: 0;}
	.portlet-count-box .rangeDate-box .flex-sb {padding: 3px 0; padding: 0;}
	.portlet-count-box .count-box p strong {font-size: 20px;}
	.portlet-count-box .count-box p.type-row span {position: relative; padding-right: 15px; margin-right: 15px; max-width: 65%;}

	.moPortlet-box.size1x1, .moPortlet-box.size2x1 {height: 280px;}
	.moPortlet-box.size1x2, .moPortlet-box.size2x2 {height: 570px;}
	.moPortlet-box.size1x3, .moPortlet-box.size2x3 {height: 860px;}
	.moPortlet-box.size1x4, .moPortlet-box.size2x4 {height: 1150px;}
	.moPortlet-box.size1x1, .moPortlet-box.size1x2, .moPortlet-box.size1x3, .moPortlet-box.size1x4 {width: calc((100% - 30px) / 3);}
	.moPortlet-box.size2x1, .moPortlet-box.size2x2, .moPortlet-box.size2x3, .moPortlet-box.size2x4{ width: calc((((100% - 30px) / 3) * 2) + 10px);}

	/*html.moHtml .moPortlet-box[class*="size"] {height: 290px;}*/

	/*.portlet-slide-box .list-box .img {padding-top: 37.4%;}*/
	.portlet-orderTalk-box .num {margin-left: 15px;}

	.portlet-count-chart-box.type-orderStatus #chart_order_status {height: calc(100% - 156px);}
	/*.portlet-count-chart-box.type-openARstatement #chart_openAr_status {height: calc(100% - 75px);}*/

	.order-search .rangeDatepicker {width: auto;}
	.order-search .rangeDatepicker input.input1 {width: 128px; background-position-x: calc(100% - 12px);}
	.order-search .ckGroup label {padding: 0 20px;}
}
@media screen and (max-width: 1460px) {
	.type-open .icotxt, .type-preparing .icotxt, .type-shipping .icotxt, .type-complete .icotxt, .type-pashir .icotxt {min-height: 24px; padding-left: 24px;}
	.type-open .icotxt::before, .type-preparing .icotxt::before, .type-shipping .icotxt::before, .type-complete .icotxt::before, .type-pashir .icotxt::before {width: 20px; height: 20px; background-size: auto 80%; margin-top: -10px;}
	.moPortlet-tit {margin-bottom: 10px;}
	.moPortlet-tit p::before {width: 24px; height: 24px; background-size: auto 80%;}
	.moPortlet-tit strong {font-size: 15px;}
	.moPortlet-tit span {font-size: 13px;}
	.moPortlet-box > .box-body > div {padding: 5px 0;}
	.portlet-count-box .count-box p.type-row strong, .portlet-count-box .count-box li.type1 p strong {font-size: 16px;}

	.portlet-selectedShipTo-box .info2 {padding: 5px 15px;}
	.portlet-selectedShipTo-box .info2 p {margin: 5px 0;}

	.portlet-region-box .weather-box p {background-size: auto 51px;}
	.portlet-region-box .time-box p {background-size: auto 34px;}

	.portlet-orderTalk-box .type-orderM .img,
	.portlet-orderTalk-box .type-arM .img,
	.portlet-orderTalk-box .type-hk .img {width: 70px; height: 70px; background-size: 26px auto;}
	.portlet-orderTalk-box .type-hk .img {background-size: 84% auto;}
	
	.portlet-count-box .count-box li.type-bEaP p span,
	.portlet-count-box .count-box li.type-minus p span,
	.portlet-count-chart-box.type-openARstatement .portlet-count-box .count-box li.type-minus p span,
	.portlet-count-box .count-box p span {font-size: 14px; line-height: 18px;}
	.portlet-count-chart-box.type-openARstatement .portlet-count-box .count-box li.type-minus p strong,
	.portlet-region-box .exchangeRate-box .txt strong,
	.portlet-region-box .current-box p strong,
	.portlet-count-box .count-box p strong,
	.portlet-count-box .count-box li.type-bEaP p strong,
	.portlet-count-box .count-box li.type-minus p strong {font-size: 17px;}
	.portlet-count-chart-box.type-openARstatement .portlet-count-box .count-box li p strong + span {margin-top: 0;}

	.portlet-slide-box .list-box .txt {font-weight: 500;}	

	html.pcHtml .portlet-count-box .count-box p.type-row {flex-direction: column; padding: 0;}
	html.pcHtml .portlet-count-box .count-box p.type-row span {padding-right: 0; margin-right: 0;}
	html.pcHtml .portlet-count-box .count-box p.type-row span::after {content: none;}
	html.pcHtml .portlet-count-chart-box.type-orderStatus .portlet-count-box .count-box li {padding: 0;}
	html.pcHtml .portlet-count-chart-box.type-orderStatus .portlet-count-box .count-box li + li {margin-left: 5px;}

	html.pcHtml .moPortlet-area .ckGroup input + label {min-width: 40px; padding: 0 6px;}
	
	html.pcHtml .type-open .icotxt,
	html.pcHtml .type-preparing .icotxt,
	html.pcHtml .type-shipping .icotxt,
	html.pcHtml .type-complete .icotxt {padding-left: 22px; min-height: 16px;}
	html.pcHtml .type-open .icotxt::before,
	html.pcHtml .type-preparing .icotxt::before,
	html.pcHtml .type-shipping .icotxt::before,
	html.pcHtml .type-complete .icotxt::before {width: 16px; height: 16px; background-size: contain; margin-top: -8px;}
	html.pcHtml .portlet-count-chart-box.type-openARstatement .summary-list .item p,
	html.pcHtml .portlet-count-box .count-box p.type-row strong {font-size: 15px; line-height: 19px;}
}
@media screen and (max-width: 1260px) {
	html.pcHtml .portlet-count-box .count-box p.type-row span {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 32px;}
}
@media screen and (max-width: 1220px) {
	.portlet-orderTalk-box .txt,
	.portlet-count-box .count-box p span,
	.portlet-count-box .count-box li.type-bEaP p span,
	.portlet-count-box .count-box li.type-minus p span,
	.portlet-customerCenter-box p strong,
	.portlet-customerCenter-box p .add,
	.portlet-customerCenter-box p span,
	.portlet-selectedShipTo-box .info1 p span,
	.portlet-selectedShipTo-box .info1 p strong {font-size: 13px; line-height: 17px;}
	.portlet-region-box .exchangeRate-box .txt strong,
	.portlet-region-box .current-box p strong,
	.portlet-count-box .count-box p strong,
	.portlet-count-box .count-box li.type-bEaP p strong,
	.portlet-count-box .count-box li.type-minus p strong,
	.portlet-count-chart-box.type-openARstatement .portlet-count-box .count-box li.type-minus p strong,
	.portlet-region-box .exchangeRate-box .txt strong,
	.portlet-region-box .current-box p strong,
	.portlet-count-box .count-box p strong {font-size: 15px; line-height: 19px;}
	/*.portlet-selectedShipTo-box .info2 .ship,
	.portlet-selectedShipTo-box .info2 .phone {font-size: 15px;}*/

	.portlet-slide-box .list-box .link .group-txt .txt {line-height: 19px; height: 38px;}
	.portlet-slide-box .list-box .group-img + .group-txt {padding-left: 10px;}

	.portlet-region-box .weather-box p {background-size: auto 30px; padding-left: 38px;}
	.portlet-region-box .time-box p {background-size: auto 20px; padding-left: 24px;}

	.moPortlet-box > .box-head p {font-size: 14px; line-height: 18px;}
	.portlet-count-box .rangeDate-box p {font-size: 13px; line-height: 17px; padding: 2px 0;}
	.moPortlet-area .ckGroup.type1 label {font-size: 12px; line-height: 16px;}
	.portlet-count-chart-box.type-orderStatus .portlet-count-box .count-box li {padding: 3px 0;}

	.portlet-count-chart-box.type-openARstatement .portlet-count-box .count-box li {padding: 5px 0;}

	.portlet-orderTalk-box .txt {margin-top: 8px;}
	.portlet-orderTalk-box .num {font-size: 13px; padding: 0 4px; height: 22px; line-height: 21px; min-width: 22px;}

	.moPortlet-box.size1x1 .portlet-count-box .count-box ul {flex-direction: column;}
	.moPortlet-box.size1x1 .portlet-count-box .count-box ul li {width: 100%; flex: none; }
	.moPortlet-box.size1x1 .portlet-count-box .count-box p {flex-direction: row-reverse; padding: 0 5px; justify-content: space-between;}
	.moPortlet-box.size1x1 .portlet-count-box .count-box p::after {content: none;}
}
@media screen and (max-width: 1023px) {	
	
	html.moHtml .moPortlet-box.size1x1,
	html.moHtml .moPortlet-box.size1x2,
	html.moHtml .moPortlet-box.size1x3,
	html.moHtml .moPortlet-box.size1x4 {width: calc((100% - 20px) / 2);}
	html.moHtml .moPortlet-box.size2x1,
	html.moHtml .moPortlet-box.size2x2,
	html.moHtml .moPortlet-box.size2x3,
	html.moHtml .moPortlet-box.size2x4{ width: calc((((100% - 20px) / 2) * 2) + 10px); width: calc(100% - 10px);}

	html.moHtml .moPortlet-box.size2x2 + .size1x2 {width: calc(100% - 10px); height: auto;}

	html.moHtml .moPortlet-box.size2x1,
	html.moHtml .moPortlet-box.size2x2,
	html.moHtml .moPortlet-box.size2x3,
	html.moHtml .moPortlet-box.size2x4 {height: auto;}*/

	html.moHtml .portlet-count-box .count-box ul {max-height: max-content;}

	html.moHtml .moPortlet-box > .box-body > div
	html.moHtml .portlet-count-chart-box.type-openARstatement .portlet-count-box {margin-bottom: 0;}
	html.moHtml .portlet-count-chart-box.type-openARstatement .rangeDate-box + .count-box {margin-top: 0;}

	html.moHtml .quick-order {padding: 3px 10px;}
	html.moHtml #quickOrderWrap > .quick-order {padding: 0;}	

	html.moHtml #fleetForm.defult-form .form-col {margin-top: 5px; margin-bottom: 5px;}
	html.moHtml #fleetForm.defult-form .form-col > dt,
	html.moHtml #fleetForm.defult-form .form-col > dd {margin-top: 2px; margin-bottom: 2px;}
	html.moHtml #fleetForm.defult-form .form-col > dd > * {margin-top: 2px; margin-bottom: 2px;}
	html.moHtml #vehTireList .item .defult-form.item-form .form-col {margin-top: 0; margin-bottom: 0;}
	html.moHtml #vehTireList .item .defult-form.item-form .form-col + .form-col {margin-top: 5px;}
	html.moHtml #vehTireList .item .defult-form.item-form .form-col > dd > * {margin-top: 5px; margin-bottom: 5px;}
	html.moHtml #vehTireList .item .defult-form.item-form .form-row.column + .form-row.column,
	html.moHtml #vehTireList .item .defult-form.item-form .form-row.column > .form-col + .form-col {margin-top: 5px;}

	html.moHtml .page-body #fleetForm + .btn-box,
	html.moHtml .page-body.Summarytype .vehicleConfig-area + .btn-box {display: none;}

	html.moHtml .portlet-count-box .count-box ul {max-height: none;}

	html.moHtml .portlet-count-box .count-box ul.type-emp {flex-direction: column;}
	html.moHtml .portlet-count-box .count-box ul.type-emp li {width: 100%; max-width: none; min-width: 100%;}
	html.moHtml .portlet-count-box .count-box ul.type-emp li.type-bEaP {margin: 30px 0 !important;}
	html.moHtml .portlet-count-box .count-box ul.type-emp li.type-bEaP::before,
	html.moHtml .portlet-count-box .count-box ul.type-emp li.type-bEaP::after {left: 50%; width: 30px; text-align: center; margin-left: -15px; top: auto;}
	html.moHtml .portlet-count-box .count-box ul.type-emp li.type-bEaP::before {top: -16px;}
	html.moHtml .portlet-count-box .count-box ul.type-emp li.type-bEaP::after {bottom: -27px;}
}
@media screen and (max-width: 680px) {
	html.moHtml .moPortlet-box.size2x4,
	html.moHtml .moPortlet-box.size1x4,
	html.moHtml .moPortlet-box.size1x3,
	html.moHtml .moPortlet-box.size1x2,
	html.moHtml .moPortlet-box.size1x1{ width: calc(100% - 10px);}

	html.moHtml .moPortlet-box[class*="size"] {height: auto;}
	html.moHtml .moPortlet-box .portlet-tab-box.type-searchKeyword,
	html.moHtml .moPortlet-box .portlet-slide-box {min-height: 220px;}
	html.moHtml .portlet-slide-box .list-box .img[style*="background-image"] {height: 79.66%;}
	
	/*html.moHtml .moPortlet-box[class*="size"] {height: auto;}
	html.moHtml .moPortlet-box > .box-body {flex: none; height: auto;}
	html.moHtml .moPortlet-box > .box-body > div.portlet-slide-box {min-height: 140px;}
	html.moHtml .moPortlet-box > .box-body > div.portlet-slide-box.type-newProduct {height: 180px;}
	html.moHtml .portlet-slide-box .list-box .noData {height: calc(100% - 20px);}
	html.moHtml .portlet-slide-box .list-box .img + .info {height: auto; margin-top: 0;}*/

	.portlet-count-chart-box.type-openARstatement .summary-list .item,
	html.moHtml .portlet-count-chart-box.type-orderStatus .portlet-count-box .count-box li {width: calc(100% - 10px); }
	html.moHtml .portlet-count-chart-box.type-orderStatus .portlet-count-box .count-box li > p {justify-content: space-between; padding-left: 20px; padding-right: 20px;}
	html.moHtml .portlet-count-chart-box.type-orderStatus .portlet-count-box .count-box p.type-row span::after {content: none;}
	
	html.moHtml .portlet-tab-box.type-searchKeyword .list-box .updown {width: 10px;}
}
@media screen and (max-width: 480px) {
	html.moHtml .portlet-orderTalk-box ul {flex-direction: column;}
	html.moHtml .portlet-orderTalk-box li {flex: none; width: 100%; display: flex; margin: 5px 0;}
	html.moHtml .portlet-orderTalk-box li:first-child {margin-top: 0;}
	html.moHtml .portlet-orderTalk-box li:last-child {margin-bottom: 0;}
	html.moHtml .portlet-orderTalk-box li::after {content: none;}
	html.moHtml .portlet-orderTalk-box a {flex-direction: row; justify-content: flex-start;}
	html.moHtml .portlet-orderTalk-box .num {left:0; margin-left: 20px;}
	html.moHtml .portlet-orderTalk-box .txt{text-align: left;}
	html.moHtml .portlet-orderTalk-box .type-orderM .img,
	html.moHtml .portlet-orderTalk-box .type-arM .img,
	html.moHtml .portlet-orderTalk-box .type-hk .img {width: 36px;height: 36px;min-width: 36px;}
}
@media screen and (max-width: 375px) {	
	/*html.moHtml .portlet-slide-box .list-box .img .txt {font-size: 20px; line-height: 30px;}*/
 }

.tooltip-con[ttpop-id=addressTooltip]{ width: 255px;}

/*available size*/
.spec-title-area { position: relative; border-bottom: 1px solid #dbdbdb; box-sizing: border-box; width: 100%; display: flex; justify-content: space-between; align-items: center; padding-bottom: 10px;}
.spec-title-area .spec-title {color: #000; font-weight: 600; box-sizing: border-box; font-size: 15px;}
.spec-title-area .spec-title span{ color: #666; display: inline-block; font-weight: 500; margin-left: 10px;}
.print-area>a {width: 36px;height: 36px;background: #333 url(../images/ico/ico-printw.png) center center no-repeat; text-indent: -9999px; border-radius: 18px;}
.print-area>a:hover {background-color: #555;}

.spec-group-area { position: relative; padding: 8px 0}
.spec-title-area + .spec-group-area {margin-top: 2px;}
.spec-group-area select {height: 34px;}
.spec-group-area .btn-replay2 {font-size: 0; width: 34px; height: 34px; min-width: 34px; min-height: 34px; border-radius: 17px; background: url(../images/ico/ico-reset.png) center center no-repeat; border: 1px solid #ccc; background-size: 50% auto; transform: rotate(90deg);}
.spec-group-area .btn-replay2:hover {background-color: #fff0e4;}

.spec-group-area .sgroup-title { overflow: hidden; color: #333; font-weight: 600; display: inline-block;margin-right: 6px;}
.spec-group-area .sgroup-item2 {width: 100%; box-sizing: border-box; text-align: right;}
.spec-group-area .sgroup-item2 .txt-info { display: inline-block; vertical-align: middle; padding-left: 20px; position: relative; color: #ec6608; color: #ec0808; margin: 3px 0;}
.spec-group-area .sgroup-item2 .txt-info3 {color: #ec6608; color: #ec0808; margin-top: 5px;}
.spec-group-area .sgroup-item2 .txt-info::before {content: '!'; display: block; font-size: 12px; line-height: 15px; color: #fff; text-align: center; width: 16px; height: 16px; background-color: #ec6608; background-color: #ec0808; border-radius: 8px;  position: absolute; left: 0; top: 3px;}
.spec-group-area .sgroup-item2 .sUpdate { display: inline-block; margin-left: 25px; width: 235px; color: #100f10; font-size: 12px; font-weight: 500;}
.spec-group-area .sgroup-item2 .sUpdate span { display: inline-block; padding: 3px 10px; margin-right: 5px; background: #333333; color: #fff; border-radius: 15px; }
.spec-group-area .sgroup-item2 .sSearch {display: inline-flex; margin: 0 0 0 15px; min-width: 325px; position: relative; vertical-align: middle;}
.spec-group-area .sgroup-item2 .sSearch input:not([type="hidden"]) {width: 100%;  height: 40px; border: 1px solid #cccccc; border-radius: 5px; padding: 0 40px 0 10px;}
.spec-group-area .sgroup-item2 .sSearch input:not([type="hidden"]):hover {border-color: #444;}
.spec-group-area .sgroup-item2 .sSearch input:not([type="hidden"]):focus {border-color: #f37020;}
.spec-group-area .sgroup-item2 .sSearch .pop-search_btn {width: 38px;height: 38px;background: url(../images/ico/ico-search.png) center center no-repeat; text-indent: -9999px; border-radius: 5px; position: absolute; right: 0; top: 50%; margin-top: -19px;}
.spec-group-area .sgroup-item2 .sSearch .pop-search_btn:hover {background-color: rgba(0,0,0,0.05);}

.spec-group-area .sgrorup-item1 {width: 100%; margin-top: 5px; padding: 5px 20px; box-sizing: border-box; border: 1px solid #dbdbdb; background: #fff; display: flex; justify-content: flex-start; align-items: center; border-radius: 5px; min-height: 52px; flex-wrap: wrap; flex-direction: row;}
.spec-group-area .sgrorup-item1 li {display: inline-flex; align-items: center; justify-content: space-between; margin-right: 20px;}
.spec-group-area .sgrorup-item1 .input-sel-group1 {display: inline-flex; align-items: center; justify-content: flex-start; flex-wrap: wrap;}
.spec-group-area .sgrorup-item1 .input-sel-group1 > * { margin: 3px 0;}
.spec-group-area .sgrorup-item1 .input-sel-group1 label { width: auto; color: #999; font-weight: 600; margin-right:15px; white-space: nowrap;} 

.spec-group-area .sgrorup-item1 li:nth-child(3) span{color: #222; font-weight: 600; margin-right: 15px;}

.spec-group-area .sgrorup-item1.stype-box2 { background: #f9f9f9;}
.spec-group-area .sgrorup-item1.stype-box2 li { margin: 0;box-sizing: border-box; padding: 10px 0 0 0;}
.spec-group-area .sgrorup-item1.stype-box2 li span {color: #222222; font-weight: 600; margin-right: 15px;}

/* data-table */
.spec-table-data {position: relative;box-sizing: border-box; width: 100%; max-height: 430px; border: 1px solid #fff;background:#f9f9f9;}
.spec-table-data .note { margin-top: 165px; }
.scroll-table{padding:15px 0 0;}
.scroll-table table{width:150%;}

.table-container {position:relative; table-layout: fixed;background:#fff }
.table-container .table { width: 100%; table-layout: fixed; line-height: 1.5; background-color: #fff; border-left: 1px solid #dbdbdb;}
.table-container .inner{border-top: 2px solid #222222;overflow-x:auto;overflow-y:auto;max-height:413px; padding: 0;}

.table-container th { background: #f9f9f9 !important;}
.table-container th{ padding: 10px 0; text-align: center; font-weight: 600; font-size: 14px; color: #999999; word-wrap: break-word; background: #fff; border-bottom: 1px solid #dbdbdb;border-right: 1px solid #dbdbdb; line-height: 16px;}
.table-container th,
.table-container td { box-sizing: border-box; word-wrap: break-word; border: 0 none; border: 1px solid #dbdbdb; }
.table-container th.bor-btm {border-bottom: 1px solid #666;}
.table-container td,
.table-container td { box-sizing: border-box; padding: 10px 0; text-align: center; font-weight: 500; font-size: 14px; color: #333333; border-right: 1px solid #dbdbdb;}
.table-container tbody tr:not(:first-child) th,
.table-container tbody tr:not(:first-child) td { border-bottom: 1px solid #dbdbdb; }
.table-container .th span,
.table-container td>span { display: inline-block; margin-right: 5px; }
.table-container tr.input-center td input[type="text"]{text-align:center;} 

.table-AI {margin-top: 35px;}
.table-AI  tbody th,
.table-AI  tbody td {border-top: 1px solid #dbdbdb; text-align: left; padding: 18px 20px; line-height: 18px;}
.table-AI  tbody th {font-weight: normal; color: #666;}
.table-AI  tbody td {color: #333;}
.table-AI  tbody tr:first-child > * {border-top: 1px solid #222;}

.txt-info-notice {font-size: 12px; color: #334477; padding-left: 18px; margin: 8px 0; font-weight: 500; text-align: right;}

/*@media (min-width: 1025px){
    .spec-group-area .sgrorup-item1 .input-sel-group1 select { width: 65% !important; }
}*/
@media screen and (max-width: 1023px) {
    .spec-group-area .sgrorup-item1 .input-sel-group1 {width: 100% !important;}
    .spec-group-area .sgrorup-item1 li { width: 100%; margin-right: 0;}
    .spec-group-area:not(:first-child) { margin-bottom: 15px}
    .spec-group-area .sgroup-item2 .sUpdate { margin-top: 10px;}
    .spec-group-area .sgroup-item2 .sSearch {margin: 10px 0 0 15px;}
}

@media screen and (max-width: 767px) {
    .spec-group-area:not(:first-child) { margin-bottom: 20px}
    .spec-group-area .sgroup-item2 { margin: 10px 0 0 0; padding: 0; text-align: left;}
    .spec-group-area .sgroup-item2 .txt-info { width: auto; margin-right: 15px;}
    .spec-group-area .sgroup-item2 .sUpdate { margin: 10px 0 0 0;}
    .spec-group-area .sgroup-item2 .sSearch input:not([type="hidden"]) { width: calc( 100% - 65px) !important;}
    .spec-group-area .sgroup-item2 .sSearch {margin: 10px 0 0 0; width: 100%;}
}

/*전체 줄바꿈으로 인해 한줄표현해야하는곳*/
.rangeSlider-box .rs-pointer .rs-tooltip,
.rangeSlider-box .rs-container .rs-scale span,
.filter-group .rc-box input[type='radio'] + label > *,
.filter-group .rc-box input[type='checkbox'] + label > * {white-space: nowrap;}

/*page*/
html.moHtml #massOrderWrap .order-list .list-head:not(.type-nosel) > .sb-l{min-height: 0;}
html.moHtml #massOrderWrap .order-list .list-head:not(.type-nosel) > .sb-r {margin-top: 0;}
html.moHtml .order-list.type-order.type-list .sb-r,
html.moHtml .order-list.type-order.type-card .sb-r {min-height: 0;}

.tooltip-view.manual-list{ width: 240px; height: 200px; padding: 0;}
.tooltip-view.manual-list .tooltipView-head{ padding: 12px 15px;}
.tooltip-view.manual-list .tooltipView-head + .tooltipView-cont{ padding: 12px 15px; margin-top: 0;}
.tooltip-view.manual-list .tooltipView-cont li + li{ margin-top: 10px;}
.tooltip-view.manual-list .tooltipView-cont a:hover{ color: #ea7c1e;}
.tooltip-box .tooltip-view .tooltip-close{ width: 30px; height: 30px; text-indent: -9999px; display: inline-block; overflow: hidden; position: absolute; top: 7px; right: 7px;}
.tooltip-box .tooltip-view .tooltip-close::before{ width: 20px; height: 1px; background-color: #000; content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(45deg);}
.tooltip-box .tooltip-view .tooltip-close::after{ width: 1px; height: 20px; background-color: #000; content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(45deg);}


.order-list.type-table .table-box.scroll-x::-webkit-scrollbar {width: 6px; height: 6px;}
.order-list.type-table .table-box.scroll-x::-webkit-scrollbar-track {background-color: #eeeded;}
.order-list.type-table .table-box.scroll-x::-webkit-scrollbar-thumb {background-color: #bfbebe; border-radius: 3px;}
.order-list.type-table .table-box.scroll-x{ width: 100%; height: 100%; overflow-x: auto;}
html.moHtml .order-list.type-table .table-box.scroll-x table{ width: 100% !important;}
.order-list.type-table .table-box.scroll-x table thead{ position: sticky; top: 0; z-index: 1;}
.order-list.type-table .table-box table thead th{ border: 1px solid #dbdbdb; border: 0 none; border-right: 1px solid #dbdbdb;}
.order-list.type-table .table-box table thead th:last-child {border-right: 0 none;}
.order-list.type-table .table-box table tbody th,
.order-list.type-table .table-box table tbody td {border-top: 1px solid #dbdbdb;}
.order-list.type-table .table-box.type-veiw tbody th,
.order-list.type-table .table-box.type-veiw tbody td {border-right: 1px solid #dbdbdb;}
.order-list.type-table .table-box.type-veiw tbody tr > *:last-child {border-right: 0 none;}
html.moHtml .order-list.type-table .table-box.type-veiw thead th {font-size: 13px; line-height: 17px; word-break: break-word;}

/*TBR_FLEET*/
html.moHtml.type-TBRFLEET #contents,
html.moHtml.type-TBRFLEET #contents #TBR_FLEET.content-section,
html.moHtml.type-TBRFLEET #TBR_FLEET.content-section > .page-body,
html.moHtml.type-TBRFLEET #TBR_FLEET.content-section > .page-body > .tab-box,
html.moHtml.type-TBRFLEET #TBR_FLEET.content-section > .page-body > .tab-box > .tab-con,
html.moHtml.type-TBRFLEET #TBR_FLEET.content-section > .page-body > .tab-box > .tab-con > .tab-inner,
html.moHtml.type-TBRFLEET #TBR_FLEET.content-section > .page-body > .tab-box > .tab-con > .tab-inner > .tab-box,
html.moHtml.type-TBRFLEET #TBR_FLEET.content-section > .page-body > .tab-box > .tab-con > .tab-inner > .tab-box > .tab-con,
html.moHtml.type-TBRFLEET #TBR_FLEET.content-section > .page-body > .tab-box > .tab-con > .tab-inner > .tab-box > .tab-con > .tab-inner,
html.moHtml.type-TBRFLEET #TBR_FLEET.content-section > .page-body > .tab-box > .tab-con > .tab-inner > .tab-box > .tab-con > .tab-inner > .search-list-cart-box,
html.moHtml.type-TBRFLEET #TBR_FLEET.content-section > .page-body > .tab-box > .tab-con > .tab-inner > .tab-box > .tab-con > .tab-inner > .search-list-cart-box > .flex-sb {display: flex; flex: 1;}
html.moHtml.type-TBRFLEET #TBR_FLEET.content-section > .page-body > .tab-box > .tab-con > .tab-inner > .tab-box > .tab-con > .tab-inner > .search-list-cart-box > .flex-sb > [class*="sb-"] {display: inline-flex; height: 100%;}

html.moHtml.type-TBRFLEET #TBR_FLEET.content-section > .page-body > .tab-box > .tab-con > .tab-inner > .tab-box > .tab-con > .tab-inner > .search-list-cart-box > .flex-sb > [class*="sb-"] > .tbl-description-code-price-btn {display: flex; flex: 1; flex-direction: column;}
html.moHtml.type-TBRFLEET #TBR_FLEET.content-section > .page-body > .tab-box > .tab-con > .tab-inner > .tab-box > .tab-con > .tab-inner > .search-list-cart-box > .flex-sb > [class*="sb-"] > .tbl-description-code-price-btn > .scrollTable-body {height: auto; flex: 1; display: flex; flex-direction: column; position: relative;}
html.moHtml.type-TBRFLEET #TBR_FLEET.content-section > .page-body > .tab-box > .tab-con > .tab-inner > .tab-box > .tab-con > .tab-inner > .search-list-cart-box > .flex-sb > [class*="sb-"] > .tbl-description-code-price-btn > .scrollTable-body > table {position: absolute; top: 0; left: 0; right: 0;}

html.moHtml.type-TBRFLEET #TBR_FLEET.content-section > .page-body > .tab-box > .tab-con > .tab-inner > .tab-box > .tab-con > .tab-inner > .search-list-cart-box > .flex-sb > [class*="sb-"] > .cart-list-box {flex: 1;}
html.moHtml.type-TBRFLEET #TBR_FLEET.content-section > .page-body > .tab-box > .tab-con > .tab-inner > .tab-box > .tab-con > .tab-inner > .search-list-cart-box > .flex-sb > [class*="sb-"] > .cart-list-box > .box-body {display: flex; flex-direction: column; min-height: 240px; flex: 1; position: relative;}
html.moHtml.type-TBRFLEET #TBR_FLEET.content-section > .page-body > .tab-box > .tab-con > .tab-inner > .tab-box > .tab-con > .tab-inner > .search-list-cart-box > .flex-sb > [class*="sb-"] > .cart-list-box > .box-body > .cart-list.scroll-y {position: absolute; top: 0; bottom: 0; left: 5px; right: 5px;}