﻿/*------------------------ GENERAL --------------------------*/
body {
	width: 780px;
	height: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-family: dotum, arial, osaka, sans-serif;
	font-size: 12px;
	color: #696868;
	line-height: 140%;
	letter-spacing: -0.03em;
	background-image: url(/images/M_topbg.gif);
	background-color: #ffffff;
	background-repeat: repeat-x;
}
body#workgroup 
{
	width:400px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-family: dotum, arial, osaka, sans-serif;
	font-size: 12px;
	line-height: 140%;
	background:#FFF;
	letter-spacing: -0.03em;
}
td {
	line-height: 140%;
	font-family: dotum, arial, osaka, sans-serif;
	font-size: 12px;
	color: #696868;
	letter-spacing: 0.01em;
}
hr {
	height: 1px;
	margin: 5px 0px 10px 0px;
	border: solid #cccccc;
}
p {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
img {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: 0;
}
div {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
form {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
input {
	font-family: dotum, arial, osaka, sans-serif;
	color: #333333;
	margin: 0px 0px 0px 0px;

}
textarea {
	font-family: dotum, arial, osaka, sans-serif;
	color: #333333;
	font-size: 12px;
	line-height: 160%;
}
a:link {
	font: 12px 돋움,verdana, Geneva, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none;
}
a:visited {
	font: 12px, 돋움,verdana, Geneva, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none;
}
a:active {
	font: 12px, 돋움,verdana, Geneva, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none;
}
a:hover {
	font: 12px, 돋움,verdana, Geneva, Helvetica, sans-serif;
	color: #ff6600;
	text-decoration: none;
}
/*------------------------ MAIN --------------------------*/
#bodysize {
	width: 880px;
	padding: 0px 0px 0px 15px;
}
/* 전체 body의 가로 사이즈 */
#layer1 {
	visibility: visible;
	position: absolute;
	width: 440px;
	height: 140px;
	z-index: 1;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: #333333;
	text-decoration: none;
}
#layer1 img {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#layer1 ul {
	width: 440px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#layer1 li {
	width: 440px;
	height: 26px;
	padding: 3px 0px 0px 5px;
	list-style: none;
	background: url(/images/M_mainlistbg.gif) 0px 0px repeat-x;
}
#layer2 {
	visibility: hidden;
	position: absolute;
	width: 440px;
	height: 140px;
	z-index: 2;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: #333333;
	text-decoration: none;
	padding-top: 10px;
}
#mm {
	position: absolute;
	width: 110px;
	height: 150px;
	left: 560px;
	top: 155px;
	z-index: 3;
}
#layer2 img {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#layer2 ul {
	width: 440px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#layer2 li {
	height: 26px;
	width: 440px;
	padding: 3px 0px 0px 5px;
	list-style: none;
	background: url(/images/M_mainlistbg.gif) 0px 0px repeat-x;
}
/*------------------------ BOTTOM --------------------------*/
#bottom {
	float: left;
	width: 680px;
	height: 18px;
	padding: 0px 10px;
	font-size: 11px;
	line-height: 160%;
}
#bottom ul {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#bottom li {
	float: left;
	padding: 0px 10px 0px 10px;
	list-style: none;
	background: url(/images/M_bot_icon.gif) 0px 3px no-repeat;
}
#bottom ul li a {
	color: #666666;
	text-decoration: none;
}
#bottom ul li a:visited {
	color: #666666;
	text-decoration: none;
}
#bottom ul li a:hover {
	color: #1ca9c7;
	text-decoration: none;
}
#bottom img {
	float: left;
	margin: 0px 83px 0px 0px;
}
#bottom form {
	background-color: #FFFFFF;
	color: #8a827c;
}
.botcopy {
	color: #d2c8be;
	padding: 0px 0px 0px 208px;
	margin: 20px 0px 0px 0px;
}
.select {
	border: #d0d0d0 1px solid;
	font: 11px dotum;
	line-height: 25px;
	color: #8a827c;
	background-color: #ffffff;
}
/*------------------------ SUB GENERAL --------------------------*/
#contentsbody {
	padding: 21px 0px 0px 0px;
}
#subleft {
	float: left;
	width: 200px;
}
#subimg1 {
	width: 160px;
	height: 82px;
	margin: 0px 0px 7px 0px;
}
#subtitle {
	width: 600px;
	height: 80px;
	margin: 40px 0px 0px 0px;
	text-align: left;
}
#maptit {
	float: right;
	margin: 13px 13px 0px 0px;
	font-size: 12px;
	color: #666666;
	text-decoration: none;
}
#content {
	float: right;
	width: 660px;
	margin: 0 auto;
	background: url(/images/content_topbg.gif) no-repeat;
}
#contentmain {
	width: 600px;
	margin: 30px 0px 50px 0px;
	text-align: left;
}
#contentmainSearch {
	width: 600px;
	margin: 15px 0px 50px 0px;
	text-align: left;
}
.box {
	width: 110px;
	font: 11px dotum;
	line-height: 25px;
	color: #8a827c;
	background-color: #ffffff;
	border: #d0d0d0 1px solid;
}
.box2 {
	width: 80px;
	font: 11px dotum;
	line-height: 25px;
	color: #8a827c;
	background-color: #ffffff;
	border: #d0d0d0 1px solid;
}
.box3 {
	width: 170px;
	font: 11px dotum;
	line-height: 25px;
	color: #8a827c;
	background-color: #ffffff;
	border: #d0d0d0 1px solid;
}
.box4 {
	width: 70px;
	font: 11px dotum;
	line-height: 25px;
	color: #8a827c;
	background-color: #ffffff;
	border: #d0d0d0 1px solid;
}

.box5 {
	width: 60px;
	font: 11px dotum;
	line-height: 25px;
	color: #8a827c;
	background-color: #ffffff;
	border: #d0d0d0 1px solid;
}

.viewLi {
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
	background: url(../images/S_affiliationViewimg2.gif) no-repeat 0 40%;
	font-weight: bold;
	line-height: 25px;
	list-style: none;
}
.viewUl {
	margin: 0;
	padding: 8px 0px 0px 20px;
	list-style: none;
	text-align: left;
}
/*------------------------ LEFT MENU INCLUDE TOTAL--------------------------*/
#left {
	float: left;
	width: 200px;
}
#leftmenu {
	width: 200px;
}
#leftmemu img {
	margin: 0px;
}
#leftbg {
	width: 180px;
	padding: 8px 10px 0px 10px;
	background-image: url(/images/left_bg.gif);
	repeat: -y;

}
#lefthspsearch {
	width: 168px;
	padding: 10px 4px 5px 4px;
	background: url(/images/HSP_search.gif) no-repeat;
}
#sublist {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: #333333;
	text-decoration: none;
}
#sublist img {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#sublist01 ul {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#sublist01 li {
	height: 26px;
	padding: 5px 0px 0px 15px;
	list-style: none;
	background: url(/images/left_sublistbg.gif) 0px 0px no-repeat;
}
#sublist01 li a {
	color: #333333;
	text-decoration: none;
}
#sublist01 li a:visited {
	color: #333333;
	text-decoration: none;
}
#sublist01 li a:active {
	color: #333333;
	text-decoration: none;
}
#sublist01 li a:hover {
	color: #0066cc;
	text-decoration: none;
}
#sublist02 ul {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#sublist02 li {
	height: 26px;
	padding: 5px 0px 0px 15px;
	list-style: none;
	background: url(/images/left_sublistbg02.gif) 0px 0px no-repeat;
}
#sublist02 li a {
	color: #333333;
	text-decoration: none;
}
#sublist02 li a:visited {
	color: #333333;
	text-decoration: none;
}
#sublist02 li a:active {
	color: #333333;
	text-decoration: none;
}
#sublist02 li a:hover {
	color: #669900;
	text-decoration: none;
}
#sublist03 ul {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#sublist03 li {
	height: 26px;
	padding: 5px 0px 0px 15px;
	list-style: none;
	background: url(/images/left_sublistbg03.gif) 0px 0px no-repeat;
}
#sublist03 li a {
	color: #333333;
	text-decoration: none;
}
#sublist03 li a:visited {
	color: #333333;
	text-decoration: none;
}
#sublist03 li a:active {
	color: #333333;
	text-decoration: none;
}
#sublist03 li a:hover {
	color: #cc6600;
	text-decoration: none;
}
#sublist04 ul {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#sublist04 li {
	height: 26px;
	padding: 5px 0px 0px 15px;
	list-style: none;
	background: url(/images/left_sublistbg04.gif) 0px 0px no-repeat;
}
#sublist04 li a {
	color: #333333;
	text-decoration: none;
}
#sublist04 li a:visited {
	color: #333333;
	text-decoration: none;
}
#sublist04 li a:active {
	color: #333333;
	text-decoration: none;
}
#sublist04 li a:hover {
	color: #663399;
	text-decoration: none;
}
/*------------------------ LIST GENERAL --------------------------*/
.listcontents {
	padding: 4px 4px 4px 10px;
	border-bottom: solid #e4e4e4 1px;
	color: #333333;
	text-align: left;
}
.listcontents2 {
	padding: 4px 4px 4px 4px;
	border-bottom: solid #e4e4e4 1px;
	color: #333333;
	text-align: center;
}
.listtitle {
	padding: 4px 4px 4px 10px;
	border-bottom: solid #e4e4e4 1px;
	text-align: left;
}

.listtitle01 {
	width:70px; 
	height:28px; 
	background:url(/images/dotted.gif) bottom left repeat-x #fff6ce;
}

.listtitle02 {
	width:70px; 
	height:28px; 
	background:#fff6ce; border-bottom:2px solid #eee;
}

.listTd01 {
	text-align:left; 
	padding:3px 0 3px 5px; 
	width:160px; 
	background:url(/images/dotted.gif) bottom left repeat-x;
}

.listTd02 {
	text-align:left; 
	padding:3px 0 3px 5px; 
	width:300px; 
	background:url(/images/dotted.gif) bottom left repeat-x;
}

.listTd03 {
	border-bottom:2px solid #eee; 
	text-align:left; 
	padding:3px 0 3px 5px;
}

.listsection {
	border-bottom: solid #e4e4e4 1px;
	text-align: center;
	color: #0066cc;
	font-weight: bold;
}
.listtopborder {
	height: 4px;
	background-color: #fd9e50;
}
.listtopborder_2px {
	height: 2px;
	background-color: #fd9e50;
}
.viewtitle {
	height: 30px;
	font-weight: bold;
	text-align: center;
	background-color: #f4f4f4;
}
.viewtitle_no {
	height: 30px;
	font-weight: bold;
	text-align: center;
	background-color: #f4f4f4;
}
.viewtitle2 {
	padding: 5px 3px 3px 9px;
}
.viewtitle3 {
	padding: 0px 3px 0px 9px;
}
.viewprenext {
	height: 25px;
	width: 80px;
	color: #006699;
	text-align: center;
	background-color: #f4f4f4;
}
/*---------------------- BOARD --------------------------*/
.b_list {
	padding: 5px 0;
	border-bottom: solid #cfcfcf 1px;
	color: #555;
	text-align: center;
	line-height: 160%;
}
.b_left {
	padding: 5px 10px 5px 10px;
	align: left;
	border-bottom: solid #cfcfcf 1px;
	color: #555;
	line-height: 140%;
}
#pages {
	padding: 13px 0px;
	font-size: 11px;
	text-align: left;
	letter-spacing: 0.2em;
}
#search {
	padding: 13px 0;
	text-align: right;
}
.v_title {
	padding: 5px 11px;
	color: #555;
	text-align: left;
	line-height: 120%;
}
#write {
	width: 524px;
	padding: 33px 47px 58px 29px;
	color: #333;
	line-height: 18px;
	text-align: justify;
}
.w_button {
	padding: 2px 5px;
	color: #003399;
}
.2px_line {
	height: 1px;
	width: 600px;
	background-color: #d7e5f2;
}
.faq_detail {
/*--	width: 600px; --*/
	padding: 21px 58px 21px 58px;
	color: #003399;
	line-height: 24px;
	text-align: justify;
	border-top: dotted #cfcfcf 1px;
}
.faq_list {
	padding: 5px 0;
	color: #555;
	text-align: center;
	line-height: 160%;
}
#bottomborder td {
	border-bottom: solid #d7e5f2 1px;
}
.formbox {
	border-color: #CCC;
	background-color: #FFFFFF;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	color: #333;
}
/* */
.faq_left {
	padding: 5px 10px 5px 10px;
	align: left;
	color: #555;
	line-height: 140%;
}
/*------------------------ 사이트맵 리스트1 --------------------------*/
#maplist1 {
	float: left;
	width: 171px;
}
#maplist1 ul {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#maplist1 li {
	height: 27px;
	padding: 7px 0px 0px 28px;
	background: url(/images/maptitbg.gif) no-repeat;
	list-style: none;
	text-align: left;
}
#maplist1 ul li a {
	color: #333333;
	text-decoration: none;
}
#maplist1 ul li a:visited {
	color: #333333;
	text-decoration: none;
}
#maplist1 ul li a:hover {
	color: #32beca;
	text-decoration: none;
}
/*------------------------ FONT  --------------------------*/
.Gulim {
	font-family: "굴림", "돋움";
}
.11font {
	font-size: 11px;
}
.bold {
	font-weight: bold;
}
/*------------------------ color  --------------------------*/
.red {
	color: #ff0000;
}
.red2 {
	font-weight: bold;
	color: #827979;
}
.orange {
	height: 30px;
	margin: 0px 0px 5px 0px;
	color: #ff6600;
	font-weight: bold;
	font-size: 18px;
}
.orange01 {
	color: #f28641;
}
.orange02 {
	font-weight: bold;
	color: #ff6600;
}
.blue {
	color: #0066cc;
	font-weight: bold;
	font-size: 14px;
}
.blue01 {
	color: #00b0f1;
}
.brown01 {
	color: #ba9887;
}
.brown01 a {
	color: #ba9887;
	text-decoration: none;
}
.brown01 a:visited {
	color: #ba9887;
	text-decoration: none;
}
.brown01 a:active {
	color: #ba9887;
	text-decoration: none;
}
.brown01 a:hover {
	color: #ba9887;
	text-decoration: none;
}
.brown02 {
	color: #cc6600;
}
.green {
	color: #96b557;
}
.green02 {
	color: #90c84b;
}
.green01 {
	color: #669900;
	font-weight: bold;
}
.grey {
	font-size: 11px;
	color: #999999;
}


/*------------------------ Admin --------------------------*/

#workgroup .groupBody { width:400px; }

#workgroup .title {
	width:380px; 
	background:url(/images/popupbg.gif) no-repeat; 
	font-size:14px; 
	color:#FFFFFF; 
	font-weight: bold; 
	padding:10px 0px 0px 20px; 
	height:35px;
}

#workgroup .searchBar {
	width:380px; 
	height:30px; 
	padding-left:10px;
}

#workgroup fieldset {
	width:380px; 
	height:30px; 
	background:#f4f4f4;
}

#workgroup fieldset .searchTitle {
	display:block; 
	padding:4px 0 7px 7px;
}

#workgroup .closeBtn {
	height:33px; 
	width:400px; 
	background-color:#CCCCCC; 
	text-align:center; 
	margin-top:12px;
}
