html { overflow: auto; height: 100%; }
body { overflow: visible; min-height: 100%; }

* {font-family: 맑은 고딕, Tahoma;}
div, h1, h2, h3, h4, h5, h6, p, span, ul, ol, li, dl, dt, dd, table, tr, th, td, pre{margin: 0; padding: 0; border: 0;}
body {position: relative; font-size: 12px; color: #666; background-color: #FFF; padding: 0; margin: 0; height: 100%; }
img {line-height: 1.0; border: 0;}

li {list-style-type: none;}

/*페이지 전체를 감싸는 div*/
div.wrapper {width: 1280px; margin-left: auto; margin-right: auto;}

/*헤더 div*/
.header .top {position: relative; height: 38px; margin-top: 15px; margin-bottom: 7px; background: url(/IMG/Header/Top/top_logo.gif) no-repeat;}
.header .top p {position: absolute; bottom: 0px; right: 0px; bottom: 0px;}
.header .top span {vertical-align:middle; line-height: 1.0;}
.header .top img {vertical-align: middle; line-height: 1.0; cursor: pointer;}

.header .mid {height: 53px; background: url(/IMG/Header/Mid/gnb_bg_w1.gif); text-align: center;}
.header .btm {height: 100px; margin-bottom: 7px; background: url(/IMG/Header/Btm/visual_banner.gif);}

/*메뉴 스타일*/
.menu { width: 100%; font-size: 1.2em; background: url(/IMG/menu2.png); margin-bottom: 10px;}
.menu-header { width: 145px; height: 31px; margin: 0; padding: 0; display: inline-block; background: url(/IMG/menu1.png); color: #FFF; text-align: center; line-height: 200%; }
.menu-item { width: 107px; height: 31px; margin: 0; padding: 0; display: inline-block; text-align: center; line-height: 200%; }
.menu-item a:link {color: #FFF; text-decoration: none;}
.menu-item a:visited {color: #FFF; text-decoration: none;}
.menu-item a:hover {font-weight: bold; text-decoration: none;}

/*본문 스타일*/
.content { padding: 0 20px; }

/*<a> 스타일 정의*/
a:link {color: #666;}
a:visited {color: #666;}
a:hover {color: #33E;}

/*버튼 스타일*/
.btn-search {width: 99px; height: 32px; border: 0; margin: 0px 3px; background: url(/IMG/Button/btn_검색.gif) no-repeat; cursor: pointer;}
.btn-short {width: 90px; height: 32px; border: 0; margin: 0px 3px; background: url(/IMG/Button/btn_bg_s.gif) no-repeat; cursor: pointer; color: #FFF; }
.btn-mid {width: 135px; height: 32px; border: 0; margin: 0px 3px; background: url(/IMG/Button/btn_bg_m.gif) no-repeat; cursor: pointer; color: #FFF; }
.btn-long {width: 180px; height: 32px; border: 0; margin: 0px 3px; background: url(/IMG/Button/btn_bg_l.gif) no-repeat; cursor: pointer; color: #FFF; }

.btn-charger {width: 88px; height: 18px; border: 0; background: url(/IMG/Button/btn_i_배포처선택.gif) no-repeat; cursor: pointer;}
.btn-charger-select {width: 104px; height: 18px; border: 0; background: url(/IMG/Button/btn_협력업체지정.gif) no-repeat; cursor: pointer;}
.btn-commoncharger {width: 113px; height: 18px; border: 0; background: url(/IMG/Button/btn_i_공통배포처선택.gif) no-repeat; cursor: pointer;}
.btn-delete {width: 45px; height: 18px; border: 0; background: url(/IMG/Button/btn_i_삭제.gif) no-repeat; cursor: pointer;}
.btn-select {width: 47px; height: 18px; border: 0; background: url(/IMG/Button/btn_i_선택.gif) no-repeat; cursor: pointer;}
.btn-to {width: 18px; height: 18px; border: 0; background: url(/IMG/Button/dist_i.png) no-repeat; cursor: pointer;}
.btn-hist {width: 47px; height: 18px; border: 0; background: url(/IMG/Button/btn_i_이력.gif) no-repeat; cursor: pointer;}
.btn-cancel {width: 48px; height: 18px; border: 0; background: url(/IMG/Button/btn_i_취소.gif) no-repeat; cursor: pointer;}
.btn-edit {width: 49px; height: 18px; border: 0; background: url(/IMG/Button/btn_i_수정.png) no-repeat; cursor: pointer;}

/*콘텐트 스타일*/
.bbs-container { width: 80%; margin-left: auto; margin-right: auto; }

/*검색 테이블 1줄 스타일*/
table.search-1-line {width: 100%; padding: 5px 5px 5px 35px; height: 44px; border: 1px solid #D1D4DA; background-color: #F6F8FA; margin-bottom: 7px;}
table.search-1-line tr {font: bold 12px / 1.0 "맑은 고딕";}
table.search-1-line th {text-align: right;}
table.search-1-line input {border: 1px solid #D1D4DA;}
table.search-1-line select {border: 1px solid #D1D4DA;}

/*검색 테이블 2줄 스타일*/
table.search-2-line {width: 100%; border: 1px solid #D1D4DA; background-color: #F6F8FA; margin-bottom: 7px;}
table.search-2-line tr {font: bold 12px / 1.0 "맑은 고딕";}
table.search-2-line th {padding: 5px 5px 5px 30px; height: 28px; text-align: right;}
table.search-2-line input {border: 1px solid #D1D4DA;}
table.search-2-line select {border: 1px solid #D1D4DA;}

/*게시판 검색 테이블 스타일*/
table.search-bbs {width: 420px; height: 44px; border: 1px solid #D1D4DA; background-color: #F6F8FA; margin: 0px auto 7px auto;}
table.search-bbs tr {font: bold 12px / 1.0 "맑은 고딕";}
table.search-bbs td {padding: 10px 3px; text-align: right;}
table.search-bbs input {border: 1px solid #D1D4DA;}
table.search-bbs select {border: 1px solid #D1D4DA;}

/*그리드 스타일*/
table.grid {border-collapse: collapse; width: 100%; margin-top: 7px; margin-bottom: 15px;}
table.grid tr, table.grid th, table.grid td {height: 25px; color: #434A54; font-family: 맑은 고딕, Tahoma; text-align: center; font-size: 12px;}
table.grid th {border: 1px solid #D1D4DA; border-top: 2px solid #4A86E8; background-color: #F4F8FF; padding: 5px 3px;}
table.grid td {border: 1px solid #D1D4DA; padding: 5px 3px;}

/*부모 그리드 스타일*/
table.parentGrid {border-collapse: collapse; width: 100%; margin-bottom: 20px;}
table.parentGrid tr, table.parentGrid th, table.parentGrid td {height: 25px; color: #434A54; font-family: 맑은 고딕, Tahoma; text-align: center; font-size: 12px;}
table.parentGrid th {border: 1px solid #D1D4DA; border-top: 2px solid #4A86E8; background-color: #F4F8FF; padding: 5px 3px;}
table.parentGrid td {border: 1px solid #D1D4DA; padding: 5px 3px;}
table.parentGrid td.subArea { padding: 10px; }

/*자식 그리드 스타일*/
table.childGrid {border-collapse: collapse; width: 100%; margin-bottom: 3px;}
table.childGrid tr, table.parentGrid th, table.parentGrid td {height: 25px; color: #434A54; font-family: 맑은 고딕, Tahoma; text-align: center; font-size: 12px;}
table.childGrid th {border: 1px solid #D1D4DA; border-top: 2px solid #4A86E8; background-color: #F4F8FF; padding: 5px 3px;}
table.childGrid td {border: 1px solid #D1D4DA; padding: 5px 3px;}

/*요약표 그리드 스타일*/
table.card {border-collapse: collapse; width: 100%; margin-top: 7px; margin-bottom: 15px;}
table.card tr, table.card th, table.card td {height: 25px; color: #434A54; font-family: 맑은 고딕, Tahoma; text-align: center; font-size: 12px;}
table.card th {border: 1px solid #D1D4DA; background-color: #F4F8FF; padding: 5px 3px;}
table.card td {border: 1px solid #D1D4DA; padding: 5px 3px;}
table.card .upperLine {border-top: 2px solid #4A86E8;}

/*페이저 스타일*/
.pager {position: relative; height: 18px; margin: 15px 0;}
.pager-cnt {position: absolute; left: 0px; color: #434A54;}
.pager-cnt .total {color: #4A86E8;}
.pager-num {position: relative; text-align: center;}
.pager-num button {border: 0; background: transparent; height: 18px; margin: 0 7px; line-height: 1.0; vertical-align: middle;}
.pager-num .num {cursor: pointer;}
.pager-num .cur {color: #4A86E8;}
.pager-num .prev {width: 18px; background: url(/IMG/Button/btn_prev.gif) no-repeat; cursor: pointer;}
.pager-num .prev-disabled {width: 18px; background: url(/IMG/Button/btn_prev.gif) no-repeat;}
.pager-num .next {width: 18px; background: url(/IMG/Button/btn_next.gif) no-repeat; cursor: pointer;}
.pager-num .next-disabled {width: 18px; background: url(/IMG/Button/btn_next.gif) no-repeat;}

/*페이지타이틀 부분 스타일*/
.pageTitle {height: 24px; margin: 25px 0; font: bold 16pt / 1.0 "맑은 고딕"; background: url(/IMG/Etc/ico_title.gif) no-repeat; text-indent: 20px;}
.sep {color: #CBCFD3;} /* > 구분자를 위한 스타일 */

/*서브타이틀 부분 스타일*/
.subTitle {height: 24px; margin: 7px 0; font: bold 14pt / 1.0 "맑은 고딕"; color: #4A86E8;}

/*메일타이틀 부분 스타일*/
.mailTitle {height: 24px; margin: 30px 0px 7px 0; font: bold 10pt / 1.0 "맑은 고딕"; color: #4A86E8;}

/*<span> 버튼*/
span.spanButton {color: #666; text-decoration: underline; cursor: pointer;}

/*공통 스타일*/
.left {text-align: left !important;}
.center {text-align: center !important;}
.right {text-align: right !important; margin: 15px 15px}
.essential {background-color: #e6dd8e; border-width: 1px;}

/*마지막줄 버튼 컨테이너*/
p.footerButtonList { margin-bottom: 7px; padding-top: 30px; border-top: 2px solid #999; text-align: right; }

p.title {padding: 5px 5px 5px 35px; border: 1px solid #D1D4DA; background-color: #F6F8FA; margin-bottom: 7px;}
p.title input {border: 1px solid #D1D4DA;}
p.title select {border: 1px solid #D1D4DA;}

/*배포 단계의 제목 줄*/
.title {padding: 5px 5px 5px 35px; border: 1px solid #D1D4DA; background-color: #F6F8FA; margin-bottom: 7px;}
.title input {border: 1px solid #D1D4DA;}
.title select {border: 1px solid #D1D4DA;}

/*제목 줄임*/
.ellipsis { text-overflow:ellipsis; overflow:hidden; white-space:nowrap; -moz-binding:url(/css/ellipsis.xml#ellipsis); }

/*유저 ListColor*/
.listcolor
{
    background:#fbedc4;
}
/*등록 수정팝업*/
.frm-userPopup{width:100%; height:368px;}
.frm-coopPopup{width:100%; height:280px;}
.div-table th{background-color:#D9E5FF;}
.div-table td{width:350px;}
.div-table td input{width:100%;border:1px solid #ccc;}

.div-table .radioGroup {border:1px solid #ccc;width:350px;}
.div-table .radioGroup input{width:auto;}

#dlg-userCreate, #dlg-userModify, #dlg-coopCreate, #dlg-coopModify {overflow:hidden;}

/*사용자 수정 버튼*/
.edit-button {
    width: 120px;
    height: 32px;
    border: 0;
    background: url(/IMG/Button/btn_사용자-수정.gif) no-repeat;
    cursor: pointer;
}

/*사용자 등록 버튼*/
.createNew-button
{
	width: 120px;
    height: 32px;
    border: 0;
    background: url(/IMG/Button/btn_사용자-등록.gif) no-repeat;
    cursor: pointer;
}

/*협력업체 수정 버튼*/
.co_edit-button {
    width: 120px;
    height: 32px;
    border: 0;
    background: url(/IMG/Button/btn_협력업체-수정.gif) no-repeat;
    cursor: pointer;
}

/*협력업체 등록 버튼*/
.co_createNew-button
{
	width: 120px;
    height: 32px;
    border: 0;
    background: url(/IMG/Button/btn_협력업체-등록.gif) no-repeat;
    cursor: pointer;
}


/*협력업체, 사용자 팝업 버튼 스타일*/
div.user-create .button_img-table button
{
    padding: 0;
    border: 0;
    background-color: transparent;
    cursor:pointer;
}

.btnCus {
    background-color: #87CEEB;
	border: none;
	color: black;
	text-align: center;
	text-decoration: none;
	font-size: 12px;
	display: inline-block;
	cursor: pointer;
    border-radius:4px;
}
.btnCus:hover {
    background-color:#57adb9;
}