@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ공용 기본 설정ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/

body, table, button, input, textarea, label, select, textarea, label, pre{margin:0; padding:0; font-family:"나눔고딕","Nanum Gothic", dotum, helvetica, tahoma, sans-serif;font-size:12px;}
/*body, table, button, input, textarea, label, select, textarea, label{margin:0; padding:0; font-family:"Nanum Gothic", dotum, helvetica, tahoma, sans-serif;font-size:12px;}*/
ul{padding:0; margin:0; list-style:none;}
img{border:none; vertical-align:middle;}
input, select {vertical-align:middle;border: 1px solid #C1C1C1; padding-left:3px;padding-right:3px;min-height:24px;}
button{font-size:11px; cursor: pointer;}
select{min-width:50px;}

/* Input Size Class */
input.w50 {width:50px;}
input.w75 {width:75px;}
input.w100 {width:100px;}
input.w150 {width:150px;}
input.w200 {width:200px;}
input.w250 {width:250px;}
input.w300 {width:300px;}
input.w350 {width:350px;}
input.w400 {width:400px;}
textarea.popup {width:430px;height:60px;}

a {text-decoration:none}
a:link {text-decoration:none}
a:active {text-decoration:none}
a:visited {text-decoration:none}
a:hover {text-decoration:none}

/* Change Page Layout ::: Start */
html, body {overflow:hidden !important}
#wrap {height:auto;width:auto;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden;min-width:0;font-size:12px;}
#header {height:80px;/*z-index:25;*/position:absolute;min-width:1000px;clear:both;width:100%;}
/*#header div.top_nav {width:100%;height:60px;background-color:#939598;font-size:12px;} */
#header div.top_nav {width:100%;height:20px;font-size:12px;border-bottom: 1px solid #111111;} 
#header div.top_nav div {float:left;height:20px;}
#header div.top_nav .left {width:20%;}
#header div.top_nav .right {width:80%;text-align:right;line-height:20px;}
#header div.top_nav .right span {vertical-align:middle;}

#middle {top:0px;bottom:27px;position:absolute;left:0;right:0;overflow:hidden;margin:0;min-height:0;/*z-index:20;*/zoom:1;}
#left {width:180px;position:absolute;top:0;left:0;bottom:0;float:left;z-index:30;/**/overflow:auto; 
       background:#fff; border-right:1px solid #ccc;}

#middle, #left,#left2, #section {padding-top:0;padding-bottom:0}
#section {position:absolute;margin-left:0;left:0;right:0;top:0;bottom:0;width:auto;}
#section_fix {position:absolute;left:0;top:0;right:0;bottom:0;margin:0}/**/

#content {left:180px;position:absolute;top:0;bottom:0;right:0;width:auto;overflow:hidden;}
#cont_fix {position:absolute;zoom:1;/*z-index:20;*/overflow:hidden;width:100%;}/**/

/*#cont_fix {vertical-align:middle;text-align:center;background-color:#ebebeb;border-right:1px solid #c9c9c9;}*/
#cont_fix div.line{height: 0px; border-bottom: 1px solid #c7c7c7;clear:both;}
#cont_fix div.page_icon {padding-top:5px;float:left;}
#cont_fix div.page_title {font-size: 21px; color: #3b3e42; font-weight:bold;padding :10px; margin-left:20px; }
#cont_fix div.page_title img{margin-right:7px;}
#cont_fix div.page_nav {float: right; font-size: 12px; display:inline-block;padding-right:20px;padding-top:10px;}
#cont_flex {top:110px;padding:10px;position:absolute;bottom:0;left:0;right:0;min-height:1px;overflow:auto;width:auto;font-size:12px;}
#cont_flex div.comment {margin-left: 20px; line-height:20px;letter-spacing:0;}


#footer_new {background-color:#cccccc;height:20px;padding-top:7px;position:absolute;bottom:0;/*z-index:100;*/width:100%;text-align:center;font-size:12px;}
#footer_new .copyright {color:#6a6a6a;}
#btn_hide {background:#d7d7d7; border-right:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7; width:15px; text-align:center; padding:15px 0; font-weight:bold; color:#949494; cursor:pointer;float:left; margin-right:30px;}

.hide {display:none;}

/* Change Page Layout ::: End */


/* 내용 별 input 사이즈. */
.id{width:100px;}
.tel{width:30px;}     /* 번호 input */
.name{width:100px;}    /* 이름 input */
.company{width:80px;} /* 회사, 사업자, 창고명 input */
.price{width:100px;}  /* 가격 input */
.date{width:100px;}   /* 날짜 input */
.email{width:150px;} /* 이메일 input */
.address{width:100px;}/* 주소 input */
.post{width:30px;}    /* 우편번호 input */
.ssnumber{width:70px;} /* 주민등록 번호 input */
.account{width:150px;} /* 계좌번호 input */

/*
#contacting img{margin-top:10px; cursor:pointer;}
.sub_left_image{background-color:#5c7383; border-top:1px solid #7d8f9b; border-bottom:1px solid #324148; width:130px; height:30px; font-size:11px; line-height:30px; padding-left:30px; color: #273540; font-weight:bold;white-space:nowrap; overflow:hidden;font-family:"돋움";}
.sub_left_image span{font-size:25px; margin-left:-12px; position:absolute;}
.sub_left_image:hover{cursor:pointer;background-color:#7390a2; color:#b5e72c; border-top:1px solid #9dabb4; border-bottom:1px solid #40505d;}
#sc_table td{white-space:nowrap;}

#left {width:160px;position:absolute;top:0;left:0;bottom:0;float:left;z-index:30;overflow:auto;background:#5C7383; border-right:1px solid #324148; border-bottom:1px solid #324148;}

*/

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ공용 기본 설정ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/

/* Left */
#contacting img{margin-top:10px; cursor:pointer;}
.sub_left_image{background-color:#ffffff; width:130px; height:30px; font-size:14px; line-height:30px; padding-left:30px; font-weight:bold;white-space:nowrap; overflow:hidden;font-family:"돋움";}
.sub_left_image span{font-size:25px; margin-left:-12px; position:absolute;}
.sub_left_image:hover{cursor:pointer;background-color:#7390a2; color:#b5e72c; border-top:1px solid #9dabb4; border-bottom:1px solid #40505d;}
#sc_table td{white-space:nowrap;}



/* Form Validation */
.alert {font-weight:bold;color:red;}
.noalert {font-weight:bold;color:blue;}
.guide {font-weight:bold;color:white;background-color:blue;}

/* Between Buttons Space Span */
span.between_button {display:inline-block;width:10px;height:10px;}

.form_value {  font-weight:bold };

/* CardProcess Color 처리

붉은계열 3단  #fd83e2 ->#ef1af7 ->#9107e0
푸른계열 3단  #5fdf9b ->#049da3 ->#053b97
눈에 띄어야되면 붉은계열 쓰시면 될것 같아요
*/

span.cp99 {font-weight:bold;color:#c9798e;}
span.cp98 {font-weight:bold;color:#a0223a;}

span.cp11 {color:#c868bc;}
span.cp13 {color:#c43db3;}
span.cp15 {color:#bf1caa;}

span.cp21 {color:#7289cb;}
span.cp23 {color:#526dbd;}
span.cp25 {color:#275cab;}
span.cp29 {color:#275cab;}

span.cp31 {color:#6fbcab;}
span.cp35 {color:#22a185;}
span.cp41 {font-weight:bold;color:#2e22a0;}

/*

span.cp11 {font-weight:bold;color:#fd83e2;}
span.cp12 {font-weight:bold;color:#ef1af7;}
span.cp13 {font-weight:bold;color:#9107e0;}
span.cp14 {font-weight:bold;color:#5fdf9b;}
span.cp15 {font-weight:bold;color:#049da3;}
span.cp16 {font-weight:bold;color:#053b97;}
span.cp21 {font-weight:bold;color:#ff4e00;}
span.cp22 {font-weight:bold;color:#00ff90;}
span.cp23 {font-weight:bold;color:#8a00ff;}

*/




/* 배송상태 값 Color 처리 */
span.step1 {font-weight:bold;color:#2c55da;}
span.step2 {font-weight:bold;color:#23bb87;}
span.step3 {font-weight:bold;color:#14a726;}
span.step4 {font-weight:bold;color:#cd009a;}
span.step5 {font-weight:bold;color:#c6600d;}
span.step11 {font-weight:bold;color:#dfbd34;}
span.step12 {font-weight:bold;color:#dfbd34;}

div.space_bar {clear:both;width:100%;height:20px;}

/* 상단 입력 or 검색 */
/*table.box {border:1px solid #C9C9C9; width:100%;font-size:12px;}*/
table.box {border:0px solid #C9C9C9; width:100%;font-size:14px;}
/*table.box td.col1 {width:70px;vertical-align:middle;text-align:center;background-color:#ebebeb;border-right:1px solid #c9c9c9;}*/
table.box td.col1 {padding :5px;border:1px solid #C9C9C9;width:100px;vertical-align:middle;text-align:center;background-color:#ebebeb;}
table.box td.col2 {width:30px;}
table.box td.col3 {padding :5px;border:1px solid #C9C9C9;vertical-align:middle;}
table.box td.col4 {width:150px;vertical-align:middle;text-align:center;border-left:1px solid #c9c9c9;}
table.box td.col5 {vertical-align:middle;text-align:center;}
table.box td span.rows {width:100%;line-height:20px;display:inline-block;padding-left:10px;}
table.box td span input, select{font-size:12px;}

table.box td span.rows span {padding-right:10px;display:inline-block;}
table.box td.col3 div.line {border-bottom:1px solid #c9c9c9;width:100%;height:2px}


/* 상단 입력 or 검색 */

/* List Grid */

/*div.control {background-color:#D7F0F5;border-top: 2px solid #000;border-bottom: 2px solid #568198;width: 100%;height: 45px;line-height:45px;}*/
div.control {background-color:#f9f9f9;border:1px solid #eee;width: 100%;height: 45px;line-height:45px; margin-bottom:20px}
div.control div {width:50%;line-height:45px;float:left;}
div.control span {padding: 3px 10px 3px 10px;}
div.control div.left {}
div.control div.title {width:100%;line-height:25px;}
div.control div.title span.sub_title {font-size:15px;font-weight:bold;padding-left:40px;}
div.control div.left div.padding{ width:20px;height:45px;}
div.control div.right {text-align:right;}
div.control div.page_title {font-size: 18px; color: #6e069e; font-weight:bold;float:left;}


div.c_title {height:26px;line-height:25px;border-bottom: 1px solid #568198;}

table.list {
	width:100%;
	font-family: "나눔고딕";
	font-size: 12px;
	color:#363636;
	line-height:20px;
	margin:0;
	padding:0;
	letter-spacing:0px;
}

table.list td.title_bold {font-weight:bold;background-color:#dde4f7;}

table.list tr.head {
	font-weight: bold;
	color: #fff ;
	/*background-color: #D2D3D5; #91b0c1 color :#2e4e5e*/
	background-color: #545454;
	text-align: center;
}

table.list tr.head th.type1 {
	background-color: #a8a6cc;
}

table.list tr.head th {
	height: 30px;
	text-align: center;
	border-bottom:1px solid rgba(255,255,255, .1); /*#568198;*/
	border-right:1px solid rgba(255,255,255, .1)  /*#568198;*/

}

table.list tr.head th:last-child {
	border-right:none;
}

table.list tr.list0 {

}

table.list tr.list1 {
	background-color: #f1fafa;
}

table.list td {
	border-bottom:1px solid #dddddd; /*#b0e3e1;  */
	border-right:1px solid #dddddd; /*#b0e3e1;  */
	padding-left:5px;
	padding-right:5px;
	letter-spacing:0px;
	height:30px;
}

table.list td a { color:#565656;text-decoration:none }
table.list td a:hover { color:#7E8E9E;text-decoration:none }


table.list td.nodata {
	height:150px;
	font-weight:bold;
	color:coral;
}

table.list td:last-child {
	border-right:none;
	text-align:center;
}

table.list tr:last-child td {
	border-bottom:1px solid #dddddd;
}

.hover_tr {background-color:#FFFCDD;}
/* List Grid */

#total_record {font-weight:bold;display:inline-block;padding-left:5px;padding-right:20px; margin-bottom:5px;}


/* pagination object */

div.pagination {padding-top:20px;font:12px dotum;width:100%;text-align:center;}
div.pagination a {padding: 2px 5px 2px 5px;	margin: 2px;	border: 1px solid #bbbbbb;	zoom: 100%;	text-decoration: none; /* no underline */color: #636363;}
div.pagination a:hover, div.pagination a:active {border: 1px solid #636363;color: #000;}
div.pagination span.current {padding: 2px 5px 2px 5px;margin: 2px;border: 1px solid #636363;* zoom: 100%;font-weight: bold;background-color: #636363;color: #FFF;	}
div.pagination span.disabled {padding: 2px 5px 2px 5px;margin: 2px;border: 1px solid #EEE;* zoom: 100%;color: #DDD;	}
* span.elipsis {zoom:100%}



/*다이얼 로그의 해더 숨김*/
.ui-dialog-titlebar { background-image:none; background-color:white; border:none; color:white; position:absolute;}
.ui-dialog-border{border:2px #04bfe2 solid; border-radius:0px;}
.ui-dialog-title{font-size: 12px;}



/* INSERT form style */
.container{width:860px;}
.container fieldset {border:1px #ebebeb solid; position: relative; padding:5px 0px 10px 10px; margin-bottom: 10px;}
.container legend {color:#333333;background-color:#cfcfcf;padding:5px 20px;margin-bottom:10px;font-weight:bold;}
.container label{font-weight: bold; color:gray; font-size: 11px; margin:0 5px 0 10px;}
.container font{font-weight: bold; color:gray; font-size: 11px; margin:0 5px 0 10px;}

/* datepicker cursor:hand */
.ui-datepicker-trigger{cursor: pointer;}


/*-----------------------------20170123----------------------------------*/
h1, div, p, ul, li, dd, dt, dl{margin:0; padding:0}
.clear:after{clear:both; content:""; display:table;}
.f-right{float:right;}
.f-left{float:left;}

#left-name{background:#aaaaaa; text-align:center; font-size:13px; color:#fff; padding:15px 10px 11px;}
#left-name dd{margin-bottom:4px; }

#new-menu{background:#fff;}
.link{cursor:pointer;}
.depth1 .hide{display:none;}


   
.depth1 > li {border-bottom:1px solid rgba(0,0,0,.1)}
.depth1 > li > a{color:#333; display:block; padding:10px 20px 10px 12px;  font-size:14px; font-weight:bold;  
}
.depth1 > li > a.link{background-image: url('../../admin/images/icon/left-menu-down.png'); background-repeat:no-repeat; background-position: 160px 13px }
.depth1 > li > a:hover{background-color:#de3d2c; background-image: url('../../admin/images/icon/left-menu-down-w.png'); background-repeat:no-repeat; background-position: 160px 13px; color:#fff;}
.depth1 > li > a.link.active{background:#de3d2c url('../../admin/images/icon/left-menu-up.png'); background-repeat:no-repeat; background-position: 160px 13px;color:#fff;}

.depth2{}
.depth2 > li {border-bottom:1px solid #eee; background:#fff;}
.depth2 > li > a{display:block;  padding:8px 0px 8px 16px; color:#333; opacity:.7;  font-size:13px; }
.depth2 > li > a:hover{opacity:1; }
.depth2 > li > a.active{opacity:1;}
.depth2 a > i{font-size:8px; font-style:normal; padding-right:3px; vertical-align:middle; }


#new-top{height:50px; border-bottom:1px solid #ddd; padding:16px; position:relative;}
.top-logo{padding:10px 0  0 10px}
.top-nav-right{position:absolute; top:15px; right:15px; width:200px; text-align:right; line-height:24px; font-size:13px; color:#777}
.top-nav-right span{display:inline-block; margin-left:4px; margin-right:4px;   }
.top-nav-right span a{color:#777; cursor:pointer;vertical-align: middle; cursor:default; }
.btn-logout{border:0; background:transparent; font-size:13px; color:#777; min-height:15px; cursor:pointer;     }
.btn-logout:hover{color:#de3d2c;}

.search-sort{background:#f8f8f8; border:1px solid #545454; border-radius:6px; padding:8px 10px;  text-align:center; margin-bottom:20px;}
.search-label{display:inline-block; margin-right:10px; margin-top:3px; margin-bottom:3px; color:#666666; font-size:13px;}
.form-select{height:26px; line-height:24px;}
.form-text{height:24px; line-height:24px;}
.form-btn{background:#636363; color:#fff; border:1px solid rgba(0,0,0,.1); height:26px; line-height:24px; min-width:80px; border-radius:2px; cursor:pointer;}

.control-btn{background:#8abc00; color:#fff; border:1px solid rgba(0,0,0,.1); height:24px; line-height:22px; min-width:60px; border-radius:2px; cursor:pointer; padding:0 5px;}
.control-btn:hover{background:#7ba700}

.ins{background: #fafafa; border: 1px #aaa solid;}