/*

HOW TO CREATE A CSS3 DROPDOWN MENU [TUTORIAL]

"How to create a CSS3 Dropdown Menu [Tutorial]" was specially made for DesignModo by our friend Valeriu Timbuc.

Links:
http://vtimbuc.net/
https://twitter.com/vtimbuc
http://designmodo.com
http://vladimirkudinov.com

*/
* {margin: 0;padding: 0; box-sizing:border-box;}
body {
	font-family:"나눔바른고딕", "NanumBarunGothic", "nbg", sans-serif;
	position:relative;
	
}
ul, li, ol, dl, dt, dd { margin: 0; padding: 0; list-style:none;}

::-webkit-scrollbar { width:8px; }
::-webkit-scrollbar-track {background:#eee; border-radius: 4px; margin:0;}
::-webkit-scrollbar-thumb {background:#ddd; border-radius: 4px;}
::-webkit-scrollbar-thumb:hover {background:#D3F9D8; border-radius: 4px;}

/* Reset */
.menu,
.menu ul,
.menu li,
.menu a {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
}

/* Menu */
.menu {	
	height: 40px;
	width: 690px;

	background: #4c4e5a;
	background: -webkit-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
	background: -moz-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
	background: -o-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
	background: -ms-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
	background: linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.menu li {
	position: relative;
	list-style: none;
	float: left;
	display: block;
	height: 40px;
}

/* Links */

.menu li a {
	display: block;
	padding: 0 14px;
	margin: 6px 0;
	line-height: 28px;
	text-decoration: none;
	
	border-left: 1px solid #393942;
	border-right: 1px solid #4f5058;

	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 13px;

	color: #f3f3f3;
	text-shadow: 1px 1px 1px rgba(0,0,0,.6);

	-webkit-transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
	-o-transition: color .2s ease-in-out;
	-ms-transition: color .2s ease-in-out;
	transition: color .2s ease-in-out;
}

.menu li:first-child a { border-left: none; }
.menu li:last-child a{ border-right: none; }

.menu li:hover > a { color: #8fde62; }

/* Sub Menu */

.menu ul {
	position: absolute;
	top: 40px;
	left: 0;

	opacity: 0;
	
	background: #1f2024;

	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;

	-webkit-transition: opacity .25s ease .1s;
	-moz-transition: opacity .25s ease .1s;
	-o-transition: opacity .25s ease .1s;
	-ms-transition: opacity .25s ease .1s;
	transition: opacity .25s ease .1s;
}

.menu li:hover > ul { opacity: 1; }

.menu ul li {
	height: 0;
	overflow: hidden;
	padding: 0;

	-webkit-transition: height .25s ease .1s;
	-moz-transition: height .25s ease .1s;
	-o-transition: height .25s ease .1s;
	-ms-transition: height .25s ease .1s;
	transition: height .25s ease .1s;
}

.menu li:hover > ul li {
	height: 36px;
	overflow: visible;
	padding: 0;
}

.menu ul li a {
	width: 100px;
	padding: 4px 0 4px 40px;
	margin: 0;

	border: none;
	border-bottom: 1px solid #353539;
}

.menu ul li:last-child a { border: none; }

/* Icons */

.menu a.documents { background: url(../images/docs.png) no-repeat 6px center; }
.menu a.messages { background: url(../images/bubble.png) no-repeat 6px center; }
.menu a.signout { background: url(../images/arrow.png) no-repeat 6px center; }



/* leftmenu */
.leftmenu::-webkit-scrollbar {display: none;}
#menu {
	width:100%;
	background:#616162;
	overflow-y:scroll;
	-ms-overflow-style: none; /* 인터넷 익스플로러 */
	scrollbar-width: none; /* 파이어폭스 */
}
#menu::-webkit-scrollbar {
  display: none;
}

#menu > ul > li > img {padding: 15px;}
#menu > ul > li { border-bottom: 1px solid #575757;}
#menu > ul > li.last { border-bottom: 0; }
#menu > ul > li > a { display: block; color: #fff; font-size: 15px; font-weight: 300; text-align: left; padding: 17px 15px; height:auto;text-decoration: none; background: url(../images/menu_up.svg) 95px center no-repeat;cursor:pointer;}
#menu > ul > li > a.menu_line { line-height: 18px; font-size: 13px; padding: 15px 0; }
#menu > ul > li.active > a { border-bottom: 1px solid #40424b; background: url(../images/menu_down.svg) 95px center no-repeat; }
#menu > ul > li > a.op { color: #f08200; }
#menu ul > li > a:hover, .submenu > dd a:hover { color:#749BFF; }
#menu > ul > li > h4 {width:calc(100% - 16px);color:#E7FF10; font-size:35px; font-weight:700; text-align:center;padding:12px 0;}
.submenu { background: #404040; }
.submenu dd {}
.submenu dd.last { }
.submenu > dd > a { color: #fff; display: block; font-size: 13px; font-weight: 300; padding:10px 15px; text-align: left;text-decoration: none; }
.submenu > dd > a.active { color: #f08200; }
.submenu ul li { line-height: 20px; }

.menubtn {
	position:absolute;
	width:16px;
	height:100%;
	top:0;
	right:0;
	background:#a1a1a1;
	z-index:2;
	padding:1px;
}
.menubtn div {
	position:absolute;	
	top:300px;
	left:0;
	display:flex;
	background:#616162;
	width:100%;
	height:70px;
	align-items: center;
	border:1px solid #a1a1a1;
	box-sizing:border-box;
	cursor:pointer;
}
.menubtn div img {vertical-align:middle;}

/* 주문관리 */
table {
	border-collapse:collapse;
    text-indent:0;
    border-spacing:0;
}
table.topmenu {
	width:98%;
	font-size:14px;
	margin-top:30px;
	margin-bottom:30px;
}
table.topmenu tbody tr {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
}
table.topmenu tbody tr td {
	text-align:left;
	vertical-align:middle;
	font-size:15px;
}
table.topmenu tbody tr td.btns {width:32px;padding:0;text-align:center}
table.topmenu tbody tr td.btns a{
	display:table-cell;
	width:30px;
	height:30px;
	background:#E3E3E3;
	border-radius:5px;
	vertical-align:middle;
}
table.topmenu tbody tr td.btns a:hover {background:#C1C1C1}
table.topmenu tbody tr td.btns a img {display:inline-block;vertical-align:middle}
table.topmenu tbody tr td.btns button {width:30px;height:30px;border-radius:5px;cursor:pointer;border-color:#444B59}
table.topmenu tbody tr td.btns button.active {background:#444B59;color:#fff;}
table.topmenu tbody tr td.btns button:hover {background:#C1C1C1}
table.topmenu tbody tr td button.btn_geum {
	width:80px;
	height:40px;
	background:#339EF0;
	color:#fff;
	border:0;
	border-radius:5px;
	font-size:18px;
	font-weight:700;
	cursor:pointer
}
table.topmenu tbody tr td button.btn_geum:hover {background:#1971C2}
table.topmenu tbody tr td button.btn_chung {
	width:80px;
	height:40px;
	background:#FF922B;
	color:#fff;
	border:0;
	border-radius:5px;
	font-size:18px;
	font-weight:700;
	cursor:pointer
}
table.topmenu tbody tr td button.btn_chung:hover {background:#E67700}
table.topmenu tbody tr td.labels {font-weight:700;padding:0 5px;text-align:right}
table.topmenu tbody tr td.labels.pl10 {padding-left:10px;}
table.topmenu tbody tr td.labels.pl15 {padding-left:15px;}
table.topmenu tbody tr td.labels.pl20 {padding-left:20px;}
table.topmenu tbody tr td.labels.pl25 {padding-left:25px;}
table.topmenu tbody tr td.labels.pl30 {padding-left:30px;}
table.topmenu tbody tr td.btns2 {width:auto;padding:0;text-align:center}
table.topmenu tbody tr td input[type="button"] {
	background:#E3E3E3;
	border-radius:5px;
	font-size:14px;
	font-weight:700;
	color:#434343;
	border:0;
	cursor:pointer
}
table.topmenu tbody tr td input[type="button"]:hover {background:#C1C1C1;}
table.topmenu tbody tr td input,
table.topmenu tbody tr td select {
	border:1px solid #cbcbcb;
	border-radius:2px;
	color:#4d4d4d;
	font-size:15px;
	height:30px;
	padding:0 5px;
}
table.topmenu tbody tr td select option {font-size:16px}
table.topmenu tbody tr td select.purple {background: #d0bfff;font-weight:700;}
table.topmenu tbody tr td select.purple option:nth-child(even) {background: #ebe6ff}
table.topmenu tbody tr td select.pink {background: #FCC2D7; font-weight:700;}
table.topmenu tbody tr td select.pink option:nth-child(even) {background: #ffe3ee;}
table.topmenu tbody tr td select option:nth-child(odd) {background:#fff}
table.topmenu tbody tr td input {max-width:98px;}
table.topmenu tbody tr td select {width:90px;}
table.topmenu tbody tr td input[type="checkbox"] {width:auto;}
table.topmenu tbody tr td.checkbox {
	width:auto;
	text-align:center;
	position:relative;
	padding-left:10px;
}
table.topmenu tbody tr td input[type="checkbox"] {
	position:absolute;
	top:1px;
	left:16px;
}
table.topmenu tbody tr td input[type="checkbox"] + label {
	display:table-cell;
	width:88px;
    height: 30px;
    padding-left:20px; 
	cursor: pointer;
	color:#4d4d4d;
	font-weight:700;
	background:#F2F2F2;
	vertical-align:middle;
}
table.topmenu tbody tr td input[type="checkbox"] + label:before { display:none;}
table.topmenu tbody tr td input[type="checkbox"]:checked + label {color:#1A73E8}
table.topmenu tbody tr td.checkbox2 {
}
table.topmenu tbody tr td.checkbox2 [type="checkbox"] {
	display:none;
}
table.topmenu tbody tr td.checkbox2 [type="checkbox"] + label {
	width:30px;
    height: 30px;
    background: url('../images/vip_default.svg') no-repeat 0 0px / contain;
	line-height:30px;
	cursor: pointer;
	padding:0;
}
table.topmenu tbody tr td.checkbox2 [type="checkbox"] + label:before { 
	display:none;
}

table.topmenu tbody tr td.checkbox2 [type="checkbox"]:checked + label {
	background: url('../images/vip_active.svg') no-repeat 0 1px / contain;
}
table.topmenu tbody tr td.blank {
	width:80px;
	max-width:100px
}
table.topmenu tbody tr td input[type='button'] {
	width:80px;
	height:30px;
	font-size:14px;
	font-weight:700;
	background:#444B59;
	color:#fff;
	border-radius:5px;
	border:0;
	cursor:pointer
}
table.topmenu tbody tr td input[type='button']:hover {background:#737e94;}


table.hdlist {
	width:98%;
}
table.hdlist tbody tr th {
	height:46px;
	background:#e3e3e3;
	padding:0 5px;
	color:#434343;
	font-size:15px;
	font-weight:700;
	border:1px solid #d3d3d3;
}
table.hdlist tbody tr td {
	padding:5px 3px;
	font-size:15px;
	border:1px solid #d3d3d3;
	color:#434343;
}
table.hdlist tbody tr td a {font-size:15px; color:#434343}
table.hdlist tbody tr td input[type='button'] {
	width:36px;
	height:24px;
	font-size:12px;
	background:#E5E5E5;
	color:#434343;
	border:1px solid #D3D3D3;
	border-radius:0;
}
table.bottommenu {
	width:98%;
	background:#F5F6F7;
	font-size:14px;
	margin-top:10px;
	margin-bottom:20px;
	height:44px;
}
table.bottommenu tbody tr {display:flex;flex-wrap:wrap;align-items:center;justify-content:center;padding:7px}
table.bottommenu tbody tr td.labels {font-size:14px;font-weight:700;padding:0 5px;text-align:right}
table.bottommenu tbody tr td.labels.pl20 {padding-left:20px;}
table.bottommenu tbody tr td.labels.pl25 {padding-left:25px;}
table.bottommenu tbody tr td.labels.pl30 {padding-left:30px;}
table.bottommenu tbody tr td input,
table.bottommenu tbody tr td select {
	border:1px solid #cbcbcb;
	border-radius:2px;
	color:#4d4d4d;
	font-size:14px;
	height:30px;
	padding:0 5px;
}
table.bottommenu tbody tr td input {width:98px;}
table.bottommenu tbody tr td select {width:90px;}
table.bottommenu tbody tr td input[type='button'] {
	width:80px;
	height:30px;
	font-size:14px;
	font-weight:700;
	background:#444B59;
	color:#fff;
	border-radius:5px;
	border:0;
	cursor:pointer
}
table.bottommenu tbody tr td input[type='button']:hover {background:#737e94;}
/* 주문수정 팝업 */
table.updatetop {
	width:1180px;
	margin-bottom:10px;
}
table.updatetop tbody tr td {font-size:14px;letter-spacing:-0.3px}
table.updatetop tbody tr td.labels {width:60px; font-weight:700;color:#4d4d4d; text-align:left;}
table.updatetop tbody tr td.labels.auto {width:auto;}
table.updatetop tbody tr td.content {width:111px; padding-right:25px;}
table.updatetop tbody tr td:last-child {width:auto;padding:0;}
table.updatetop tbody tr td.content.pd0 {width:auto;padding-right:4px;}
table.updatetop tbody tr td.content.etcs {width:1120px; padding:0;}
table.updatetop tbody tr td.content.etcs > input:nth-of-type(odd) {width:calc((100% - 12px)*0.2)}
table.updatetop tbody tr td.content.etcs > input:nth-of-type(even) {width:calc((100% - 12px)*0.3)}
table.updatetop tbody tr td input,
table.updatetop tbody tr td select {
	width:86px;
	border:1px solid #cbcbcb;
	border-radius:2px;
	color:#4d4d4d;
	font-size:14px;
	letter-spacing:-0.3px;
	height:30px;
	padding:0 5px;
}
table.updatetop tbody tr td select option {padding:0 5px}
/*table.updatetop tbody tr td select:read-only {
	background:#F5F6F7;
	color:#999;
}*/
table.updatetop tbody tr td select:disabled {
	background:#F5F6F7;
	color:#999;
}
table.updatetop tbody tr td input.right {text-align:right;}
table.updatetop tbody tr td input[type="checkbox"] {width:auto;}
table.updatetop tbody tr td.checkbox {
	width:172px;
	text-align:center;
	position:relative;
}
table.updatetop tbody tr td input[type="checkbox"] {
	position:absolute;
	top:1px;
	left:35px;
}
table.updatetop tbody tr td input[type="checkbox"] + label {
	display:table-cell;
	width:146px;
    height: 30px;
    padding-left:20px; 
	cursor: pointer;
	color:#4d4d4d;
	font-weight:700;
	background:#F2F2F2;
	vertical-align:middle;
}
table.updatetop tbody tr td input[type="checkbox"] + label:before { display:none;}
table.updatetop tbody tr td input[type="checkbox"]:checked + label {color:#1A73E8}
table.updatetop tbody tr td input[type="checkbox"].blue:checked + label {color:#1A73E8;background:#c5f6fa}
table.updatetop tbody tr td textarea {
	width:100%;
	border:1px solid #cbcbcb;
	border-radius:2px;
	color:#4d4d4d;
	font-size:14px;
	letter-spacing:-0.3px;
	padding:5px;
	min-height:44px;
}
.totaledit {
	width:1180px;
	text-align:right;
	margin-top:10px;
	margin-bottom:15px;
}
.totaledit input[type="button"] {
	background:#444B59;
	color:#fff;
	font-size:14px;
	font-weight:700;
	width:112px;
	height:30px;
	border-radius:5px;
	border:0;
	cursor:pointer;
}
.totaledit input[type="button"]:hover {background:#737E94}
.totaledit input[type="button"].btn_view {
	background:#fff;
	color:#444B59;
	border:1px solid #444B59;
	font-size:14px;
	font-weight:700;
	width:112px;
	height:30px;
	border-radius:5px;
	cursor:pointer;
}
.totaledit input[type="button"].btn_view:hover {background:#DFE1E6}
.hr {width:100%;height:8px;background:#eee;}
table.hdlist.popup {width:1180px;margin-bottom:10px;}
table.hdlist.popup tbody tr.sticky {position:sticky;top:-1px;left:0;}
table.hdlist.popup tbody tr th {height:32px;text-align:center;}
table.hdlist.popup tbody tr td {padding:6px;}

table.updatebottom {
	width:1180px;
	background:#F5F6F7;
	font-size:14px;
	margin-top:20px;
	margin-bottom:20px;
	height:44px;
}
table.updatebottom tbody tr td.labels {padding-right:5px;font-size:14px;font-weight:700;color:#4d4d4d; text-align:left;}
table.updatebottom tbody tr td.content {width:106px; padding-right:20px;}
table.updatebottom tbody tr td.content:last-child {width:86px;padding:0;}
table.updatebottom tbody tr td input,
table.updatebottom tbody tr td select {
	width:86px;
	border:1px solid #cbcbcb;
	border-radius:2px;
	color:#4d4d4d;
	font-size:14px;
	letter-spacing:-0.3px;
	height:30px;
	padding:0 5px;
}
/*.bg_design {
	width:1180px;
	background:#FFE8CC;
	padding:10px 20px;
} */

.popup_wrap {
	width:100%;
	display:flex;
	flex-wrap:nowrap;
	padding:20px;
	align-items:flex-start;
}
.bg_flex {
	display:flex;
	flex-wrap:wrap;
	align-items:stratch;
}
.bg_design {
	width:300px;
	background:#FFE8CC;
	padding:20px 15px;
	border:1px solid #FFA94D;
}
.d_flex {
	display:flex;
	flex-wrap:wrap;
	width:100%;
	margin-bottom:15px;
}
.d_labels {
	width:60px;
	text-align:left;
	font-size:14px;
	font-weight:700;
	color:#4d4d4d;
	line-height:30px;
}
.d_content {
	width:208px;
	height:30px;
}
.d_content input,
.d_content select {
	width:100%;
	height:30px;
	background:#fff;
	border:1px solid #CBCBCB;
	border-radius:2px;
	font-size:14px;
	padding:0 5px;
}
.d_content textarea {
	width:100%;
	height:100%;
	background:#fff;
	border:1px solid #CBCBCB;
	border-radius:2px;
	font-size:14px;
	padding:5px;
}
button.btn_edit {
	background:#FD7E14;
	border:0;
	border-radius:5px;
	color:#fff;
	font-size:14px;
	font-weight:700;
	width:72px;
	height:30px;
	cursor:pointer
}



table.design tbody tr td {
	position:relative;
	padding:5px 0;
}
table.design tbody tr td.labels {
	width:63px;
	font-size:14px;
	font-weight:700;
}
table.design tbody tr td.content {padding-right:25px;}
table.design tbody tr td.content:last-child {padding-right:0}
table.design tbody tr td input,
table.design tbody tr td select {
	width:100%;
	border:1px solid #cbcbcb;
	border-radius:2px;
	color:#4d4d4d;
	font-size:14px;
	letter-spacing:-0.3px;
	height:30px;
	padding:0 5px;
}
table.design tbody tr td input {width:203px;}
table.design tbody tr td select {width:106px;}
table.design tbody tr td textarea {
	width:1076px;
	border:1px solid #cbcbcb;
	border-radius:2px;
	color:#4d4d4d;
	font-size:14px;
	letter-spacing:-0.3px;
	padding:5px;
	min-height:44px;
}
table.buttons {width:1180px;margin-top:20px;}
table.buttons tbody tr td {text-align:center;}
table.buttons tbody tr td input[type="button"] {
	background:#E3E3E3;
	border-radius:5px;
	font-size:14px;
	font-weight:700;
	color:#434343;
	border:0;
	width:80px;
	height:30px;
	cursor:pointer;
	margin:0 7px
}
table.buttons tbody tr td input[type="button"]:hover {background:#c1c1c1}
table.buttons tbody tr:nth-of-type(1) td {padding-bottom:10px}
table.buttons tbody tr:nth-of-type(2) td {padding-top:10px;border-top:1px solid #CBCBCB}
/* 배송정보 수정 */
h2 {font-size:20px;padding-bottom:5px;}
h3 {color:#1A73E8;text-align:left;margin-bottom:10px;}
.bgwhite {background:#fff; padding:20px; width:100%;margin-top:10px;}
table.dlvupdate {
	width:100%;
	margin-bottom:10px;
}
table.dlvupdate tbody tr td {font-size:14px;letter-spacing:-0.3px}
table.dlvupdate tbody tr td.labels {width:60px; font-weight:700;color:#4d4d4d; text-align:left;}
table.dlvupdate tbody tr td.labels.auto {width:auto;}
table.dlvupdate tbody tr td.content {width:152px; padding-right:25px;}
table.dlvupdate tbody tr td:last-child {width:auto;padding:0;}
table.dlvupdate tbody tr td.content.pd0 {width:auto;padding-right:4px;}
table.dlvupdate tbody tr td.content.pd00 {width:auto;padding:0;}
table.dlvupdate tbody tr td input,
table.dlvupdate tbody tr td select {
	border:1px solid #cbcbcb;
	border-radius:2px;
	color:#4d4d4d;
	font-size:14px;
	letter-spacing:-0.3px;
	height:30px;
	padding:0 5px;
	background:#fff;
}
table.dlvupdate tbody tr td input {width:120px}
table.dlvupdate tbody tr td select {width:90px}
table.dlvupdate tbody tr td select option {padding:0 5px}
table.dlvupdate tbody tr td select:disabled {
	background:#F5F6F7;
	color:#999;
}
table.dlvupdate tbody tr td input.right {text-align:right;}
table.dlvupdate tbody tr td input[type="checkbox"] {width:auto;}
table.dlvupdate tbody tr td.checkbox {
	width:172px;
	text-align:center;
	position:relative;
}
table.dlvupdate tbody tr td input[type="checkbox"] {
	position:absolute;
	top:1px;
	left:35px;
}
table.dlvupdate tbody tr td input[type="checkbox"] + label {
	display:table-cell;
	width:146px;
    height: 30px;
    padding-left:20px; 
	cursor: pointer;
	color:#4d4d4d;
	font-weight:700;
	background:#F2F2F2;
	vertical-align:middle;
}
table.dlvupdate tbody tr td input[type="checkbox"] + label:before { display:none;}
table.dlvupdate tbody tr td input[type="checkbox"]:checked + label {color:#1A73E8}
table.dlvupdate tbody tr td textarea {
	width:100%;
	border:1px solid #cbcbcb;
	border-radius:2px;
	color:#4d4d4d;
	font-size:14px;
	letter-spacing:-0.3px;
	padding:5px;
	min-height:44px;
}
table.dlvupdate tbody tr td.content label {
	display:inline-block;
	width:74px;
	height:30px;
	background:#E5E5E5;
	border:1px solid #D3D3D3;
	border-radius:2px;
	font-size:14px;
	color:#434343;
	text-align:center;
	line-height:30px;
	cursor:pointer;
	vertical-align:top;
}
table.dlvupdate tbody tr td.content label:hover {background:#c1c1c1}
table.dlvupdate tbody tr td.content input[type="file"] {
    position: absolute;
    width: 0;
    height: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
} 
.edit {
	width:100%;
	text-align:center;
	margin-top:20px;
}
.edit input[type="button"] {
	background:#444B59;
	color:#fff;
	font-size:14px;
	font-weight:700;
	width:112px;
	height:30px;
	border-radius:5px;
	border:0;
	cursor:pointer;
}
.edit input[type="button"]:hover {background:#737E94}
.edit input[type="button"].close {
	background:#E3E3E3;
	border-radius:5px;
	font-size:14px;
	font-weight:700;
	color:#434343;
	border:0;
	width:60px;
	height:30px;
	cursor:pointer;
}
.edit input[type="button"].close:hover {background:#c1c1c1}
/* 변경이력 */
table.hdlist.viewlog {width:100%;margin-bottom:20px;margin-top:10px;background:#fff;}
table.hdlist.viewlog tbody tr th {
	font-size:14px;
	height:30px;
}
table.hdlist.viewlog tbody tr td {padding:5px;}

/* 출고관리 */
table.outgridlist {width:100%;margin-bottom:30px;}
table.outgridlist tbody tr th {
	color:#000;
	font-size:1.3rem;
	font-weight:700;
	letter-spacing:-0.3%;
	background:#e3e3e3;
	height:36px;
}
table.outgridlist tbody tr td {
	color:#000;
	font-size:1.8rem;
	font-weight:500;
	letter-spacing:-0.3%;
	padding:10px;
}
table.outgridlist tbody tr.common_tr {}
table.outgridlist tbody tr.common_tr:nth-child(4n) {background:#F5F6F7}
table.outgridlist tbody tr.common_tr.active {background:#D1E5FF;}
table.outgridlist tbody tr.detail_tr {
	display:none;
	background:#F5F6F7;
}
table.outgridlist tbody tr.detail_tr.show {display:table-row;}
table.outgridlist tbody tr.detail_tr td {
	text-align:center;
	height:80px;
}
table.outgridlist tbody tr.common_tr td select {
	border-radius:2px;
	border:1px solid #CBCBCB;
	height:3rem;
	width:100%;	
	font-size:1.8rem;
	font-weight:700;
	color:#000
}
table.outgridlist tbody tr.common_tr td select.purple {background:#d0bfff;}
table.outgridlist tbody tr.common_tr td select.purple option:nth-child(even) {background: #ebe6ff}
table.outgridlist tbody tr.common_tr td select.pink {background:#FCC2D7}
table.outgridlist tbody tr.common_tr td select.pink option:nth-child(even) {background: #ffe3ee;}
table.outgridlist tbody tr.common_tr td select option:nth-child(odd) {background:#fff}

table.outgridlist tbody tr.common_tr td option {
	font-size:1.3rem;
}
.flex, .flex_pc {
	display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
	justify-content: center;
}
.flex h2 {font-size:1.8rem;margin-right:0.5rem}
.flex input, .flex select, .flex option {
	padding:5px;
	border-radius:2px;
	border:1px solid #CBCBCB;
	font-size:1.8rem;
	height:42px;
}
.flex input, .flex select {margin-right:1.5rem}
/* 출고관리 pc */
table.hdlist tbody tr.common_tr:nth-child(4n) {background:#F5F6F7}
table.hdlist tbody tr.common_tr.active {background:#D1E5FF;}
table.hdlist tbody tr.detail_tr {
	display:none;
	background:#F5F6F7;
}
table.hdlist tbody tr.detail_tr.show {display:table-row;}
table.hdlist tbody tr.detail_tr td {
	text-align:center;
	height:46px;
}
table.hdlist tbody tr.common_tr td select {
	border-radius:2px;
	border:1px solid #CBCBCB;
	width:120px;
	height:30px;
	font-size:14px;
	font-weight:700;
}
table.hdlist tbody tr.common_tr td select.pink {background:#FCC2D7}
table.hdlist tbody tr.common_tr td select.pink option:nth-child(even) {background: #ffe3ee;}
table.hdlist tbody tr.common_tr td select.purple {background:#d0bfff;}
table.hdlist tbody tr.common_tr td select.purple option:nth-child(even) {background: #ebe6ff}
table.hdlist tbody tr.common_tr td select option {font-size:16px}
table.hdlist tbody tr.common_tr td select option:nth-child(odd) {background:#fff}
.flex_pc h2 {font-size:14px;margin-right:5px;padding-top:3px;}
.flex_pc input, .flex_pc select, .flex_pc option {
	border:1px solid #CBCBCB;
	font-size:14px;
	height:30px;
	padding:5px;
}
.flex_pc input, .flex_pc select {margin-right:20px;}
img.thumb {
	width:150px;
	height:150px;
	vertical-align:top;
}
img.thumbpc {
	width:60px;
	height:60px;
	vertical-align:top;
}
/* 로그인 */
.login_wrap {
	width:360px;
	margin-top:200px;
}
.login_wrap div {margin-bottom:10px;}
.login_wrap input[type="button"] {
	width:100%;
	height:52px;
	background:#333;
	color:#fff;
	font-size:18px;
	font-weight:700;
	border-radius:2px;
	border:0;
	margin-top:10px;
	cursor:pointer
}

/* 시안 관리 */

table.hdlistv {width:98%;margin-top:16px;margin-bottom:30px}
table.hdlistv tbody tr th {
	height:42px;
	background:#e3e3e3;
	padding:0 5px;
	color:#434343;
	font-size:15px;
	font-weight:700;
	border:1px solid #d3d3d3;
}
table.hdlistv tbody tr td {
	height:36px;
	padding:5px;
	font-size:15px;
	border:1px solid #d3d3d3;
	color:#434343;
}
table.hdlistv tbody tr td input[type='button'] {
	width:60px;
	height:24px;
	font-size:12px;
	background:#E5E5E5;
	color:#434343;
	border:1px solid #D3D3D3;
	border-radius:0;
}

/* 고객관리 */
table.hdlistv tbody tr td a.idlogin {
	font-size:12px;
	color:#339AF0;
	background:#D0EBFF;
	padding:3px;
	margin-left:10px;
	font-weight:700;
}

/* 고객정보 수정 팝업 */
table.gridlist {
	width:1140px;
	margin-bottom:10px;
}
table.gridlist tbody tr td {font-size:14px;letter-spacing:-0.5px}
table.gridlist tbody tr td.labels {width:60px; font-weight:700;color:#4d4d4d; text-align:left;padding:6px 0;}
table.gridlist tbody tr td.labels.auto {width:auto;}
table.gridlist tbody tr td.content {width:172px; text-align:left;}
table.gridlist tbody tr td:last-child {width:auto;padding:0;}
table.gridlist tbody tr td.content.pd0 {width:auto;padding-right:4px;}
table.gridlist tbody tr td input,
table.gridlist tbody tr td select,
table.gridlist tbody tr td textarea {
	border:1px solid #cbcbcb;
	border-radius:2px;
	color:#4d4d4d;
	font-size:14px;
	letter-spacing:-0.3px;
	height:30px;
	padding:0 5px;
}
table.gridlist tbody tr td textarea {resize:none;padding:5px;}
table.gridlist tbody tr td input {width:152px;}
table.gridlist tbody tr td input[type="button"] {
	width:44px;
	border:1px solid #D3D3D3;
	background:#E5E5E5;
}
table.gridlist tbody tr td select {width:75px;display:inline-block}
table.gridlist tbody tr td select option {padding:0 5px}
/*table.updatetop tbody tr td select:read-only {
	background:#F5F6F7;
	color:#999;
}*/
table.gridlist tbody tr td select:disabled {
	background:#F5F6F7;
	color:#999;
}
table.gridlist tbody tr td input.right {text-align:right;}
table.gridlist tbody tr td input[type="checkbox"] {width:auto;}
table.gridlist tbody tr td.checkbox {
	width:185px;
	text-align:center;
	position:relative;
	vertical-align:top;
}
table.gridlist tbody tr td input[type="checkbox"] {
	position:absolute;
	top:1px;
	left:40px;
}
table.gridlist tbody tr td input[type="checkbox"] + label {
	display:table-cell;
	width:165px;
    height: 30px;
    padding-left:20px; 
	cursor: pointer;
	color:#4d4d4d;
	font-weight:700;
	background:#F2F2F2;
	vertical-align:middle;
}
table.gridlist tbody tr td input[type="checkbox"] + label:before { display:none;}
table.gridlist tbody tr td input[type="checkbox"]:checked + label {color:#1A73E8}
table.gridlist tbody tr td input[type="checkbox"].blue:checked + label {color:#1A73E8;background:#c5f6fa}
table.gridlist tbody tr td.checkbox div {
	width:100%;
	margin-top:10px;
	text-align:left;
}
table.gridlist tbody tr td.checkbox div > select {	
	width:165px!important;
}


table.gridlist tbody tr td.edit {
	position:relative;
}
table.gridlist tbody tr td.edit input[type="checkbox"] {
	position:absolute;
	top:1px;
	right:28px;
	left:inherit;
}

#afterDiv {display:none;}
/* 포트폴리오류 */

table.samp {width:98%;margin-top:16px;}
table.samp tbody tr th {
	height:42px;
	background:#e3e3e3;
	padding:0 5px;
	color:#434343;
	font-size:15px;
	font-weight:700;
	border:1px solid #d3d3d3;
}
table.samp tbody tr td {
	height:36px;
	padding:5px;
	font-size:14px;
	border:1px solid #d3d3d3;
	color:#434343;
	position:relative;
	vertical-align:middle
}
table.samp tbody tr td input[type='button'] {
	width:60px;
	height:24px;
	font-size:12px;
	background:#E5E5E5;
	color:#434343;
	border:1px solid #D3D3D3;
	border-radius:0;
}
table.samp tbody tr td > div {background:#fafafa; width:40px; height:40px;}
table.samp tbody tr td > div img {vertical-align:top;}

/* 포트폴리오 파일 첨부 */
table.bottommenu tbody tr td.content {}
table.bottommenu tbody tr td.content input[type="text"] {
	display:inline-block;
	width:160px;
	vertical-align:top;
}
table.bottommenu tbody tr td.content label {
	display:inline-block;
	width:64px;
	height:30px;
	background:#E5E5E5;
	border:1px solid #D3D3D3;
	border-radius:2px;
	font-size:12px;
	color:#434343;
	text-align:center;
	line-height:30px;
	cursor:pointer;
	vertical-align:top;
}
table.bottommenu tbody tr td.content label:hover {background:#c1c1c1}
table.bottommenu tbody tr td.content input[type="file"] {
    position: absolute;
    width: 0;
    height: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
}
table.bottommenu tbody tr td.btns input[type="button"] {
	display:inline-block;
	width:30px;
	height:30px;
	background:#E5E5E5;
	border:1px solid #D3D3D3;
	border-radius:2px;
	font-size:12px;
	color:#434343;
	text-align:center;
	line-height:30px;
	cursor:pointer;
	vertical-align:top;
}
table.bottommenu tbody tr td.btns input[type="button"]:hover {background:#c1c1c1}
.btn_refresh {
	width:128px;
	height:30px;
	background:#fff;
	border:1px solid #444B59;
	border-radius:5px;
	font-size:14px;
	font-weight:700;
	color:#444B59;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
}
.btn_refresh img {vertical-align:top;}
.btn_refresh:hover {background:#e5e5e5;}
.vborder {
	margin:0 auto;
	width:2px;
	height:24px;
	background:#E5E5E5;
}
table.bottommenu tbody tr td input[type="checkbox"] {width:auto;}
table.bottommenu tbody tr td.checkbox {
	width:140px;
	text-align:center;
	position:relative;
}
table.bottommenu tbody tr td.checkbox.ver2 {
	width:auto;
}
table.bottommenu tbody tr td input[type="checkbox"] {
	position:absolute;
	left:20px;
}
table.bottommenu tbody tr td.checkbox.ver2 input[type="checkbox"] {left:0;}
table.bottommenu tbody tr td input[type="checkbox"] + label {
	display:table-cell;
	width:120px;
    height: 30px;
    padding-left:20px; 
	cursor: pointer;
	color:#4d4d4d;
	font-weight:700;
	background:#fff;
	vertical-align:middle;
	font-size:14px;
}
table.bottommenu tbody tr td input[type="checkbox"] + label.ver2 {
	width:auto;
	background:transparent;
	padding-left:20px; 
	padding-right:35px;
}
table.bottommenu tbody tr td input[type="checkbox"] + label:before { display:none;}
table.bottommenu tbody tr td input[type="checkbox"]:checked + label {font-size:14px;color:#1A73E8}
table.bottommenu tbody tr td input[type="checkbox"].blue:checked + label {color:#1A73E8;background:#c5f6fa}

/* 게시판류 */
table.board {width:98%;margin-bottom:20px}
table.board tbody tr th {
	height:42px;
	background:#e3e3e3;
	padding:0 5px;
	color:#434343;
	font-size:15px;
	font-weight:700;
	border:1px solid #d3d3d3;
}
table.board tbody tr td {
	height:42px;
	padding:4px;
	font-size:14px;
	border:1px solid #d3d3d3;
	color:#434343;
}
/* 주문상세 */
table.hdlist.detail {margin-bottom:20px;}
table.hdlist.detail tbody tr td {
	height:36px;
	padding:5px;
	font-size:14px;
	border:1px solid #d3d3d3;
	color:#434343;
}

/* CTP */
input[type=number].number {
	border:0;
	text-align:right;
	font-size:14px;
	width:110px;
	padding:5px;
}
input[type=number].number::-webkit-inner-spin-button,
input[type=number].number::-webkit-outer-spin-button {opacity: 1;margin:0 0 0 5px;}
/*
html { height:100%; _overflow:hidden;}
	
	
	
	.menuleft { background:#F6F6F6; width:150px;}
	
	
	
	
	*/
	
/* 조판 rowspan */

.rowspan tbody tr:nth-child(4n+1) {background:#F5F6F7}
.rowspan tbody tr:nth-child(4n+2) {background:#F5F6F7}
/*.rowspan tbody tr:nth-child(even) > td:nth-child(2) {background:#fff}*/
/*.rowspan tbody tr:hover {background:#ebfbee}*/
.rowspan tbody tr:hover {background:#ebfbee}
.rowspan tbody tr.bg {background:#ebfbee}

	
/* 스크롤바 */
/*
::-webkit-scrollbar { width:16px; }
::-webkit-scrollbar-track {background:#eee;  margin:0;}
::-webkit-scrollbar-thumb {background:#bbb; border:0}
::-webkit-scrollbar-thumb:hover {background:#666; }
::-webkit-scrollbar-button {}
::-webkit-scrollbar-button:vertical:decrement {
    background: url('../images/arrow_top.png') no-repeat center 50%;
	background-color:#eee;
}
::-webkit-scrollbar-button:vertical:increment {
    background: url('../images/arrow_down.png') no-repeat center 50%;
	background-color:#eee;
} */

::-webkit-scrollbar { width:8px; }
::-webkit-scrollbar-track {background:#f1f1f1; border-radius:0; margin:0;}
::-webkit-scrollbar-thumb {background:#c1c1c1; border-radius:0;}
::-webkit-scrollbar-thumb:hover {background:#a8a8a8; border-radius:0;}

/* 팝업 안쪽 테이블 */
.table_wrapper {
	min-height:auto;
	max-height:240px;
	overflow-x:hidden;
	margin-bottom:10px;
	text-align:left;
}
.table_wrapper::-webkit-scrollbar { width:15px;}
.table_wrapper::-webkit-scrollbar-thumb {background: rgb(178, 212, 255);}
.table_wrapper::-webkit-scrollbar-thumb:hover {background:#80B7FF}
/* 이력팝업 안쪽 테이블 */
.table_wrapper_history {
	width:1220px;
	min-height:auto;
	max-height:240px;
	overflow-x:hidden;
	margin-bottom:10px;
	text-align:left;
	padding-left:20px;
}
.table_wrapper_history::-webkit-scrollbar { width:15px;}
.table_wrapper_history::-webkit-scrollbar-thumb {background: rgb(178, 212, 255);}
.table_wrapper_history::-webkit-scrollbar-thumb:hover {background:#80B7FF}

button.btn_del {width:80px; height:40px;}

/* 디자인 달력 라벨 */
.design_label {
	position:absolute;
	top:20px;
	right:20px;
}
.design_label ul {
	display:flex;
	flex-wrap:wrap;
}
.design_label ul li {
	margin-left:20px;
}
.design_label ul li span {font-size:14px;font-weight:700}
.design_label ul li span.li_design {color:#000}
.design_label ul li span.li_send {color:#888}
.design_label ul li span.li_edit {color:#845EF7}
.design_label ul li span.li_done {color:#d3d3d3}
.design_label ul li span.li_new {color:#f00}


button.btn_download {
	width:30px;
	height:30px;
	border-radius:5px;
	background:#15AABF;
	border:0;
}
button.btn_download:hover {background:#0B7285 !important}