@charset "utf-8";

ol, ul, li {list-style: none;padding-left:0;}

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


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


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

img {max-width:100%;}

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

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

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

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

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

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



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


.btn a,
.btn input,
.btn button {display:inline-block;text-decoration:none;cursor:pointer;height:35px;padding:0 15px 2px;font-size:15px;border-style:solid;border-width:1px;border-radius:4px;vertical-align:top;text-align: center !important;}

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

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

.btn .btnBg {width:100%;height:100%;border:0 none;padding:0;opacity:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0);}
a.btnBg {display:block;height:100%;text-indent:-10000px;}

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

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

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




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

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:25px;font-size:12px;}
table.inputTbl a.btnSmall {height:18px;padding:2px 13px 3px;}


/* 하늘색 */			.btn .btnDef {background-color:#1c8acf;border-color:#1c8acf;color:#fff !important;}
/* 진회색 */			.btn .btnPoint {background-color:#444;border-color:#444;color:#fff !important;}
/* 회색 */				.btn .btnGrey {background-color:#999;border-color:#999;color:#fff !important;}
/* 연회색 */			.btn .btnLGrey {background-color:#ddd;border-color:#ddd;color:#3c4046 !important;}
/* 진회색 */			.btn .btnDGrey {background-color:#444;border-color:#444;color:#fff !important;}
/* 검정색 */			.btn .btnBlack {background-color:#282828;border-color:#282828;color:#fff !important;}
/* 빨간색 */			.btn .btnRed {background-color:#ea0000;border-color:#ea0000;color:#fff !important;}
/* 남색 */			.btn .btnDBlue {background-color:#0c428c;border-color:#0c428c;color:#fff !important;}


/* border+하늘색 */			.btn .btnBdDef {background-color:#fff;border-color:#1c8acf;color:#1c8acf !important;}
/* border+진회색 */			.btn .btnBdPoint {background-color:#fff;border-color:#444;color:#444 !important;}
/* border+회색 */				.btn .btnBdGrey {background-color:#fff;border-color:#999;color:#999 !important;}
/* border+검정색 */			.btn .btnBdBlack {background-color:#fff;border-color:#282828;color:#282828 !important;}
/* border+빨간색 */			.btn .btnBdRed {background-color:#fff;border-color:#ea0000;color:#ea0000 !important;}





/* 파일 찾기 */
div.selectFile {position:relative;width: 100%;margin: 0 !important;}
div.selectFile p {margin: 0;}
div.selectFile p input[type=text] {width: 100%;height: 30px;padding: 6px 10px;}
table.inputTbl div.selectFile p input[type=text] {height: 35px;padding: 6px 10px;}

div.selectFile span.find {position: absolute;right: 0;top: 0;width:82px;height:35px;background:url('/image/icon/btn_browse.png') center center no-repeat;background-color:#000;}
div.selectFile span.find input {width:100%;height:100%;padding: 0;border: 0 none;}

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

.multi div.selectFile {float: none;}


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

.btn .btnArr,
.btn .btnCancel {padding-right: 30px;background-size:26px;}
.btn .btnArr {background-image:url('/image/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;}
}


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

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

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

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

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

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

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

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

div.formArea .date > span,
div.formArea .date > select,
div.formArea .date >  input[type=text] {width: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] {width: 39%;margin: 5px 0 0 1%;}
div.formArea .address input[type=text]:first-child {width: 20%;margin-top: 0;margin-right: 5px;}
div.formArea .address input[type=text].clear {width: 60%;}

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

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

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

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

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

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


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


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

}



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

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

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

textarea {height:200px;}


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

}




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

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

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



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

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


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


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

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

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


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

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

table.inputTbl td.date label,
table.inputTbl td.date input[type=image] {width: auto;}
table.inputTbl td.date input[type=text] {width: 100px;}


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

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

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

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

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

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

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

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

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

}



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

}




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

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

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

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

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

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

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

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




dl.eventItem, dl.eventItem dt, dl.eventItem dd, dl.eventItem ul, dl.eventItem li, dl.eventItem p {margin: 0;padding: 0;}
dl.eventItem {border-bottom: 1px solid #c3c3c3;}
dl.eventItem:first-child {border-top: 2px solid #282828;}
dl.eventItem dt {color: #000;font-size: 1.2em;}
dl.eventItem dd {color: #666;}
dl.eventItem ul.btn {overflow: hidden;}
dl.eventItem ul.btn li {float: left;margin-left: 5px;}
dl.eventItem ul.btn li:first-child {margin-left: 0;}
dl.eventItem ul.btn a {font-size: 0.9em;line-height: 16px;}





/* 게시판 하단버튼 영역 */
ul.pager {margin: 0;padding: 0;text-align:center;}
ul.pager li {display:inline;vertical-align: top;margin:0 0 0 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 10px 5px;vertical-align: top;font-size: 14px;line-height:20px;text-decoration: none;color: #303030;}

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: #f5f5f5;color: #1c8acf;text-align: center;font-weight: normal;}
ul.pager a img {vertical-align: top;}




/* 게시판 검색 */
div.bbsSearch ul.eventUtil {overflow: hidden;margin: 0;}

div.bbsSearch div.formArea {position:relative;border: 1px solid #d6d6d6;background-color: #f5f5f5;}

div.bbsSearch select {border-radius:5px;}
div.bbsSearch input[type=text] {border-radius:5px 0 0 5px;}
div.bbsSearch span.btn {overflow: hidden;border-radius:0 5px 5px 0;}
div.bbsSearch span.btn * {width: 100%;border-radius:0;}

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


.bbsBrief {}


/*  Mobile : ~ width:839px  */
@media screen and (max-width: 959px) {
div.bbsSearch,
div.bbsList {padding: 10px !important;}

div.bbsSearch div.formArea {position: relative;margin-top: 10px;padding:55px 80px 10px 10px;}
div.bbsSearch div.formArea:first-child {margin-top: 0;}
div.bbsSearch div.formArea select {position: absolute;left: 10px;top: 10px; width: calc(100% - 20px);}
div.bbsSearch div.formArea span.btn {position: absolute;right: 10px;bottom: 10px;width: 70px;}

div.bbsUtil {padding:0 10px !important;}
div.bbsUtil > a {min-width:40px;}

.bbsBrief {margin: 0 10px 10px;}

dl.eventItem {padding: 10px;}

dl.eventItem ul.btn {padding-top: 10px;}
dl.eventItem ul.btn a {padding: 4px 15px 5px;}

ul.pager {padding:20px 0;}
}


/* PC : width:960px ~ */
@media screen and (min-width: 960px) {
div.bbsSearch ul.eventUtil {margin-bottom: 30px;}
div.bbsSearch div.formArea {overflow: hidden;padding:25px 157px;}
div.bbsSearch div.formArea select, div.bbsSearch input[type=text], div.bbsSearch span.btn {float: left;}
div.bbsSearch div.formArea select {width: 130px;margin-right: 5px;border-radius:5px;}
div.bbsSearch div.formArea input[type=text] {width: 364px;}
div.bbsSearch div.formArea span.btn * {padding: 0 30px;}

div.bbsUtil {padding-top:30px;}
div.bbsUtil > a {min-width:70px;}

.bbsBrief {margin: 20px 0 10px;}


div.bbsList {padding-top: 20px;}
dl.eventItem {padding: 20px;}
dl.eventItem dd {position: relative;padding-top: 10px;}
dl.eventItem ul.listBl > li {font-size: 16px;background-position: 0 10px;}
dl.eventItem ul.btn {position: absolute;right: 0px;bottom: 0px;}

ul.pager {padding:30px 0;}
ul.pager li {line-height: 28px;}
}



/* 글보기 */
div.bbsView {}
div.bbsView h3 {margin: 0;border-top: 2px solid #282828;border-bottom: 1px solid #c3c3c3;color: #000;}

div.bbsView ul.eventInfo,
div.bbsView ul.bbsInfo {background-color: #f1f1f1;border-bottom: 1px solid #c3c3c3;}
div.bbsView ul.eventInfo, ul.eventInfo a {color: #666;}

div.bbsView ul.eventInfo li,
div.bbsView ul.attachment li,
div.bbsView ul.bbsInfo li {margin-top: 5px;}

div.bbsView a.download {text-decoration: none;background-position: right center;background-repeat: no-repeat;color: inherit;}
div.bbsView a.download img {padding-right: 5px;vertical-align: middle;}

div.bbsView div.bbsCon {}
div.bbsView ul.attachment {border-top: 1px solid #c3c3c3;border-bottom: 1px solid #c3c3c3;}

div.bbsView div.bbsCon.bg {background-color: #f1f7fa;}

/* 게시글쓰기 */
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;}

ul.popSize span, ul.popSize label {display: inline-block;vertical-align: middle !important;}


/*  Mobile : ~ width:839px  */
@media screen and (max-width: 959px) {
.admin {display: none;}

div.bbsView,
div.bbsView h3 {padding: 10px !important;}

div.bbsView ul.eventInfo,
div.bbsView ul.attachment,
div.bbsView ul.bbsInfo {padding: 5px 10px 10px;}
div.bbsView div.bbsCon {padding: 10px;}
div.bbsView div.bbsCon.bg {margin-bottom: 10px;}
}


/* PC : width:960px ~ */
@media screen and (min-width: 960px) {
div.bbsView h3 {padding: 20px;}
div.bbsView ul.eventInfo,
div.bbsView ul.attachment,
div.bbsView ul.bbsInfo {padding: 10px 20px 15px;}

div.bbsView ul.eventInfo {overflow: hidden;}
div.bbsView ul.eventInfo li {float: left;width: 430px;}

div.bbsView a.download {padding-right: 25px;background-image: url('/image/common/icon_download.png');}

div.bbsView div.bbsCon {padding:20px 30px;}
div.bbsView div.bbsCon.bg {margin-bottom: 30px;}

div.bbsWrite table.inputTbl label, div.bbsWrite table.inputTbl span {padding-bottom: 0;}
div.bbsWrite td.multi > span.note {clear: none;line-height: 33px !important;}
div.bbsWrite table.inputTbl {border-right: 0 none;}
div.bbsWrite table.inputTbl th, div.bbsWrite table.inputTbl td {border-left: 0 none;}

div.bbsWrite p {margin: 0;}
}




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

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





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

div.reply p {margin:0;}

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

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

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

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

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


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

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



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

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

}


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

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





/* 포토갤러리_List */
ul.thumbList {}
ul.thumbList li {border-top:1px solid #c3c3c3;color:#333436;}
ul.thumbList a {display: block;padding-bottom: 10px;border: 1px solid #ccc;text-decoration: none;}
ul.thumbList .thumbnail {display:block;margin:0 auto 10px;border-bottom: 1px solid #ccc;}

ul.thumbList span {}

ul.thumbList span.tit {display: inline-block;max-width:100%;position:relative;overflow:hidden;padding:0 10px 5px;text-overflow:ellipsis;white-space:nowrap;color: #000;font-weight: bold;box-sizing:border-box;}
ul.thumbList span.tit.new {padding-right: 30px;}
ul.thumbList span.tit img.new {position: absolute;right: 10px;top: 4px;width: 16px;}

ul.thumbList span.info {display: block;padding: 0 10px;color:#666;font-weight:normal;}

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



/* 포토갤러리_View */
div#imageView {position:relative;padding:20px 0;}
div#imageView img {display:block;max-width:100%;margin:0 auto;}
div#imageView p.count {position:absolute;right:30px;top:30px;margin: 0;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;margin: 0;}
div#galleryView div.imgList li {float:left;margin: 0;list-style:none;}
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;}
div#galleryView a.bx-prev {left:0; }
div#galleryView a.bx-next {right:0;}

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

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



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

/* 포토갤러리_List */
ul.thumbList {padding: 0 10px;}
ul.thumbList li {margin-top: 10px;}
ul.thumbList span.tit {}
ul.thumbList .thumbnail {width: 100%;}

	
	/* 포토갤러리_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:20px;height:60px;	background-size: 15px;}
	div#galleryView a.bx-prev {background-image:url('/image/sub/gallery_prev_m.png');}
	div#galleryView a.bx-next {background-image:url('/image/sub/gallery_next_m.png');}

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

}



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

/* 포토갤러리_List */
ul.thumbList {overflow: hidden;margin: 0;}
ul.thumbList li {float: left;margin:0 0 12px 12px;}
ul.thumbList li:nth-child(3n+1) {clear: both;margin-left: 0;}
ul.thumbList a {width: 300px;}
ul.thumbList a > img {width: 100%;height: 225px;margin-bottom: 10px;}

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 55px;}
	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:43px;height:120px;}
	div#galleryView a.bx-prev {background-image:url('/image/sub/gallery_prev.png');}
	div#galleryView a.bx-next {background-image:url('/image/sub/gallery_next.png');}
	
	ul.fileList li {padding:10px 90px 10px 20px;}
	ul.fileList span.util {right:10px;height:30px;margin-top:-15px;}
	ul.fileList span.util a {margin-left:10px;}
	ul.fileList span.util a:first-child {margin-left:0;}

}



/* 행사일정 > 큰달력 */
div.eventUtil {position: relative;}
div.eventUtil ul {position: absolute;left: 0;top: 0;overflow: hidden;margin: 0;}
.eventUtil li {float: left;}
.eventUtil li:first-child {margin-right: 10px;}

.eventUtil a.viewCalendar,
.eventUtil a.viewList {background-repeat: no-repeat;}

.eventUtil a.viewCalendar,
.eventUtil p.viewToday a {background-color: #1c8acf;border-color: #1c8acf;color: #fff;}
.eventUtil a.viewList {background-color: #999;border-color: #999;color: #fff;}

.eventUtil p.viewToday {position: absolute;right: 0;bottom: 0;margin: 0;}


h3.month {position: relative;margin: 0 auto;text-align: center;color: #222;font-size: 2em;font-weight: bold;}
h3.month a {overflow: hidden;position: absolute;display: block;text-decoration: none;text-indent: -10000px;background-position: center center;background-repeat: no-repeat;}
h3.month a.prev {left: 0;}
h3.month a.next {right: 0;}


div.calUtil {overflow:hidden;padding:10px 0;}
div.calUtil ul,
div.calUtil li {float:left;}

div.calUtil li {padding-left:10px;}
div.calUtil li:first-child {padding-left:0;}
div.calUtil img {vertical-align: top;}
div.calUtil p.note {color: #d45050;}
div.calUtil p.btn {float:right;}


table.calendar {border-top:1px solid #ddd;border-right:1px solid #ddd;}
table.calendar th,
table.calendar td {border-bottom:1px solid #ddd;border-left:1px solid #ddd;}
table.calendar th {padding:10px 0 12px;text-align:center;background-color:#f5f5f5;color:#282828;}
table.calendar td {position: relative;padding: 5px;vertical-align:top;}
table.calendar td.today {background-color: #f1f7fa;}

table.calendar .sun {color: #d45050;}
table.calendar td a {display:block;padding:5px;font-size:0.8em;color: #fff;border-radius:4px;overflow:hidden;position:relative;text-overflow:ellipsis; white-space:nowrap;text-decoration: none;box-sizing:border-box;}

table.calendar a.type01 {background-color: #265aa7;}
table.calendar a.type02 {background-color: #fc711d;}

table.calendar td a img {padding-right: 5px;vertical-align: middle;}
table.calendar td span:first-child {display:block !important;position:relative;text-align: left;}
table.calendar td span.more {text-align:right;}
table.calendar td span.count {position: absolute;right: 5px;top: 5px;color: #d45050;font-size: 12px;font-weight: bold;}




/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.event {padding: 10px;}
div.contents div.eventUtil {padding:50px 0 0;text-align: center;}

.eventUtil a.viewCalendar,
.eventUtil a.viewList {padding-left: 35px;background-position: 10px center;background-size: 17px;}
.eventUtil a.viewCalendar {background-image: url('/image/sub/calendarBl_calendar.png');}
.eventUtil a.viewList {background-image: url('/image/sub/calendarBl_list.png');}


h3.month {display: inline-block;padding: 0 30px;}
h3.month a {top: 0;width: 20px;height: 42px;background-size: 14px;}
h3.month a.prev {background-image: url('/image/sub/calendar_prev_m.png');}
h3.month a.next {background-image: url('/image/sub/calendar_next_m.png');}

table.calendar {margin-top:20px;}


div.calUtil {padding: 10px;}
div.calUtil ul {display:none;}

table.calendar td {height:80px;}
table.calendar td img {height:20px;}

table.calendar td a {display: block !important;}
table.calendar td a img {position: absolute;left: 0;top: 0;}
table.calendar td span.more img {width:19px;}

}






/*  PC : width:961px ~ */
@media screen and (min-width: 961px) {
div.eventUtil {padding-top: 70px;}

.eventUtil a.viewCalendar,
.eventUtil a.viewList {padding:10px 20px 10px 53px;background-position: 22px center;}
.eventUtil a.viewCalendar {background-image: url('/image/sub/calendarBl_calendar.png');}
.eventUtil a.viewList {background-image: url('/image/sub/calendarBl_list.png');}
.eventUtil p.viewToday a {padding: 10px 20px;}

h3.month {width: 200px;padding: 0 35px 4px;margin-bottom: 50px;}
h3.month a {top: 4px;width: 25px;height: 44px;}
h3.month a.prev {background-image: url('/image/sub/calendar_prev.png');}
h3.month a.next {background-image: url('/image/sub/calendar_next.png');}

div.calUtil ul {padding: 5px 0;}

table.calendar td {height:128px;}
table.calendar td span {width:100px;}
table.calendar td span.count {width: auto;}
table.calendar td a {display:inline-block;width:112px;}
table.calendar td a img {width: 30px;}

}







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

div.tabArea {}

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

ul.tabMenu li a,
ul.rwTabMenu li a,
ul.subMenu li a,
ul.sort li a {display:block;padding:17px 10px 19px;color:#666;border-left: 1px solid #1c8acf;text-align:center;text-decoration: none;background-color: #fff;}

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


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

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

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

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

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




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





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

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

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

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


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

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

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






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





/*  서브페이지 타이틀 & 리스트 스타일 */
.subTit {color:#000;background: url('/image/common/subTit.png') 0 7px no-repeat;}


.subTit_bd {position: relative;color: #1c8acf;border: 1px solid #1c8acf;padding-left: 1em;font-weight: bold;}


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

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

.pointTit {color: #1c8acf;}

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

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


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


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

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


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

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

ul.listBl > li, .blDot {background-image: url('/image/common/bl_dot.png');background-position: 0 10px;}
ul.listBl_g > li, .blDot_g {background-image: url('/image/common/bl_dot_g.png');background-position: 0 10px;}

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



ul.overHidden > li {float:left;}

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



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


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


.bdNone {border:0 none !important;}


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

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


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

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


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

div.ing {padding:200px 0;}
div.ing{background: url(/eng/image/sub/ing_eng_m.png) no-repeat center center;}
div.ing img{display:none;}

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

ul.listBl > li, .blDot {background-image: url('/image/common/bl_dot_m.png');background-position: 0 8px;background-size: 4px;}
}


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

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

ul.listBl > li, .blDot {background-image: url('/image/common/bl_dot.png');background-position: 0 9px;}
div.ing{background: none;}
}












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

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



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

}









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



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





































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