@import "/Jazz/common/css/button2.css";

* {
	font-size: 12px;
	font-family: 굴림, Dotum;
	line-heght: 160%;
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}

body {
	background: transparent url(/tpl/images/hupod2/bg_background.gif)
		repeat-y scroll center top;
	height: 100%;
	/*
	font-size: 9pt;*/
	margin: 0;
	border-collapse: collapse;
	/*color: #343434;*/
}

a {
	color: #1F75CC;
	text-decoration: none;
}

a,a * {
	cursor: pointer;
}

/*
table, tr, td  
{
	
	font-size: 12px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	border-collapse: collapse;
	color: #343434;
}
*/
img {
	border: none;
}

form {
	margin: 0;
}

a:hover {
	text-decoration: underline;
}

#TOP {
	border: 1px;
}

#LEFT {
	border: 0px solid black;
	width: 100%;
	padding: 10px;
	display: inline;
}

#RIGHT {
	border: 0px solid black;
	width: 220px;
	padding: 10px;
	display: inline;
}

#MAIN {
	border: 0px solid black;
	width: 100%;
	display: inline;
}

#BOTTOM {
	padding-top: 10px;
	border: 1px;
	clear: both;
}

/* 공통 UI 스타일 시작 */
ul.clearList {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

ul.cleanList {
	margin: 0px;
	padding: 0px;
}

ul.cleanList li {
	margin-left: 10px;
}

/*
div.box .blueTopBar
{
	padding: 0px;
	clear: both;
	background-color: #3e60a3;
	height: 5px;
}

div.box .orgTopBar
{
	padding: 0px;
	clear: both;
	background-color: #ff8410;
	height: 5px;
}

div .box hr
{
	display: none;
}

div .box .container
{
	background-color: #FFF;
	border-bottom: solid 1px #e0e0e0;
}

div .box .orgContainer
{
	background-color: #fefdec;
}

div .box .container .row td
{
	padding: 5px;
	border-top: solid 1px #e0e0e0;
	line-height:160%;
}

div.box .contents
{
	width: 100%;
	padding: 5px;
}

div.box .container td.cell
{
	padding: 5px;
	border-top: solid 1px #e0e0e0;
}

div.box .contents td.bigCell
{
	padding: 10px;
	border-top: solid 1px #e0e0e0;
}

div.box .contents td.cell
{
	padding: 5px;
	border-top: solid 1px #e0e0e0;
}

div.box .title
{
	margin-right: 20px;
	color: #003366;
	font-size: 14pt;
}

div.box .subTitle
{

 	color: #182d56;
	font-weight: bold;
    text-align:center;
	background-color: #FFF;
}

div.box .titleBar
{
	color: #FFF;
	font-size:10pt;
	font-weight: bold;
	padding: 5px;
	background-color: #003366;
	padding-left: 15px;
}
*/
div.tabMenu a {
	color: #FFF;
	font-weight: 900;
}

div.tabMenu .unselected {
	background-color: #eeeeee;
	padding: 5px;
	margin-top: 6px;
	margin-left: 1px;
	margin-right: 1px;
	float: left;
}

div.tabMenu .unselected a {
	color: #333333;
}

div.tabMenu .selected {
	background-color: #333333;
	padding: 5px;
	margin-left: 1px;
	margin-right: 1px;
	float: left;
}

div.tabMenu .selected a {
	font-size: 12pt;
}

.uploader {
	overflow: hidden;
	width: 70px;
	height: 18px;
	border: 1px solid #333333;
	background: url("/tpl/images/button/upload.gif");
}

.defaultButton {
	width: 70px;
	height: 20px;
	border: 1px solid #333333;
	background: #FFFFFF;
}

.uploader input {
	position: relative;
	left: -173px;
	top: -5px;
	height: 28px;
	width: 240px;
	opacity: 0;
	/* filter:alpha(opacity: 0); 
	경고: 'filter' 속성값을  파싱하던 중 에러가 발생했습니다.  이 스타일 선언이 무시되었습니다.
	행: 239
	*/
}

/* 공통 UI 스타일 끝 */ /* text 스타일 시작 */
.largeTitle {
	font-size: 18pt;
	font-weight: bold;
}

.mediumTitle {
	font-size: 14pt;
	font-weight: bold;
}

.boldText {
	font-weight: bold;
}

.darkText {
	color: #333333;
}

.lightText {
	color: #666;
}

.copy {
	font-family: arial;
	font-size: 9px;
	font-weight: bold;
	color: #666666;
}

.copy a {
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
}

/* text 스타일 끝 */ /* 상단 메뉴 스타일 시작 */
div#menu {
	width: 350px;
	padding-top: 39px;
	list-style-type: none;
	float: right;
}

div#menu div {
	background-color: #e7e8e9;
	float: left;
	height: 30px;
	border: 0;
}

div#menu .activelink div {
	background-color: #FFF;
	float: left;
	margin-top: 1px;
}

div#menu div.activelink {
	background-color: #FFF;
	float: left;
}

div#menu div.menuBody {
	width: 86px;
	text-align: center;
	border-top: 1px solid #bcbec0;
	height: 24px;
	padding-top: 5px;
}

ul#nav,ul#nav li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul#nav li {
	float: left;
	width: 7em;
	margin-right: 4px;
	text-align: center;
	font-weight: 900;
	font-size: 10pt;
}

ul#nav a {
	display: block;
	text-decoration: none;
	padding: 10px 0px 9px;
	background: #e7e8e9;
	border-top: solid 1px #B2B2B2;
	border-left: solid 1px #B2B2B2;
	border-right: solid 1px #B2B2B2;
	color: #3a82cc;
}

ul#nav li.activelink a,ul#nav a:hover {
	background: #FFF;
	border-top: solid 1px #B2B2B2;
	border-left: solid 1px #B2B2B2;
	border-right: solid 1px #B2B2B2;
	color: #3a82cc;
}

/* 상단 메뉴 스타일 끝 */ /* Group Syle */
.blank5px {
	float: left;
	padding: 5px;
}

.menulist-hr {
	border-bottom: 1px solid #D5A642;
}

#adsense {
	width: 150px;
	padding-top: 30px;
}

.formtable {
	width: 100%;
}

.formtable td.label {
	text-align: right;
	width: 20%;
}

.formtable td {
	padding: 5px 0px;
}

.formtable td.margin {
	width: 3%;
}

.formtable td.field {
	width: 77%;
}

.dataTable th.header {
	border-bottom: solid #666666 1px;
	text-align: left;
	height: 25px;
}

.dataTable td.data {
	border-bottom: solid #CCCCCC 1px;
	height: 25px;
}

/*
	line-height:160%;
	padding:0pt 30px 0pt 20px;
	*/ /*
입력 표 관련
*/
.inputTableCaption {
	float: left;
	font-size: 16pt;
	margin: 0;
	margin-left: 10px;
	color: #182D56;
}

.inputTable .inputTableHeader {
	background: #3E60A3;
	color: #FFFFFF;
	padding: 3px;
	font-size: 1.2em;
	text-align: left;
	padding-left: 15px;
}

.inputTable .inputTableFooter {
	border-left: none;
	border-right: none;
	border-bottom: none;
}

.inputTable td {
	padding: 5px;
	border-left-color: #000033;
	border: #CCCCCC solid 1px;
}

.explainBox {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.now_page_num {
	font-weight: bold;
}

.body {
	min-height: 600px;
	margin: auto;
	height: 600px;
	width: 960px;
	padding-top: 20px
}

.main {
	line-height: 1.5em;
}

.main .extra {
	float: right;
	width: 310px;
	margin-left: 15px;
}

.main .content {
	float: left;
	width: 620px;
}

.main .left {
	float: left;
	width: 200px;
	margin-right: 20px;
}

.main .left2 {
	float: left;
	width: 240px;
	margin-right: 20px;
}

.main .right2 {
	float: left;
	width: 700px;
}

.main .right {
	float: left;
	width: 720px;
}

/*------------- TopList ------------------*/
.topList {
	background: transparent url(/tpl/images/hupod2/bg_topList.gif) no-repeat
		;
	width: 238px;
	height: 132px;
	line-height: 1.5;
}

.topList h2 {
	padding: 5px 0px;
	padding-left: 10px;
	text-align: left;
	color: #444444;
}

.topList .topListContent {
	padding: 5px 20px;
}

.topList .topListNo {
	font-weight: bold;
	padding-right: 8px;
}

/*------------- ContentBox ------------------*/
.contentBox {
	line-height: 1.8;
	/*position:relative;*/
}

.contentBoxBorderHeader {
	background: transparent
		url(/tpl/images/hupod2/bg_content_border_top.gif) no-repeat;
	width: 725px;
	height: 5px;
}

.contentBoxHeader {
	background: transparent url(/tpl/images/hupod2/bg_content_top.gif)
		no-repeat;
	width: 725px;
	height: 28px;
}

.contentBoxFooter {
	background: transparent url(/tpl/images/hupod2/bg_content_bottom.gif)
		no-repeat;
	width: 725px;
	height: 4px;
}

.contentBox h2 {
	padding: 5px 20px;
	/*text-align:left;*/
	display: inline;
	float: left;
	color: #333333;
}

.contentBox .edit {
	float: right;
	display: inline;
	margin-top: 4px;
	margin: 5px;
}

.contentBox .editButton { /*position:absolute;
    right : 10px;
    top: 3px;*/
	
}

.contentBox .contentBoxSubTitle {
	color: #666;
	text-align: right;
	padding-right: 10px;
}

.contentBox .contentBoxContent {
	padding: 5px 20px;
	width: 683px;
	border-left: 1px solid #d4d4d4;
	border-right: 1px solid #d4d4d4;
}

/*------------- MenuList ------------------*/
.menuList {
	line-height: 1.8;
}

.menuListHeader {
	background: transparent url(/tpl/images/hupod2/bg_submenu.gif) repeat-x;
	height: 27px;
}

.menuList h2 {
	padding: 5px 10px;
	text-align: left;
	color: #FFF;
}

.menuList .menuListContent {
	padding: 5px 20px;
	border: 1px solid #b7b7b7;
	border-top: none;
}

/*------------- Table ------------------*/
.listTableHeaderRow { /*background:#31629a;*/
	background: #84ad2a;
	color: white;
	height: 22px;
	text-align: center;
}

.listTable {
	line-height: 1.8;
}

.listTextTableContentRow td {
	padding: 8px 5px;
}

.listTableContentRow td {
	padding: 10px 5px;
}

.listTableContentRow h2 {
	font-size: 14px;
}

.listTableContentRow:hover,.listTextTableContentRow:hover {
	background: #f9f9f9;
}

/* 탭 영역 */ /* 텝 타이틀 글자 550 */
#listtab5 {
	width: 550px;
	padding-bottom: 15px;
	clear: both;
}

#listtab5 .none {
	background-image:
		url('http://img.danawa.com/new/d_news/img/bg_tab_none.gif');
	background-repeat: repeat;
	padding-left: 10px;
	padding-right: 10px;
}

#listtab5 .over {
	background-image:
		url('http://img.danawa.com/new/d_news/img/bg_tab_over.gif');
	background-repeat: repeat;
	padding-left: 10px;
	padding-right: 10px;
}

#listtab5 .blank {
	background-image: url('http://img.danawa.com/new/d_news/img/bg_tab.gif')
		;
	background-repeat: repeat;
	width: 130px;
}

#listtab5 a {
	font-size: 12px;
	color: #000000;
	line-height: 140%;
}

#listtab5 a:hover {
	text-decoration: underline;
}

/* 텝 타이틀 글자 550 */
#listtab5 .tab_title {
	font-size: 12px;
	font-weight: bold;
	color: #b60a46;
	line-height: 140%;
}

#listtab5 a.tab_title {
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #b60a46;
	line-height: 140%;
}

#listtab5 a.tab_title:hover {
	text-decoration: underline;
}

.sub_title {
	background: transparent url(/tpl/images/hupod2/bg_subtitle.gif);
	width: 170px;
	height: 5px;
	padding: 20px 30px;
	font-weight: bold;
	font-size: 1.3em;
	color: #4F4F4F;
}

/*------------- Paging ------------------*/
#pageBar {
	padding: 15px 0 10px 0;
}

#pageBar li {
	display: inline;
	margin-right: 5px;
}

#pageBar li a {
	padding: 2px 6px;
	border: 1px solid #CCCCCC;
}

#pageBar li a.current {
	background-color: #454545;
	border-color: #333;
	color: #FFFFFF;
}

#pageBar li a:hover {
	background: #868686 none repeat scroll 0% 0%;
	border-color: #333;
	color: #FFFFFF;
	text-decoration: none;
}

#perpage {
	margin-bottom: 10px;
}

.thumb {
	width: 67px;
	padding: 2px;
	border: 1px solid #d4dae8;
}

.teamplayDesc li {
	float: left;
	margin-left: 10px;
}

.teamplayDesc .teamplayDescValue {
	color: #6E6E6E
}

#bar {
	width: 100%;
	display: block;
	background-color: white;
	border-bottom: 1px solid #ccc;
	color: black;
	padding-top: 5px;
	height: 25px;
	font-size: 12px;
}

#bar_in {
	padding-top: 5px;
	width: 950px;
	margin: auto;
}

#bar_logo {
	float: left;
}

#bar_menu {
	float: left;
	padding-left: 15px;
}

#bar_account {
	float: right;
}

.messageContainer {
	width: 100%;
	border: #E2C822 1px solid;
	text-align: center;
	background-color: #FFF9D7;
	font-weight: bold;
}

.messageBox {
	padding: 5px;
}

.memoContainer {
	width: 100%;
	border: #B5B5B5 1px solid;
	background-color: #F2F2F2;
	margin: 0;
	font-weight: bold;
}

.memoBox {
	padding: 10px;
}