/* jquery ui general */

.ui-collapsible-content {padding:0.5em}


/* 라디오와 삭제버튼 그룹용 클래스 정의 START */
div.radio-and-del-btn-group .ui-checkbox .ui-btn, .ui-radio .ui-btn{
	white-space:nowrap !important;
}
div.radio-and-del-btn-group .ui-field-contain .ui-controlgroup-controls{
	width:100%;
	padding-left:54px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
div.radio-and-del-btn-group .ui-field-contain .ui-controlgroup-controls .ui-last-child{
	width:20px;
}
div.radio-and-del-btn-group .ui-field-contain .ui-controlgroup-controls .ui-radio{
	width:100%;
	margin-left:-54px;
}
/* 라디오와 삭제버튼 그룹용 클래스 정의 END */


/* 페이징 버튼 넓이 */
div.ui-paging{text-align:center;}
div.ui-paging .ui-btn{ width:2.2em; text-align:center; padding:.7em .3em }
div.ui-paging .ui-btn:first-child, div.ui-paging .ui-btn:last-child{ width:.8em; padding:.7em 1em }

/* 게시물 여백 줄임: ui-listview원래 여백은 이것의 2배임 */
ul.ui-board-list .ui-btn{
	padding:0.35em 0.35em;
}

ul.ui-board-list img{
	margin:0 auto;
}

span.badge-red{color:red !important;}

/* textinput을 다른 폼요소와 한줄에 넣기위한 클래스 */
.ui-controlgroup-textinput{
	padding-top:.12em !important;
	padding-bottom:.12em !important;
}

/* 2개 grid 블럭 75:25 */
div.ui-grid-a-75-25 .ui-block-a{ width:75%; }
div.ui-grid-a-75-25 .ui-block-b{ width:25%; }

/* 2개 grid 블럭 60:40 */
div.ui-grid-a-60-40 .ui-block-a{ width:60%; }
div.ui-grid-a-60-40 .ui-block-b{ width:40%; }

/* 2개 grid 블럭 70:30 */
div.ui-grid-a-70-30 .ui-block-a{ width:70%; }
div.ui-grid-a-70-30 .ui-block-b{ width:30%; }

/* 2개 grid 블럭 30:70 */
div.ui-grid-a-30-70 .ui-block-a{ width:30%; }
div.ui-grid-a-30-70 .ui-block-b{ width:70%; }

/* 3개 grid 블럭 45:10:45 */
div.ui-grid-b-45-10-45 .ui-block-a{ width:45%; }
div.ui-grid-b-45-10-45 .ui-block-b{ width:10%; text-align:center;}
div.ui-grid-b-45-10-45 .ui-block-c{ width:45%; }

/* 로딩 화면시 background masking 처리 시작 */
.ui-loader-background {
	width:100%;
	height:100%;
	top:0;
	margin: 0;
	background: rgba(0, 0, 0, 0.3);
	display:none;
	position: fixed;
	z-index:100;
}
.ui-loading .ui-loader-background {
	display:block;
}
/* 로딩 화면시 background masking 처리 끝 */

/* 컨텐츠 섹션용 */
div.ui-control-box .ui-bar {
	-webkit-border-top-left-radius: inherit;
	border-top-left-radius: inherit;
	-webkit-border-top-right-radius: inherit;
	border-top-right-radius: inherit;
}
div.ui-control-box .ui-body {
	border-top-width: 0;
	-webkit-border-bottom-left-radius: inherit;
	border-bottom-left-radius: inherit;
	-webkit-border-bottom-right-radius: inherit;
	border-bottom-right-radius: inherit;
}

.split-3-button-list a.setting-deco-count.ui-btn{
    margin-right:6em !important;
}
.split-3-button-list a.ui-icon-minus{
    right: 2.5em !important;
    border-top-right-radius: 0 !important;
}

/* 도움말 */
img.help-image {max-width:375px;width:100%;}
.help-comment {font-size:0.75em !important;color:#888888 !important;}

/* view 컨텐츠용 테이블 class 정의 시작 <table class="ui-body-a ui-corner-all"> */
table.ui-body-a{width:100%}
table.ui-body-a tr th{width:86px; padding:5px; background:#F6F6F6; font:#494949;border-bottom:1px solid #ddd;font-size:.75em;}
table.ui-body-a tr:last-child th{border-bottom:0;}
table.ui-body-a tr td{padding: 5px; background: #FCFCFC;border-bottom:1px solid #ddd;font-size:.75em;}
table.ui-body-a tr:last-child td{border-bottom:0;}
table.ui-body-a tr th h3,table.ui-body-a tr td h3{margin:.1em auto;}

/* view 컨텐츠용 가로 테이블 class 정의 시작 <table class="ui-body-b"> */
table.list-table-a{width:100%; font-size:12px; border:1px solid #ddd;}
table.list-table-a tr th{padding:7px; background:#F6F6F6; font:#494949; border-bottom:1px solid #ddd; border-right:1px solid #ddd; text-align:center;}
table.list-table-a tr th:last-child{border-right:0;}
table.list-table-a tr td{padding:7px; background: #FCFCFC; border-right:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center;}
table.list-table-a tr td:last-child{border-right:0;}
table.list-table-a tr:last-child th, table.list-table-a tr:last-child td{border-bottom:0;}
table.list-table-a caption{caption-side: bottom; text-align:right;}


/* listview컨트롤 이미지(thumb) 있을 경우 왼쪽 여백 줄이기 및 이미지 가운데정렬: 시작 */
.ui-listview>.ui-li-has-thumb>.ui-btn, .ui-listview>.ui-li-static.ui-li-has-thumb {
	min-height: 3.625em;
	padding-left: 5.5em; /* 원본 6.25em */
}
.ui-listview .ui-li-has-thumb>img:first-child, .ui-listview .ui-li-has-thumb>.ui-btn>img:first-child, .ui-listview .ui-li-has-thumb .ui-li-thumb{
	top:50%;
	-ms-transform: translate(0, -50%);
	transform    : translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
}
/* listview컨트롤 이미지(thumb) 있을 경우 왼쪽 여백 줄이기 및 이미지 가운데정렬: 끝 */

/* 주문 페이지 관련 */
#buy_buy_order_list .buy_status_btn .ui-btn {width:55px; text-align:center;}
#buy_buy_info_manage .ui-listview > li > a.ui-btn {text-align:center;}


/* THEME C 시작
-----------------------------------------------------------------------------------------------------------*/
/* Bar: Toolbars, dividers, slider track */
.ui-bar-c,
.ui-page-theme-c .ui-bar-inherit,
html .ui-bar-c .ui-bar-inherit,
html .ui-body-c .ui-bar-inherit,
html body .ui-group-theme-c .ui-bar-inherit {
	background-color: 			#e9e9e9 /*{a-bar-background-color}*/;
	border-color:	 		#ddd /*{a-bar-border}*/;
	color: 					#333 /*{a-bar-color}*/;
	text-shadow: 0 /*{a-bar-shadow-x}*/ 1px /*{a-bar-shadow-y}*/ 0 /*{a-bar-shadow-radius}*/ 	#eee /*{a-bar-shadow-color}*/;
	font-weight: bold;
}
.ui-bar-c {
	border-width: 1px;
	border-style: solid;
}
/* Page and overlay */
.ui-overlay-c,
.ui-page-theme-c,
.ui-page-theme-c .ui-panel-wrapper {
	background-color: 			#f9f9f9 /*{a-page-background-color}*/;
	border-color:	 		#bbb /*{a-page-border}*/;
	color: 					#333 /*{a-page-color}*/;
	text-shadow: 0 /*{a-page-shadow-x}*/ 1px /*{a-page-shadow-y}*/ 0 /*{a-page-shadow-radius}*/ 	#f3f3f3 /*{a-page-shadow-color}*/;
}
/* Body: Read-only lists, text inputs, collapsible content */
.ui-body-c,
.ui-page-theme-c .ui-body-inherit,
html .ui-bar-c .ui-body-inherit,
html .ui-body-c .ui-body-inherit,
html body .ui-group-theme-c .ui-body-inherit,
html .ui-panel-page-container-c {
	background-color: 			#fff /*{a-body-background-color}*/;
	border-color:	 		#ddd /*{a-body-border}*/;
	color: 					#333 /*{a-body-color}*/;
	text-shadow: 0 /*{a-body-shadow-x}*/ 1px /*{a-body-shadow-y}*/ 0 /*{a-body-shadow-radius}*/ 	#f3f3f3 /*{a-body-shadow-color}*/;
}
.ui-body-c {
	border-width: 1px;
	border-style: solid;
}
/* Links */
.ui-page-theme-c a,
html .ui-bar-c a,
html .ui-body-c a,
html body .ui-group-theme-c a {
	color: #3388cc /*{a-link-color}*/;
	font-weight: bold;
}
.ui-page-theme-c a:visited,
html .ui-bar-c a:visited,
html .ui-body-c a:visited,
html body .ui-group-theme-c a:visited {
    color: #3388cc /*{a-link-visited}*/;
}
.ui-page-theme-c a:hover,
html .ui-bar-c a:hover,
html .ui-body-c a:hover,
html body .ui-group-theme-c a:hover {
	color: #005599 /*{a-link-hover}*/;
}
.ui-page-theme-c a:active,
html .ui-bar-c a:active,
html .ui-body-c a:active,
html body .ui-group-theme-c a:active {
	color: #005599 /*{a-link-cctive}*/;
}
/* Button up */
.ui-page-theme-c .ui-btn,
html .ui-bar-c .ui-btn,
html .ui-body-c .ui-btn,
html body .ui-group-theme-c .ui-btn,
html head + body .ui-btn.ui-btn-c,
/* Button visited */
.ui-page-theme-c .ui-btn:visited,
html .ui-bar-c .ui-btn:visited,
html .ui-body-c .ui-btn:visited,
html body .ui-group-theme-c .ui-btn:visited,
html head + body .ui-btn.ui-btn-c:visited {
	background-color: 			#e2e2e2 /*{a-bup-background-color}*/;
	border-color:	 		#ccc /*{a-bup-border}*/;
	color: 					#333 /*{a-bup-color}*/;
	text-shadow: 0 /*{a-bup-shadow-x}*/ 1px /*{a-bup-shadow-y}*/ 0 /*{a-bup-shadow-radius}*/ #f3f3f3 /*{a-bup-shadow-color}*/;
}
/* Button hover */
.ui-page-theme-c .ui-btn:hover,
html .ui-bar-c .ui-btn:hover,
html .ui-body-c .ui-btn:hover,
html body .ui-group-theme-c .ui-btn:hover,
html head + body .ui-btn.ui-btn-c:hover {
	background-color: 			#d7d7d7 /*{a-bhover-background-color}*/;
	border-color:	 		#ccc /*{a-bhover-border}*/;
	color: 					#333 /*{a-bhover-color}*/;
	text-shadow: 0 /*{a-bhover-shadow-x}*/ 1px /*{a-bhover-shadow-y}*/ 0 /*{a-bhover-shadow-radius}*/ #f3f3f3 /*{a-bhover-shadow-color}*/;
}
/* Button down */
.ui-page-theme-c .ui-btn:active,
html .ui-bar-c .ui-btn:active,
html .ui-body-c .ui-btn:active,
html body .ui-group-theme-c .ui-btn:active,
html head + body .ui-btn.ui-btn-c:active {
	background-color: 			#e8e8e8 /*{a-bdown-background-color}*/;
	border-color:	 		#ccc /*{a-bdown-border}*/;
	color: 					#333 /*{a-bdown-color}*/;
	text-shadow: 0 /*{a-bdown-shadow-x}*/ 1px /*{a-bdown-shadow-y}*/ 0 /*{a-bdown-shadow-radius}*/ #f3f3f3 /*{a-bdown-shadow-color}*/;
}
/* Active button */
.ui-page-theme-c .ui-btn.ui-btn-active,
html .ui-bar-c .ui-btn.ui-btn-active,
html .ui-body-c .ui-btn.ui-btn-active,
html body .ui-group-theme-c .ui-btn.ui-btn-active,
html head + body .ui-btn.ui-btn-c.ui-btn-active,
/* Active checkbox icon */
.ui-page-theme-c .ui-checkbox-on:after,
html .ui-bar-c .ui-checkbox-on:after,
html .ui-body-c .ui-checkbox-on:after,
html body .ui-group-theme-c .ui-checkbox-on:after,
.ui-btn.ui-checkbox-on.ui-btn-c:after,
/* Active flipswitch background */
.ui-page-theme-c .ui-flipswitch-active,
html .ui-bar-c .ui-flipswitch-active,
html .ui-body-c .ui-flipswitch-active,
html body .ui-group-theme-c .ui-flipswitch-active,
html body .ui-flipswitch.ui-bar-c.ui-flipswitch-active,
/* Active slider track */
.ui-page-theme-c .ui-slider-track .ui-btn-active,
html .ui-bar-c .ui-slider-track .ui-btn-active,
html .ui-body-c .ui-slider-track .ui-btn-active,
html body .ui-group-theme-c .ui-slider-track .ui-btn-active,
html body div.ui-slider-track.ui-body-c .ui-btn-active {
	background-color: 		#3388cc /*{a-active-background-color}*/;
	border-color:	 		#3388cc /*{a-active-border}*/;
	color: 					#fff /*{a-active-color}*/;
	text-shadow: 0 /*{a-active-shadow-x}*/ 1px /*{a-active-shadow-y}*/ 0 /*{a-active-shadow-radius}*/ #005599 /*{a-active-shadow-color}*/;
}
/* Active radio button icon */
.ui-page-theme-c .ui-radio-on:after,
html .ui-bar-c .ui-radio-on:after,
html .ui-body-c .ui-radio-on:after,
html body .ui-group-theme-c .ui-radio-on:after,
.ui-btn.ui-radio-on.ui-btn-c:after {
	border-color:			#3388cc /*{a-active-background-color}*/;
}
/* Focus */
.ui-page-theme-c .ui-btn:focus,
html .ui-bar-c .ui-btn:focus,
html .ui-body-c .ui-btn:focus,
html body .ui-group-theme-c .ui-btn:focus,
html head + body .ui-btn.ui-btn-c:focus,
/* Focus buttons and text inputs with div wrap */
.ui-page-theme-c .ui-focus,
html .ui-bar-c .ui-focus,
html .ui-body-c .ui-focus,
html body .ui-group-theme-c .ui-focus,
html head + body .ui-btn-c.ui-focus,
html head + body .ui-body-c.ui-focus {
	-webkit-box-shadow: 0 0 12px 	#3388cc /*{a-active-background-color}*/;
	-moz-box-shadow: 0 0 12px 		#3388cc /*{a-active-background-color}*/;
	box-shadow: 0 0 12px 			#3388cc /*{a-active-background-color}*/;
}
/* THEME C 끝
-----------------------------------------------------------------------------------------------------------*/