@charset "utf-8";

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

ul.fc-tab-list {
	list-style: none;
	display: flex;
	margin-bottom: 1em;
}

ul.fc-tab-list li {
	margin-bottom: 0.5em;
	padding: 1em;
	color: #5d5d5d;
	cursor: pointer;
}

ul.fc-tab-list li.active {
	border-bottom: 3px solid #fd8238;
	color: #fd8238;
	font-weight: 700;
}

.float-col3{ width: 100%;}
.float-col3 > .col{ width: calc((100% - 20px) / 3); float: left;}
.float-col3 > .col:nth-child(3n+2){ margin: 0 10px;}

.flex-col3{ width: 100%; display: flex; flex-wrap: wrap;}
.flex-col3.sb30 > .col{ width: calc((100% - 60px) / 3);}
.flex-col3.sb30 > .col:nth-child(3n+2){ margin: 0 30px;}
.flex-col3.sb30 > .col:nth-child(n+4){ margin-top: 20px;}

.dl-col{ display: flex; flex-direction: column;}
.dl-col.type1 dt{ font-weight: 700; font-size: 16px; padding: 5px 0 10px 0; border-bottom: 1px solid #666;}
.dl-col.type1 dd{ padding: 15px 0;}
.dl-col.type1 dd + dd{ border-top: 1px dashed #ccc;}

.settingBox{ display: inline-block;}
.settingBox::after {content: ''; display: block; clear: both;}
.settingBox > .col{ width: calc((100% - 60px) / 3); display: inline-block; float: left; margin: 40px 0; margin: 106px 0;}
.settingBox > .col:nth-child(1),
.settingBox > .col:nth-child(2),
.settingBox > .col:nth-child(3) {margin-top: 0;}
.settingBox > .col:nth-child(2),
.settingBox > .col:nth-child(4),
.settingBox > .col:nth-child(7){ margin-left: 30px; margin-right: 30px;}
.settingBox .col dt{ background-color: #666; color: #fff; padding: 10px 15px; border-radius: 3px;}
.settingBox .col dd{ padding: 10px 15px;}

.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: 12px; 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;}

.txt-ea{ display: flex; align-items: center; position: relative;}
.txt-ea p{ color: #333;}
.txt-ea .txt{ flex: 1;}
.txt-ea .input1{ width: 80px; background-color: #fff; margin-left: 20px; margin-right: 5px; 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: 12px; color: #fff; 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 { right: 8px; -webkit-transform: translateX(26px) translateY(-50%); -ms-transform: translateX(26px) translateY(-50%); transform: translateX(26px) translateY(-50%); }
.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%); }

.ckGroup{ display: flex; flex-wrap: wrap;}
.ckGroup span{ position: relative;}
.ckGroup input{ position: absolute; top: 0; left: -9999px;}
.ckGroup label{ font-weight: 300; font-size: 14px; color: #898989; line-height: 18px; padding-left: 26px; margin: 0 20px 0 0; display: inline-block; cursor: pointer;}
.ckGroup label::before{ width: 18px; height: 18px; background: url(../../common/images/common/chk-box2.png) no-repeat 0 0; content: ''; display: inline-block; vertical-align: top; position: absolute; top: 0; left: 0;}
.ckGroup input[type='checkbox']:hover + label::before{ background-position: -36px 0;}
.ckGroup input[type='checkbox']:checked:hover + label:before,
.ckGroup input[type='checkbox']:checked + label:before{ background-position: 0 -18px;}
.ckGroup.type-chart span{ margin-right: 5px;}
.ckGroup.type-chart label{ height: 36px; background-color: #eaeaea; margin: 0; display: flex; align-items: center; padding: 0 30px; border: 1px solid #ccc; border-radius: 18px;}
.ckGroup.type-chart label::before{ background-color: #fff; background-image: none; margin: 0 5px 0 0; display: inline-block; border-radius: 2px; position: relative;}
.ckGroup.type-chart input[type=radio] + label::before{ border-radius: 50%;}
.ckGroup.type-chart input:checked + label{ background-color: #555; color: #fff; border-color: #333;}
.ckGroup.type-chart input:hover + label::before,
.ckGroup.type-chart input:checked:hover + label::before,
.ckGroup.type-chart input:checked + label::before{ background: url(../../common/images/common/chk-box2.png) no-repeat -2px -20px #fff; border: 2px solid #fff; box-sizing: border-box;}

.down-step{ padding-left: 40px; position: relative;}
.down-step::before{ width: 15px; height: 1px; content: ''; border-top: 1px dashed #ccc; position: absolute; top: 50%; left: 15px;}
.down-step::after{ width: 1px; content: ''; border-left: 1px dashed #ccc; position: absolute; top: 0; left: 15px; bottom: 50%;}
.down-step + .down-step::after{ top: -50%;}

.ckGroup.next-downstep {padding: 0 0 10px 7px;}
.ckGroup.down-step {padding-top: 2px; padding-bottom: 2px;}

.table-view .txt{  line-height: 20px; padding: 6px 0;}

.admin-page-search .select-run{ display: flex; flex-direction: column;}
.admin-page-search .select-run dl + dl{ padding-top: 10px; margin-top: 10px; border-top: 1px solid #ccc;}
.admin-page-search .select-run dl{ display: flex; border-radius: 4px;}
.admin-page-search .select-run dt{ width: 100px; font-weight: 700; font-size: 16px; display: flex; align-items: center;}
.admin-page-search .select-run .ckGroup{ padding: 10px 20px; display: flex; flex-wrap: wrap; flex: 1;}
.admin-page-search .select-run .ckGroup > span{ width: calc((100% - 50px) / 6); position: relative;}
.admin-page-search .select-run .ckGroup > span + span{ margin-left: 10px;}
.admin-page-search .select-run .ckGroup > span:nth-child(6n+1){ margin-left: 0;}
.admin-page-search .select-run .ckGroup > span:nth-child(n+7){ margin-top: 10px;}
.admin-page-search .select-run .ckGroup input{ position: absolute; top: 0; left: -9999px;}
.admin-page-search .select-run .ckGroup label{ width: 100%; height: 50px; background-color: #fff; padding: 0; margin: 0; display: flex; align-items: center; justify-content: center; border: 1px solid #ccc; border-radius: 4px;}
.admin-page-search .select-run .ckGroup label::before{ display: none;}
.admin-page-search .select-run .ckGroup label:hover{background-color: #ebebeb;}
.admin-page-search .select-run .ckGroup input:checked + label{ background-color: #333; color: #fff; border-color: #333;}
.admin-page-search .select-run .run{ padding: 10px 0; display: flex;}
.admin-page-search .select-run .res{ width: 150px; padding: 10px 0; margin-left: 10px; display: flex; flex-direction: column;}
.admin-page-search .select-run .res .btn{ width: 100%; margin-top: 10px;}
.admin-page-search .select-run .btn{ width: 80px; height: 100%; background-color: #444; color: #fff; display: flex; align-items: center; justify-content: center; border-radius: 3px;}
.admin-page-search .select-run .btn:hover{ background-color: #666;}
.admin-page-search .select-run .btn:disabled{ background-color: #e5e5e5; color: #fff; opacity: 1;}

.coreArea .popup .pop-mfp.ckGroup{ margin-top: 20px; justify-content: center;}
.coreArea .popup .pop-mfp.ckGroup span{ margin: 0;}
.coreArea .popup .pop-mfp.ckGroup span + span{ margin-left: 5px;}
.coreArea .popup .input1:read-only{ background-color: #eee;}
.coreArea .popup .input1:disabled{ background-color: #eee; color: #d3d3d3;}

.coreArea .popup .chat-list{ height: 500px; padding-right: 5px; margin: 20px 0 0 0; overflow-y: auto;}
.coreArea .popup .chat-list ul{ display: flex; flex-direction: column;}
.coreArea .popup .chat-list li + li{ margin-top: 20px;}
.coreArea .popup .chat-list .guest{ text-align: left; padding-right: 100px; position: relative;}
.coreArea .popup .chat-list .me{ text-align: right; padding-left: 100px; position: relative;}
.coreArea .popup .chat-list .num{ background-color: #444; font-size: 14px; color: #fff; line-height: 30px; padding: 0 25px; display: inline-block; border-radius: 15px; position: absolute; top: -15px; left: 10px;}
.coreArea .popup .chat-list .me .num{ left: auto; right: 10px;}
.coreArea .popup .chat-list .txt{ padding: 20px; display: inline-block; border: 1px solid #ccc; border-radius: 20px;}
.coreArea .popup .chat-list .guest .txt{ background-color: #f1f1f1;}
.coreArea .popup .chat-list .date{ font-size: 12px; line-height: 16px; padding: 0 20px; margin: 5px 0 0 0;}
.coreArea .popup .chat-send{ width: 100%; background-color: #f1f1f1; padding: 10px; display: flex; border: 1px solid #ccc; border-radius: 10px; box-sizing: border-box;}
.coreArea .popup .chat-send textarea{ width: 100%; height: 40px; background-color: transparent; font-size: 16px; line-height: 20px; padding: 5px; flex: 1; resize: none;}
.coreArea .popup .chat-send textarea::placeholder{ font-size: 16px;}
.coreArea .popup .chat-send button{ width: 100px; background-color: #333; font-size: 14px; color: #fff; margin-left: 5px; display: flex; align-items: center; justify-content: center; border-radius: 6px;}
.coreArea .popup .chat-send button:hover{ background-color: #666;}

.coreArea .popup .admin-page-search {padding: 5px 10px;}
.coreArea .popup .admin-page-search th,
.coreArea .popup .admin-page-search td {}
.coreArea .popup .btn-type4.search {min-width: 90px; height: 32px; line-height: 30px; font-size: 14px;}
.coreArea .popup .admin-page-search + .table-area {margin-top: 10px;}

/*custom*/
.coreArea .admin-page-head {display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;}
.coreArea .admin-page-head .admin-depth-title {margin-bottom: 0}
.coreArea ul.fc-tab-list li {padding: 6px 15px;}
.coreArea .admin-page-search + .admin-page-top,
.coreArea .admin-page-top + .admin-table-area {margin-top: 10px;}

.btn-topmove {right: 20px; margin-right: 0;}
.adminHtml .btn-topmove.show {bottom: 20px;}

.coreArea .btn.type-it {border: 1px solid #ddd; border-radius: 3px; line-height: 22px; padding: 2px 8px 2px 3px; display: inline-flex; align-items: center; justify-content: center;}
.coreArea .btn.type-it:hover {border-color: #444;}

.coreArea .detail-sh {display: none; display: block; border: 1px solid #b1b1b1; border-radius: 4px;}
.coreArea .detail-sh .table-view .input1,
.coreArea .detail-sh .table-view .select {height: 34px; line-height: 24px;}
.coreArea .detail-sh .table-view [class*="btn-"] {height: 34px; line-height: 32px; border-radius: 3px; font-size: 14px; min-width: 70px;}
.coreArea .detail-sh .table-view tbody th,
.coreArea .detail-sh .table-view tbody td {padding: 10px; font-weight: 300; font-size: 13px; color: #605f5f;}
.coreArea .detail-sh .table-view tbody th {background-color: #f2f2f2; color: #000; }
.coreArea .detail-sh .table-view tbody tr + tr th,
.coreArea .detail-sh .table-view tbody tr + tr td {border-top: 1px solid rgba(209,209,209,.4);}
.coreArea .detail-sh .table-view tbody tr:first-child > *:first-child {border-top-left-radius: 5px;}
.coreArea .detail-sh .table-view tbody tr:first-child > *:last-child {border-top-right-radius: 5px;}
.coreArea .detail-sh .table-view tbody tr:last-child > *:last-child {border-bottom-left-radius: 5px;}
.coreArea .detail-sh .table-view tbody tr:last-child > *:first-child {border-bottom-right-radius: 5px;}

.coreArea .table-list tr[onclick] {cursor: pointer;}
.coreArea .table-list tr[onclick]:hover:not(.selected) {background-color: rgba(243,112,33,.05);}
.coreArea .table-list tr.selected {background-color: rgba(243,112,33,.1);}
.coreArea .table-list tr.selected th,
.coreArea .table-list tr.selected td {color: #000;}

.coreArea .type-bodyScroll {overflow: auto; position: relative;}
.coreArea .type-bodyScroll table { border-top: 0 none; width: auto; min-width: 100%;}
.coreArea .type-bodyScroll table thead th {border-top: 1px solid #b1b1b1; position: sticky; top: 0px;}

.admin-page > .admin-page-top{ margin: 0;}

.dashboard-page-area{ width: 100%; display: flex; flex-wrap: wrap;}
.dashboard-page-area .dashboard-box{ display: flex; flex-direction: column; border: 1px solid #ccc; box-sizing: border-box; position: relative;}
.dashboard-page-area .dashboard-box ~ .dashboard-box{ margin-left: 10px;}
.dashboard-page-area .dashboard-box[class*="flex2-"]{ width: calc((100% - 10px) / 2);}
.dashboard-page-area .dashboard-box[class*="flex3-"]{ width: calc((100% - 20px) / 3);}
.dashboard-page-area .dashboard-box[class*="flex2-"]:nth-child(n+3),
.dashboard-page-area .dashboard-box[class*="flex3-"]:nth-child(n+4){ margin-top: 10px;}
.dashboard-page-area .dashboard-box.flex3-3 + .dashboard-box.flex2-1,
.dashboard-page-area .dashboard-box.flex2-2 + .dashboard-box.flex2-1,
.dashboard-page-area .dashboard-box.flex2-2 + .dashboard-box.flex3-1,
.dashboard-page-area .dashboard-box.flex3-3 + .dashboard-box.flex3-1{ margin-left: 0;}
.dashboard-page-area .box-head{ background-color: #f1f1f1; border-bottom: 1px solid #ccc;}
.dashboard-page-area .box-head p{ height: 40px; font-weight: 500; font-size: 14px;  line-height: 18px; padding: 0 20px; display: flex; align-items: center;}
.dashboard-page-area .box-body{ padding: 20px; flex: 1;}
.dashboard-page-area .box-foot dl{ height: 30px; display: flex; border-top: 1px solid #ccc;}
.dashboard-page-area .box-foot dt{ width: 40%; background-color: #f1f1f1; font-size: 13px; line-height: 15px; padding: 0 10px; display: flex; align-items: center; border-right: 1px solid #ccc;}
.dashboard-page-area .box-foot dd{ font-size: 13px; line-height: 15px; padding: 0 10px; display: flex; align-items: center; flex: 1;}
.dashboard-page-area .box-foot dd + dt{ border-left: 1px solid #ccc;}
.dashboard-page-area .box-foot .row1 dt,
.dashboard-page-area .box-foot .row2 dt{ width: 15%;}
.dashboard-page-area .box-more{ font-weight: 500; font-size: 14px; line-height: 30px; padding-right: 12px; margin:0; position: absolute; top: 5px; right: 20px;}
.dashboard-page-area .box-more::after{ width: 6px; height: 6px; content: ''; border-top: 1px solid #333; border-right: 1px solid #333; position: absolute; top: 50%; right: 0; transform: translateY(-50%) rotate(45deg); -moz-transform: translateY(-50%) rotate(45deg); -webkit-transform: translateY(-50%) rotate(45deg); -o-transform: translateY(-50%) rotate(45deg);}
.dashboard-page-area .box-more:hover{ color: #ec6608;}
.dashboard-page-area .box-more:hover::after{ border-color: #ec6608;}
.dashboard-page-area .bord-list-col-box{ height: 100%; display: flex; flex-direction: column;}
.dashboard-page-area .bord-list-col-box .list-head p{ display: flex; align-items: center;}
.dashboard-page-area .bord-list-col-box .list-body{ margin: 10px 0 0 0; flex: 1;}
.dashboard-page-area .notice-list{ height: 100%;}
.dashboard-page-area .notice-list ul{ width: 100%; height: 100%; display: flex; flex-direction: column;}
.dashboard-page-area .notice-list li{ height: 50%;}
.dashboard-page-area .notice-list li + li{ padding: 10px 0 0 0; margin: 10px 0 0 0; border-top: 1px dashed #ccc;}
.dashboard-page-area .notice-list li a{ width: 100%; padding: 0; display: flex; flex-direction: column; justify-content: center;}
.dashboard-page-area .notice-list li a:hover .txt2{ text-decoration: underline;}
.dashboard-page-area .notice-list li .txt2{ font-size: 14px; line-height: 18px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.dashboard-page-area .notice-list li .info{ padding: 4px 0; display: flex; flex-wrap: wrap;}
.dashboard-page-area .notice-list li .info em{ font-weight: 300; font-size: 12px; line-height: 14px; padding: 0 10px 0 0; border-right: 1px solid #ccc;}
.dashboard-page-area .notice-list li .info em + em{ padding: 0 0 0 10px;}
.dashboard-page-area .notice-list li .info em:last-child{ border-right: 0;}
.dashboard-page-area .promotion-list{ height: 100%;}
.dashboard-page-area .promotion-list ul{ width: 100%; height: 100%; display: flex; flex-direction: column;}
.dashboard-page-area .promotion-list li{ height: 100%;}
.dashboard-page-area .promotion-list li + li{ padding: 10px 0 0 0; margin: 10px 0 0 0; border-top: 1px dashed #ccc;}
.dashboard-page-area .promotion-list li a{ width: 100%; height: 100%; padding: 0; display: flex; flex-direction: column; justify-content: center;}
.dashboard-page-area .promotion-list li a:hover .txt2{ text-decoration: underline;}
.dashboard-page-area .promotion-list li .thumb{ height: 140px; background: no-repeat center center; background-size: cover; margin-bottom: 5px;}
.dashboard-page-area .promotion-list li .txt2{ font-size: 14px; line-height: 18px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.dashboard-page-area .promotion-list li .info{ padding: 4px 0; display: flex; flex-wrap: wrap;}
.dashboard-page-area .promotion-list li .info em{ font-weight: 300; font-size: 12px; line-height: 14px; padding: 0 10px 0 0; border-right: 1px solid #ccc;}
.dashboard-page-area .promotion-list li .info em + em{ padding: 0 0 0 10px;}
.dashboard-page-area .promotion-list li .info em:last-child{ border-right: 0;}
.dashboard-page-area .overDue-count{ display: flex; flex-direction: column;}
.dashboard-page-area .overDue-count .count-head{ padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dashed #ccc;}
.dashboard-page-area .overDue-count .count-head p{ text-align: center; display: flex; flex-direction: column;}
.dashboard-page-area .overDue-count .count-head strong{ font-weight: 700; font-size: 34px; color: #ff0000; line-height: 1.2;}
.dashboard-page-area .overDue-count .count-head span{ font-size: 14px; margin-top: 5px;}
.dashboard-page-area .overDue-count .count-body{ text-align: center;}
.dashboard-page-area .overDue-count .count-body p{ width: 55%; text-align: left; padding: 0 0 0 14px; margin: 0 auto; position: relative;}
.dashboard-page-area .overDue-count .count-body p::before{ width: 4px; height: 8px; content: ''; border-bottom: 1px solid #333; border-right: 1px solid #333; position: absolute; top: 50%; left: 0; transform: translateY(-50%) rotate(45deg); -webkit-transform: translateY(-50%) rotate(45deg); -moz-transform: translateY(-50%) rotate(45deg); -o-transform: translateY(-50%) rotate(45deg);}
.dashboard-page-area .overDue-count .count-body p .txt-red{ color: #ff0000;}
.dashboard-page-area .keyword-tab-list{ display: flex; flex-direction: column;}
.dashboard-page-area .keyword-tab-list .tab-btn{ margin: 5px 0 20px 0; display: flex; flex-wrap: wrap;}
.dashboard-page-area .keyword-tab-list .tab-btn label{ padding: 0 20px 0 0; display: flex; border-right: 1px solid #ccc; position: relative; cursor: pointer;}
.dashboard-page-area .keyword-tab-list .tab-btn label + label{ margin-left: 20px;}
.dashboard-page-area .keyword-tab-list .tab-btn label:last-child{ padding: 0; border: 0;}
.dashboard-page-area .keyword-tab-list .tab-btn label input{ position: absolute; top: 0; left: -9999px;}
.dashboard-page-area .keyword-tab-list .tab-btn label span{ font-size: 14px; color: #666; line-height: 1;}
.dashboard-page-area .keyword-tab-list .tab-btn label input:checked + span{ font-weight: 500; color: #000;}
.dashboard-page-area .keyword-tab-list .tab-con{ display: flex;}
.dashboard-page-area .keyword-tab-list .tab-con ul{ flex: 1;}
.dashboard-page-area .keyword-tab-list .tab-con ul + ul{ margin-left: 10px;}
.dashboard-page-area .keyword-tab-list .tab-con .item{ font-size: 14px; line-height: 20px; display: flex;}
.dashboard-page-area .keyword-tab-list .tab-con .item + .item{ margin-top: 10px;}
.dashboard-page-area .keyword-tab-list .tab-con .num{ width: 24px;}
.dashboard-page-area .keyword-tab-list .tab-con .txt{ flex: 1;}

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

.coreArea .type-hasTit .th2 {color: #000 !important; font-weight: 400 !important; padding-left: 14px; word-spacing: -0.05em; position: relative; padding-left: 14px; padding-right: 5px;}
.coreArea .type-hasTit .th2::before { content: ''; display: block; width: 2px; height: 2px; background-color: #f47d31; position: absolute; left: 0; top: 9px;}
.coreArea .type-hasTit .th2 + table {margin-top: 6px;}

.coreArea .table.disabled tbody {position: relative;}
.coreArea .table.disabled tbody::before {content: ''; display: block; position: absolute; border-radius: inherit; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0,0,0,.2); z-index: 1;}



.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 .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;}
.defult-form .input1:read-only{ background-color: #f1f1f1;}

/*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;}




.admin-page-border{ padding: 20px; border: 1px solid #ccc; border-radius: 10px;}

.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(../../front/images/img-tireL.png);}
.tireRight .tirebox::before {background-image: url(../../front/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;}

.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 {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;}
.btn-edit {background-image: url(../images/ico/ico-edit.png);}
.btn-cancel {background-image: url(../images/ico/ico-cancel.png);}
.btn-edit:hover, .btn-cancel:hover {border-color: #222;}

.tireInfo-box .btn-edit,
.tireInfo-box .btn-cancel {position: absolute; right: 8px; top: 6px; z-index: 2;}
.tireInfo-box .btn-sel {position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1;}
.tireInfo-box .form-row.form2 > .form-col {flex: auto;}

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

.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; display: flex; align-items: center; flex-direction: column; font-size: 14px; min-height: 56px; justify-content: center;}
.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 {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: 0px;}
.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: 4px; 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: 56px;}
/*.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.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 {display: block;}
.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 .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 .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: 16px; 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-type2 .item {min-height: 30px; 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;}




.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: 16px; 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(../../front/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(../../front/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;}
.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 {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 .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 .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;}
.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;}

.table-sticky-area > .table-scroll{ border-top: 1px solid #313131; width: 100%; height: 100%; overflow: auto; max-height: none;  max-width: none; min-width: 0px;}