@charset "utf-8";

.fcRed {color: #f00 !important;}
.fcPoint{color: #0c2e86 !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; padding: 10px 0px 16px;font-size:16px;border-style:solid;border-width:1px;vertical-align:top;text-align: center !important;}

.btn a {height:auto;line-height: 19px;padding: 7px 15px;}
.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;text-align: left !important;}
.btn .btnArr {background-image:url('/image/common/btnBl_arr.png');;background-repeat:no-repeat;}
.btn .btnCancel {background-image:url('/image/common/btnBl_cancel.png');background-repeat:no-repeat;}

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

.btn .middleBtn {width:400px;font-size:16px;}
.btn a.middleBtn {padding:7px 0 8px;}



.btn .btnHome:before {content: "\f015";font-family: "Font Awesome 5 Free";font-weight: 900;}

/* 기본버튼 */
.btn a.btnDef,
.btn input.btnDef,
.btn button.btnDef {min-width: 70px; padding: 5px 0px 6px;font-size:16px;}

/* 중간사이즈 버튼 height:24px */
.btn .btnMid {min-width:100px !important;height:50px;padding:8px 30px 10px;font-size:1.2em;font-weight:normal;}
.btn a.btnMid,
.btn > span.btnMid {min-width:58px;height:auto;padding:14px 20px 15px;}

/* 큰 버튼 height:24px */
.btn .btnBig {min-width:150px !important;height:50px;padding:8px 30px 10px;font-size:1.2em;font-weight:normal;}
.btn a.btnBig,
.btn > span.btnBig {min-width:58px;height:auto;padding:14px 20px 15px;}

div.btnArea * {margin-left:10px;}
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:3px 10px 5px;line-height:14px;}

table.inputTbl .btnSmall {height:35px;font-size:12px;}
table.inputTbl a.btnSmall,
.btn > span.btnSmall{height:18px;padding:9px 13px 6px;}


.btn > span {display: inline-block;position: relative;}
.btn > span .opacity0 {position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: 0;border: 0 none; text-align: center;}





/* 파란색 */			.btn .btnDef {background-color:#123e97;border-color:#123e97;color:#fff !important;}
/* 하늘색 */			.btn .btnPoint {background-color:#2391d0;border-color:#2391d0;color:#fff !important;}
/* 회색 */				.btn .btnGrey {background-color:#b0b0b0;border-color:#b0b0b0;color:#fff !important;}
/* 연회색 */			.btn .btnLGrey {background-color:#eee;border-color:#eee;color:#000 !important;}
/* 진회색 */			.btn .btnBGrey {background-color:#626262;border-color:#626262;color:#fff !important;}
/* 빨간색 */			.btn .btnRed, .btnToday {background-color:#e72259;border-color:#e72259;color:#fff !important;}
/* 주황색 */			.btn .btnOrg, .btnView {background-color:#ec6628;border-color:#ec6628;color:#fff !important;}
/* 녹색 */				.btn .btnGreen {background-color:#26c6e8;border-color:#26c6e8;color:#fff !important;}
/* 흰색 */				.btn .btnWhite, .btnRegist {background-color:#fff;border-color:#e5e5e5;color:#323232 !important;}
/* 보라색 */			.btn .btnPurple, .btnPreview {background-color:#6d2d88;border-color:#6d2d88;color:#fff !important;}
/* 노란색 */			.btn .btnYellow, .btnSubmit {background-color:#ee9141;border-color:#ee9141;color:#fff !important;}
/* 네이비 */			.btn .btnNavy {color: #fff; background-color: #424a59 !important; border-color: #424a59 !important;}
/* 검정 */			.btn .btnBlack {color: #fff; background-color: #202020 !important; border-color: #202020 !important;}

/* border+파란색 */		.btn .btnBdDef {background-color:#fff;border-color:#123e97;color:#123e97 !important;}
/* border+남색 */			.btn .btnBdPoint {background-color:#fff;border-color:#424a59;color:#424a59 !important;}
/* border+회색 */			.btn .btnBdGrey {background-color:#fff;border-color:#b0b0b0;color:#b0b0b0 !important;}


.btn .btnWrite,
.btn .btnCheck,
/* .btn .btnList */,
.btn .btnReply,
.btn .btnDel,
.btn .btnReset,
.btn .btnBook,
.btn .btnDown {position: relative;}
.btn .btnWrite:after,
.btn .btnCheck:after,
/* .btn .btnList:after */,
.btn .btnReply:after,
.btn .btnDel:after,
.btn .btnReset:after,
.btn .btnBook:after,
.btn .btnDown:after {position: absolute;right: 1em;top: 50%;margin-top: -0.5em;line-height: 1em;font-family: "Font Awesome 5 Free";font-weight: 900;}

/* .btn .btnWrite:after, .btn .btnCheck:after {content: "\f14a";font-weight: 400;} */
/* .btn .btnList:after {content: "\f0ca";} */
.btn .btnReply:after {content: "\f3e5";}
.btn .btnDel:after {content: "\f2ed";}
/* .btn .btnReset:after {content: "\f057";font-weight: 400;} */
.btn .btnBook:after {content: "\f02d";}
.btn .btnDown:after {content: "\f019";}


/* 파일첨부 */
div.selectFile {overflow:hidden;margin-top: 5px;}
div.selectFile:first-child {margin-top: 0;}
div.selectFile p {float:left;}
div.selectFile p input[type=text] {height:35px;padding: 4px 10px;}
div.selectFile p.find {position: relative;width:80px;height: 24px;padding: 5px 0 6px;margin-left:5px;background-color:#393939;color: #fff;text-align: center;}
div.selectFile p.find input {position: absolute;left: 0;top: 0;width:100%;height:100%;padding: 0;border: 0 none;}


.multi div.selectFile {float: none;}

.listNum{}
.listNum > li{list-style:decimal !important; list-style-position: inside !important;}


.subTit {font-size: ;}
.subTit_bl{font-size: 22px; color: #123e97; font-weight: bold; padding-left:20px; background: url(/image/sub/subTit_bl.png) no-repeat left 10px; font-family: 'NotoSansKR Medium', sans-serif; margin: 50px 0 10px;}
.boldTit {font-family: "NotoSansKr Bold", sans-serif; font-size: 18px;margin: 30px 0 10px; color: #333;}
.pointTit {font-family: "NotoSansKr Bold", sans-serif; font-size: 15px;margin: 30px 0 10px; color: #0c2e86;}

.btnRound{border-radius: 20px;}
.bgBox{background-color: #eef4f8; padding: 55px 40px 25px 40px; background-repeat: no-repeat; color: #666666;}
.bgBox span{display:block; text-align: right; margin-top: 20px;}
.indent{position: absolute; top: -99999px; left: -99999px; height: 1px; width: 1px; line-height: 0;}
.imgArea{text-align: center;}



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


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

div.bbsSearch {position:relative;width: 555px; margin:0 auto 40px;text-align: center;}
div.bbsSearch select,
div.bbsSearch input[type=text],
div.bbsSearch span.btn {display: inline-block; vertical-align: top;}

div.bbsSearch select,
div.calendarUtil select {width: 150px;height: 35px; color: #989898; font-family: 'notosanskr demilight'. sans-serif;}
div.bbsSearch input[type=text],
div.calendarUtil input[type=text] {width: 323px;height: 35px;}
div.bbsSearch span.btn *,
div.calendarUtil span.btn * {height: 35px;background-color: #626262;border-color: #626262;color: #fff; font-family: 'NotoSansKR DemiLight', sans-serif;padding: 4px 0 5px;}
div.bbsSearch p.bbsBrief {position: absolute;left: 0;top: 50%;width: 120px;margin:-12px 0 0;padding: 0;}

div.bbsBrief {overflow: hidden;}
div.bbsBrief p {float: right;margin: 0;}
div.bbsBrief p:first-child {float: left;}

div.bbsSearch.ar {width: auto;height: 35px;margin-bottom: 80px;}
div.bbsSearch.ar form {float: right;}
div.bbsSearch.ar p.bbsBrief {left: auto;right: 0;margin-top: 49px;}

p.bbsNote {padding-bottom: 10px;text-align: right;font-weight: 400;color: #ec1776;}

div.bbsList {margin-top: 10px;}
dl.bbsItem {position: relative;padding:  0 130px 0 0;margin: 0;border-bottom: 1px solid #d2d2d2;}
dl.bbsItem:first-child {border-top: 1px solid #123e97;}

dl.bbsItem a,
table.tblBbs a {text-decoration: none;color: inherit; color: #808080;}
dl.bbsItem > dt {position: relative;padding: 20px 150px 20px 0; font-size: 16px;color: #313131;font-weight: 600; border-bottom: 1px solid #ccc; font-family: 'NotoSansKR Medium', sans-serif;}
dl.bbsItem > dt a {position:relative;overflow:hidden;display: inline-block;max-width:100%;text-overflow:ellipsis;white-space:nowrap;color: #313131; }
dl.bbsItem > dt span {position: absolute;left: -70px;top: 20px;width: 50px;font-size: 14px;line-height: 18px;padding: 2px 0 4px;text-align: center;color: #313131;}
dl.bbsItem > dt span.notice {background-color: #fa0c0c;color: #fff;}

dl.bbsItem > dt a div.new {margin-left:10px;text-align:center;display:inline-block;position: relative;width: 30px;height:20px;font-size: 14px;line-height: 18px;padding: 2px 0 4px; background-color:orange;color:white;}

dl.bbsItem > dd {margin: 0;}
dl.bbsItem > dd.attach img,
table.tblBbs a img {vertical-align: top;margin: 2px 5px 0 0;}

dl.bbsItem > dd.pubDate {position: absolute;right: 0;top: 5px;width: 100px; text-align: center;color: #313131; padding-top: 40px;}
dl.bbsItem > dd.pubDate strong {display:block; position: absolute; top:0; left:0; width: 100%;font-size: 30px; color: #123e97;}
dl.bbsItem > dd.pubDate span {width: 100%;color: #313131;}

dl.bbsItem > dd.info {border-bottom: 1px solid #d2d2d2;padding-bottom: 5px;text-align: right;font-size: 14px;color: #808080;}

dl.bbsItem > dd.attach {height: 19px;padding: 10px 0;color: #808080;}
dl.bbsItem > dd.attach a {position: relative; display: inline-block; font-size: 14px;}

dl.bbsItem.deleted {height: 97px;background-color: #fbfbfb;}
dl.bbsItem.deleted > dd.attach {display: none;}


div.bbs span.cate {position: absolute;top: 50%;padding: 0 5px 2px;text-align: center;color: #fff;font-weight: 300 !important;font-size: 0.8em !important;}
div.bbs span.cate.type01 {background-color: #3180d5;}
div.bbs span.cate.type02 {background-color: #24275d;}
div.bbs span.cate.type03 {background-color: #555ab6;}
div.bbs span.cate.type04 {background-color: #1766ec;}

div.bbsList .admin {display: none;position: absolute; right: 20px;top: 70px;font-size: 12px;text-align: center;}
div.bbsList .admin a {color: #808080;}

.admin dl.bbsItem > dd.info {position: absolute; top:20px; right:115px; border:0 none; padding-bottom: 0;}
div.bbsList.admin .admin {display: block;text-align: right;}


dl.bbsItem.thumbnail {min-height: 106px;padding:20px 118px 20px 196px;}
dl.bbsItem.thumbnail dt span {left: -196px;}
dl.bbsItem.thumbnail .thumb {position: absolute;left: 70px;top: 15px;}
dl.bbsItem.thumbnail .thumb a, dl.bbsItem.thumbnail .thumb img {display: block;}
dl.bbsItem.thumbnail .admin {top: 64px;}

div.bbsUtil {overflow: hidden;text-align: right;margin: 50px 0;}
div.bbsUtil a.btnMid {padding: 14px 14px 15px;}
div.bbsUtil .btnList {float: left;background-color: #626262;border-color: #626262;color: #fff;}
div.bbsUtil i {padding-left: 10px;}


table.bbs {margin-top: 20px;}
table.bbs > tbody > tr > td {padding:10px 5px; text-align: center;}
table.bbs ul, table.bbs li {margin: 0;padding: 0;list-style:none;}
table.bbs a {text-decoration: none;color: #313131;}

table.bbs span.notice {padding: 0 5px 1px;background-color: #df4c3c;color: #fff;font-size: 14px;}


table.bbs > tbody > tr > td.tit {padding-left: 10px;text-align:left;}
table.bbs > tbody > tr > td.tit a {display:inline-block;width:300px;overflow:hidden;position:relative;text-overflow:ellipsis; white-space:nowrap;text-decoration: none;color:#393939;}

table.bbs > tbody > tr > td.tit a > span {display: inline !important;}
table.bbs > tbody > tr > td.tit img.notice {vertical-align:top;padding:4px 5px 0 0;}

table.bbs td.tit a.new {}
table.bbs td.tit a.new img.new {position:absolute;right:0;top:50%;margin-top:-8px;}
table.bbs td.tit a.reply span.reply {display: inline-block;position: absolute;right: 25px;top: 50%;margin-top: -12px;}

table.bbs td.admin a {font-size: 14px;}

table.bbs ul.info {}
table.bbs ul.info li {display: inline-block;padding-top: 1px;font-size: 14px;line-height: 18px;color: #808080;vertical-align: top;}
table.bbs ul.info li:first-child {padding-top: 0;font-size: 16px;color: #313131;}
table.bbs ul.info li:first-child:after,
table.bbs ul.info li:last-child:before {display: inline-block;padding: 0 5px;content: " / ";}


/* 페이징 */
ul.pager {margin: 0;padding:30px 0;text-align:center;}
ul.pager li {display:inline-block;vertical-align: top;list-style:none;}
ul.pager li {margin-left:2px;}
ul.pager li:first-child {margin-left:0;}
ul.pager img {display:inline;/*width: 100%;*/vertical-align: top;}

ul.pager a {display: inline-block;width: auto;border:0 none;padding: 3px 5px 5px;vertical-align: top;font-size: 14px;line-height:20px;text-decoration: none;color: #808080;}

ul.pager .first a,
ul.pager .prev a,
ul.pager .next a,
ul.pager .last a {display:inline-block;width: 30px;padding:0;}

ul.pager a.btnDef,
ul.pager a.on {background-color: #fff;color: #000;text-align: center;}
ul.pager a img {width: 30px;vertical-align: top;}


/* 게시판 글보기 */
div.bbsView {}
div.bbsView dl.bbsItem:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: ".";}
div.bbsView dl.bbsItem {padding: 0;margin: 0 0 10px;border-top: 1px solid #1a3f93;padding-bottom: 10px;border-bottom: 1px solid #d2d2d2;text-align: right;}
div.bbsView dl.bbsItem > dt {padding: 10px;margin-bottom: 10px;text-align: center;background-color: #f0f5ff;color: #123e97;font-size: 1.2em;font-weight: 500;}
div.bbsView dl.bbsItem > dd {display: inline-block;margin: 0;color: #313131;}
div.bbsView dl.bbsItem > dd:nth-child(2) {margin-left: 400px;}
div.bbsView dl.bbsItem > dd:nth-child(2):after {display: inline-block;content: "";padding: 0 10px;}

div.bbsView dl.bbsItem > dd span,
div.bbsView dl.bbsItem > dd a {color: #808080;text-decoration: none;}


div.bbsCon {padding: 20px;}
div.vodArea {margin: 20px;height: 400px;background-color: #f8f8f8;}


table.tblBbs {border-top: 1px solid #d2d2d2;}
table.tblBbs:first-child {border-top-color:#3180d5;}
table.tblBbs > * > tr > th,
table.tblBbs > * > tr > td {font-size: 14px; padding: 10px 15px;}
table.tblBbs > * > tr > th {background-color: #f8f8f8;color: #313131;font-weight: normal;}
table.tblBbs > * > tr > .tit {text-align: center;font-weight: 400;text-align: center;color: #3180d5;background-color: #f8f8f8;}


/* 댓글 */
div.replyArea {position: relative;border:1px solid #d2d2d2;margin:80px 0;padding:5px 25px 25px;}
div.replyArea a {text-decoration: none;color: inherit;}
div.replyArea .brief {position: absolute;left: 0;top: -40px;color: #313131;font-size: 1.1em;}

dl.replyItem {position: relative;margin: 0;padding: 20px;border-bottom: 1px solid #d2d2d2;}

dl.replyItem.reply,
div.replyWrite.reply {background-image: url('/image/icon/replyBl.png');background-repeat: no-repeat;}
dl.replyItem.reply {padding-left: 80px;background-position:60px 25px;}
div.replyWrite.reply {padding-left: 45px;background-position:25px 25px;}


dl.replyItem > dt,
dl.replyItem > dd {margin: 0;}
dl.replyItem > dt {color: #313131;font-size: 1.1em;}
dl.replyItem > dt span,
dl.replyItem > dt a {display: inline-block;color: #808080;font-size: 0.7em; vertical-align: top;}
dl.replyItem > dt span {vertical-align: top; margin-right: 5px;}
dl.replyItem > dt span::before {display: inline-block; content: "|";padding: 0 10px; font-size: 14px; vertical-align: bottom !important;}
dl.replyItem > dt a {}
dl.replyItem > dt a:before {display: inline-block;padding-right: 5px;content: "\f3e5";font-family: "Font Awesome 5 Free";font-weight: 900;color: #000;}
dl.replyItem > dd {padding-top:20px;font-size: 14px;color: #808080;}
dl.replyItem > dd.util,
dl.replyItem.modify > dd.util {position: absolute; right: 20px;top: 23px;text-align: right; padding: 0;}
dl.replyItem > dd.util a {color: #f00;}
dl.replyItem > dd.util a:first-child {color: #808080;}
dl.replyItem > dd.util a:first-child:after {display: inline-block;content: "|";padding: 0 6px 0 10px;color: #808080;}
dl.replyItem.modify > dd.util {display:  none;}

div.replyWrite {position: relative;padding: 20px 150px 20px 20px;border-bottom: 1px solid #d2d2d2;}
div.replyArea textarea {width: 100%;height: 100px;padding: 10px;box-sizing:border-box;border: 1px solid #d2d2d2;background-color: #f7f7f7;}
div.replyArea span.btn {position: absolute;right: 20px;top: 20px;width: 120px;height: 100px;}
div.replyArea span.btn * {width: 100%;height: 100%;padding: 0;border: 0 none;font-size: 1.2em;font-weight: bold;}

dl.replyItem.modify > dd {position: relative;padding: 20px 130px 0 0;}
dl.replyItem.modify span.btn {right: 0;}


/* 게시판 글쓰기 */
ul.popSize li {margin-top:5px;}
ul.popSize li:first-child {margin-top:0;}
ul.popSize li input[type=text] {width:80px; margin-right:5px; text-align:center;}

table.inputTbl .date > * {float: left;}
table.inputTbl .date > *:first-child {margin-left: 0;}
table.inputTbl .date label {width: auto;}

table.inputTbl .date input[type=text] {width: 120px;padding-right: 30px;}
table.inputTbl .date input[type=image] {width: 16px;margin: 8px 0 0 -25px;}

table.inputTbl .period > *,
table.inputTbl .period > .clear > * {float: left;margin-left: 10px;}
table.inputTbl .period > *:first-child,
table.inputTbl .period > .clear,
table.inputTbl .period > .clear >*:first-child {margin-left: 0;}
table.inputTbl .period input[type=radio], table.inputTbl td.period input[type=checkbox] {margin: 11px 0 0 20px;}
table.inputTbl .period input[type=text] {width: 100px;}
table.inputTbl .period select {width: 70px;min-width:70px;}
table.inputTbl .period label,
table.inputTbl .period span {line-height: 35px;}

table td.editArea {padding:0 !important;text-align:left;}
div.editArea {margin-top:20px;}


div.bbsWrite {margin-top: 80px;}
div.bbsWrite tr.pcOnly {display:table-row !important;}
div.bbsWrite select {width: auto;}
div.bbsWrite .btnArea i {padding-left: 10px;}

}


/* mobile */
@media all and (max-width: 960px) {


/* 게시판 리스트 */
div.bbsList.admin {display: block;}
div.bbsSearch select,
div.bbsSearch input[type=text],
div.bbsSearch span.btn {display: block;width: 100%;}
div.bbsSearch select,
div.bbsSearch input[type=text] {height: 35px;box-sizing:border-box;}

div.bbsSearch input[type=text] {margin: 5px 0;}
div.bbsSearch span.btn * {width: 100%;}

div.bbsSearch {margin: 0 0 20px 0;}

div.sort {margin: 10px;}
div.sort select {width: 100%;}

div.bbsSearch > div.sort {margin: 10px 0;}
div.bbsSearch > div.sort select {width: auto;}


div.bbsBrief {overflow: hidden;}
div.bbsBrief p {float: right;margin: 0;}
div.bbsBrief p:first-child {float: left;}


p.bbsNote {padding-bottom: 10px;text-align: right;font-weight: 400;color: #ec1776;}

div.bbsList {margin-top: 10px;}
dl.bbsItem {position: relative;padding:0 35px 5px 0px;margin: 0;border-bottom: 1px solid #d2d2d2;}
dl.bbsItem:first-child {border-top: 1px solid #3180d5;}

dl.bbsItem a,
table.tblBbs a {text-decoration: none;color: inherit;}
table.tblBbs a.attach {display: inline;word-break:break-all;}
dl.bbsItem > dt {position: relative;padding: 15px 0 5px;font-size: 16px;color: #313131;font-weight: 400;}
dl.bbsItem > dt a {position:relative; overflow:hidden; display: inline-block; max-width:100%; text-overflow:ellipsis; white-space:nowrap; font-family: 'NotoSansKR Medium', sans-serif; font-weight: 600;}
dl.bbsItem > dt span {position: absolute;left: -60px;top: 15px;width: 50px;font-size: 14px;line-height: 18px;padding: 2px 0 4px;text-align: center;color: #313131;}
dl.bbsItem > dt span.notice {background-color: #fa0c0c;color: #fff;}
dl.bbsItem > dt a div.new {margin-left:10px;text-align:center;display:inline-block;position: relative;width: 30px;height:20px;font-size: 14px;line-height: 18px;padding: 2px 0 4px; background-color:orange;color:white;}


dl.bbsItem > dd {margin: 0;}
dl.bbsItem > dd.attach img,
table.tblBbs a img {vertical-align: top;margin: 2px 5px 0 0;}


dl.bbsItem > dd.info {padding-bottom: 5px;font-size: 14px;color: #808080;}

dl.bbsItem > dd.attach {position: absolute;right: 0;top: 0;width: 35px;height: 100%;}
dl.bbsItem > dd.attach a {display: none;}
dl.bbsItem > dd.attach:after {position: absolute;left: 0;top: 50%;width: 100%;margin-top: -0.5em;text-indent: 0;font-size: 1.5em;line-height: 1em;font-family: "Font Awesome 5 Free";color: #808080;content: "\f15c";font-weight: 400;text-align: center;}

dl.bbsItem > dd.pubDate {width: 100px; text-align: left;color: #313131;}
dl.bbsItem > dd.pubDate strong {font-weight: 400;}
dl.bbsItem > dd.pubDate span {width: 100%;color: #313131;}
dl.bbsItem > dd.pubDate span::after {content:"."; display:inline-block;}

dl.bbsItem > dd.admin {display: none;}

dl.bbsItem.deleted {height: 50px;background-color: #fbfbfb;}


div.bbs span.cate {position: absolute;top: 50%;padding: 0 5px 2px;text-align: center;color: #fff;font-weight: 300 !important;font-size: 0.8em !important;}
div.bbs span.cate.type01 {background-color: #3180d5;}
div.bbs span.cate.type02 {background-color: #24275d;}
div.bbs span.cate.type03 {background-color: #555ab6;}
div.bbs span.cate.type04 {background-color: #1766ec;}


dl.bbsItem.thumbnail {padding:0 35px 10px 130px;}
dl.bbsItem.thumbnail dt span {left: -130px;}
dl.bbsItem.thumbnail .thumb {position: absolute;left: 58px;top: 15px;}
dl.bbsItem.thumbnail .thumb a, dl.bbsItem.thumbnail .thumb img {display: block;width: 65px;}


div.bbsUtil {overflow: hidden;text-align: right;margin: 10px 0;}
div.bbsUtil i {padding-left: 10px;}
div.bbsUtil .btnMid {padding: 9px 15px 10px; font-size: 14px;}
div.bbsUtil a.btnMid {padding: 9px 15px 10px; font-size: 14px;}

table.bbs {margin-top: 20px;}
table.bbs > tbody > tr > td {padding:10px 5px;border-left: 0 none;text-align: center;}
table.bbs ul, table.bbs li {margin: 0;padding: 0;list-style:none;}
table.bbs a {text-decoration: none;color: #313131;}

table.bbs span.notice {padding: 0 5px 1px;background-color: #df4c3c;color: #fff;font-size: 14px;}


table.bbs > tbody > tr > td.tit {padding-left: 10px;text-align:left;}
table.bbs > tbody > tr > td.tit a {display:inline-block;width:300px;overflow:hidden;position:relative;text-overflow:ellipsis; white-space:nowrap;text-decoration: none;color:#393939;}

table.bbs > tbody > tr > td.tit a > span {display: inline !important;}
table.bbs > tbody > tr > td.tit img.notice {vertical-align:top;padding:4px 5px 0 0;}

table.bbs td.tit a.new {}
table.bbs td.tit a.new img.new {position:absolute;right:0;top:50%;margin-top:-8px;}
table.bbs td.tit a.reply span.reply {display: inline-block;position: absolute;right: 25px;top: 50%;margin-top: -12px;}

table.bbs td.admin a {font-size: 14px;}

table.bbs ul.info {}
table.bbs ul.info li {display: inline-block;padding-top: 1px;font-size: 14px;line-height: 18px;color: #808080;vertical-align: top;}
table.bbs ul.info li:first-child {padding-top: 0;font-size: 16px;color: #313131;}
table.bbs ul.info li:first-child:after,
table.bbs ul.info li:last-child:before {display: inline-block;padding: 0 5px;content: " / ";}


/* 페이징 */
ul.pager {margin: 0;padding:20px 0 10px;text-align:center;}
ul.pager li {display:inline-block;vertical-align: top;list-style:none;}
ul.pager li {margin-left:2px;}
ul.pager li:first-child {margin-left:0;}
ul.pager img {display:inline;/*width: 100%;*/vertical-align: top;}

ul.pager a {display: inline-block;width: auto;border:0 none;padding: 0 5px;vertical-align: top;font-size: 14px;line-height:20px;text-decoration: none;color: #808080;}

ul.pager .first a,
ul.pager .prev a,
ul.pager .next a,
ul.pager .last a {display:inline-block;width: 20px;padding:0;}

ul.pager a.btnDef,
ul.pager a.on {background-color: #fff;color: #000;text-align: center;}
ul.pager a img {width: 20px;vertical-align: top;}


/* 게시판 글보기 */
div.bbsView {margin: 10px;}
div.bbsView dl.bbsItem:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: ".";}
div.bbsView dl.bbsItem {padding: 0 0 10px;margin: 0;border-top: 1px solid #1a3f93;padding-bottom: 10px;border-bottom: 1px solid #d2d2d2;text-align: right;}
div.bbsView dl.bbsItem > dt {padding: 10px;margin-bottom: 5px;text-align: center;background-color: #f0f8ff;color: #1a3f93;font-size: 1.2em;font-weight: bold;}
div.bbsView dl.bbsItem > dd {display: inline-block;margin: 0;color: #313131; font-size: 13px;}
div.bbsView dl.bbsItem > dd:last-child {display:block;}


div.bbsView dl.bbsItem > dd span,
div.bbsView dl.bbsItem > dd a {color: #808080;text-decoration: none;}


div.bbsCon {padding:10px 0;}
div.vodArea {margin: 20px;height: 400px;background-color: #f8f8f8;}


table.tblBbs {border-top: 1px solid #d2d2d2;}
table.tblBbs:first-child {border-top-color:#3180d5;}
table.tblBbs > * > tr > th,
table.tblBbs > * > tr > td {font-size: 14px;}
table.tblBbs > * > tr > th {background-color: #f8f8f8;color: #313131;font-weight: normal;}
table.tblBbs > * > tr > .tit {text-align: center;font-weight: 400;text-align: center;color: #3180d5;background-color: #f8f8f8;}


/* 댓글 */
div.replyArea {position: relative;border:1px solid #d2d2d2;margin:50px 10px 10px;padding:0 10px;}
div.replyArea a {text-decoration: none;color: inherit;}
div.replyArea .brief {position: absolute;left: 0;top: -30px;color: #313131;font-size: 1.1em;}

dl.replyItem {position: relative;margin: 0;padding: 10px 0;border-bottom: 1px solid #d2d2d2;}

dl.replyItem.reply,
div.replyWrite.reply {padding:10px 0 10px 20px;background: url('/image/icon/replyBl.png') 8px 18px no-repeat;background-size: 6px;}



dl.replyItem > dt,
dl.replyItem > dd {margin: 0;}
dl.replyItem > dt {color: #313131;font-size: 1em;}
dl.replyItem > dt span,
dl.replyItem > dt a {display: inline-block;color: #808080;font-size: 0.8em;}
dl.replyItem > dt span {display: inline-block;content: "|";padding: 0 8px;}
dl.replyItem > dt a {}
dl.replyItem > dt a:before {display: inline-block;padding-right: 5px;content: "\f3e5";font-family: "Font Awesome 5 Free";font-weight: 900;color: #000;}
dl.replyItem > dd {padding-top:10px;font-size: 14px;color: #808080;}
dl.replyItem > dd.util,
dl.replyItem.modify > dd.util {right: 20px;top: 25px;text-align: right;}
dl.replyItem > dd.util a {color: #f00;}
dl.replyItem > dd.util a:first-child {color: #808080;}
dl.replyItem > dd.util a:first-child:after {display: inline-block;content: "|";padding: 0 6px 0 10px;color: #808080;}

dl.replyItem.modify > dd {position: relative;padding: 10px 90px 0 0;}
dl.replyItem.modify > dd.util {display:  none;}

dl.replyItem.deleted {padding: 10px;background-color: #f8f8f8;}
dl.replyItem.deleted dd {font-weight: bold;color: #000;}


div.replyWrite {position: relative;padding:0 90px 10px 0 !important;border-bottom: 1px solid #d2d2d2;}
div.replyArea textarea {width: 100%;height: 100px;padding: 10px;box-sizing:border-box;border: 1px solid #d2d2d2;background-color: #f7f7f7;}
div.replyArea span.btn {position: absolute;right: 0;top: 10px;width: 80px;height: 100px;}
div.replyArea span.btn * {width: 100%;height: 100%;padding: 0;border: 0 none;font-size: 1.2em;font-weight: bold;}

div.replyArea > div.replyWrite {margin-top: 10px;}
div.replyArea > div.replyWrite span.btn {top: 0;}


/* 게시판 글쓰기 */
ul.popSize li {margin-top:5px;}
ul.popSize li:first-child {margin-top:0;}
ul.popSize li input[type=text] {width:80px; margin-right:5px; text-align:center;}

table.inputTbl .date > * {float: left;}
table.inputTbl .date > *:first-child {margin-left: 0;}
table.inputTbl .date label {width: auto;}

table.inputTbl .date input[type=text] {width: 120px;padding-right: 30px;}
table.inputTbl .date input[type=image] {width: 16px;margin: 8px 0 0 -25px;}

table.inputTbl .period > *,
table.inputTbl .period > .clear > * {float: left;margin-left: 10px;}
table.inputTbl .period > *:first-child,
table.inputTbl .period > .clear,
table.inputTbl .period > .clear >*:first-child {margin-left: 0;}
table.inputTbl .period input[type=radio], table.inputTbl td.period input[type=checkbox] {margin: 11px 0 0 20px;}
table.inputTbl .period input[type=text] {width: 100px;}
table.inputTbl .period select {width: 70px;min-width:70px;}
table.inputTbl .period label,
table.inputTbl .period span {line-height: 35px;}

table td.editArea {padding:0 !important;text-align:left;}
div.editArea {margin-top:20px;}


div.bbsWrite {margin-top: 80px;}
div.bbsWrite select {width: auto;}
div.bbsWrite .btnArea i {padding-left: 10px;}



/* Newsletter_View*/
div.newsletterView {padding:20px 0;text-align: center;}
div.newsletterView span.thumb {display: inline-block;width: 230px;height: 270px;border: 1px solid #ddd;background:#f9f9f9 url('/image/common/thumb_logo.png') center center no-repeat;}
div.newsletterView img.noThumb {display: none;}

div.newsletterView span.btn {display: block;padding-top: 20px;}
div.newsletterView span.btn a {padding: 6px 20px 6px;margin-left: 10px;border-radius:5px;}
div.newsletterView span.btn a:first-child {margin-left: 0;}
div.newsletterView span.btn i {padding:3px 0 0 5px;}


}

/* 인사말 */
@media all and (min-width: 961px) {
	/* Welcome Message */
	div.welcome{
		position:relative;
		display: flex;
		column-gap: 20px;
		color:#383838;
	}
	div.welcome .photo-wrap {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	div.welcome .photo-box {
		display: block;
		width: 335px;
	}
	div.welcome .photo-box + .photo-box {
		margin-top: 50px;
	}
	div.welcome .photo-box p {
		font-family: 'NotoSansKR Bold', sans-serif;
		font-size:24px;
	}
	div.welcome .photo-box p span {
		display: block;
		margin-top: 30px;
		font-family: 'NotoSansKR Medium', sans-serif;
		font-size: 20px;
	}
	div.welcome .progress-list {
		margin: 35px 0;
		padding: 35px 35px;
		border-radius: 10px;
		background-color: #f2faff;
	}
	div.welcome .progress-list li {
		line-height: 1.8em;
	}
	div.welcome .progress-list li strong{
		font-family: 'NotoSansKR Bold', sans-serif;
		font-size: 18px;
		color: #1e76ae;
	}
	div.welcome .progress-list li .em {
		font-style: italic;
	}
	div.welcome .progress-list li + li {
		margin-top: 30px;
	}
	
	div.welcome h3{color:#2391d0; font-size:26px; font-family: 'NotoSansKR Medium', sans-serif; margin: 0 0 25px; font-weight: normal;}
	div.welcome p{margin: 0; font-size:17px; font-family: 'NotoSansKR DemiLight', sans-serif; line-height:30px; }
	div.welcome p + p {margin-top: 35px;}
}

@media all and (max-width: 960px) {

	/* Welcome Message */
	div.welcome{
		position:relative; color:#383838;
	}
	div.welcome .photo-wrap {
		display: flex;
		justify-content: space-around;
		align-items: start;		
	}
	div.welcome .photo-box {
		display: flex;
		flex-direction: column;
	}
	div.welcome .photo-box p {
		font-family: 'NotoSansKR Bold', sans-serif;
		font-size: 18px;
		line-height: 1.4;
		text-align: center;
	}
	div.welcome .photo-box p span {
		display: block;
		margin-top: 20px;
		font-family: 'NotoSansKR Medium', sans-serif;
		font-size: 14px;
	}
	div.welcome .photo-box img {
		max-width: 100%;
	}
	div.welcome .welcome-text-box {
		padding-top: 20px;
	}
	div.welcome .progress-list {
		margin: 20px 0;
		padding: 20px 20px;
		border-radius: 5px;
		background-color: #f2faff;
	}
	div.welcome .progress-list li strong{
		font-family: 'NotoSansKR Bold', sans-serif;
		font-size: 14px;
		color: #1e76ae;
	}
	div.welcome .progress-list li {
		font-size: 14px;
	}
	div.welcome .progress-list li .em {
		font-style: italic;
	}
	div.welcome .progress-list li + li {
		margin-top: 15px;
	}

	div.welcome h3{color:#2391d0; font-size:15px; font-family: 'NotoSansKR Medium', sans-serif; margin-bottom: 25px; text-align:left; }
	div.welcome p{margin: 0; font-size:14px; font-family: 'NotoSansKR DemiLight', sans-serif; line-height:26px; text-align:justify; }
	div.welcome p + p {margin-top: 20px;}
	div.welcome p.president {text-align: right; font-size:13px; font-family: 'NotoSansKR Bold', sans-serif; }
}

/* 학술행사 일정(캘린더) */

/* 학술행사 일정 리스트 (캘린더) */
/* _달력 Table */

table.calendar {border-top:1px solid #ccc;border-right:1px solid #ccc;}
table.calendar th,
table.calendar td {font-family:'roboto', 'Noto Sans', 'Malgun Gothic', sans-serif;  background-color:#fff;border-left: 1px solid #ccc; border-bottom: 1px solid #ccc;}
table.calendar th {padding:3px 0;background-color:#f5f5f5; font-weight:bold; text-align:center;}
table.calendar td {vertical-align:top;}

table.calendar a,
table.calendar span {display:block; color: #666666;}
table.calendar > td > a > span {display:inline-block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
table.calendar > td > a > span span.pcOnly {width: 100px !important;}

table.calendar .sun,
table.calendar .holiday {color:#d45050 !important;}
table.calendar .today {background-color:#f1f7fa !important;}
/*
table.calendar .sat {color:#0062ad}
table.calendar .event {background-color:#daefff;}
*/

/* _국내외 학술행사 */
div.calendar {position: relative;}
div.calendar div.month {font-family:'roboto', 'Noto Sans', 'Malgun Gothic', sans-serif; text-align:center; margin-bottom: 30px;}
div.calendar div.month * {vertical-align:middle;}
div.calendar div.month a {display:inline-block; background-repeat:no-repeat; background-position:0 0; background-size:100%; font-size:0; line-height:0;}
div.calendar div.month a.prev {background-image:url('/image/sub/bl_monthPrev.png');}
div.calendar div.month a.next {background-image:url('/image/sub/bl_monthNext.png');}

div.calUtil {overflow:hidden;}
div.calUtil  * {vertical-align: middle;}
div.calUtil li {float:left;}
div.calUtil li:first-child {margin-left:0;}
div.calUtil li a {display:block; font-weight:bold;}


table.bigCalendar td a {position:relative;}
table.bigCalendar td a span {}
table.bigCalendar td span.number {display:block; position:absolute; top:2px; right:0; width:auto; font-weight:bold; color:#d45050; letter-spacing:2px;}
table.bigCalendar td a span.day {display:block; width:100%;}

table.bigCalendar td:hover {background-color:#ecf9ff;}
table.bigCalendar td.disable {background-color:#f5f5f5;}
table.bigCalendar td.disable span {color:#bbb !important;}


@media all and (min-width: 961px) {
		/* _국내외 학술행사 */
	div.calendar div.month {margin-top:30px;}
	div.calendar div.month * {line-height:60px;}
	div.calendar div.month span {padding:0 60px; font-size:36px; font-weight:bold;}
	div.calendar div.month a {width:18px; height:32px;}

	table.bigCalendar td span.number {font-size:14px;}

	div.calUtil {overflow:hidden; padding:35px 0 15px; text-align: right;}
	div.calUtil ul {font-size: 0; display:inline-block;}
	div.calUtil li {margin-left:10px; font-size: 15px;}
	div.calUtil ul + span {padding-left:30px;}

	div.calendar p.btn a {line-height: 1.5; padding: 11px 15px 12px;}

	/* _달력 Table */
	table.calendar th,
	table.calendar td span.day {font-size:18px;}

	table.calendar td {height:128px; padding:15px;}
	table.calendar td a {position:relative; font-size:13px;}

	table.calendar td a span {width:140px; padding-bottom:5px;}
	table.calendar td a span span {width:100px; padding-bottom:5px; white-space: nowrap !important; text-overflow: ellipsis !important; overflow: hidden !important;}
	table.calendar td a span img {width:34px; vertical-align: top;}
	
	table.calendar td span.day {padding-bottom:10px;}

div#scheduleCon {width: 1200px; margin: 0 auto 50px;}
div#scheduleCon dt {border-bottom: 0 none; font-size: 15px; color: #313131; padding-bottom: 5px;}
div#scheduleCon dt span {height: auto; width: auto; padding: 0;}
	div#scheduleCon dd.pubDate {color: #313131;position: static; top:auto; right:auto; display:inline-block; padding: 0; width: auto; font-size: 15px; font-weight: 600;}
	div#scheduleCon dd.pubDate::after {content:"/"; display:inline-block; margin-left: 5px;}
	div#scheduleCon dd.place {display:inline-block; font-size: 15px; color: #313131; font-weight: 600; margin-left: 10px;}
	div#scheduleCon dd.btn {position: absolute; top:50%; right:0; margin-top: -32px;}

	div#scheduleCon dd.scheduleAdmin {right:20px;}
	div#scheduleCon dd.scheduleAdmin {display: none;position: absolute; right: 15px;top: 70px;font-size: 12px;text-align: center;}
	div#scheduleCon dd.scheduleAdmin a {color: #808080;}

	div#scheduleCon dd.attach {border-top: 1px solid #ccc; margin-top: 10px;}

	div#scheduleCon div.popupView div.scrollWrap {overflow-y: auto; height: 600px; position: absolute; top:50%; left: 50%; margin: -310px 0 0 -410px; width: 800px; background-color: #fff; padding: 10px;}
	div#scheduleCon div.scrollWrap dl {margin-top: 30px;}
	div#scheduleCon div.scrollWrap dl:first-child {margin-top: 0;}

	div#scheduleCon div.popupView div.scrollWrap dl dt {display:none;}
	div#scheduleCon div.popupView div.scrollWrap dl:first-child dt {display:block; background-color: #009782; color: #fff; text-align: center; padding: 15px 0; font-size: 16px; margin: 10px 0 0;}
	
	div#scheduleCon dl dd {margin: 0;}
	div#scheduleCon dl dd table thead {display:none;}
	div#scheduleCon dl dd table tr {display:block; margin-bottom: 20px;}
	div#scheduleCon dl dd table tr > * {font-size: 13px; display:block; border-left: 0 none; border-right: 0 none;}
	div#scheduleCon dl dd table th {background-color: #123e97 !important; color: #fff; font-weight: 400; font-family: 'NotoSansKR Regular', sans-serif;}

	div#scheduleCon dl dd table tr td {display: block; position: relative; height: 60px; box-sizing:border-box; vertical-align: middle; padding: 17px 10px 17px 32%;}
	div#scheduleCon dl dd table tr td img {display:inline-block;}
	div#scheduleCon dl dd table tr td::before {position: absolute; top:0; left:0; display: block; float: left; content: attr(data-thead); font-weight: bold; width: 30%; background-color: #f5f5f5; height: 60px; vertical-align: middle; box-sizing:border-box; padding: 20px 0; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}

	div#scheduleCon p.close {position: absolute; top:50%; margin-top: -350px; left:50%; margin-left: 385px;}
	div#scheduleCon p.close a {display:block; width: 30px; height: 30px; color: #fff; text-indent: -99999px; position: relative;}
	div#scheduleCon p.close a::after {content:""; display:block; position: absolute; top:0; left:50%; margin-left: -2px; width: 4px; height: 30px; background-color: #fff; transform: rotate(45deg);}
	div#scheduleCon p.close a::before {content:""; display:block; position: absolute; top:0; right:50%; margin-right: -2px; width: 4px; height: 30px; background-color: #fff; transform: rotate(-45deg);}

div.popupView {z-index: 99999; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0, 0.5);}







div.calendar div.bbsSearch {position: absolute; top:0; right:0; width: auto;}
div.calendar div.bbsSearch select {min-width: 100px; width: auto;}
div.calendar div.bbsSearch input.btnDef {background-color: #424a59; padding: 4px 0 5px; font-weight: 400;}

}


@media all and (max-width: 960px) {
		
		/* 학술행사_달력보기 */
div.calendar div.month span {padding:0 30px; font-size:20px; font-weight:bold;}
	div.calendar div.month a {width:10px; height:15px; background-size: auto 100%;}

	table.bigCalendar td {height:60px; text-align: center; }
	table.bigCalendar td  a {height: 76px; padding: 10px 0;}
	table.bigCalendar td span.day {display:block !important; text-align: center; margin-top: 0;}
	table.bigCalendar td span {text-align: center; margin: 3px 0;}
	table.bigCalendar td span.number {position: static; text-align: center; display:block !important;}
	table.bigCalendar td span img {display:block; margin: 0 auto;}

	div.calUtil {padding-top:20px; margin-bottom: 10px;}
	div.calUtil  * {line-height:20px;}
	div.calUtil > ul {overflow:hidden; margin: 10px 0; text-align: center; font-size: 0;}
	div.calUtil li {margin-left:10px; display:inline-block; font-size: 12px;}
	div.calUtil li img {width:31px;}
	div.calUtil > p {padding:10px 0;}

div.calendar div.bbsSearch {width: auto;}
div.calendar div.bbsSearch select {width: 100%; margin-top: 5px;}
div.calendar div.bbsSearch select:first-child {margin-top: 0;}
div.calendar div.bbsSearch input.btnDef {background-color: #424a59; padding: 3px 0 4px; font-weight: 400; margin-top: 5px;}

div#scheduleCon {z-index: 999 !important; position: fixed; top:0; left:0; width: calc(100% - 20px); height: 100%; background-color: rgba(0,0,0, 0.5); padding: 0 10px; margin: 0;}

div#scheduleCon div.popupView div.scrollWrap {overflow-y: auto; height: 405px; position: absolute; top:50%; margin-top: -120px; width: calc(100% - 40px); background-color: #fff; padding: 10px;}
div#scheduleCon div.scrollWrap dl {margin-top: 30px;}
div#scheduleCon div.scrollWrap dl:first-child {margin-top: 0;}
div#scheduleCon dl dt {background-color: #009782; color: #fff; text-align: center; padding: 15px 0; font-size: 16px; margin: 10px 0 0;}

div#scheduleCon dl dd {margin: 0;}
div#scheduleCon dl dd table thead {display:none;}
div#scheduleCon dl dd table tr {display:block; margin-bottom: 20px;}
div#scheduleCon dl dd table tr > * {font-size: 13px; display:block; border-left: 0 none; border-right: 0 none;}
div#scheduleCon dl dd table th {background-color: #123e97 !important; color: #fff; font-weight: 400; font-family: 'NotoSansKR DemiLight', sans-serif;}

div#scheduleCon dl dd table tr td {display: block; position: relative; height: 60px; box-sizing:border-box; vertical-align: middle; padding: 17px 10px 17px 32%;}
div#scheduleCon dl dd table tr td img {display:inline-block;}
div#scheduleCon dl dd table tr td::before {position: absolute; top:0; left:0; display: block; float: left; content: attr(data-thead); font-weight: bold; width: 30%; background-color: #f5f5f5; height: 60px; vertical-align: middle; box-sizing:border-box; padding: 20px 0; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}

div#scheduleCon p.close {position: absolute; top:50%; margin-top: -160px; right:5px;}
div#scheduleCon p.close a {display:block; width: 30px; height: 30px; color: #fff; text-indent: -99999px; position: relative;}
div#scheduleCon p.close a::after {content:""; display:block; position: absolute; top:0; left:50%; margin-left: -2px; width: 4px; height: 30px; background-color: #fff; transform: rotate(45deg);}
div#scheduleCon p.close a::before {content:""; display:block; position: absolute; top:0; right:50%; margin-right: -2px; width: 4px; height: 30px; background-color: #fff; transform: rotate(-45deg);}


div.pcView {display:none;}

}


/* 행사일정 리스트게시판 */
div.conference_list {}

@media all and (min-width: 961px) {
div.conference_list div.bbsSearch {float: right; padding: 0; width: auto; overflow: hidden;}
	
div.conference_list div.confUtil {overflow: hidden; clear: both; margin: 30px 0; padding: 15px 70px; background-color: #fbfbfb;}
	div.conference_list div.confUtil ul {float: left;}
	div.conference_list div.confUtil ul li {display:inline-block; vertical-align: top;}
	div.conference_list div.confUtil ul.backup {float: right;}

	div.conference_list dd.pubDate {color: #313131;position: static; top:auto; right:auto; display:inline-block; padding: 0; width: auto; font-size: 15px; font-weight: 600;}
	div.conference_list dd.pubDate::after {content:"/"; display:inline-block; margin-left: 5px;}
	div.conference_list dd.place {display:inline-block; font-size: 15px; color: #313131; font-weight: 600; margin-left: 10px;}
	div.conference_list dd.btn {position: absolute; top:50%; right:0; margin-top: -32px;}

div.conference_list dd.btn {position: absolute; top:50%; right:0; margin-top: -32px;}
}

@media all and (max-width: 960px) {

div.conference_list div.bbsSearch {padding: 0; width: auto; overflow: hidden;}
	div.bbsSearch select {margin-bottom: 5px !important;}

div.conference_list div.confUtil {overflow: hidden; clear: both; margin: 20px 0; padding: 15px 10px; background-color: #fbfbfb;}
	div.conference_list div.confUtil ul {float: left;}
	div.conference_list div.confUtil ul li {display:inline-block; vertical-align: top;}
	div.conference_list div.confUtil ul.backup {float: right;}

div.conference_list dl {padding-right: 90px;}
	div.conference_list dl dt a {font-size: 14px;}
	div.conference_list dd.attach {display:none;}

	div.conference_list dd.btn {position: absolute; top:50%; right:10px; margin-top: -17px;}
	div.conference_list dd.btn a {font-size: 12px; width: auto;}

	div.conference_list dd.pubDate,
	div.conference_list dd.place {display:inline-block; font-size: 13px; width: auto;}
}
/* 찾아오시는 길 */
div.find_info {}
div.find_info div.map {border: 1px solid #dddddd;}
div.find_info div.map iframe {width: 100%; height: 100%;}

div.find_info div.infoCon {position: relative; font-weight: 400;}
	
div.find_info div.infoCon ul {margin-top: 10px;}
div.find_info div.infoCon ul li span {color: #123e97; font-family: "NotoSansKR medium",sans-serif;}

.bdTit{font-family: "NotoSansKR medium",sans-serif; padding-bottom: 10px;}
.bdTit span {border-bottom: 1px solid #123e97;}	

/* 웹 */
@media all and (min-width: 961px) {
	div.find_info div.map {height: 500px; margin-bottom: 60px;}
	div.find_info h4{margin: 0;}	

	div.find_info div.infoCon {padding-left: 325px;}
	div.find_info div.infoCon > *:nth-child(2) {margin: 0;}

	div.find_info div.infoCon p {font-size: 15px;	margin: 30px 0 0;}	
	div.find_info div.infoCon ul li {margin-left: 73px; text-indent: -73px;}
	div.find_info div.infoCon ul li a {text-indent: 0;}
	div.find_info div.infoCon ul li span {display:inline-block; width: 70px; text-indent: 0px;}

	.bdTit {position: absolute; top:0; left:0; font-size: 19px !important; width: 300px !important; background-size: 100%;}
}

/* 모바일 웹 */
@media all and (max-width: 960px) {
	div.find_info div.map {margin-bottom: 30px;}
		
	div.find_info div.infoCon p {font-size: 13px;	margin: 10px 0 0;}
	div.find_info div.infoCon ul li {margin-left: 73px; text-indent: -73px; font-size: 13px;}
	div.find_info div.infoCon ul li a {text-indent: 0; font-size: 13px;}
	div.find_info div.infoCon ul li span {display:inline-block; width: 70px; text-indent: 0px;}

	.bdTit {font-size: 18px !important; background-size: 150px;}
}

/* 24.12.05 History of KCPCA */
@media all and (min-width: 961px) {
	.history-bg-box {
		padding: 40px;
		background-color: #f9f9ff;
		border-radius: 10px;
	}
	.history-bg-box .tit {
		color: #40619e;
        font-size: 26px;
        font-family: 'NotoSansKR Medium', sans-serif;
        margin: 0 0 40px;
	}
	.history-bg-box .desc {
		font-family: 'NotoSansKR Light', sans-serif;
		line-height: 1.6;
		margin: 0;
	}
	.history-cont-tit {
		display: inline-block;
		padding: 20px 40px;
		margin: 60px 0 40px;        
        font-family: 'NotoSansKR Medium', sans-serif;
        font-size: 20px;
		line-height: 1.2;
		font-weight: normal;
		color: #fff;
		border-radius: 30px 40px 40px 0;
		background-color: #003088;
	}
	.history-line-wrap + .history-cont-tit {
		margin-top: 70px;
	}
	.history-line-wrap {
		font-family: 'NotoSansKR Light', sans-serif;
		line-height: 1.6;
	}
	.history-line-wrap ul {
		position: relative;
		padding-left: 40px;
		margin-left: 16px;
	}
	.history-line-wrap ul::before {
		content: '';
		position: absolute;
		top: 10px;
		left: -3px;
		display: block;
		width: 3px;
		height: 100%;
		background-color: #2391d0;
	}
	.history-line-wrap ul > li {
		display: flex;
		font-family: 'NotoSansKR Light', sans-serif;
	}
	.history-line-wrap ul > li span {
		font-family: inherit;
	}
	.history-line-wrap ul > li + li {
		margin-top: 50px;
	}
	.history-line-wrap .year {
		position: relative;
		display: inline-block;
		font-family: 'NotoSansKR Medium', sans-serif;
        font-size: 26px;
		line-height: 1.2;
		margin-right: 45px;
		vertical-align: middle;
	}
	.history-line-wrap .year:before {
		content: '';
		position: absolute;
		left: -56px;
		top: 2px;
		display: block;
		width: 28px;
		height: 28px;
		background: url(../image/eng/sub/ic_year.png) center / cover no-repeat;
	}
}
@media all and (max-width: 960px) {
	.history-bg-box {
		padding: 20px;
		background-color: #f9f9ff;
		border-radius: 10px;
	}
	.history-bg-box .tit {
		color: #40619e;
        font-size: 18px;
        font-family: 'NotoSansKR Medium', sans-serif;
        margin: 0 0 20px;
	}
	.history-bg-box .desc {
		font-family: 'NotoSansKR Light', sans-serif;
		font-size: 14px;
		line-height: 1.6;
		margin: 0;
	}
	.history-cont-tit {
		display: inline-block;
		padding: 14px 20px;
		margin: 50px 0 20px;        
        font-family: 'NotoSansKR Medium', sans-serif;
        font-size: 14px;
		line-height: 1.2;
		font-weight: normal;
		color: #fff;
		border-radius: 30px 40px 40px 0;
		background-color: #003088;
	}
	.history-line-wrap + .history-cont-tit {
		margin-top: 50px;
	}
	.history-line-wrap {
		font-family: 'NotoSansKR Light', sans-serif;
		font-size: 14px;
		line-height: 1.6;
	}
	.history-line-wrap ul {
		position: relative;
		padding-left: 20px;
		margin-left: 10px;
	}
	.history-line-wrap ul::before {
		content: '';
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		left: 0px;
		display: block;
		width: 2px;
		height: calc(100% - 30px);
		background-color: #2391d0;
	}
	.history-line-wrap ul > li {
		display: flex;
		font-family: 'NotoSansKR Light', sans-serif;
		font-size: 14px;
	}
	.history-line-wrap ul > li span {
		font-family: inherit;
	}
	.history-line-wrap ul > li + li {
		margin-top: 30px;
	}
	.history-line-wrap .year {
		position: relative;
		display: inline-block;
		font-family: 'NotoSansKR Medium', sans-serif;
        font-size: 18px;
		line-height: 1.2;
		margin-right: 25px;
		vertical-align: middle;
	}
	.history-line-wrap .year:before {
		content: '';
		position: absolute;
		left: -29px;
		top: 0;
		display: block;
		width: 20px;
		height: 20px;
		background: url(../image/eng/sub/ic_year.png) center / cover no-repeat;
	}
}

/* 24.12.06  Mission and Vision */
@media all and (min-width: 961px) {
	.vision {
		padding-top: 34px;
	}
	.vision-bg-box {
		position: relative;
		padding: 60px 50px 45px;
		border: 2px solid transparent;
		border-radius: 10px;
	}
	.vision-bg-box + .vision-bg-box {
		margin-top: 74px;
	}
	.vision-bg-box .tit {
		position: absolute;
		left: 50%;
		top: 0;
		transform: translate(-50%, -34px);
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 300px;
		height: 65px;
		margin: 0;
        font-family: 'NotoSansKR Medium', sans-serif;
        font-size: 26px;
		color: #fff;
		text-align: center;
		border-radius: 50px;
	}	
	.vision-bg-box .desc {
		font-family: 'NotoSansKR Light', sans-serif;
		line-height: 1.6;
		margin: 0;
	}
	.vision-bg-box .desc strong {
		display: block;
	}
	.vision-bg-box .desc + .desc {
		margin-top: 40px;
	}
	.vision-bg-box.box1 {
		border-color: #008684;
		background-color: #eef7f7;
	}
	.vision-bg-box.box1 .tit {
		background-color: #008684;
	}
	.vision-bg-box.box2 {
		border-color: #bb437f;
		background-color: #fff5f5;
	}
	.vision-bg-box.box2 .tit {
		background-color: #bb437f;
	}
	.vision-bg-box.box3 {
		border-color: #f69600;
		background-color: #fcf9ed;
	}
	.vision-bg-box.box3 .tit {
		background-color: #f69600;
	}
	.vision-bg-box.box3 .flex-list > li {
		display: flex;
		align-items: center;
		column-gap: 30px;
	}
	.vision-bg-box.box3 .flex-list > li + li {
		margin-top: 50px;
	}
}

@media all and (max-width: 960px) {
	.vision {
		padding-top: 20px;
	}
	.vision-bg-box {
		position: relative;
		padding: 40px 20px 20px;
		border: 2px solid transparent;
		border-radius: 10px;
	}
	.vision-bg-box + .vision-bg-box {
		margin-top: 50px;
	}
	.vision-bg-box .tit {
		position: absolute;
		left: 50%;
		top: 0;
		transform: translate(-50%, -20px);
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 200px;
		height: 40px;
		margin: 0;
        font-family: 'NotoSansKR Medium', sans-serif;
        font-size: 18px;
		color: #fff;
		text-align: center;
		border-radius: 50px;
	}	
	.vision-bg-box .desc {
		font-family: 'NotoSansKR Light', sans-serif;
		font-size: 14px;
		line-height: 1.6;
		margin: 0;
	}
	.vision-bg-box .desc strong {
		display: block;
	}
	.vision-bg-box .desc + .desc {
		margin-top: 20px;
	}
	.vision-bg-box.box1 {
		border-color: #008684;
		background-color: #eef7f7;
	}
	.vision-bg-box.box1 .tit {
		background-color: #008684;
	}
	.vision-bg-box.box2 {
		border-color: #bb437f;
		background-color: #fff5f5;
	}
	.vision-bg-box.box2 .tit {
		background-color: #bb437f;
	}
	.vision-bg-box.box3 {
		border-color: #f69600;
		background-color: #fcf9ed;
	}
	.vision-bg-box.box3 .tit {
		background-color: #f69600;
	}
	.vision-bg-box.box3 .flex-list > li {
		display: grid;
		grid-template-columns: 58px auto;
		column-gap: 12px;
	}
	.vision-bg-box.box3 .flex-list > li + li {
		margin-top: 50px;
	}
}

/* 24.12.06  Organization */
@media all and (min-width: 961px) {
	.executive-member-list img {
		border: 1px solid #eee;
	}
	.organ-tit-bar {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 80px;
		margin: 0;
        font-family: 'NotoSansKR Medium', sans-serif;
        font-size: 26px;
		color: #fff;
		text-align: center;
		border-radius: 40px 0 40px 0;
	}
	.organ-tit-bar.type1 {
		background: url(../image/eng/sub/bg_organ1.png) center / cover no-repeat;
	}
	.organ-tit-bar.type2 {
		background: url(../image/eng/sub/bg_organ2.png) center / cover no-repeat;
	}
	.organ-tit-bar + .member-list-wrap {
		margin-top: 40px;
	}
	.member-list-wrap + .organ-tit-bar {
		margin-top: 70px;
	}	
	.member-list-wrap ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;		
	}
	.member-list-wrap ul > li {
		display: flex;
		flex-direction: column;
		text-align: center;
	}
	.member-list-wrap ul > li .name {
		margin: 28px 0 0;
        font-family: 'NotoSansKR Medium', sans-serif;
        font-size: 24px;
	}
	.member-list-wrap ul > li .role {
		display: block;
		font-family: 'NotoSansKR Light', sans-serif;
        font-size: 20px;
	}
	.member-list-wrap.type1 {
		max-width: 700px;
		margin: 40px auto;
	}
	.member-list-wrap.type1 ul {
		gap: 50px 130px;
	}
	.member-list-wrap.type2 ul {
		justify-content: space-between;
		gap: 50px 20px;
	}
	.member-list-wrap.type2 ul.last {
		justify-content: start;
		margin-top: 50px;
	}
	.member-list-wrap.type2 ul.last li + li {
		margin-left: 60px;
	}

}
@media all and (max-width: 960px) {
	.organ-tit-bar {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 50px;
		margin: 0;
        font-family: 'NotoSansKR Medium', sans-serif;
        font-size: 18px;
		color: #fff;
		text-align: center;
		border-radius: 20px 0 20px 0;
	}
	.organ-tit-bar.type1 {
		background: url(../image/eng/sub/bg_organ1.png) left center / cover no-repeat;
	}
	.organ-tit-bar.type2 {
		background: url(../image/eng/sub/bg_organ2.png) left center / cover no-repeat;
	}
	.organ-tit-bar + .member-list-wrap {
		margin-top: 20px;
	}
	.member-list-wrap + .organ-tit-bar {
		margin-top: 50px;
	}	
	.member-list-wrap ul {
		display: grid;
		grid-template-columns: repeat(2, 1fr);		
	}
	.member-list-wrap ul > li {
		display: flex;
		flex-direction: column;
		text-align: center;
	}
	.member-list-wrap ul > li .name {
		margin: 14px 0 0;
        font-family: 'NotoSansKR Medium', sans-serif;
        font-size: 16px;
	}
	.member-list-wrap ul > li .role {
		display: block;
		font-family: 'NotoSansKR Light', sans-serif;
        font-size: 14px;
		line-height: 1.2;
	}
	.member-list-wrap.type1 {
		max-width: 700px;
		margin: 20px auto;
	}
	.member-list-wrap.type1 ul {
		gap: 20px 10px;
	}
	.member-list-wrap.type2 ul {
		gap: 20px 10px;
	}
	.member-list-wrap.type2 ul.last {
		margin-top: 20px;
	}
	.member-list-wrap.type2 ul.last li + li {
		margin-left: 0px;
	}
}