/** document general options **/
@import url("/Css/Fonts.css");
@import './Icons.css';
@import './User-Grid.css';


body {font:12px "Nanum Gothic", Nanum Gothic, 돋움, dotum, Helvetica, Arial, Tahoma, sans-serif;	background: #eff2fa;}
body, html {height:100%;color:#313131;}

#wrap {
	width: 100%;
	min-width:1500px;
}

#pop_wrap {background:#fff;margin:20px;}
.popHeadTit {position:relative;background:#e9f1f8;border:1px solid #cde1f3;padding:10px;}

span.clearFix {width:100%; height:0px; visibility:hidden; clear:both; display:block; margin:0; padding:0; font-size:0px;}
.hidden {display:none;}

/** button stylings **/
div.inner-nav {clear:both; margin:10px 0;}
div.inner-nav a, a.button {display:inline-block; background:url(/Image/Admin/bg-buttons-left.gif) no-repeat; text-decoration:none; height:21px; padding:0 0 0 15px; color:#fff; font-weight:bold;
font-size:9pt;}
div.inner-nav a:hover, a.button:hover {color:#333;}
div.inner-nav a span, a.button span {display:block; background:url(/Image/Admin/bg-buttons-right.gif) no-repeat right; padding:0 15px 0 0; line-height:21px;}
a.button {margin:0 10px;}

.align-left {float:left;}
.align-right {float:right;}

/** text colors assigned to elements in various areas **/
.yellow {color:#e8e4a2;}
.light-blue {color:#a6b7c0;}
.blue {color:#508db8 !important;}
.light-grey {color:#d7d7d7}
.white {color:#fff;}
.bold { font-weight: bold; }
.grey1 { color: #a9a9a9; }
.green1 { color: green; }
.red1 { color: #ff3300; }
.black1 { color: #333; }
.clrRed1 { color: #ff6600; }
.clrBlue1 { color: #5050fa; }
.clrBlue2 { color: #0099ff; }
.clrBora1 { color: #6633cc; }

.fc_red {color:red;}
.fc_grey {color:#aaaaaa;}
.fc_blue {color:#486cca;}

.SearchChg { color: #ffff00; background:#555; font-weight:bold; font-size:13px; padding:3px; }

.ft11 { font-size:11px; }
.ft_11 {font-size:11px;}
.ft_12 {font-size:12px;}
.ft_13 {font-size:13px;}
.ft_14 {font-size:14px;}
.ft_15 {font-size:15px;}
.ft_30 {font-size:30px;}

.en10 { font-size:10px;font-family:verdana;letter-spacing:-0.02em; }

.lht_150 {line-height:150%;}

.clrBoth {clear:both;}
.pHt10 {height:10px;}
.pHt20 {height:20px;}
.pHt30 {height:30px;}

.w100 {width:100%}
.w90 {width:90%}
.w80 {width:80%}
.w70 {width:70%}
.w60 {width:60%}
.w50 {width:50%}
.w40 {width:40%}
.w30 {width:30%}
.w20 {width:20%}
.w10 {width:10%}

.mgB10 {margin-bottom:10px;}

.cursor {cursor:pointer}




div#container {width:100%; position:relative; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -113px;}
.push {height:133px;}

/** HEADER AND NAVIGATION **/
div#header {padding-top:0px;}
	div#header h1 {font-size:16px; text-transform:uppercase; letter-spacing:-1px; font-weight:bold; color: #fff;height:40px;/**/ line-height:40px;float:left}
	div#header h1 a {color:#fff; text-decoration:none;margin:0 20px;}

	/** toggleBtn **/
	div#header .toggleBtn{width:50px; height:40px; text-align:center; border-left:1px solid #7f8892; border-right:1px solid #7f8892; float:left}
	div#header .toggleBtn .fa{line-height:40px; color:#fff; font-size:16px; cursor:pointer}
	
	/** header userbox **/
	div#userbox {color:#fff; padding:0px; margin:0; float:left;height:40px; }
	div#userbox ul{position:relative; top:9px;margin-left:20px;}
	div#userbox ul:after{content:''; display:block; clear:both;}
	div#userbox ul li{float:left;height:15px; line-height:15px; padding-right:15px}
	div#userbox ul li:first-child{padding-right:20px}
	div#userbox ul li a{color:#fff;}
	div#userbox ul li i{font-size:16px; position:relative; top:3px; padding-right:5px;}
	div#userbox ul li strong{color:#ffff00;font-family: verdana !important;}
	div#userbox ul li strong.Box{display:inline-block;width:50px;}
	div#userbox ul li strong.Box2{display:inline-block;width:50px;height:14px;color:#ff6600;}
	.language{height:40px; padding:0px 10px; float:right;vertical-align:top;}
	.language select{ position:relative; top:9px; border:0px; height:22px; line-height:22px; cursor:pointer;padding-left:1px;}

	/** expand **/
	.expandBtn{float:right; width:50px; height:45px; text-align:center; border-left:1px solid #46a1e8; }
	.expandBtn .fa{line-height:45px; color:#fff; font-size:16px; cursor:pointer}

	/** box general settings **/ 
	div.box5 {margin-bottom:15px; }
	div.box5 ul{margin-left:20px;margin-top:14px;}
	div.box5 ul li{float:left;height:15px; line-height:15px; margin-right:13px;}
	div.box5 ul li a{color:#fff;}
	div.box5 ul li a.sysmessage-de{display:inline-block; width:16px; height:16px; background:#fff; border-radius:10px; color:#188ae2; font-weight:bold;
	line-height:16px; text-align:center; margin-left:5px;}
	div.box5 ul li.select a{color:#fff}
	div.box5 ul li.select a.sysmessage-de{background:yellow;color:#188ae2;  }

	
	div#top {height:40px; background:#2b3a4a; line ar-gradient(to right,#2ebf91,#8360c3); width:100%; white-space:nowrap; overflow:hidden;}
	/*div#top:after{content:''; display:block; clear:both;}*/
	div#top.CsWork {height:40px; background:#0c436b;}
	
	/** menu **/
	.gnb{position:relative; width:100%;height:88px;     box-shadow: 0 5px 5px -3px rgba(0,0,0,.15);}
	ul#menu {width:100%;display: flex; flex-direction:row;flex-wrap:nowrap; justify-content:space-between;background:#fff; /*padding-bottom:38px;*/}
	ul#menu li {flex:1;}
	ul#menu li a {display:block; font-size:15px;color:#393939; text-decoration:none;text-align:center; text-transform:uppercase; font-weight:bold;height:50px; 
	border-right:1px solid #ddd; border-bottom:1px solid #ddd ;letter-spacing:-1px;}

	ul#menu.CsWork li a {vertical-align:middle;line-height:60px;padding:0 30px;}

	ul#menu li a i{display:block;width:100%; padding-bottom:3px; padding-top:8px; font-size:15px;}
	ul#menu li:hover a{ color:#fff;background:#8360c3;border-right:1px solid #7049b9;border-bottom:1px solid #8360c3}
	ul#menu li:hover .deth2{display:block}
	ul#menu li:hover .deth2 li a {color:#313131; background:#fff}
	
	ul#menu li.select a{ color:#fff; background:#8360c3; border-right:1px solid #7049b9;border-bottom:1px solid #8360c3 ;}
	ul#menu li.select .deth2{display:block; z-index:1; }
	ul#menu li.select .deth2 a{background:none; border-right:0px}
	ul#menu li.select .deth2 .select2 a{color:#8360c3;background:#f5f5f5;}

	ul#menu li ul.deth2{position: absolute; top:50px; left:0px; width:100%; height:auto; background:#fff; display:none; z-index:2;}
	ul#menu li ul.deth2 li{float:left; border-right:1px solid #eee;}
	ul#menu li ul.deth2 li a{display:block; font-size:12px; line-height:38px; height:38px; color:#474747;padding:0px 12px; border:0px}
	ul#menu li ul.deth2 li a:hover{color:#8360c3; background:#f5f5f5}
	ul#menu li ul.deth2 li:hover{background:none;}
	ul#menu li ul.deth2 li.secet2 a{color:#8360c3; background:#f5f5f5}

	.gnb .subMnBg{width:100%; height:38px; background:#edf0f5;border-top:1px solid #a0a7b2 ; overflow:hidden}

	





	
	/*ul#menu li a.top-level {position:relative; padding-right:25px;}
	ul#menu li a.top-level span {background:url(/Image/Admin/bg-toplevel.gif) no-repeat 0px 2px; width:11px; height:8px; display:block; position:absolute; right:10px; top:13px;}
	ul#menu li a.top-level:hover span, .blue span {background-image:url(/Image/Admin/bg-toplevel-hover.png) !important;}
	
		ul#menu li ul {position:absolute; top:40px; min-width:200px !important; left:0px; z-index:999; background:#fff; visibility:hidden; display:none;
		padding-bottom:10px; border:2px solid #ccc; border-left:none; border-top:none; border-right-width:1px; padding-top:5px; -moz-border-radius-bottomleft:5px;
		-moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px;}
		ul#menu li ul li {float:none; height:auto; border-bottom:1px dotted #d6d8d9;}
		ul#menu li ul li:hover {background:url(/Image/Admin/bg-submenu-hover.gif) no-repeat;}
		ul#menu li ul li a {padding:6px 3px 6px 20px; display:block !important; background:url(/Image/Admin/link-arrow-regular.gif) no-repeat 10px 10px !important; color:#5c6467; 
		text-decoration:none; text-align:left; text-transform:capitalize; height:auto; background-color:none !important; font-weight:normal;}
		ul#menu li ul li a:hover {color:#fff; background-image:url(/Image/Admin/submenuhover.gif) !important;}
		ul#menu li.selected a {background:#00bff3; color:#fff;}
		ul#menu li.selected a:hover {background:#6c7275; color:#fff;}*/
	
	/** search form **/
	div#header form {float:right; width:246px; margin-top:9px;}
	div#header form fieldset legend {display:none;}
	div#header form fieldset label#searchbox {display:block; background:url(/Image/Admin/bg-search.gif) no-repeat; height:21px; width:246px;}
	div#header form fieldset label#searchbox input {background:none; border:none; outline:none; padding:4px 0 0 23px; color:#666; font-size:0.9em;}
/** END OF HEADER **/

/** CONTENT **/
div#content {padding-top:0px;}

	/** left menu **/
	.leftMenuBox{width:191px; background:#fff; min-height:300px;}

	/** main heading of the page **/
	div#content-top {padding-bottom:8px; margin-bottom:15px;}
		div#content-top h2 {font-size:150%; font-weight:bold; color:#373d40; margin-left:12px; float:left;}
		div#content-top a#topLink {float:right; background:url(/Image/Admin/icon-blue-arrow.gif) no-repeat; display:inline-block; 
		padding-left:23px; text-decoration:none; font-weight:bold; color:#508db8; height:16px; margin-top:10px; margin-right:12px;}
		div#content-top a#topLink:hover {color:#333;}
		
		
	

	
	/** columns **/
	div#left-col {float:left;}
    div#mid-col {width:100%;}
	div#mid-col {width:auto; max-width:100%;}
	div#mid-col .box{width:100%!important}
	div#right-col {margin-right:0px; float:right;}
	div#left-col, div#right-col {width:15%;}
	div.full-col {width:740px !important; margin-right:0px !important;}
	
	/** list links **/
	ul.list-links, div#to-do-list ul {margin-left:-10px; margin-top:-5px;}
	ul.list-links li {border-bottom:1px dotted #d6d8d9;}
	ul.list-links li.last {border-bottom:none;}
	ul.list-links li a {padding:8px 3px 6px 20px; display:block; background:url(/Image/Admin/link-arrow-regular.gif) no-repeat 10px 10px #fff; color:#5c6467; text-decoration:none;}
	ul.list-links li a:hover, ul.list-links li.selected a:hover {background:url(/Image/Admin/link-arrow-hover.gif) no-repeat 10px 10px #fafae9; color:#000;}
		ul.list-links li ul {background:#fcfbf2 !important; padding-left:10px; padding-top:10px; width:213px; font-size:0.9em;}
		ul.list-links li ul li {border-bottom:none;}
		ul.list-links li ul li a {background:none; padding:5px 3px 5px 20px !important;}
		ul.list-links li ul li a:hover {background-color:#fcfbf2; background-position:8px 10px}
		ul.list-links li a.ui-state-active {font-weight:bold;color:#ff3300;}
	
	
	/** system messages **/
	div#sys-messages-container h5 {background:url(/Image/Admin/icon-messages.gif) no-repeat;}
	div#quick-send-message-container h5 {background:url(/Image/Admin/icon-quick-send-message.gif) no-repeat;}
	
	div#sys-messages-container ul {margin-bottom:5px;}
	div#sys-messages-container ul li {font-size:1em; padding:8px; position:relative;}
	div#sys-messages-container ul li a.sysmessage-de {position:absolute; right:8px; top:7px;}
	div#sys-messages-container ul li a:hover {text-decoration:none;}
	
	div#sys-messages-container ul li.even-messages {background:#f3f6f7;}
	div#sys-messages-container ul li.even-messages a {color:#314d5b;}
	
	div#sys-messages-container ul li.odd-messages {background:#ebf0f3;}
	div#sys-messages-container ul li.odd-messages a {color:#1f2f35;}
	
	/** quick send message **/
	div#quick-send-message-container form {background:#f2f2f2; padding:8px; font-size:0.9em; color:#333; margin-bottom:5px;}
	div#quick-send-message-container form fieldset p {margin-bottom:6px !important;}
	div#quick-send-message-container form p:first-child {margin-top:0px;}
	div#quick-send-message-container form p label {font-weight:bold; display:block; margin-bottom:5px;}
	
	div#quick-send-message-container form input#message-title, div#quick-send-message-container form textarea {padding:5px; font-size:0.9em; border:1px solid #ccc; width:175px;
	font-family:Helvetica, Arial, sans-serif}
	
	/** to-dos **/
	ul.tab-menu {border-bottom:2px solid #3a4043; height:27px;}
	ul.tab-menu li {float:left; margin-right:5px;}
	ul.tab-menu li.tabs-selected a {background:#3a4043; color:#c4a93d; font-weight:bold;}
	ul.tab-menu li a {display:inline-block; background:#737d81; color:#ccc; font-weight:normal; padding:6px 10px; text-transform:uppercase; text-decoration:none;}
	.tabs-hide {display:none;}
	
	div#to-do-list ul {margin-top:-10px;}
	div#to-do-list ul li {border-bottom:1px solid #eeeddb; padding:8px 10px;}
	div#to-do-list ul li.even {background:#f5f4eb;}
	div#to-do-list ul li.odd {background:#fbfbf7;}
	div#to-do-list ul li a {font-weight:bold; color:#ae9a62;}
	div#to-do-list ul li a:hover {color:#666; text-decoration:none;}
	div#to-do-list ul li small {display:block; padding:5px 0 0 24px; font-size:0.9em; color:#999;}
	
	/** forms **/
	form.middle-forms {padding:5px; color:#3a4043}
	form.middle-forms p {margin:10px 0;}
	form.middle-forms h3 {color:#1d8895; font-weight:bold; font-size:150%; margin-bottom:10px;}
	
	form.middle-forms fieldset {padding-top:10px;}
	form.middle-forms fieldset ol li {padding:15px;}
	form.middle-forms fieldset ol li.even {background:#f3f3f3;}
	
	form.middle-forms fieldset ol li input/*,form.middle-forms fieldset ol li textarea*/ {
	padding:5px; border:1px solid #dedede; background:url(/Image/Admin/bg-textbox.gif) repeat-x #fff;}
	form.middle-forms fieldset ol li input[type="radio"], form.middle-forms fieldset ol li input[type="checkbox"] {border:none; background:none;}
	input.txtbox-short {width:122px;}
	input.txtbox-middle {width:190px;}
	input.txtbox-long, form.middle-forms fieldset ol li textarea {width:305px;}
	
	form.middle-forms fieldset ol li label {float:left; margin-right:15px; display:block;}
	form.middle-forms fieldset ol li label.field-title {font-weight:bold; width:100px; padding-top:3px;}
	
	
	span.form-confirm-inline, span.form-error-inline {display:inline-block; padding-left:20px;  margin-left:10px; height:16px;}
	span.form-confirm-inline {color:#72a101; background:url(/Image/Admin/icon-confirm.gif) no-repeat;}
	span.form-error-inline {color:#a10101; background:url(/Image/Admin/icon-error.gif) no-repeat;}
	
	a.heading-link {color:#cae6ed; text-transform:capitalize; font-size:0.9em; font-weight:normal; display:inline-block; padding-left:15px; text-decoration:none;}
	a.heading-link:hover {color:#fff;}

	/* tables */
	table.table-short {width:500px; 	margin:-5px 0 0 -5px; border-collapse:collapse;	}
	table.table-long {width:740px; margin-left:-10px}
	table.table-short td, table.table-long td {border-top:1px solid #dfdfdf; font-size:0.9em; 	padding:10px 0; margin:0; color:#666;}
	table.table-short thead td, table.table-long thead td {font-weight:bold;}
	table.table-short thead td, table.table-short tfoot td, table.table-long thead td, table.table-long tfoot td {border:none;}
	table.table-short td:first-child, table.table-long td:first-child {text-align:left; padding:0 0 0 10px;}
	table.table-short tfoot, table.table-long tfoot {border-top:1px solid #ccc;}
	
	table.table-short tr.odd, table.table-long tr.odd {	background:url(/Image/Admin/bg_tableRow.gif) repeat-x 0px 1px;	}
	
	td.col-chk {width:40px;}
	td.col-first {font-weight:bold; width:200px;}
	td.col-second a {color:#508db8; font-weight:bold;}
	td.col-second a:hover {text-decoration:none; color:#333;}
	
	td.row-nav {width:110px;}
	a.table-edit-link, a.table-delete-link {color:#666; text-decoration:none; display:inline-block; margin-right:10px; padding-left:20px; height:16px; text-align:right;}
	a.table-edit-link:hover, a.table-delete-link:hover {color:#000;}
	a.table-delete-link {margin-right:0px !important; background:url(/Image/Admin/icon-delete.gif) no-repeat;}
	a.table-edit-link {background:url(/Image/Admin/icon-edit.gif) no-repeat;}
	
	/** CALENDAR & DATE **/
	div#date-container {background-color:#f3f6f7; margin:-10px -10px 15px -10px; padding:10px; }
	div#date-container img {float:left; margin-right:10px;}
	div#date-container span.hour, div#date-container span.date {display:block; float:left;}
	div#date-container span.hour {font-size:220%; font-weight:bold; color:#d8a416; padding-top:2px;margin-right:10px;}
	div#date-container span.date {color:#666; font-size:0.8em; padding-top:4px;}
	
	div#calendar-container {width:100%;}
	div#calendar-container h5 {background-image:url(/Image/Admin/icon-calendar.gif); background-repeat:no-repeat; display:block;}
	div#calendar-container div.ui-datepicker-header {background:#a1b1b3; padding:10px; text-align:center;
	position:relative; color:#fff; font-weight:bold; margin-bottom:1px;}
	span.ui-icon {position:absolute; top:10px; cursor:pointer;}
	.ui-icon-circle-triangle-e {right:10px;}
	.ui-icon-circle-triangle-w {left:10px;}
	a.ui-state-highlight {background:#fff;color:#ac0000; font-weight:bold;}
	a.ui-datepicker-next-hover span, a.ui-datepicker-prev-hover span {color:#000 !important;}

	table.ui-datepicker-calendar {width:203px; padding:5px; background:#f2f2f2; font-size:0.9em;}
	table.ui-datepicker-calendar th,table.ui-datepicker-calendar td {
	text-align:center; font-weight:bold; padding:2px;}
	table.ui-datepicker-calendar a {text-decoration:none; display:block; text-align:center;
	color:#666; padding:3px; border:1px solid #f2f2f2;}
	table.ui-datepicker-calendar a:hover {border:1px solid #ccc;}
	table.ui-datepicker-calendar a.ui-state-active {color:#ac0000 !important; border:1px solid #ccc; background:#fff;}
	td.ui-datepicker-week-end a {color:#999;}
	
	/** QUICK VISUAL LINKS **/
	ul#quick-visual-links {width:100%;}
	ul#quick-visual-links li {float:left;}
	ul#quick-visual-links li a {width:62px; text-align:center; margin:0 3px 5px 0; font-size:0.9em; border:1px solid #ccc; display:block; padding:5px 0; text-decoration:none;
	color:#444; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
	ul#quick-visual-links li img {margin-bottom:3px;}
	ul#quick-visual-links li a:hover {color:#000; border-color:#999; background:#f3f6f7}
	
	/** FOOTER **/	
	div#footer-wrap {background:url(/Image/Admin/bg-footer.gif) repeat-x; height:113px; position:relative;}
	div#footer {width:960px; margin:0 auto; padding:10px;}
	
	div#footer-top {color:#f2f2f2;}
	div#footer-top h4 {color:#fff; text-transform:uppercase; margin:5px 0; font-size:120%; font-weight:bold;}
	div#footer-top a {color:#adc3d3; font-weight:bold; font-size:0.9em; text-decoration:none;}
	div#footer-top a:hover {color:#fff;}
	
	div#footer-top h2 {font-size:160%; text-transform:uppercase; padding-top:10px; padding-right:10px; font-weight:bold;}
	div#footer-top h2 a {color:#a1a5a6;}
	div#footer-top h2 a:hover {color:#c7cdcf;}
	
	div#footer-bottom {margin-top:25px;}
	div#footer-bottom p {color:#717272; font-size:0.9em;}
	div#footer-bottom p a {color:#ccc; text-decoration:none;}
	
.page-navi {
	clear: both;
	width: 100%;
	text-align: center;
	padding: 30px 0 0 0;
}

.page-navi .num-box {
	font-size: 0;
	over-flow: hidden;
}

.page-navi .num-box span {
	margin: 0 9px;
}

.page-navi .num-box span em {
	display: inline-block;
	margin: 0 5px;
	padding: 6px 0 0 0;
	width: 25px;
	height: 19px;
	border: solid 1px #a4a4a4;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	text-align: center;
	vertical-align: middle;
	background: #323232;
}

.page-navi .num-box span a {
	display: inline-block;
	margin: 0 5px;
	padding: 6px 0 0 0;
	width: 25px;
	height: 19px;
	border: solid 1px #a4a4a4;
	color: #000;
	font-size: 12px;
	text-align: center;
	vertical-align: middle;
	background: #fff;
}

.addpop-wrap {
	max-width: 100%;
	min-width: 300px;
	margin-top: 0px;
	padding: 10px;
	overflow-y: hidden;
}

.addpop-wrap .add-check {
	height: 30px;
	text-align:center;
	font-weight: bold;
}

.addpop-wrap .add-select {
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	background: #ebebeb;
	margin-bottom: 35px;
}

.addpop-wrap .add-select p {
	height: 30px;
	line-height: 25px;
	vertical-align: middle;
	padding: 5px;
}

.close { 
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	padding-right: 15px;
	color: #fff;
	text-align: right;
	margin-top: 20px;
	
}
.close a{display:inline-block;padding:2px 16px 1px;_padding:3px 16px 0;background-position: 100% 0;font-weight:bold;color:#fff;cursor:pointer;text-decoration:none !important}

/* 탭메뉴 */
#tabmenu{ position:relative; height:29px; width: 100%; background:url(/Image/admin/tab_menu.gif) repeat-x 0 100%; font-family:"Nanum Gothic", Nanum Gothic, '돋움',dotum; font-size:12px; margin-top: 6px; }
#tabmenu ul,#tabmenu ul li{margin:0;padding:0}
#tabmenu ul li{list-style:none}
#tabmenu ul li,#tabmenu ul li a{background:url(/Image/admin/bg_tab2_off.gif) no-repeat}
#tabmenu ul li{float:left;margin-right:-1px;line-height:26px}
#tabmenu ul li a{display:inline-block;padding:2px 16px 1px;_padding:3px 16px 0;background-position: 100% 0;font-weight:bold;color:#666;cursor:pointer;text-decoration:none !important}
#tabmenu ul li a{color:#000}
#tabmenu ul li.on,#tabmenu ul li.on a{background-image:url(/Image/admin/bg_tab2_on.gif)}
#tabmenu ul li.on a{color:#3376b8}

#tabcontent1{}
#tabcontent2{}
/* //탭메뉴 */


/* 페이징 */
.pagDv {clear: both; width: 100%; margin: 10px 0 0 0px; position:relative ; }
.pagDv td{text-align:center}
.pagDv .Status-change{position:absolute; top:0px;  left:0px;}
.pagDv .CntRt {position:absolute; top:0px;  right:0px; padding-right: 0px; font-size: 9px; font-family: verdana; letter-spacing: 0em; }
.pagDv .CntRt .tt { color: #777; }
.pagDv .CntRt .go { color: #333; }

.paging	{text-align:center;padding-top:10px}
.paging a {margin:0 5px;}
.paging span.num {display:inline-block;}
.paging span.num a {display:block;color:#656766; font-size:13px; line-height:20px; vertical-align:middle;font-weight:bold; border-radius:50px;width:20px; height:20px;
float:left;border:1px solid #eee;}
.paging span.num a.ArrowOff {background:#f5f5f5;  color:#bbb;}
.paging span.num a.ArrowOff:hover {color:#bbb;}
.paging span.num a.ArrowOn {background:#f5f5f5;color:#333;}
.paging span.num a.ArrowOn:hover {color:#333;}
.paging span.num a img {vertical-align:top;}
.paging span.num a:hover {color:#44a69e;}
.paging span.num a.on {display:inline-block; height:20px; background:#44a69e; border:1px solid #44a69e; color:#fff;}
.paging span.num a.on:hover {color:#FF0;}


/* 소제목 */

/* 소제목 */
/* 박스 클래스 */
	.titBoxStep { font-size: 13px; font-weight: bold; color: #445; padding: 5px 0 0 5px; border:1px solid #e4c32b; background:#ffffff; text-decoration:none;}
/* 박스 클래스 선택 */
	.titBoxStepOn { font-size: 13px; font-weight: bold; color: #445; padding: 5px 0 0 5px; border:1px solid #e4c32b; background:#ffe468; text-decoration:none;}

.titSub h3{float:left;}
.hidebtn {float:right;}
.pop-title {
	width: 100%;
	height: 40px;
	line-height: 40px;
background:#2b3a4a/* linear-gra dient(to right,#2ebf91,#8360c3) */; position:relative;box-shadow: 0 5px 5px -3px rgba(0,0,0,.15);
}



.pop-title h3 {
	font-size: 16px;
	font-family: "Nanum Gothic", Nanum Gothic;
	padding-left: 30px; color:#fff;
}


.pop-title h3:after {content:'■'; position:absolute; top:0px; left:10px; font-size:12px;}
.pop-content {
	width: 100%;
	padding: 20px; 
}
.pop-content1 {
	width: 96%; 
}


.pop-content .sms-left {
	float: left;
}

.pop-content .sms-left .sms-option-title {
	width: 198px;
	height: 25px;
	line-height: 27px;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #ccc;
	background: #fbfbfb;
	margin-bottom: 5px;
}

.pop-content .sms-right {
	float: left;
	width: 634px;
	margin-left: 12px;
}

.get-list-btn {
	margin-bottom: 5px;
}

.del-list-btn {
	margin-top: 5px;
}

.pop-content .sms-right .sms-right-up {
	margin-bottom: 15px;
}

.pop-content .sms-right .sms-right-up .hp-num {
	float: left;
	width: 486px;
}

.pop-content .sms-right .sms-right-up .hp-num p {
	margin-bottom: 15px;
}

.pop-content .sms-right .sms-right-up .sms-view {
	float: left;
	margin-left: 15px;
}

.pop-content .sms-right .sms-right-down {
	clear: both;
	width: 485px;
}

.sms-view {
	width: 133px;
}

.sms-view .sms-img {
	width: 133px;
	height: 71px;
	text-align: center;
	padding-top: 50px;
	background: url(/Image/Admin/phone_bg.gif) no-repeat;
}

.sms-view .btn-area {
	text-align: center;
}

.sms-form {
	float: left;
	margin-left: 15px;
	margin-bottom: 15px;
	width: 235px;
}

div.first {
	margin-left: 0;
}

.sms-form .text-view {
	width: 235px;
	height: 100px;
}

.sms-form .text-view textarea {
	width: 215px;
	height: 80px;
	padding: 10px;
}

.sms-form .btn-area {
	text-align: center;
	margin-top: 10px;
}

#mid-col .step {
	width: 100%;
}

#mid-col .step .box {
	float: left;
	height: 20px;
	width: 140px;
	text-align: center;
	margin-right: 5px;
	padding: 13px 0 3px 0;
	border: 1px solid #626875;
	background: #717784;
	color: #eff1f2 !important;
	font-size: 12px;
}
#mid-col .step .box a { color: #eff1f2 !important; }
#mid-col .step .box a:hover { color: #000 !important; font-weight: bold; }

#mid-col .step .box-select {
	float: left;
	height: 20px;
	width: 140px;
	text-align: center;
	padding: 13px 0 3px 0;
	margin-right: 5px;
	border: 1px solid #2089d3;
	background: #38a1ea;
	color: #fbfbfb !important;
	font-size: 12px;
	font-weight: bold;
}
#mid-col .step .box-select a { color: #eff1f2 !important; }
#mid-col .step .box-select a:hover { color: #000 !important; font-weight: bold; }

#mid-col .step .box-On {
	float: left;
	height: 20px;
	width: 140px;
	text-align: center;
	padding: 13px 0 3px 0;
	margin-right: 5px;
	border: 1px solid #ffe468;
	background: #fbd850;
	color: #000 !important;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 15px;
}
#mid-col .step .box-On a { color: #000000 !important; }
#mid-col .step .box-On a:hover { color: #000 !important; font-weight: bold; }


#mid-col .step .arrow {
	float: left;
	margin-right: 10px;
}

/*주문내역현황*/
.stat-board2{background: #e9f1f8; padding: 10px 7px; border: 1px solid #dadada; margin-bottom:0px; position:relative;}
.stat-board2 table {width:100%;}
.stat-board2 td{text-align:center; padding:5px 10px; vertical-align:top}
#mid-col .step_list {background:#fff; border:1px solid #dadada; padding:10px; min-height:180px;}
#mid-col .step_list h3 {padding:5px 0px 8px; color:#5f697d;}
#mid-col .step_list h3 .fa {font-size:21px;}
#mid-col .step_list h3 span {display:inline-block;font-size:18px;font-weight:normal;}
#mid-col .step_list a {display:block; width:80%; height:22px;margin:0 auto; line-height:22px; font-weight:bold; letter-spacing:1px; font-size:13px;}
#mid-col .step_list a .fr{display:block; width:75px; height:16px; border-radius:10px; background:#5f697d; text-align:center; color:#fff;position:relative; top:2px; line-height:16px; letter-spacing:-1px;}
#mid-col .step_list a.select{color:#188ae2}
#mid-col .step_list a.select .fr{background:#188ae2}
#mid-col .step_list a:hover{color:#188ae2}
#mid-col .step_list a:hover .fr{background:#188ae2}
#mid-col a.toggleB{position:absolute;left:50%; display:block; width:80px; height:18px; line-height:18px; text-align:center;border: 1px solid #dadada;background: #e9f1f8;
margin-left:-40px;}
#mid-col a.toggleB.toggle_close{ bottom:-20px;z-index:99;  }
#mid-col .inBtnBox{padding: 0px 0px 10px; border: 0px solid #dadada; position:relative; overflow:hidden;}
#mid-col a.toggleB.toggle_open{ top:-1px; z-index:98; }

.stat-board3{display:flex;flex-wrap:wrap;align-items:flex-start; margin-bottom:10px; margin-left:-10px;
margin-right:-10px;}
.stat-board3 .step_box{flex:1; background:#fff;box-shadow: 0 3px 15px rgba(0,0,0,.08); margin:0px 10px ; min-height:193px; border-radius:5px}
.stat-board3 .step_box h3{font-size:16px;font-weight:bold;padding:10px 20px;border-bottom: 1px solid #e5e5e5; text-align:center}
.stat-board3 .step_box h3 i{font-size:18px;position:Relative; top:2px; padding-right:5px; color:#8360c3}
.stat-board3 .step_box ul{margin:15px 20px 10px;}
.stat-board3 .step_box ul li{padding-bottom:5px;}
.stat-board3 .step_box ul li a{display:block; font-size:14px;position:Relative}
.stat-board3 .step_box ul li a span{position:absolute; top:0px; right:0px; display:block; width:90px; border-radius:50px; background:#788e9e; color:#fff; text-align:center;
font-family: verdana !important;}
.stat-board3 .step_box ul li:hover a,.stat-board3 .step_box ul li.active a{color:#8360c3}
.stat-board3 .step_box ul li:hover span,.stat-board3 .step_box ul li.active span{background:#8360c3}


/* 포스트팔 서비스 */
.list_step {overflow:hidden;}
.list_step li {float:left;margin-left:9px;padding-left:29px;background:url("/image/common/ico/ico_arrow4.gif") 0 50% no-repeat;}
.list_step li:first-child {margin:0;padding:0;background:none;}
.list_step li span {display:block;width:144px;height:22px;padding-top:12px;text-align:center;color:#ebebeb;border:1px solid #5c6371;background-color:#717784;}
.list_step li.on {}
.list_step li.on span {border:1px solid #1287d8;background-color:#38a1ea;}
.step_box {}

.vm_box {}
.vm_box input,.vm_box label,.vm_box select,.vm_box span {vertical-align:middle;}
.vm_box input {}
.vm_box label {display:inline-block;margin:0 5px -3px 0;}

.vm_top {vertical-align:top;}

.s_tit_box {position:relative;margin:30px 0 5px 0;border-top: 1px solid #a0a0a0;border-bottom: 1px solid #a0a0a0;padding:10px;background:#f0f0f0;}
.s_tit_box h4.s_tit { background:#f0f0f0;padding:0; }
.s_tit_box .all_ap {position:absolute;top:0;right:0;}
.s_tit {padding-left:10px;color:#000;font-family:"나눔고딕",Nanum Gothic;font-size:13px;text-transform:uppercase;font-weight:bold;}
.s_tit_box table.noBdr td {border:0;padding:0;margin:0;}
.agree_tip {margin:10px 5px 5px;}


#mid-col .step .boxT {
	float: left;
	height: 30px;
	line-height:30px;
	text-align: center;
	padding: 0px 10px;
	margin-right: 0px;
	border: 1px solid #fff;
	background: #717784;
	color: #fff !important;
	font-size: 12px;
	font-weight: bold;
}
#mid-col .step .boxT a { color: #eff1f2 !important; } 
#mid-col .step .boxT a:hover { color: #000 !important; font-weight: bold;}

#mid-col .step .boxT-select {
	float: left;
	width:30px; 
	height:30px; overflow:hidden;
	text-align: center;
	margin-right: 5px;
	border: 1px solid #fff;
	background: #717784;
	color: #fbfbfb !important;
	font-size: 12px;
	font-weight: bold;
}
#mid-col .step .boxT-select a { color: #fff !important; }
#mid-col .step .boxT-select a:hover { color: #fff !important; font-weight: bold; }
#mid-col .step .boxT-select a .fa{padding-top:8px;}

#mid-col .step .boxT-On {
	float: left;
	height: 30px;
	line-height:30px;
	text-align: center;
	padding: 0px 10px;
	margin-right: 0px;
	border: 1px solid #fff;
	background: #3e698b;
	color: #fff !important;
	font-size: 12px;
	font-weight: bold;
}
#mid-col .step .boxT-On a { color: #fff !important; }
#mid-col .step .boxT-On a:hover { color: #fff !important; font-weight: bold; }



/* btn wrap */
.btn_wrap {}
.btn_wrap_r {text-align:right !important;}
.style_top {margin-top:61px;text-align:center;}
.style_top_2 {margin-top:37px;text-align:center;}
.style_top_3 {margin:37px 0;text-align:center;}
.style_top_4 {margin:20px 0;text-align:left;}

/* btns */
.btn_txt {overflow:hidden;display:inline-block;height:17px;padding-left:4px;background:url("/image/common/btn/btn_left.gif") no-repeat 0 0;}
.btn_txt span {float:left;height:15px;padding:2px 16px 0 4px;color:#898989;font-family:arial;font-size:10px;text-align:center;background:url("/image/common/btn/btn_right.gif") no-repeat 100% 0;cursor:pointer;}

.btn_write {overflow:hidden;display:inline-block;height:33px;padding-left:20px;background:url("/image/common/btn/btn_left_2.gif") no-repeat 0 0;}
.btn_write span {float:left;height:22px;padding:11px 20px 0 0px;color:#fff;text-align:center;background:url("/image/common/btn/btn_right_2.gif") no-repeat 100% 0;cursor:pointer;}

.btn_list {overflow:hidden;display:inline-block;height:33px;padding-left:20px;background:url("/image/common/btn/btn_left_3.gif") no-repeat 0 0;}
.btn_list span {float:left;min-width:36px;height:22px;padding:11px 20px 0 0px;color:#fff;text-align:center;background:url("/image/common/btn/btn_right_3.gif") no-repeat 100% 0;cursor:pointer;}

.btn_w76 span {/*padding:11px 26px 0 6px;min-width:36px;*/}

.btn_re {overflow:hidden;display:inline-block;height:35px;padding-left:15px;background:url("/image/common/btn/btn_left_4.gif") no-repeat 0 0;}
.btn_re span {float:left;height:24px;padding:11px 15px 0 0px;color:#636363;font-weight:bold;text-align:center;background:url("/image/common/btn/btn_right_4.gif") no-repeat 100% 0;cursor:pointer;}

.btn_reg {overflow:hidden;display:inline-block;height:28px;padding-left:20px;background:url("/image/common/btn/btn_left_5.gif") no-repeat 0 0;}
.btn_reg span {float:left;height:19px;padding:9px 20px 0 0px;color:#fff;text-align:center;background:url("/image/common/btn/btn_right_5.gif") no-repeat 100% 0;cursor:pointer;}

.btn_cancel {overflow:hidden;display:inline-block;height:28px;padding-left:20px;background:url("/image/common/btn/btn_left_6.gif") no-repeat 0 0;}
.btn_cancel span {float:left;height:19px;padding:9px 20px 0 0px;color:#636363;text-align:center;background:url("/image/common/btn/btn_right_6.gif") no-repeat 100% 0;cursor:pointer;}

.btn_small {overflow:hidden;display:inline-block;height:18px; border:1px solid #e5e5e5; background:#fff;line-height:18px; border-radius:3px;}
.btn_small span {float:left;padding:0px 8px;color:#313131;text-align:center;cursor:pointer;}
.btn_small:hover{background:#e5e5e5}

.btn_small2 {overflow:hidden;display:inline-block;height:23px;padding-left:10px;background:#acacac;border-radius:3px;}
.btn_small2 span {float:left;height:23px;line-height:23px;padding:0px 10px 0 0px;color:#fff;text-align:center;background:#acacac;cursor:pointer;}

.btn_small3 {overflow:hidden;display:inline-block;height:23px;padding-left:10px;background:#ed1b23;border-radius:3px;}
.btn_small3 span {float:left;height:23px;line-height:23px;padding:0px 10px 0 0px;color:#fff;text-align:center;background:#ed1b23;cursor:pointer;font-weight:normal;font-size:12px;}

.btn_small4 {overflow:hidden;display:inline-block;height:23px;padding-left:10px;background:#0095da;border-radius:3px;}
.btn_small4 span {float:left;height:23px;line-height:23px;padding:0px 10px 0 0px;color:#fff;text-align:center;background:#0095da;cursor:pointer;font-weight:normal;font-size:12px;}

.btn_small5 {overflow:hidden;display:inline-block;height:23px;padding-left:10px;background:#43bb00;border-radius:3px;}
.btn_small5 span {float:left;height:23px;line-height:23px;padding:0px 10px 0 0px;color:#fff;text-align:center;background:#43bb00;cursor:pointer;font-weight:normal;font-size:12px;}

.btn_orang {overflow:hidden;display:inline-block;height:28px;padding-left:20px;background:#585858; border-radius:3px; border:1px solid #585858}
.btn_orang span {float:left;height:28px;line-height:28px;padding:0px 20px 0 0px;color:#fff;text-align:center;background:#585858;cursor:pointer;}

.btn_green {overflow:hidden;display:inline-block;height:23px;padding-left:12px;background:url("/image/common/btn/btn_left_10.gif") no-repeat 0 0;}
.btn_green span {float:left;height:17px;padding:6px 12px 0 0px;color:#e5f8ff;font-size:11px;text-align:center;background:url("/image/common/btn/btn_right_10.gif") no-repeat 100% 0;cursor:pointer;}

/*추가*/
.btn_gray {overflow:hidden;display:inline-block; border:1px solid #d0d0d0; background:#fff; border-radius:3px;padding:0px 7px;color:#313131;text-align:center;cursor:pointer; font-size:12px;}
.btn_gray:hover{background:#f3f3f3;}

.btn_red {overflow:hidden;display:inline-block; border:1px solid #fe2f2f; background:#fff; border-radius:3px;padding:0px 7px;color:#fe2f2f;text-align:center;cursor:pointer;font-size:12px;}
.btn_red:hover{background:#fe2f2f; color:#fff;  }

.btn_red_bg {overflow:hidden;display:inline-block; border:1px solid #fe2f2f; background:#fe2f2f; border-radius:3px;padding:0px 7px;color:#fff;text-align:center;cursor:pointer; font-size:12px;}
.btn_red_bg:hover{ border:1px solid #fe2f2f; background:#fff; color:#fe2f2f; font-weight:bold}

.size-s{height:18px;line-height:18px;}




.left { text-align: left; }

/* SMS */
textarea.smsText { border:1px solid #ddd;padding:5px 8px; width:140px;height:90px;background:#fafafa;border-radius:3px;line-height:150%;}




/*세로 네비게이션*/
/*---------------------
    sidebar left
-----------------------*/

.sidebar-left {
    width: 204px;
    position: absolute;
    top: 45px;
    left: 0;
}

.side-navigation > li{position:Relative;}

.side-navigation > li > a {
	display:block;
    color: #313131;
    padding:10px 15px;
    border-radius: 0;
}

.side-navigation > li > a:hover,
.side-navigation > li > a:active {
    /*background-color: #000;*/
    border-radius: 0;
    -webkit-border-radius: 0;
	background:#edf0f5;
	color:#188ae2;
}

.side-navigation > li.menu-list > a {
    position: relative;
	font-size:13px;
}

.side-navigation > li.nav-active{background:#edf0f5;}
.side-navigation > li.nav-active a{color:#188ae2}
.side-navigation > li.nav-active > ul {
    display: block;
	position:Relative;
	background:#dce2eb;
	color:#313131;
	left:0px;
	width:204px;
}
.side-navigation > li.nav-active > ul a{color:#313131;padding-left:45px;}
.side-navigation > li.nav-active > ul a:hover{color:#fff;}
.side-navigation > li.nav-active > ul .active a{background:#dce2eb;color:#188ae2; font-weight:bold; }



.side-navigation > li.menu-list > a:after {
    content: ">";
    display: inline-block;
    font-family: "FontAwesome";
    padding-right: 20px;
    position: absolute;
    right: 0;
}

.side-navigation > li.nav-active > a:after {
    content: ">";
    display: inline-block;
    font-family: "FontAwesome";
    padding-right: 20px;
    position: absolute;
    right: 0;
}


.side-navigation > li.menu-list.active > a:after,
.side-navigation > li.nav-active.active > a:after,
.side-navigation > li.nav-active.active > a:after:hover{
    content: ">";
}

.side-navigation li .fa, .side-navigation li .ico {
    font-size: 14px;
    vertical-align: middle;
    margin-right: 10px;
    width: 16px;
    text-align: center;
	position:relative; top:-2px;
}

/*.side-navigation > li.menu-list:hover .child-list{display:none;}*/

.side-navigation .child-list{
list-style: none;
display: none;
width:140px;
margin:0;
padding: 6px 0px;
background:#188ae2;
position:absolute;
top:0px; left:204px;
z-index: 100;
}


.side-navigation .child-list > li > a {
    color: #fff;
    font-size: 12px;
    display: block;
    padding: 5px 5px 5px 10px;
}

.side-navigation .child-list > li > a:hover,
.side-navigation .child-list > li > a:active,
.side-navigation .child-list > li > a:focus {
    text-decoration: none;
	background:#58a9e8
}

.side-navigation > li.menu-list:hover .child-list{display:block}



/*---------------------
    sidebar collapsed
-----------------------*/


.sidebar-collapsed .logo,
.sidebar-collapsed .side-navigation > li.nav-active > a:after,
.sidebar-collapsed .side-navigation > li.menu-list > a:after{
    display: none;
}

.sidebar-collapsed .side-navigation li a span .badge,
.sidebar-collapsed .side-navigation li a span .label {
    display: none !important;
}

.sidebar-collapsed .side-navigation li.active a span {
    -moz-border-radius: 0;
    -webkit-border-radius:0;
    border-radius:0;
}


.sidebar-collapsed .side-navigation ul,
.sidebar-collapsed .side-navigation .menu-list.nav-active ul{
    display: none;
}

.sidebar-collapsed .side-navigation .child-list{
left:45px;
}

.sidebar-collapsed .side-navigation > li.nav-active > ul {
	position:absolute;
	left:45px;
	background:#188ae2;
	width:140px;
}

.sidebar-collapsed .side-navigation > li.nav-active .child-list > li > a {
    color: #fff;
    font-size: 12px;
    display: block;
    padding: 5px 5px 5px 10px;
}
.sidebar-collapsed .side-navigation > li.nav-active > ul .active a{color:#188ae2}

.sidebar-collapsed .side-navigation > li.nav-active:hover .child-list{display:block}

.sidebar-collapsed .body-content {
    margin-left: 45px;
}






/*전체 컨텐츠 영역*/
.body-content {margin-left: 204px;min-height: 900px;position: relative;padding:10px 20px 20px; overflow:hidden  }
.body-content .conBox{overflow:hidden;}
.body-content.left-M-0{margin-left: 0px;}

.nTitle{height:40px; width:100%; line-height:40px;}
.nTitle h2{float:left; color:#313131; font-size:16px; padding-left:10px; position:Relative;}
.nTitle h2:after{content:""; position:absolute; top:0px; left:-5px;}
.nTitle h4{float:right;color:#8e8e8e;}

.box-container{background:#fff;box-shadow: 0 3px 15px rgb(0 0 0 / 8%);padding:20px; border-radius:5px;}


/*메인 index*/
.mainBox{}
.mainBox.w50{width:50%;}
.mainBox.w40{width:40%;}
.mainBox.w100{width:100%;}
.inbox{border:5px solid #edf0f5; margin:5px; overflow:hidden;  background:#fff; position:relative;}
.inbox:hover{border:5px solid #c0d8ef;}
.inLine{border:1px solid #e1e1e1;padding:10px 15px; height:266px;  overflow:hidden; }
.inbox .nTitle h2{background:url(/image/admin/bl.png) left 17px no-repeat;}
.inbox .nTitle h2 span{font-size:12px; color:#7a7a7a}
.inbox .nTitle h2 span strong{color:red}
.inbox .btn_gray{position:absolute; top:19px; right:15px;}
.inbox ul{width:50%;margin-top:0px;}
.inbox ul li{width:100%; height:40px; line-height:40px; font-size:14px;  margin-right:15px;border-bottom:1px solid #e5e5e5; }
.inbox ul li strong{color:red}
.inbox ul li a:hover{text-decoration:underline;}
.smsBox{width:50%;}
.smsBox .inCon{border:1px solid #e1e1e1;margin:10px 0px 10px 20px; height:195px; text-align:center; border-radius:20px; background:#e9f1f8}
.smsBox .inCon span{display:block; }
.smsBox .inCon span .fa{color:#188ae2; padding:18px 0px;}
.smsBox .inCon {font-size:14px;  }
.smsBox .inCon strong{color:red}
.smsBox .btnBox{text-align:center; width:100%; margin-top:20px;}
.mch.inLine{height:50px;  }
.mch{line-height:50px; font-size:16px; font-weight:bold; text-align:center}
.mch strong{font-size:16px;}
.mch .font1{color:#188ae2}
.mch .font2{color:red}
.mch span{font-size:12px;}
.inLine.chart{height:420px;  }
.chart .chart_div{position:relative; top:-10px; left:-85px;}
.chart .nTitle{border-bottom:0px;height:5px;}
.chart h2{float:left; color:#313131; font-size:16px; background:url(/image/admin/bl.png) left 15px no-repeat; padding-left:15px;}

.order_table_proTtAmt {border:5px solid #d3d3d3; height:50px;}
.order_table_proTtAmt .box1{float:left; line-height:50px; padding-left:12px; font-weight:bold; font-size:14px;}
.order_table_proTtAmt .box1 strong{font-size:25px; color:red; line-height:50px;}
.order_table_proTtAmt .box2{float:right; line-height:20px; padding-right:12px; font-weight:bold; font-size:14px; position:relative; top:13px;}
.order_table_proTtAmt .box2 span{padding:0px 20px; display:inline-block; border:1px solid #e5e5e5}
.order_table_proTtAmt .box2 .text1{color:red}
.order_table_proTtAmt .box2 .text2{color:#0095da}
img.flag{position:relative; top:-2px; margin:0px 2px;}

.input_chk2 {width:13px;height:13px;margin-right:3px;vertical-align:middle; position:relative; top:-1px;}


/* UL */
ul.Base {}
ul.Base li {float:left;padding:5px;}

ul.FileLi {}
ul.FileLi li {padding:6px;}

ul.FileDown {}
ul.FileDown li {float:left;padding:3px;padding-right:10px;}
ul.FileDown li a {font-weight:bold;color:#6633cc;}

/* Align */
.alLeft {text-align:left;}
.alCenter {text-align:center;}
.alRight {text-align:right;}

.padL1, .padL1 {padding-left:20px;}
.padR1, .padR1 {padding-right:20px;}

/* 신청서 테이블 */
.ProBox {border-top:1px solid #dde;margin:10px 0;}


/* 팝업 */
.LayerPop {
    position:fixed;
    width:40%;
    left:50%;
    margin-left:-20%;
    height:300px;
    top:50%;
    margin-top:-150px;

    /* decoration */
    border:5px solid #3571B5;
    background-color:#fff;
    padding:0;
    box-sizing:border-box;
	z-index:10000;
}

.LayerPop-Bg {
	z-index:9000;
    position:absolute;  
    background-color:#000;  
    display:none;  
    left:0;
    top:0;
}

@media (max-width:600px) {
    .LayerPop {
        width:80%;
        margin-left:-40%;
    }
}

.hidden { display: none; }

.LayerPop .LayerCont {margin:10px;overflow:auto;}

.LayerPop .LayerClose {height:30px;background:#3571B5;line-height:35px;color:#fff;text-align:right;vertical-align:bottom;}
.LayerPop .LayerClose p {padding-right:10px;}
.LayerPop .LayerClose a {color:#fff;font-weight:bold;}

/*주소검색*/
.address-search{position:Relative;padding-right:106px;overflow:hidden; margin-bottom:10px;}
.address-search a{position:absolute; right:0px;}
.address-area{max-height:200px; overflow-x:hidden; overflow-y:auto;margin-bottom:10px;}
.address-area a{border: 1px solid #ececec; border-bottom:0px;padding:5px 10px; display:block; line-height:18px;}
.address-area a:last-child{border-bottom:1px solid #ececec; margin-bottom:15px;}
.address-area a:hover{color:blue}