/*----- default tag styleCSS -----*/
@import url(/_UIStructure/ui/default/font/nanumgothic.css);

/* 
 * Nanum Gothic (Korean) http://www.google.com/fonts/earlyaccess
 */

body, select, input, a, button{
	font-family:'맑은 고딕';
	font-size:13px;line-height:25px;	
	text-decoration : none;
	margin:0px auto;
}
* { -webkit-tap-highlight-color: rgba(0,0,0,0);} 
body{background:#fff;margin:0px;padding:0px;}
select{vertical-align:middle;padding:2px;line-height:19px;height:22px;}
input{vertical-align:middle;padding:4px;line-height:15px;height:15px;}
form{margin:0px;padding:0px;}
img{border:0px;}
a{}


/*----- default class styleCSS -----*/
.clear{clear:both;}
.Hspace1{font-size:1px;line-height:1px;height:1px;}
.Hspace2{font-size:1px;line-height:1px;height:2px;}
.Hspace3{font-size:1px;line-height:1px;height:3px;}
.Hspace5{font-size:1px;line-height:1px;height:5px;}
.Hspace10{font-size:1px;line-height:1px;height:10px;}
.Hspace15{font-size:1px;line-height:1px;height:15px;}
.Hspace20{font-size:1px;line-height:1px;height:20px;}
.Hspace30{font-size:1px;line-height:1px;height:30px;}
.padding5{padding:5px;}
.padding10{padding:10px;}
.noBorder{border:0px none ! important;}
.rel{position:relative;}
.abs{position:absolute;}
.Ablock{display:block;}
.nowrap{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}

/*----- 폰트 색상 class styleCSS -----*/
.font00{color:#2c2c2c;}
.font01{color:#335997;}
.fontEA{font-size:10px;color:#888;font-family:'맑은 고딕';}
.fontTiny{font-size:13px;letter-spacing:-1px;}

/*----- box class styleCSS -----*/


/*----- support form class styleCSS -----*/
.textarea{border:1px solid #eee;}
.textarea textarea{border:0px none;width:100%;margin:0px;padding:0px;}
.int{text-align:right;}
.float{text-align:left;}


input[disabled]{background:#eee;}
input[readonly]{background:#eee;}
input[type=password]{background:#fff;}
input[type=text]:focus{background:#F0FAFF;}
input[type=password]:focus{background:#FFD9D9;}
input.num{text-align:right;}
input.radio{border:0px none;}
textarea{font-family:'맑은 고딕';font-size:13px;}
textarea:focus{background:#F0FAFF;}
textarea[disabled]{background:#eee;}
textarea[readonly]{background:#ccc;}

.textARCT{border:1px solid #ccc;padding:3px 7px 3px 3px;background:#fff;}
.textARCT textarea{
	vertical-align:middle;background:#fff;border:0px solid #fff !important;
 	width:100%;overflow:auto;padding:0px;margin:0px;
}
.textARCT input[type=text]{
	vertical-align:middle;background:#fff;border:0px solid #fff !important;
 	width:100%;padding:0px;margin:0px;
}
.textARCT input[type=text]:focus{background:#fff;}
/*----- -------------------------------------------------------------- common end -------------------------------------------------------------- -----*/


/* page layout */
.popContainer{min-width:300px;}
.popContainer .popContent {
    padding:10px 10px 10px 10px;
    overflow:auto; 
	margin: 0 auto;
}
.popContent .pageBody{padding:0px 10px 0px 10px;}

.container{}
.container .content{ padding: 10px;}
.content .pageBody{}

.h1{
    color:#222;font-size:13px;
    line-height:35px;height:35px;
    background:url(/images/h1.png) no-repeat 6px center;
    margin:0px;padding:0px;
    padding-left:30px;
}
/*----- title style -----*/
H1{
    color:#222;font-size:15px;
    line-height:35px;height:35px;
    background:url(/_UIStructure/ui/default/img/h1.png) no-repeat 6px center;
    margin:0px;padding:0px;
    padding-left:30px;
}
H2{
    color:#00629f;font-size:12px;
    line-height:32px;height:32px;
    background:url(/_UIStructure/ui/default/img/h2.png) no-repeat 4px center;
    margin:0px;padding:0px;
    padding-left:26px;
}
H3{
    color:#656565;font-size:12px;
    line-height:29px;height:32px;
    background:url(/_UIStructure/ui/default/img/h3.png) no-repeat 0px center;
    margin:0px;padding:0px;
    padding-left:16px;
}

/* 3px -> 0px 20150930 김명현 */
.pageTitle {
    position:relative;
    padding-bottom:0px;
}

.pageTitle .searchButton {
    position:absolute;
    right:0px;top:0px;
}

.vTBti{position:relative;padding:10px 5px;padding-left:25px;font-size:13px;font-family:맑은 고딕, Tahoma;color:#444;font-weight:bold;background:url(/Images/default/Icons/folder-open.png) no-repeat 5px 15px;}
.vTBti SPAN{font-size:13px;font-weight:normal;}
.vTBti .btns{position:absolute;right:0px;top:10px;}

.vTBtit{position:relative;padding:5px 3px;padding-left:15px;font-size:13px;font-family:'맑은 고딕', 맑은 고딕, Tahoma;color:#0080C0;font-weight:bold;
        background:url(/_UIStructure/ui/default/img/control-000-small.png) no-repeat 0px center;
}

/*----- -------------------------------------------------------------- 기존 사용 스타일 start -------------------------------------------------------------- -----*/
/* search Bar Blue style */
.searchBoxBule{border:2px solid #3286bd;border-radius:5px;background:#eff7fa;padding:6px;}
.searchBoxBule .sbar{padding:5px;background:#fff;color:#444;border:1px solid #ddd;border-radius:3px;}

/* search Bar Old style */
.searchBox{padding:0px 0px 10px 0px;}
/*.searchBox .sbar{padding:3px 0px;background:#fbfbfb;border-top:1px solid #ccc;border-bottom:1px solid #ccc;color:#444;}*/
.searchBox .sbar{padding:5px 5px 5px 5px;background:#fbfbfb;border-top:1px solid #ccc;border-bottom:1px solid #ccc;color:#444;}

/* padding:3px 0px -> 1px 0px 20150930 김명현 *
/* search 공통 style */
.sbar{position:relative;overflow:visible;min-height:30px;padding:1px 0px;font-size:13px;z-index:10;font-family:맑은 고딕;}
/*.sbar span{display:inline-block;vertical-align:middle;height:30px;line-height:28px;padding:0px 5px 0px 5px;color:#222;text-shadow:0px 1px 0px #fff;font-size:13px;font-weight:bold;}*/
.sbar span{display:inline-block;vertical-align:middle;height:30px;line-height:28px;padding:0px 0px 0px 0px;color:#222;text-shadow:0px 1px 0px #fff;font-size:13px;font-weight:bold;}
.searchBox .sbar span.line{height:20px;width:1px;background:#ccc;border-right:1px solid #eee;padding:0px;margin:0px 5px;_margin-right:7px;}
.searchBox .sbar span.start{display:inline-block;vertical-align:middle;height:30px;line-height:30px;padding:0px 5px 0px 0px;color:#222;font-family:'맑은 고딕'; font-size:13px;}
.searchBox .sbar span.block{display:inline-block;vertical-align:middle;height:auto;line-height:1em;padding:0px;position:relative;}
.searchBox .sbar input.box{vertical-align:middle;font-size:13px;margin-top:1px;vertical-align:middle;margin-right:3px;padding:2px;}
.searchBox .sbar input.boxE{vertical-align:middle;font-size:13px;margin-top:1px;vertical-align:middle;margin-right:3px;padding:2px;ime-mode:inactive;}
.searchBox .sbar input.boxK{vertical-align:middle;font-size:13px;margin-top:1px;vertical-align:middle;margin-right:3px;padding:2px;ime-mode:active;}
.searchBox .sbar input{vertical-align:middle;}

.searchBox .sbar .btns{position:absolute;right:0px;top:5px;}

.searchBox .sbar2{padding:5px 5px 5px 5px;color:#444;}
.sbar2{position:relative;overflow:visible;min-height:30px;padding:1px 0px;font-size:13px;z-index:10;font-family:맑은 고딕;}
.sbar2 span{display:inline-block;vertical-align:middle;height:30px;line-height:28px;padding:0px 0px 0px 0px;color:#222;text-shadow:0px 1px 0px #fff;font-size:13px;font-weight:bold;}

.searchBox .searchDiv{border:1px solid #bebebe;border-top:0px none;background:#f3f3f3;padding:10px;color:#444;border-radius: 0px 0px 5px 5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomleft:5px;-webkit-border-bottom-right-radius:5px;-moz-border-radius-bottomright:5px;}	
.searchButton{ padding-top: 5px;}

/* sub Bar Layout*/
.sbarSub{border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:3px 0px;background:#fff;}
.sbarSub span{display:inline-block;vertical-align:middle;height:30px;line-height:28px;padding:0px 2px;color:#222;font-family:맑은 고딕;font-size:13px;font-weight:bold;}
.sbarSub input[type=text]{font-family:맑은 고딕;font-size:13px;border:1px solid #bbb;background:#F0FAFF;}

/* Msg Box Style */
.msgBoxDF{padding:10px 10px 10px 10px;border:1px solid #ccc;color:#004668;font-weight:bold;font-family:맑은 고딕;font-size:13px;}
.msgBoxDFbg{background-color:#F3F5F7; padding:30px 20px 30px 30px;border:1px solid #ccc;color:#000;font-family:맑은 고딕;font-size:13px;}
.msgBoxDFSV{padding:10px 10px 10px 10px;border:1px solid #ccc;color:#D3D3D3;font-weight:bold;font-family:맑은 고딕;font-size:13px;}


.detailTBrdo tbody td{border-right:0px none !important;border-bottom:0px none !important;padding-left:0px;padding-right:0px;}
/* detail table  */

.detailTB_out{table-layout:fixed;width:100%;border-top:2px solid #ccc;border-left:2px solid #ccc;font-family:맑은 고딕;font-size:13px;}
.detailTB_out tbody tr td, .detailTB_out tbody tr th{border-bottom:2px solid #ccc !important;border-right:2px solid #ccc !important;padding:5px;}


.detailTB{table-layout:fixed;width:100%;border-top:1px solid #ccc;border-left:1px solid #ccc;font-family:맑은 고딕;font-size:13px;}
.detailTBnoline{table-layout:fixed;width:100%;border-top:1px solid #ccc;border-left:1px solid #ccc;border-bottom:1px solid #ccc;font-family:맑은 고딕;font-size:13px;}
.detailTB td, .detailTB th{border-bottom:1px solid #ccc !important;border-right:1px solid #ccc !important;padding:3px;}
.detailTB thead td{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-break:nowrap;text-align:center;font-weight:bold;font-size:13px;color:#444;}
.detailTB thead th{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-break:nowrap;text-align:center;font-weight:bold;font-size:13px;color:#444;background:url(/_UIStructure/ui/default/img/gray.png) repeat-x 0px center;}
.detailTB thead td.nb, .detailTB thead th.nb{text-align:center;font-weight:bold; font-size:13px;color:#222;background:#f3f3f3;}
.detailTB thead tr.none td{text-align:center;font-weight:normal;font-size:13px;color:#222;background:#fff;padding:3px 0px;}
.detailTB thead tr.noline td{border-bottom:1px solid !important;border-right:0px none !important;}
.detailTB thead tr.noline td:last-child{border-bottom:0px none !important;border-right:1px solid #ccc !important;}
.detailTB tbody td{color:#444;word-break:break-all;}
.detailTB tbody tr.clickTR td{cursor:pointer;}
.detailTB tbody tr.clickTR:hover td, .detailTB tbody tr.clickTR:hover td a{background:#F0F8FF;color:#0080C0;}
.detailTB tbody tr.noline td{border-bottom:1px solid !important;border-right:0px none !important;}
.detailTB tbody tr.noline td.last-child{border-bottom:1px solid !important;border-right:1px solid #ccc !important;}
.detailTB tbody tr.gray td{background:#F7F7F7;}
.detailTB tbody tr.red td{background:#FFEEEE;}
.detailTB tbody th{text-align:center;font-weight:bold; font-size:13px;color:#222;background:url(/_UIStructure/ui/default/img/gray.png) repeat-x 0px center;}
.detailTB tbody th.nb{text-align:center;font-weight:bold; font-size:13px;color:#222;background:#eee;}
.detailTB tbody td.money{text-align:right;color:#572C00;}
.detailTB tbody td.nowrap{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-break:nowrap;}
.detailTB tfoot tr{text-align:center;}
.detailTB tfoot th{color:#444;background:#eee;text-align:center;font-weight:bold;}
.detailTB tfoot td{color:#444;background:#eee;}
.detailTB tfoot td.money{text-align:right;color:#572C00;}
.detailTB textarea{
	vertical-align:middle;background:#fff;border:0px none;
 	width:100%;overflow:auto;
}
.detailTB textarea[readonly]{
	background:#eee ! important;
}
.detailTB .pk{background:url(/_UIStructure/ui/default/img/tick-small-red.png) #eee no-repeat 100% 50%;}

/* detail table  */
.detailTB2{table-layout:fixed;width:100%;font-family:맑은 고딕;font-size:13px;background:#ccc;}
.detailTB2 td, .detailTB2 th{padding:5px;background:#fff;}
.detailTB2 thead td{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-break:nowrap;text-align:center;font-weight:bold;font-size:13px;color:#444;}
.detailTB2 thead th{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-break:nowrap;text-align:center;font-weight:bold;font-size:13px;color:#444;background:url(/_UIStructure/ui/default/img/gray.png) repeat-x 0px center;}
.detailTB2 thead td.nb, .detailTB thead th.nb{text-align:center;font-weight:bold; font-size:13px;color:#222;background:#f3f3f3;}
.detailTB2 thead tr.none td{text-align:center;font-weight:normal;font-size:13px;color:#222;background:#fff;padding:3px 0px;}
.detailTB2 tbody td{color:#444;word-break:break-all;}
.detailTB2 tbody tr.clickTR td{cursor:pointer;}
.detailTB2 tbody tr.clickTR:hover td, .detailTB tbody tr.clickTR:hover td a{background:#F0F8FF;color:#0080C0;}
.detailTB2 tbody tr.noline td{border-bottom:0px none !important;border-right:0px none !important;}
.detailTB2 tbody tr.noline td.last-child{border-bottom:0px none !important;border-right:1px solid #ccc !important;}
.detailTB2 tbody tr.underlineS td{border-bottom:1px solid #ccc !important;border-right:0px none !important;}
.detailTB2 tbody tr.underlineD td{border-bottom:1px dashed #ccc !important;border-right:0px none !important;}
.detailTB2 tbody th{text-align:center;font-weight:bold; font-size:13px;color:#222;background:url(/_UIStructure/ui/default/img/gray.png) repeat-x 0px center;}
.detailTB2 tbody th.nb{text-align:center;font-weight:bold; font-size:13px;color:#222;background:#eee;}
.detailTB2 tbody td.money{text-align:right;color:#572C00;}
.detailTB2 tbody td.nowrap{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-break:nowrap;}
.detailTB2 tfoot tr{text-align:center;}
.detailTB2 tfoot th{color:#444;background:#F7F7F7;text-align:center;font-weight:bold;}
.detailTB2 tfoot td{color:#444;background:#F7F7F7;}
.detailTB2 tfoot td.money{text-align:right;color:#572C00;}
.detailTB2 .textARCT{border:1px solid #ccc;padding:3px;background:#fff;}
.detailTB2 textarea{
	vertical-align:middle;background:#fff;border:0px none;
 	width:100%;overflow:auto;
}
.detailTB2 textarea[readonly]{
	background:#eee ! important;
}
.detailTB2 .pk{background:url(/_UIStructure/ui/default/img/tick-small-red.png) #eee no-repeat 100% 50%;}


/*----- support form class styleCSS -----*/
.layoutTBL {
    width:100%;table-layout:fixed;
}
.layoutTBL .paddingRight {
    padding-right:10px;
}
.layoutTBL .paddingLeft {
    padding-left:10px;
}

.gridTBL{
	border-top:2px solid #3286bd;
    border-bottom:0px none;
    border-left:1px solid #ddd;border-right:1px solid #ddd;
	width:100%;table-layout:fixed;
	font-size:13px;
	box-shadow:1px 1px 3px #eee;
}
		
.gridTBL thead td{
    background:#eff7fa;
    height:27px;line-height:27px;
    border-bottom:1px solid #ddd;
    border-right:1px solid #ddd;
    color:#222;
}
.gridTBL thead th{
	background:#eff7fa;
	border-bottom:1px solid #ddd;
    border-right:1px solid #ddd;
    color:#222;font-weight:bold;
}
.gridTBL thead td .tdRel, .gridTBL thead th .tdRel{
	padding:0px 10px;
	text-align:center;color:#222;
    position: relative;
}
.gridTBL thead td .tdRel.ml, .gridTBL thead th .tdRel.ml{
    line-height:20px;
}
.gridTBL thead td.last, .gridTBL thead th.last{
	background:#eff7fa;
    border-right:0px none;
}

.gridTBL tfoot th, .gridTBL tfoot td {
	background:#eff7fa;
	border-bottom:1px solid #ddd;
    border-right:1px solid #ddd;
    color:#222;font-weight:bold;
}

.gridTBL tbody tr.gray td {
    background:#f6f6f6;
}
    
    		
.gridTBL tbody th{
	background:#eff7fa;
	height:33px;line-height:33px;
	border-bottom:1px solid #ddd;
    border-right:1px solid #ddd;
    color:#222;font-weight:bold;
}
.gridTBL tbody th.req, .gridTBL tbody th.pk, .gridTBL tbody th.required {
    background:url(/_UIExtend/ui/default/img/tick-small-red.png) no-repeat 0px 0px #eff7fa;
}

.gridTBL tbody td{
	min-height:33px;line-height:33px;
	border-bottom:1px solid #ddd;
    border-right:1px solid #ddd;
    color:#666;
}

.gridTBL tbody td.dashed{
    border-right:1px dashed #ddd;
}
.gridTBL tbody td.dotted{
    border-right:1px dotted #ddd;
}
.gridTBL tbody td.last{
    border-right:0px none;
}
.gridTBL tbody td .tdRel{
    min-height:22px;line-height:22px;
	padding:5px 5px;
	position: relative;
}
.gridTBL tbody td .tdRel.ml{
	padding:5px 5px;
}
.gridTBL tbody td .tdRel.ftw {
    padding-right:15px;
}

.gridTBL tbody td .tdRel.ftw input[type=text], .gridTBL tbody td .tdRel.ftw textarea {
    width:100%;
}
.gridTBL tbody td .tdRel.ftw select {
    width:100%;border:0px none;border-right:5px solid #fff;
    box-sizing:content-box;
}

.gridTBL tbody td .tdRel.ml{
    line-height:22px;
}
.gridTBL caption {
    text-align:left;
    padding:5px;
    border:1px solid #ddd;
    background:#f6f6f6;
}

.gridTBL2{
	border-top:2px solid #3286bd;
    border-bottom:0px none;
    border-left:1px solid #ddd;border-right:1px solid #ddd;
	width:100%;table-layout:fixed;
	font-size:13px;
	box-shadow:1px 1px 3px #eee;
}
		
.gridTBL2 thead td{
    background:#eff7fa;
    height:27px;line-height:27px;
    border-bottom:1px solid #ddd;
    border-right:1px solid #ddd;
    color:#222;
}

.gridTBL2 thead th{
	background:#eff7fa;
	border-bottom:1px solid #ddd;
    border-right:1px solid #ddd;
    color:#222;font-weight:bold;
}

.gridTBL2 thead td .tdRel, .gridTBL2 thead th .tdRel{
	padding:0px 10px;
	text-align:center;color:#222;
    position: relative;
}

.gridTBL2 thead td .tdRel.ml, .gridTBL2 thead th .tdRel.ml{
    line-height:20px;
}

.gridTBL2 thead td.last, .gridTBL2 thead th.last{
	background:#eff7fa;
    border-right:0px none;
}

.gridTBL2 tfoot th, .gridTBL2 tfoot td {
	background:#eff7fa;
	border-bottom:1px solid #ddd;
    border-right:1px solid #ddd;
    color:#222;font-weight:bold;
}

.gridTBL2 tbody tr.gray td {
    background:#f6f6f6;
}
    
.gridTBL2 tbody th{
	background:#eff7fa;
	height:33px;line-height:33px;
	border-bottom:1px solid #ddd;
    border-right:1px solid #ddd;
    color:#222;font-weight:bold;
}

.gridTBL2 tbody th.req, .gridTBL2 tbody th.pk, .gridTBL2 tbody th.required {
    background:url(/_UIExtend/ui/default/img/tick-small-red.png) no-repeat 0px 0px #eff7fa;
}

.gridTBL2 tbody td{
	min-height:22px;line-height:22px;
	border-bottom:1px solid #ddd;
    border-right:1px solid #ddd;
    color:#666;
}

.gridTBL2 tbody td.dashed{
    border-right:1px dashed #ddd;
}

.gridTBL2 tbody td.dotted{
    border-right:1px dotted #ddd;
}

.gridTBL2 tbody td.last{
    border-right:0px none;
}

.gridTBL2 tbody td .tdRel{
    min-height:22px;line-height:22px;
	padding:5px 5px;
	position: relative;
}

.gridTBL2 tbody td .tdRel.ml{
	padding:5px 5px;
}

.gridTBL2 tbody td .tdRel.ftw {
    padding-right:15px;
}

.gridTBL2 tbody td .tdRel.ftw input[type=text], .gridTBL2 tbody td .tdRel.ftw textarea {
    width:100%;
}

.gridTBL2 tbody td .tdRel.ftw select {
    width:100%;border:0px none;border-right:5px solid #fff;
    box-sizing:content-box;
}

.gridTBL2 tbody td .tdRel.ml{
    line-height:22px;
}

.gridTBL2 caption {
    text-align:left;
    padding:5px;
    border:1px solid #ddd;
    background:#f6f6f6;
}

.gridTBL_SUB{
	/*border-top:1px solid #ddd;*/
    border-bottom:0px none;
    border-left:1px solid #ddd;border-right:1px solid #ddd;
	width:100%;table-layout:fixed;
	font-size:13px;
	box-shadow:1px 1px 3px #eee;
}
		
.gridTBL_SUB thead td{
    background:#eff7fa;
    height:27px;line-height:27px;
    border-bottom:1px solid #ddd;
    border-right:1px solid #ddd;
    color:#222;
}
.gridTBL_SUB thead th{
	background:#eff7fa;
	border-bottom:1px solid #ddd;
    border-right:1px solid #ddd;
    color:#222;font-weight:bold;
}
.gridTBL_SUB thead td .tdRel, .gridTBL thead th .tdRel{
	padding:0px 10px;
	text-align:center;color:#222;
    position: relative;
}
.gridTBL_SUB thead td .tdRel.ml, .gridTBL thead th .tdRel.ml{
    line-height:20px;
}
.gridTBL_SUB thead td.last, .gridTBL thead th.last{
	background:#eff7fa;
    border-right:0px none;
}

.gridTBL_SUB tfoot th, .gridTBL tfoot td {
	background:#eff7fa;
	border-bottom:1px solid #ddd;
    border-right:1px solid #ddd;
    color:#222;font-weight:bold;
}

.gridTBL_SUB tbody tr.gray td {
    background:#f6f6f6;
}
    
    		
.gridTBL_SUB tbody th{
	background:#eff7fa;
	height:33px;line-height:33px;
	border-bottom:1px solid #ddd;
    border-right:1px solid #ddd;
    color:#222;font-weight:bold;
}
.gridTBL_SUB tbody th.req, .gridTBL tbody th.pk, .gridTBL tbody th.required {
    background:url(/_UIExtend/ui/default/img/tick-small-red.png) no-repeat 0px 0px #eff7fa;
}

.gridTBL_SUB tbody td{
	min-height:33px;line-height:33px;
	border-bottom:1px solid #ddd;
    border-right:1px solid #ddd;
    color:#666;
}

.gridTBL_SUB tbody td.dashed{
    border-right:1px dashed #ddd;
}
.gridTBL_SUB tbody td.dotted{
    border-right:1px dotted #ddd;
}
.gridTBL_SUB tbody td.last{
    border-right:0px none;
}
.gridTBL_SUB tbody td .tdRel{
    min-height:22px;line-height:22px;
	padding:5px 5px;
	position: relative;
}
.gridTBL_SUB tbody td .tdRel.ml{
	padding:5px 5px;
}
.gridTBL_SUB tbody td .tdRel.ftw {
    padding-right:15px;
}

.gridTBL_SUB tbody td .tdRel.ftw input[type=text], .gridTBL tbody td .tdRel.ftw textarea {
    width:100%;
}
.gridTBL_SUB tbody td .tdRel.ftw select {
    width:100%;border:0px none;border-right:5px solid #fff;
    box-sizing:content-box;
}

.gridTBL_SUB tbody td .tdRel.ml{
    line-height:22px;
}
.gridTBL_SUB caption {
    text-align:left;
    padding:5px;
    border:1px solid #ddd;
    background:#f6f6f6;
}

.summaryBox {
    border:1px solid #dedede;
    border-radius:5px;
    background:#f6f6f6;
    padding:6px;
}
.summaryBox .summaryTitle {
    position:relative;overflow:visible;
    background:#fff;color:#444;
    border-radius:3px;
    font-size:13px;font-weight:bold;
    padding:5px;
    text-align:center;
}
.summaryBox .summaryBody {
    position:relative;overflow:visible;
    background:#fff;color:#444;
    border-radius:3px;
    font-size:13px;font-weight:normal;
    padding:10px;
    text-align:center;
}

.summaryBox .layoutTBL .paddingRight {
    padding-right:3px;
}
.summaryBox .layoutTBL .paddingLeft {
    padding-left:3px;
}
    
    
.paddingLeftRight {
	padding-left:10px;
    padding-right:10px;
}    


/* AXComment */
/* *************************************************************************** */
.AXComment{}
/* txtBox */
.AXComment .txtBox{font-family:맑은 고딕;font-size:13px;color:#444;}

.AXComment .textARCT{border:1px solid #ccc;padding:3px 7px 3px 3px;background:#fff;}
.AXComment .textARCT textarea{
	vertical-align:middle;background:#fff;border:0px solid #fff !important;
 	width:100%;overflow:auto;padding:0px;margin:0px;
}
.AXComment .textARCT input[type=text]{
	vertical-align:middle;background:#fff;border:0px solid #fff !important;
 	width:100%;padding:0px;margin:0px;
}
.AXComment .textARCT input[type=text]:focus{background:#fff;}  
.AXComment .commentTitle{display:block;background:url(img/comment/mdp_sdn.png) no-repeat 3px 3px;height:24px;line-height:24px;padding-left:20px;font-weight:bold;color:#0080C0;}
.AXComment .commentTitle:hover{display:block;background:url(img/comment/mdp_sdn.png) no-repeat 3px -17px;height:24px;line-height:24px;padding-left:20px;font-weight:bold;color:#0080C0;}
.AXComment .commentContent{padding:2px; font-size:13px;border:1px inset #e3e9ef;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;font-family:'맑은 고딕', Dotum;}
.AXComment .commentListBox{font-size:13px;line-height:1.6em;}
.AXComment .commentListBox .liItem{position:relative;padding:5px 0px;border-top:1px solid #eee;}
.AXComment .commentListBox .info{position:relative;height:30px;}
.AXComment .commentListBox .info .dt{position:absolute;left:0px;top:0px;}
.AXComment .commentListBox .info .wrt{position:absolute;right:0px;top:0px;}
.AXComment .commentListBox .control{position:absolute;right:0px;top:0px;}

.AXComment .commentListBox DL{display:block;list-style:none;margin:3px;}
.AXComment .commentListBox DT, .commentListBox DD{display:block;float:left;list-style:none;margin:0px;font-family:'맑은 고딕'; font-size:13px;padding:7px;}
.AXComment .commentListBox .icon{width:15px;padding:7px 0px;}
.AXComment .commentListBox .writer{width:60px;color:#0080FF;} .commentListBox .writer span{color:#ccc;}
.AXComment .commentListBox .content{color:#555;padding:7px ! important;margin:0px;} .commentListBox .content span{color:#ccc;font-family:'맑은 고딕'; font-size:13px;}

.AXComment .commentListBox .line{float;none;clear:both;border-top:1px solid #e9e9e9;font-size:1px;line-height:1px;height:1px;}
.AXComment .commentListBox .line2{float;none;clear:both;border-top:1px dashed #e9e9e9;font-size:1px;line-height:1px;height:1px;}
.AXComment .paging{position:relative;height:25px;margin-top:3px;color:#df4f80; font-size:13px;clear:both;padding:0px 5px;}
.AXComment .paging .pgBtn{position:absolute;right:5px;top:3px;width:25px;height:14px;background:url(img/comment/pageBtn.gif) no-repeat;}
.AXComment .paging .pgBtn a.prev{position:absolute;left:0px;top:0px;width:12px;height:14px;text-indent:-1000px;overflow:hidden;}
.AXComment .paging .pgBtn a.next{position:absolute;right:0px;top:0px;width:12px;height:14px;text-indent:-1000px;overflow:hidden;}

.AXComment .commentForm{margin-top:5px;}
.AXComment .boardCommentForm{margin-bottom:5px;}

.commentSave{
	padding-right:20px;
	background:url(img/buttonIcons/black_save.png) no-repeat 100%;
}
.commentClose{
	padding-right:20px;
	background:url(img/buttonIcons/black_close.png) no-repeat 100%;
}
.commentSave.Blue{
	padding-right:20px;
	background:url(img/buttonIcons/white_save.png) no-repeat 100%;
}
.commentClose.Blue{
	padding-right:20px;
	background:url(img/buttonIcons/white_close.png) no-repeat 100%;
}

// 2014-07-21 오후 7:51:15
.buttons-in-form{
	padding:5px;	
}

.closePopBtn {
    position: absolute;
    right: 0px;
    top: 10px;
    display: block;
    width: 18px;
    height: 18px;
    background: url(/images/default/icons/dx-modal-close.png) no-repeat;
    border: 1px solid #a6a6a6;
    overflow: hidden;
    text-indent: -1000px;
}    

.subTitle {
    margin: 0px 0px;
    font-size: 14px;
    font-family: 맑은 고딕, Tahoma;
    color: #444;
    padding-left: 10px;
}


.detailTB3{table-layout:fixed;border-top:1px solid #ccc;border-left:1px solid #ccc;font-family:맑은 고딕;font-size:13px;}
.detailTBnoline{table-layout:fixed;width:100%;border-top:1px solid #ccc;border-left:1px solid #ccc;border-bottom:1px solid #ccc;font-family:맑은 고딕;font-size:13px;}
.detailTB3 td, .detailTB3 th{border-bottom:1px solid #ccc !important;border-right:1px solid #ccc !important;padding:3px;}
.detailTB3 thead td{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-break:nowrap;text-align:center;font-weight:bold;font-size:13px;color:#444;}
.detailTB3 thead th{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-break:nowrap;text-align:center;font-weight:bold;font-size:13px;color:#444;background:url(/modstail/_img/modsUI/gray.png) repeat-x 0px center;}
.detailTB3 thead td.nb, .detailTB3 thead th.nb{text-align:center;font-weight:bold; font-size:13px;color:#222;background:#f3f3f3;}
.detailTB3 thead tr.none td{text-align:center;font-weight:normal;font-size:13px;color:#222;background:#fff;padding:3px 0px;}
.detailTB3 thead tr.noline td{border-bottom:1px solid !important;border-right:0px none !important;}
.detailTB3 thead tr.noline td:last-child{border-bottom:0px none !important;border-right:1px solid #ccc !important;}
.detailTB3 tbody td{color:#444;word-break:break-all;}
.detailTB3 tbody tr.clickTR td{cursor:pointer;}
.detailTB3 tbody tr.clickTR:hover td, .detailTB3 tbody tr.clickTR:hover td a{background:#F0F8FF;color:#0080C0;}
.detailTB3 tbody tr.noline td{border-bottom:1px solid !important;border-right:0px none !important;}
.detailTB3 tbody tr.noline td.last-child{border-bottom:1px solid !important;border-right:1px solid #ccc !important;}
.detailTB3 tbody tr.gray td{background:#F7F7F7;}
.detailTB3 tbody tr.red td{background:#FFEEEE;}
.detailTB3 tbody th{text-align:center;font-weight:bold; font-size:13px;color:#222;background:url(/modstail/_img/modsUI/gray.png) repeat-x 0px center;}
.detailTB3 tbody th.nb{text-align:center;font-weight:bold; font-size:13px;color:#222;background:#eee;}
.detailTB3 tbody td.money{text-align:right;color:#572C00;}
.detailTB3 tbody td.nowrap{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-break:nowrap;}
.detailTB3 tfoot tr{text-align:center;}
.detailTB3 tfoot th{color:#444;background:#eee;text-align:center;font-weight:bold;}
.detailTB3 tfoot td{color:#444;background:#eee;}
.detailTB3 tfoot td.money{text-align:right;color:#572C00;}
.detailTB3 textarea{
	vertical-align:middle;background:#fff;border:0px none;
 	width:100%;overflow:auto;
}
.detailTB3 textarea[readonly]{
	background:#eee ! important;
}
.detailTB3 .pk{background:url(/modstail/_img/com/tick-small-red.png) #eee no-repeat 100% 50%;}

/*스마트에디터의 테이블 입력시 테이블내에 P태그가 있을 경우 HTML5에서는 margin을 많이 주기 때문에 테이블이 맞지 않는 오류 수정*/
.__se_tbl p{margin:2px 2px 2px 2px}
.Se2Editor_HTML5 p{margin:2px 2px 2px 2px}