@charset "utf-8";

.fcRed {color: #ec1667 !important;}

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


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


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

img {max-width:100%;}

a.conLink {text-decoration:none;color: inherit;}
a.conLink:hover,
a.conLink:focus {}
a img {vertical-align:middle;}

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

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

select,
input[type='text'],
input[type='password'],
textarea {height:35px;padding:5px 10px 7px;border:1px solid #cacaca;box-sizing:border-box;}
select {height:35px;padding:0;}
textarea {height:150px;}

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

td label,
td span:not(#content_parent) {display:inline-block;} /* 에디터 id부분만 적용안되도록 예외처리 김상훈 K 2018-07-19 */



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


.btn a,
.btn input,
.btn button {display:inline-block;text-decoration:none;cursor:pointer;height:35px;padding:0 15px 2px;font-size:15px;border-style:solid;border-width:1px;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;}



/* 큰 버튼 height:24px */
.btn .btnBig {min-width:100px;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;}





/* 하늘색 */			.btn .btnDef {background-color:#3aafff;border-color:#3aafff;color:#fff !important;}
/* 남색 */				.btn .btnPoint {background-color:#053e87;border-color:#053e87;color:#fff !important;}
/* 회색 */				.btn .btnGrey {background-color:#434343;border-color:#434343;color:#fff !important;}
/* 연회색 */			.btn .btnLGrey {background-color:#eee;border-color:#eee;color:#000 !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:#4ea50f;border-color:#4ea50f;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;}

/* border+하늘색 */		.btn .btnBdDef {background-color:#fff;border-color:#3aafff;color:#3aafff !important;}
/* border+남색 */			.btn .btnBdPoint {background-color:#fff;border-color:#053e87;color:#053e87 !important;}
/* border+회색 */			.btn .btnBdGrey {background-color:#fff;border-color:#434343;color:#434343 !important;}


.btn .btnWrite,
.btn .btnCheck,
.btn .btnList,
.btn .btnReply,
.btn .btnDel,
.btn .btnReset,
.btn .btnBook,
.btn .btnDown {position: relative;padding-right:2.5em !important;}
.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;}


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

.btn .btnBig,
div.btnArea a,
div.btnArea input,
div.btnArea button {height:40px;padding:8px 20px 10px;}

.btn a.btnBig,
div.btnArea a,
.btn > span.btnBig {height:auto;padding:10px 20px 9px;}


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

div.contents .btnArea {padding: 10px;margin-top: 0;}
}


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

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


dl.inputArea {border-top: 1px solid #c3c3c3;}
dl.inputArea > dt,
dl.inputArea > dd {margin: 0;border-bottom:1px solid #c3c3c3;}
dl.inputArea > dt {padding: 5px 10px !important;;background-color: #f8f8f8;}

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

div.formArea dt,
div.formArea dt span,
div.formArea dt label {font-weight:400;line-height: 33px;color: #000;}

div.formArea label {line-height: 35px;}

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

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

/*
div.formArea span.note {clear: both;color: #f00;font-size: 0.9em;line-height: 1.2 !important;}
*/
div.formArea .multi {overflow:hidden;}
div.formArea .multi > * {float:left;}
div.formArea .multi > div,
div.formArea .multi > input[type=checkbox],
div.formArea .multi > input[type=radio] {margin-left:40px;}
div.formArea .multi > input[type=checkbox],
div.formArea .multi > input[type=radio] {margin-top: 11px;vertical-align: top;}

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

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

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

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


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

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

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

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

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

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

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

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

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

div.formArea ul.category {overflow: hidden;padding: 0;}
div.formArea ul.category li {float: left;width:100%;overflow: hidden;}
div.formArea ul.category li > * {float: left;margin-left: 5px;}
div.formArea ul.category label {line-height: 35px;}

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

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

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

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

table.inputTbl input.inputWide {width: 100% !important;}

}



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

div.formArea .note {line-height: 21px;background:url('/image/common/bl_note.png') left 4px no-repeat;}


textarea {height:200px;}


}




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

/* 기본 table */
table.tblDef {border-top:1px solid #004f95;}

table.tblDef > * > tr > th,
table.tblDef > * > tr > td {padding:10px;border-left:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;color:#313131;}
table.tblDef > * > tr > th:first-child,
table.tblDef > * > tr > td:first-child {border-left: 0 none;}

table.tblDef > * > tr > th {background-color:#f8f8f8;color: #004f95;text-align: center;font-weight: bold;}
table.tblDef > * > tr > .bg {background-color:#eef6ff;color: #004f95;}


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

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


table.inputTbl > * > tr > th,
table.inputTbl > * > tr > td {text-align:left;font-weight: normal;}
table.inputTbl > * > tr > td.pluginArea {padding: 0;}

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

table.inputTbl > * > tr > td label,
table.inputTbl > * > tr > td > span {vertical-align:top;}
table.inputTbl > * > tr > td > span {font-size:12px;}
table.inputTbl > * > tr > td > span.note {padding-left: 0;margin: 0;color:#dd3131;background: none;}
table.inputTbl > * > tr > td > span.btn {margin: 0;}


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

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

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

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

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

div.formArea .agreeCon {border: 1px solid #ddd;}
div.formArea .agreeCon dt {font-weight: bold;}

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

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

table.rwTbl > * > tr > * {min-height:41px;padding:5px 10px;box-sizing:border-box;border-left: 0 none !important;}



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

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

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

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

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


div.formArea ul.option li {position: relative;margin-top: 10px;padding-left: 20px;}
div.formArea ul.option li:first-child {margin-top: 0;}

div.formArea ul.option input {position: absolute;left: 0;top: 2px;}
div.formArea ul.option label {line-height: 1.2em;}
div.formArea .agreeCon {padding:0 10px 10px;margin-bottom: 10px;}
div.formArea .agreeCon dt {padding-top: 10px;}
}



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

div.formArea ul.option li {overflow: hidden;}
div.formArea ul.option li > * {float: left;margin-left: 5px;}
div.formArea ul.option li > *:first-child,
div.formArea ul.option li > .clear {margin-left: 0 !important;}

div.formArea li.multi {margin-top: 10px;}
div.formArea li.multi:first-child {margin-top: 0;}

div.formArea ul.option label, div.formArea ul.option span {line-height: 35px;}

div.formArea ul.option input[type=radio], 
div.formArea ul.option input[type=checkbox] {margin: 11px 0 0  20px;}

div.formArea ul.option.overHidden > li {float: left;margin-left: 20px;}

div.formArea .agreeCon {padding:0 20px 20px;margin-bottom: 10px;}
div.formArea .agreeCon dt {padding-top: 20px;}
}




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





/* 게시판 리스트 */
div.sort {text-align: right;}
div.bbsSearch > div.sort {text-align: left;}

div.bbsBrief {overflow: hidden;}
div.bbsBrief p {float: right;margin: 0;}

dl.bbsItem {position: relative;padding: 0;margin: 0;border-bottom: 1px solid #d2d2d2;}
dl.bbsItem:first-child {border-top: 1px solid #004f95;}
dl.bbsItem a,
table.tblBbs a {text-decoration: none;color: inherit;}
dl.bbsItem > dt {position: relative;}
dl.bbsItem > dt a {position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color: #313131;}
dl.bbsItem > dt span {position: absolute;text-align: center;color: #313131;}
dl.bbsItem > dt span.notice {background-color: #ec6628;color: #fff;}

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.attach a {position: relative;display: block;}
dl.bbsItem > dd.attach a:after {position: absolute;right: 10px;top: 50%;margin-top: -0.5em;line-height: 1em;font-family: "Font Awesome 5 Free";color: #808080;}
dl.bbsItem.deleted {background-color: #fbfbfb;}

ul.pager {text-align:center;}
ul.pager li {display:inline;vertical-align: top;}
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: 28px;padding:0;}

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


div.bbsUtil {text-align: right;}



/*  Mobile : ~ width:839px  */
@media screen and (max-width: 959px) {
div.bbsSearch,
div.bbsBrief,
div.bbsList {margin: 10px;}
div.bbsSearch select,
div.bbsSearch input[type=text],
div.bbsSearch span.btn {display: block;width: 100%;}
div.bbsSearch input[type=text] {margin: 10px 0;}
div.bbsSearch span.btn * {width: 100%;}

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

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

dl.bbsItem {padding: 0 35px 5px 60px;}
dl.bbsItem:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: ".";}
dl.bbsItem > dt {padding: 10px 0;}
dl.bbsItem > dt span {left: -50px;width: 40px;}
dl.bbsItem > dd.pubDate,
dl.bbsItem > dd.info {float: left;}
dl.bbsItem > dd.pubDate span:before {content: ".";}
dl.bbsItem > dd.info:before {display: inline-block;content: " / ";padding: 0 5px;}
dl.bbsItem > dd.attach a {position: absolute;right: 0;top: 0;width: 35px;height: 100%;text-indent: -10000px;}
dl.bbsItem > dd.attach a:after {position: absolute;left: 0;top: 50%;width: 100%;text-indent: 0;font-size: 1.5em;content: "\f15c";font-weight: 400;text-align: center;}
dl.bbsItem > dd.admin {display: none;}
dl.bbsItem > dt span.notice {background-color: #ec6628;color: #fff; font-size: 12px !important;	 font-weight: bold !important; width: 50px; padding: 2px 0 3px; left: -60px;}


dl.bbsItem.deleted {height: 62px;}
dl.bbsItem.deleted > dd.info {display: none;}

div.bbsUtil {margin: 10px;}
div.bbsUtil .btnWrite,
div.bbsUtil .btnDel {display: none;}
ul.pager {padding: 10px 0;}

}


/* PC : width:960px ~ */
@media screen and (min-width: 960px) {
div.bbsSearch {position:relative;margin:40px auto;text-align: center;}
div.bbsSearch select,
div.bbsSearch input[type=text],
div.bbsSearch span.btn {display: inline-block;vertical-align: top;}
div.bbsSearch select {width: 150px;}
div.bbsSearch input[type=text] {width: 328px;}

div.sort select {margin: 30px 0;width: 150px;}


div.bbsBrief p:first-child {float: left;}

div.bbsList {margin-top: 10px;}
dl.bbsItem {padding: 0 115px 0 80px;}
.admin dl.bbsItem.noAttach  {padding-bottom: 28px;}
dl.bbsItem > dt {padding: 15px 0 5px;font-size: 16px;}
dl.bbsItem > dt a {display: inline-block;max-width:100%;}
dl.bbsItem > dt span {left: -80px;top: 15px;width: 60px; font-size: 14px !important; font-weight: bold !important;  padding: 4px 0 5px;}


dl.bbsItem > dd.pubDate {position: absolute;right: 0;top: 50%;width: 100px;margin-top: -29px;padding-top: 34px;text-align: center;color: #313131;}
dl.bbsItem > dd.pubDate span {position: absolute;left: 0;top: 0;width: 100%;color: #3aafff;font-weight: bold;font-size: 30px;line-height: 34px;}
dl.bbsItem > dd.info {padding-bottom: 5px;text-align: right;font-size: 14px;color: #808080;}
dl.bbsItem > dd.attach {border-top: 1px solid #d2d2d2;color: #808080;}
dl.bbsItem > dd.attach a {padding: 10px 30px 10px 0;font-size: 14px;}
dl.bbsItem > dd.attach a:after {content: "\f019";font-weight: 900;}
dl.bbsItem > dd.admin {display: none;position: absolute;right: 0;bottom: 10px;width: 100px;font-size: 12px;color: #808080;text-align: center;}
.admin dl.bbsItem > dd.pubDate {top: 10px;margin-top: 0;}
.admin dl.bbsItem > dd.admin {display: block;}



dl.bbsItem.deleted {height: 97px;}
dl.bbsItem.deleted > dd.attach {display: none;}

div.bbsUtil {margin: 30px 0;}
div.bbsUtil .btnList {float: left;}
ul.pager {padding:30px 0;}
}



/* 게시판 글보기 */
div.bbsView dl.bbsItem {padding: 0;margin: 0;border-top: 1px solid #004f95;padding-bottom: 10px;border-bottom: 1px solid #d2d2d2;text-align: right;}
div.bbsView dl.bbsItem > dt {padding: 10px;text-align: center;background-color: #eef6ff;color: #004f95;font-size: 1.2em;font-weight: bold;}
div.bbsView dl.bbsItem > dd {margin: 0;color: #313131;}
div.bbsView dl.bbsItem > dd span,
div.bbsView dl.bbsItem > dd a {color: #808080;}

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


table.tblBbs {border-top: 1px solid #d2d2d2;}
table.tblBbs:first-child {border-top-color:#004f95;}
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: bold;text-align: center;color: #004f95;background-color: #eef6ff;}


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

dl.replyItem {position: relative;margin: 0;border-bottom: 1px solid #d2d2d2;}
dl.replyItem.reply {padding-left: ;}
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.8em;}
dl.replyItem > dt span {display: inline-block;content: "|";padding: 0 10px;}
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 {color: #808080;}
dl.replyItem > dd.util,
dl.replyItem.modify > dd.util {position: absolute;padding: 0;font-size: 0.8em;}
dl.replyItem > dd.util a:first-child:after {display: inline-block;content: "|";padding: 0 6px 0 10px;color: #808080;}
dl.replyItem.modify > dd.util a:first-child {display:  none;}

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

/*  Mobile : ~ width:839px  */
@media screen and (max-width: 959px) {
div.bbsView {margin: 10px;}

div.bbsView dl.bbsItem > dd {padding:10px 10px 0;}
table.tblBbs a.attach {position: relative;display: block;padding-right: 2em;}
table.tblBbs a.attach:after {position: absolute;right: 0.5em;top: 50%;margin-top: -0.5em;line-height: 1em;content:"\f002";font-weight: 900;font-family: "Font Awesome 5 Free";color: #808080;}

div.vodArea {height: 200px;margin: 10px;}
div.bbsCon {padding: 10px;}

div.replyArea {margin: 60px 10px 10px;padding:5px 10px 10px;}
div.replyArea .brief {margin-top: -40px;}

dl.replyItem {padding: 10px;}
dl.replyItem.reply,
div.replyWrite.reply {background-image: url('/image/common/replyBl_m.png');background-repeat: no-repeat;background-size: 7px;}
dl.replyItem.reply {padding-left: 50px;background-position:36px 16px;}
div.replyWrite.reply {padding-left: 30px;background-position:10px 16px;}

dl.replyItem > dd {padding-top:10px;font-size: 14px;}
dl.replyItem > dd.util,
dl.replyItem.modify > dd.util {right: 10px;top: 12px;}

div.replyWrite {position: relative;padding: 10px 100px 10px 10px;}
div.replyArea textarea {height: 100px;}
div.replyArea span.btn {position: absolute;right: 10px;top: 10px;width: 80px;height: 100px;}

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

}


/* PC : width:960px ~ */
@media screen and (min-width: 960px) {
div.bbsView dl.bbsItem:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: ".";}
div.bbsView dl.bbsItem > dt {margin-bottom: 10px;}
div.bbsView dl.bbsItem > dd {display: inline-block;}
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.bbsCon {padding: 20px;}
div.vodArea {margin: 20px;height: 400px;}

div.replyArea {margin-top: 80px;padding:5px 25px 25px;}
div.replyArea .brief {margin-top: -40px;}

dl.replyItem {padding: 20px;}
dl.replyItem.reply,
div.replyWrite.reply {background-image: url('/image/common/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 > dd {padding-top:10px;font-size: 14px;}
dl.replyItem > dd.util,
dl.replyItem.modify > dd.util {right: 20px;top: 25px;}

div.replyWrite {position: relative;padding: 20px 150px 20px 20px;}
div.replyArea textarea {height: 100px;}
div.replyArea span.btn {position: absolute;right: 20px;top: 20px;width: 120px;height: 100px;}

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;}
table.inputTbl .date input[type=image] {width: 16px;margin: 8px 0 0 5px;}

table.inputTbl .period > * {float: left;margin-left: 10px;}
table.inputTbl .period > *:first-child,
table.inputTbl .period > .clear {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;}
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;}





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


/* PC : width:960px ~ */
@media screen and (min-width: 960px) {
ul.thumbnailList .thumbnail {width: 164px; height: 231px;}
ul.thumbnailList span.thumbnail img {height:100% !important;}
}





/* 동영상 게시판 */
ul.thumbnailList,
ul.newsletter {overflow:hidden;}
ul.thumbnailList li,
ul.newsletter li {position: relative;float:left;text-align:center;color:#333436;font-weight:bold;}
ul.thumbnailList a,
ul.newsletter a {text-decoration: none;color: inherit;}
ul.thumbnailList .thumbnail {display:block;margin:0 auto;border: 1px solid #e5e5e5;}

ul.thumbnailList .thumbnail img,
ul.newsletter .thumbnail img {display:block;width:100%;height:100%;}

ul.thumbnailList span.tit,
ul.newsletter span.tit {display: block;margin: 10px 0 5px;color: #313131;font-weight: bold;}
ul.newsletter span.tit {color: #004f95;}
ul.thumbnailList span.info,
ul.newsletter span.info {color:#808080;font-weight:normal;font-size:0.8em;}
ul.newsletter span {display: block;}
ul.newsletter span.thumbnail {margin: 15px auto;}
ul.newsletter span.info {display: block;}
ul.newsletter span.detail {display: inline-block;margin: 10px 0;padding: 5px 15px;background-color: #004f95;color: #fff;}

div.bbsList div.noResult,
div.noData {text-align:center !important;font-weight:bold;color:#000;border-bottom:1px solid #e0e0e0;}
ul.thumbnailList span.tit{display:block; background: #eef4f8; padding: 10px 0; color: #2a4477;}


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

ul.thumbnailList li {float:none;padding:10px;}
ul.thumbnailList .thumbnail {}
ul.thumbnailList span.admin {display: none;}

ul.publication > li,
ul.newsletter > li {float: left;width: 50%;box-sizing:border-box;}
ul.publication > li:nth-child(odd),
ul.newsletter > li:nth-child(odd) {clear: both;}
ul.publication .btn a {margin-top: 5px;font-size: 0.8em;}

ul.newsletter > li {padding: 15px;}
}



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

ul.thumbnailList,
ul.newsletter {clear:both;margin-bottom:60px;}

ul.thumbnailList li {position: relative;width:350px;margin:20px 0 0 25px;}
ul.thumbnailList li:nth-child(3n+1),
ul.newsletter li:nth-child(4n+1) {clear: both;margin-left: 0;}
ul.thumbnailList span.admin {position: absolute;right: 10px;top: 152px;}


ul.newsletter li {width: 230px;margin:0 0 30px 60px;}

}




/* 행사일정 */
h3.month {position: relative;padding: 2px 35px 3px;text-align: center;color: #222;font-size: 30px;font-weight:500;}
h3.month a {overflow: hidden;position: absolute;top: 4px;display: block;width: 30px;height: 40px;text-decoration: none;}
h3.month a:before {display: block;width: 100%;height: 100%;font-family: "Font Awesome 5 Free";font-weight: 400;color: #333;}
h3.month a.prev {left: 0;}
h3.month a.prev:before {content: "\f359";}
h3.month a.next {right: 0;}
h3.month a.next:before {content: "\f35a";}


div.scheduleView {position: relative;}
div.scheduleView form, div.scheduleView dl, div.scheduleView dt, div.scheduleView dd, div.scheduleView ul, div.scheduleView li {margin: 0;padding: 0;list-style:none;}

div.scheduleView dl {color: #333;}
div.scheduleView select {width: 90px;height: 34px;margin: 0 5px 0 10px;border-color: #e5e5e5;}


div.month, div.month dl, div.month dt, div.month dd, div.month ul, div.month li, div.month p {margin: 0;padding: 0;list-style:none;}
div.month a {display: block;text-decoration: none;color: inherit;}
div.month {overflow:hidden;margin-top:30px;font-size: 14px;}
div.month dl {border-top:3px solid #0a2f6d;}
div.month dt {padding-bottom:9px;font-size:17px;line-height:23px;text-align:center;font-weight: bold;}

div.month dl.calendar {float:left;width:200px;padding:10px 15px 15px;background-color:#fafafa;}
div.month dl.calendar dt {color:#404040;}

table.calendar {border-top:1px solid #003366;border-right:1px solid #ccc;}
table.calendar th,
table.calendar td {padding:0;background-color:#fff;border-left: 1px solid #ccc;border-bottom: 1px solid #ccc;}
table.calendar th {padding:3px 0;background-color:#e5e5e5;color:#595959;text-align:center;}

table.calendar td a,
table.calendar td span {display:block !important;padding:3px 5px 3px 0;text-align:right;}

table.calendar .sun,
table.calendar .holiday {color:#ce0052 !important;}
table.calendar .sat {color:#0062ad}
table.calendar .event {background-color:#daefff;}

div.month dl.schedule {float:right;width:800px;}
div.month dl.schedule dt {padding:10px 0 9px;background-color:#f9fbff;color: #404040;}
div.month dl.schedule dd {padding:10px 15px;}
div.month dl.schedule dd a {display:block;position:relative;margin-top:5px;padding-left:170px;}
div.month dl.schedule dd a span {display:block;position:absolute;left:0;top:0;color:#000;}

div.month dl.schedule dd a:hover,
div.month dl.schedule dd a:focus,
div.month dl.schedule dd a:hover span,
div.month dl.schedule dd a:focus span {text-decoration:underline;}
div.month dl.schedule dd > p {padding:15px 0;text-align:center;font-weight:500;font-size:15px;}


div.calendarUtil {position: relative;}


table.scheduleTbl {border-top: 2px solid #003366;}
table.scheduleTbl th,
table.scheduleTbl td {border-bottom: 1px solid #ccc;padding:7px 0 8px;text-align:center;border-left:0 none;}
table.scheduleTbl th,
table.scheduleTbl td.bg {background-color: #f6f6f6;color: #000;}
table.scheduleTbl td.tit {padding:7px 5px 8px;text-align:left;}
table.scheduleTbl td.tit a:hover,
table.scheduleTbl td.tit a:focus {text-decoration:underline;}

table.scheduleTbl td.al {padding:7px 10px 8px}

h3.month {width: 200px;margin: 50px auto 0;}

table.bigCalendar {border-color:#ececec;}
table.bigCalendar th,
table.bigCalendar td {border-color: #ececec;}
table.bigCalendar th {height: 52px;border-bottom: 2px solid #004f95;background-color: #fff;}
table.bigCalendar td {position: relative;height:120px;padding:5px 5px 31px;vertical-align:top;font-size: 14px;word-break:break-all;}
table.bigCalendar .sat {color: #0000ff;}
table.bigCalendar .sun {color: #0000ff;}

table.bigCalendar .today {background-color: #fdf8e5;}


table.bigCalendar td > span,
table.bigCalendar td > a {display:block;}
/*table.bigCalendar td a {position:relative;text-align:left;font-size:11px;line-height: 14px;color: #fff;text-decoration: none;box-sizing:border-box;padding: 5px;margin-top:5px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}*/
table.bigCalendar td a {
	position: relative;
	text-align: left;
	font-size: 11px;
	line-height: 14px;
	color: #fff;
	text-decoration: none;
	box-sizing: border-box;
	padding: 5px;
	margin-top: 5px;
	text-overflow: ellipsis;
	word-break: break-all;
	/* white-space: nowrap; */
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	height: 35px;
}
table.bigCalendar td a.type01 {background-color: #10ceef;}
table.bigCalendar td a.type02 {background-color: #1b3e93;}
table.bigCalendar td a.type03 {background-color: red;}
table.bigCalendar td a.type04 {background-color: gray;}
table.bigCalendar td a.type05 {background-color: black;}
table.bigCalendar td a.type06 {background-color: yellow;}
table.bigCalendar td a.type07 {background-color: green;}
table.bigCalendar td a.count {position: absolute;right: 5px;bottom: 5px;width: auto;font-weight: bold;padding: 0;color: #000;font-size: 14px;}


/* PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.event div.bbsSearch {text-align: right;}
div.scheduleView {height: 34px;padding:20px;margin:20px 0;background-color: #fbfbfb;}
div.scheduleView form, div.scheduleView dl, div.scheduleView dt, div.scheduleView dd, div.scheduleView ul, div.scheduleView li {float: left;}
div.scheduleView a.btnToday {position: absolute;right: 0;bottom:-93px;}

div.scheduleView ul {float: right;}
div.scheduleView ul.btn li {width: auto;margin-left: 5px;}
div.scheduleView ul.btn li:first-child {margin-left: 0;}

h3.month a {display: none;}

table.bigCalendar {margin-top: 50px;}
table.bigCalendar td a {width: 143px;}
}


/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.event div.bbsSearch,
div.event div.scheduleView dl, div.event div.scheduleView li a {display: none;}

div.event div.scheduleView {margin: 10px 10px 5px;}
div.event div.scheduleView a.btnList,
div.event div.scheduleView a.btnToday {display: inline-block;}
div.event div.scheduleView a.btnToday {position: absolute;right: 0;bottom: -95px;}
h3.month {margin: 0 auto 50px;}
div.calendarUtil {margin: 0 10px;}


table.bigCalendar {margin-top: 20px;}
table.bigCalendar td {height: 60px;}
table.bigCalendar a {width:30px;}
}


/* 전체일정 */
dl.scheduleItem, dl.scheduleItem dt, dl.scheduleItem dd, dl.scheduleItem a {margin: 0;padding: 0;text-decoration: none;}
dl.scheduleItem {position: relative;border-bottom: 1px solid #d2d2d2;color: #808080;}
dl.scheduleItem:first-child {border-top: 1px solid #004f95;}
dl.scheduleItem > dt {padding-bottom: 5px;}
dl.scheduleItem span,
dl.scheduleItem > dt a {display: block;line-height: 1.4;}
dl.scheduleItem > dt .cate {position: absolute;top: 50%;text-align: center;color: #fff;}
dl.scheduleItem > dt .type01 {background-color: #3aafff;}
dl.scheduleItem > dt .type02 {background-color: #053e87;}

dl.scheduleItem > dt a {font-weight: bold;color: #313131;}
dl.scheduleItem > dt a span {
	display: inline-block;
	overflow: hidden; 
	white-space: normal; 
	text-align: left; 
	word-wrap: break-word; 
	-webkit-line-clamp: 1; 
	-webkit-box-orient: vertical;
	vertical-align: top;
}
dl.scheduleItem dd.attach a {color: #808080;}
dl.scheduleItem dd.attach img {padding-right: 5px;vertical-align: middle;}

dl.scheduleItem dd.util {position: absolute;}
dl.scheduleItem span.btn a {display: block;}
dl.scheduleItem a.btnHome {position: relative;text-indent: -10000px;}
dl.scheduleItem a.btnHome:before {position: absolute;left: 50%;top: 50%;margin: -.4em 0 0 -.6em;font-size: 1em;line-height: 1em;text-indent: 0;}

/* PC : width:961px ~  */
@media screen and (min-width: 961px) {
dl.scheduleItem {padding: 15px 140px 20px 100px;}
dl.scheduleItem > dt .cate {left: 10px;top: 50%;margin-top: -12px;width: 60px;}

dl.scheduleItem dd.util {right: 10px;top: 15px;width: 80px;}
dl.scheduleItem a.btnHome {height:40px;}
dl.scheduleItem span.btn a {padding: 5px 10px;font-weight: bold;}
dl.scheduleItem span.admin {padding-top: 5px;text-align: center;}
dl.scheduleItem span.admin a {font-size: 0.8em;color: #808080;}
}


/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.eventList {padding: 10px;}

dl.scheduleItem {padding: 10px 70px 10px 50px;}
dl.scheduleItem > dt .cate {left: 0;margin-top: -10px;width: 40px;padding: 3px 0 1px;font-size: 0.8em;}

dl.scheduleItem dd.util {right: 0;top: 50%;width: 60px;margin-top: -21px;}
dl.scheduleItem a.btnHome {height: 40px;}
dl.scheduleItem span.btn a {font-size: 0.9em;text-align: center;}
dl.scheduleItem .admin {display: none;}
}




/* 정기학술행사 */
dl.conferenceItem, dl.conferenceItem dt, dl.conferenceItem dd {margin: 0;padding: 0;}
dl.conferenceItem {position: relative;border-bottom: 1px solid #d2d2d2;}
dl.conferenceItem:nth-child(2) {border-top: 1px solid #004f95;}

dl.conferenceItem dt {padding-bottom: 10px;color: #313131;font-weight: bold;font-size: 1.2em;line-height: 1.2;}
dl.conferenceItem span.state {display: inline-block;margin-left: 0.5em;padding: 2px 10px 3px;background-color: #767676;color: #fff;font-size: 0.8em;font-weight: bold;vertical-align: top;}
dl.conferenceItem span.state.ing {background-color: #3aafff;}

dl.conferenceItem dd {font-size:1em;color: #808080;}
dl.conferenceItem ul.listBl > li {padding-left: 9em !important;}
dl.conferenceItem dd li span:first-child {position: absolute;left: 1em;top: 0;color: #000;font-weight: bold;font-size: 1.05em;}
dl.conferenceItem dd li:before {color: #000;}

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

div.conference div.bbsSearch {display: block;}

dl.conferenceItem {padding: 10px;margin: 10px;}
dl.conferenceItem ul.listBl > li {min-height: 18px;}
dl.conferenceItem dd li span:first-child {line-height:18px;}

dl.conferenceItem .btn {padding-top: 10px;text-align: right;}
dl.conferenceItem .admin {display: none;}
}


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

div.conference {}
div.conference div.bbsSearch {position: relative;padding-left: 154px;text-align: left;}
div.conference div.bbsSearch div.sort {position: absolute;left: 0;top: 0;}
div.conference div.bbsSearch div.sort select {margin: 0;}

dl.conferenceItem {padding: 20px 215px 20px 25px;}

dl.conferenceItem ul.listBl > li {min-height: 21px;}
dl.conferenceItem dd li span:first-child {line-height: 21px;}

dl.conferenceItem .admin {position: absolute;right: 20px;top: 20px;}
dl.conferenceItem .admin li {float: left;}
dl.conferenceItem .admin a {color: #f00;font-size: 12px;text-decoration: none;}
dl.conferenceItem .admin li:first-child a {color: #808080;}
dl.conferenceItem .admin li:first-child a:after {display: inline-block;content: "/";padding: 0 5px;}
dl.conferenceItem .btn {position: absolute;right: 20px;bottom: 20px;}
}




/* 정기학술행사 상세보기 */
div.conferenceView, div.conferenceView h3, div.conferenceView dl, div.conferenceView dt, div.conferenceView dd,
div.conferenceView ul, div.conferenceView li, div.conferenceView p {margin: 0;padding: 0;list-style:none;}

div.eventInfo {border-bottom: 1px solid #e5e5e5;text-align: center;color: #4f4f4f;text-indent: -1px;}
div.eventInfo h3 {padding-bottom: 10px;color: #c32544;font-weight: bold;}

div.conferenceCon table.tblDef {border-top:2px solid #7d7d7d;}
div.conferenceCon table.tblDef th {color: #2f2f2f;}

div.conferenceCon div.mapArea {border: 1px solid #ddd;}
div.conferenceCon dl.address dt {padding-bottom: 10px;color: #313131;font-size: 1.4em;}

div.conferenceCon div.formArea select {width: auto;}

div.conferenceCon div.registSearh {border-top: 2px solid #212121;}

/* mobile */
@media screen and (max-width: 960px) {
div.eventInfo {padding: 20px 0;background:  url('/image/conference/bg_m_right.png') right top no-repeat, url('/image/conference/bg_m_left.png') left top no-repeat;background-size: 102px, 540px;font-size: 14px;}
div.eventInfo h3 {font-size: 18px;}

div.conferenceCon {margin: 10px;}
div.conferenceCon h4.subTit_bl {display: none;}

div.conferenceCon div.mapArea {height: 200px;}
div.conferenceCon dl.address {margin-top: 10px;}
div.conferenceCon li.multi {margin-top: 10px;}
div.conferenceCon li.multi:first-child {margin-top: 0;}
}


/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.eventInfo {height: 124px;padding: 28px 0;background: #fdd9d4 url('/image/conference/bg.png') center top no-repeat;font-size: 20px;}
div.eventInfo h3 {font-size: 36px;}

div.conferenceView dl.rwMenu {border-top: 0 none;}
div.conferenceView dl.rwMenu dd {width: 1100px;margin: 0 auto;}
div.conferenceCon {width: 1100px;margin: 20px auto 50px;}
div.conferenceCon h4.subTit_bl {margin-bottom: 30px;}

div.conferenceCon div.mapArea,
div.conferenceCon dl.address {width: 845px;height: 340px;margin: 0 auto;}
div.conferenceCon dl.address {margin-top: 30px;}
div.conferenceCon dl.address ul {overflow: hidden;}
div.conferenceCon dl.address li {float: left;}
div.conferenceCon dl.address li:first-child:after {content: "|";padding: 0 20px;}

div.conferenceCon div.formArea input[type=text] {width: auto;}

div.conferenceCon div.registSearh {width: 500px;margin: 30px auto;}
div.conferenceCon div.registSearh dl {overflow: hidden;padding: 0 10px;}
div.conferenceCon div.registSearh.formArea dt,
div.conferenceCon div.registSearh.formArea dd {float: left;width: 80%;padding: 10px 0;border-bottom: 1px solid #c3c3c3;}
div.conferenceCon div.registSearh.formArea dt {clear: both;width: 20%;margin-bottom: 10px;}
div.conferenceCon div.registSearh.formArea dt label {line-height: 35px;}

div.conferenceCon div.registSearh.formArea .inputWide {width: 100%;}
}



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

div.tabArea {}

ul.tabMenu,
ul.rwTabMenu,
ul.conMenu,
ul.subMenu,
ul.sort,
dl.rwMenu ul {overflow:hidden;margin:0 auto;padding: 0;}
ul.tabMenu li,
ul.rwTabMenu li,
ul.conMenu li,
ul.subMenu li,
ul.sort li,
dl.rwMenu li {float:left;width: 50%;margin: 0;padding: 0;list-style:none;}

ul.tabMenu li a,
ul.rwTabMenu li a,
ul.subMenu li a,
ul.sort li a,
dl.rwMenu a {display:block;color: #666;text-align: center;text-decoration: none;border: 1px solid #e5e5e5;border-left: 0 none;}
ul.subMenu li a {}

ul.tabMenu li:first-child a,
ul.rwTabMenu li:first-child a,
ul.subMenu li:first-child a,
ul.sort li:first-child a {border-left: 1px solid #e5e5e5;}


ul.tabMenu li.on a,
ul.rwTabMenu li.on a,
ul.subMenu li.on a,
ul.sort li.on a {background-color: #c32544;color: #fff;}

ul.tabMenu li.twoLine a,
ul.rwTabMenu li.twoLine a,
ul.subMenu li.twoLine a,
ul.sort li.twoLine a {}

ul.menu04 > li {width: 25%;}
ul.menu05 > li {width: 20% !important;}

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

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

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




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





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


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

ul.borderMenu{border-bottom: 2px solid #3d75a9; margin: 0 10px; overflow:visible; height: 41px;}
div.contents > ul.borderMenu {margin: 10px 10px 0;}
ul.borderMenu li{float: left; width: auto !important; }
ul.borderMenu li a{display:block;min-width: 115px; padding: 10px 10px 9px;  text-decoration:none;  color:#000;border: 1px solid #dedede; border-left: none;border-bottom: 0 none !important;background: #f9f9f9; text-align:center;}
ul.borderMenu li:first-child a{border-left: 1px solid #dedede;}
ul.borderMenu li.on a {padding-bottom: 10px;color: #3d75a9; background: #fff; border: 2px solid #3d75a9;;}

dl.rwMenu {position: relative;margin: 10px !important;}
dl.rwMenu a {border: 0 none;text-align: left;}
dl.rwMenu a.trigger {padding: 6px 20px 5px 10px;background: url('/image/common/toggleBl_m.png') right -32px no-repeat;background-color: #faf0ee;color: #c32544;background-size: 23px;}
dl.rwMenu .view a.trigger {background-position: right 0;}
dl.rwMenu > dd {z-index: 30;position: absolute;left: 0;top: 32px;width: 100%;border: 1px solid #faf0ee;background-color: #fff;box-sizing:border-box;}

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


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

ul.tabMenu li a,
ul.rwTabMenu li a,
ul.subMenu li a,
ul.sort li a,
dl.rwMenu li a {padding: 16px 10px;font-size: 16px;line-height: 18px;}

ul.tabMenu li:first-child a,
ul.rwTabMenu li:first-child a,
ul.subMenu li:first-child a,
ul.sort li:first-child a,
dl.rwMenu li:first-child a {}

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

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

ul.borderMenu{margin-bottom: 30px;border-bottom: 2px solid #3d75a9; overflow:visible; height: 56px;}
ul.borderMenu li{float: left;background: #f9f9f9; text-align:center; width:25%;}
ul.borderMenu li a{padding: 15px 5px; display:block;border: 1px solid #dedede; border-bottom: 0 none !important; text-decoration:none; border-left: none; color:#000;}
ul.borderMenu li:first-child a{border-left: 1px solid #dedede;}
ul.borderMenu li.on a {padding-bottom: 17px;color: #3d75a9; background: #fff; border: 2px solid #3d75a9;}

dl.rwMenu {}
dl.rwMenu > dt {display: none;}
dl.rwMenu .on a {border-color: #c32544;background-color: #c32544;color: #fff;}
}






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





/*  서브페이지 타이틀 & 리스트 스타일 */

.subTit {color:#004f95;}
.subTitBg {color:#004f95;background:#f9fbff url('/image/common/subTit.png') 10px 10px no-repeat;}

.subTit_bl {color:#a71a36;background: url('/image/common/subTit_bl.png') 0 12px no-repeat;}
.subTitBl{padding-left: 35px; background: url(/image/sub/subTitBl.png) no-repeat left 3px; font-size: 22px; color: #1eaab9; margin: 30px 0 10px;}

.borderTit {padding-bottom:10px;border-bottom:2px solid #c1d4e1;color:#004f95; font-size:24px;font-weight:bold; margin-bottom: 40px !important;}
.borderTit span{color: #004f95; padding: 0 15px 15px; border-bottom: 2px solid #004f95;}

.pointTit {color: #0e1459; font-size: 34px;}
.boldTit {font-weight: bold;}

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

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


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


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

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


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


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


ul.overHidden > li {float:left;}

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


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


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


.bdNone {border:0 none !important;}


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

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



ul.col2ea {overflow: hidden;}
ul.col2ea > li {float: left;}
ul.col2ea > li {width: 50%;}


ul.txtIn_1 > li {padding-left: 1.5em !important;text-indent: -1.5em;}
ul.txtIn_1 > li * {text-indent: 0;}

ul.numList > li {margin-left: 1.2em !important;list-style:decimal !important;}


ul.vCheck > li {padding-left: 35px;background: url('/image/common/bl_vcheck.png') 0 5px no-repeat;}



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

.subTit {padding:0 0 0 10px;font-size:16px;background-position: 0 3px;background-size: 12px;}
.subTitBg {padding: 5px 0 5px 25px;background-position: 7px 7px; border-radius: 5px;font-size:16px;background-size: 12px;}
.subTit_bl {padding:0 0 0 15px;font-size:16px;background-position: 0 7px;background-size: 8px;}
.pointTit{font-size: 20px;}

.subTit:first-child {margin: 10px 10px 0;}

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

ul.vCheck > li {padding-left: 15px;background-size: 8px;}

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

div.pcOnlyNote {padding: 50px 0;text-align: center;font-size: 1.4em;letter-spacing:-1px;}
div.pcOnlyNote img {display: block;width: 124px;margin: 0 auto 30px;}

}


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

.subTit {padding:4px 0 8px 10px;font-size:26px;font-weight: bold;}
.subTitBg {padding: 10px 45px; border-radius: 10px;}    
.subTit_bl {padding:0 0 0 20px;font-size:24px;font-weight: bold;}
.subTit_arr {padding:0 0 8px 20px;font-size:16px;font-weight: bold;}

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



























/* ========================================================================================================== */
/* ================================================== Member ================================================= */
/* ========================================================================================================== */


/* 로그인 */
div.loginArea, div.loginArea p, div.loginArea ul, div.loginArea li {margin: 0;padding: 0;list-style:none;}
div.loginArea {position: relative;border: 1px solid #ccc;}
div.loginArea > p {color: #313130;}

div.loginArea div.formArea {position: relative;}
div.loginArea dl {overflow: hidden;}
div.loginArea dt,
div.loginArea dd {float: left;width: 80%;}
div.loginArea dt {clear: both;width: 20%;}

div.loginArea dt label {line-height: 45px;}
div.loginArea div.formArea dd input {height: 45px;}
div.loginArea p.loginUtil input {margin-top: 11px;vertical-align: top;}

div.loginArea p.btn * {width: 100%;height: 100%;padding: 0;border: 0 none;}
div.loginArea ul.btn {position: absolute;}
div.loginArea ul.btn li {float: left;}
div.loginArea ul.btn li:first-child {margin-left: 0;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.loginArea {margin: 10px;padding: 20px;}
div.loginArea div.formArea {padding:20px 0 45px;}
div.loginArea > p {padding-top:98px;background: url('/image/sub/loginBg_m.png') center top no-repeat;background-size: 86px;text-align: center;}

div.loginArea dt,
div.loginArea dd {margin-bottom: 5px;}
div.loginArea p.loginUtil {position: absolute;left: 0;bottom:0;}

div.loginArea p.btn {height: 45px;margin-top: 10px;}
div.loginArea ul.btn {right: 0;bottom: 5px;}
div.loginArea ul.btn li {margin-left: 5px;}
}

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

div.loginArea {width: 600px;padding:50px 100px;margin: 100px auto;}
div.loginArea > p {padding:23px 0 23px 170px;background: url('/image/sub/loginBg.png') left center no-repeat;font-size: 1.1em;}
div.loginArea div.formArea {margin-top: 30px;padding-right: 170px;}

div.loginArea dt,
div.loginArea dd {margin-bottom: 10px;}
div.loginArea p.loginUtil {padding-left: 20%;}
div.loginArea p.btn {position: absolute;right: 0;top:0;width: 160px;height: 100px;}

div.loginArea ul.btn {right: 170px;bottom: 5px;}
div.loginArea ul.btn li {margin-left: 10px;}
}



/* 아이디/비밀번호 찾기 */
div.findArea, div.findArea h3, div.findArea p, div.findArea ul, div.findArea li {margin: 0;padding: 0;list-style:none;font-weight: normal;}
div.findArea {position: relative;border: 1px solid #ccc;}
div.findArea h3 {color: #053e87;font-size: 1.7em;}
div.findArea > p {color: #313130;}

div.findArea div.formArea {position: relative;}
div.findArea dl {overflow: hidden;}
div.findArea dt,
div.findArea dd {float: left;width: 80%;}
div.findArea dt {clear: both;width: 20%;}

div.findArea dt label {line-height: 45px;}
div.findArea div.formArea dd input {height: 45px;}

div.findArea p.btn * {width: 100%;height: 100%;padding: 0;border: 0 none;}

div.findArea div.resultArea {padding: 20px 0;background-color: #f8f8f8;text-align: center;color: #313131;}
div.findArea div.resultArea span {color: #3aafff;}


div.findNote {}
div.findNote p {margin: 0;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.findArea {margin: 10px;}
div.findArea div.formArea {padding:20px 20px 0;}
div.findArea > h3,
div.findArea > p {padding:20px 20px 0 95px;}
div.findArea > h3 {position: relative;}
div.findArea h3 img {position: absolute;left:20px;top: 20px;width: 58px;}
div.findArea > p {padding-top: 0;}

div.findArea dt,
div.findArea dd {margin-bottom: 5px;}

div.findArea p.btn {height: 45px;padding-bottom: 20px;}
div.findNote {margin: 10px;}
}

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

div.findArea {position: relative;width:585px;padding: 60px 115px 80px 200px;margin: 100px auto 0;background: url('/image/sub/find_pwd.png') 88px 68px no-repeat;}
div.findArea:first-child {padding-bottom: ;background-image: url('/image/sub/find_id.png');background-position: 88px 54px;}
div.findArea h3 img {display: none;}
div.findArea div.formArea {margin-top: 30px;padding-right: 170px;}
div.findArea div.resultArea {position: absolute;left: 0;bottom: 0;width: 100%;}

div.findArea dt,
div.findArea dd {margin-bottom: 10px;}
div.findArea p.loginUtil {padding-left: 20%;}
div.findArea p.btn {position: absolute;right: 0;top:50%;width: 160px;height: 100px;margin-top: -50px;}

div.findArea:first-child p.btn {top: 0;margin-top: 0;}
div.findNote {width: 900px;margin: 10px auto 0;}
}






/* 회원가입*/
div.join, div.join p, div.join dl, div.join dt, div.join dd, div.join ul, div.join ol, div.join li {margin: 0;padding: 0;list-style:none;}
div.join {overflow:hidden;}
div.join h3 {margin: 0;}
div.join div.bgArea,
div.mypage div.bgArea {padding:30px 0;background-color: #f4f4f4;}

div.join div.agreeCon {overflow-x:hidden;overflow-y:scroll;margin-top:20px;padding:10px 20px 20px;border:1px solid #ddd;}
div.join div.agreeCon dt {margin-top:1em;}
div.join div.agreeCon dt:first-child {margin-top:0;}
div.join div.agreeCon dd {margin-left:0;}

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

div.join div.btnArea {clear:both;margin-top: 0;}

div.join div.formArea h4.borderTit {margin-bottom:0;}


div.formArea .nameEng input[type=text],
div.formArea .date > * {width: 32%;margin-left: 2%;}

div.joinCom {border: 1px solid #ddd;}
div.joinCom p {text-align:center;color: #555;}
div.joinCom p:first-child {margin-top:0;font-weight:bold;font-size:1.8em;color: #000;background: url('/image/sub/joinCom_bg.png') center top no-repeat;}
div.joinCom p:first-child span {display: block;font-size:0.9em;font-weight: normal;}

div.joinCom ul {overflow: hidden;background-color: #f5f5f5;}

/* 회원가입 안내 */
div.joinNote {background: url('/image/sub/joinInfo_01.png') 30px center no-repeat;color: #313131;}

dl.online {padding: 0;border: 3px solid #004f95;background-color: #004f95;}
dl.online dt, dl.online dd, dl.online p {margin: 0;padding: 0;}
dl.online > dd {background-color: #fff;}
dl.online > dd > * {padding-top: 10px;}


/* 개인정보 취급방침 */
div.privacy, div.privacy dl, div.privacy dt, div.privacy dd, div.privacy p, div.privacy a {margin: 0;padding: 0;text-decoration: none;}

div.privacy {}
div.privacy dt.blBar + dd {padding-left: 1em;}
div.privacy dt.blBar {margin-top: 1em;}
div.privacy dt.blBar:first-child {margin-top: 0;}

ul.navi {border-top: 1px solid #004f95;border-bottom: 1px solid #ddd;}
ul.navi a {color: #313131;}

div.privacy h3:before {content: "○ ";}
div.privacy p {margin-top: 1.5em;}
div.privacy p.blBar {margin-top: 0;}

/*  Mobile : ~ width:959px  */
@media screen and (max-width: 959px) {
div.join,
div.mypage,
div.joinInfo,
div.privacy {margin: 10px;}
div.join div.bgArea,
div.mypage div.bgArea {padding: 0;}

div.formArea > p.ar {padding-top: 10px;}

div.join h3 {background: none !important;}
div.join div.btn a {box-sizing: border-box;}
div.join div.agree {margin-top:20px;width:100%;}
div.join div.agree.fl {margin-top: 10px;}
div.join div.agreeCon {height:150px;}

div.join div.btn .moBtn {width:100%;box-sizing: border-box;}
div.join div.btnArea {padding-top:1em;}

div.joinCom {padding:20px;margin:10px;}
div.joinCom p {margin:20px 0;}
div.joinCom p:first-child {padding-top:80px;background-size: 58px;}
div.joinCom ul {padding: 10px 20px;margin:15px 0 10px;}

div.joinNote {padding:0 0 10px  71px;background-size: 51px;background-position: 10px 10px;}
div.joinNote span.btn {display: block;padding: 10px 71px 0 0;text-align: center;}

dl.online > dt {display: none;}
dl.online > dd {padding: 5px 20px 15px;}

div.joinInfo a.btnBig {width: 40%;padding: 15px 0;}
div.joinInfo a.btnBig i {padding-right: 10px;}

div.privacy .pointTit {margin-top: 30px;}

ul.navi {margin-top: 20px;padding: 10px 10px 15px;}
ul.navi li {margin-top: 5px;}
}

/*  PC : width:960px ~  */
@media screen and (min-width: 960px) {
div.join {width: 1032px;margin: 0 auto;}
div.join h3 {height: 80px;background-position: center 0;background-repeat: no-repeat;}
div.join h3 img {display: none;}

div.join div.agree {width:49%;margin:30px 0;}
div.join div.agreeCon {height: 300px;margin-bottom: 10px;}

div.join div.btnArea .fullBtn {width:400px;}
div.join div.btnArea {padding-top:50px;}

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

div.joinCom {width:650px;padding:40px 60px;margin:100px auto 20px;}
div.joinCom p {margin:40px 0;}
div.joinCom p:first-child {padding-top:170px;}
div.joinCom ul {padding: 20px 40px;margin:30px 0 20px;}
div.joinCom ul li {float: left;width: 50%;font-size: 1.2em;}

div.joinNote {padding:25px 0 25px 160px;}

div.joinNote span.btn {vertical-align: middle;}
div.joinNote span.btn a {padding: 5px 10px;}

dl.online {position: relative;padding-left: 195px;}
dl.online > dt {position: absolute;left: 0;top: 50%;width: 195px;margin-top: -35px;text-align: center;color: #fff;font-weight: bold;font-size: 18px;}
dl.online > dt img {display: block;margin: 0 auto 10px;}
dl.online > dd {padding: 15px 40px 20px;}

div.joinInfo div.btnArea {margin-top: 80px;}
div.joinInfo a.btnBig {padding: 20px 40px 22px;}

div.privacy .pointTit {margin-top: 50px;}

ul.navi {overflow: hidden;margin-top: 30px;padding: 20px 40px 30px;}
ul.navi li {float: left;width: 50%;margin-top: 10px;}
}





/* ========================================================================================================== */
/* ================================================== My Page ================================================= */
/* ========================================================================================================== */


/* 비밀번호 변경 */
div.changePwd {border: 1px solid #ccc;}
div.changePwd div.note {background: url('/image/sub/changePwdBg.png') center top no-repeat;color: #313131;font-size: 1.1em;text-align: center;}

div.changePwd div.formArea {position: relative;}
div.changePwd div.formArea dl {overflow: hidden;}
div.changePwd div.formArea dt,
div.changePwd div.formArea dd {float: left;}
div.changePwd div.formArea dt {clear: both;}
div.changePwd div.formArea dt label {line-height: 45px;}
div.changePwd div.formArea dd input {height: 45px;}

div.changePwd ul.vCheck {background-color: #f8f8f8;}
div.changePwd ul.vCheck > li {margin-top: 1.5em;}

div.changePwd div.btnArea {position: absolute;left: 0;width: 100%;}
div.changePwd div.btnArea * {height: auto;}
div.changePwd a.btnHome {position: relative;padding-right: 2.5em !important;}
div.changePwd a.btnHome:before {position: absolute;right: 1em;top: 50%;margin-top: -0.5em;line-height: 1em;}


/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.changePwd {margin: 10px 10px 80px;padding-top: 10px;}
div.changePwd div.note {padding-top: 90px;background-size: 75px;word-break:keep-all;}

div.changePwd div.formArea dl {padding: 10px;}
div.changePwd div.formArea dt ,
div.changePwd div.formArea dd {float: none;}

div.changePwd ul.vCheck {padding: 1px 10px 20px;}
div.changePwd div.btnArea {bottom: -50px;padding: 0;}
div.changePwd div.btnArea * {margin-left: 0;padding: 8px 10px 10px;}
div.changePwd div.btnArea input {background-image: url('/image/common/btnBl_cancel_c_m.png');background-size:25px;}
div.changePwd div.btnArea input:first-child {background-image: url('/image/common/btnBl_change_m.png');}
div.changePwd div.btnArea a {padding: 7px 10px 9px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.changePwd {width: 1000px;padding-top: 60px;margin: 50px auto;}
div.changePwd div.note {padding-top: 180px;}
div.changePwd div.formArea dl {padding: 40px 0 40px 185px;}
div.changePwd div.formArea dt,
div.changePwd div.formArea dd {margin-bottom: 10px;text-align: left;}
div.changePwd div.formArea dt {width: 140px;}
div.changePwd div.formArea dd input {width: 350px;}

div.changePwd ul.vCheck {padding: 1px 70px 20px;}


div.changePwd div.btnArea {bottom: -80px;}
div.changePwd div.btnArea a {padding: 14px 15px;}
div.changePwd div.btnArea input {padding: 15px;background-image: url('/image/common/btnBl_cancel_c.png');}
div.changePwd div.btnArea input:first-child {background-image: url('/image/common/btnBl_change.png');}

}


/* 회비납부 조회 */
div.myFeeNote {background: url('/image/sub/myFeeBg_01.png') 30px center no-repeat;color: #313131;}


ul.accountInfo {border: 3px solid #004f95;background: #eef6ff url('/image/sub/myFeeBg_02.png') 54px center no-repeat;color: #313131;}

div.myGrade {border-top: 1px solid #e5e5e5;text-align: center;}
div.myGrade > span {display: inline-block;padding: 0 10px;color: #464646;font-size: 1.1em;background-color: #fff;}
div.myGrade strong {color: #ec6628;}


.state > span {display: inline-block;padding:4px 10px;color: #fff;line-height: 1.2;}
.state > span.type01 {background-color: #ee0a0a;}
.state > span.type02 {background-color: #9ad51b;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.myMembershipFee,
div.mySchedule {padding: 10px;}
div.myFeeNote {padding:0 0 10px  71px;background-size: 51px;background-position: 10px center;}
ul.accountInfo {padding: 10px 10px 10px 64px;background-size: 44px;background-position: 10px center;}

div.myGrade {margin: 30px 0 30px;}
div.myGrade span {margin-top: -12px;}
div.mySchedule td a {padding: 7px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.myFeeNote {padding:25px 0 25px 160px;}


div.membershipInfo {overflow: hidden;}
div.membershipInfo td {padding: ;}
div.membershipInfo table.tblDef {float: left;width: 50%;}
ul.accountInfo {padding: 17px 10px 17px 180px;float: right;width: 354px;}

div.myGrade {margin: 100px 0 30px;}
div.myGrade span {margin-top: -15px;}
}


/* 회원탈퇴 */
div.withdrawal {}


/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.withdrawal {width: 900px;padding:30px 50px 50px;margin: 100px auto;border: 1px solid #ccc;}
div.withdrawal p.fcPoint {color: #053e87 !important;font-size: 20px;font-weight: bold;text-align: center;}

div.withdrawalNote {}
div.withdrawalNote li {margin-top: 10px;font-weight: bold;}
div.withdrawalNote li:first-child {margin-top: 0;}
div.withdrawalNote li span {display: block;padding-left: 18px;font-weight: normal;}

div.withdrawal h3 {margin-top: 40px;padding: 12px 0 10px;text-align: center;background-color: #f1f6f9;border-radius:10px;color: #464646;font-size: 16px;}
div.withdrawal h3 img {margin: -2px 5px 0 0;vertical-align: middle;}
div.withdrawal div.formArea {position: relative;width: 550px;margin: 40px auto 0;}
div.withdrawal div.formArea dl {overflow: hidden;}
div.withdrawal div.formArea dt,
div.withdrawal div.formArea dd {float: left;width: 475px;margin-bottom: 10px;}
div.withdrawal div.formArea dt {width: 75px;}
div.withdrawal div.formArea dt label {line-height: 45px;}
div.withdrawal div.formArea dd input {height: 45px;}
div.withdrawal div.btnArea {position: absolute;left: 0;bottom: -150px;width: 100%;}
}




/* 회원검색 */
div.memberSearch {background-color: #f9fbff;}
div.memberSearch select,
div.memberSearch input[type=text] {border:2px solid #e5e5e5;}
div.memberSearch span.btn * {width: 100%;height: 100%;padding: 0;border: 0 none;font-size: 1.2em;}
div.memberSearch p.ac {padding-top: 5px;}

div.memberSearch div.note {background-image:url('/image/sub/memberSearch_bg.png');background-repeat: no-repeat;}

div.memberList ul {}
div.memberList ul li {border: 1px solid #e5e5e5;color: #313131;}
div.memberList ul strong {display: block;padding-bottom: 5px;font-size: 1.2em;color: #000;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.memberSearch {margin: 10px;padding: 10px;}
div.memberSearch form {position: relative;padding: 0 0 45px 100px;}
div.memberSearch select {position: absolute;left: 0;top: 0;width: 95px;}
div.memberSearch span.btn {position: absolute;left: 0;bottom: 0;width: 100%;height: 40px;}

div.memberSearch div.note {padding-top: 70px;margin-top: 20px;background-position: center top;background-size: 64px;text-align: center;}
div.memberList {margin: 10px;}
div.memberList li {margin-top: 10px;padding: 10px 20px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.memberSearch {padding: 50px;margin-bottom: 30px;}
div.memberSearch > div {margin: 0 auto;}
div.memberSearch div.formArea {width: 705px;}
div.memberSearch select,
div.memberSearch input[type=text],
div.memberSearch span.btn {float: left;height: 45px;}
div.memberSearch select,
div.memberSearch span.btn {width: 150px;}
div.memberSearch input[type=text] {width: 356px;margin:0 13px;}

div.memberSearch div.note {width:540px;margin-top: 30px;padding: 28px 0 28px 165px;background-position: left center;}
div.memberList ul {overflow: hidden;}
div.memberList li {float: right;width: 448px;height: 100px;padding: 20px 40px;margin-bottom: 40px;}
div.memberList li:nth-child(odd) {float: left;}
}





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


	div.about p{margin:0; padding: 20px 0 0; line-height: 1.5; font-weight: 500; color: #6c6c6c; text-align: justify;}

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

	div.about{padding-top: 0; font-size: 18px;}
	
	div.about p.btnArea a{font-size: 18px; font-weight: bold !important;}
}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.about{padding: 10px; font-size: 14px;}
	div.about h3 img{width: 50%;}
	div.about p{padding-top: 10px;}
	
	


}


/* 플러스 마이너스 버튼 */
@media all and (min-width: 960px) {
	ul.pageUtil {position: absolute;left: 50%;bottom: 20px;width: 550px;height: 16px; text-align: right; margin-left: -10px;}
	ul.pageUtil > li {display: inline-block;margin-left: 5px;vertical-align: top;}
	ul.pageUtil li:first-child {margin-left: 0;}
}


/* E-submission 200421 */
div.subMission{}
div.subMission::after{content:""; display:block; clear: both;}
div.subMission div.btn img{display:block; margin-bottom: 5px;}
div.subMission div.btn a{display:inline-block; font-weight: bold !important;}

/* PC */
@media all and (min-width: 961px)  {
	div.subMission{padding: 50px 80px 50px 50px;}
	div.subMission table.tblDef{width: 610px; float: left;}
	div.subMission div.btn{float: right; text-align: center;}
	div.subMission div.btn img{display:block; margin-bottom: 5px;}
	div.subMission div.btn a{font-size: 16px;}	
}
/* Mobile */
@media all and (max-width: 960px) {
	div.subMission{padding: 30px 10px;}
	div.subMission table.rwTbl{text-align: center;}
	div.subMission table.rwTbl tr{border: 0 none;}
	div.subMission table.rwTbl tr th	{}
	div.subMission div.btn{text-align: center; margin-top: 50px;}
	div.subMission div.btn img{margin: 0 auto;}
}



/* SSBH Meetings 200421 */
div.meetings{}
div.meetings dl{margin-bottom: 40px; position: relative; font-size: 0; border-bottom: 1px solid #ebebeb;}
div.meetings dl:nth-child(2){padding-bottom: 0; margin-bottom: 0; border: 0 none;}
div.meetings dl:last-child{padding-bottom: 0; margin-bottom: 0; border: 0 none;}
div.meetings dt{font-weight: bold; color: #000;}

div.meetings dd{color: #6c6c6c;}
div.meetings dd ul{overflow: hidden;}
div.meetings dd ul li{margin-top: 4px;}
div.meetings dd ul li:first-child{margin-top: 0;}
div.meetings dd ul li span{display:inline-block; width: 60px;	}
div.meetings dd p.img{position: absolute; top: 0; left: 0;}
/* PC */
@media all and (min-width: 961px) {
div.meetings{}
div.meetings h3{font-size: 24px;}
div.meetings dl{padding: 0 10px 50px 450px;}
div.meetings dt{font-size: 18px;}

div.meetings dd{padding-top: 20px; font-size: 18px;}
div.meetings dd ul{padding: 0 0 20px;}

}
/* Mobile */
@media all and (max-width: 960px) {
div.meetings{padding: 10px;}
div.meetings table.tblDef td:first-child{font-weight: bold; background: #f8f8f8;}
div.meetings h3{font-size: 20px;}
div.meetings dl{padding: 0 0 25px 160px;}
div.meetings dt{font-size: 12px;}

div.meetings dd{padding-top: 5px; font-size: 12px;}
div.meetings dd ul{padding: 0 0 5px;}
div.meetings dd ul li{}
div.meetings dd ul li span{display:inline-block; width: 40px;	}
div.meetings dd p.brochure a img{width: 80%;}
div.meetings dd p.img{position: absolute; top: 10px; left: 0; }	
}




/* resources 200423 */


div.resources dl{position: relative; border-bottom: 1px solid #ccc;}
div.resources dl dt{color: #004f95; font-weight: bold !important;}

div.resources dl ul{}
div.resources dl ul::after{content:""; display:block; clear: both;}

div.resources dl ul li:first-child{margin-top: 0;}
div.resources dl ul li a{display:inline-block; background: url(/eng/image/icon/pdfDown.png) no-repeat 20px center; box-shadow: 0 7px 4px #eeeeee; border-radius: 50px; text-decoration: none; color: #000; font-weight: bold !important; font-size: 14px; border: 1px solid #e93731;}
div.resources dl ul li a img{display:block;}

div.resources dl dd p.img{position: absolute; top: 0; left: 0;}
	

/* PC */
@media all and (min-width: 961px) {
	div.resources dl{padding: 25px 0 90px 270px; margin: 55px 0 0; }
	div.resources dl dt{color: #004f95; font-size: 20px; font-weight: bold !important;}

	div.resources dl dd{padding-top: 20px; min-height: 107px;}

	div.resources dl ul li{margin-top: 15px;}
	div.resources dl ul li:first-child{margin-top: 0;}
	div.resources dl ul li a{padding: 12px 30px 11px 60px;}
	div.resources dl ul li a img{display:block;}


}

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

div.resources{padding: 10px;}
div.resources table td:first-child{background: #f8f8f8; color: #000; font-weight: bold;}
div.resources dl{padding: 15px 0 45px 130px; margin: 30px 0 0;}
div.resources dl dt{font-size: 16px;}

	div.resources dl dd{padding-top: 10px; min-height: 72px;}

	div.resources dl ul li{font-size: 0;}
	div.resources dl ul li{margin-top: 10px;}
	div.resources dl ul li:first-child{margin-top: 0;}
	div.resources dl ul li a{padding: 6px 10px 5px 22px; font-size: 12px; background-size: 12px 15px; background-position: 8px 8px;}

div.resources dl dd p.img{position: absolute; top: 15px; left: 0; width: 120px;}
div.resources dl dd p.img img{width: 100%;}
}

/* contact 200423 */
div.contact{color: #6c6c6c;}

div.contact p{margin-top: 20px; }

div.contact ul{padding: 0; margin: 10px 0; font-size: 0;}
div.contact ul li a{display:inline-block;}
div.contact ul li img{display:inline-block; padding-right: 5px;}

@media all and (min-width: 961px) {
div.contact{font-size: 15px;}
div.contact h3{font-size: 28px;}

div.contact ul li{display:inline-block; font-size: 15px; margin-left: 20px;}
div.contact ul li:first-child{margin-left: 0;}

div.contact div.map{margin-top: 30px;}
div.contact div.map iframe{width: 100%; height: 500px; border: 0 none;}

}

@media all and (max-width: 960px) {
	div.contact{padding: 10px; font-size: 12px;}
	div.contact h3{font-size: 18px;}
	div.contact ul li{display:block; font-size: 12px; margin-top: 10px;}

div.contact div.map{margin-top: 20px;}
div.contact div.map iframe{width: 100%; height: 300px; border: 0 none;}

}


/* RelSite 200423 */

@media all and (max-width: 960px) {
div.relSite{padding: 10px;}
div.relSite table td:first-child{background: #f8f8f8; color: #000; font-weight: bold;}
}




.listNum{}
.listNum li{list-style:decimal; list-style-position: inside;}
.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;}
.subTit_Bl{font-size: 24px; color: #13a9c9; font-weight: bold; padding-left:40px; background: url(/image/sub/kindTit.png) no-repeat left 6px;}
.imgArea{text-align: center;}