
/* 공통 스타일 */
.fcPoint {color: #3956a6 !important;} /* 파란색 */
.fcRed {color: #e91e5c !important;}
.ffNanumSquare {font-family: 'NanumSquareR', sans-serif;}

/* 버튼 및 Form 태그 */
i.essen {padding-left:5px;font-size:4px;}

table.inputTbl .label,
table.inputTbl th label {padding:0;}

table.inputTbl .label i,
table.inputTbl th label i {position:static;}


input[type=text],
input[type=password],
input[type=file] {width:auto;padding:2px 10px}


.btn a,
.btn input,
.btn button {display:inline-block;text-decoration:none;cursor:pointer;height:34px;padding:0 10px;font-size:14px;line-height: 20px;border:1px solid #ccc;vertical-align:top;}

.btn a {height:19px;line-height:19px;padding:5px 15px 8px;}

/* 파란색 */		.btnDef {background-color:#1f4bb4 !important;border-color:#1f4bb4 !important;color:#fff !important;}
/* 하늘색 */		.btnPoint {background-color:#00baf2 !important;border-color:#00baf2 !important;color:#fff !important;}
/* 회색 */			.btnGrey {background-color:#606060 !important;border-color:#606060 !important;color:#fff !important;}
/* 연회색 */		.btnLGrey {background-color:#ebedf5 !important;border-color:#ebedf5 !important;color:#2a2a2a !important;}



/* border+파란색 */			.btnBdDef {background-color:#fff !important;border-color:#1f4bb4 !important;color:#1f4bb4 !important;}
/* border+ 하늘색 */			.btnBdPoint {background-color:#fff !important;border-color:#00baf2 !important;color:#00baf2 !important;}
/* border+ 회색 */				.btnBdGrey {background-color:#fff !important;border-color:#606060 !important;color:#606060 !important;}


span.btn {display: inline-block;vertical-align: top;}

.btn .btnSmall {font-size: 12px;height: 27px;padding:0 16px;border-radius:3px;vertical-align:top;}
.btn a.btnSmall {height:18px;padding: 1px 16px 2px;}

.btn .btnBig {min-width:160px;height: 50px;padding:0 30px;font-size:1.2em;}
.btn a.btnBig {min-width:100px;height: 28px;padding: 12px 30px 8px;}

.btn a img {vertical-align:middle;margin-top:-2px;}

table.inputTbl .btnSmall {height:32px;padding:0 10px;}
table.inputTbl a.btnSmall {height:auto;padding:5px 10px 6px;}


table.inputTbl .btnSmall {height:32px;padding:0 10px;}
table.inputTbl a.btnSmall {height:auto;padding:5px 10px 6px;}


span.withIcon,
span.withIcon_R {position:relative;}
span.withIcon input {padding-left:30px;}
span.withIcon i {position:absolute;left:10px;top:50%;font-size:14px;margin-top:-6px;color:#fff;cursor:pointer;}

span.withIcon_R {}
span.withIcon_R input {padding-right:30px;}
span.withIcon_R i {position:absolute;right:10px;top:50%;font-size:14px;margin-top:-6px;color:#fff;cursor:pointer;}




/* 테이블 디자인 */
table.tblDef {border-top:2px solid #1f4bb4;}
table.tblDef th,
table.tblDef td {padding:10px;text-align:left;border-left:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;text-align: center;}
table.tblDef th {background-color:#f6f6f6;color:#393939;}
table.tblDef thead th {background-color: #e8edf7;}
table.tblDef tr > *:first-child {border-left:0 none;}
table.tblDef a {color:inherit;}

table.inputTbl {margin-top:10px;border-top:2px solid #1f4bb4;border-bottom:1px solid #c9cfd6;}
table.inputTbl th,
table.inputTbl td {padding:10px;text-align:left;border-top:1px solid #e1e3e6;}
table.inputTbl tr:first-child > * {border-top:0 none;}
table.inputTbl th {border-right:1px solid #c9cfd6;background-color:#f9f9f9;color:#393939;text-align:center;}

table.inputTbl td.pluginArea,
table.inputTbl td.editArea {padding:0;}

table.inputTbl textarea {width:95%;height:50px;}

table .bdLeft {border-left:1px solid #dcdcdc !important;}



/* 탭메뉴 & 서브메뉴(탭메뉴 스타일) */
ul.tabMenu,
ul.subMenu {overflow: hidden;border: 1px solid #3e58a1;border-bottom: 0 none;border-left: 0 none;margin-bottom:30px;}
ul.tabMenu a,
ul.subMenu a {text-decoration:none;}

ul.tabMenu > li,
ul.subMenu > li {float: left;width: 50%;}

ul.tabMenu > li a,
ul.subMenu > li a {display: block;padding: 12px 0 17px;text-align: center;border-left: 1px solid #3e58a1;border-bottom: 1px solid #3e58a1;color: #3e58a1;font-size: 18px;background-color: #fcfcfc;}

ul.tabMenu .on a,
ul.subMenu .on a {color: #fff;background-color: #3e58a1;}

ul.menu03 > li {width: 33.3%;}
ul.menu03 > li:first-child {width: 33.4%;}

ul.menu04 > li {width: 25%;}


.ing {padding:100px 0;text-align:center;}



ul.col2ea,
ul.col3ea {overflow: hidden;}

ul.col2ea li,
ul.col3ea li {float: left;}

ul.col2ea li {width: 50%;}

ul.col3ea li {width: 33%;}
ul.col3ea li.clear {width: 34%;}





/* ========================================================================================================== */
/* ==================================================== 게시판 ================================================ */
/* ========================================================================================================== */
div.bbsSearch {position:relative;overflow:hidden;margin-bottom:20px;padding:10px;background-color:#fafafa;}
div.bbsSearch form {text-align:center;}
div.bbsSearch select,
div.bbsSearch input[type=text],
div.bbsSearch span.withIcon_R {margin-left:5px;}

div.bbsSearch select {width:100px;height:35px;}
div.bbsSearch input[type=text] {width:250px;height:25px;padding:4px 30px 4px 10px;}

div.bbsSearch span.search {display:inline-block;width:20px;height:35px;margin-left:-30px;}
div.bbsSearch span.search input {width:100%;height:100%;padding:0;border:0 none;}
div.bbsSearch span.search i {left:0;color:#5f5f5f;font-size:20px;margin-top:-10px;}

div.bbsSearch span.btn input {height:35px;padding:0 30px 1px 10px;background-color:#319ce9 !important;}
div.bbsSearch span.btn i {color:#9bc4ed;margin-top:-7px;}

div.bbsSearch div.btn {position:absolute;left:10px;top:50%;margin-top:-17px;}


.bbsNote {overflow:hidden;padding-bottom:5px;font-weight:bold;}

table.bbsTbl {border-top:2px solid #1f4bb4;}
table.bbsTbl th,
table.bbsTbl td {padding:5px;border-bottom:1px solid #e1e3e6;border-left:1px solid #e1e3e6;text-align:center;font-size:15px;}
table.bbsTbl tr > *:first-child {border-left:0 none;}

table.bbsTbl th,
table td.bg {padding:10px 5px;background-color:#f9f9f9;color:#393939;font-weight:bold;}
table.bbsTbl tbody th {background-color:#f9f9f9;}

table.bbsTbl a {text-decoration:none;color:inherit;}
table.bbsTbl td a img {vertical-align:middle;}

table.bbsTbl span.blNotice {display:inline-block;padding:0 5px 3px;background-color:#1f4bb4;color:#fff;}
table.bbsTbl td.tit {text-align:left;}
table.bbsTbl td.tit a {float:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;width:100px;color:inherit;line-height:20px;}

table.bbsTbl td.tit span.bullet {float:left;padding-left:5px;}
table.bbsTbl td.tit span.count {line-height:20px;}
table.bbsTbl td.tit span.count span {color:#f00;}
table.bbsTbl td.tit span.new {display:inline-block;width:19px !important;padding:2px 0 4px 1px;background-color:#e53e3e;color:#fff;font-size:14px;line-height:14px;text-align:center;}

table.bbsTbl td.btn > * {min-width:15px;border-width:1px;padding:5px;border-radius:0;}
table.bbsTbl td.btn i {padding-top:3px;}

table.bbsTbl tr.bg > * {background-color:#f8f8f8;}

table.bbsTbl td.file {text-align:left;}
table.bbsTbl td.con {padding:10px;text-align:left;}

table.bbsTbl a.btnSmall {padding:4px 5px;}

.bbsUtil {position:relative;margin:50px 0 70px;}
.bbsUtil:after {display:block;clear:both;height:0;line-height:0;font-size:0;content:".";}
div.bbsUtil .btn > * {min-width:80px;padding:4px 10px 7px;text-align:center;}

ul.pager {text-align:center;}
ul.pager li,
ul.pager a {display:inline-block;vertical-align:top;}
ul.pager a {width:20px;line-height:28px;text-decoration:none;color:#5a5a5a;}
ul.pager a.on {font-weight:bold;color:#2b63b8;}

ul.pager li.first a,
ul.pager li.prev a,
ul.pager li.next a,
ul.pager li.last a {width:28px;}
ul.pager img {width:100%;}




/* 댓글 작성 */
div.reply {margin-bottom:50px; border-bottom:1px solid #e1e3e6;}
div.reply a {text-decoration:none;}
div.reply div.replyWrite {position:relative;overflow:hidden; padding:20px; background-color:#fafafa;}
div.reply div.replyWrite textarea {float:left;width:728px;height:86px;}
div.reply div.replyWrite input[type=submit] {float:right;width:120px;height:100px;border:1px solid #1f4bb4;color:#fff;background-color: #1f4bb4;}

dl.replyItem {position:relative;color:#666;}
div.reply > dl.replyItem {padding-top:25px; border-top:1px solid #ddd;}
div.reply > dl.replyItem:first-child {border-top:0 none;}
dl.replyItem dt {padding:0 10px 0 18px;}
dl.replyItem dd.con {padding:12px 10px 24px 18px;}

dl.replyItem dt {font-weight:bold;}
dl.replyItem dt span {font-weight:normal;}

dl.replyItem dd.util {position:absolute;right:10px;top:10px;padding:0;}
dl.replyItem dd.reply dd.util {right:-10px;}

dl.replyItem dd.util a {font-size:12px;color:#666;}
dl.replyItem dd.util li {padding-left:10px;background:url('/image/icon/bbsBl_bar.gif') 5px 8px no-repeat;}
dl.replyItem dd.util li:first-child {padding-left:0;background:none;}

div.reply > dl.replyItem > dd.reply {border-top:1px solid #e1e3e6;}


dl.replyItem dd.info {margin-top:10px; color:#989898;}
dl.replyItem dd.reply,
dl.replyItem dd.write {padding:20px 26px 23px 37px; background:url('/image/icon/bbsBl_reply.png') 16px 21px no-repeat;}

dl.replyItem dd.reply dt,
dl.replyItem dd.reply dd {padding:0;}
dl.replyItem dd.cont {line-height:24px;}

dl.replyItem dd.write {background-color:#f7f7f7;}
dl.replyItem dd.write div.replyWrite {padding:0;}
dl.replyItem dd.write div.replyWrite label {position:absolute;left:14px;top:10px;color:#989898;}
dl.replyItem dd.write div.replyWrite textarea {width:700px;height:62px;padding-top:29px;}







/* ========================================================================================================== */
/* ===================================================== Sub ================================================= */
/* ========================================================================================================== */

/* 인사말 */
div.message {}
div.message p {padding-top: 20px;}
div.message p:first-child {padding-top: 0;}
div.message p.sign {padding-top: 50px;text-align: right;}
div.message p.sign img {padding-left: 15px;vertical-align: middle;}



/* 연혁 */
dl.history {overflow: hidden;padding: 30px 0;background: url('/image/sub/history_bg.png') 4px 0 repeat-y;}
dl.history > dt,
dl.history > dd {float: left;width: 718px;}
dl.history > dt {width: 98px;margin-top: 15px;padding: 1px 30px 2px 24px;background: url('/image/sub/history_titBg.png') 0 0 no-repeat;color: #fff;text-align: center;font-size: 18px;}
dl.history > dd {padding:0 20px;border-top: 1px dotted #8fa5d9;}


dl.history dl {padding-left:134px;color: #393939;}
dl.history dl dt {position: relative;margin-top: 20px;}
dl.history dl dt span {position: absolute;left: -134px;top: 0;width: 104px;padding-right: 20px;background: url('/image/sub/history_bar.png') right 12px no-repeat;font-size: 16px;font-weight: bold;letter-spacing:-1px;text-align: center;}
dl.history dl dd {}

dl.history:first-child {background-position: 4px 58px;background-repeat: no-repeat;}
dl.history:first-child > dd {border-top: 0 none;}
dl.history.last {background-position: 4px -160px;background-repeat: no-repeat;}


/* 회칙 */
div.rule {}
div.rule p.history {text-align: right;font-weight: bold;color: #1f4bb4;}
div.rule .subTitBg {background-color: #dceaff;color: #1f4bb4;font-weight: bold;}

div.rule > dl {}

div.rule dt {padding-top: 20px;font-weight: bold;}
div.rule dt:first-child {padding-top: 0;}

div.rule li {padding-left: 15px;text-indent: -15px;}
div.rule li a,
div.rule li span {text-indent: 0;}

div.rule > dl > dd > ul > li {margin-top: 8px;}


/* 사무실 약도 */
div.mapArea {height: 360px;background-color: #f8f8f8;}



/* 학술대회 */
dl.eventItem {margin-top:30px;border-top:2px solid #1f4bb4;}
dl.eventItem > dt {padding:10px 0 12px;background-color:#f6f6f6;text-align:center;color:#1f4bb4;font-weight:bold;}
dl.eventItem ul {border-bottom:1px solid #c9cfd6;padding:10px 40px 20px;}
dl.eventItem li {padding-top:10px;}
dl.eventItem dd.btn {padding:10px 0;text-align:right;}
dl.eventItem dd.con {padding:30px 10px;border-bottom:1px solid #c9cfd6;}


/* 달력 */
div.calendarUtil {position:relative;height:36px;padding:8px 0;margin:30px 0;}
div.calendarUtil:first-child {margin-top:0;}

div.calendarUtil div.month {position:absolute;left:50%;top:0;width:180px;padding:0 50px;margin-left:-140px;color:#000;font-size:30px;text-align:center;letter-spacing:-1px;}
div.calendarUtil div.month a {position:absolute;top:0;width:40px;padding:8px 0 4px;}
div.calendarUtil div.month a i {font-size:40px;color:#000;}
div.calendarUtil a.prev {left:0;}
div.calendarUtil a.next {right:0;}

div.calendarUtil div.sort {float:right;}
div.calendarUtil div.sort select {float:left;height:36px;margin-left:5px;}
div.calendarUtil div.sort select:first-child {margin-left:0;}

div.calendarUtil ul.note,
div.calendarUtil li {float:left;}
div.calendarUtil ul.note {padding-top:7px;}
div.calendarUtil li,
div.calendarUtil span.bullet {margin-left:20px;}
div.calendarUtil li:first-child {margin-left:0;}

.calType01,
.calType02 {display:inline-block;padding:0 5px 2px;border-radius:9px;text-align:center;color:#fff;font-size:9px;}
.calType01 {background-color:#1f4bb4;}
.calType02 {background-color:#00baf2;}


div.calendarUtil .calType01,
div.calendarUtil .calType02 {padding:0 10px 2px;border-radius:10px;font-size:12px;}

table.calendar {border-top:2px solid #1f4bb4;border-right:1px solid #d5d5d5;}
table.calendar th,
table.calendar td {border-bottom:1px solid #d5d5d5;border-left:1px solid #d5d5d5;}
table.calendar th {height:64px;background-color:#f8f8f8;color:#404040;font-size:15px;font-weight:bold;}

table.calendar td {position:relative;height:100px;padding:5px;vertical-align:top;}
table.calendar td.event {background-color:#f9f9f9;}

table.calendar td a {text-decoration:none;}
table.calendar td > span,
table.calendar td > a {display:block;color:#383838;}
table.calendar td > a {position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:120px;font-size:12px;}
table.calendar td > a:hover,
table.calendar td > a:focus {text-decoration:underline;}
table.calendar a.more {position:absolute;right:5px;bottom:5px;width:30px;border-radius:10px;padding:2px 0;background-color:#656565;color:#fff;font-size:14px;text-align:center;}

table.calendar .sun {color:#e0145c;}
table.calendar .sat {color:#1f4bb4;}


/* 회원검색*/
div.memberSearch {padding-bottom:50px;}



/* 구인구직 검색 */
div.jobSearch {overflow:hidden;padding:20px 40px;margin-bottom:30px;background-color:#fafafa;}

div.jobSearch dl,
div.jobSearch dt,
div.jobSearch dd,
div.jobSearch p.btn {float:left;}

div.jobSearch dt {width:85px;padding-left:20px;text-align:center;}
div.jobSearch dt:first-child {padding-left:0;}
div.jobSearch dt label {line-height:30px;font-size:14px;}
div.jobSearch dd * {float:left;margin-left:5px;}
div.jobSearch dd *:first-child {margin-left:0;}
div.jobSearch select {width:160px;height:30px;}

div.jobSearch dl.clear,
div.jobSearch p.btn {padding-top:10px;}
div.jobSearch dl.clear select {width:130px;}
div.jobSearch dl.clear input {width:320px;height:22px;padding:3px 10px;}
div.jobSearch p.btn {margin-left:5px;}
div.jobSearch p.btn * {width:73px;height:30px;}


/* 관련사이트 */
div.relSite table.tblDef {margin-top: 20px;}
div.relSite table.tblDef td {vertical-align: top;text-align: left;}
div.relSite table.tblDef td:first-child {vertical-align: middle;text-align: center;}

div.relSite table.ac {border: 1px solid #dcdcdc;border-bottom: 0 none;}

div.relSite a {text-decoration: none;color: inherit;}

div.relSite ul.col3ea {margin-top: 10px;border-bottom:1px solid #dcdcdc;}
div.relSite ul.col3ea a {display: block;padding: 5px 0;border-right: 1px solid #dcdcdc;border-top: 1px solid #dcdcdc;text-align: center;}
div.relSite ul.col3ea li.clear a {border-left: 1px solid #dcdcdc;}

/* 회원가입 */
div.join {}
div.join h3 {padding-bottom:30px;}

div.joinInfo {padding:30px 40px 30px 210px;margin-bottom:30px;border:1px solid #ebedf5;color:#393939;background:url('/image/sub/joinBg.png') 52px center no-repeat;}


div.agreeCon {overflow-x:hidden;overflow-y:auto;height:200px;padding:20px 40px 40px;margin-bottom:10px;border:1px solid #dedede;}

div.agreeCon > * {padding-top:10px;}
div.agreeCon h5 {font-size:1em;}
div.agreeCon dt {font-weight:bold;padding-top:10px;}
div.agreeCon dt:first-child {padding-top:0;}

div.agreeCon > dl > dt {padding-top:30px !important;}
div.agreeCon > dl > dd {padding-top:10px;}
div.agreeCon > dl > dd > * {padding-top:10px;}
div.agreeCon > dl > dd > *:first-child {padding-top:0;}
div.agreeCon ul ul {padding-left:10px;}
div.agreeCon li {padding-left:18px;text-indent:-18px;}
div.agreeCon li a,
div.agreeCon li span {text-indent:0;}


div.joinCom {padding:100px 0 50px;text-align:center;}
div.joinCom,
div.joinCom a {color:#393939;}
div.joinCom p {}
div.joinCom p:first-child {padding-top:180px;color:#1f4bb4;font-size:16px;font-weight:bold;background:url('/image/sub/joinBg_com.png') center top no-repeat;}

div.joinCom ul {overflow:hidden;width:500px;padding:12px 0;margin:20px auto 0;background-color:#fdfdfd;}
div.joinCom li {float:left;width:250px;}
div.joinCom img {padding-right:10px;vertical-align:middle;}


/* ID/PW 찾기 */
div.findInfo {}
div.findInfo h3 {margin:80px 0 10px;color:#1f4bb4;}

div.findInfo > div {padding:35px;border:3px solid #ededed;}

div.findInfo p.note {padding:0 0 30px 270px;color:#666;background-position:30px 0;background-repeat:no-repeat;}
div.findId p.note {background-image:url('/image/sub/findBg_id.png');}
div.findPwd p.note {background-image:url('/image/sub/findBg_pwd.png');}

div.findInfo div.formArea {position:relative;padding:10px 50px 30px;border:1px solid #bcbcbc;background-color:#f6f6f6;}

div.findInfo dl {overflow:hidden;}
div.findInfo dt,
div.findInfo dd {float:left;padding-top:20px;}
div.findInfo dt {clear:both;width:90px;}
div.findInfo dd input {width:250px;padding:7px 10px;}
div.findInfo dd.email input {width:150px;}
div.findInfo dd select {width:120px;height:34px;}

div.findInfo dl label,
div.findInfo dl span {display:inline-block;line-height:34px;}


div.findInfo p.btn {position:absolute;right:50px;bottom:30px;width:110px;}
div.findInfo p.btn * {width:100%;height:100%;border:0 none;padding:0;font-size:16px;font-weight:bold;}

div.findId p.btn {height:88px;}
div.findPwd p.btn {height:142px;}


div.findId div.result {display:none;position:absolute;left:0;top:0;width:100%;height:100%;font-size:16px;color:#444;background-color:#f6f6f6;text-align:center;line-height:140px;}
div.findId div.result span {font-weight:bold;color:#cf3457;}
div.findId div.result span:first-child {color:#5ca6e3;}



/* My Page */
div.mypage {}
div.mypage div.bdArea {margin-bottom:30px;}

/* add style - 26.03.02 mj.park */
.form-group-text{
    display: flex;
    gap: 5px 10px;
}
.form-group-text input[type="text"]{
    width: 150px !important;
}
.required{
    color: #cf3457;
}
.form-group.has-btn{
    display: flex;
    gap: 10px;
}
.form-group.has-btn > a,
.form-group.has-btn > button{
    display: inline-block;
    width: auto;
    height: 32px;
    padding: 5px 10px;
    background-color: #555;
    color: #fff;
    font-size: 13px;
    vertical-align: top;
    box-sizing: border-box;
    text-decoration: none;
}
.text-right{
    text-align: right;
}
.text-center{
    text-align: center;
}

.term-conbox{
    overflow-y: auto;
    max-height: 150px;
    border: 1px solid #ddd;
    padding: 20px;
}
.term-wrap .radio-wrap{
    margin-top: 10px;
    text-align: center;
}
.join .subTit_bl{
    padding-bottom: 15px;
}
.radio-wrap,
.chechbox-wrap{
    display: flex;
    gap: 5px 10px;
}
.radio-wrap.text-cetner,
.checkbox-wrap.text-center{
    justify-content: center;
}
.radio-wrap.text-right,
.checkbox-wrap.text-right{
    justify-content: end;
}
.inputTbl td .btn{
    display: inline-block;
    margin: 0 5px;
    padding: 5px 12px;
    background-color: #5F5F5F;
    color: #fff;
    vertical-align: top;
    text-decoration: none;
}
.list-type-text > li{
    display: flex;
    gap: 5px;
}
.list-type-text > li span{
    flex: 0 0 auto;
}
.signup-complete{
    padding: 50px 0;
    font-size: 16px;
    text-align: center;
}
.signup-complete .tit{
    display: block;
    margin-bottom: 10px;
    color: #1F4BB4;
}
.signup-complete .img-wrap{
    margin-bottom: 20px;
}
.signup-complete .text-wrap{
    font-size: 16px;
}
.signup-complete .info-list{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 60px;
    width: auto;
    padding: 20px 60px;
    margin-top: 20px;
    background-color: #FDFDFD;
}
.signup-complete .info-list a{
    text-decoration: none;
    color: #393939;
}
.signup-complete .info-list > li img{
    display: inline-block;
    margin: 0;
    margin-top: -3px;
    margin-right: 10px;
    vertical-align: middle;
}
.bg-img-box{
    display: flex;
    align-items: center;
    gap: 60px;
    padding: 20px 50px;
    margin-bottom: 40px;
    border: 1px solid #EBEDF5;
    line-height: 1.7;
}
.bd-box{
    padding: 20px 50px;
    margin-bottom: 40px;
    border: 1px solid #7995D7;
    line-height: 1.7;
}
.btn a.btnBig{
    width: auto;
}
.fcBlue{
    color: #1F4BB4 !important;
}