﻿@font-face {
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: 400;
  src: url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot);
  src: url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff2) format('x-woff2'),
       url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff) format('woff'),
       url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.ttf) format('truetype');
}

body,table,textarea,input,select {
	font-family: 'NanumGothic';
	font-size:12px;
	color:#000000;
	margin:0;
}
img		{border:0px;}
form	{display:inline;}
form * {vertical-align:middle;}


/*** 방향 설정 ***/
.left	{text-align:left;}
.right	{text-align:right;}
.center	{text-align:center;}

/*** 위아래 패딩 ***/
.pdv3	{padding-top:3px;}
.pdv5	{padding-top:5px;}
.pdv10{padding-top:10px;}

/*** 마진 ***/
.mg30	{padding:30px 30px 30px 30px;}

/*** 하이퍼링크 ***/
a		{text-decoration:none; color:#000000;}
a:hover {text-decoration:none; color:#006697;}

a.white			{text-decoration:none; color:#FFFFFF;}
a.white:hover	{text-decoration:none; color:#FFFFFF;}

/*** 메인정보창 ***/
.minfo {
	color:#cbcfd2; 
	letter-spacing:-1px; 
	font:8pt 돋움;
}

/*** 색상 ***/
.white {color:#ffffff}
.black {color:#000000}
.gray44 {color:#444444}
.greenp {color:#b8e91d}
.3CA {color:#3CA701}
.ACA {color:#ACACAC}

/*** 라운드박스 스타일 ***/
.rOut {display:block;}
.rOut * {display: block; height: 1px; overflow: hidden;}
.r1 {margin-left:5px; margin-right:5px; height: 1px;}
.r2 {margin-left:3px; margin-right:3px; border-width: 0 2px;}
.r3 {margin-left:2px; margin-right:2px; border-width: 0 1px;}
.r4 {margin-left:1px; margin-right:1px; border-width: 0 1px;  height: 2px}

/*** 리스트형 테이블 레이아웃 ***/
.rnd {
	height:0px;
}
.rndbg {
	background:#657178;
	letter-spacing:-1px;
	font:8pt 돋움;
	padding-top:2px;
	height:30px;
	color:#ffffff;
}
.rndline {
	height:1px;
	background-color:#DCD8D6;
}

.rndline2 {
	padding-top:3px;
	background-color:#cccccc;
}

.color_r {
	color:#627dcf;
}

.color_l {
	color:#333333;
}

.color_ffe {
	color:#ffe792;
}

/*** 한글폰트 ***/
.small {
	font-size:11px;
	letter-spacing:0px;
	padding-top:3px;
}

.small_ex {
	font-size:11px;
	letter-spacing:-1px;
	line-height:15px;
	padding-top:3px;
	color:#ffffff;
}

.small_ex_padding {
	padding-left:9px;
}

.small_ex_point {
	color:#ffffff;
	font-weight:bold;
}

.small4 {
	font-size:11px;
	letter-spacing:-1px;
	padding-top:3px;
	color:#444444;
}

.small1 {
	font-size:11px;
	letter-spacing:-1px;
	padding-top:15px;
}


.small_tip {
	font-size:11px;
	letter-spacing:0px;
	padding-top:3px;
}

.small_tipcolor {
	color:#54ab03;
}

.large_tip {
	font-size:12px;
	letter-spacing:0px;
	padding-top:2px;
	color:#535353;
}

.def {
	font-size:12px;
	letter-spacing:0px;
	padding-top:2px;
	color:#444444;
}

.def1 {
	font-size:12px;
	letter-spacing:-1px;
	padding-top:2px;
}

.main {
	font-size:12px;
	letter-spacing:0px;
	-height:25px;
	padding-top:2px;
	color:#444444;
}

.man {
	font-size:12px;
	letter-spacing:-1px;
	-height: 20px;
	padding-top:2px;
	color:#444444;
}


.nor {
	font-size:12px;
	letter-spacing:0px;
	padding-top:3px;
	color:#444444;
}

.g9 {
	font-size:12px;
	letter-spacing:0px;
	padding-top:3px;
}

.d8 {
	font-size:11px;
	color: #6d6d6d;
	letter-spacing:-1px;
	padding-top:3px;
}


.lmenu {
	letter-spacing:-1px;
	padding:10px;
	color:#fff;
	font-weight:bold;
	background:#333;
}

.smenu {
	letter-spacing:-1px;
	padding:10px;
	color:#222;
	border-bottom:1px solid #ddd;
	font-size:11px;
}


/*** 영문폰트 ***/
.eng	{font-size:11px;}
.engb	{font-size:11px; font-weight:bold;}
.end1	{font-size:11px;letter-spacing:0px;}
.ver9	{font-size:11px;}
.ver92	{font-size:11px;letter-spacing:0px;}
.ver90	{font-size:11px;letter-spacing:0px;}
.ver8	{font-size:11px;}
.ver81	{font-size:11px;letter-spacing:0px;color:#444444;}
.ver811	{font-size:11px;letter-spacing:0px;}
.ver7	{font-size:11px;letter-spacing:0px;}
.ver71	{font-size:11px;letter-spacing:0px;}
.ta7	{font-size:11px;letter-spacing:0px;}
.ta8	{font-size:11px;letter-spacing:0px;}

/*** 색상 ***/
.white	{color:#FFFFFF;}
.blue	{color:#006594;}
.red	{color:#B50000;}
.gray	{color:#7D7D7D;}

/*** 포인터 ***/
.hand	{cursor:pointer;}

/*** 스크롤 ***/
.scroll	{
	scrollbar-face-color:#FFFFFF;
	scrollbar-shadow-color:#AFAFAF;
	scrollbar-highlight-color:#AFAFAF;
	scrollbar-3dlight-color:#FFFFFF;
	scrollbar-darkshadow-color:#FFFFFF;
	scrollbar-track-color:#F7F7F7;
	scrollbar-arrow-color:#838383;
}

/*** 폼박스 보더 ***/
.line	{border:1px solid #cccccc; height:22px; padding-top:3px; padding-left:4px;}
.lline	{border:1px solid #cccccc; width:300px; height:22px; padding-top:3px; padding-left:4px;}
.rline	{border:1px solid #cccccc; height:22px; padding-top:3px; padding-left:4px;text-align:right;}
.cline	{border:1px solid #cccccc; height:22px; padding-top:3px; padding-left:4px;text-align:center;}
.tline	{border:1px solid #cccccc; padding-top:3px; padding-left:4px;}
.null	{border:0;}

/*** 폼박스 셀 ***/
.cellC {
	color:#333333;
	background:#f6f6f6;
	font:9pt tahoma;
	width:120px;
	text-align:left;
	padding-left:10px;
	padding-top:7px;
	font-weight:bold;
	letter-spacing:-1;
}
.cellL {padding-right:6px;padding-left:10px;}
.cellR {text-align:right;padding-left:10px;}
.cellM {text-align:center;padding-left:10px;}

/*** 폼박스 기본 설정 ***/
form input,textarea {border:1px solid #cccccc;}
form .noline input {border:0px;}
form .button {
	margin:30px;
	text-align:center;
}
form .button input {border:0px;}

form .button_top {
	margin-top:10px;
	text-align:center;
}
form .button_top input {border:0px;}

form .button_popup {
	margin-top:10px;
	text-align:center;
}
form .button_popup input {border:0px;}

/*** 메뉴 ***/
.topMenu {
	font-family:Dotum;
	font-size:11px;
	letter-spacing:-1px;
	padding:2px 10px 0px 10px;
}

.topArea {
	font-family:Dotum;
	font-size:11px;
	letter-spacing:-1px;
	padding:0px 10px 0px 10px;
}

/*** 서브 메뉴 타이틀 ***/
.title {
	
	margin:20px 0px 8px 0px;
	padding:12px 0px 0px 0;
	font-weight:bold;
	font-family: 'NanumGothic';
	font-size:14px;
	height:26px;
	letter-spacing:-1px;
}
.title_top {
	margin-top:0px;
}

.title_sub {
	margin:20px 0px 8px 0px;
	padding:2px 0px 0px 2px;
	font-weight:bold;
	height:26px;
	letter-spacing:-1px;
	border-bottom:3px solid #cccccc;
}

.extext {
	font-family: 'NanumGothic';
	font-size:11px;
	letter-spacing:-1px;
	color:#627dce;
}

.extext_num {
	font-family: 'NanumGothic';
	font-size:11px;
	letter-spacing:0px;
	color:#627dce;
}

.extext_t {
	font-family: 'NanumGothic';
	font-size:11px;
	letter-spacing:-1px;
	color:#627dce;
	line-height:16px;
	margin-top:10px;
}

.extext_l {
	font-family: 'NanumGothic';
	font-size:11px;
	letter-spacing:-1px;
	color:#627dce;
	font-weight:bold;
	text-decoration:underline;
}

/*** 서브 메뉴 타이틀 부가 설명글 ***/
.title span {
	font-family: 'NanumGothic';
	font-size:11px;
	font-weight:normal;
	padding-left:10px;
	color:#6D6D6D
}

.title_sub span {
	font-family: 'NanumGothic';
	font-size:11px;
	font-weight:normal;
	padding-left:10px;
	color:#6D6D6D
}

/*** 페이지 영역 스타일 ***/
.pageInfo {
	padding:5px 0px 5px 12px;
	letter-spacing:-1px;
	color:#585858;
	background:url(img/ico_bullet.gif) no-repeat 0px 5px 0px 0px;
}
.pageNavi {
	padding:10px;
	margin:10px;
	text-align:center;
}

.pageNavi span {
	font-weight:bold;
	color:#e64b40;
}

/*** 상품검색 (레이어 박스) ***/
.box1 {
	position:absolute;
	z-index:99;
	display:none;
	border:3px solid #cccccc;
	width:394px;
	height:360px;
	background:#ffffff;
}
.box2 {
	position:absolute;
	z-index:99;
	display:none;
	border:3px solid #cccccc;
	left:396px;
	width:394px;
	height:360px;
	background:#ffffff;
	overflow:auto;
	padding:3px 3px 3px 3px;
}
.boxTitle {
	background:#323232;
	color:#ffffff;
	font-weight:bold;
	padding:3px 3px 3px 3px;
}

/*** 왼쪽메뉴 네비게이션 ***/
#navi {
	width:177;
	float:right;
}
#navi ul {
	padding:0;
	margin:0;
}
#navi .top {
	background:url(img/left_navi_bg.gif) no-repeat;
	/*background-Color:#EEEEEE;*/
	padding:6px 0px 6px 26px;
	/*cursor:pointer;*/
	border-bottom:1px solid #DDDDDD;
	color:#FCD94B;
	font-weight:bold;
}
#navi .sub
{
	/*display:none;*/
	margin-left:-10px;
	margin-bottom:8px;
	padding:8px 0px 8px 10px;
	font:11px dotum;
	letter-spacing:-1px;
	/*border-left:11px solid #cccccc;*/
	background:url(img/left_navi_bottom.gif) no-repeat bottom right #EFEFEF;
}
#navi .sub li {
	padding:2px 0px 1px 10px;
	background:url(img/dot.gif) no-repeat 6px 3px 0px 0px;
}
#navi a {
	text-decoration:none;
	color:#000000;
	padding-left:10px;
}

/* 카테고리 트리박스 */
#treeCategory {
	float:left;
	width:220px;
	height:500px;
	overflow-y:auto;
	overflow-x:hidden;
	border:1px solid #cccccc;
	padding:10px 10px 10px 10px;
}
#treeCategory .gap {
	display:none;
	padding-top:20px;
}
#treeCategory .subTree {
	position:relative;
	left:-120px;
}
#treeCategory .cursor {
	background:url('img/icon_tree.gif') no-repeat;
	padding-left:15px;
	cursor:pointer;
	vertical-align:top;
	width:130px;
	overflow:hidden;
}

/* 디자인 트리박스 */
#treeCodi {
	float:left;
	width:220px;
	overflow-x:auto;
	margin:10px 0 20px 0;
	padding-bottom:20px;
}

/*** #goods_form (goods/_form.php) ***/
#goods_form .exTitle {
	width:120px;
	text-align:center;
}
#goods_form dt {
	float:left;
	padding-right:10px;
}
#goods_form .box {
	width:715px;
	border:solid 6px #f6f6f6;
	padding:3px 10px 0px 0px;
}
#goods_form .opt {
	width:55px;
	text-align:right;
}
#goods_form .gray {
	background:#f7f7f7;
}
#goods_form .fldtitle {
	width:100%;
	text-align:center;
	/*background:#f7f7f7;*/
	border:1px solid #cccccc;
}


/** 팝업창 테이블 <made by limbo 20060518> **/
.Select_PopType1				{background-color:#298CC7; color:#ffffff; font-family:돋움; font-size:12px;}
.table_PopSelect1				{width:100%; border:solid 6px #f6f6f6; background:#f6f6f6;}
.table_PopLine1					{background:#efefef; height:1px;}
.table_PopLeft1					{padding-right:12px; padding-top:5px; color:#333333; font-weight:bold; background:#ffffff; width:100px; letter-spacing:-1; text-align:right;}
.table_PopRight1				{padding-top:5px; padding-bottom:5px; background:#ffffff;}
.table_PopBox1					{border:solid 5px #f6f6f6;}
.table_PopList1					{height:24px;}
.table_PopListPoint1			{height:2px; background:#298CC7;}
.table_PopListPoint2			{height:2px; background:#298CC7;}
.table_PopListPoint3			{height:2px; background:#e6e6e6;}
.table_PopTitleList1			{height:26px; font-weight:bold; letter-spacing:-1; text-align:center; padding-top:5px;}
.table_PopHeadOut1				{height:52px; text-align:center; padding:10px;}
.table_PopHeadIn1				{text-align:center; background-image:url("/shop/admin/images_new/pop_titlebg.gif");}
.table_PopCloseOut1				{height:20px; text-align:center; padding:10px;}
.table_PopCloseIn1				{text-align:right; background-image:url("/shop/admin/images_new/pop_closebg.gif");}
.pop_title_bg				{text-align:center; background-image:url("../img/pop_titlebg.gif");}


/** 관리자모드 기본테이블 #0080C0 <made by limbo 20060518> **/
.table_Text1					{padding:10 10 10 14; background:#f7f7f7; line-height:14pt;}


/*** 오픈마켓 (event/om_category.php) ***/
#om_Category td {border-bottom:solid 1px #DCD8D6; padding-top:4px; padding-bottom:4px;}
#om_Category .step1 {padding-left:21px; background: url(./img/icon_off.gif) no-repeat; background-position: 10px center; background-color:#eeeeee;}
#om_Category .step2 {padding-left:37px; background: url(./img/tree-leaf-end.gif) no-repeat; background-position: 15px center;}
#om_Category .step3 {padding-left:52px; background: url(./img/tree-leaf-end.gif) no-repeat; background-position: 30px center;}
#om_Category .step4 {padding-left:67px; background: url(./img/icon_list.gif) no-repeat; background-position: 60px center;}
#om_Category #code_null {text-align:center;}
#om_srchOMCategoryPrint {height:130px; background:white; overflow-y:scroll; border:2px solid #D7D7D7; border-top-width:1px; margin:0px; padding:0px;}
#om_optOMCategory {margin: 10px 0px; padding:0px; width:100%;}
#om_optOMCategory ul {float:left; margin:0px; padding:0px; width:23%;}
#om_optOMCategory .separator{width:2%;border-width:0px; padding:2px; color:#CCCCCC;}
#om_optOMCategory h4 {border:solid 1px #000000; background-color:#298CC7; color:#ffffff; font-family:돋움; font-size:12px; padding:2px; margin:0px;}
#om_optOMCategory select {width:100%; height:156;}

#om_report {width:550px; margin:0px;;}
#om_report h1 {color:#FFFFFF; font:9pt tahoma; font-weight:bold; background-color:#298CC7; padding:5px; margin-bottom:15px;}
#om_report table th {width:99; color:#004477; font-weight:bold; border-right:solid 1px #dddddd; vertical-align:top; padding-top:5px;}
#om_report table td {width:450;}
#om_report #briefing {height:150; overflow-y:scroll;}
#om_report ul {margin:0px 0px 0px 20px; padding:0px;}
#om_report h2 {font:9pt tahoma; margin: 15px 0px 0px 15px;}
#om_report_line {border:solid 1px #535353; height:20px; margin:0px 15px 10px 15px; background-color:#F7F7F7;}
#om_report_white {margin:1px; height:18px;}
#om_report_graph {margin:0px; background-color:#7CBADD; height:100%; width:100%;}
#om_report p {border-top: dashed 1px #CACACA; margin:0px;}
#om_report_btn {display:none; text-align:center; margin-top:15px;}


/*** 자동입금확인 (order/bankmatch.php) ***/
#bank_report {width:550px; margin:0px;;}
#bank_report h1 {color:#FFFFFF; font:9pt tahoma; font-weight:bold; background-color:#298CC7; padding:5px; margin-bottom:15px;}
#bank_report table th {width:99; color:#004477; font-weight:bold; border-right:solid 1px #dddddd; vertical-align:top; padding-top:5px;}
#bank_report table td {width:450;}
#bank_report #briefing {height:150; overflow-y:scroll;}
#bank_report ul {margin:0px 0px 0px 20px; padding:0px;}
#bank_report h2 {font:9pt tahoma; margin: 15px 0px 0px 15px;}
#bank_report_line {border:solid 1px #535353; height:20px; margin:0px 15px 10px 15px; background-color:#F7F7F7;}
#bank_report_white {margin:1px; height:18px;}
#bank_report_graph {margin:0px; background-color:#7CBADD; height:100%; width:100%;}
#bank_report p {border-top: dashed 1px #CACACA; margin:0px;}
#bank_report_btn {display:none; text-align:center; margin-top:15px;}


/*** 야후패션소호 (yahoofss/popup.category.php) ***/
#fss_srchCategoryPrint {height:130px; background:white; overflow-y:scroll; border:2px solid #D7D7D7; border-top-width:1px; margin:0px; padding:0px;}
#fss_optCategory {margin: 10px 0px; padding:0px; width:100%;}
#fss_optCategory ul {float:left; margin:0px; padding:0px; width:31%;}
#fss_optCategory .separator{width:2%;border-width:0px; padding:2px; color:#CCCCCC;}
#fss_optCategory h4 {border:solid 1px #000000; background-color:#85765D; color:#ffffff; font-family:돋움; font-size:11px; padding:2px; margin:0px;}
#fss_optCategory select {width:100%; }


#report {width:550px; margin:0px;}
#report h1 {color:#FFFFFF; font:9pt tahoma; font-weight:bold; background-color:#298CC7; padding:5px; margin-bottom:15px;}
#report table th {width:99; color:#004477; font-weight:bold; border-right:solid 1px #dddddd; vertical-align:top; padding-top:5px;}
#report table td {width:450;}
#report #briefing {height:150; overflow-y:scroll;}
#report ul {margin:0px 0px 0px 20px; padding:0px;}
#report h2 {font:9pt tahoma; margin: 15px 0px 0px 15px;}
#report_line {border:solid 1px #535353; height:20px; margin:0px 15px 10px 15px; background-color:#F7F7F7;}
#report_white {margin:1px; height:18px;}
#report_graph {margin:0px; background-color:#7CBADD; height:100%; width:100%;}
#report p {border-top: dashed 1px #CACACA; margin:0px;}
#report_btn {display:none; text-align:center; margin-top:15px;}

/*** 달력 스타일 ***/
.calendarTitleY {font-family:tahoma; font-size:11px; color:666666; text-align:left; padding-top:8px; padding-left:10px;}
.calendarTitleM {font-family:tahoma; font-size:24px; color:#78b300; text-align:left; font-weight:bold; padding-left:5px;}
.calendarWeekS {font-family:tahoma; font-size:9px; color:#78b300; float:left; width:30px; height:25px; padding-top:5px; }
.calendarWeekT {font-family:tahoma; font-size:9px; color:#808080; float:left; width:30px; height:25px; padding-top:5px; }
.calendarWeek {font-family:tahoma; font-size:9px; color:#808080; float:left; width:30px; height:25px; padding-top:5px; }

.calendarDayS {font-family:tahoma; font-size:11px; color:#78b300; float:left; width:30px; height:25px; cursor:pointer; font-weight:bold;padding-top:5px; }
.calendarDayT {font-family:tahoma; font-size:11px; color:#808080; float:left; width:30px; height:25px; cursor:pointer; font-weight:bold;padding-top:5px; }
.calendarDay {font-family:tahoma; font-size:11px; color:#808080; float:left; width:30px; height:25px; cursor:pointer; font-weight:bold;padding-top:5px; }
.calendarToDay {font-family:tahoma; font-size:11px; color:fe5400; float:left; width:30px; height:25px; cursor:pointer; background:url('img/icon_calendar_point.gif') no-repeat; font-weight:bold;padding-top:5px;}

.calendarNoDay {float:left; width:30px; height:25px;padding-top:5px; }
.calendarNow {font-family:tahoma; font-size:11px; color:333333; float:left; width:148px; height:20px; cursor:pointer; padding-left:8px;}
.calendarClose {font-family:tahoma; font-size:11px; color:333333; float:left; width:55px; height:20px; cursor:pointer;}
.clearboth {clear:both;}
.content_img {background:url(img/sch_bg_gray.gif)}


/*new layout*/

.login_wrap {position:absolute; top:50%; left:50%; width:400px; height:400px; margin:-200px 0 0 -200px;}
.login_wrap .logo_box {padding:0 0 40px 0; text-align:center;}
.login_wrap .login_admintext {padding-bottom:20px; text-align:center;font-size:1.3rem;color:black}
.login_wrap .login_box {padding:30px; text-align:center; background:#fff; border:solid 1px #dddddd;}
.login_wrap .login_box input[type=text],.login_wrap .login_box input[type=password] {border:solid 1px #dddddd; padding:10px 0; width:100%; text-align:center; margin-bottom:10px; font-weight:bold;}
.login_wrap .login_box input[type=button] {border:0; padding:14px 0; width:100%; text-align:center; background:#666; color:#fff; border-radius:3px;}
.login_wrap .copy_box {padding:20px 0; text-align:center;}

.header_wrap { overflow:hidden; position:relative; height:100px; min-width:1280px; background:url('img/header_bg.gif') repeat-x;}
.header_wrap .logo_box {position:absolute;top:0; left:0; width:169px; text-align:center; border-right:solid 1px #dddddd; padding:29px 0;}
.header_wrap .nav_box {margin-left:170px; text-align:center; padding-top:50px;}
.header_wrap .nav_box a {padding:0 10px;}
.header_wrap .util_box {position:absolute;top:10px; right:30px;}

.search_wrap {width:100%; overflow:hidden; margin-bottom:20px;}
.search_wrap .path_box {float:left; margin-left:12px; line-height:30px; color:#999;}
.search_wrap .search_box {float:right; line-height:30px; color:#999;}
.search_wrap .search_box label {margin-right:8px;}
.search_wrap .search_box img { vertical-align:top;}
.search_wrap .search_box span {border:solid 1px #dddddd; border-right:none; padding:7px;}
.search_wrap .search_box input {border:none;}

.content_wrap {background:url('img/sub_leftmenu_back.gif') repeat-y; overflow:hidden; border-bottom:solid 1px #dddddd;}
.lnb_wrap {position:absolute;top:100px; left:0; width:170px; }
.cont_wrap {padding:30px 40px 0 198px;}
.footer_wrap {clear:both; overflow:hidden; border-top:solid 1px #dddddd; padding:30px; margin-top:30px;}

table.mcont {}
table.mcont > tbody > tr > td {border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:5px 10px;}
table.mcont > tbody > tr > td:first-child {border-left:1px solid #ddd;}
table.mcont > tbody > tr > td.tit {background:#666; color:#fff; border-right:1px solid #777; border-bottom:1px solid #666;}
table.mcont > tbody > tr > td.tit a {color:#fff;}

a.set {padding:2px 10px; font-size:11px; background:#000; display:inline-block;font-weight:bold;color:#fff;}


table.tb {}
table.tb td {height:36px;}
table.tb label {margin-right:10px;}
table.tb .ln {padding:0 0 0 10px; border-left:1px solid #ddd;}
table.tb .cnt {text-align:center;}
table.tb ul {margin:0; padding:0;}
table.tb li {list-style:none; margin:0; padding:5px 0 0 0;}
table.tb li:first-child {padding:0;}

table.listTable {width:100%; border-collapse:collapse; border:1px solid #e8e8e8; border-left:0 none; table-layout:fixed;}
table.listTable th {background:#657178; padding:8px 0; color:#fff; font-size:11px;}
table.listTable td {border-bottom:1px solid #e8e8e8; padding:8px 0; text-align:center;}

.itm {display:inline-block; width:60px;}
input[type=image] { vertical-align: top;}

.w10{width:10%;}
.w15{width:15%;}
.w20{width:20%;}
.w25{width:25%;}




/***** 아이콘 투명처리 ********/
.transparentIcon {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

  /* IE 5-7 */
  filter: alpha(opacity=50);

  /* Netscape */
  -moz-opacity: 0.5;

  /* Safari 1.x */
  -khtml-opacity: 0.5;

  /* Good browsers */
  opacity: 0.5;
}


/*** 버튼 CSS ***/
.btn {
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
}

.btn:hover {
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	-ms-transition: 0.2s;
	transition: 0.2s;
}

.btn > .fa,
.btn > .im {
	margin: 0 5px;
}

.btn-xs {
	font-size: 11px;
	letter-spacing: 0;
}

.btn-primary {
	color: #fff !important;
	background: #486d97;
	border-color: #416288;
}

.btn-primary:hover {
	background: #416288;
	border-color: #3a5779;
}

.btn-primary:focus {
	background: #416288;
	border-color: #3a5779;
}

.btn-primary-invert {
	background: #b79268;
	border-color: #ae8455;
	color: #fff;
}

.grp {
	position: relative;
}


.gage_table {border-collapse: collapse;}
.gage_table th,
.gage_table td {border:1px solid #555}  

.gage {
	display: inline-block;
	height: 20px;
	background: #aaa;
	width: 0%;
	transition: all 1.5s;
}

.pp {
	position: relative;
}

.pp p {
	position: absolute;
	right: 10px;
	top: 2px;
	width: 90px;
	margin:0;
	text-align:right;
}
.pp p span {display:inline-block;}

.aster {
    color: red;
    padding-left: 2px;
}

.fontRed {
	color: red;
}

.notPost{
	background : gray;
	opacity: 0.5;
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><line x1="0" y1="100%" x2="100%" y2="0" stroke="red" /><line x1="0" y1="0" x2="100%" y2="100%" stroke="red" /></svg>');
}

button.btn-login {
    /* 아래 줄은 input[type="button"] 에 적용된 값과 동일해야 함 */
    width: 100%;
    height: 48px;            /* 예시 */
    background-color: #15316E;
    color: #ffffff;
    border-radius: 6px;
    text-align: center;
}
