@charset "utf-8";

.fwBold {font-weight: 700 !important;}

/*  Mobile : ~ width:839px  */
@media screen and (max-width: 959px) {
.mobileOnly,
.pcOnlyNote {display: block !important;}
.pcOnly {display: none !important;}
a.mobileOnly,
span.mobileOnly {display: inline-block !important;}
}


/* PC : width:960px ~ */
@media screen and (min-width: 960px) {
.mobileOnly,
.pcOnlyNote {display: none !important;}
.pcOnly {display: block !important;}
a.pcOnly,
span.pcOnly {display: inline-block !important;}
}


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

img {max-width:100%;}

a.conLink {text-decoration:none;color: inherit;}
a.conLink:hover,
a.conLink: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'],
textarea {height:35px;padding:5px 10px 7px;border:1px solid #cacaca;box-sizing:border-box;}
select {height:35px;padding:0;}
textarea {height:150px;}

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:not(#content_parent) {display:inline-block;} /* 에디터 id부분만 적용안되도록 예외처리 김상훈 K 2018-07-19 */



/* 버튼 영역 */
.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 15px 2px;font-size:15px;border-style:solid;border-width:1px;border-radius:4px;vertical-align:top;text-align: center !important;}

.btn a {height:auto;line-height: 19px;padding: 7px 15px 7px;}
.btn a img {padding-right:5px;vertical-align:top;}
.btn i {padding-right: 5px;}

span.btn {display:inline-block;vertical-align:top;}

.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);}
a.btnBg {display:block;height:100%;text-indent:-10000px;}

.btn .btnArr,
.btn .btnCancel {background-position:right center;background-repeat:no-repeat;}
.btn .btnArr {background-image:url('/image/btn/btnBl_arr.png');background-position:right center;background-repeat:no-repeat;text-align: left !important;}
.btn .btnCancel {background-image:url('/image/btn/btnBl_cancel.png');background-position:right center;background-repeat:no-repeat;}

.btn .fullBtn {width:100%;font-size:16px;}
.btn a.fullBtn {padding:7px 0 8px;}




/* 큰 버튼 height:24px */
.btn .btnBig,
div.btnArea a,
div.btnArea input,
div.btnArea button {min-width:100px;height:50px;padding:10px 30px 8px;font-size:1.2em;font-weight:normal;}
.btn a.btnBig,
div.btnArea a {min-width:58px;height:auto;padding:14px 20px 15px;}

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

/* 작은 버튼 height:24px */
.btn .btnSmall {height:24px;padding:1px 10px 2px;font-size:12px;}
.btn a.btnSmall {height:auto;padding:5px 10px 5px;line-height:14px;}

table.inputTbl .btnSmall {height:25px;font-size:12px;}
table.inputTbl a.btnSmall {height:18px;padding:2px 13px 3px;}


/* 하늘색 */			.btn .btnDef {background-color:#42a9f6;border-color:#42a9f6;color:#fff !important;}
/* 남색 */				.btn .btnPoint {background-color:#2d3c8d;border-color:#2d3c8d;color:#fff !important;}
/* 회색 */				.btn .btnGrey {background-color:#5d5d5d;border-color:#5d5d5d;color:#fff !important;}
/* 연회색 */			.btn .btnLGrey {background-color:#ddd;border-color:#ddd;color:#3c4046 !important;}


/* border+하늘색 */		.btn .btnBdDef {background-color:#fff;border-color:#42a9f6;color:#42a9f6 !important;}
/* border+남색 */			.btn .btnBdPoint {background-color:#fff;border-color:#2d3c8d;color:#2d3c8d !important;}
/* border+회색 */			.btn .btnBdGrey {background-color:#fff;border-color:#5d5d5d;color:#5d5d5d !important;}





/* 파일 찾기 */
div.selectFile {position:relative;width: 100%;margin: 0 !important;}
div.selectFile p {margin: 0;}
div.selectFile p input[type=text] {width: 100%;height: 30px;padding: 6px 10px;}
div.selectFile span.find {position: absolute;right: 0;top: 0;width:82px;height:35px;background:url('/image/icon/btn_browse.png') center center no-repeat;background-color:#000;}
div.selectFile span.find input {width:100%;height:100%;padding: 0;border: 0 none;}

div.selectFile p.btn {padding-left: 10px;}
div.selectFile p.btn * {border-radius:0;}
div.selectFile p.btn a {padding: 5px 15px 4px;}

.multi div.selectFile {float: none;}


/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
a.conLink {word-break:break-all;}

.btn .btnArr,
.btn .btnCancel {padding-right: 30px;background-size:26px;}
.btn .btnArr {background-image:url('/image/btn/m_btnBl_arr.png');}
.btn .btnCancel {background-image:url('/image/btn/m_btnBl_cancel.png');}
.btn a img {width:10px;padding-top:2px;}
}


/* PC : width:961px ~ */
@media screen and (min-width: 961px) {
div.btnArea.btn2ea *,
div.btnArea.btn2ea * {min-width:120px;padding:10px 10px 8px;}

.btn a img {width:14px;}
.btn .btnArr,
.btn .btnCancel {padding-right:60px;}
}




div.formArea > dl {border-top: 1px solid #c3c3c3;}
div.formArea > dl > dt,
div.formArea > dl > dd {border-bottom:1px solid #c3c3c3;}
div.formArea > dl > dt {padding: 5px 10px;background-color: #f8f8f8;}

div.formArea > dl > dd {padding:10px;}
div.formArea > dl > dd ul, div.formArea > dl > dd li,
div.formArea > dl > dd dt, div.formArea > dl > dd dd {margin: 0;padding: 0;list-style:none;}

div.formArea dt,
div.formArea dt span,
div.formArea dt label {font-weight:bold;line-height: 33px;}

div.formArea textarea,
div.formArea select,
div.formArea input[type=text],
div.formArea input[type=password] {width:100%;}

div.formArea select,
div.formArea input[type=text],
div.formArea input[type=password] {height:35px;}

div.formArea span.note {clear: both;color: #f00;font-size: 0.9em;line-height: 1.2 !important;}

div.formArea .multi {overflow:hidden;}
div.formArea .multi > * {float:left;}
div.formArea .multi > div,
div.formArea .multi > input[type=checkbox],
div.formArea .multi > input[type=radio] {margin-left:40px;}
div.formArea .multi > input[type=checkbox],
div.formArea .multi > input[type=radio] {margin-top: 10px;}

div.formArea .multi > label,
div.formArea .multi > span {line-height: 33px;}

div.formArea .date > span,
div.formArea .date > select,
div.formArea .date >  input[type=text] {width:30%;margin-left:2%;}

div.formArea .multi > label,
div.formArea .multi > *:first-child,
div.formArea .multi *.clear {margin-left:0 !important;}

.ie9 div.formArea textarea,
.ie9 div.formArea select,
.ie9 div.formArea input[type=text],
.ie9 div.formArea input[type=password] {width:99%;}


div.formArea .date {}
div.formArea .date > span {position:relative;padding-right:31px;border:1px solid #cacaca;box-sizing:border-box;}
div.formArea .date > span input[type=text] {height:33px;padding:4px 10px 6px;border:0 none;text-align:right;}
div.formArea .date > span span {position:absolute;right:10px;top:50%;margin-top:-16px;}
div.formArea .date label {line-height: 33px;}
div.formArea .date input[type=radio] {margin: 10px 5px 0 20px;}

div.formArea .email {overflow:hidden;position:relative;padding-right:20px !important;}
div.formArea .email span {position:absolute;right:0;top:0;height:35px;line-height:35px;}

div.formArea .email input[type=text],
div.formArea .email select {width:49.5%;margin-top:5px;}
div.formArea .email input[type=text] {float:left;}
div.formArea .email select {float:right;}
div.formArea .email input[type=text]:first-child {width:100%;margin-top:0;}

div.formArea .phone {}
div.formArea .phone select,
div.formArea .phone input[type=text] {width:30%;margin-left:0;}
div.formArea .phone span {width:5%;text-align:center;line-height:35px;}

div.formArea .office {overflow:hidden;}
div.formArea .office > * {width:49.5%;}
div.formArea .office input[type=text] {float:right;width:49.5%;}
div.formArea .office select {float:left;}

div.formArea .address {}
div.formArea .address input[type=text] {width: 39%;margin: 5px 0 0 1%;}
div.formArea .address input[type=text]:first-child {width: 20%;margin-top: 0;margin-right: 5px;}
div.formArea .address input[type=text].clear {width: 60%;}

div.formArea .textArea {padding:10px;}

div.formArea dd p.note {padding:0 0 0 20px;margin-top:5px;color:#f90008;font-size:0.9em;}

div.formArea div.fixedBtn {position:relative;padding-right: 92px;}
div.formArea div.fixedBtn span.btn {position:absolute;right:0;top:0;}

div.formArea ul.category {overflow: hidden;padding: 0;}
div.formArea ul.category li {float: left;width: 50%;overflow: hidden;}
div.formArea ul.category li > * {float: left;margin-left: 5px;}
div.formArea ul.category label {line-height: 35px;}
div.formArea ul.category input[type=checkbox],
div.formArea ul.category input[type=radio] {margin-top:11px;}

div.formArea .account {}
div.formArea .account:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
div.formArea .account > * {float: left;width: 25% !important;}
div.formArea .account label {text-align: center;line-height: 35px;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.formArea img.essenImg {width:4px;margin-top: -4px;}

div.formArea > dl > dt,
div.formArea > dl > dd {padding:10px;}


div.formArea dd p.note {background:url('/image/icon/m_bl_note.png') left 2px no-repeat;background-size:12px;}


div.formArea .multi > input[type=checkbox],
div.formArea .multi > input[type=radio] {margin-top:8px;}

div.formArea .account > * {margin-top: 5px;}
div.formArea .account label {clear: both;margin-top: 5px;}
div.formArea .account input {width: 75% !important;}

}



/* PC : width:961px ~ */
@media screen and (min-width: 961px) {
div.formArea img.essenImg {vertical-align:middle;margin-top:-2px;}

div.formArea dd p.note {background:url('/image/icon/bl_note.png') left 4px no-repeat;}

div.formArea  input[type=checkbox],
div.formArea  input[type=radio] {margin-top:5px;}

textarea {height:200px;}


div.formArea img.essenImg {width:6px;}
div.formArea dt {font-size: 14px;}

}



/* ========================================================================================================== */
/* =============================================== 테이블 공통 CSS =============================================== */
/* ========================================================================================================== */

/* 기본 table */
table.tblDef {border-top:2px solid #42a9f6;}

table.tblDef > * > tr > th,
table.tblDef > * > tr > td {padding:6px 10px 7px;border-bottom:1px solid #dbdbdb;text-align:left;color:#222;}
table.tblDef > * > tr > th {background-color:#f7f7f7;}
table.tblDef > thead > tr > th {background-color:#f2f3f8;color: #2d3c8d;}

table.tblDef2 {border-top:2px solid #42a9f6;}

table.tblDef2 > * > tr > th,
table.tblDef2 > * > tr > td {padding:6px 10px 7px;border-bottom:1px solid #dbdbdb;color:#222;text-align:center}
table.tblDef2 > * > tr > th {background-color:#f7f7f7;text-align:center}
table.tblDef2 > thead > tr > th {background-color:#f2f3f8;color: #2d3c8d;text-align:center}



table.tblDef3 {border-top:2px solid #9b5ba6;}

table.tblDef3 > * > tr > th {padding:6px 10px 7px;border-bottom:1px solid #dbdbdb;color:#222;text-align:center}
table.tblDef3 > * > tr > td {padding:6px 10px 7px;border-bottom:1px solid #dbdbdb;color:#222;}
table.tblDef3 > * > tr > td.btn {padding:6px 10px 7px;border-bottom:1px solid #dbdbdb;color:#222;text-align:center;}
table.tblDef3 > thead > tr > th {background-color:#d8c0dc;color: #2d3c8d;text-align:center}



table.ac > * > tr > th,
table.ac > * > tr > td {text-align:center;}

table.al > * > tr > td {padding:6px 10px 7px !important;text-align:left !important;}
table > * > tr > td.al {padding-left:10px;text-align:left;}

table.tblorgan {border-top:2px solid #3b4253;border-right:1px solid #e1e3e6;}
table.tblorgan > * > tr > th,
table.tblorgan > * > tr > td {padding:6px 10px 7px;border-left:1px solid #e1e3e6;border-bottom:1px solid #e1e3e6;color:#333436;text-align:center;}
table.tblorgan > * > tr > th {padding-left:20px;background-color:#f2f3f8;}
table.tblorgan > * > tr > td.pluginArea {padding: 0;}

table.tblorgan .bg {background-color:#eee;line-height: 35px;}


table.tblorgan > * > tr > td label,
table.tblorgan > * > tr > td > span {line-height:22px;padding-bottom:3px;vertical-align:top;}
table.tblorgan > * > tr > td > span {font-size:12px;}
table.tblorgan > * > tr > td > span.note {color:#dd3131;}
table.tblorgan > * > tr > td > span.btn {padding-bottom:0;}




table.inputTbl {border-top:2px solid #3b4253;border-right:1px solid #e1e3e6;}
table.inputTbl > * > tr > th,
table.inputTbl > * > tr > td {padding:6px 10px 7px;border-left:1px solid #e1e3e6;border-bottom:1px solid #e1e3e6;color:#333436;text-align:left;}
table.inputTbl > * > tr > th {padding-left:20px;background-color:#eee;}
table.inputTbl > * > tr > td.pluginArea {padding: 0;}

table.inputTbl .bg {background-color:#eee;line-height: 35px;}


table.inputTbl > * > tr > td label,
table.inputTbl > * > tr > td > span {line-height:22px;padding-bottom:3px;vertical-align:top;}
table.inputTbl > * > tr > td > span {font-size:12px;}
table.inputTbl > * > tr > td > span.note {color:#dd3131;}
table.inputTbl > * > tr > td > span.btn {padding-bottom:0;}


table.inputTbl input[type="text"], 
table.inputTbl input[type="password"] {height: 35px;}

table.inputTbl textarea {width:98%;text-align:left;}

table.inputTbl td.multi > * {float:left;margin-left:5px;}
table.inputTbl td.multi > *:first-child {margin-left:0 !important;}
table.inputTbl td.multi input[type=radio],
table.inputTbl td.multi input[type=checkbox] {margin:9px 0 0 20px;}
table.inputTbl td.multi .clear {margin-left:0;}


table.inputTbl td.phone select {width:70px;}
table.inputTbl td.phone input {width:58px;}

table.inputTbl td.address input {width:250px;margin-top:5px;}
table.inputTbl td.address input:first-child {width:70px;margin-top:0;}
table.inputTbl td.address input.clear {width:400px;margin-left:0;}


table.menu {table-layout:fixed;border-top: 1px solid #2d3c8d;border-right: 1px solid #2d3c8d;}
table.menu > * > tr > * {padding: 10px 0;border-left: 1px solid #2d3c8d;border-bottom: 1px solid #2d3c8d;text-align: center;}
table.menu a {text-decoration: none;color: #2d3c8d;line-height: 1.2;}
table.menu td.on {background-color: #2d3c8d;}
table.menu td.on a {color: #fff;}


/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
table.rwTbl,
table.rwTbl tbody,
table.rwTbl tr,
table.rwTbl th, table.rwTbl td,
table.rwThead,
table.rwThead tbody,
table.rwThead tr,
table.rwThead th, table.rwThead td,
table.rwTrHead,
table.rwTrHead tbody,
table.rwTrHead tr,
table.rwTrHead th, table.rwTrHead td {display:block;}

table.rwTbl colgroup,
table.rwTbl col,
table.rwTbl thead,
table.rwThead colgroup,
table.rwThead col,
table.rwThead thead,
table.rwTrHead colgroup,
table.rwTrHead col,
table.rwTrHead thead {display:none;}

table.rwTbl th,
table.rwTbl td {padding:5px 10px;box-sizing:border-box;}

table.rwTbl td {border-left: 0 none;}

table.rwTbl input[type=text],
table.rwTbl input[type=password],
table.rwTbl textarea {width:100%;height:32px;box-sizing:border-box;}
table.rwTbl textarea {height:50px;}

table.rwTbl th label,
table.rwTbl th span {line-height:1.2;}

table.rwThead {}
table.rwThead > tbody > tr {}
table.rwThead td {padding:5px;min-height:1.2em;}
table.rwThead td:before {display:block;float:left;width:30%;content:attr(data-thead);font-weight:bold;}

table.rwTbl tbody tr,
table.rwThead tbody tr {overflow:hidden;border-top:2px solid #202121;}
table.rwTbl > tbody > tr:first-child,
table.rwThead > tbody > tr:first-child {border-top:0 none;}

table.rwTrHead td {padding:0 0 10px;border-left:0 none;}
table.rwTrHead td:before {display:block;padding:7px 0 9px;margin-bottom:10px;content:attr(data-thead);font-weight:bold;text-align:center;background-color:#6460ac;color:#fff;}

}



/* PC : width:961px ~ */
@media screen and (min-width: 961px) {

}




/* ========================================================================================================== */
/* ================================================ 게시판 공통 CSS ============================================== */
/* ========================================================================================================== */

div.bbs {}
div.bbs:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: ".";}

div.bbs .subTitBg {border-bottom:1px solid #c3c3c3;}

p.bbsNote {padding-bottom: 10px;text-align: right;}

dl.bbsItem {position: relative;overflow:hidden;margin: 0;padding:10px;border-bottom:1px solid #c3c3c3;}
dl.bbsItem dt, dl.bbsItem dd {margin: 0;padding: 0;}
dl.bbsItem:first-child {border-top:2px solid #000928;}

dl.bbsItem dt {padding-bottom:5px;}
dl.bbsItem dt a {position:relative;padding-right:40px;display:inline-block;vertical-align:top;}
dl.bbsItem dt img,
img.blNew {width: 16px;margin-top: 2px;vertical-align:top;}

dl.bbsItem span.category {font-weight:bold;color:#2d3c8d;}
dl.bbsItem span.category img {width:30px;}
dl.bbsItem span.tit {position:relative;overflow:hidden;display:inline-block;max-width:100%;color:#000; text-overflow:ellipsis; white-space:nowrap;}
dl.bbsItem span.icon {display:inline-block;position:absolute;right:0;top:50%;margin-top:-11px;}

dl.bbsItem dd.info {float:left;font-size: 0.8em;}
dl.bbsItem dd.info ul {overflow:hidden;margin: 0;padding: 0;}
dl.bbsItem dd.info li {float:left;padding:0 10px;line-height:24px;background:url('/image/common/bbs_bar.png') left center no-repeat;background-size:1px;color:#6c6c6c;list-style:none;}
dl.bbsItem dd.info li:first-child {padding-left:0;background:none;}
dl.bbsItem dd.info li.state > * {display: inline-block;min-width: 50px;line-height: 20px;padding: 2px 5px 2px;text-decoration: none;font-weight: bold;text-align: center;color: #fff;vertical-align: top;}
dl.bbsItem dd.info li.state .apply {background-color: #2339a9;}
dl.bbsItem dd.info li.state .comp {background-color: #0d9b8d;}
dl.bbsItem dd.info li.state .closed {background-color: #a31111;}
dl.bbsItem dd.info li.state .admin {background-color: #0d9b8d;}

dl.bbsItem dd.info ul.itemList li,
dl.bbsItem dd.info ul.ref li {float: none;padding-left: 0;background: none;}
dl.bbsItem dd.info ul.itemList span:first-child {font-weight: bold;color: #000;padding: 0;}
dl.bbsItem dd.btn {float:right;}

div.applyList dt span.btn a {padding: 3px 10px 5px !important;}
div.applyList dd.info {float: none;}
div.applyList dd.info li.util {position: absolute;right: 10px;top: 13px;padding: 0;background: none;}

div.bbsUtil *,
dl.bbsItem dd.btn * {border-radius:0;}


div.event dl.bbsItem dt.eventTit {position:relative;}
div.event dl.bbsItem span.eventDate {}
div.event dl.bbsItem dd.info a.btnSmall {margin-top: 2px;}

table.bbs th,
table.bbs td {}
table.bbs th {height:35px;text-align:center;vertical-align:middle;}


dl.attach {clear:both;float:right;margin: 0;padding:10px 0 0;}
dl.attach dt,
dl.attach dd {float:left;margin: 0;padding: 0;}
dl.attach dt {padding-right:5px;color:#6c6c6c;}
dl.attach a {padding-right:25px;color:#0178d8;text-decoration: none;background:url('/image/icon/bl_download.png') right 4px no-repeat;background-size:15px;}



div.bbsCon {clear:both;padding:20px 0;border-bottom: 1px solid #c3c3c3;}

ul.newsletter {overflow: hidden;margin: 0;padding: 0;}
ul.newsletter li {float: left;list-style:none;}

ul.newsletter dl {border: 1px solid #ddd;text-align: center;}
ul.newsletter dt {padding-bottom: 10px;}
ul.newsletter dt span.tit {display: block;color: #3a9ded;}
ul.newsletter dd {margin: 0;}

ul.newsletter dd.btn {padding-top: 10px;}
ul.newsletter dd.btn a {border-radius:0;}


dl.workshopBrief {position: relative;margin: 0;border-top: 2px solid #000928;background-color: #f5f5f5;}
dl.workshopBrief dt {padding-bottom: 10px;color: #131d4f;font-weight: bold;}
dl.workshopBrief dd,
dl.workshopBrief p {margin: 0;}
dl.workshopBrief p.photo {position: absolute;border: 1px solid #ccc;}


div.wsProgram {}

div.wsProgram dl, div.wsProgram dt, div.wsProgram dd,
div.wsProgram ul, div.wsProgram li, div.wsProgram p {margin: 0;padding: 0;list-style:none;}

dl.programInfo {border-top: 2px solid #000928;background-color: #f2f3f8;color: #000928;font-weight: bold;}
dl.programInfo dd {padding-top: 5px;text-align: right;}

dl.programDetail {border-bottom: 1px solid #dbdbdb;}
dl.programDetail dt span {display: block;}
dl.programDetail dd {overflow: hidden;}
dl.programDetail ul {float: right;}
dl.programDetail li {float: left;}
dl.programDetail li:before {content: "|";padding: 0 5px;color: #aaa;}
dl.programDetail li:first-child:before {content: "";padding: 0;}

/*  Mobile : ~ width:839px  */
@media screen and (max-width: 959px) {
div.bbsSort {padding-bottom:10px;}
div.bbsSort select {width:100%;}

ul.subMenu.bbs {padding-bottom:20px;}
ul.subMenu.bbs li {width:20%;}
ul.subMenu.bbs li a {}

div.bbsWrite form {display:none;}

dl.bbsItem span.tit img {width: 30px;margin: 4px 5px 0 0;}
dl.bbsItem dd.btn {display:none;}

div.event dl.bbsItem dt.eventTit {padding-bottom: 21px;}
div.event dl.bbsItem span.eventDate {display: block;}

ul.newsletter li {width: 50%;padding: 0 5px 10px 0;box-sizing:border-box;}
ul.newsletter li:nth-child(even) {padding: 0 0 10px 5px;}
ul.newsletter dl {padding: 10px;}


dl.workshopBrief {padding: 10px 10px 10px 10px;}
/* dl.workshopBrief p.photo {left: 10px;top: 10px;width: 75px;} */

div.wsProgram {padding-top: 20px;}
div.wsProgram dl.programInfo,
div.wsProgram dl.programDetail  {padding: 10px;}

div.absCon {padding-bottom:10px;}
div.absCon div.imgArea {padding: 0;}
div.absCon div.imgArea img {display: block;max-width:100%;margin: 20px auto 0;}

.admin {display: none !important;}

div.event dl.rwMenu {margin-top: 10px;}

}


/* PC : width:960px ~ */
@media screen and (min-width: 960px) {
ul.subMenu.bbs {padding-bottom:40px;}

div.bbsSort {text-align:right;padding-bottom:30px;}
div.bbsSort select {width:210px;}
div.event dl.bbsItem span.eventDate {position:absolute;right:0;top:50%;margin-top:-16px;}

dl.bbsItem span.tit img {width: 40px;margin: 2px 5px 0 0;}

ul.newsletter li {padding:0 0 20px 20px;}
ul.newsletter li:nth-child(4n+1) {padding-left: 0;}
ul.newsletter dl {width: 168px;padding: 20px 25px;}
ul.newsletter dd img {width: 100% !important;height:195px;}

dl.workshopBrief {min-height:191px;padding: 30px 30px 30px 220px;}
dl.workshopBrief dt {font-size: 16px;}
dl.workshopBrief p.photo {left: 30px;top: 30px;}
dl.workshopBrief p.btn {position: absolute;right: 30px;bottom: 30px;}

div.wsProgram {padding-top: 50px;}
div.wsProgram h3.subTit_arr {margin-bottom: 0;}
div.wsProgram dl.programInfo,
div.wsProgram dl.programDetail {padding: 20px;}

div.bbsWrite p {margin: 0;}
}



ul.ebook, ul.ebook * {margin: 0;padding: 0;list-style: none;text-decoration: none;}
ul.ebook {display:grid;}
ul.ebook span,
ul.ebook a,
ul.ebook img {display: block;}

ul.ebook > li {position: relative;overflow-x: auto;}
ul.ebook > li > a, 
ul.ebook > li > div {position: relative;display: block;border: 1px solid #c3c3c3;color: #000;box-sizing: border-box;}
ul.ebook span.btn {display: block;text-align: center;color: #fff;background-color: #459cee;content: "목차보기";}

ul.ebook > li > a.apply {padding: 0;border: 0 none;text-align: center;background-color: #2d3c8d;color: #fff;}

ul.ebook span.tit {position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align: center;}
ul.ebook img.thumb {margin: 0 auto;}
ul.ebook span.info {text-align: center;}

/*  Mobile : ~ width:839px  */
@media screen and (max-width: 959px) {
ul.ebook {grid-template-columns: repeat(2, 1fr);gap:10px;}
ul.ebook > li {padding-bottom: 48px;}
ul.ebook > li > a, 
ul.ebook > li > div {height: 100%;padding: 15px 15px 53px;font-size: 14px;line-height: 18px;}
ul.ebook span.btn {position: absolute;left: 15px;bottom: 15px;width: calc(100% - 30px);padding: 10px 0;}
ul.ebook > li > a.apply {position: absolute;left: 0;bottom: 0;width: 100%;height: auto;padding: 10px 0;}

ul.ebook span.tit {padding-bottom: 10px;}
ul.ebook img.thumb {min-width: 100%;margin-bottom: 10px;}
ul.ebook span.info {padding: 10px 0;font-size: 14px;line-height: 16px;}

}


/* PC : width:960px ~ */
@media screen and (min-width: 960px) {
ul.ebook {grid-template-columns: repeat(4, 1fr);gap:15px;}
ul.ebook > li {padding-bottom: 25px;}
ul.ebook > li > a, 
ul.ebook > li > div {padding: 20px 30px;font-size: 16px;line-height: 18px;}
ul.ebook span.btn {padding: 5px 0;}
ul.ebook > li > a.apply, 
ul.ebook > li > div.apply {margin-top: 10px;padding: 10px 0;}

ul.ebook span.tit {padding: 10px 0 20px;}
ul.ebook img.thumb {height: 228px;margin-bottom: 20px;}
ul.ebook span.info {padding: 10px 0;font-size: 14px;line-height: 16px;}

ul.ebook span.admin {padding-top: 10px;text-align: center;font-size: 0;line-height: 0;}
ul.ebook span.admin a {display: inline-block;vertical-align: top;}
ul.ebook span.admin a + a {margin-left: 5px;}
}


ul.ebookList, ul.ebookList li, ul.ebookList a {margin: 0;padding: 0;list-style: none;text-decoration: none;}
ul.ebookList div {position: relative;border: 1px solid #b6cdd8;background: url('/image/sub/ebookBg.png') right top no-repeat;background-size: auto 100%;box-sizing: border-box;}
ul.ebookList .thumb {position: absolute;box-shadow:3px 3px 6px rgba(147,147,147,.3);}
ul.ebookList span.tit {color: #1c1c1c;font-weight: bold;}
ul.ebookList span.info {display: block;font-weight: bold;}
ul.ebookList span.info img {display: inline-block;vertical-align: top;padding-right: 5px;}

ul.ebookList span.btn {display:grid;grid-template-columns: repeat(2, 1fr);gap:2px;}
ul.ebookList span.btn a {position: relative;padding: 0 30px 0 15px;border-radius: 0;text-align: left !important;color: #fff;font-weight: bold;}
ul.ebookList span.btn a:nth-child(1) {border-color: #59a0f0;background-color: #59a0f0;}
ul.ebookList span.btn a:nth-child(2) {border-color: #5ca1c1;background-color: #5ca1c1;}
ul.ebookList span.btn img {position: absolute;right: 15px;top: 50%;transform:translateY(-50%);width: auto;}

/*  Mobile : ~ width:839px  */
@media screen and (max-width: 959px) {
ul.ebookList {}
ul.ebookList li {margin-bottom: 10px;}

ul.ebookList div {min-height: 130px;padding: 15px 15px 0 100px;}
ul.ebookList .thumb {left: 15px;top: 15px;width: 70px;}
ul.ebookList span.tit {font-size: 16px;line-height: 20px;box-shadow: inset 0 -8px 0 #e4f7fd;}
ul.ebookList span.info {display: block;padding-top: 20px;font-size: 14px;line-height: 16px;}

ul.ebookList span.btn a {font-size: 14px;line-height: 40px;}
ul.ebookList span.btn img {right: 10px;height: 14px;}

ul.ebookList span.admin {display: none;}
}


/* PC : width:960px ~ */
@media screen and (min-width: 960px) {
ul.ebookList {display:grid;grid-template-columns: repeat(2, 1fr);gap:20px;}
ul.ebookList li {position: relative;}
ul.ebookList div {height: 255px;padding: 30px 20px 0 190px;}
ul.ebookList .thumb {left: 15px;top: 15px;width: 150px;}
ul.ebookList span.tit {font-size: 22px;line-height: 28px;box-shadow: inset 0 -13px 0 #e4f7fd;}
ul.ebookList span.info {position: absolute;left: 190px;bottom: 30px;font-size: 17px;line-height: 24px;}

ul.ebookList span.btn a {font-size: 16px;line-height: 52px;}
ul.ebookList span.admin {position: absolute;right: 15px;top: 5px;}
}


/* 팝업 > 이북상세보기 */
div#popupEbook {border: 8px solid #0b166d;}
div#popupEbook div.close {position: absolute;right: 0;top: -60px;}
div#popupEbook div.close a,
div#popupEbook div.close img {display: block;}

div.bookInfo {border-bottom: 7px solid #0b166d;background: url('/image/popup/ebook_tit.png') left center no-repeat;color: #000;font-size: 24px;line-height: 30px;}
div.bookInfo span {display: block;font-weight: bold;}

div.bookImg {overflow-x: hidden;overflow-y: auto;}
div.bookImg img {display: block;width: 100%;}

/*  Mobile : ~ width:959px  */
@media screen and (max-width: 959px) {
div#popupEbook {border-width: 4px ;padding: 0 15px 15px;}
div.bookInfo {padding: 15px 15px 15px 60px;border-bottom-width: 3px;font-size: 18px;line-height: 20px;background-size: 43px;}
div.bookImg {height: 60vh;}
}

/* PC : width:960px ~ */
@media screen and (min-width: 960px) {
div#popupEbook {width: 740px;padding:0 20px 20px;}
div.bookInfo {padding: 30px 30px 30px 120px;}
div.bookImg {height: 550px;}
}







/* 게시판 글쓰기 */
table td.editArea {padding:0 !important;text-align:left;}
div.editArea {margin-top:20px;}

td.con {padding:20px 20px 60px;text-align:left;vertical-align:top;}


/* 게시판 하단버튼 영역 */
ul.pager {margin: 0;padding: 0;text-align:center;line-height:18px;}
ul.pager li {display:inline;margin-left:5px;font-size:12px;color:#6c6c6c;vertical-align: top;list-style:none;}
ul.pager li:first-child {margin-left:0;}

ul.pager,
ul.pager li,
ul.pager a {width:auto !important;min-width:auto !important;vertical-align:top;}

ul.pager a {display:inline-block;width: 18px;text-align: center;vertical-align:top;}
ul.pager img {display:inline;vertical-align:top;}
ul.pager span {color:#000;}

ul.pager .first a,
ul.pager .prev a,
ul.pager .next a,
ul.pager .last a {padding:0;border:0 none;}

ul.pager a.on,
ul.pager a.btnDef {font-weight:bold;color:#fff;background-color:#2d3c8d;}
ul.pager a img {width:18px;vertical-align: top;}



/* 댓글 */
div.reply {margin-top:25px;border-top:1px dotted #b0b0b0;}
div.reply h3 {overflow:hidden;color:#666;f}
div.reply h3 span {float:right;}
div.reply h3 span img {width:37px;vertical-align:middle;}

div.reply p {margin:0;}

dl.replyItem {position:relative;padding:10px 10px 10px 60px;border-top:1px dotted #b0b0b0;}
dl.replyItem dt {position:absolute;left:0;top:12px;width:50px;text-align:center;color:#555;box-sizing:content-box;font-size: 12px;}
dl.replyItem dt.admin {display: block;color:#fff;background-color:#555;}

dl.replyItem.reply {padding-left:70px;}
dl.replyItem.reply dt {padding-right:13px;background:url('/image/icon/bl_reply.png') right 6px no-repeat;background-size:7px;}

dl.replyItem dd.info {overflow:hidden;font-size: 14px;}
dl.replyItem dd.info span {float:left;height:21px;line-height:20px;}
dl.replyItem dd.info span.btn {float:right;margin-top: 2px;}

dl.replyItem dd.info span.btn > * {padding:0 10px 2px;margin-left:5px;border-radius:10px;font-size:12px;}
dl.replyItem dd.info span.btn > *:first-child {margin-left:0;}

dl.replyItem dd.write {display:none;position: absolute;left: 0;bottom: 0;width: 100%;}


div.replyWrite {position:relative;padding:10px 83px 10px 0;}
div.replyWrite textarea {width:100%;border-color:#b7b7b7;font-size: 14px;}
div.replyWrite input[type=submit] {position:absolute;right:0;bottom:10px;width:72px;font-size:14px;border-radius:0;}

div.reply div.btn > * {margin-top: 10px;}



/*  Mobile : ~ width:839px  */
@media screen and (max-width: 959px) {
ul.pager {padding: 10px 0;}

dl.replyItem.write {padding-bottom: 70px;}
div.replyWrite textarea {height:50px;}
div.replyWrite input[type=submit] {height:50px;}

}


/* PC : width:960px ~ */
@media screen and (min-width: 960px) {
ul.pager {padding:30px 0;}

dl.replyItem.write {padding-bottom: 120px;}
div.replyWrite textarea {height:100px;}
div.replyWrite input[type=submit] {height:100px;}
}




/* 게시판 검색 */
div.bbsSearch {position:relative;margin:40px auto;}
div.bbsSearch:first-child {margin-top: 0;}
div.bbsSearch dl, div.bbsSearch dt, div.bbsSearch dd, div.bbsSearch p {margin: 0;padding: 0;}
div.bbsSearch dl {overflow:hidden;}

div.bbsSearch dd.type {position:absolute;left:0;top:0;}
div.bbsSearch dd.type select {width:100%;height:35px;text-align:center;background-color:#fff;}

div.bbsSearch dd.keyword {height: 21px;padding:5px 40px 7px 10px;border:1px solid #ddd;}
div.bbsSearch dd.keyword input[type=text] {width:100%;height:21px;border:0 none;padding:0;}

div.bbsSearch p.btn {position:absolute;right:0;top:0;width: 40px;height: 35px;background: url('/image/icon/bbsIcon_search.png') center center no-repeat;}
div.bbsSearch p.btn * {width:100%;height: 100%;opacity: 0;}

div.bbsUtil {padding-top:30px;text-align:right;}
div.bbsUtil > a {padding:7px 16px;font-size:15px;}


div.bbsBrief {overflow: hidden;font-size: 0.9em;}
div.bbsBrief * {margin: 0;padding: 0;}

/*  Mobile : ~ width:839px  */
@media screen and (max-width: 959px) {
div.contents div.bbsSearch {padding: 0;margin: 10px 10px 0;}
div.bbsSearch p.btn {background-size: 20px;}

div.bbsSearch dl {padding-left:90px;}
div.bbsSearch dd.type {width:90px;}

div.bbsUtil > a {min-width:40px;}

div.contents div.bbsBrief {padding-bottom:0;}
div.bbsBrief .total {float: right;}
div.bbsBrief .page {display: none;}
}


/* PC : width:960px ~ */
@media screen and (min-width: 960px) {
div.bbsSearch {width:560px;}
div.bbsSearch dl {padding-left:155px;}
div.bbsSearch dd.type {width:155px;}
div.bbsUtil > a {min-width:70px;}

div.bbsBrief {padding-bottom: 10px;}
div.bbsBrief .total {float: left;}

div.bbsBrief .page {float: right;}
}



/* 포토갤러리_List */
ul.thumbList {overflow:hidden;border-top:2px solid #3b4253;border-bottom:1px solid #c3c3c3;}
ul.thumbList li {float:left;border-top:1px solid #c3c3c3;text-align:center;color:#333436;font-weight:bold;}
ul.thumbList a.thumbnail {display:block;margin:0 auto;background-color:#e6e6e6;}
ul.thumbList a.thumbnail img {display:block;width:100%;height:100%;}

ul.thumbList span.tit {position:relative;overflow:hidden;display:block;text-overflow:ellipsis;white-space:nowrap;}
ul.thumbList span.info {color:#333436;font-weight:normal;font-size:0.8em;}

div.bbsList div.noResult,
div.noData {text-align:center !important;font-weight:bold;color:#000;border-bottom:1px solid #e0e0e0;}


/* 포토갤러리_View */
div#imageView {position:relative;padding:20px 0;}
div#imageView img {display:block;max-width:100%;margin:0 auto;}
div#imageView p.count {position:absolute;right:30px;top:30px;padding:5px 10px;background-color:rgba(0,0,0,.2);color:#3e3e3e;}


div#galleryView a {display:block;}
div#galleryView div.imgList {position:relative;margin:0 auto;}
div#galleryView div.imgList ul {overflow:hidden;}
div#galleryView div.imgList li {float:left;}
div#galleryView div.imgList li:first-child {margin-left:0;}

div#galleryView div.imgList li a {display:block;border:1px solid #e1e3e6;}
div#galleryView div.imgList img {width:100%;height:100%;}
div#galleryView div.imgList ul.rolling li {margin-left:0;}

div#galleryView div.bx-controls a {text-indent:-10000px;background-position:center center;background-repeat:no-repeat;}
div#galleryView div.bx-pager {text-align:center;}
div#galleryView div.bx-pager-item {display:inline-block;margin-left:5px;}
div#galleryView div.bx-pager-item:first-child {margin-left:0;}

div#galleryView a.bx-prev,
div#galleryView a.bx-next {position:absolute;top:0;background-color:#a8a8a8;}
div#galleryView a.bx-prev {left:0; background-image:url('/image/common/gallery_prev.png');}
div#galleryView a.bx-next {right:0; background-image:url('/image/common/gallery_next.png');}

div#galleryView div.bx-pager-item a {width: 14px;height: 14px;border-radius:7px;background-color: #ccc;}
div#galleryView div.bx-pager-item a.active {background-color: #2d3c8d;}

ul.fileList {background-color:#f5f5f5;border-top:1px solid #e1e1e1; border-bottom:1px solid #000;	}
ul.fileList li {position:relative;}
ul.fileList span.util {position:absolute;top:50%;}
ul.fileList span.util a {display:block;float:left;}


/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {

/* 포토갤러리_List */
ul.thumbList li {float:none;padding:10px;}
ul.thumbList a.thumbnail {height:220px;margin-bottom:5px;}

/* 포토갤러리_View */
div#galleryView div.imgList {width:250px;padding:0 25px;}
div#galleryView div.imgList li {width:78px !important;height:60px;margin-left:8px;}

div#galleryView div.bx-pager {padding:10px 0;}
div#galleryView div.bx-pager-item a {width:10px; height:10px; background-size:10px;}

div#galleryView a.bx-prev,
div#galleryView a.bx-next {width:15px;height:60px;background-size:9px;}

ul.fileList li {padding:10px 45px 10px 10px;}
ul.fileList span.util {right:10px;height:15px;margin-top:-8px;}
ul.fileList span.util a {margin-left:5px;}
ul.fileList span.util a:first-child {margin-left:0;}
ul.fileList span.util img {width:15px;}

}



/* PC : width:961px ~  */
@media screen and (min-width: 961px) {

/* 포토갤러리_List */
ul.thumbList {clear:both;margin-bottom:30px;}
ul.thumbList li {width:366px; padding:20px 0;}

ul.thumbList span.admin img {width:18px;}
ul.thumbList a.thumbnail {width:267px;height:178px;margin-bottom:10px;}

div.bbsWrite div.selectFile input[type=text] {width:660px;}


/* 포토갤러리_View */
div#galleryView div.imgList {width:644px;padding:0 45px;}
div#galleryView div.imgList li {width:200px;height:120px;margin-left:22px;}

div#galleryView div.bx-pager {padding:20px 0;}
div#galleryView div.bx-pager-item a {width:14px; height:14px;}

div#galleryView a.bx-prev,
div#galleryView a.bx-next {width:25px;height:120px;}

ul.fileList li {padding:10px 90px 10px 20px;}
ul.fileList span.util {right:10px;height:30px;margin-top:-15px;}
ul.fileList span.util a {margin-left:10px;}
ul.fileList span.util a:first-child {margin-left:0;}

}




/* _국내외학술행사 */
div.calendarUtil {text-align:center;}
div.calendarUtil div.btn {position:relative;}

div.calendarUtil ul {overflow:hidden;margin: 0;padding: 0;}
div.calendarUtil li {float:left;margin-left:5px;list-style:none;}
div.calendarUtil li:first-child {margin-left:0;}
div.calendarUtil ul a {height: 18px;line-height: 18px;background-color:#ddd;border-color:#ddd;color:#222733;font-size: 16px;}
div.calendarUtil ul li.on a {background-color:#5f73db;border-color:#5f73db;color:#fff;}
div.calendarUtil ul i {font-size:16px; padding-right: 10px;vertical-align:middle;}

div.calendarUtil li.today {float: right;}
div.calendarUtil li.today a {height: 16px;line-height: 16px;border:2px solid #c3c3c3;border-radius:8px;color:#7f7f7f;background-color: #fff;}

div.calendarUtil div.month {position:relative;display:inline-block;}
div.calendarUtil div.month h3 {margin: 0;}
div.calendarUtil div.month a {position:absolute;display:block;text-decoration:none;color:#7f7f7f;}
div.calendarUtil div.month a.prev {left:0;}
div.calendarUtil div.month a.next {right:0;}
div.calendarUtil div.month a i {font-size:1.5em;}

table.calendar {width:100%;border-top:1px solid #ececec;border-left:1px solid #ececec;}
table.calendar th,
table.calendar td {padding:5px;border-bottom:1px solid #ececec;border-right:1px solid #ececec;font-size:0.8em;}
table.calendar th {padding:10px 0; font-weight:bold; text-align:center;}
table.calendar td {vertical-align:top;}
table.calendar td span {display:block;text-align:right;}
table.calendar td a {display:block;text-decoration:none;text-align:left;}
table.calendar td.today {background-color:#eff1fb;}
table.calendar .sun {color:#F00;}
table.calendar .sat {color:#00F;}

table.calendar .type01 {background-color:#1b3e93;color:#fff;}
table.calendar .type02 {background-color:#ef7b10;color:#fff;}

table.schedule {}
table.schedule th,
table.schedule td {text-align: center;}
table.schedule td {font-size: 14px;}

ul.workshopList {margin: 0;padding: 0;border-top: 2px solid #000928;}
ul.workshopList li {position: relative;box-sizing:border-box;margin: 0;list-style:none;border-bottom: 1px solid #c3c3c3;}
ul.workshopList span {display: block;}
ul.workshopList span.tit {color: #000;}
ul.workshopList span.tit img {position: absolute;left: 0;}
ul.workshopList span.info {color: #6f6f6f;font-size: 0.8em;}

/* PC : width:961px ~  */
@media screen and (min-width: 961px) {
	div.calendarUtil {padding-bottom:10px;}
	div.calendarUtil a.today {top:68px;}

	div.calendarUtil div.month {padding:30px 40px 20px;}
	div.calendarUtil div.month h3 {font-size:1.6em;color:#4c4c4c;}
	div.calendarUtil div.month a {top:38px;}
	
	table.calendar th {padding:18px 0; font-size:16px; border-bottom:2px solid #000;}

	table.bigCalendar td {height:105px;}
	table.bigCalendar td a {width:120px;padding:0 5px 4px;margin-top:3px;}

	div.sort {padding-bottom:20px;}

	ul.workshopList {overflow: hidden;}
	ul.workshopList > li {float: left;width: 50%;min-height: 147px;margin: 0;padding: 20px 20px 20px 190px;}
	ul.workshopList > li:nth-child(odd) {clear: both;}
	ul.workshopList span.tit img {top: 20px;width: 174px;height: 107px;}
	ul.workshopList span.btn {overflow: hidden;width: 260px;padding-top: 20px;}
	ul.workshopList span.btn a {float: right;width: 40%;border-radius:0;}
	ul.workshopList span.btn a:first-child {float: left;}
}


/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
	div.calendarUtil {overflow:hidden;padding-bottom:10px;}
	div.calendarUtil div.btn {position:relative;}
	div.calendarUtil div.btn a span {display:none;}
	div.calendarUtil a.today {top:48px;}

	div.calendarUtil div.month {padding:15px 30px 5px; text-align:center;}
	div.calendarUtil div.month h3 {font-size:1.4em;color:#4c4c4c;}
	div.calendarUtil div.month a {top:20px;}

	table.bigCalendar th {width:14.0%;}
	table.bigCalendar th:first-child {width:14.0%;}
	table.bigCalendar td {height:80px;}
	table.bigCalendar td a {max-height:34px;margin-top:3px;box-sizing:border-box;}

	div.sort {padding-bottom:10px;}

	ul.workshopList {}
	ul.workshopList > li {margin: 0;min-height:108px;padding: 10px 10px 10px 150px;}
	ul.workshopList span.tit img {top: 10px;width: 140px;height: 86px;}
	ul.workshopList span.btn {overflow: hidden;padding-top: 10px;}
	ul.workshopList span.btn a {float: right;width: 40%;border-radius:0;}
	ul.workshopList span.btn a:first-child {float: left;}
}







/* ========================================================================================================== */
/* ========================================== 탭메뉴 및 탭메뉴 스타일 공통 CSS ======================================== */
/* ========================================================================================================== */

div.tabArea {}

ul.tabMenu,
ul.rwTabMenu,
ul.conMenu,
ul.subMenu,
/*ul.sort {overflow:hidden;margin:0 auto;padding: 0;border: 1px solid #2d3c8d;}*/
ul.sort {overflow:hidden;margin:0 auto;padding: 0;border: 1px solid #2d3c8d;}
ul.tabMenu li,
ul.rwTabMenu li,
ul.conMenu li,
ul.subMenu li,
ul.sort li {float:left;margin: 0;padding: 0;list-style:none;}

ul.tabMenu li a,
ul.rwTabMenu li a,
ul.subMenu li a,
/*ul.sort li a {display:block;padding:17px 10px 19px;color:#3d3d3d;border: 1px solid #2d3c8d;text-align:center;text-decoration: none;background-color: #fff;}*/
ul.sort li a {display:block;padding:17px 10px 19px;color:#3d3d3d;text-align:center;text-decoration: none;background-color: #fff;}

ul.tabMenu li:first-child a,
ul.rwTabMenu li:first-child a,
ul.subMenu li:first-child a,
ul.sort li:first-child a {border-left:0 none;}


ul.tabMenu li.on a,
ul.rwTabMenu li.on a,
ul.subMenu li.on a,
ul.sort li.on a {background-color:#2d3c8d;color:#fff;}
ul.tabMenu li.twoLine a,
ul.rwTabMenu li.twoLine a,
ul.subMenu li.twoLine a,
ul.sort li.twoLine a {padding:11px 10px 10px;}

ul.menu03 > li {width: 33.3%;}
ul.menu04 > li {width: 25%;}
ul.menu05 > li {width: 20%;}

dl.rwMenu, dl.rwMenu dt, dl.rwMenu dd {margin: 0;padding: 0;} 

div.tabArea div.tabCon,
.toggleCon {display:none;}

a.trigger {position: relative;display: block;text-decoration: none;}




dl.toggleArea, dl.toggleArea dt, dl.toggleArea dd {margin: 0;padding: 0;}
dl.toggleArea {border-top: 2px solid #fff;}
dl.toggleArea a.trigger {display: block;background-color: #ececec;background-image: url('/image/common/toggle_off.png');background-repeat: no-repeat;color: #959393;}
dl.toggleArea .view a.trigger {background-color:#42a9f6;color: #fff;background-image: url('/image/common/toggle_on.png');}

	

ul.noBl, ul.noBl > li {margin: 0;padding: 0;list-style:none;}

/*  Mobile : ~ width:839px  */
@media screen and (max-width: 959px) {
ul.tabMenu li a,
ul.subMenu li a,
ul.sort li a {line-height: 18px;}

dl.rwMenu {position: relative;}
dl.rwMenu a.trigger {padding: 5px 20px 8px 10px;background-color: #2d3c8d;color: #fff;}
dl.rwMenu > dd {z-index: 30;position: absolute;left: 0;top: 34px;width: 100%;border: 1px solid #2d3c8d;background-color: #fff;box-sizing:border-box;}

dl.rwMenu ul {padding:0 10px 10px;}
dl.rwMenu ul li {float: none;width: 100%;margin-top: 5px;}
dl.rwMenu ul a,
dl.rwMenu ul .on a {padding: 0;background: none;color: #3c4046;}

dl.toggleArea dt a.trigger {font-size:16px;line-height: 20px;padding: 5px 35px;background-position: 6px bottom;background-size: 22px;}

}


/* PC : width:960px ~ */
@media screen and (min-width: 960px) {
ul.tabMenu li,
ul.subMenu li,
ul.sort li {min-width:120px;}

ul.tabMenu li a,
ul.subMenu li a,
ul.sort li a {font-size: 16px;line-height: 18px;border-left:1px solid #2d3c8d;}

dl.rwMenu > dt {display: none;}
dl.rwMenu .toggleCon {display: block !important;}

dl.toggleArea dt a.trigger {font-size: 20px;line-height: 24px;padding: 13px 70px;background-position: 12px 25px;}

}






/* ========================================================================================================== */
/* =================================================== 컨텐츠 ================================================== */
/* ========================================================================================================== */

/* 회칙 */
div.rule {}
div.rule > dl > dt {font-weight: bold;}
div.rule > dl > dd > * {padding-top: 10px;}
div.rule > dl > dd > *:first-child {padding-top: 0;}

div.rule ul.subMenu li {width: 33%;border-top: 1px solid #fff;background-color:#004790;}
div.rule ul.subMenu li:nth-child(3n+1) {width: 34%;}
div.rule ul.subMenu li:nth-child(3n+1) a {border-left: 0 none;}

div.rule dt,
div.rule > p {padding-top: 15px;}
div.rule > dl > dd dt:first-child {padding-top: 0;}


/*  Mobile : ~ width:839px  */
@media screen and (max-width: 839px) {

div.rule ul.subMenu li {width: 33%;border-top: 1px solid #fff;}
div.rule ul.subMenu li:nth-child(3n+1) {width: 34%;}
div.rule ul.subMenu li:nth-child(3n+1) a {border-left: 0 none;}

div.rule dt,
div.rule > p {padding-top: 15px;}
div.rule > dl > dd {margin-left:0;}
div.rule > dl > dd dt:first-child {padding-top: 0;}
}

/* PC : width:960px ~ */
@media screen and (min-width: 960px) {

div.rule ul.subMenu li {width: 300px;}
div.rule ul.subMenu li.twoLine {width: 300px;}

div.rule > dl {overflow: hidden;padding-top: 20px;}
div.rule > dl > dt,
div.rule > dl > dd {float: left;margin-left:0;}
div.rule > dl > dt {clear: both;}
div.rule > dl > dd {width: 900px;padding-bottom: 20px;}

div.rule > dl > dd dt,
div.rule > p {padding-top: 20px;}
}


/*  서브페이지 타이틀 & 리스트 스타일 */
/*.subTit {color:#000;font-family: 'NanumSquareL';background: url('/image/common/subTit.png') 0 7px no-repeat;}
.subTit_arr {color:#2d3c8d;font-family: 'NanumSquareL';background: url('/image/common/subTit_arr.png') 0 7px no-repeat;}*/
.subTit {color:#000;font-family: 'Malgun Gothic';background: url('/image/common/subTit.png') 0 9px no-repeat;}
.subTit_arr {color:#2d3c8d;font-family: 'Malgun Gothic';background: url('/image/common/subTit_arr.png') 0 7px no-repeat;}
.subTitBg {margin: 0;border-top: 2px solid #000928;padding: 5px 0 7px;color:#000;font-family: 'Malgun Gothic', sans-serif;background: aliceblue;text-align: center;}

.subTit_bl {position: relative;color: #39995d;padding-left: 1em;font-weight: bold;}
.subTit_bl:before {position: absolute;left: 0;top: -2px;content: "•";}

.boldTit {margin-top:30px;font-weight:bold;color:#3c414d;line-height:1.2;}

.borderTit {margin-top:30px;padding-bottom:5px;border-bottom:2px solid #000928;color:#000;font-size:1.2em;font-weight:bold;}

.pointTit {color: #42a9f6;}

.subTit:first-child,
.subTit_arr:first-child,
.subTitBg:first-child,
.boldTit:first-child,
.pointTit:first-child,
.borderTit:first-child {margin-top:0;}

dt.subTitBg:first-child,
dt.boldTit:first-child {margin-top:30px;}


.bdBottom {padding-bottom:5px;border-bottom:2px solid #000928;}


ul.txtIndent10 > li,
.txtIndent10 {padding-left:10px;text-indent:-10px;}
ul.txtIndent10 {padding-left:0;text-indent:0;}

ul.txtIndent15 > li *,
ul.txtIndent10 > li * {text-indent:0;}


ul.listBl, ul.listBl > li,
ul.listNote, ul.listNote > li,
ul.listBl_g, ul.listBl_g > li,
ul.listBl_bar, ul.listBl_bar > li,
ul.listBl_c, ul.listBl_c > li,
ul.overHidden, ul.overHidden > li {margin: 0;padding: 0;list-style:none;}

ul.listBl > li, .blDot,
ul.listBl_g > li, .blDot_g {padding-left:1em;background-position: 0 10px;background-repeat: no-repeat;}


ul.listBl > li, .blDot {background-image: url('/image/common/bl_square.png');}
ul.listBl_g > li, .blDot_g {background-image: url('/image/common/bl_square_g.png');}

ul.listBl_c > li, .blCircle,
ul.listBl_bar > li, .blBar {position: relative;padding-left:1em;list-style:none;}
ul.listBl_c > li:before, .blCircle:before {position: absolute;left: 0;top: 0;content: "·";font-weight: bold;}
ul.listBl_bar > li:before, .blBar:before {position: absolute;left: 0;top: 0;content: "-";}


ul.listNote > li {position: relative;padding-left: 1.4em;}
ul.listNote > li:before {position: absolute;left: 0;top: 0;content: "※";}


ul.overHidden > li {float:left;}

div.ing {padding: 100px 0;text-align: center;}


a.trigger i {position: absolute;right: 1em;top: 50%;margin-top: -0.4em;}


.bdArea {border:1px solid #ddd;background-color:#f4f4f4;}
.bdGreyArea,
.scrollArea {border:1px solid #cbcbcb;padding:15px 30px 19px;}


.bdNone {border:0 none !important;}


a.underline {color:#003f8f !important;}

.fcPoint {color: #007ce0 !important;}


/*  Mobile : ~ width:959px  */
@media screen and (max-width: 959px) {
.subTit,
.subTit_arr,
.subTit_bl,
.pointTit {margin:20px 0 5px;}

.subTit {margin-left: 10px;padding:0 0 0 20px;font-size:16px;background-size: 12px;background-position: 0 7px;}
.subTit_arr {padding:0 0 0 15px;font-size:16px;background-position: 0 10px;background-size: 7px;}


ul.listBl > li, .blDot,
ul.listBl_g > li, .blDot_g {background-position: 0 6px;}

div.ing {padding:50px 0;}
div.ing img {width: 114px;}

div.pcOnlyNote {padding: 50px 0;text-align: center;}
div.pcOnlyNote img {display: block;width: 143px;margin: 0 auto 10px;}
}


/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
.subTit,
.subTit_arr,
.subTit_bl,
.boldTit,
.pointTit {margin:30px 0 10px;}

.subTit {padding:0 0 8px 30px;font-size:26px;font-weight: bold;}
.subTit_arr {padding:0 0 8px 20px;font-size:16px;font-weight: bold;}

ul.listBl > li, .blDot,
ul.listBl_g > li, .blDot_g {background-position: 0 9px;}
}












/* ========================================================================================================== */
/* =================================================== 컨텐츠 ================================================== */
/* ========================================================================================================== */




/* 임원진 */
div.board {}
div.board table.tblDef {border-right: 1px solid #dbdbdb;}
div.board table.tblDef th,
div.board table.tblDef td {text-align: center;border-left: 1px solid #dbdbdb;}


ul.history, ul.history li {margin: 0;padding: 0;list-style:none;}
ul.history li {position: relative;border-top: 1px solid #dcdcdc;}
ul.history li:first-child {border-top: 0 none;font-weight: 300;color: #535353;}
ul.history span {font-weight: 400;}



ul.blockList, ul.blockList li {margin: 0;padding: 0;list-style:none;}
ul.blockList {overflow: hidden;}
ul.blockList li {float: left;}
ul.blockList a {display: block;padding: 10px;border: 1px solid #dcdcdc;text-decoration: none;}
ul.blockList span {display: table-cell;vertical-align: middle;color: #535353;text-align: center;}

ul.society a {display: block;color: #464646;background: url('/image/sub/society_bg_r.png') right top no-repeat, url('/image/sub/society_bg_l.png') left bottom no-repeat;text-align: center;}
ul.society img {display: block;margin: 0 auto 10px;}

ul.pdsIntro a {display: block;padding: 14px 0;text-align: center;color: #5c5c5c;}
ul.pdsIntro a.bg {background-color: #f1f1f4;}
ul.pdsIntro img,
ul.pdsIntro span {display: block;margin: 0 auto;}
ul.pdsIntro a span {height: auto;padding-top: 20px;color: #10349e;font-size: 16px;}


div.contactUs {}
div.contactUs div.mapArea {border: 1px solid #ddd;}

div.contactUs dl, div.contactUs dt, div.contactUs dd {margin: 0;padding: 0;}
div.contactUs dt {position: relative;background-color: #68baf8;color: #fff;border-radius:17px;}
div.contactUs dt i {position: absolute;left: 20px;top: 50%;margin-top: -0.5em;}

div.policy, div.policy p, div.policy dl, div.policy dt, div.policy dd, div.policy ul, div.policy li {margin: 0;padding: 0;list-style:none;}
div.policy {}

div.policy p,
div.policy ul,
div.policy dt {margin-top: 1em;}
div.policy p:first-child,
div.policy ul:first-child {margin-top: 0;}

div.policy ul.navi {border: 1px solid #ddd;background-color: #f8f8f8;}
div.policy ul.navi a {text-decoration: none;color:inherit;}

ul.txtIndent > li {padding-left: 0.8em;text-indent: -0.8em !important;}
ul.txtIndent1em > li {padding-left: 1em;text-indent: -1em !important;}
ul.txtIndent > li *, ul.txtIndent1em > li * {text-indent: 0;}

ul.callNum, ul.callNum li {margin: 0;padding: 0;list-style: none;}
ul.callNum {overflow:hidden;}
ul.callNum li {float:left;text-align: center;border:1px solid #68baf8;box-sizing:border-box;}
ul.callNum img {display: inline-block;vertical-align:middle;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.contents div.message {padding: 0;}
div.contents div.message2 {padding: 0;}


div.message ul.tabMenu {margin:15px;}
div.message ul.tabMenu li {width: 50%;}

div.message div.bg {position: relative;padding: 25px 0 25px 100px;background: url('/image/sub/messageBg_right.png') right top no-repeat, url('/image/sub/messageBg_top.png') center top no-repeat, url('/image/sub/messageBg_left.png') -30px bottom no-repeat;background-size:115px, 86px, 100px;background-color: #f7f7f7;color: #006db0;font-size: 16px;line-height: 30px;}
div.message div.bg img {position: absolute;left: 15px;bottom: 10px;width: 75px;}
div.message p {padding:10px 15px 15px;text-align: justify;}

div.message2 ul.tabMenu {margin:15px;}
div.message2 ul.tabMenu li {width: 50%;}

div.message2 div.bg {position: relative;padding: 25px 0 25px 50px;background: url('/image/sub/messageBg_right.png') right top no-repeat, url('/image/sub/messageBg_top.png') center top no-repeat, url('/image/sub/messageBg_left.png') -30px bottom no-repeat;background-size:115px, 86px, 100px;background-color: #f7f7f7;color: #006db0;font-size: 16px;line-height: 30px;}
div.message2 div.bg img {position: absolute;left: 15px;bottom: 10px;width: 75px;}
div.message2 p {padding:10px 5px 5px;text-align: justify;}

div.introduce ul.tabMenu {margin:25px;}
div.introduce ul.tabMenu li {width: 50%;}
div.introduce p {padding:10px 15px 15px;text-align: justify;}

div.contents div.message {padding: 0;}
div.contents div.message2 {padding: 0;}


div.board table.col3ea > * {overflow: hidden;}
div.board table.col3ea > * > tr {overflow: visible;border-top: 0 none;}
div.board table.col3ea > * > tr > * {width: 33.3%;float: left;}

div.history {}
ul.history li {padding: 10px;}
ul.history span {display: block;padding-bottom: 5px;font-weight: bold;}

ul.blockList li {width: 50%;padding: 10px 10px 0 5px;box-sizing:border-box;}
ul.blockList li:nth-child(odd) {padding: 10px 5px 0 10px;}
ul.blockList a {}
ul.blockList span {overflow: hidden;height: 100px;max-height: 100px;line-height: 16px;}

ul.society {padding-bottom: 10px;}
ul.society a {background-size: 35px, 22px;font-size: 0.9em;text-align: center;}
ul.society span {display: block;height: 32px;line-height: 16px;}
ul.society a img {width: 40px;}

ul.pdsIntro {padding-bottom: 10px;}
ul.pdsIntro img {width: 51px;}

div.contactUs div.mapArea {height: 240px;}
div.contactUs dl {margin: 0 10px;}
div.contactUs dt {padding:5px 0 7px 40px;margin-top: 15px;}
div.contactUs dd {padding: 10px 20px 0;}

ul.callNum {padding: 10px 10px 0;}
ul.callNum li {width:calc(50% - 5px);margin: 10px 0 0 10px;padding: 12px 0 ;}
ul.callNum li:nth-child(2n + 1) {margin-left: 0;}
ul.callNum li:nth-child(-n + 2) {margin-top: 0;}
ul.callNum img {width:20px;height: 20px;margin-right: 5px;}
}



/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {

div.message {}
div.message ul.tabMenu {width: 560px;margin: 50px auto 100px;}
div.message ul.tabMenu li {width: 50%;}

div.message div.bg {position: relative;padding: 45px 0 45px 65px;background: url('/image/sub/messageBg_right.png') right top no-repeat, url('/image/sub/messageBg_top.png') center top no-repeat, url('/image/sub/messageBg_left.png') 34px bottom no-repeat;background-color: #f7f7f7;text-align: center;color: #006db0;font-size: 26px;line-height: 40px;}
div.message div.bg img {position: absolute;left: 0;bottom: 0;}

div.message2 {}
div.message2 ul.tabMenu {width: 560px;margin: 50px auto 50px;}
div.message2 ul.tabMenu li {width: 50%;}

div.message2 div.bg {position: relative;padding: 45px 0 45px 30px;background: url('/image/sub/messageBg_right.png') right top no-repeat, url('/image/sub/messageBg_top.png') center top no-repeat, url('/image/sub/messageBg_left.png') 34px bottom no-repeat;background-color: #f7f7f7;text-align: center;color: #006db0;font-size: 26px;line-height: 40px;}
div.message2 div.bg img {position: absolute;left: 0;bottom: 0;}

div.introduce {}
div.introduce ul.tabMenu {width: 580px;margin: 50px auto 50px;}
div.introduce ul.tabMenu li {width: 50%;}


ul.history li {padding: 20px 20px 20px 180px;}
ul.history span {position: absolute;left: 20px;top: 20px;}

ul.calsub, ul.calsub li {margin: 0;padding: 0;list-style:none;}
ul.calsub li {position: relative;border-top: 1px solid #dcdcdc;}
ul.calsub li:first-child {border-top: 0 none;/*font-weight: 300;*/color: #000;} /* font-weight 주석처리, 25.05.23, ma.kal */
ul.calsub span {font-weight: 400;}

ul.calsub li {padding: 20px 20px 20px 250px;}
ul.calsub span {position: absolute;left: 20px;top: 20px;}

ul.blockList li {width: 290px;padding:35px 0 0 35px;}
ul.blockList a span {width:268px;height: 178px;}

ul.society li {width: 297px;padding: 16px 0 0 16px;}
ul.society a {padding: 43px 10px;}
ul.society a span {width:275px;height: auto;}

ul.pdsIntro li {width: 297px;padding: 16px 0 0 16px;}

ul.block3ea li:nth-child(3n+1),
ul.block4ea li:nth-child(4n+1),
ul.society li:nth-child(3n+1) {clear: both;padding-left: 0;}


div.contactUs div.mapArea {height: 480px;}

div.contactUs dl {overflow: hidden;padding: 30px 20px 0;}
div.contactUs dl:last-of-type {padding-top: 0;}
div.contactUs dt {clear: both;float: left;width: 90px;margin-top: 10px;padding: 5px 20px 5px 40px;text-align: center;}
div.contactUs dt i {}
div.contactUs dd {float: right;width: 730px;margin-top: 10px;line-height: 34px;}


ul.callNum {margin: 0 50px;padding-top: 10px;}
ul.callNum li {width:calc(25% - 15px);margin: 20px 0 0 20px;padding: 12px 0 ;}
ul.callNum li:nth-child(4n + 1) {margin-left: 0;}
ul.callNum li:nth-child(-n + 4) {margin-top: 0;}
ul.callNum img {margin-right: 9px;}

div.policy ul.navi {overflow: hidden;padding: 20px 40px;}
div.policy ul.navi li,
div.policy div.overHidden dl {float: left;width: 50%;}



div.join div.policy ul.navi {padding: 10px;}
div.join div.policy ul.navi li {float: none;width: auto;}
div.join div.policy ul.navi a {padding-left: 20px;text-indent: -20px;}
}









/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
}



/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
}





























/* ========================================================================================================== */
/* ================================================== 회원 가입 ================================================= */
/* ========================================================================================================== */

/* 회원가입안내 */
/*  Mobile : ~ width:839px  */
@media screen and (max-width: 959px) {
}


/* PC : width:960px ~ */
@media screen and (min-width: 960px) {
div.memberInfo {width: 690px;margin: 0 auto;}
}




/* 개인정보 취급 방침 */
div.privacy {}

div.privacy div.navi {margin-top:20px;padding:10px 20px 20px;border:1px solid #ddd;}
div.privacy div.navi > ul li {padding-top:10px;}
div.privacy div.navi a {text-decoration: none;}

div.privacy > dl > dt {margin:30px 0 5px;font-weight:bold;font-size:1.2em;}
div.privacy > dl > dd > *,
div.privacy > dl > dd dt,
div.privacy > dl > dd dt.fwBold {margin-top:10px;}
div.privacy > dl > dd > *:first-child {margin-top:0 !important;}
div.privacy > dl > dd ul {padding-top:10px;}
div.privacy > dl > dd ul:first-child {padding-top:0;}



div.privacy > dl > dd li li {padding-left:10px;}

/*  Mobile : ~ width:839px  */
@media screen and (max-width: 959px) {
}


/* PC : width:960px ~ */
@media screen and (min-width: 960px) {
div.privacy div.navi {overflow: hidden;margin-top:40px;padding:20px 40px 40px;}
div.privacy div.navi > ul {float: left;width: 50%;}
div.privacy > dl > dt {margin-top:50px;}
}


/* 회원가입*/
div.join {}

ol.joinStep {margin: 0 0 20px;padding: 0;overflow: hidden;}
ol.joinStep li {float: left;width: 35%;list-style:none;margin: 0;background-position: 0 0;background-repeat: repeat-x;box-sizing:border-box;}
ol.joinStep li:first-child {width: 35%;border-left: 1px solid #2d3c8d;}
ol.joinStep li:last-child {width: 30%;border-right: 1px solid #2d3c8d;}

ol.joinStep span {display: block;}
ol.joinStep li > span {padding: 4px 20px 5px 0;color: #3c4046;text-align: center;font-size: 1.2em;background-position: right center;background-repeat: no-repeat;}
ol.joinStep span span {font-size: 0.8em;}

ol.joinStep li span.noBg,
ol.joinStep li.on span.noBg {background-image: none;}

ol.joinStep li.on > span {background-color: #2d3c8d;color: #fff;}



div.publication .borderTit span,
div.join .borderTit span,
div.mypage .borderTit span {padding-top: 10px;font-size: 0.7em;font-weight: normal;}

div.publication div.bgArea,
div.join div.bgArea,
div.mypage div.bgArea {margin-top:20px;padding:30px 0;background-color:#f4f4f4;}

div.join div.agreeCon {overflow-x:hidden;overflow-y:scroll;height:250px;margin-top:20px;padding:10px 20px 20px;border:1px solid #ddd;}

div.join div.agree > p {padding-top:10px;}

div.join div.agreeCon > dl {padding-bottom:20px;}
div.join div.agreeCon dt.fwBold {padding-top:10px;}
div.join div.agreeCon > dl > dd dt {padding-top:5px;}

div.join div.btnArea,
div.mypage div.btnArea {clear:both;margin-top:0;padding:30px 0 20px;}
div.join div.btnArea.btn2ea *,
div.mypage div.btnArea.btn2ea *{text-align:center !important;}

div.publication div.formArea,
div.join div.formArea,
div.mypage div.formArea,
div.joinCom {position:relative;background-color:#fff;margin:0 auto;}

div.join h4 {position:relative;}
div.join h4 span.note {position:absolute;right:5px;top:50%;margin-top:-10px;font-size:0.8em;}

div.joinCom {}
div.joinCom > p {padding-top:1.5em;text-align:center;font-family: 'NanumSquareR', sans-serif;}
div.joinCom > p:first-child {padding-top:0;color: #007ddb;font-size: 1.4em;}

div.joinCom p span {display: block;font-size: 1.2em;font-weight: bold;}

div.joinCom ul.bdArea {padding:20px;text-align: center;}
div.joinCom ul.bdArea li {display:inline-block;padding-left:20px;}
div.joinCom ul.bdArea li:first-child {padding-left:0;}


div.mypage div.agreeInfo.note {border: 2px solid #ddd;background-position: 20px center;}
div.mypage div.agreeInfo ul {overflow: hidden;margin:10px 0 0;padding: 0;}
div.mypage div.agreeInfo li {float: left;margin-left: 10px;}
div.mypage div.agreeInfo li:first-child {margin-left: 0;}

div.formArea .ac input {display: inline-block;vertical-align: top;}
div.formArea div.agree {margin: 30px 0 10px;padding: 20px;font-weight: bold;color: #000;}
div.formArea div.agree + p {font-weight: bold;}


/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
ol.joinStep li, ol.joinStep li > span {background-size: 20px;}
ol.joinStep li {height: 40px;background-image: url('/image/sub/m_joinTitBg.jpg');font-size: 10px;}
ol.joinStep li > span {background-image: url('/image/sub/m_joinTitBg_next.jpg');}
ol.joinStep li.on > span {background-image: url('/image/sub/m_joinTitBg_on.jpg');}
ol.joinStep li.prev > span {background-image: url('/image/sub/m_joinTitBg_prev.jpg');}

div.join div.agree {float:none !important;width:100%;margin-bottom: 40px;}
div.join div.agree.fr {}

div.publication div.bgArea,
div.join div.bgArea,
div.mypage div.bgArea,
div.join div.joinCom {margin-top:0;padding:0;}

div.publication div.btnArea.btn2ea,
div.join div.btnArea.btn2ea,
div.mypage div.btnArea.btn2ea {overflow:hidden;}
div.join div.btnArea.btn2ea *,
div.mypage div.btnArea.btn2ea * {float:right;width:49%;margin:0;box-sizing:border-box;}
div.join div.btnArea.btn2ea *:first-child,
div.mypage div.btnArea.btn2ea *:first-child {float:left;}
}


/* PC : width:960px ~ */
@media screen and (min-width: 961px) {
ol.joinStep li {background-image: url('/image/sub/joinTitBg.jpg');}
ol.joinStep li > span {height: 51px;background-image: url('/image/sub/joinTitBg_next.jpg');}
ol.joinStep li.on > span {background-image: url('/image/sub/joinTitBg_on.jpg');}
ol.joinStep li.prev > span {background-image: url('/image/sub/joinTitBg_prev.jpg');}

div.join div.agree {width:48%;padding-bottom: 50px;}

div.publication div.btnArea,
div.join div.btnArea,
div.mypage div.btnArea {padding:50px 0;}
div.join div.formArea div.btnArea,
div.mypage div.formArea div.btnArea,
div.joinCom div.btnArea {padding-bottom:0;}

div.publication div.bgArea,
div.join div.bgArea,
div.join div.agree,
div.login > div.bdArea,
div.join div.joinCom,
div.mypage div.bgArea {margin-top:30px;}

div.publication div.formArea,
div.join div.formArea,
div.mypage div.formArea,
div.join div.joinCom {width:600px;padding:40px 60px;margin:0 auto;}

div.join div.btnArea .fullBtn {width: 400px;}


div.joinCom > ul.txtIndent10 {padding-left: 30px;}
div.mypage div.agreeInfo.note {padding: 25px 20px 30px 144px !important;}
}


/* 로그인 */
div.login {overflow:hidden;border: 1px solid #ddd;background-color: #f4f4f4;}


div.login > p {padding-bottom: 10px;color: #000;}
div.login dl.loginArea {position:relative;margin-top: 10px;padding:7px 20px 7px 80px;border:1px solid #ddd;background-color:#fff;}
div.login dl.loginArea > dt {position:absolute;left:10px;top:50%;margin-top:-10px;}
div.login dl.loginArea > dt label {display:inline-block;vertical-align:top;}
div.login dl.loginArea > dd input {width:97%;border-color:#fff;}

div.login p.loginUtil {padding-top: 10px;}

div.login p.btn {padding:20px 0 0;}

div.login dl.btn > dt {border-top: 1px solid #9296a2;}
div.login dl.btn > dt:first-child {border-top: 0 none;}

/*  Mobile : ~ width:959px  */
@media screen and (max-width: 959px) {
div.login {padding: 10px;}
div.login dl.btn > dt {margin-top: 10px;padding: 10px 0 5px 15px;background-position: 5px 20px;}

}


/* PC : width:960px ~ */
@media screen and (min-width: 960px) {
div.login {width:500px;padding: 20px;margin:0 auto;}

div.login p.btn * {height: 40px;}

div.login dl.btn > dt {margin-top: 20px;padding: 20px 0 10px 20px;background-position: 5px 30px;}
}





/* 아이디/비밀번호 찾기 */
div.find {overflow:hidden;}

div.find > div.bdArea:first-child {margin-top:0;}

div.find h3.borderTit {margin-bottom:10px;}
div.find div.formArea > dl > dd {border:0 none;}

div.find p.result {height:21px;padding:20px;text-align:center;}
div.find p.result span {font-weight:bold;color:#000;}

/*  Mobile : ~ width:839px  */
@media screen and (max-width: 959px) {
div.find > div.bdArea {float: none !important;width:100%;;margin-top:10px;padding:10px;box-sizing:border-box;}
div.find > div.bdArea:first-child {margin-top:0;}
div.find div.formArea dt {padding:10px 0;}
}


/* PC : width:960px ~ */
@media screen and (min-width: 960px) {
div.find {max-width:1100px;margin:0 auto;}
div.find > div.bdArea {float:left;width:49%;height:500px;margin-top:0;padding:0 0 20px;}

div.find > div.bdArea > * {margin:0 20px;}
div.find h3.borderTit {margin:68px 20px 10px;}
div.find h3.borderTit:first-child {margin-top:20px;}

div.find div.formArea dt {margin-top: 20px;}

div.find p.btn {margin-top:20px;}
div.find p.result {padding-top:40px;}


}


/* 회원정보 수정 */
div.mypage {}
div.mypage .note {overflow: hidden;}

div.mypage ul.note {margin: 0;padding: 0;}
div.mypage .note li {list-style:none;}

div.mypage div.certify dt {margin: 1.5em 0 0.5em;}


/* 학술대회 참석현황 관리 */
ul.mySchedule {margin: 0;padding: 0;border-top: 2px solid #212121;}
ul.mySchedule li {list-style:none;border-bottom: 1px solid #ddd;}
ul.mySchedule span {display: block;}
ul.mySchedule span.tit {font-weight: bold;color: #222;}




/* 비밀번호 변경 */
div.myInfo div.ac {line-height:1.8;}

div.myInfo div.formArea {background:none;}
div.myInfo div.formArea dt,
div.myInfo div.formArea dd {padding-left:0;padding-right:0;}
div.myInfo div.formArea dd {border-bottom:0 none;}

div.myInfo ul.listBl_red {max-width:800px;margin:0 auto;}


/* 회원탈퇴 */
div.withdrawal {}
div.withdrawal ul, div.withdrawal li {margin: 0;padding: 0;list-style:none;}

div.withdrawalNote {}
div.withdrawalNote p.fcPoint {text-align: center;font-weight: bold;font-size: 1.4em;}

div.withdrawalCom {width: 800px;padding: 100px 0;margin: 50px auto;background-color: #fff;}
div.withdrawalCom > p {padding-top:10px;text-align:center;}
div.withdrawalCom > p.fcPoint {padding-top:0;color: #2d3c8d;font-weight: bold;font-size: 1.4em;}

div.withdrawalCom div.btnArea {padding-top: 100px;}

/*  Mobile : ~ width:959px  */
@media screen and (max-width: 959px) {
div.mypage .note {padding: 10px 20px;background-color: #f8f8f8;}
div.mypage div.note {margin-bottom: 20px;}

div.myInfo div.formArea {padding:0 10px 10px;}
div.myInfo ul.listBl_red > li {margin-top:10px;}
div.myInfo div.btnArea {margin-top:10px;}
div.myInfo div.btnArea > * {width:100%;margin:10px 0 0;}

ul.mySchedule li {padding: 10px 0;}
ul.mySchedule span.btn {display: none;}

}


/* PC : width:960px ~ */
@media screen and (min-width: 960px) {

div.mypage ul.note {}
div.mypage .note li {margin-top: 5px;}

div.mypage div.certify {width: 560px;padding:30px 0;margin: 0 auto;}
div.certify .note,
div.mypage div.note {margin-bottom: 30px;padding: 25px 0 30px 124px !important;background: url('/image/sub/note_bg.png') 10px center no-repeat;}
div.certify div.formArea {width: 500px;margin-top: 30px;padding: 30px;background-color: #f8f8f8;}

div.myInfo div.formArea {padding:20px 60px 40px;}
div.myInfo div.formArea > dl,
div.myInfo div.formArea div.btnArea {width:60%;margin:0 auto;}
div.myInfo div.formArea div.btnArea {margin-top:30px;}

ul.mySchedule li {overflow: hidden;padding: 10px 20px;}
ul.mySchedule span {float: left;}
ul.mySchedule span.tit {float: none;}
ul.mySchedule span.btn {float: right;}

div.withdrawal {width:700px;margin: 0 auto;}
div.withdrawal div.bgArea {padding:50px;}
div.withdrawal div.formArea {width: auto;padding: 40px;}

div.withdrawalNote dl {margin: 0 auto;}

div.withdrawalCom {background-color: #f8f8f8;}
div.withdrawalCom > p {padding-top:1.5em;text-align:center;font-family: 'NanumSquareR', sans-serif;}
div.withdrawalCom > p:first-child {padding-top:0;color: #007ddb;font-size: 1.4em;}

div.withdrawalCom p span {display: block;font-size: 1.2em;font-weight: bold;}
}









/* ========================================================================================================== */
/* ================================================= 서브 컨텐츠 ================================================ */
/* ========================================================================================================== */

	/* 연혁 */


/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.historyWrap{padding: 10px;}
div.history{background: none; overflow: hidden;}
div.history dl{position: relative; margin:10px 0 !important;border: 1px solid #42a9f6; border-radius: 10px;padding: 15px 12px 7px 12px;} 
div.history dl:first-child{margin-top: 25px !important;}

div.history dl dt{margin-bottom:15px; color: #42a9f6;}
div.history dl dd{margin-left: 0; font-size: 14px;}
div.history dl dd img{display:block; width: 100%; margin-top: 10px;}
div.history dl dd.r_fl{padding:0 50px 45px 0;}
div.history dl dd.r_fl img{position:absolute; top: 50%; margin-top: -38px; right: 50px; height: 75px; width: auto;}


}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.history{width: 100%; background: url(/image/sub/lineBg_ball.png) no-repeat center 0px, url(/image/sub/lineBg_ball.png) no-repeat center bottom,url(/image/sub/lineBg.png) repeat-y center 10px; padding: 20px 0; overflow: hidden;}
div.history dl{position: relative;width:383px;  border: 1px solid #42a9f6; border-radius: 10px; position:relative; padding: 15px 25px 25px; margin: 20px 15px 0 15px; clear:both;} 
div.history dl:first-child{margin-top: 50px;}

div.history dl:nth-child(odd){float:left;}
div.history dl:nth-child(odd)::before{position: absolute;right: -10px;top: 10px;content: ".";text-indent: -10000px;width: 10px;height: 20px;background:url(/image/sub/history_lt.png) no-repeat right top;}
div.history dl:nth-child(odd)::after{position: absolute;right: -26px;top: 13px;content: ".";text-indent: -10000px;width: 10px;height: 20px;background:url(/image/sub/history_ball.png) no-repeat right top;}

div.history dl:nth-child(2n){float: right;}
div.history dl:nth-child(2n)::before{position: absolute;left: -10px;top: 10px;content: ".";text-indent: -10000px;width: 10px;height: 20px;background:url(/image/sub/history_lt.png) no-repeat right top; transform:rotate(180deg);}
div.history dl:nth-child(2n)::after{position: absolute;left: -26px;top: 17px;content: ".";text-indent: -10000px;width: 10px;height: 20px;background:url(/image/sub/history_ball.png) no-repeat right top;}

div.history dl dt{margin-bottom:15px; color: #42a9f6;}
div.history dl dd{margin-left: 0;}
div.history dl dd img{width: 100%;}
div.history dl dd.r_fl{padding: 0 250px 50px 0;}
div.history dl dd.r_fl img{position:absolute; top: 50%; margin-top: -75px; right: 50px; height: 150px; width: auto;}

}

div.history dl dd ul{padding-left: 0;}
div.history dl dd ul li{list-style:none;}



/* 학회소개 */
dl.bg{background: url(/image/sub/introduce_bgImg.png) no-repeat right top , url(/image/sub/introduce_bg.jpg) repeat-x left top; padding: 50px; color: #fff; margin: 0 !important;}
dl.bg dt{color: #fff !important; font-weight: 500;}
div.introduce dl dt{margin: 0; color: #0e5cc3; font-weight: 500;}
div.introduce dl dd{margin: 0 0 0 0;}
div.introduce dl dd p{padding: 0;}

div.introduce .tabCon{text-align: justify; line-height: 1.6;}
div.introduce .tabCon p:first-child{margin: 0;}


@media all and (max-width: 960px) {
	dl.bg{background-color: #1a3f73; padding: 25px; text-shadow: 1px 1px 4px rgba(0,0,0, 0.7);}
	dl.bg dt{font-size: 18px; margin-bottom: 10px !important;}
	div.introduce dl{margin: 20px 0 0 0;}
	div.introduce .tabCon{padding: 20px 0;}
	div.introduce .tabCon p{margin: 10px 0 0 0;}
}

@media all and (min-width: 961px) {
	dl.bg dt{font-size: 30px; margin-bottom: 20px !important;}
	div.introduce dl{margin: 40px 0 0 0;}
	div.introduce .tabCon{padding: 50px 0;}
	div.introduce .tabCon p{margin: 15px 0 0 0;}
}



/* 지난초록보기 콘텐츠 */
table.conferenceTbl{width: 100%;border-top: 2px solid #000;border-collapse:separate; border-spacing:0;}
table.conferenceTbl th{font-weight: bold; font-size: 16px;}
table.conferenceTbl th,
table.conferenceTbl td{border-bottom: 1px solid #ccc;font-size: 13px; color: #6f6f6f;}
table.conferenceTbl td.btn {text-align: right;}
table.conferenceTbl td span {display: block; font-size: 16px; color: #000; font-weight: 600; }
table.conferenceTbl td span:first-child {margin-top: 0;}



	
ul.absList {overflow: hidden;margin: 0;padding: 0;}
ul.absList li {float:left;margin: 0;padding: 0;list-style:none;text-align: center;}
ul.absList li a{display:block;  border: 1px solid #ccc;  color: #000;text-decoration: none;background-position: right bottom;background-repeat: no-repeat;}


ul.absList_sub {margin: 0;padding: 0;border-top: 2px solid #000928;}
ul.absList_sub > li {margin: 0;padding: 0;border-bottom: 1px solid #c3c3c3;list-style:none;}
ul.absList_sub a {position: relative;display: block;text-decoration: none;color: #6f6f6f;}
ul.absList_sub span.tit {display: block;padding: 5px 0;font-size: 1.1em;color: #000;}
ul.absList_sub span.code,
ul.absList_sub span.speaker {font-weight: 400;}
ul.absList_sub span.speaker {color: #3f4f9d;}
ul.absList_sub span.speaker:before {display: inline-block;padding: 0 10px;content: "|";color: #6f6f6f;}

/*  Mobile : ~ width:839px  */
@media screen and (max-width: 959px) {

ul.absList li{width: calc(50% - 5px); margin: 10px 0 0 10px;}
ul.absList li:nth-child(2n+1){margin-left: 0; clear:both;}
ul.absList li a {line-height: 81px;background-image: url('/image/sub/pre_abstract_bg_m.png');background-size: 105px;}

table.conferenceTbl {margin: 10px 0;}
table.conferenceTbl th,
table.conferenceTbl td{padding: 5px;}
table.conferenceTbl td.btn a {padding: 10px 10px 12px;}
table.conferenceTbl td span {margin-top: 10px;}

ul.absList_sub a {padding: 10px;}
}


/* PC : width:960px ~ */
@media screen and (min-width: 960px) {

ul.absList li{width: calc(25% - 15px); margin: 20px 0 0 20px;}
ul.absList li:nth-child(4n+1){margin-left: 0; clear:both;}
ul.absList li a {line-height: 137px;background-image: url('/image/sub/pre_abstract_bg.png');}

table.conferenceTbl {margin: 20px 0 30px;}
table.conferenceTbl th,
table.conferenceTbl td{padding: 20px 15px;}
table.conferenceTbl td.btn {padding: 30px 20px;}
table.conferenceTbl td span {margin-top: 20px;}

ul.absList_sub a {padding: 15px 30px;}
}



/* 분과전문의 연수교육*/
div.specialistLec {}

dl.year, dl.year dt, dl.year dd, dl.year ul, dl.year li, dl.year a {margin: 0;padding: 0;list-style:none;text-decoration: none;color: inherit;}
dl.year {z-index: 20;position: relative;border: 1px solid #cacaca;}
dl.year a.trigger {position: relative;padding: 5px 30px 5px 10px;color: inherit;}
dl.year a.trigger:after {position: absolute;right: 10px;top: 50%;height: 20px;margin-top: -10px;line-height: 20px;content: "▼";}
dl.year .view a.trigger:after {transform:rotate(180deg);}
dl.year > dd {position: absolute;left: -1px;top: 34px;width: 100%;border: 1px solid #cacaca;border-top: 0 none;background-color: #fff;}
dl.year > dd ul {padding: 0 10px 10px;}
dl.year > dd li {padding-top: 5px;}
dl.year > dd li:first-child {padding-top: 10px;border-top: 1px solid #cacaca;}

div.specialistLec p.fwBold {margin: 0;line-height: 2;}

div.vodArea {background-color: #c0c0c0;}

/*  Mobile : ~ width:839px  */
@media screen and (max-width: 959px) {
dl.year > dd {top: 31px;}

div.specialistLec table.tblDef th,
div.specialistLec table.tblDef td {padding: 5px 0;word-break:keep-all;}
div.specialistLec table.tblDef th {font-size: .9em;}

div.specialistLec ul.listNote {padding-top: 5px;}
div.specialistLec ul.listNote > li {margin-top: 10px;}

div.vodArea {height: 200px;}

}


/* PC : width:960px ~ */
@media screen and (min-width: 960px) {
div.specialistLec {}
dl.year {width: 150px;}

div.specialistLec ul.listNote {padding-top: 10px;}
div.specialistLec ul.listNote > li {margin-top: 20px;}

div.vodArea {height: 480px;}
}

/*201223*/
.lecture_btn1,.lecture_btn2{position:relative;}
.lecture_btn1::after {content:"VOD를 제공하지 않습니다.";}
.lecture_btn2::after {content:"Q&A가 없습니다.";}

.lecture_btn1::after,.lecture_btn2::after {
    position:absolute;
    left: 10px;
    display:none;
    background:#42a9f6;
    border-radius:10px;
    color:white;
    font-size:13px;
    padding: 8px 12px;
}

.lecture_btn2::after{
    background:#2d3c8d;
}

.lecture_btn1::after{top:5px;}
.lecture_btn2::after{top:15px;}


.lecture_btn1:hover::after,.lecture_btn2:hover::after{display:block;}

.tg  {width:100%;border-collapse:collapse;border-spacing:0;border:none;border-top: 2px solid #09397d;}
.tg td{border:none;overflow:hidden;padding:10px 5px;word-break:normal;text-align:center;vertical-align:middle;}
.tg th{overflow:hidden;padding:10px 5px;word-break:normal;text-align:center;background-color:#e6ebf2;}