@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;}

ul.listNum2, ul.listNum2 li {margin: 0;padding: 0;}
ul.listNum2 {counter-reset:num 0;}
ul.listNum2 > li {position: relative;padding-left: 1.2em;}
ul.listNum2 > li:before {position: absolute;left: 0;top: 0;counter-increment:num 1;content: '' counter( num ) '. ';}

.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;}
	




/* 게시판 관련 */
/* 게시판 리스트 */


table.tblBbs > * > tr > th,
table.tblBbs > * > tr > td {padding: 10px 10px;}


/* 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; font-weight: 600;}
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 115px 0 90px;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;}


/* 포토갤러리 */
ul.thumbList {margin:0;padding: 0;}
ul.thumbList:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: ".";}
ul.thumbList > li {position: relative;float: left;width: 340px;margin: 20px 0 20px 90px;padding: 0;list-style:none;}
ul.thumbList > li:nth-child(3n+1) {margin-left: 0;}
ul.thumbList a,
ul.thumbList span,
ul.thumbList img {display: block;}

ul.thumbList a {text-decoration: none;text-align: center;}
ul.thumbList span.thumb {height: 248px;border: 1px solid #ddd;background:#f9f9f9 url('/image/common/thumb_logo.png') center center no-repeat;}
ul.thumbList span.thumb img {width: 100%;height: 100%;}

ul.thumbList span.tit {position:relative;overflow:hidden;padding: 10px 0 5px;text-overflow:ellipsis;white-space:nowrap;font-weight: 400;color: #313131;}
ul.thumbList span.info {color: #808080;}
ul.thumbList span.admin {position: absolute;right: 10px;top: 211px;width: auto !important;height: 27px;}
ul.thumbList span.admin a {float: left;margin-left: 5px;}
ul.thumbList span.admin a:first-child {margin-left: 0;}

}


/* 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 60px;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;}


/* 포토갤러리 */
ul.thumbList {margin:0;padding: 0;}
ul.thumbList:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: " ";}
ul.thumbList > li {margin: 0;padding:10px 0 0;list-style:none;}
ul.thumbList > li:first-child {padding-top: 0;}
ul.thumbList a,
ul.thumbList span,
ul.thumbList img {display: block;}

ul.thumbList a {text-decoration: none;text-align: center;}
ul.thumbList span.thumb {min-height: 258px;border: 1px solid #ddd;background:#f9f9f9 url('/image/common/thumb_logo.png') center center no-repeat;background-size: 68px;}
ul.thumbList span.thumb img {width: 100%;height: 100%;}

ul.thumbList span.tit {position:relative;overflow:hidden;padding: 10px 0 5px;text-overflow:ellipsis;white-space:nowrap;font-weight: 400;color: #313131;}
ul.thumbList span.info {color: #808080;}
ul.thumbList span.admin {display: none;}


/* Newsletter */
ul.thumbList.newsletter {}
ul.thumbList.newsletter > li {float: right;width: calc(50% - 5px);}
ul.thumbList.newsletter > li:nth-child(odd) {clear: both;float: left;}
ul.thumbList > li:first-child + li {padding-top: 0;}
ul.thumbList.newsletter span.thumb {min-height: 135px;}


/* 포토갤러리_View */
div#imageView {position:relative;padding:20px 0;}
div#imageView img {display:block;max-width:100%;margin:0 auto;}

div.imgList {overflow-x:hidden;overflow-y:auto;max-height:160px;margin:0;padding: 0 7px 10px 2px;border-bottom: 1px solid #ddd;text-align: center;}
div.imgList img {width:100px;height:70px;margin:0 0 10px 5px;cursor:pointer;}


/* 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;}


}


/* 게시판 관련 */















/* 인사말 */
div.message {}
	div.message p {font-family: 'notosanskr demilight', sans-serif; font-weight: 500; text-align: justify;}
	div.message p strong {display:block; color: #123e97; font-family: 'notosanskr medium', sans-serif; font-weight: 600;}

/* PC */
@media all and (min-width: 961px) {
div.message p.welcome {margin: 0 0 50px; padding: 0;}
	div.message p {font-size: 14px; margin: 35px 0 0 0; line-height: 1.8;}
	div.message p strong {font-size: 16px;}
}

/* 모바일 */
@media all and (max-width: 960px) {
div.message p {font-size: 13px; margin: 20px 0 0 0; line-height: 1.6; word-break: break-all;}
	div.message p strong {font-size: 15px;}
	div.message p.welcome {display:block; margin-top: 0;}
	div.message p.welcome img {width: 100%; display:block;}
}




/* 회원가입 */
div.join {}
div.join table.inputTbl {margin-top: 10px;}
div.join table.inputTbl th {color: #222; word-break: keep-all !important;}


	ol.joinStep {position: relative; font-size: 0; text-align: center;}
	ol.joinStep li {position: relative; background-color: #e7e7e7; display:inline-block; color: #9d9b9b; background-repeat: no-repeat; background-position: right bottom;}
	ol.joinStep li:first-child {margin-left: 0;}
	ol.joinStep li::after {content:""; display:inline-block; border-right: 2px solid #e7e7e7; border-top: 2px solid #e7e7e7; border-left: 0 none; border-bottom: 0 none; background-color: transparent; position: absolute; transform: rotate(45deg);}
	ol.joinStep li:last-child::after {display:none;}
	ol.joinStep li span {display:block; padding: 0; text-align: left;}
	ol.joinStep li strong {display:block; font-weight: 400;}

	ol.joinStep li:nth-child(1) {background-image: url(/image/sub/join_step_1.png);}
	ol.joinStep li:nth-child(2) {background-image: url(/image/sub/join_step_2.png);}
	ol.joinStep li:nth-child(3) {background-image: url(/image/sub/join_step_3.png);}

	div.join.step1 ol.joinStep li:nth-child(1) {background-image: url(/image/sub/join_step_1_on.png); background-color: #123e97; color: #fff;}
	div.join.step2 ol.joinStep li:nth-child(2) {background-image: url(/image/sub/join_step_2_on.png); background-color: #123e97; color: #fff;}
	div.join.step3 ol.joinStep li:nth-child(3) {background-image: url(/image/sub/join_step_3_on.png); background-color: #123e97; color: #fff;}

div.join.step1 {}
	div.join.step1 div.formArea {}
	div.join.step1 div.formArea dl dt {color: #fff; background-color: #636363;}

	div.join.step1 div.formArea dl dd.agreeCon {color: #666666; font-family: 'notosanskr demilight', sans-serif; font-weight: 500; text-align: justify; border: 1px solid #e7e7e7; box-sizing:border-box; overflow-y: auto; line-height: 1.5;}
	div.join.step1 div.formArea dl + p {color: #222222;}
	div.join.step1 div.btnArea > * {font-weight: 400;}

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

div.join table.inputTbl tr > * {padding: 10px;}

div.join {}	
	ol.joinStep li {font-size: 16px; padding: 25px 160px 25px 50px; margin-left: 60px;}
	ol.joinStep li::after {width: 18px; height: 18px; margin: -10px 0 0 0; top:50%; right:-35px;}
	ol.joinStep li span {margin: 0 0 10px 0;}

	ol.joinStep li:nth-child(1) {background-image: url(/image/sub/join_step_1.png);}
	ol.joinStep li:nth-child(2) {background-image: url(/image/sub/join_step_2.png);}
	ol.joinStep li:nth-child(3) {background-image: url(/image/sub/join_step_3.png);}

	div.join.step1 ol.joinStep li:nth-child(1) {background-image: url(/image/sub/join_step_1_on.png); background-color: #123e97; color: #fff;}
	div.join.step2 ol.joinStep li:nth-child(2) {background-image: url(/image/sub/join_step_2_on.png); background-color: #123e97; color: #fff;}
	div.join.step3 ol.joinStep li:nth-child(3) {background-image: url(/image/sub/join_step_3_on.png); background-color: #123e97; color: #fff;}
	

div.join.step1 {}
	div.join.step1 div.formArea dl {margin: 60px 0 5px;}
	div.join.step1 div.formArea dl dt {padding: 5px 20px;}

	div.join.step1 div.formArea dl dd.agreeCon {padding: 15px 40px; font-size: 14px; height: 180px;}
	div.join.step1 div.formArea dl + p {padding: 0 20px; font-size: 14px;}
	div.join.step1 div.formArea dl + p * {display:inline-block; vertical-align: middle;}
	div.join.step1 div.btnArea {font-size: 0;}
	div.join.step1 div.btnArea > * {font-size: 15px;}
	div.join table.inputTbl tr * {line-height: 1.6;}
}

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

div.join table.inputTbl {margin: 50px 0 0;}
div.join table.inputTbl td input[type="text"] {width: calc(100% - 80px);}
div.join table.inputTbl td input[type="text"] + * {margin-left: 5px;}

div.join {}	
	ol.joinStep li {font-size: 12px; padding: 50px 10px 15px;width: 33%; text-align: center; background-size: 25px auto; background-position: center 20px; box-sizing:border-box; border-left: 1px solid #9d9b9b;}
	ol.joinStep li:first-child {border-left: 0 none; width: 34%;}
	ol.joinStep li::after {display:none;}
	ol.joinStep li span {margin: 0 0 5px 0; text-align: center;}
	ol.joinStep li strong {text-align: center;}

	ol.joinStep li:nth-child(1) {background-image: url(/image/sub/join_step_1m.png);}
	ol.joinStep li:nth-child(2) {background-image: url(/image/sub/join_step_2m.png);}
	ol.joinStep li:nth-child(3) {background-image: url(/image/sub/join_step_3m.png);}

	div.join.step1 ol.joinStep li:nth-child(1) {background-image: url(/image/sub/join_step_1m_on.png); background-color: #123e97; color: #fff;}
	div.join.step2 ol.joinStep li:nth-child(2) {background-image: url(/image/sub/join_step_2m_on.png); background-color: #123e97; color: #fff;}
	div.join.step3 ol.joinStep li:nth-child(3) {background-image: url(/image/sub/join_step_3m_on.png); background-color: #123e97; color: #fff;}

div.join.step1 {}
	div.join.step1 div.formArea {background-color: #f0f0f0; margin-top: 10px; padding: 10px 10px 50px;}
	div.join.step1 div.formArea dl {margin: 30px 0 5px;}
	div.join.step1 div.formArea legend + dl {margin-top: 0;}
	div.join.step1 div.formArea dl dt {padding: 5px 10px; font-weight: 400 !important;}

	div.join.step1 div.formArea dl dd.agreeCon {padding: 10px; font-size: 14px; height: 150px; border-color: #cccccc;}
	div.join.step1 div.formArea dl + p {padding: 0 10px; font-size: 14px;}
	div.join.step1 div.formArea dl + p * {display:inline-block; vertical-align: middle;}
	div.join.step1 div.btnArea {font-size: 0; padding: 10px;}
	div.join.step1 div.btnArea > * {display:block; width: 100%; margin: 0 0 10px; padding: 0; font-size: 15px; font-weight: 400; border-radius: 5px;}
	div.join.step1 div.btnArea > *:last-child {margin-bottom: 0;}
	div.join table.inputTbl tr * {line-height: 1.9;}
	
}
/* 회원정보 입력 */
div.join.step2 {}

div.join.step2 p.photo {font-size: 0; margin: 0 0 10px;}
	div.join.step2 p.photo span.btn {vertical-align: bottom; font-size: 12px; margin-left: 5px;}
	div.join.step2 p.photo span.btn a {font-size: 13px;}

div.join.step2 p.photo span.delWrap {display:inline-block;}
	div.join.step2 p.photo span.delWrap > * {display:inline-block; vertical-align: bottom;}
	div.join.step2 p.photo span.delWrap a {margin-left: 5px;}

	div.join.step2 div.btnArea input {font-weight: 400; }

@media all and (min-width: 961px) {
div.join.step2 table.inputTbl td.phone input[type='text'] {width: 23%;}
	div.join.step2 table.inputTbl td.phone select {width: 180px; text-align: center;}
	div.join.step2 table.inputTbl td.phone span {padding: 5px 0 8px;}
	div.join.step2 table.inputTbl td span.btn a {line-height: 1.3;}
}

@media all and (max-width: 960px) {
	
div.join.step2 table.inputTbl th label.essen {padding-left: 10px;}

div.join.step2 table.inputTbl td.email > * {width: 29%; display:inline-block; margin-left: 4px;}
	div.join.step2 table.inputTbl td.email > span {width: auto; padding: 8px 0; font-size: 12px;}
	div.join.step2 table.inputTbl td.email {font-size: 0;}
	div.join.step2 table.inputTbl td.phone input[type='text'],
	div.join.step2 table.inputTbl td.phone select {width: 28%; text-align: center;}
	div.join.step2 table.inputTbl td.phone span {padding: 6px 0 7px;}

	div.join.step2 div.btnArea input {min-width: 130px !important;}

.clearM {clear: both; margin-left: 0 !important;}
}

/* 회원가입 완료 */
div.join.step3 {}
	div.join.step3 p.message {text-align: center; color: #424a59; font-family: 'notosanskr bold', sans-serif; background-image: url(/image/sub/complete_img.png); background-repeat: no-repeat; background-position: center top;}
	div.join.step3 div.infomation {margin: 0 auto; background-color: #f8f8f8; text-align: center;}
	div.join.step3 div.infomation p {font-family: 'notosanskr medium',sans-serif;}
	div.join.step3 div.infomation ul {display:inline-block; text-align: left;}
	div.join.step3 div.infomation ul li {float: left; text-align: left; color: #012397; font-family: 'notosanskr bold', sans-serif;}
	div.join.step3 div.infomation ul li:first-child {margin-left: 0;}
	div.join.step3 div.infomation ul li img {display:inline-block; vertical-align: middle;}
	div.join.step3 div.infomation ul li a {display:inline-block; font-family: 'notosanskr bold', sans-serif;}

@media all and (min-width: 961px) {
	div.join.step3 p.message {margin: 50px 0;font-size: 32px; padding-top: 120px; }
	div.join.step3 div.infomation {width: 540px; margin: 0 auto; padding: 25px 30px; font-size: 14px;}
	div.join.step3 div.infomation p {font-size: 15px;}
	div.join.step3 div.infomation ul li {margin-left: 40px; font-size: 20px;}	
	div.join.step3 div.infomation ul li img {margin-right: 10px;}
	div.join.step3 div.infomation ul li a {font-size: 20px;}
}

@media all and (max-width: 960px) {
	div.join.step3 p.message {margin: 20px 0; font-size: 16px; padding-top: 80px; background-size: auto 60px;}
	div.join.step3 div.infomation {padding: 15px 10px; font-size: 13px;}
	div.join.step3 div.infomation p {font-size: 13px;}
	div.join.step3 div.infomation ul li {margin-left: 20px; font-size: 16px;}
	div.join.step3 div.infomation ul li img {margin-right: 10px;}
	div.join.step3 div.infomation ul li a {font-size: 16px;}

div.join.step3 div.btnArea {font-size: 0;}
	div.join.step3 div.btnArea a.btnBig {min-width: 100px !important; font-size: 17px;}




.pd0 {padding: 0 !important;}
}



/* 로그인 */
div#container.login {background-color: #f7f7f7;}
div#container.login div.contents {margin-bottom: 0; padding: 50px 0;}

div.login {}
	div.loginWrap div.formArea {text-align: center; background-color: #fff;}
	div.loginWrap div.formArea h3 {font-weight: bold; color: #222; font-family: 'notosanskr bold', sans-serif; text-align: center; margin: 0; padding: 0;}
	div.loginWrap div.formArea > p {text-align: center; color: #666666; font-family: 'notosanskr demilight' sans-serif;}

	div.loginWrap form {position: relative; display:inline-block; text-align: left;}
	div.loginWrap form dl {font-size: 0; text-align: left;}
	div.loginWrap form legend + dl {margin-top: 0;}
	div.loginWrap form dl dt {display:inline-block; vertical-align: top; color: #222; text-align: right;}
	div.loginWrap form dl dt label {font-family: 'notosanskr medium', sans-serif; font-weight: 500;}

	div.loginWrap form dl dd {display:inline-block; vertical-align: top;}
	div.loginWrap form dl dd input[type='text'] {height: 50px; border-radius: 5px; background-color: #f7f7f7; border-color: #e5e5e5; outline:none;}
	div.loginWrap form dl dd input[type='password'] {height: 50px; border-radius: 5px; background-color: #f7f7f7; border-color: #e5e5e5; outline:none;}

	div.loginWrap form p.saveId * {color: #666666; vertical-align: middle;}

div.loginWrap div.btnArea {font-size: 0;}
	div.loginWrap div.btnArea a {border-radius: 5px;}
	div.loginWrap div.btnArea a:last-child {border-color: #626262; color: #626262 !important;}
	div.loginWrap.find div.result {background-color: #f4f8ff; color: #123e97; border: 1px solid #a5c4ff;}

@media all and (min-width: 961px) {
div.login {}
	div.loginWrap div.formArea {padding: 60px 0 50px;}
	div.loginWrap div.formArea h3 {font-size: 40px;}
	div.loginWrap div.formArea > p {font-size: 14px;}

	div.loginWrap form {margin: 40px 0 0 0;}
	div.loginWrap form dl {width: 900px; margin-top: 20px;}	
	div.loginWrap form dl dt {font-size: 16px; width: 90px; padding: 13px 20px 13px 0;}
	
	div.loginWrap form dl dd input[type='text'] {width: 630px;}
	div.loginWrap form dl dd input[type='password'] {width: 630px;}

	div.loginWrap form p.loginBt {position: absolute; top:0; right:0; width: 145px; height: 120px;}
	div.loginWrap.find form p.loginBt {height: 100%;}
	div.loginWrap form p.loginBt input[type='submit'] {width: 100%; height: 100%; background-color: #123e97; color: #fff; font-size: 18px; font-family: 'notosanskr medium',sans-serif; border-radius: 3px;}
	div.loginWrap form p.loginBt input[type='button'] {width: 100%; height: 100%; background-color: #123e97; color: #fff; font-size: 18px; font-family: 'notosanskr medium',sans-serif; border-radius: 3px;}
	div.loginWrap form p.saveId {padding-left: 110px; margin-top: 10px;}
	div.loginWrap form p.saveId * {font-size: 14px;}


	div.loginWrap div.btnArea a {font-size: 16px;}
	div.loginWrap.find div.result {padding: 40px 0 40px 0; margin-left: 260px; width: 630px; font-size: 18px; margin-top: 30px;}
	
}

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

div.login {}
	div.loginWrap div.formArea {padding: 30px 0 0; margin: 0 10px;}
	div.loginWrap.find div.formArea {padding: 30px 0 20px; margin: 0 10px;}
	div.loginWrap div.formArea h3 {font-size: 30px; text-align: left; padding-left: 10px;}
	div.loginWrap.find div.formArea > p {text-align: left; padding: 0 10px; font-size: 13px;}

	div.loginWrap form {margin: 20px 0 0 0;display:block; position: relative; z-index: 1;}
	div.loginWrap form dl {display:block; margin: 10px 10px 0;}
	div.loginWrap form dl dt {font-size: 13px; width: 70px; padding: 15px 20px 16px 0;}
	
	div.loginWrap form dl dd {width: calc(100% - 90px);}
	div.loginWrap form dl dd input[type='text'] {width: 100%;}
	div.loginWrap form dl dd input[type='password'] {width: 100%;}

	div.loginWrap form p.loginBt {margin: 20px 10px 0;}
	div.loginWrap form p.loginBt input[type='submit'] {width: 100%; height: 100%; background-color: #123e97; color: #fff; font-size: 18px; font-family: 'notosanskr medium',sans-serif; border-radius: 3px; padding: 10px 0;}
	div.loginWrap form p.loginBt input[type='button'] {width: 100%; height: 100%; background-color: #123e97; color: #fff; font-size: 18px; font-family: 'notosanskr medium',sans-serif; border-radius: 3px; padding: 10px 0;}
	div.loginWrap form p.saveId {text-align: left; padding: 0 10px; margin-top: 10px;}
	div.loginWrap form p.saveId * {font-size: 13px;}


div.loginWrap div.btnArea {position: relative; z-index: 2; background-color: #f7f7f7; margin: 0; padding: 20px 0; margin-top: 20px; overflow: visible;}
	div.loginWrap div.btnArea a {font-size: 16px; background-color: #2391d0;}
	div.loginWrap div.btnArea a:first-child {display:block; border-color: #2391d0; margin: 0 20px;}
	div.loginWrap div.btnArea a:last-child {display:block; padding: 0; margin: 0; border: 0 none; color: #123e97 !important; background: transparent; font-size: 13px; position: absolute; top:-40px; right:0; }

div.loginWrap.find div.result {padding: 20px 0; margin: 20px 10px; font-size: 18px;}

}

/* 정회원 입회안내 */
div.infomation {}
	div.infomation h3 {color: #2f2f2f; text-align: center;}
	div.infomation h3 img {display:inline-block; vertical-align: middle;}
	div.infomation p {font-family: 'notosanskr demilight', sans-serif; font-weight: 500; margin: 0; padding: 0; }
	div.infomation strong {display:block;}
	div.infomation p span {color: #123e97;}
	div.infomation p span a {color: #123e97; text-decoration: none; font-family: 'notosanskr demilight', sans-serif; font-weight: 500;}

	div.infomation h4 {font-family: 'notosanskr bold',sans-serif; color: #123e97; font-size: 18px; font-weight: 400; margin: 30px 0 10px;}

div.payment {}
	div.payment ul {background: #fafafa url(/image/sub/paymentBg.png) no-repeat right center;}
	div.payment ul li span {color: #123e97;	font-weight: bold; font-family: 'notosanskr medium', sans-serif; font-weight: 400;}

	div.infomation ul.contact li {display:inline-block; color: #222;}
	div.infomation ul.contact li::after {content:"|"; display:inline-block;}
	div.infomation ul.contact li:last-child::after {display:none;}

div.infomation div.btnArea a.btnDef {border-radius: 5px;}

@media all and (min-width: 961px) {
div.infomation {font-size: 14px;}
	div.infomation h3 {font-size: 34px; margin: 0 0 80px;}
	div.infomation h3 img {margin-right: 10px;}
	div.infomation p {font-size: 15px;}
	div.infomation p span a {font-size: 15px;}

	div.infomation h4 {font-size: 18px; font-weight: 400; margin: 30px 0 10px;}

div.payment {}
	div.payment ul {width: 550px; padding: 20px 0 20px 35px; margin-top: 20px;}
	div.payment ul li {font-size: 14px;}	

div.infomation ul.contact {font-size: 0; margin: 5px 0 0; padding: 0;}
	div.infomation ul.contact li {font-size: 14px;}
	div.infomation ul.contact li::after {margin: 0 10px;}

div.infomation div.btnArea {margin-top: 80px;}

}

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

div.infomation {font-size: 13px; line-height: 1.5;}
	div.infomation h3 {font-size: 16px; margin: 20px 0;}
	div.infomation h3 img {width: 40px; margin-right: 5px;}
	div.infomation p {font-size: 13px;}
	div.infomation p span a {font-size: 13px;}

	div.infomation h4 {font-size: 16px; font-weight: 400; margin: 20px 0 10px;}

div.payment {}
	div.payment ul {padding: 10px 0 10px 25px; margin-top: 10px; background-size: 70px auto;}
	div.payment ul li {font-size: 13px;}	

div.infomation ul.contact {font-size: 0; margin: 5px 0 0; padding: 0;}
	div.infomation ul.contact li {font-size: 14px;}
	div.infomation ul.contact li::after {margin: 0 10px;}

div.infomation div.btnArea {margin-top: 80px;}

}

/* 정회원 입회신청 */
div.memberApply {}
	div.memberApply div.formArea {}
	div.memberApply div.formArea {}

	div.memberApply div.formArea table.inputTbl span.agreeChk {display:block; float: right; margin-right: 10px;}

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

	div.memberApply div.formArea table.inputTbl {margin: 30px 0;}
	div.memberApply div.formArea table.inputTbl td.multi label.essen {width: 95px;}
	div.memberApply div.formArea table.inputTbl td.multi .clear {margin-top: 5px;}
	div.memberApply div.formArea table.inputTbl td.multi .clear + * {margin-top: 5px;}

	div.memberApply div.formArea p.date {text-align: center; margin: 10px 0; font-size: 16px;}
	div.memberApply div.formArea div.sign {text-align: center;}
	div.memberApply div.formArea div.sign > * {margin-left: 5px;}
	div.memberApply div.formArea div.sign > *:first-child {margin-left: 0;}

}

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

	div.formArea table.inputTbl td input[type='text'] {width: 90%;}
	div.formArea table.inputTbl th {word-break: keep-all;}
	div.formArea table.inputTbl td.email {font-size: 0; text-align: left;}
	div.formArea table.inputTbl td.email > * {width: 29% !important; display:inline-block; margin-left: 4px;}
	div.formArea table.inputTbl td.email > span {width: auto !important; padding: 3px 0 2px; font-size: 12px;}

	div.formArea table.inputTbl td.phone input[type='text'],
	div.formArea table.inputTbl td.phone select {width: 28% !important; text-align: center;}
	div.memberApply div.formArea table.inputTbl td.phone span {padding: 6px 0 7px;}
	td.cate.multi input[type='text'] {margin-left: 5px; }
	td.cate.multi input[type='text']:nth-child(2) ~ * {margin-top: 5px;}
	td.radioBox > *:nth-child(odd) {clear: both; margin-left: 0 !important;	}
		
}


/* 비밀번호 변경 */
div.changePwd {}
div.changePwd::after {content:""; display:block; clear: both;}
	div.changePwd p.info {background-color: #f8f8f8; color: #222; margin: 0 auto;}
	div.changePwd p.info strong.fcPoint {color: #0040b4;}
	
	div.changePwd div.formArea dl {font-size: 0;}
	div.changePwd div.formArea dl dt {display:inline-block; text-align: left; color: #222; vertical-align: top;}
	div.changePwd div.formArea dl dt label {display:block;}

	div.changePwd div.formArea dl dd {display:inline-block; text-align: left;}
	div.changePwd div.formArea dl dd input {display:block; height: 50px; border-radius: 5px; background-color: #f7f7f7; border-color: #e5e5e5;}

	div.changePwd div.formArea ul.changeInfo {font-size: 0; margin: 0; border-top: 1px solid #f2f2f2;}
	div.changePwd div.formArea ul.changeInfo li {color: #222; font-family: 'notosanskr demilight', sans-serif;}
	div.changePwd div.formArea ul.changeInfo li:last-child {margin-bottom: 0;}

@media all and (min-width: 961px) {
div.changePwd {padding: 0 0 50px 0;}
	div.changePwd p.info {font-size: 14px; padding: 25px 50px; width: 700px;}

	div.changePwd div.formArea {width: 800px; margin: 35px auto 0;}
	div.changePwd div.formArea dl {margin-bottom: 20px;}
	div.changePwd div.formArea dl dt {width: 130px; font-size: 15px; height: 50px;}
	div.changePwd div.formArea dl dt label {padding: 14px 0;}

	div.changePwd div.formArea dl dd {width: 670px;}
	div.changePwd div.formArea dl dd input {width: 100%;}

	div.changePwd div.formArea ul.changeInfo {padding: 20px 0 0;}
	div.changePwd div.formArea ul.changeInfo li {font-size: 14px; padding-left: 25px; background: url(/image/sub/changePwd_icon.png) no-repeat left 4px; margin-bottom: 20px;}	

	div.changePwd div.formArea div.btnArea {margin-top: 50px;}
	div.changePwd div.formArea form fieldset div.btnArea > * {border-radius: 5px; width: 200px;}
	
}

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

div.changePwd {padding: 0 0 50px 0;}
	div.changePwd p.info {font-size: 12px; padding: 15px; line-height: 1.6;}

	div.changePwd div.formArea dl {margin-bottom: 20px; padding: 10px; overflow: hidden;}
	div.changePwd div.formArea dl dt {width: 90px; font-size: 13px; height: 50px;}
	div.changePwd div.formArea dl dt label {padding: 14px 0;}

	div.changePwd div.formArea dl dd {width: calc(100% - 90px);}
	div.changePwd div.formArea dl dd input {display:block; width: 100%;}
	
	div.changePwd div.formArea ul.changeInfo {padding: 20px 0 0;}
	div.changePwd div.formArea ul.changeInfo li {font-size: 13px; padding-left: 15px; background: url(/image/sub/changePwd_icon.png) no-repeat left 5px; margin-bottom: 10px;
	background-size: auto 10px;}

	div.changePwd div.formArea div.btnArea {margin-top: 50px;}
	div.changePwd div.formArea form fieldset div.btnArea > * {display:block; border-radius: 5px; width: 100%; margin: 10px 0 0;}
	div.changePwd div.formArea form fieldset div.btnArea > *:first-child {margin-top: 0;}

}


/* 회원탈퇴 */
div.withdrawal {}
div.withdrawal::after {content:""; display:block; clear: both;}
	div.withdrawal p.info {background-color: #f8f8f8; color: #222; margin: 0 auto;}
	div.withdrawal p.info strong.fcPoint {color: #0040b4;}
	
	div.withdrawal div.formArea dl {font-size: 0;}
	div.withdrawal div.formArea dl dt {display:inline-block; text-align: left; color: #222; vertical-align: top;}
	div.withdrawal div.formArea dl dt label {display:block;}

	div.withdrawal div.formArea dl dd {display:inline-block; text-align: left;}
	div.withdrawal div.formArea dl dd input {display:block; height: 50px; border-radius: 5px; background-color: #f7f7f7; border-color: #e5e5e5;}

@media all and (min-width: 961px) {
div.withdrawal {padding: 0 0 50px 0;}
	div.withdrawal p.info {font-size: 14px; padding: 25px 50px; width: 700px;}

	div.withdrawal div.formArea {width: 800px; margin: 35px auto 0;}
	div.withdrawal div.formArea dl {margin-bottom: 20px;}
	div.withdrawal div.formArea dl dt {width: 130px; font-size: 15px; height: 50px;}
	div.withdrawal div.formArea dl dt label {padding: 14px 0;}

	div.withdrawal div.formArea dl dd {width: 670px;}
	div.withdrawal div.formArea dl dd input {width: 100%;}

	div.withdrawal div.formArea div.btnArea {margin-top: 50px;}
	div.withdrawal div.formArea form fieldset div.btnArea > * {border-radius: 5px; width: 200px;}
	
}

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

div.withdrawal {padding: 0 0 50px 0;}
	div.withdrawal p.info {font-size: 12px; padding: 15px; line-height: 1.6;}

	div.withdrawal div.formArea dl {margin-bottom: 20px; padding: 10px; overflow: hidden;}
	div.withdrawal div.formArea dl dt {width: 90px; font-size: 13px; height: 50px;}
	div.withdrawal div.formArea dl dt label {padding: 14px 0;}

	div.withdrawal div.formArea dl dd {width: calc(100% - 90px);}
	div.withdrawal div.formArea dl dd input {display:block; width: 100%;}

	div.withdrawal div.formArea div.btnArea {margin-top: 50px;}
	div.withdrawal div.formArea form fieldset div.btnArea > * {display:block; border-radius: 5px; width: 100%; margin: 10px 0 0;}

}

div.active {}
	

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

	div.active {font-size: 14px;}
	div.active table.rwTbl.list {text-align: center;}
}

@media all and (max-width: 960px) {
	
div.active {font-size: 12px;}
	div.active .rwTbl tr > * {text-align: center;}

	div.active table.rwTbl.list {text-align: center;}
	div.active table.rwTbl.list tr > td:first-child {background-color: #f3f3f3; color: #123e97;}
	div.active table.rwTbl.list tr td img {display:inline-block;}

}


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

/* 학술행사 일정 리스트 (캘린더) */
/* _달력 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:20px; font-size: 15px;}
	div.calUtil li img {margin-top: -4px;}
	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 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: -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: 3px 0 4px; 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: 45px;}

	div.conference_list dd.pubDate,
	div.conference_list dd.place {display:inline-block; font-size: 13px; width: auto;}


}

/* 갤러리 */

/* 갤러리 리스트 */
div.galleryUtil {font-size: 0;text-align: center;}
div.galleryUtil select {display:inline-block; vertical-align: top; font-size: 14px;}
div.galleryUtil span.btn {display:inline-block; vertical-align: top;}
div.galleryUtil span.btn a {padding: 6px 10px 8px !important; font-size: 14px; margin-left: 5px;}


ul.galleryList {overflow: hidden; clear: both; padding-top: 10px;}
ul.galleryList li {border:1px solid #cccccc; position: relative;}
ul.galleryList li * {display:block;}
ul.galleryList > li > a {padding: 0; overflow: hidden;}
ul.galleryList li a strong {display:block; font-family: "NotoSansKR regular",sans-serif; color: #222; font-weight: 400;}


ul.galleryList li a div.util {padding: 0 0 0 30px;}
ul.galleryList li a div.util span:first-child {margin-left: 0;}
ul.galleryList li a div.util span {font-size: 15px; display:inline-block; color: #797979; margin-left: 5px;}
ul.galleryList li a span.name {}
ul.galleryList li a span.date {}
ul.galleryList li a span.hit {}

ul.galleryList li span.admin	{font-size: 0; position: absolute; bottom:20px; right:30px; margin-left: -70px;}
ul.galleryList li span.admin	a {display:inline-block; margin: 0 0 0 10px; padding: 0;}
ul.galleryList li span.admin	a:first-child {margin-left: 0;}
ul.galleryList li span.admin	a img{display:inline-block; margin: 0; padding: 0;}


@media all and (min-width: 961px) {
div.disease {padding:  20px 0;}
div.disease p.year select {min-width: 100px;}

ul.galleryList {display: grid;grid-template-columns: repeat(5, 1fr);gap: 20px}
/* ul.galleryList li {float: left; margin-left: 22px;}
ul.galleryList li:nth-child(3n+1) {clear: both; margin-left: 0;}
ul.galleryList li:nth-child(3) ~ li {margin-top: 30px;} */
ul.galleryList > li > a {width: 100%;height: 100%;padding-bottom: 45px;}
ul.galleryList > li > a > img {height: 167px;}
ul.galleryList > li > a > span.heightFit {height: 167px; overflow: hidden;}

ul.galleryList li a strong {font-size: 16px; padding: 20px 20px 0 20px; height: 48px; overflow: hidden; margin-bottom: 20px;}
ul.galleryList li a div.util {padding: 0 0 0 20px;font-size: 14px;letter-spacing: -0.5px;}
ul.galleryList li a span.date {font-size: 14px;}

ul.galleryList li span.admin {bottom: 10px;right: 20px;}
}

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

ul.galleryList li {width: calc(100% - 2px); font-size: 0;}
ul.galleryList li:nth-child(1) ~ li {margin-top: 50px;}
	ul.galleryList > li > a {display:block; width: 100%; padding: 0 0 20px;}
	ul.galleryList > li > a > span.heightFit {max-height: 320px; overflow: hidden;}
	ul.galleryList > li > a > img {width: 100%;}
	ul.galleryList span.admin {display:none;}

	ul.galleryList li a strong {font-size: 13px; margin: 10px; height: 38px; overflow: hidden;}
	ul.galleryList li a span.date {font-size: 13px; margin: 5px 0 0 10px; display:block;}

}

/* 포토갤러리 > 보기 */
div.galleryView {margin: 30px;border: 1px solid #ccc;}
div.galleryView div.swiper-slide {display: table-cell; vertical-align: middle; text-align: center;}
div.galleryView div.imgArea {display: table-cell;vertical-align: middle;text-align: center;}
div.galleryView div.swiper-slide img {display: inline-block; vertical-align: middle;}

div.galleryView .swiper-util {clear: both;position:relative;height: 50px;padding:0 110px; background: #f4f4f4;}

.swiper-util .swiper-pagination-progressbar {position:relative;margin:25px 0;width:100%;height:3px;float:left;}
.swiper-util .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background:#4e71d3;}
.swiper-util .swiper-btns {position:absolute;right:0;top: 50%; transform: translateY(-50%);width:100px; height: 35px;}
.swiper-util .swiper-btns span {font-size: 10px}
.swiper-util .swiper-button-next,
.swiper-util .swiper-button-prev {width:35px;height:35px;top:0;margin:0 !important; color: #fff; background: #939aa4;}
.swiper-util .swiper-button-prev:after,
.swiper-util .swiper-button-next:after {content:"";}
.swiper-util .swiper-button-prev:hover,
.swiper-util .swiper-button-next:hover {background: #4171b0;}


.swiper-util .swiper-button-prev.swiper-button-disabled, 
.swiper-util .swiper-button-next.swiper-button-disabled {opacity:1;}
.swiper-util .swiper-button-prev.swiper-button-disabled:after,
.swiper-util .swiper-button-next.swiper-button-disabled:after {border-color:#999;}
.swiper-util .swiper-pager {position:absolute;left:0;width:100px;text-align:center;top:50%;transform:translateY(-50%);font-size:0.889em;font-weight: 600;color: #666;}
.swiper-util .swiper-pager .current {color:#4e71d3;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.galleryView {margin: 10px 0;}
div.galleryView .swiper-util {height: 35px;padding: 0 55px;}
.swiper-util .swiper-pagination-progressbar {height: 2px;margin: 16px 0 17px;}

.swiper-util .swiper-pager  {width: 50px;}
.swiper-util .swiper-btns {width: 50px; height: 15px; top: 50%; transform: translateY(-50%);}
.swiper-util .swiper-btns span {font-size: 5px}
.swiper-util .swiper-button-next, 
.swiper-util .swiper-button-prev {width: 15px;height: 15px;}
.swiper-util .swiper-button-next  {margin-left: 5px;}
div.galleryView div.imgArea {width: 1000px;height: 300px;}
div.galleryView div.swiper-slide img {max-height:255px;/*  height: 100%; */}
}


/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.galleryView div.imgArea  {height: 680px;width: 2000px;}
div.galleryView div.swiper-slide img {max-height:680px;}
}

/* 포토갤러리_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/sub/gallery_prev.png');}
div#galleryView a.bx-next {right:0; background-image:url('/image/sub/gallery_next.png');}

div#galleryView div.bx-pager-item a {background-image:url('/image/sub/gallery_off.png');}
div#galleryView div.bx-pager-item a.active {background-image:url('/image/sub/gallery_on.png');}



/* 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;}
	
}


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

	.bbsView.gallery {margin: 0;}
	/* 포토갤러리_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;}

}

/* 학회 연혁 */
div.history {}
div.history dl {text-align: justify; margin-top: 30px;}
div.history dl:first-child {margin-top: 0;}
div.history dl dt {margin: 0; padding: 0; font-size: 18px; font-family: 'notosanskr medium', sans-serif; font-weight: 600; color: #123e97;}
div.history dl dd {margin: 0; padding: 0; line-height: 1.6; font-size: 15px; font-family: 'notosanskr demilight', sans-serif; margin-top: 10px;}
div.history dl dd strong {display:inline-block; font-family: 'notosanskr medium', sans-serif; font-weight: 600;}

@media all and (max-width: 960px) {
	div.history dl dt {font-size: 16px;}
	div.history dl dd {font-size: 14px;}
}

/* 찾아오시는 길 */
/* 찾아오시는 길 */
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;}

/* 웹 */
@media all and (min-width: 961px) {
div.find_info div.map {height: 500px; margin-bottom: 60px;}
	
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;}
}

/* 모바일 웹 */
@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;}
}

/* 기구 및 임원 */
div.director {}

@media all and (max-width: 960px) {
	
	div.director table.rwTbl {text-align: center;}
	div.director table.rwTbl tr {margin-top: 20px;}
	div.director table.rwTbl tr *:first-child {border-top: 1px solid #ccc;}
	div.director table.rwTbl tr:first-child {margin-top: 0;}

/* 역대회장 */
	div.chairman table.rwTbl tr {margin-top: 20px;}
	div.chairman table.rwTbl tr *:first-child {border-top: 1px solid #ccc; background: #f3f3f3; color: #123e97;}
	div.chairman table.rwTbl tr:first-child {margin-top: 0;}

}



/* 임원진 변경 css */
div.director_new {}
	div.director_new h3 {border-top: 1px solid #123e97; border-bottom: 1px solid #cccccc; text-align: center; padding: 10px 0; font-family: 'notosanskr medium'; font-weight: 400; font-size: 24px; color: #123e97; margin: 70px 0 15px;}
	div.director_new h3:first-child {margin-top: 0;}

	div.director_new ul {text-align: center;}	
	div.director_new ul li:first-child {margin-left: 0;}
	div.director_new ul li * {display:block; text-align: center;}
	div.director_new ul li img {margin: 0 auto;}
	div.director_new ul li strong {margin: 10px 0 5px; color: #2391d0; font-size: 16px; font-weight: 400;}
	div.director_new ul li span.name {font-weight: 600; color: #363d45; font-family: 'notosanskr medium';}
	div.director_new ul li span.info {font-size: 15px; font-weight: 400; color: #363d45;}

	div.director_new ul.type01 li:nth-child(3n+1) {margin-left: 0;}
	div.director_new ul.type01 li:nth-child(2) ~ li {margin-top: 50px;}

div.director_new table.tblDef {border-top: 2px solid #123e97;}
div.director_new table.tblDef tr > * {padding: 10px;}
div.director_new table.tblDef tr > th {background-color: #f0f5ff; color: #222;}

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

div.director_new ul li {width: 200px; display:inline-block; margin-left: 70px; vertical-align: top;}

	div.director_new ul.type02 {text-align: left; overflow: hidden; padding: 0 100px;}
	div.director_new ul.type02 li {width: 220px; float: left; display:block; margin-left: 40px;}
	div.director_new ul.type02 li:nth-child(4n+1) {margin-left: 0; clear: both;}
	div.director_new ul.type02 li:nth-child(4) ~ li {margin-top: 50px;}

}

@media all and (max-width: 960px) {
	div.director_new table.tblDef tr > * {padding: 10px 5px; font-size: 12px;}
	div.director_new ul {overflow: hidden;}
	div.director_new ul li {width: calc(50% - 5px); display:block; float: left; margin-left: 10px;}
	div.director_new ul.type01 li:nth-child(2n+1) {clear: none; margin-left: 0;}
	div.director_new ul li:nth-child(2n+1) {clear: both; margin-left: 0;}
	div.director_new ul li * {font-size: 14px;}
	div.director_new h4.subTit_bl {font-size: 18px; background-position: left center;}
}








/* 회원찾기 */
div.memberSearch {background-color: #eee;}
div.memberSearch > legend + label {margin-left: 0;}
div.memberSearch label {font-family: 'notosanskr medium',sans-serif; font-weight: 500;}
div.memberSearch span.btn input:first-child {margin-left: 0;}

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

div.memberSearch {text-align: center; background-color: #eee;}
div.memberSearch {padding: 25px 0; font-size: 0; margin-bottom: 50px;}
div.memberSearch form fieldset > * {display:inline-block;}
div.memberSearch > legend + label {margin-left: 0;}
div.memberSearch label + input[type="text"] {width: 350px;}
div.memberSearch label {margin-left: 20px; margin-right: 10px; font-size: 15px;}
div.memberSearch span.btn {margin-left: 10px;}
div.memberSearch span.btn input {height: 35px; padding: 4px 0 8px; margin-left: 10px;}
	
}

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

div.memberSearch {padding: 25px 0; font-size: 0; margin-bottom: 50px; padding: 30px 20px;}
div.memberSearch form fieldset > * {display:inline-block; vertical-align: middle;}
div.memberSearch > legend + label {margin-left: 0;}
div.memberSearch label {margin-right: 10px; font-size: 15px; float: left; width: 60px; margin-top: 15px;}
div.memberSearch label + input[type="text"] {display:block; width: calc(100% - 70px); margin-top: 10px;}
div.memberSearch span.btn {display:block;}
div.memberSearch span.btn input {display:block; width: 100%; margin-top: 10px;}


div.memberList table.rwTbl tr {margin-top: 30px;}
div.memberList table.rwTbl tr > *:first-child {border-top: 1px solid #ccc; background: #f3f3f3; color: #123e97;}
div.memberList table.rwTbl tr:first-child {margin-top: 0;}

}

/* 관련학회 및 저널 */
div.journal {}
	div.journal table {margin-top: 30px;}
	div.journal table:first-child {margin-top: 0;}
	div.journal table + p.btn {margin-top: 50px;}

@media all and (max-width: 960px) {
	div.journal table * {font-size: 13px; word-break: keep-all;}
}


div.research_history td a {word-break: keep-all;}
/* 안면외상연구회 활동소개 */
div.introduce { line-height: 2}
	div.introduce p.photo {}
	div.introduce p.photo img {display:inline-block;}
	div.introduce p.photo strong {display:inline-block; color: #123e97; font-weight: bold; vertical-align: top; margin-left: 5px;}

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

	div.research_history table.rwTbl tr {margin-top: 30px;}
	div.research_history table.rwTbl tr > *:first-child {border-top: 1px solid #ccc; background: #f3f3f3; color: #123e97;}
	div.research_history table.rwTbl tr:first-child {margin-top: 0;}
	div.research_history table.rwTbl > * > tr > td {word-break:keep-all;}

}


/* 수련병원, 병원찾기 */
div.hospital {}
	div.hospital ul.subMenu {}
	div.hospital ul.subMenu li {text-align: center;}
	div.hospital ul.subMenu li a {display:block; text-align: center; border-top: 0 none;}
	div.hospital ul.subMenu li {text-align: center; background-color: #f4f4f4;}
	div.hospital ul.subMenu li a {display:block; text-align: center; color: #6c6c6c; font-family: 'notosanskr demilight', sans-serif; font-size: 18px; font-weight: 400; border-left: 1px solid #cfcfcf; padding: 15px 0;}
	div.hospital ul.subMenu li.on a {font-weight: 400; color: #fff; background-color: #123e97; font-family: 'notosanskr medium', sans-serif;;}

	div.hospital div.resultArea {}
	div.hospital div.resultArea table.tblDef {text-align: center;}

	div.hospital table td.admin {font-size: 12px;text-align: center;}
	div.hospital table td.admin a {display:inline-block; color: #808080;}
	div.hospital table td.admin span {margin: 0 5px;}

	div.hospital div.map {text-align: center;}
	div.hospital div.map * {width: 100%; height: 100%; text-align: center;}

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

	div.hospital ul.subMenu li {width: 150px !important;}

	div.hospital ul.subMenu li:nth-child(8) ~ li a {border-bottom: 0 none;}
	div.hospital ul.subMenu li:last-child a {border-right: 0 none;}
	div.hospital ul.subMenu li:nth-child(8n+1) {clear: both; margin-left: 0;}
	div.hospital ul.subMenu li:nth-child(8n+1) a {border-left: 0 none;}

	div.hospital div.bbsSearch {width: auto; text-align: center; padding: 20px 0; background-color: #f0f0f0; margin-top: 50px;}
	div.hospital div.bbsSearch * {display:inline-block; vertical-align: middle; color: #666666;}
	div.hospital div.bbsSearch input[type='text'] {margin-left: 30px; width: 600px; border-color: #d6d6d6;}
	div.hospital div.bbsSearch input[type='radio'] {margin-top: 3px;}
	div.hospital div.bbsSearch span.btn input.btnDef {background-color: #123e97; font-weight: 400; padding: 3px 0 6px;}

	div.hospital div.map {width: 100%; height: 500px; border: 1px solid #ccc; margin-top: 50px;}

}

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

	div.hospital ul.subMenu li {width: 25% !important;}
	div.hospital ul.subMenu li a {width: 100%; display:block;}
	div.hospital ul.subMenu li:nth-child(4) ~ li a {border-top: 0 none;}
	div.hospital ul.subMenu li:nth-child(4n+1) {clear: both; margin-left: 0;}
	div.hospital ul.subMenu li:nth-child(4n+1) a {border-left: 0 none;}
	div.hospital ul.subMenu li:nth-child(12) ~ li a {border-bottom: 0 none;}

	div.hospital div.resultArea table.rwTbl tr {margin-top: 30px;}
	div.hospital div.resultArea table.rwTbl tr > *:first-child {border-top: 1px solid #ccc; background: #f3f3f3; color: #123e97;}
	div.hospital div.resultArea table.rwTbl tr:first-child {margin-top: 0;}

	div.hospital > table.rwTbl tr > * {text-align: center;}

	div.hospital div.map {width: 100%; height: 300px; border: 1px solid #ccc; margin-top: 30px;}
	
	
}


/* 사무국 업무 안내 */
div.office div.officeInfo {box-sizing:border-box; background:#f6f6f6; border-top:2px solid #7c7c7c; border-left:1px solid #e4e4e4; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;}
div.office div.officeInfo p.tit {text-align:center; color:#534f79;}
div.office div.officeInfo ul.listNum li p strong {color:#000;}
div.office div.officeInfo ul.listNum li p a {color:#0060cb;}
div.office div.officeInfo table.tblDef {text-align: center;}
div.office div.officeInfo table.tblDef thead tr:first-child > *,
div.office div.officeInfo table.tblDef tr >*:first-child {border-left:1px solid #d6d6d6;}
div.office div.officeInfo table.tblDef tr th:last-child,
div.office div.officeInfo table.tblDef tr td:last-child {border-right:1px solid #d6d6d6;}
div.office div.officeInfo table.tblDef tr th {background:#34314c; color:#fff;}
div.office div.officeInfo table.tblDef tr td {background:#fff; text-align:center; letter-spacing:-1px;}


div.office div.listArea table.tblDef {border-top:1px solid #e4e4e4;}
div.office div.listArea table.tblDef tr >*:first-child {border-left:1px solid #e4e4e4;}
div.office div.listArea table.tblDef tr td:first-child {padding:0;}
div.office div.listArea table.tblDef tr td:first-child img {width: 100%;}
div.office div.listArea table.tblDef tr td:nth-child(2) {background:url('/image/sub/office_bg.png') no-repeat right bottom;}
div.office div.listArea table.tblDef tr td:nth-child(3) {text-align:center;}
div.office div.listArea table.tblDef tr th:last-child,
div.office div.listArea table.tblDef tr td:last-child {border-right: 1px solid #e4e4e4;}
div.office div.listArea table.tblDef tr td img {display:inline-block; vertical-align:middle; font-size:0;}
div.office div.listArea table.tblDef tr td span.name {display:block !important; background:#34314c; color:#fff; text-align:center;}
div.office div.listArea table.tblDef tr td p:first-child {padding-top: 0;}
div.office div.listArea table.tblDef tr td p.icon img {margin:0 0 2px 0;}

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

	div.office div.officeInfo {padding:35px 25px;}
	div.office div.officeInfo p.tit {font-size:20px;}
	div.office div.officeInfo ul.listNum {padding-top: 20px; font-size:16px;}
	div.office div.officeInfo table.tblDef {margin:20px 0; font-size:14px;}

	div.office div.listArea {padding:50px 30px 0;}
	div.office div.listArea table.tblDef tr td:nth-child(2) {padding:0 20px;}
	div.office div.listArea table.tblDef tr td span.name {padding:3px 0;}

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


	div.office div.officeInfo {padding:10px; margin: 30px 0;}
	div.office div.officeInfo p.tit {font-size:15px;}
	div.office div.officeInfo ul li {font-size: 13px;}
	div.office div.officeInfo table.tblDef {margin:20px 0; font-size:12px; width: auto;}


div.office div.listArea table.tblDef colgroup col {width: 25% !important;}
div.office div.listArea table.tblDef colgroup col {width: 50% !important;}
div.office div.listArea table.tblDef colgroup col {width: 25% !important;}


	div.office div.listArea {padding:20px 0 0;}
	div.office div.listArea table.tblDef {width: auto; font-size: 12px;}
	div.office div.listArea table.tblDef tr td {padding: 0px 5px;}
	div.office div.listArea table.tblDef tr td:nth-child(2) {padding:0 5px;}
	div.office div.listArea table.tblDef tr td img {display:block; margin: 0 auto !important;}
	div.office div.listArea table.tblDef tr td span.name {padding:3px 0; font-size: 12px; font-weight: 400;}

}










.subMenu {overflow: hidden;}
.subMenu {font-size: 0; overflow: hidden; text-align: center;}
	.subMenu li {display:inline-block; width: 25% !important; background-color: #f4f4f4;}
	.subMenu li a {display:block; color: #222; text-align: center; border-left: 1px solid #ccc; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
	.subMenu li:last-child a {border-right: 1px solid #ccc;}
	.subMenu li:last-child a {border-right: 1px solid #ccc;}
	.subMenu li.on a {background-color: #123e97; color: #fff;}

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

	.subMenu li a {font-size: 18px; padding: 15px 0;}
	
}

@media all and (max-width: 960px) {
	.subMenu li a {font-size: 12px; padding: 10px 0;} 
}





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

@media all and (min-width: 961px) {
.bdTit {position: absolute; top:0; left:0; font-size: 19px !important; width: 300px !important; background-size: 100%;}
}	
@media all and (max-width: 960px) {
.bdTit {font-size: 18px !important; background-size: 150px;}
}	



/* 학술대회 연혁 */
div.research_history {}
@media all and (min-width: 961px) {
div.research_history ul.subMenu > li {width: 20% !important;}
}
@media all and (max-width: 960px) {
div.research_history ul.subMenu > li {width: 25% !important;}
div.research_history ul.subMenu > li:first-child {width: 100% !important;}
div.research_history ul.subMenu > li:first-child a {border-bottom: 0 none;border-right: 1px solid #ccc;}
}

/* 미션과 비전 추가 2022-08-24 */
dl.mission, dl.mission dt, dl.mission dd {margin: 0;padding: 0;}
dl.mission {}
dl.mission:first-of-type {margin-top: 0;}
dl.mission dt {border-radius: 50%;background-repeat: no-repeat;background-position: center center;text-align: center;color: #fff;font-weight: normal;font-family: 'NotoSansKR Bold', sans-serif;}
dl.mission dd {color: #000;font-family: 'NotoSansKR DemiLight', sans-serif;}

/* PC */
@media all and (min-width: 961px) {
dl.mission {position: relative;min-height: 250px;margin-top: 50px;padding-left: 295px;}
dl.mission dt {position: absolute;top: 0;left: 0;width: 250px;padding: 100px 0;font-size: 36px;line-height: 50px;}
dl.mission dd {display: table-cell;width: 1500px;height: 250px;vertical-align: middle;font-size: 16px;line-height: 30px;}
}

/* 모바일 */
@media all and (max-width: 960px) {
dl.mission {margin-top: 25px;}
dl.mission dt {width: 125px;margin: 0 auto;padding: 50px 0;background-size: cover;font-size: 21px;line-height: 25px;}
dl.mission dd {padding-top: 15px;font-size: 14px;line-height: 20px;text-align: center;}
dl.mission dd ul {text-align: justify;}
}

/* 2024-07-26 기부자 명단 css 추가 */
.bdLeft {border-left: 1px solid #ccc !important;} 
.donate-box {background-color: #f2f9ff; text-align: center; display:flex; justify-content:center; align-items:center;}
.donate-box p {font-family: 'NotoSansKR Medium', sans-serif; color: #333;}
.donate-box strong {display: block; font-weight: normal; font-family: 'NotoSansKR Bold', sans-serif;}
.donate-box strong span {color: #0d398d;}

@media all and (max-width: 960px) {
	.donate-box {margin-bottom: 15px; gap:20px; padding: 20px; box-sizing:border-box;}
	.donate-box img {height: 74px;}
	.donate-box p {font-size:16px; margin: 0;}
	.donate-box p > span {display: block;}
	.donate-box strong {font-size:18px;}
	.donate-box strong span {font-size:22px;}
	
	.donate .tableScroll {overflow-x: auto;}
	.donate .tableScroll table {width: 1250px; font-size:14px;}

}
@media all and (min-width: 961px) {
	.donate-box {gap:79px; padding: 40px 0 39px; margin-bottom: 30px;}
	.donate-box p {font-size:22px;}
	.donate-box strong {font-size:26px;}
	.donate-box strong span {font-size:50px;}
}