@charset "UTF-8";

.location strong { color: #12782e; }

.point { color: #2b5c38; }

#submenu {
	background: url(/site/images/01_kor/02_join/bg_lnb.gif) no-repeat 20px 67px;
}

#submenu ul {
	background: url(/site/images/01_kor/02_join/bg_lnb_btm.gif) no-repeat 20px bottom;
	padding-bottom: 29px;
}

#submenu li ul ul {
	background-color: #ebfcf4;
	border: 1px solid #cfe5db;
	display: block;
	margin: 2px 0;
	padding: 5px 5px 5px 5px;
	width: 127px;
}

div.bestmv {
	background: url(/site/images/01_kor/02_join/bg_bestmv.gif) no-repeat left 24px;
	float: left;
	height: 170px;
	margin-bottom: 10px;
	width: 640px;
}

div.bestmv .clip {
	float: left;
	overflow: hidden;
	padding: 0 7px 0 10px;
	width: 308px;
}

div.bestmv .clip p.thumb {
	float: left;
	left: 0;
}

div.bestmv .clip div.list {
	padding-left: 158px;
}

div.bestmv .clip ul {
	margin: 4px 0 7px 0;
}

div.bestmv .clip li {
	background: url(/site/images/01_kor/common/ico_tri.gif) no-repeat left 50%;
	padding-left: 8px;
}

div.bestmv .clip li span {
	color: #3d8a52;
}

div.bestmv .clip p.tt {
	color: #0a3917;
	font-weight: bold;
}

div.bestmv .clip p.detail {
	font-size: 0.95em;
}

div.bestmv .best5 {
	background: url(/site/images/01_kor/02_join/bg_best5.gif) no-repeat 10px 24px;
	float: left;
	overflow: hidden;
	padding-left: 150px;
	width: 160px;
}

div.bestmv .best5 ol {
	margin-top: 30px;
}

div.bestmv .best5 li.num01 {
	background: url(/site/images/01_kor/02_join/ico_ol01.gif) no-repeat left 5px;
	padding-left: 15px;
}

div.bestmv .best5 li.num02 {
	background: url(/site/images/01_kor/02_join/ico_ol02.gif) no-repeat left 5px;
	padding-left: 15px;
}

div.bestmv .best5 li.num03 {
	background: url(/site/images/01_kor/02_join/ico_ol03.gif) no-repeat left 5px;
	padding-left: 15px;
}

div.bestmv .best5 li.num04 {
	background: url(/site/images/01_kor/02_join/ico_ol04.gif) no-repeat left 5px;
	padding-left: 15px;
}

div.bestmv .best5 li.num05 {
	background: url(/site/images/01_kor/02_join/ico_ol05.gif) no-repeat left 5px;
	padding-left: 15px;
}

div.sec02 {
	float: left;
	margin-bottom: 15px;
	width: 640px;
}

.best_photo {
	float: left;
	width: 371px;
}

.best_photo ul li, .new_clip ul li {
	display: inline;
	float: left;
	padding-right: 30px;
	width: 93px;
}

.best_photo ul li a {
	display: block;
}

.best_photo ul li img, .new_clip ul li img {
	border: 1px solid #D9D9D9;
	padding: 3px;
}

.best_photo ul li p, .new_clip ul li p {
	color: #757373;
	padding-top: 3px;
	text-align: center;
}

.best_photo ul li p a, .best_photo ul li p a:hover, .new_clip ul li p a, .new_clip ul li p a:hover {
	color: #757373;
	text-decoration: none;
}

.main_ucc {
	float: left;
	position: relative;
	width: 269px;
}

.main_ucc img.thumb {
	border: 1px solid #dbdbdb;
	padding: 2px;
}

.main_ucc p {
	background: url(/site/images/01_kor/02_join/ico_li.gif) no-repeat left 6px;
	margin-left: 57px;
	padding: 0 0 0 10px;
	position: relative;
	width: 200px;
}

.main_ucc p img.icon {
	margin: 1px 0 0 -55px;
	position: absolute;
	left: 0;
}

* html .main_ucc p img.icon {
	margin: -2px 0 0 -55px;
}

*:first-child+html .main_ucc p img.icon {
	margin: -2px 0 0 -55px;
}

div.new_clip {
	background: url(/site/images/01_kor/02_join/bg_newphoto.gif) no-repeat left 21px;
	clear: left;
	height: 163px;
	width: 640px
}

div.new_clip ul {
	margin: 0 0 0 25px;
	padding-top: 18px;
}

div.ucc_info {
	background: url(/site/images/01_kor/02_join/bg_ucc.jpg) no-repeat left bottom;
	padding: 30px 15px 30px 207px;
	text-align: justify;
}

div.cyber {
	background: url(/site/images/01_kor/02_join/bg_cyber.jpg) no-repeat left top;
	padding: 15px 15px 15px 220px;
}

div.officeholder {
	background: url(/site/images/01_kor/02_join/bg_officeholder.jpg) no-repeat left top;
	padding: 20px 15px 25px 220px;
}

/* form */
fieldset.form {
	background: url(/site/images/01_kor/02_join/bg_fieldset.gif) repeat-x left bottom;
	padding: 0 0 5px 0;
}

fieldset.form table {
	width: 100%;
}

fieldset.form table th.head {
	background: #ddece1 url(/site/images/01_kor/02_join/bg_table.gif) repeat-x left top;
	padding: 7px 10px 3px 10px;
}

fieldset.form table td.head {
	background: #eaf6ed url(/site/images/01_kor/02_join/bg_table.gif) repeat-x left top;
	padding: 7px 10px 3px 10px;
}

fieldset.form table th {
	background-color: #ddece1;
	border-bottom: 1px solid #d2e4d7;
	border-right: 1px solid #d2e4d7;
	color: #757373;
	padding: 4px 10px;
	text-align: center;
}

fieldset.form table td {
	border-bottom: 1px solid #d2e4d7;
	border-right: 1px solid #d2e4d7;
	padding: 4px;
}

fieldset.form table .last {
	border-right: none;
}

fieldset.form table th.row {
	text-align: left;
}

fieldset.form table .pos_l {
	padding: 3px 10px 5px 10px;
	text-align: left;
}

fieldset.form table .bg {
	background-color: #eaf6ed;
}

/*------------------------ board ----------------------------------*/
/* board list */
fieldset.board {
	/* background: url(/site/images/01_kor/02_join/bg_fieldset.gif) repeat-x left bottom; */
	padding: 0 0 5px 0;
}

fieldset.board table {
	width: 100%;
}

fieldset.board th {
	background: url(/site/images/01_kor/02_join/bg_th.gif) no-repeat right bottom;
	color: #547255;
	height: 37px;
	text-align: center;
}

fieldset.board th.last {
	background: url(/site/images/01_kor/02_join/bg_th.gif) no-repeat left bottom;
}

fieldset.board th.row {
	background: none;
	background-color: #e5f1e8;
	border-right: 1px solid #d8ecdd;
	border-top: 1px solid #d8ecdd;
	color: #547255;
	height: 1px;
	padding: 4px 0 4px 25px;
	text-align: left;
}

fieldset.board th.row02 {
	background: none;
	background-color: #E6EDF9;
	border-left: 1px solid #d8ecdd;
	border-right: 1px solid #d8ecdd;
	border-top: 1px solid #d8ecdd;
	color: #757373;
	height: 1px;
	padding: 4px 0 4px 25px;
	text-align: left;
}

fieldset.board td {
	border-bottom: 1px solid #d8ecdd;
	padding: 4px 0;
	text-align: center;
}

fieldset.board td.pos_l {
	padding-left: 10px;
	text-align: left;
}

fieldset.board td.line_top {
	background: url(/site/images/01_kor/01_minwon/bg_table.gif) repeat-x left top;
	height: 5px;
	padding: 0;
}

fieldset.board td.line_btm {
	background: url(/site/images/01_kor/01_minwon/bg_table2.gif) repeat-x left top;
	height: 5px;
	padding: 0;
}

fieldset.board td.bg {
	background-color: #e5f1e8;
}

fieldset.board td.last {
	border-right: none;
}

/* img_list */
div.img_list {
	float: left;
	margin-bottom: 15px;
	width: 320px;
}

div.img_list ul {
	margin: 10px 0 0 105px;
}

div.img_list li {
	background: url(/site/images/01_kor/02_join/ico_li.gif) no-repeat left 6px;
	padding: 0 0 0 10px;
}

div.img_list img.thumb {
	border: 1px solid #dbdbdb;
	padding: 2px;
}

div.img_list p {
	width: 143px;
}

/* view */
.view_subject {
	background: url(/site/images/01_kor/02_join/bg_subject.gif) repeat-x left bottom;
	border-bottom: 1px solid #fff;
	border-top: 2px solid #78b67c;
	color: #547255;
	padding:8px 10px 5px;
}

.view_subject img.icon {
	margin: -2px 5px 0 0;
}

.view_info {
	border-bottom: 1px solid #d8ecdd;
	border-top: 1px solid #d8ecdd;
	height: 21px;
	padding: 7px 10px 0;
}

.view_info dt {
	background: url(/site/images/01_kor/02_join/bg_view_dt.gif) no-repeat right bottom;
	float: left;
	font-weight: bold;
	padding-right: 12px;
}

.view_info dd {
	padding-left: 12px;
}



ul.prev-next {
	background: url(/site/images/01_kor/02_join/bg_fieldset.gif) repeat-x left bottom;
	border-top: 2px solid #78B67C;
	float: left;
	padding: 0 0 5px;
	width: 100%;
}

ul.ucc_event {
	float: left;
	width: 640px;
}

*:first-child+html ul.ucc_event {
	padding-bottom: 13px;
}

ul.ucc_event li {
	display: inline;
	float: left;
	margin-bottom: 15px;
	padding-right: 27px;
	width: 306px;
}

ul.ucc_event li.last {
	width: 306px;
	padding: 0;
}

ul.ucc_event img.thumb {
	border: 1px solid #dbdbdb;
	margin-bottom: 11px;
	padding: 1px;
}

ul.ucc_event li p {
	background: url(/site/images/01_kor/02_join/ico_li.gif) no-repeat left 6px;
	margin-left: 57px;
	padding: 0 0 0 10px;
	width: 239px;
}

ul.ucc_event li img.icon {
	float: left;
	margin-top: -33px;
}

div.board_view .ucc_event_list {
	border-top: 1px solid #d8ecdd;
	padding: 12px 0 20px 0;
}

div.board_view .ucc_event_list ul {
	margin: 0 0 0 330px;
}

div.board_view .ucc_event_list img.thumb {
	border: 1px solid #dbdbdb;
	height: 89px;
	padding: 2px;
	width: 243px;
}

div.board_view .ucc_event_list ul li {
	background: url(/site/images/01_kor/common/ico_li.gif) no-repeat left 8px;
	border-bottom: 1px solid #d8ecdd;
	line-height: 1.5em;
	padding: 4px 0 4px 12px;
}

div.board_view div.cont {
	background: url(/site/images/01_kor/02_join/bg_fieldset.gif) repeat-x left top;
	padding: 15px 23px;
}

p.ucc_join {
	text-align: right;
}

p.ucc_join img {
	margin: 0 -16px 5px 0;
}

/* reply */
div.reply {
	background: url(/site/images/01_kor/02_join/bg_fieldset.gif) repeat-x left bottom;
	margin: 5px 0;
	padding: 0 0 5px;
}

div.reply li {
	border-top: 1px solid #d8ecdd;
	clear: both;
	overflow: hidden;
	padding: 5px 10px 6px;
	position: relative;
}

* html div.reply li {
	height: 18px;
}

div.reply div {
	background: url(/site/images/01_kor/02_join/bg_subject.gif) repeat-x left bottom;
	border-bottom: 1px solid #fff;
	border-top: 2px solid #78b67c;
	color: #547255;
	padding: 8px 10px 4px;
}

* html div.reply div {
	height: 12px;
}

div.reply div label {
	padding-right: 15px;
}

div.reply div a img {
	margin-top: -1px;
	vertical-align: top;
}

div.reply li span.id {
	font-weight: bold;
	left: 10px;
	position: absolute;
	top: 5px;
	width: 80px;
}

div.reply li p {
	margin: 0 40px 0 85px;
}

div.reply li .date {
	color: #B0B0B0;
	font-family: verdana;
	font-size: .95em;
	margin-left: 5px;
}

#content .secret { color: #acacac; }




#reportcenter {
	background:transparent url(/site/images/01_kor/02_join/bg_center.jpg) no-repeat scroll left 20px;
	height:480px;
	width:640px;
	padding:0;
	margin:0;
}


#reportcenter ul {
	margin-top:180px;
}

#reportcenter li {
	float:left;
	padding:0 9px 8px 0;
}

#centerLink {
	position:absolute;
	left:379px;
	top:65px;
}
