@charset "utf-8";


/* ========================================================================================================== */
/* ============================================= 버튼 및 폼태그 공통 CSS ============================================ */
/* ========================================================================================================== */
img.essenImg {display:inline-block;vertical-align:top;margin:9px 0 0;}

a {color:#666;text-decoration:none;}
a:hover,
a:focus {}
a img {vertical-align:middle;}

input[type=text] {margin:0;padding:0;}

a,
input[type=submit],
input[type=button],
button {display:inline-block;margin:0;padding:0;border:0 none;cursor:pointer;}
textarea {margin:0;}

select,
input[type='text'],
input[type='password'] {height:22px;padding:0px 10px 1px;border:1px solid #cacaca;}
select {height:25px;padding:0;}

input[type=radio],
input[type=checkbox] {vertical-align:middle;margin:0 5px 0 20px;}
input[type=radio]:first-child,
input[type=checkbox]:first-child {margin-left:0;}

td label,
td span {display:inline-block;}


.btnBg {display:block;width:100%;height:100%;text-indent:-10000px;}

/* 버튼 영역 */
.btnArea {position:relative;overflow:hidden;margin-top:30px;text-align:center;}
.btnArea .posTL,
.btnArea .posTR {overflow:hidden;}
.btnArea .posTL > *,
.btnArea .posTR > * {float:left;margin-left:5px;}
.btnArea .posTL > *:first-child,
.btnArea .posTR > *:first-child {margin-left:0;}


.btn a,
.btn input,
.btn button {display:inline-block;text-decoration:none;cursor:pointer;height:35px;padding:0 16px 2px;font-size:1em;border-style:solid;border-width:1px;vertical-align:top;text-align: center !important;}

.btn a {height:auto;line-height:1.2 !important;padding:8px 16px 11px;}


.btn .btnBg > * {width:100%;height:100%;border:0 none;padding:0;opacity:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0);}




/* 큰 버튼 height:46px */
.btn .btnBig {min-width:80px;height:46px;padding:0 30px;font-size:16px;font-weight:normal;}
.btn a.btnBig {min-width:68px;height:auto;padding:12px 20px 14px;}

.btn .fullBtn {width:100%;padding:0;font-size:1.2em;}
.btn a.fullBtn {padding:12px 0 14px;}

div.btnArea * {margin-left:20px;}
div.btnArea *:first-child {margin-left:0;}

/* 작은 버튼 height:24px */
.btn .btnSmall {height:24px;padding:0 13px 3px;font-size:12px;}
.btn a.btnSmall {height:18px;padding:0 13px 0;}

table.inputTbl span.btn *,
td.btn * {padding-left:20px;height:23px;font-size:12px;}
table.inputTbl span.btn a,
td.btn a {height:18px;padding:3px 13px 2px;font-size:0.7em;}



/* 보라색 */				.btn .btnDef {background-color:#504294;border-color:#504294;color:#fff !important;}
/* 남색 */					.btn .btnPoint {background-color:#222733;border-color:#222733;color:#fff !important;}
/* 회색 */					.btn .btnGrey {background-color:#919191;border-color:#919191;color:#fff !important;}


/* border+보라색 */			.btn .btnBdDef {background-color:#fff;border-color:#504294;color:#504294 !important;}
/* border+남색 */				.btn .btnBdPoint {background-color:#fff;border-color:#222733;color:#222733 !important;}
/* border+회색 */				.btn .btnBdGrey {background-color:#fff;border-color:#b7b7b7;color:#666 !important;}

.btn .btnArr {padding-right:40px;background-image:url('/image/icon/btnBl_arr.png');background-position:right center;background-repeat:no-repeat;}



/* 파일 찾기 */
div.selectFile {overflow:hidden;}
div.selectFile p {float:left;}
div.selectFile p.btn {width:66px;height:24px;background:url('/image/icon/findFile.gif') center center no-repeat;background-color:#008f88;}
div.selectFile p.btn input {width:100%;height:100%;}

div#selectFile {overflow:hidden;}
div#selectFile p {float:left;}
div#selectFile p input[type=text] {height: 18px;padding: 2px 10px;}
div#selectFile p.find {width:66px;height:24px;margin: 0 5px;border-radius:4px;background:url('/image/icon/btn_browse.png') center center no-repeat;background-color:#222733;}
div#selectFile p.find input {width:100%;height:100%;padding: 0;border: 0 none;}
div#selectFile p.btn * {height: 24px;font-size: 14px;border: 0 none;}




/* 인사말 */
div.message {}
div.message > p {padding-top:2.4em;}
div.message > p:first-child {padding-top:0;}


/* 연혁 */
dl.history,
dl.history dl {overflow:hidden;}

dl.history {margin:0 35px;}
dl.history:first-child {padding-top:13px;background:url('/image/sub/historyBg.png') 58px 0 no-repeat;}

dl.history > dt,
dl.history > dd {}
dl.history > dt {float:left;width:130px;padding-top:30px;text-align:center;line-height:130px;color:#504294;font-size:20px;font-weight:bold;background:url('/image/sub/historyBg_year.png') 0 30px no-repeat;}
dl.history:first-child > dt {padding-top:50px;background-position:0 50px;}

dl.history > dd {width:970px;padding:30px 0 30px 200px;background:url('/image/sub/historyBg_line.png') 64px 0 repeat-y;}

dl.history.bg > dt {background:url('/image/sub/historyBg_year2.png') left bottom no-repeat;}
dl.history.bg > dd {background:none;}


dl.history > dd dl {padding:0 0 70px 25px;border-bottom:1px dotted #cecece;}
dl.history > dd dt,
dl.history > dd dd {padding-left:100px;}

dl.history > dd dt {position:relative;margin-top:20px;font-weight:bold;color:#504294;}
dl.history > dd dt span {position:absolute;left:0;top:0;}

dl.history > dd dd li {margin-top:5px;}


/* 목표 및 사업계획 */
dl.goal,
dl.plan {padding-left:120px;}
dl.goal {margin-bottom:50px;background:url('/image/sub/goalBg.png') 37px 8px no-repeat;}
dl.plan {background:url('/image/sub/planBg.png') 48px 8px no-repeat;}

/* 기구 및 조직 */
/*ul.organ {height:510px;;text-indent:-10000px;background:url('/image/sub/organ.jpg') center top no-repeat;}*/

dl.joinInfo1 {padding-left:500px;background:url('/image/sub/organ_1.jpg') 0 0 no-repeat;color:#333;}
dl.joinInfo1 dt {font-weight:bold;font-size:20px;}
dl.joinInfo1 dd li {padding:20px 0 0 10px;text-indent:-10px;}
dl.joinInfo1 dd li * {text-indent:0;}
dl.joinInfo1 dd p {padding-top:20px;}
dl.joinInfo1 dd p.fcRed {font-weight:bold;}



/* 회원가입 안내 */
dl.joinInfo {padding-left:390px;background:url('/image/sub/joinInfoBg.jpg') 0 0 no-repeat;color:#333;}
dl.joinInfo dt {font-weight:bold;font-size:20px;}
dl.joinInfo dd li {padding:20px 0 0 10px;text-indent:-10px;}
dl.joinInfo dd li * {text-indent:0;}
dl.joinInfo dd p {padding-top:20px;}
dl.joinInfo dd p.fcRed {font-weight:bold;}



/* 연구사업 > 과제제안 */
div.proposal {}

div.bizInfo {padding-left:125px;background:url('/image/sub/proposalBg_biz.png') 25px 0 no-repeat;}
div.bizInfo p {padding-top:10px;background:url('/image/sub/txtBg_bar.png') 0 0 no-repeat;}

div.proposal p.fcPoint {margin-top:30px;font-weight:bold;}
div.proposal ul.note {margin:5px 0;padding:5px 20px 15px 125px;border:1px solid #d9d9d9;background:url('/image/sub/proposalBg_note.png') 0 0 no-repeat;}
div.proposal ul.note > li {margin-top:3px;}

div.proposal p.btn {padding-top:70px;text-align:center;}


/* 연구회 행사일정 */
div.bigCalendar {}

div.monthTit {position:relative;padding-top:46px;border-left:1px solid #ddd;border-right:1px solid #ddd;background-color:#504294;}

div.monthTit a.prev,
div.monthTit a.next {display:block;position:absolute;top:0;width:27px;text-indent:-10000px;background-position:center center;background-repeat:no-repeat;}
div.monthTit a.prev {left:0;}
div.monthTit a.next {right:0;}

div.monthTit p.month {position:relative;width:120px;height:48px;padding:0 27px;margin:0 auto;}
div.monthTit p.month span {display:block;padding:2px 0 6px;text-align:center;font-weight:bold;font-size:16px;line-height:43px;color:#fff;}
div.monthTit p.month a {height:48px;}
div.monthTit p.month a.prev {background-image:url('/image/sub/calendar_month_prev.png');}
div.monthTit p.month a.next {right:0;background-image:url('/image/sub/calendar_month_next.png');}


div.monthTit div.otherCal {overflow:hidden;position:absolute;left:0;top:0;width:100%;border-bottom:1px solid #ddd;border-top:1px solid #504294;background-color:#fff;}
div.monthTit p.year,
div.monthTit ul.month li {float:left;}
div.monthTit ul.month {float:right;}

div.monthTit p.year {position:relative;width:90px;height:45px;margin-left:18px;padding:0 20px;}
div.monthTit p.year span {display:block;text-align:center;line-height:45px;color:#504294;}
div.monthTit p.year a {line-height:45px;}
div.monthTit p.year a.prev {background-image:url('/image/sub/calendar_year_prev.png');}
div.monthTit p.year a.next {right:0;background-image:url('/image/sub/calendar_year_next.png');}

div.monthTit ul.month {padding-right:20px;}
div.monthTit ul.month li {padding-left:45px;}
div.monthTit ul.month li:first-child {padding-left:0;}
div.monthTit ul.month li a {font-weight:bold;color:#363636;font-size:14px;line-height:45px;}
div.monthTit ul.month li.on a {color:#504294;}


table.bigCalTbl {border-top:1px solid #dfdfdf;border-left:1px solid #dfdfdf;}
table.bigCalTbl th,
table.bigCalTbl td {border:0 none;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
table.bigCalTbl th {height:59px;text-align:center;background-color:#f2f2f2;color:#363636;}
table.bigCalTbl th.sun, 
table.bigCalTbl th.sat {}
table.bigCalTbl th.sun {}
table.bigCalTbl th.sat {}

table.bigCalTbl td {height:99px;padding:0;vertical-align:top;}
table.bigCalTbl td span,
table.bigCalTbl td a {display:block;}
table.bigCalTbl td span.num {padding:5px 5px 0;text-align:left;}

table.bigCalTbl td div.dayCont {position:relative;padding:0 5px 5px;height:77px;}

table.bigCalTbl td.sun span.num {color:#ea0773;}
table.bigCalTbl td a,
table.bigCalTbl td div.dayCont span {text-align:left;font-weight:bold;color:#504294;font-size:14px;line-height:17px;}

table.bigCalTbl td div.dayCont li {margin-top:5px;}
table.bigCalTbl td div.dayCont li:first-child {margin-top:0;}
table.bigCalTbl td div.dayCont a {}

table.bigCalTbl td div.dayCont  li a.ellipsis,
table.bigCalTbl td div.dayCont  li span.ellipsis  { width:95px; }

table.bigCalTbl td a.more {position:absolute;right:0;bottom:0;}


/* 개인정보 취급 방침 */
div.privacy,
div.privacy ul.navi a {color:#393939;}
div.privacy > p,
div.privacy > ul,
div.privacy > div {margin-top:20px;}
div.privacy .pointTit {margin-top:40px;}


div.privacy > *:first-child {margin-top:0;}

div.privacy .bgArea {overflow:hidden;padding:20px 0 25px 50px;}
div.privacy ul.navi {float:left;width:50%;}
div.privacy ul.navi li {margin-top:5px;}

div.privacy > dl > dd > * {margin-top:20px;padding-left:16px;}
div.privacy > dl > dd > *:first-child {margin-top:0;}
div.privacy > dl > dd dt {font-weight:bold;margin-top:10px;}
div.privacy > dl > dd dt:first-child {margin-top:0;}
div.privacy > dl > dd ul {padding-left:16px;text-indent:-16px;}
div.privacy > dl > dd ul * {text-indent:0;}

div.privacy > dl > dd a {color:#2a00ff;text-decoration:underline;}




/* 사이트맵 */
div.sitemap {overflow:hidden;padding-bottom:50px;}
div.sitemap > dl a {display:block;color:#393939;font-size:13px;}
div.sitemap > dl {float:left;width:200px;margin-left:25px;}
div.sitemap > dl:first-child {margin-left:0;}
div.sitemap > dl dt {background-color:#504294;}
div.sitemap > dl dt a {padding:10px 0 12px;text-align:center;color:#fff;font-weight:bold;}
div.sitemap > dl dd {padding:15px 20px 20px;border:1px solid #e1dcf7;border-top:0 none;}
div.sitemap > dl li {margin-top:5px;padding-left:10px;background:url('/image/sub/bl_dot.png') 0 12px no-repeat;}





/* 회원가입 */
div.join {color:#666;}

div.join div.agreeCon {margin-bottom:10px;border-color:#dbdbdb;color:#666;}

div.join p.ar input {margin-top:4px;}
div.join p.ar label {font-weight:bold;}

div.join table.inputTbl thead th {text-align:center;font-weight:bold;color:#504294;}

div.join div.btnArea {margin-top:0;}
div.join div.btnArea a,
div.join div.btnArea input {min-width:140px;height:auto;padding:10px 30px 15px;font-size:1.2em;}
div.join div.btnArea a {height:auto;}

div.join div.joinCom {width:680px;margin:0 auto;padding:0 208px 50px;border:2px solid #ededed;text-align:center;color:#5c5c5c;font-size:14px;}
div.join div.joinCom p:first-child {padding:100px 0 30px;font-size:1.8em;color:#1e1e1e;line-height:1.2em;}
div.join div.joinCom .fcPoint {font-weight:bold;}

div.join div.joinCom dl {margin:30px 20px;padding:30px 0;background-color:#f6f7fa;}
div.join div.joinCom dt {color:#4a38a5;font-weight:bold;}
div.join div.joinCom dd,
div.join div.joinCom dd a {color:#343434;}




/* 로그인 */
div.login {width:646px;margin:0 auto;}
div.login > p {padding-bottom:15px;text-align:center;color:#5c5c5c;}
div.login > p img {display:block;margin:0 auto 20px;}

div.login div.formArea {position:relative;margin-top:30px;padding:25px 238px 40px 55px;background-color:#f7f7f9;}
div.login div.formArea dl {overflow:hidden;margin-top:15px;padding:0 20px;border:1px solid #e9e9e9;background-color:#fff;}
div.login div.formArea dt,
div.login div.formArea dd {float:left;padding:10px 0;}
div.login div.formArea dt {width:85px;color:#5b5b5b;}
div.login div.formArea dd input {width:204px;border-color:#fff;}
div.login div.formArea p.btn {position:absolute;right:55px;top:50%;width:160px;height:125px;margin-top:-63px;}
div.login div.formArea p.btn * {width:100%;height:100%;}
div.login ul.utilMenu li {position:relative;padding:23px 0 24px 38px;border-bottom:1px dotted #999;background:url('/image/sub/loginBl.png') 9px 30px no-repeat;color:#494949;}
div.login ul.utilMenu a {position:absolute;right:0;top:50%;margin-top:-21px;}

/* 아이디/비밀번호 찾기 */
div.findInfo {}
div.findInfo > div {position:relative;padding:20px 40px;margin-top:20px;border:4px solid #ededed;background:url('/image/sub/findInfoBg_pwd.png') 70px 33px no-repeat;}
div.findInfo div.findId {margin-top:0;background-image:url('/image/sub/findInfoBg_id.png');}

div.findInfo h3,
div.findInfo > div > p {padding-left:265px;}

div.findInfo h3 {margin:0;font-size:14px;}
div.findInfo > div > p {color:#666;}

div.findInfo div.formArea {position:relative;margin-top:20px;padding:10px 185px 30px 30px;border:1px solid #bcbcbc;background-color:#f6f6f6;}

div.findInfo div.formArea dt {width:120px;color:#000;}
div.findInfo div.formArea dd input,
div.findInfo div.formArea dd select {width:;border-color:#b7b7b7;}
div.findInfo div.formArea dd select {width:180px;height:33px;}

div.formArea dd input {width:298px;padding:4px 10px 5px;}
div.findInfo div.formArea dd.multi input {width:170px;}
div.findInfo div.formArea dd.multi span {line-height:33px;}

div.findInfo div.formArea p.btn {position:absolute;right:30px;top:50%;width:155px;height:86px;margin-top:-43px;}
div.findInfo div.formArea p.btn * {width:100%;height:100%;}

div.findInfo div.result {display:none;position:absolute;left:40px;bottom:20px;width:1010px;line-height:146px;border:1px solid #bcbcbc;background-color:#f6f6f6;text-align:center;color:#373737;}
div.findInfo div.result span {font-weight:bold;color:#f00;}


/* My Page */
div.mypage .btnArea a,
div.mypage .btnArea input {min-width:140px;height:auto;padding:10px 30px 15px;font-size:1em;}


div.certify {width:646px;padding:50px 225px;margin:0 auto;border:2px solid #ededed;}
div.certify > p {padding-top:130px;background:url('/image/sub/certifyBg.png') center top no-repeat;text-align:center;color:#383838;}
div.certify div.formArea {position:relative;margin-top:30px;padding:10px 40px 30px;background-color:#f7f7f9;}

div.certify div.formArea p.btn {position:absolute;right:30px;bottom:30px;width:155px;height:33px;}
div.certify div.formArea p.btn * {width:100%;height:100%;padding:0 0 5px;font-size:0.8em;}


/* 회비납부내역 */
div.myfee {width:750px;margin:0 auto;}
div.myfee div.note {padding:20px 20px 20px 140px;border:1px solid #dfdfdf;background:url('/image/sub/myfee_bg.png') 68px center no-repeat;font-size:13px;color:#383838;}
div.myfee div.note ul {overflow:hidden;}
div.myfee div.note li {float:left;}
div.myfee div.note li.fwBold {padding-right:10px;}
div.myfee div.note a {color:#253fb0;}

div.myfee h3 {margin:30px 0;padding:12px 0 14px;font-weight:bold;color:#31266c;font-size:13px;background-color:#f6f6ff;text-align:center;}
div.myfee table.tblDef {border-left:1px solid #d6d6d6;border-right:1px solid #d6d6d6;}
div.myfee table.tblDef td {text-align:center;}

/* 비밀번호 변경 */
div.changePwd {}
div.changePwd div.bdArea {padding:20px 74px 30px;}
div.changePwd div.formArea dl {width:440px;margin:0 auto;}
div.changePwd div.formArea dt,
div.changePwd div.formArea dd {padding-top:10px;}

div.changePwd div.formArea dt {width:158px;}
div.changePwd div.formArea dd input {width:260px;}
div.changePwd div.formArea ul.note {margin-top:30px;padding:10px 75px 20px;border-top:1px solid #dbdbdb;}
div.changePwd div.formArea ul.note li {margin-top:10px;padding-left:20px;background:url('/image/sub/bl_vCheck.png') 0 3px no-repeat;color:#666;font-size:13px;line-height:1.4;}
div.changePwd div.btnArea * {min-width:80px;}

/* 회원탈퇴 */
div.withdraw {border:1px solid #b7b7b7;padding:35px 74px;}

div.withdraw ul.agreeCon {width:730px;margin:0 auto;padding:20px 90px 30px;background-color:#fbfbfb;}
div.withdraw ul.agreeCon li {margin-top:10px;padding-left:20px;background:url('/image/sub/bl_vCheck.png') 0 3px no-repeat;color:#666;font-size:13px;line-height:1.4;}
div.withdraw p.ac {padding:20px 0 40px;}
div.withdraw p.border {padding:20px 0;border-top:1px solid #b7b7b7;color:#4a38a5;font-weight:bold;text-align:center;}

div.withdraw dl,
div.withdraw p.btn {float:left;}
div.withdraw dt {clear:none;padding-left:20px;text-align:center;}
div.withdraw dt:first-child {padding-left:0;}
div.withdraw div.formArea dd input {width:240px;}
div.withdraw p.btn {padding:20px 0 0 20px;width:90px;height:33px;}
div.withdraw p.btn * {width:100%;height:100%;}

div.withdrawCom {padding:80px 0 50px;border:2px solid #ededed;text-align:center;}
div.withdrawCom img {display:block;margin:0 auto 20px;}

div.withdrawCom p.btn {padding-top:30px;}
div.withdrawCom p.btn * {width:100px;}