
 body,table, tr, td, select
  {
  font-family: 굴림,굴림체,돋움,돋움체, seoul, arial, helvetica;
  color: 5a5a5a;
  font-size: 9pt;
  line-height: 14pt;
  font-weight: bold;

 	}

body {
scrollbar-face-color:#DFDACA;
scrollbar-shadow-color:#D1CCBC;
scrollbar-highlight-color:#FFFFFF;
scrollbar-3dlight-color:#AFADA3;
scrollbar-darkshadow-color:#AFADA3;
scrollbar-track-color:#E5E1D5;
scrollbar-arrow-color:#AFADA3;
	 
	margin-left : 0;
	margin-top : 0;
	margin-right : 0;
	margin-bottom: 0;
}

a:link {font-family:굴림,굴림체,arial; font-size:9pt; color:#004cac; text-decoration:none;}
a:visited {font-family:굴림,굴림체,arial; font-size:9pt; color:#004cac; text-decoration:none;}
a:active {font-family:굴림,굴림체,arial; font-size:9pt; color:#004cac; text-decoration:none;}
a:hover {font-family:굴림,굴림체,arial; font-size:9pt; color:#ee5e2c; text-decoration:none; }

a.good:link {font-family:돋움,돋움체; color:#808080;  font-size:10pt;}
a.good:visited {font-family:돋움,돋움체; color:#808080; font-size:10pt;}
a.good:active {font-family:돋움,돋움체; color:#808080; font-size:10pt;}
a.good:hover  {font-family:돋움,돋움체; color:#ffffff;  font-size:10pt;}

a.down:link {color:#757575; font-weight: bold; font-size:10pt;}
a.down:visited {color:#757575; font-weight: bold; font-size:10pt;}
a.down:active {color:#757575; font-weight: bold; font-size:10pt;}
a.down:hover  {color:#844c20; font-weight: bold; font-size:10pt;;}

.log{font-family:굴림,굴림체  font-size:9pt; color:#aea377; text-decoration:none;}

a.notice:link {font-family:돋움,돋움체; color:084042;  font-size:10pt;}
a.notice:visited {font-family:돋움,돋움체; color:084042; font-size:10pt;}
a.notice:active {font-family:돋움,돋움체; color:084042; font-size:10pt;}
a.notice:hover  {font-family:돋움,돋움체; color:28f7ff;  font-size:10pt;}


/* form */
.InputBox   { border:0px; border-top:1px solid #303030; border-bottom:1px solid #303030; background-color:#303030; color:#A1A09D; }


/*============================== 내용영역 ==============================*/
/* 구분선 */
.SectionLine{
    height:1px;
    background-color:#686247;
    clear:both;
}

/* 로그인영역 */
#LoginArea{
    float:left;
    width:790px;
    margin:5px 0 10px 0;
    padding-left:30px;
}
* html #LoginArea{
    width:820px;
    w\idth:790px;
}

#LoginFormArea{
    float:left;
    width:360px;
}
#BannerArea{
    float:right;
    width:380px;
    margin-top:5px;
}


/* 로그인폼 */
#LoginForm fieldset {
	display:block;
    padding:5px 0 5px 0;
}
#LoginForm label{
    display:block;
    float:left;
    width:63px;
    text-align:right;
    padding:2px 7px 0 0;
}
* html #LoginForm label{ /* IE hack */
    margin-right:-3px;
    width:70px;
    w\idth:63px;
}
#LoginForm .BtnArea{
    padding-left:70px;
}

/* 혜택설명 */
#BenefitTitle{
    margin:10px 0 10px 0;
}
#BenefitText{
    float:left;
}
#JoinBtn{
    float:right;
    margin-top:38px;
}

/* ID/PW 찾기 */
#SearchText{
    margin:10px 0 5px 0;
    line-height:16px;
}
#SearchText .Point{
    color:#E1C3A1;
}

/* 아이디분실 */
#IDLose{
    float:left;
    width:355px;
    margin-top:10px;
}
* html #IDLose{
    margin-right:-3px;
}
/* 비밀번호분실 */
#PWLose{
    float:left;
    width:355px;
    margin:10px 0 0 60px;
}

/* 아이디/비밀번호분실_타이틀 */
.LoseTitle{
    margin-bottom:10px;
}
/* 아이디/비밀번호분실_입력폼 */
.LoseInput fieldset {
	display:block;
    padding:5px 0 5px 0;
}
.LoseInput label{
    display:block;
    float:left;
    width:95px;
    color:#938A65;
}
* html .LoseInput label{ /* IE hack */
    margin-right:-3px;
}

/* ID/PW 찾기결과_ID */
#ResultText{
    margin-bottom:5px;
    line-height:20px;
}
#ResultText .Point{
    color:#FF960E;
}

/* 회원가입_진행바 */
#ProgressBar{
    float:left;
    margin:10px 0 20px 0;
}
#ProgressBar ul{
    list-style:none;
}
#ProgressBar ul li{
    float:left;
}

/* 회원가입_설명 */
#ProvisionText{
    clear:both;
    line-height:16px;
}
#ProvisionText .Point{
    font-size:13px;
    color:#E1C3A1;
    line-height:20px;
}

/* 회원가입_이용약관 타이틀 */
#ProvisionTitle{
    margin:15px 0 10px 0;
}
#Provision{
    margin-bottom:10px;
}
#Provision textarea{
    width:820px;
    height:330px;
}
* html #Provision textarea{
    width:818px;
}

/* 회원가입_회원안내 텍스트 */
.MemberText{
    clear:both;
    line-height:16px;
}
.MemberText .Point{
    font-size:14px;
    color:#E1C3A1;
    line-height:20px;
}

/* 회원가입_약관보기 버튼 */
#ViewBtn{
    margin:10px 0 20px 0;
}

/* 회원가입_실명확인 텍스트 */
#RealNameText{
    line-height:16px;
    margin-bottom:5px;
}
#RealNameText .Point{
    font-size:14px;
    line-height:20px;
}

/* 회원가입_실명확인 */
#RealName{
    margin:8px 0 8px 0;
}
#RealNameTitle{
    float:left;
    width:80px;
    margin:20px 0 20px 0;
}
/* 회원가입_실명확인_입력폼 */
#RealNameInput fieldset {
	display:block;
    padding:5px 0 5px 0;
}
#RealNameInput label{
    display:block;
    float:left;
    width:80px;
}

/* 회원가입_회원정보입력 텍스트 */
#InputText{
    clear:both;
    line-height:16px;
    margin-bottom:5px;
}
#InputText .Point{
    color:#E1C3A1;
}

/* 회원가입_추가정보입력 텍스트 */
.AddInfoText{
    line-height:16px;
    margin:9px 0 6px 0;
}
.AddInfoText .Point{
    color:#E1C3A1;
}


/******************** 마이페이지 *****************/

/* 스크랩북 */
#ScrapBook{
    float:right;
    font-size:11px;
    color:#E0E0E0;
}
#ScrapBook .Point{
    color:#FF960E;
}
/* 디자인데이터베이스 타이틀 영역 */
#DBTitleArea{
    float:left;
    width:820px;
    margin-top:15px;
}
#DBTitle{
    float:left;
    color:#AEA377;
    font-weight:bold;
}

/* 디자인데이터베이스 정렬바 */
#DBSortArea{
    float:right;
}
#DBSortTitle{
    float:left;
    font-size:11px;
    font-weight:bold;
    margin-right:5px;
}
ul.DBSort{ /* DB종류별 */
    float:left;
    list-style:none;
}
ul.DBSort li{
    float:left;
    font-size:11px;
    color:#AEA377;
}

/* 디자인데이타베이스 */
ul.DBList{
    clear:both;
    list-style:none;
    padding:2px 0 10px 0;
}
/* Start hiding from IE Mac \*/
* html ul.DBList{
    padding-top:7px;
}
/* Stop hiding from IE Mac */
ul.DBList li{
    margin-top:5px;
    height:76px;
}

/* 테이터 카드 */
ul.DBList .DataCard{
    float:left;
    width:223px;
    height:63px;
    background-color:#000000;
    padding:6px;
    border:1px solid #292929;
}
*html ul.DBList .DataCard{
    width:235px;
    w\idth:223px;
    height:75px;
    he\ight:63px;
}
ul.DBList .CardImg{ /* 카드이미지 */
    float:left;
    width:70px;
}
ul.DBList .CardInfoArea{ /* 카드정보 */
    float:left;
}
ul.DBList .CardInfoArea .Name{ /* 이름 */
    height:16px;
}
ul.DBList .CardInfoArea .Job{ /* 직종 */
    height:16px;
}
ul.DBList .CardInfoArea .School{ /* 학교 */
    height:16px;
}
ul.DBList .CardInfoArea .Company{ /* 회사 */
    height:16px;
}

ul.DBList .CardCheck{ /* 카드체크박스 */
    float:right;
}
ul.DBList .CardCheck input{
    margin:-3px;
}
ul.DBList .Space01{
    float:left;
    width:55px;
}
ul.DBList .Space02{
    float:left;
    width:54px;
}


/* 게시판 영역 */
#BoardArea{
    float:left;
    width:820px;
}
/* 디자인뉴스영역 */
#DesignNewsArea{
    float:left;
    width:400px;
    margin-top:5px;
}
* html #DesignNewsArea{
    margin-right:-3px;
}
/* 디자인리포트 영역 */
#DesignReportArea{
    float:right;
    width:400px;
    margin-top:5px;
}
/* 디자인포럼 영역 */
#DesignForumArea{
    float:left;
    width:400px;
    margin-top:5px;
}
/* 북마크 영역 */
#BookmarkArea{
    float:right;
    width:400px;
    margin-top:5px;
}

/* 게시판 리스트_타이틀 */
.BoardTitle{
    height:20px;
    color:#AEA377;
    font-weight:bold;
}
/* 게시판 리스트_컬럼 */
.BoardColumArea{
    width:400px;
    height:25px;
    background:url(/images/member/bg_board_colum.gif) repeat-x left top;
    padding-top:4px;
}
* html .BoardColumArea{
    height:30px;
    he\ight:25px;
}
.BoardColumArea .Title{
    float:left;
    width:320px;
    background:url(/images/member/ic_line_02.gif) no-repeat right top;
    text-align:center;
}
* html .BoardColumArea .Title{
    margin-right:-3px;
}
.BoardColumArea .Date{
    float:right;
    width:80px;
    text-align:center;
}
/* 게시판 리스트 */
ul.BoardList{
    float:left;
    height:100px;
    list-style:none;
    margin-bottom:5px;
}
ul.BoardList li{
    float:left;
    height:20px;
}
ul.BoardList li .Title{
    float:left;
    width:320px;
}
ul.BoardList li .Date{
    float:right;
    width:80px;
    color:#D1B59F;
    text-align:center;
}

/* 디자인포럼_내가 가입한 포럼 */
#JoinForumArea{
    float:left;
    width:193px;
    margin-top:15px;
}
#JoinForumTitle{
    height:21px;
}
ul.JoinForumList{
    width:193px;
    list-style:none;
}
ul.JoinForumList li{
    height:20px;
}
/* 디자인포럼_내가 개설한 포럼 */
#MakeForumArea{
    float:right;
    width:192px;
    margin-top:15px;
}
#MakeForumTitle{
    height:21px;
}
#MakeForum{
    width:192px;
    height:91px;
    padding-top:30px;
}
* html #MakeForum{
    height:121px;
    he\ight:91px;
}
#MakeForumList{
    height:62px;
    color:#ffffff;
    text-align:center;
}
#MakeForumBtn{
    text-align:right;
    padding-right:10px;
}
/* 북마크_리스트 */
ul.BookmarkList{
    float:left;
    height:144px;
    list-style:none;
    margin:10px 0 2px 0;
}
ul.BookmarkList li{
    float:left;
    height:36px;
}
ul.BookmarkList li .Check{
    float:left;
    width:25px;
    margin-top:5px;
}
ul.BookmarkList li .Img{
    float:left;
    width:60px;
}
ul.BookmarkList li .Content{
    float:left;
    width:315px;
}


/* 마이페이지_회원정보변경 */
#TitleExplan{
    float:right;
    text-align:right;
    font-size:11px;
}
#PWExplan{
    font-size:11px;
    padding-left:5px;
}
#SubInfoTitle{
    clear:both;
    height:21px;
    color:#ffffff;
    font-weight:bold;
    margin-top:30px;
}

/* 마이페이지_회원탈퇴 */
#SecedeText{
    margin:10px 0 5px 0;
    line-height:16px;
    font-size:11px;
}
/* 본인확인 */
#PersonSubmit{
    float:left;
    width:355px;
    margin-top:10px;
}
* html #PersonSubmit{
    margin-right:-3px;
}
/* 탈퇴사유 */
#SecedeReason{
    float:left;
    width:355px;
    margin:10px 0 0 60px;
}
/* 마이페이지_회원탈퇴 타이틀 */
.SecedeTitle{
    margin-bottom:10px;
}
/* 탈퇴사유_보기 */
ul.SecedeExample{
    margin-top:5px;
    padding-bottom:65px;
    list-style:none;
}
ul.SecedeExample li{
    float:left;
    height:20px;
}
ul.SecedeExample .ExampleRadio{ /* 라디오버튼 */
    float:left;
    width:25px;
}
ul.SecedeExample .ExampleText{ /* 내용 */
    float:left;
    width:130px;
    color:#AEA377;
}
*html ul.SecedeExample .ExampleText{ /* IE Hack */
    padding-top:3px;
}
ul.SecedeExample .ExampleSpace{ /* 여백 */
    float:left;
    width:45px;
}
ul.SecedeExample .ExampleEtc{
    float:left;
    color:#AEA377;
    text-align:right;
}

/* 디자인뉴스리스트_컬럽 */
table.tblNewsListColum{
    width:820px;
    height:30px;
    background:url(/images/common/bg_list_colum.gif) repeat left top;
    color:#ffffff;
    font-size:12px;
    font-weight:bold;
}
table.tblNewsListColum td.tdCheck{
    width:55px;
    text-align:center;
    background:url(/images/common/ic_line_colum.gif) no-repeat right top;
}
table.tblNewsListColum td.tdField{
    width:60px;
    text-align:center;
    background:url(/images/common/ic_line_colum.gif) no-repeat right top;
}
table.tblNewsListColum td.tdTitle{
    width:605px;
    text-align:center;
    background:url(/images/common/ic_line_colum.gif) no-repeat right top;
}
table.tblNewsListColum td.tdDate{
    width:100px;
    text-align:center;
}

/* 디자인뉴스리스트 */
table.tblNewsList{
    width:820px;
    font-size:12px;
}
table.tblNewsList td.tdCheck{
    width:55px;
    text-align:center;
    padding:6px 0 6px 0;
    background:none;
    border-bottom:1px solid #3e3e3e;
}
table.tblNewsList td.tdField{
    width:60px;
    text-align:center;
    color:#AEA377;
    padding:6px 0 6px 0;
    background:none;
    border-bottom:1px solid #3e3e3e;
}
table.tblNewsList td.tdTitle{
    width:605px;
    padding:6px 0 6px 10px;
    background:none;
    border-bottom:1px solid #3e3e3e;
}
table.tblNewsList td.tdDate{
    width:100px;
    text-align:center;
    color:#D1B59F;
    padding:6px 0 6px 0;
    background:none;
    border-bottom:1px solid #3e3e3e;
}


/* 디자인리포트리스트_컬럽 */
table.tblReportListColum{
    width:820px;
    height:30px;
    background:url(/images/common/bg_list_colum.gif) repeat left top;
    color:#ffffff;
    font-size:12px;
    font-weight:bold;
}
table.tblReportListColum td.tdCheck{
    width:55px;
    text-align:center;
    background:url(/images/common/ic_line_colum.gif) no-repeat right top;
}
table.tblReportListColum td.tdField{
    width:60px;
    text-align:center;
    background:url(/images/common/ic_line_colum.gif) no-repeat right top;
}
table.tblReportListColum td.tdTitle{
    width:605px;
    text-align:center;
    background:url(/images/common/ic_line_colum.gif) no-repeat right top;
}
table.tblReportListColum td.tdDate{
    width:100px;
    text-align:center;
}

/* 디자인리포트리스트 */
table.tblReportList{
    width:820px;
    font-size:12px;
}
table.tblReportList td.tdCheck{
    width:55px;
    text-align:center;
    padding:6px 0 6px 0;
    background:none;
    border-bottom:1px solid #3e3e3e;
}
table.tblReportList td.tdField{
    width:60px;
    text-align:center;
    color:#AEA377;
    padding:6px 0 6px 0;
    background:none;
    border-bottom:1px solid #3e3e3e;
}
table.tblReportList td.tdTitle{
    width:605px;
    padding:6px 0 6px 10px;
    background:none;
    border-bottom:1px solid #3e3e3e;
}
table.tblReportList td.tdDate{
    width:100px;
    text-align:center;
    color:#D1B59F;
    padding:6px 0 6px 0;
    background:none;
    border-bottom:1px solid #3e3e3e;
}

/* 북마크리스트 */
table.tblBookMark{
    clear:both;
    width:820px;
    margin-bottom:10px;
    table-layout:fixed;
}
td.tdBookMarkContent{
    width:223px;
    padding:10px 50px 0 0;
    vertical-align:top;
}
td.tdBookMarkContent .Img{
    padding-bottom:5px;
}
td.tdBookMarkContent .Title{
    color:#AEA377;
    line-height:16px;
    padding-bottom:5px;
}
td.tdBookMarkContent .Title input{
    margin-right:5px;
}
td.tdBookMarkContent .Url{
    color:#ffffff;
    line-height:16px;
    word-break:break-all;
}


/* 페이징 */
#PagingArea{
    text-align:center;
    padding-top:15px;
    font-weight:bold;
    color:#AEA377;
}
#PagingArea img{
    vertical-align:middle;
}
#PagingArea .PagingBtn{
    color:#AEA377;
}

/* 페이징_오른쪽버튼 */
#BtnRight{
    float:right;
    width:160px;
    margin:10px 0 0 0;
    text-align:right;
}
/* 페이징_왼쪽여백 */
#BtnLeft{
    float:left;
    width:160px;
    margin:10px 0 0 0;
}


/*============================== 메일폼 ==============================*/
#MailPasswordArea{ /* 포럼회원 메일폼 */
    height:273px;
    padding-top:30px;
    text-align:center;
}
* html #MailPasswordArea{ /* IE Hack */
    height:303px;
    he\ight:273px;
}
#MailBottomText{
    width:620px;
    padding-top:10px;
}

#PasswordInfo{
    margin:15px 0 15px 0;
    line-height:20px;
}
#PasswordInfo .Point{
    color:#FF960E;
    font-weight:bold;
}


/*============================== 입력폼 ==============================*/
/* 입력폼 */
#InputForm fieldset {
	display:block;
    padding:5px 0 5px 0;
}
#InputForm label{
    display:block;
    float:left;
    width:120px;
    color:#938A65;
    vertical-align:top;
}
* html #InputForm label{ /* IE hack */
    margin-right:-3px;
}
#InputForm .ExplanText{
    padding:5px 0 0 120px;
}


/*============================== 팝업폼 ==============================*/
/* 팝업 강조텍스트 */
#PopText .Point{
    color:#FFBA31;
}

/* 우편번호 */
#ZipList{
    margin-top:10px;
    width:280px;
    height:180px;
    padding-bottom:25px;
}
/* 우편번호리스트_컬럼 */
table.tblZipListColum{
    width:264px;
    height:30px;
    background:url(/images/common/bg_list_colum.gif) repeat left top;
    color:#ffffff;
    font-size:12px;
    font-weight:bold;
}
table.tblZipListColum td.tdZip{
    width:70px;
    text-align:center;
    background:url(/images/common/ic_line_colum.gif) no-repeat right top;
}
table.tblZipListColum td.tdAddr{
    width:194px;
    text-align:center;
}
/* 우편번호리스트 */
table.tblZipList{
    width:264px;
    font-size:12px;
}
table.tblZipList td.tdZip{
    width:70px;
    text-align:center;
    padding:10px 0 10px 0;
    background:none;
    border-bottom:1px solid #3e3e3e;
}
table.tblZipList td.tdAddr{
    width:194px;
    padding:10px 0 10px 10px;
    background:none;
    border-bottom:1px solid #3e3e3e;
}
table.tblZipList td.tdNodata{
	text-align:center;
	padding:5px 0 5px 10px;
	border-bottom:1px solid #3e3e3e;
}

.ScrollBlack{
    scrollbar-face-color: #494949;
    scrollbar-highlight-color: #494949;
    scrollbar-shadow-color: #494949;
    scrollbar-3dlight-color: #494949;
    scrollbar-arrow-color: #000000;
    scrollbar-track-color: #666666;
    scrollbar-darkshadow-color: #2D2D2D;
}

select{font-family: "돋움", "굴림";font-size: 12px;color: #444444; border: 1px solid #999999; padding:1px}