@charset "utf-8";

.contents.l {float:left; width:calc((100% - 25px) / 2);}
.contents.r {float:right; width:calc((100% - 25px) / 2); margin-left:25px;}
.contents h2 {position:relative; margin:25px 0 15px 0;}
.contents h2.f {margin-top:0;}
.contents h2 span {position:absolute; right:0; bottom:0; font-size:12px; font-weight:normal; color:#888;}
.contents h2 span.static {position:static;}
.contents h3 {position:relative;}
.contents h3 span {position:absolute; right:0; bottom:0; font-size:12px; font-weight:normal; color:#888;}

/* 탭 */
.tab-list ul {position:relative; border-bottom:1px solid #333;}
.tab-list ul:after {clear:both; display:block; content:'';}
.tab-list ul li {float:left; border:1px solid #ddd; border-left-style:none; border-bottom-style:none;}
.tab-list ul li:first-child {border-left-style:solid; border-top-left-radius:2px;}
.tab-list ul li:last-child {border-top-right-radius:2px;}
.tab-list ul li a {display:block; padding:10px 25px; text-decoration:none;}
.tab-list ul li a:hover {background-color:#f6f6f6;}
.tab-list ul li.on {border-color:#333;}
.tab-list ul li.on a {color:#fff; background-color:#333;}

.tab-list.s ul li a {padding:7px 10px;}
.tab-list.s ul li a:hover {background-color:#f6f6f6;}
.tab-list.s ul li.on {border-color:#333;}
.tab-list.s ul li.on a {color:#fff; background-color:#333;}

.tab-list {position:relative;}
.tab-list .button-area {display:none;}
.tab-list .button-area.fixed {display:block; position:fixed; right:0; top:0; width:calc(100% - 250px - 35px - 15px); height:26px; padding:15px 0; margin:0; margin-right:15px; line-height:26px; text-align:right; border-bottom:1px solid #aaa; background-color:#fff; background-color:rgba(255, 255, 255, 0.8); z-index:11;}
.tab-list .button-area.fixed .left {position:absolute; left:0; top:15px; text-align:left;}
.tab-list .button-area.fixed input[type="text"] {width:150px; height:26px; padding:0 5px; border-style:solid; border:1px solid #aaa; vertical-align:middle; border-radius:2px; background-color:#fff;}
.tab-list .button-area.fixed input[disabled="disabled"] {background-color:#eee;}
.tab-list .button-area.fixed select {background-color:#fff;}

.tab-list + form[name="search-form"] {margin-top:15px;}

.tab-area {display:none; margin-top:15px;}
.tab-area.on {display:block;}

/* 목록 */
.search-list.m {padding-top:15px;}
.search-list.n {padding-top:0;}
.search-list h3 {margin:25px 0 15px 0;}
.search-list.n h3 {margin-top:0;}
.search-list table {width:100%;}
.search-list table thead tr th,
.search-list table tbody tr th {height:30px; padding:5px 0; font-weight:bold; line-height:17px; background-color:#eff4fa; border-top:1px solid #aaa; border-bottom:1px solid #aaa !important; word-break:keep-all;}
.search-list table thead tr th {text-align:center !important;}
.search-list table thead tr.add-col th,
.search-list table tbody tr.add-col th {border-top-style:none;}
.search-list table thead tr th em {display:block; font-size:11px; line-height:11px; font-weight:bold;}
.search-list table tbody tr td {height:30px; padding:5px 0; font-weight:normal; line-height:13px; text-align:center; border-bottom:1px solid #e0e0e0; word-break:break-all;}
.search-list table tbody tr td.a-left,
.search-list table tbody tr th.a-left {padding:5px; text-align:left;}
.search-list table tbody tr td.a-right,
.search-list table tbody tr th.a-right {padding:5px; text-align:right;}
.search-list table tbody tr td.strong {font-weight:bold;}
.search-list table tbody tr td.ordr-stat-99 {text-decoration:line-through;}
.search-list table tbody tr td.image img {width:100%;}
.search-list table tbody tr td.pd5 {padding:5px;}
.search-list table tbody tr:last-child td, .search-list table tbody tr.last td, .search-list table tbody tr td.last {border-bottom-color:#aaa;}
.search-list table tbody tr.sum {background-color:#eee;}
.search-list table tbody tr.sel {background-color:#f9f9f9;}
.search-list table tbody tr.tft {background-color:#eff4fa;}
.search-list table tbody tr.tft td {text-align:right; padding-right:5px; font-weight:bold; border-bottom:1px solid #aaa;}
.search-list table tbody tr td input.input {width:100%; height:26px; padding:0 5px; border-style:solid; border:1px solid #aaa; vertical-align:middle; border-radius:2px;}
.search-list table tbody tr td input.input.center {text-align:center;}
.search-list table tbody tr td input.input.subj {width:100%;}
.search-list table tbody tr td input.input.c {text-align:center;}
.search-list table tbody tr td input.input.num {width:65px; text-align:center;}
.search-list table tbody tr td input.input.email {width:250px;}
.search-list table tbody tr td input.input.number {text-align:right;}
.search-list table tbody tr td input.input.ea {width:45px; text-align:center;}
.search-list table tbody tr td select {width:100%; height:26px; border:1px solid #aaa; border-radius:2px;}
.search-list table tbody tr td textarea {width:100%; height:80px; padding:5px; border:1px solid #aaa; border-radius:2px; overflow:auto; border-radius:2px;}
.search-list table tbody tr td img {vertical-align:middle;}
.search-list table tbody tr td img.square {display:inline-block; width:100px; height:100px; margin-right:5px; border:1px solid #ddd;}
.search-list table tbody tr td a.open {display:inline-block; width:16px; height:16px; vertical-align:middle; font-size:0; line-height:0; background:url(../images/ic_open.png) no-repeat center center;}
.search-list table tbody tr td a.print {display:inline-block; width:16px; height:16px; vertical-align:middle; font-size:0; line-height:0; background:url(../images/ic_printer.png) no-repeat center center;}
.search-list table tbody tr td a.smry {display:inline-block; width:16px; height:16px; font-size:0; line-height:0; background:url(../images/ic_layers.png) no-repeat center center; vertical-align:middle;}
.search-list table tbody tr td a.create {display:inline-block; padding:0 5px; font-size:11px; font-weight:bold; line-height:22px; text-decoration:none; border:1px solid #aaa; background-color:#fff; cursor:pointer; border-radius:2px;}
.search-list table tbody tr td em {display:block; margin-top:5px; margin-left:0 !important; font-size:11px; line-height:11px; color:#888;}
.search-list table tbody tr td em.green {color:#008000;}
.search-list table tbody tr td em.n {margin-top:0;}
.search-list table tbody tr td em.l {padding-left:18px; line-height:16px; text-align:left; background:url(../images/ic_note.png) no-repeat left center;}
.search-list table tbody tr td em a {color:#888;}
.search-list table tbody tr td em.green a {color:#008000;}
.search-list table tbody tr td span.block {line-height:21px;}
.search-list table tbody tr td .button-01 {margin-top:5px;}
.search-list table tbody tr td .button-01:first-child {margin-top:0;}
.search-list table tbody tr td.th {background-color:#f9f9f9; text-align:left; padding-left:10px; font-size:12px; font-weight:bold;}
.search-list table tbody tr.null td {background-color:#f6f6f6;}
.search-list table tbody tr.null td.stat {color:#666; text-decoration:line-through;}

.search-list .button-area {position:relative; height:26px; margin-top:10px; line-height:26px; text-align:right;}
.search-list .button-area.n {margin-top:0;}
.search-list .button-area select {vertical-align:middle;}
.search-list .button-area input {vertical-align:middle;}
.search-list .button-area input.input {width:150px; height:26px; padding:0 5px; border-style:solid; border:1px solid #aaa; vertical-align:middle; border-radius:2px;}
.search-list .button-area input.input.rmkTxt {width:432px;}
.search-list .button-area select {height:26px; border:1px solid #aaa; border-radius:2px;}
.search-list .button-area .left {position:absolute; left:0; top:0; line-height:26px;}

.search-list .no-activity {padding:20px; margin-top:10px; text-align:center; border:1px solid #aaa; color:#666; border-radius:2px;}

@media (max-width: 1800px) {
	.search-list .scroll {width:100%; overflow-x:auto;}
	.search-list .scroll table {width:calc(100% + 200px);}
}
@media (max-width: 1500px) {
	.search-list .scroll table {width:calc(100% + 350px);}
}
.search-list .scroll.full {width:100%; overflow-x:auto;}
.search-list .scroll.full table {width:calc(100% + 250px);}
.search-list .scroll.stsc {width:100%; overflow-x:auto;}
.search-list .scroll.stsc table {min-width:100%; white-space:nowrap;}
.search-list .scroll::-webkit-scrollbar {width:6px; height:6px;}
.search-list .scroll::-webkit-scrollbar-track {background-color:#aaa;}
.search-list .scroll::-webkit-scrollbar-thumb {background:#666;}
.search-list .scroll::-webkit-scrollbar-thumb:hover {background:#333;}
.search-list .scroll::-webkit-scrollbar-thumb:active {background:#000;}
.search-list .scroll::-webkit-scrollbar-button {display:none;}

.search-list table tr td ul.rpls-list li {padding-top:5px; padding-left:15px; margin-top:5px; line-height:21px; border-top:1px dotted #aaa; background:url(../images/ic_reply.png) no-repeat left 13px;}
.search-list table tr td ul.rpls-list li:last-child {padding-bottom:5px;}
.search-list table tr td ul.rpls-list li strong {display:block; font-weight:normal;}

/* 입력 */
.input-form.m {padding-top:15px;}
.input-form {position:relative;}
.input-form h3 {margin:25px 0 15px 0;}
.input-form h3.f {margin-top:15px;}
.input-form table {width:100%;}
.input-form table tr th {height:26px; padding:10px; line-height:17px; font-weight:bold; text-align:left; background-color:#eff4fa; border-top:1px solid #e0e0e0;}
.input-form table tr:first-child th,
.input-form table tr.f th {border-top-color:#aaa;}
.input-form table tbody + tbody tr:first-child {border-top-color:#d4d2d0;}
.input-form table tr:last-child th,
.input-form table tr.l th {border-bottom:1px solid #aaa;}
.input-form table tr:last-child td + th,
.input-form table tr.l td + th {border-bottom-color:#aaa;}
.input-form table tr td {height:26px; padding:10px; padding-right:0; line-height:17px; border-top:1px solid #e0e0e0;}
.input-form table tr td.f {padding-left:0;}
.input-form table tr td.c {text-align:center;}
.input-form table tr:first-child td,
.input-form table tr.f td {border-top-color:#aaa;}
.input-form table tr:last-child td,
.input-form table tr.l td {border-bottom:1px solid #aaa;}
.input-form table tr td input.input {width:150px; height:26px; padding:0 5px; border:1px solid #aaa; border-radius:2px; vertical-align:middle;}
.input-form table tr td input.input.subj {width:100%;}
.input-form table tr td input.input.email {width:250px;}
.input-form table tr td input.input.rmkTxt {width:450px;}
.input-form table tr td input.input.sortNo {width:35px;}
.input-form table tr td input.input.width {width:80px;}
.input-form table tr td input.input.code {width:100px;}
.input-form table tr td input.input.count {width:60px;}
.input-form table tr td input.input.float {width:50px;}
.input-form table tr td input.input.amount {width:80px;}
.input-form table tr td input.input.datepicker {width:90px;}
.input-form table tr td input.input.color {width:90px; display:block;}
.input-form table tr td input.input.searchWrd {width:250px;}
.input-form table tr td input.input.file {width:250px; height:26px; background-color:#fff;}
.input-form table tr td input.input.center {text-align:center;}
.input-form table tr td input.edit {width:100%; height:44px;}
.input-form table tr td select {min-width:60px; height:26px; border:1px solid #aaa; border-radius:2px;}
.input-form table tr td select[disabled='disabled'] {background-color:#eee;}
.input-form table tr td img {vertical-align:middle;}
.input-form table tr td img.square {display:inline-block; width:100px; height:100px; margin-right:5px; border:1px solid #ddd;}
.input-form table tr td img.banner {display:block; width:120px; margin-top:5px; border:1px solid #ddd;}
.input-form table tr td textarea {width:100%; height:80px; padding:5px; border:1px solid #aaa; overflow:auto; border-radius:2px;}
.input-form table tr td textarea.large {height:450px;}
.input-form table tr td textarea.normal {height:250px;}
.input-form table tr td textarea.small {height:44px; line-height:120%;}
.input-form table tr td textarea.ntfc {width:450px; height:26px; padding:0 5px;}
.input-form table tr td em {display:inline-block; margin-left:3px; text-decoration:none; color:#999; vertical-align:middle;}
.input-form table tr td em.line {display:block; margin-top:5px; margin-left:0;}
.input-form table tr td em.line.r {text-align:right;}
.input-form table tr td em.line.m {margin-top:0; line-height:15px;}
.input-form table tr td em.i {color:#333;}
.input-form table tr td em.n {margin-left:0;}
.input-form table tr td em.u {vertical-align:unset;}
.input-form table tr td em.o {color:#ff4500;}
.input-form table tr td span {display:inline-block; vertical-align:middle;}
.input-form table tr td span span {vertical-align:unset;}
.input-form table tr td span.item {padding:0 5px; padding-right:0; margin-right:5px; font-size:11px; color:#fff; background-color:#333; border-radius:2px;}
.input-form table tr td span.item a.delete {display:inline-block; width:15px; height:15px; font-size:0; line-height:0; background:url(../images/bg_button_03_white.png) no-repeat center center; vertical-align:middle;}
.input-form table tr td span.disabled {text-decoration:line-through;}
.input-form table tr td span.block {line-height:21px;}
.input-form table tr td span.bar {display:inline-block; width:60px; height:22px; border-bottom:1px solid #aaa;}
.input-form table tr td span.orange {color:#ff4500;}
.input-form table tr td span.m {margin:0 4px; color:#aaa;}
.input-form table tr td ul li {margin-top:5px; line-height:16px;}
.input-form table tr td ul li:first-child {margin-top:0;}
.input-form table tr td ul li i {display:inline-block; width:12px;}
.input-form table tr td ul.box {margin-top:5px;}
.input-form table tr td ul.box li {padding-left:7px; line-height:16px; background:url(../images/bg_li.png) no-repeat 0 6px;}
.input-form table tr td label {margin-right:5px;}
.input-form table tr td label:last-child, .input-form table tr td label.n {margin-right:0;}
.input-form table tr td label span {vertical-align:unset;}
.input-form table tr td iframe {box-sizing:border-box;}
.input-form table tr td table thead tr th {text-align:center; border-style:none !important; border-bottom:1px solid #e0e0e0 !important; background-color:#fff;}
.input-form table tr td table tbody tr td {border-top-style:dotted !important; border-bottom-style:dotted !important; border-color:#aaa !important;}
.input-form table tr td table tbody tr:last-child td {border-style:none !important;}
.input-form table tr td a.email {display:inline-block; width:16px; height:16px; font-size:0; line-height:0; background:url(../images/ic_email.png) no-repeat center center; vertical-align:middle;}
.input-form table tr td a.sms {display:inline-block; width:16px; height:16px; font-size:0; line-height:0; background:url(../images/ic_sms.png) no-repeat center center; vertical-align:middle;}
.input-form table tr td a.sprf {display:inline-block; width:16px; height:16px; font-size:0; line-height:0; background:url(../images/ic_search.png) no-repeat center center; vertical-align:middle;}
.input-form table tr td a.down {display:inline-block; line-height:16px; padding-left:15px; background:url(../images/ic_down.png) no-repeat left center; vertical-align:middle;}
.input-form table tr td a.memo {float:right; display:inline-block; padding:0 5px; margin-left:5px; font-size:11px; line-height:19px; text-decoration:none; border:1px solid #aaa; border-radius:2px; vertical-align:middle;}
.input-form table tr td a.memo:hover {border-color:#333;}
.input-form table tr td a[href="#color"] {display:inline-block; width:20px; height:20px; font-size:0; line-height:0; background-color:#000; border-radius:2px; vertical-align:middle;}

.input-form table tr td.cate-list ul li a.delete {display:inline-block; width:15px; height:15px; font-size:0; line-height:0; background:url(../images/btn_delete.png) no-repeat center center; vertical-align:middle;}
.input-form table tr td.cate-list ul li a.delete:hover {background-image:url(../images/btn_delete_on.png);}
.input-form table tr td.cate-list ul li a.item-delete {display:inline-block; padding:0 10px 0 20px; line-height:22px; color:#fff; text-decoration:none; background:#805e3a url(../images/bg_button_03_white.png) no-repeat 7px center; vertical-align:middle; border-radius:5px;}
.input-form table tr td.cate-list ul li a.item-delete:hover {background-color:#6c5236;}
.input-form table tr td.cate-list ul li em {display:inline-block; margin-right:4px; font-style:normal;}
.input-form table tr td.cate-list ul li a.delete.disabled {display:none;}
.input-form table tr td.cate-list ul li a.item-delete.disabled {padding-left:10px; background-color:#888; background-image:none; cursor:default;}
.input-form table tr td.cate-list.m ul li {margin-top:5px;}

.input-form table tr td.imgs-list ul li {position:relative; padding-left:93px;}
.input-form table tr td.imgs-list ul li .image-viewer {position:absolute; left:0; top:0; overflow:hidden; width:86px; height:86px; border:1px solid #aaa;}
.input-form table tr td.imgs-list ul li .image-viewer img {position:absolute; left:50%; top:0; transform:translateX(-50%); border-radius:2px; height:86px;}
.input-form table tr td.imgs-list ul li .image-viewer video {position:absolute; left:50%; top:0; transform:translateX(-50%); height:86px;}
.input-form table tr td.imgs-list ul li input.input {display:block; margin-bottom:5px;}
.input-form table tr td.imgs-list ul li strong {line-height:22px;}

.input-form table tr td.opts-list ul {margin-top:10px;}
.input-form table tr td.opts-list ul li {padding-top:10px; margin-top:10px; border-top:1px dotted #aaa;}
.input-form table tr td.opts-list ul li strong {display:block; margin-bottom:5px;}
.input-form table tr td.opts-list ul li strong.n {font-weight:normal;}
.input-form table tr td.opts-list ul li a.delete {display:inline-block; width:15px; height:15px; font-size:0; line-height:0; background:url(../images/btn_delete.png) no-repeat center center; vertical-align:middle;}
.input-form table tr td.opts-list ul li a.delete:hover {background-image:url(../images/btn_delete_on.png);}

.input-form table tr td .srch-area {position:relative;}
.input-form table tr td .srch-area .srch-list {display:none; position:absolute; left:0; top:27px; width:100%; z-index:900;}
.input-form table tr td .srch-area .srch-list.on {display:block;}
.input-form table tr td .srch-area .srch-list .screen {width:100%; height:150px; padding:10px; border:1px solid #aaa; background-color:#fff; overflow-y:auto; box-sizing:border-box; border-radius:2px;}
.input-form table tr td .srch-area .srch-list .screen ul {margin:0; border-top-style:none;}
.input-form table tr td .srch-area .srch-list .screen ul li {padding-top:5px; margin-top:5px; line-height:15px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.input-form table tr td .srch-area .srch-list .screen ul li:first-child {padding-top:0; margin-top:0; border-top-style:none;}
.input-form table tr td .srch-area .srch-list a.srch-close {position:absolute; right:5px; bottom:5px; top:auto; width:15px; height:15px; font-size:0; line-height:0; text-align:center; text-decoration:none; color:#fff; background:#333 url(../images/bg_button_03_white.png) no-repeat center center; border-radius:10px;}

.input-form table tr td.iopt-list ul li a.delete {display:inline-block; width:15px; height:15px; font-size:0; line-height:0; background:url(../images/btn_delete.png) no-repeat center center; vertical-align:middle;}
.input-form table tr td.iopt-list ul li a.delete:hover {background-image:url(../images/btn_delete_on.png);}

.input-form table tr td.pack-list ul {margin-top:10px;}
.input-form table tr td.pack-list ul li {padding-top:10px; margin-top:10px; border-top:1px dotted #aaa;}
.input-form table tr td.pack-list ul li strong {display:block;}
.input-form table tr td.pack-list ul li a.delete {display:inline-block; width:15px; height:15px; font-size:0; line-height:0; background:url(../images/btn_delete.png) no-repeat center center; vertical-align:middle;}
.input-form table tr td.pack-list ul li a.delete:hover {background-image:url(../images/btn_delete_on.png);}

.input-form table tr td.adds-list ul {margin-top:10px;}
.input-form table tr td.adds-list ul li {padding-top:10px; margin-top:10px; border-top:1px dotted #aaa;}
.input-form table tr td.adds-list ul li strong {display:block;}
.input-form table tr td.adds-list ul li a.delete {display:inline-block; width:15px; height:15px; font-size:0; line-height:0; background:url(../images/btn_delete.png) no-repeat center center; vertical-align:middle;}
.input-form table tr td.adds-list ul li a.delete:hover {background-image:url(../images/btn_delete_on.png);}

.input-form table tr td.bnus-list ul {margin-top:10px;}
.input-form table tr td.bnus-list ul li {padding-top:10px; margin-top:10px; border-top:1px dotted #aaa;}
.input-form table tr td.bnus-list ul li strong {display:block;}
.input-form table tr td.bnus-list ul li a.delete {display:inline-block; width:15px; height:15px; font-size:0; line-height:0; background:url(../images/btn_delete.png) no-repeat center center; vertical-align:middle;}
.input-form table tr td.bnus-list ul li a.delete:hover {background-image:url(../images/btn_delete_on.png);}

.input-form table tr td.disc-list ul li a.delete {display:inline-block; width:15px; height:15px; font-size:0; line-height:0; background:url(../images/btn_delete.png) no-repeat center center; vertical-align:middle;}
.input-form table tr td.disc-list ul li a.delete:hover {background-image:url(../images/btn_delete_on.png);}

.input-form table tr td div.conf-list {margin-top:10px;}
.input-form table tr td div.conf-list a.delete {display:inline-block; padding:0 10px 0 20px; line-height:22px; color:#fff; text-decoration:none; background:#805e3a url(../images/bg_button_03_white.png) no-repeat 7px center; vertical-align:middle; border-radius:5px;}
.input-form table tr td div.conf-list a.delete:hover {background-color:#6c5236;}
.input-form table tr td div.conf-list em {margin:0;}

.input-form table tr td.prdt-list ul {margin-top:10px;}
.input-form table tr td.prdt-list ul li {padding-top:10px; margin-top:10px; border-top:1px dotted #aaa;}
.input-form table tr td.prdt-list ul li a.delete {display:inline-block; width:15px; height:15px; font-size:0; line-height:0; background:url(../images/btn_delete.png) no-repeat center center; vertical-align:middle;}
.input-form table tr td.prdt-list ul li a.delete:hover {background-image:url(../images/btn_delete_on.png);}
.input-form table tr td.prdt-list.n ul {margin-top:5px; border-top:1px dotted #aaa;}
.input-form table tr td.prdt-list.n ul li {padding-top:0; margin-top:5px; border-top-style:none;}
.input-form table tr td.prdt-list.c {text-align:left;}
.input-form table tr td.prdt-list.c ul {margin-top:0;}
.input-form table tr td.prdt-list.c ul li {border-top:1px solid #e0e0e0;}
.input-form table tr td.prdt-list.c ul li:first-child {padding-top:0; margin-top:0; border-top-style:none;}
.input-form table tr td.prdt-list.c ul li ul {padding-top:5px; margin-top:5px; border-top:1px dotted #aaa;}
.input-form table tr td.prdt-list.c ul li ul li {padding-top:0; margin-top:5px; border-top-style:none;}
.input-form table tr td.prdt-list.b ul {margin-top:0;}
.input-form table tr td.prdt-list.b ul li {padding-top:0; margin-top:5px; border-top-style:none;}

.input-form table tr td.gift-list ul {margin-top:10px;}
.input-form table tr td.gift-list ul li {padding-top:10px; margin-top:10px; border-top:1px dotted #aaa;}
.input-form table tr td.gift-list ul li a.delete {display:inline-block; width:15px; height:15px; font-size:0; line-height:0; background:url(../images/btn_delete.png) no-repeat center center; vertical-align:middle;}
.input-form table tr td.gift-list ul li a.delete:hover {background-image:url(../images/btn_delete_on.png);}

.input-form table tr td.tgts-list .srch-area ul {margin-top:10px;}
.input-form table tr td.tgts-list .srch-area ul li {padding-top:10px; margin-top:10px; border-top:1px dotted #aaa;}
.input-form table tr td.tgts-list .prdt-area ul {margin-top:10px;}
.input-form table tr td.tgts-list .prdt-area ul:after {clear:both; display:block; content:'';}
.input-form table tr td.tgts-list .prdt-area ul li {position:relative; float:left; width:100px; padding:5px; margin-right:5px; margin-bottom:5px; margin-left:0; margin-top:0; border:1px solid #ddd; border-radius:2px;}
.input-form table tr td.tgts-list .prdt-area ul li img {display:block; width:100px; height:100px;}
.input-form table tr td.tgts-list .prdt-area ul li strong {display:block; margin-top:5px; font-weight:400; line-height:15px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.input-form table tr td.tgts-list .prdt-area ul li strong em {display:block; margin-bottom:5px; margin-left:0;}
.input-form table tr td.tgts-list .prdt-area ul li a.delete {position:absolute; right:7px; top:7px; display:inline-block; width:15px; height:15px; font-size:0; line-height:0; background:url(../images/btn_delete.png) no-repeat center center; vertical-align:middle;}
.input-form table tr td.tgts-list .prdt-area ul li a.delete:hover {background-image:url(../images/btn_delete_on.png);}
.input-form table tr td.tgts-list .prdt-area ul li dl dt {position:relative;}
.input-form table tr td.tgts-list .prdt-area ul li dl dt em {position:absolute; left:0; bottom:1px; display:block; width:100px; margin-left:0; color:#aaa; font-style:normal; font-size:11px; letter-spacing:-1px; text-align:center;}
.input-form table tr td.tgts-list .prdt-area ul li dl dt em a {display:inline-block; padding:0 5px; line-height:20px; text-decoration:none; border:1px solid #ddd; background-color:#fff; border-radius:2px;}
.input-form table tr td.tgts-list .prdt-area ul li dl dd {position:relative; padding-right:26px; margin-top:5px;}
.input-form table tr td.tgts-list .prdt-area ul li dl dd:first-child {margin-top:0;}
.input-form table tr td.tgts-list .prdt-area ul li dl dd input {width:100%; height:20px;}
.input-form table tr td.tgts-list .prdt-area ul li dl dd a {position:absolute; right:0; top:0; width:20px; height:20px; font-size:0; line-height:0; background-color:#000; border-radius:2px;}

.input-form table tr td ul.rpls-list li {padding-top:5px; padding-left:15px; margin-top:5px; line-height:21px; border-top:1px dotted #aaa; background:url(../images/ic_reply.png) no-repeat left 13px;}
.input-form table tr td ul.rpls-list li:last-child {padding-bottom:5px;}
.input-form table tr td ul.rpls-list li strong {display:block; font-weight:normal;}

.input-form table tr td.acnt-list ul li a.delete {display:inline-block; width:15px; height:15px; font-size:0; line-height:0; background:url(../images/btn_delete.png) no-repeat center center; vertical-align:middle;}

.input-form table tr td.user-list ul {margin-top:10px; padding:10px; border:1px solid #ddd; border-radius:3px;}
.input-form table tr td.user-list ul:after {clear:both; display:block; content:'';}
.input-form table tr td.user-list ul li {float:left; width:200px; margin:0 !important;}
.input-form table tr td.user-list ul li a.delete {display:inline-block; width:15px; height:15px; font-size:0; line-height:0; background:url(../images/btn_delete.png) no-repeat center center; vertical-align:middle;}

.input-form table tr td.area-list ul li {display:none; margin-top:10px !important;}
.input-form table tr td.area-list ul li.on {display:block;}
.input-form table tr td.area-list ul li dl:after {clear:both; display:block; content:'';}
.input-form table tr td.area-list ul li dl dd {float:left; width:37px; height:37px; text-align:center; line-height:37px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; cursor:pointer;}
.input-form table tr td.area-list ul li dl dd:first-child {border-left:1px solid #ddd;}
.input-form table tr td.area-list ul li dl:first-child dd {border-top:1px solid #ddd;}
.input-form table tr td.area-list ul li dl dd.on {font-weight:bold; background-color:#f6f6f6;}

.input-form table tr td.ware-list ul li {position:relative; padding-top:10px; margin-top:10px; border-top:1px dotted #aaa;}
.input-form table tr td.ware-list ul li a.delete {position:absolute; top:13px; left:154px; display:inline-block; width:15px; height:15px; font-size:0; line-height:0; background:url(../images/btn_delete.png) no-repeat center center; vertical-align:middle;}
.input-form table tr td.ware-list ul li a.delete:hover {background-image:url(../images/btn_delete_on.png);}
.input-form table tr td.ware-list ul li:first-child {padding-top:0; margin-top:0; border-top-style:none;}
.input-form table tr td.ware-list ul li:first-child a.delete {top:3px;}
.input-form table tr td.ware-list ul li strong {display:block; margin:10px 0 5px 0;}
.input-form table tr td.ware-list ul li:first-child strong {margin-top:0;}
.input-form table tr td.ware-list ul li:first-child em + strong {margin-top:10px;}
.input-form table tr td.ware-list ul li ul li {position:static; padding-top:0; margin-top:5px; margin-left:12px; border-top-style:none;}
.input-form table tr td.ware-list ul li ul li label {display:inline-block; width:100px; margin-right:0;}

.input-form table tr td.vndr-list ul li {margin-top:5px;}
.input-form table tr td.vndr-list ul li a.delete {display:inline-block; width:15px; height:15px; font-size:0; line-height:0; background:url(../images/btn_delete.png) no-repeat center center; vertical-align:middle;}
.input-form table tr td.vndr-list ul li a.delete:hover {background-image:url(../images/btn_delete_on.png);}

.input-form table tr td.brnd-list ul li {margin-top:5px;}
.input-form table tr td.brnd-list ul li a.delete {display:inline-block; width:15px; height:15px; font-size:0; line-height:0; background:url(../images/btn_delete.png) no-repeat center center; vertical-align:middle;}
.input-form table tr td.brnd-list ul li a.delete:hover {background-image:url(../images/btn_delete_on.png);}
.input-form table tr td.brnd-list.n ul li:first-child {margin-top:0;}

.input-form table tr td.slide-list ul li {padding-top:10px; margin-top:10px; border-top:1px dotted #aaa;}
.input-form table tr td.slide-list ul li:first-child {padding-top:0; margin-top:0; border-top-style:none;}
.input-form table tr td.slide-list ul li div {margin:10px 0;}

.input-form table tr td.item-list ul {margin-top:10px;}
.input-form table tr td.item-list ul li {padding-top:10px; margin-top:10px; border-top:1px dotted #aaa;}
.input-form table tr td.item-list ul li:first-child {padding-top:0; margin-top:0; border-top-style:none;}
.input-form table tr td.item-list ul li div:not(.minicolors) {margin:10px 0;}
.input-form table tr td.item-list ul li a.delete {display:inline-block; width:15px; height:15px; font-size:0; line-height:0; background:url(../images/btn_delete.png) no-repeat center center; vertical-align:middle;}
.input-form table tr td.item-list ul li a.delete:hover {background-image:url(../images/btn_delete_on.png);}

.input-form table tr td.dvex-list ul li {margin-top:5px;}
.input-form table tr td.dvex-list ul li:first-child {margin-top:0;}
.input-form table tr td.dvex-list ul li a.delete {display:inline-block; width:15px; height:15px; font-size:0; line-height:0; background:url(../images/btn_delete.png) no-repeat center center; vertical-align:middle;}
.input-form table tr td.dvex-list ul li a.delete:hover {background-image:url(../images/btn_delete_on.png);}

.input-form table tr td.rvws-list ul li {padding-top:10px; margin-top:10px; border-top:1px dotted #aaa;}
.input-form table tr td.rvws-list ul li:first-child {padding-top:0; margin-top:0; border-top-style:none;}
.input-form table tr td.rvws-list ul li a.delete {display:inline-block; width:15px; height:15px; font-size:0; line-height:0; background:url(../images/btn_delete.png) no-repeat center center; vertical-align:middle;}
.input-form table tr td.rvws-list ul li a.delete:hover {background-image:url(../images/btn_delete_on.png);}

.input-form table tr td.upls-list ul li {margin-top:5;}
.input-form table tr td.upls-list ul li:first-child {margin-top:0;}
.input-form table tr td.upls-list ul li a.file {}
.input-form table tr td.upls-list ul li a.delete {display:inline-block; width:15px; height:15px; font-size:0; line-height:0; background:url(../images/btn_delete.png) no-repeat center center; vertical-align:middle;}
.input-form table tr td.upls-list ul li a.delete:hover {background-image:url(../images/btn_delete_on.png);}

.input-form .button-area {position:relative; height:26px; margin-top:10px; line-height:26px; text-align:right;}
.input-form .button-area select {vertical-align:middle;}
.input-form .button-area input {vertical-align:middle;}
.input-form .button-area input.input {width:150px; height:26px; padding:0 5px; border-style:solid; border:1px solid #aaa; vertical-align:middle; border-radius:2px;}
.input-form .button-area input.input.rmkTxt {width:432px;}
.input-form .button-area select {height:26px; border:1px solid #aaa; border-radius:2px;}
.input-form .button-area .left {position:absolute; left:0; top:0; line-height:26px;}
.input-form .no-activity {padding:20px; margin-top:10px; text-align:center; border:1px solid #aaa; color:#666; border-radius:2px;}

/* 카테고리 */
.category:after {clear:both; display:block; content:'';}
.category .tree {float:left; width:300px;}
.category .tree .tree-list {padding:10px 5px; border:1px solid #aaa; border-radius:2px;}
.category .tree .tree-list ul {margin-left:17px;}
.category .tree .tree-list ul:first-child {margin-left:0;}
.category .tree .tree-list ul li.none {padding:25px 0; text-align:center; color:#666;}
.category .tree .tree-list ul li a {height:13px; line-height:13px; display:inline-block; padding:0 0 3px 17px; margin:2px 0; text-decoration:none; vertical-align:middle; background-image:url(../images/ic_folder.png); background-repeat:no-repeat;}
.category .tree .tree-list ul li a.none {margin-left:16px;}
.category .tree .tree-list ul li a.list {width:16px; height:16px; padding:0; font-size:0; line-height:0; vertical-align:middle; background-image:url(../images/ic_tree_off.png); background-repeat:no-repeat; background-position:5px 4px; cursor:default;}
.category .tree .tree-list ul li a.list.on {background-image:url(../images/ic_tree_on.png);}
.category .tree .tree-list ul li a.cate.on {font-weight:bold; text-decoration:underline;}
.category .tree .button {position:relative; margin-top:10px; text-align:right;}
.category .tree .button .left {position:absolute; left:0; top:0;}
.category .area {
	float:left;
	width:calc(100% - 315px);
	width:-webkit-calc(100% - 315px);
	width:-moz-calc(100% - 315px);
	margin-left:15px;
}
.category .area .input-form .no-activity {padding:35px 0; margin-top:0; color:#666; border-color:#aaa; border-radius:2px;}

/* 레이어 */
.common-layer.addr iframe {
	width:600px;
	height:80vh;
	margin-top:calc((100vh - 80vh) / 2);
	margin-top:-moz-calc((100vh - 80vh) / 2);
	margin-top:-webkit-calc((100vh - 80vh) / 2);
}
.common-layer.cate iframe {
	width:450px;
	height:280px;
	margin-top:calc((100vh - 225px) / 2);
	margin-top:-moz-calc((100vh - 225px) / 2);
	margin-top:-webkit-calc((100vh - 225px) / 2);
}
.common-layer.upload iframe {
	width:350px;
	height:175px;
	margin-top:calc((100vh - 225px) / 2);
	margin-top:-moz-calc((100vh - 225px) / 2);
	margin-top:-webkit-calc((100vh - 225px) / 2);
}
.common-layer.viewer iframe {width:1281px; height:80vh; margin-top:10vh;}
.common-layer.export iframe {width:90vw; height:90vh; margin-top:5vh;}
.common-layer.sprf iframe {height:50vh; margin-top:25vh;}
.common-layer.sprf.big iframe {height:60vh; margin-top:20vh;}
.common-layer.memo iframe {
	width:600px;
	height:325px;
	margin-top:calc((100vh - 250px) / 2);
	margin-top:-moz-calc((100vh - 250px) / 2);
	margin-top:-webkit-calc((100vh - 250px) / 2);
}
.common-layer.log-list iframe {width:80vw; height:80vh; margin-top:10vh;}
.common-layer.vndr iframe {width:600px;}
.common-layer.brnd iframe {width:600px;}
.common-layer.mngr iframe {
	width:600px;
	height:450px;
	margin-top:calc((100vh - 450px) / 2);
	margin-top:-moz-calc((100vh - 450px) / 2);
	margin-top:-webkit-calc((100vh - 450px) / 2);
}
.common-layer.recv iframe {
	height:600px;
	margin-top:calc((100vh - 600px) / 2);
	margin-top:-moz-calc((100vh - 600px) / 2);
	margin-top:-webkit-calc((100vh - 600px) / 2);
}
.common-layer.image iframe {
	width:530px;
	height:748px;
	margin-top:calc((100vh - 748px) / 2);
	margin-top:-moz-calc((100vh - 748px) / 2);
	margin-top:-webkit-calc((100vh - 748px) / 2);
}
.common-layer.msgs iframe {width:900px;}

/* 아이콘 */
span.icon {display:inline-block; padding:0 5px; font-size:11px; font-weight:normal; line-height:18px; color:#fff; background-color:#00aaaa; border-radius:2px; vertical-align:middle;}
span.icon.ordr-10 {background-color:#d75e00;}
span.icon.ordr-20 {background-color:#577e19;}
span.icon.ordr-30 {background-color:#005d0f;}
span.icon.ordr-40 {background-color:#005d0f;}
span.icon.ordr-45 {background-color:#0083db;}
span.icon.ordr-50 {background-color:#09429d;}
span.icon.ordr-60 {background-color:#4c24ab;}
span.icon.ordr-70 {background-color:#c63765;}
span.icon.ordr-99 {background-color:#666;}
span.icon.prdt-0 {background-color:#666;}
span.icon.prdt-1 {background-color:#534dc3;}
span.icon.prdt-2 {background-color:#008000;}
span.step {vertical-align:unset !important;}
span.step.ordr-10 {color:#d75e00;}
span.step.ordr-20 {color:#577e19;}
span.step.ordr-30 {color:#005d0f;}
span.step.ordr-40 {color:#005d0f;}
span.step.ordr-45 {color:#0083db;}
span.step.ordr-50 {color:#09429d;}
span.step.ordr-60 {color:#4c24ab;}
span.step.ordr-70 {color:#c63765;}
span.step.ordr-97 {color:#888;}
span.step.ordr-98 {color:#888;}
span.step.ordr-99 {color:#888;}
span.step.clms-10,
span.step.clms-20,
span.step.clms-30 {color:#d75e00;}
span.step.clms-11,
span.step.clms-12,
span.step.clms-13,
span.step.clms-21,
span.step.clms-22,
span.step.clms-23 {color:#577e19;}
span.step.clms-44,
span.step.clms-24,
span.step.clms-25 {color:#005d0f;}
span.step.clms-15,
span.step.clms-26,
span.step.clms-32 {color:#c63765;}
span.step.clms-19,
span.step.clms-29,
span.step.clms-31  {color:#888;}

/* 색상 */
.minicolors-theme-default .minicolors-swatch {top:3px; left:unset; right:3px; width:20px; height:20px;}

/* 차트 */
.chart {height:400px; margin:15px 0; border:1px solid #aaa;}
.chart.none {margin-top:0;}
.chart.empty {position:relative;}
.chart.empty:after {position:absolute; left:0; top:50%; transform:translateY(-50%); display:block; width:100%; text-align:center; content:'최근 1주일 매출현황';}
.chart text {font-family:"맑은 고딕","Malgun Gothic","돋움","Dotum","sans-serif" !important;}
.chart * {max-width:100% !important;}