@charset "utf-8";
@import url('NotoSansKR.css');
@import url('Pretendard.css');






.container {
  display: inline-block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  border:1px solid #BFB0E1;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container input {
  position: relative;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #535353;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
/*2020-03-25 김영환 추가*/



 /* 사이트 공통 CSS */
/* default font-family */
body,
input[type='text'],
input[type='password'],
input[type='file'],
input[type='submit'],
input[type='button'],
input[type='reset'],
select,
textarea,
button {font-family:'Pretendard-Medium', sans-serif;color:#646464;}


.fcRed {color:#dd1717 !important;}
.fcPoint {color:#2e4373 !important;} /* 남색 */
.fcBlue {color:#0556A7 !important;} /* 남색 */
.fcYellow{color:#FFFF00 !important;} /* 남색 */
.fcOrange{color:#EE7700 !important;} /* 남색 */

.fcRed_BG {background-color:#dd1717 !important;}
.fcPoint_BG {background-color:#2e4373 !important;} /* 남색 */
.fcBlue_BG {background-color:#0556A7 !important;} /* 남색 */
.fcYellow_BG{background-color:#FFFF00 !important;} /* 남색 */
.fcOrange_BG{background-color:#EE7700 !important;} /* 남색 */
.fcBlue_BG2{background-color:#E2F0FE !important;} /* 남색 */
.fcRed_BG2{background-color:#FFE8E8 !important;} /* 남색 */

.fcPoint_BG2 {background-color:#535353 !important;color:#ffffff !important;} /* 남색 */

input[type=text],
input[type=password],
input[type=file],
input[type=date] {height:23px;padding:2px 10px}

.btnArea {padding-top: 40px;text-align: center;}
.btnArea > * {margin-left: 20px;}
.btnArea > *:first-child {margin-left: 0;}


input[type=text],
input[type=password],
input[type=file],
input[type=date],
select,
textarea {border: 1px solid #d7d7d7;}

select {height: 33px;}
label{cursor:pointer;}

input[type=text],
input[type=password],
input[type=file] {height:17px;padding:2px 10px;}

input[type=radio],
input[type=checkbox] {vertical-align: top; margin:-3px 5px 0 7px;}



div.contents .btnArea {padding-top: 40px;text-align: center;}
.btnArea > * {margin-left: 20px;}
.btnArea > *:first-child {margin-left: 0;}

.btn a,
.btn input,
.btn button {display:inline-block;text-decoration:none;cursor:pointer;height:35px;padding:0 10px 2px;font-size:12px;font-weight: 300;line-height: 20px;border-radius:3px;border-width:1px;border-style: solid;vertical-align:top;text-align: center;}

.btn a {height:auto;line-height:23px;padding:4px 15px 6px;}
.btn a.twoLine {}
.btn a:before {display: inline-block;padding-right: 10px;}


/* 보라색 */			.btnPoint {background-color:#ae23a6 !important;border-color:#ae23a6 !important;color:#fff !important;}
/* 민트색 */			.btnDef, .searchHide {background-color:#535353 !important;border-color:#535353 !important;color:#fff !important;}
/* 빨간색 */			.btnRed2 {background-color:#BF1717 !important;border-color:#BF1717 !important;color:#fff !important;}

/* 회색 */				.btnGrey {background-color:#7f7f7f !important;border-color:#7f7f7f !important;color:#fff !important;}
/* 연보라색 */		.btnLPurple {background-color:#505e91 !important;border-color:#505e91 !important;color:#fff !important;}
/* 연보라색 */		.btnLNavy {background-color:#043669 !important;border-color:#043669 !important;color:#fff !important;}
/* 연보라색 */		.btnLPur {background-color:#0d298a !important;border-color:#0d298a !important;color:#fff !important;}
/* 연보라색 */		.btnLGr {background-color:#2b3091 !important;border-color:#2b3091 !important;color:#fff !important;}
/* 연보라색 */		.Custom_btn1 {background-color:#8F5A91 !important;border-color:#8F5A91 !important;color:#fff !important;}
/* 연보라색 */		.Custom_btn2 {background-color:#623D63 !important;border-color:#623D63 !important;color:#fff !important;}
/* 연보라색 */		.Custom_btn3 {background-color:#687186 !important;border-color:#687186 !important;color:#fff !important;}
/* 연보라색 */		.Custom_btn4 {background-color:#414653 !important;border-color:#414653 !important;color:#fff !important;}
/* 연보라색 */		.Custom_btn5 {background-color:#CAACCA !important;border-color:#CAACCA !important;color:#fff !important;}
/* 연보라색 */		.Custom_btn6 {background-color:#CAACCA !important;border-color:#CAACCA !important;color:#fff !important;}
/* 연보라색 */		.Custom_btn7 {background-color:#0E700E !important;border-color:#094609 !important;color:#fff !important;}

/* 하늘색 */			.btnSky {background-color:#482b91 !important;border-color:#482b91 !important;color:#fff !important;}
/* 남+보라 */			.btnGr {background:linear-gradient( to right, #2b3091, #5d3ea7);border:0 none !important;color:#fff !important;}
/* 빨강 */			.btnRed {background:linear-gradient( to right, #FF0000, #E60000);border:0 none !important;color:#fff !important;}



/* border+ 민트색 */		.btnBdDef, .searchView {background-color:#fff !important;border-color:#535353 !important;color:#535353 !important;}
/* border+ 보라색 */		.btnBdPoint {background-color:#fff !important;border-color:#ae23a6 !important;color:#ae23a6 !important;}
/* border+ 회색 */		.btnBdGrey {background-color:#fff;border-color:#7f7f7f;color:#7f7f7f;}

/* 민트색 */			.btn_Down {background-color:#BF1717 !important;border-color:#BF1717 !important;color:#fff !important;height:auto;line-height:13px;padding:5px;}

.Custom_Blue1 {background-color:#0654A2 !important;border-color:#043669 !important;color:#fff !important;}

.Custom_Grey1 {background-color:#BFBFBF !important;border-color:#AFAFAF !important;color:#fff !important;}

.Custom_Yellow1 {background-color:#FFFF00 !important;border-color:#DDDD00 !important;color:#000 !important;}
.Custom_Yellow2 {background-color:#FFFFB0 !important;border-color:#DDDD00 !important;color:#000 !important;}
.Custom_Green1 {background-color:#008000 !important;border-color:#005500 !important;color:#fff !important;}
.Custom_Red1 {background-color:#D84C45 !important;border-color:#C43028 !important;color:#fff !important;}


.Custom_btn_A1 {background-color:#129612 !important;border-color:#535353 !important;color:#fff !important;}
.Custom_btn_A2 {background-color:#0E700E !important;border-color:#535353 !important;color:#fff !important;}
.Custom_btn_A3{background-color:#0E700E !important;border-color:#535353 !important;color:#fff !important;}

.Custom_btn_B1 {background-color:#B50000 !important;border-color:#535353 !important;color:#fff !important;}
.Custom_btn_B2 {background-color:#800000 !important;border-color:#535353 !important;color:#fff !important;}
.Custom_btn_B3{background-color:#800000 !important;border-color:#535353 !important;color:#fff !important;}

.Custom_btn_C1 {background-color:#0080C0 !important;border-color:#535353 !important;color:#fff !important;}
.Custom_btn_C2 {background-color:#006799 !important;border-color:#535353 !important;color:#fff !important;}
.Custom_btn_C3{background-color:#006799 !important;border-color:#535353 !important;color:#fff !important;}


.Excel_btn{background-color:#0B8A59 !important;border-color:#096643 !important;color:#fff !important;}

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

.btn .btnSmall {font-size: 12px;height: 26px;padding:0 16px;border-radius:1px;vertical-align:top;}
.btn a.btnSmall {height:auto;padding: 4px 16px 6px;line-height: 14px;}
.btn a.btnSmall i {padding-top: 2px;}

.btn .btnBig {min-width:110px;font-size: 16px;height: 40px;padding:0 10 2px;box-sizing:border-box;}
.btn a.btnBig {padding: 7px 20px 12px;}

.btn .btnSmall2 {min-width:20px;font-size: 10px;height: 23px;padding:0 10 2px;box-sizing:border-box;}
.btn a.btnSmall2 {padding: 7px 20px 12px;}

table.inputTbl .btnSmall {height:33px;padding:0 10px;}
table.inputTbl a.btnSmall {height: 17px;line-height: 17px;padding:7px 10px;}

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

/* 기본 table */
table.tblDef,
table.inputTbl {border-top:2px solid #535353;border-bottom:1px solid #d7d7d7;}

table.tblDef > * > tr > *,
table.inputTbl > * > tr > *,
table.innerTbl > * > tr > * {padding:5px;border-left:1px solid #d7d7d7;border-top:1px solid #d7d7d7;text-align:left;color: #222;font-size: 12px;font-family: 'NotoSansKR Regular', sans-serif;}
table.tblDef > * > tr > *:first-child,
table.inputTbl > * > tr > *:first-child,
table.innerTbl > * > tr > *:first-child {border-left: 0 none;}

table.tblDef > colgroup + * > tr:first-child > *,
table.inputTbl  > colgroup + * > tr:first-child > *,
table.innerTbl > * > tr:first-child > * {border-top: 0 none;}


table.tblDef > * > tr > th,
table.inputTbl > * > tr > th {background-color:#f6f6f6;text-align: center;color: #000;font-family: 'Pretendard-Bold', sans-serif;}

table.inputTbl > * > tr > th {padding-left: 1em;text-align: left;}
table.inputTbl > * > tr > th .essen {margin-left: -1em;}
table.inputTbl > * > tr > th span {line-height: 33px;}
table.inputTbl > * > tr > td {border-left: 0 none;}

table.tblDef > * > tr.bg > *,
table.inputTbl > * > tr.bg > * {background-color:#f6f6f6;color: #000;}

table.inputTbl td {height: 33px;}

table .bdLeft {border-left:1px solid #d7d7d7 !important;}
table .bdRight {border-right:1px solid #d7d7d7 !important;}

table.ac > * > tr > * {text-align:center !important;}

table.inputTbl > * > tr > td.pluginArea {padding: 0;}

table.inputTbl > * > tr > td > span {font-size:12px;}
table.inputTbl > * > tr > td > .note {color:#dd3131;}

table.inputTbl input[type=text], table.inputTbl input[type=password] {width: 306px;}
table.inputTbl > * > tr > td.date input[type=text] {width: 120px;}

table.innerTbl {}
table.innerTbl > * > tr > * {padding: 5px;}


table.tblDef input{height:25px;}

.organ_keyword_area {padding-top: 0;}
.keyword_area span,
.organ_keyword_area span {display: inline-block;vertical-align: top;}


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

div.bbsBrief {padding: 20px 0 10px;font-family: 'Pretendard-Medium', sans-serif;}
table.bbs > * > tr > * {text-align: center;border-left: 0 none;vertical-align: top;}
table.bbs > * > tr > th {padding: 0;color: #222;background-color: #f8f8f8;font-weight: 400;}
table.bbs > tbody > tr > .bg {padding: 10px;background-color:#e85e34;color:#fff;text-align:center;}

table.bbs > tbody > tr > td > a {display:inline-block;vertical-align: top;color: #222;}
table.bbs > tbody > tr > td > a:hover,
table.bbs > tbody > tr > td > a:focus {color: #e85e34;}

table.bbs > tbody > tr > td:first-child {padding-top: 12px;vertical-align: top;}


table.bbs .tit {position: relative;text-align:left;padding:8px 130px 0 0;}
table.bbs .tit a {display:inline-block;overflow:hidden;position:relative;width: 300px;text-overflow:ellipsis; white-space:nowrap;text-decoration: none;font-weight: 400;color: #222;}
table.bbs .tit a > span {display: inline;}

table.bbs span.info {position: absolute;right: 0;top: 8px;width: 130px;color: #666;text-align: center;}
table.bbs span.info span {position: relative;display: inline-block;padding-left: 20px;}
table.bbs span.info span:before {position: absolute;left: 9px;top: 6px;width: 1px;height: 11px;background-color: #666;content: " ";}

table.bbs .tit span.reply {position: absolute;top: 50%;height: 21px;margin-top: -11px;}
table.bbs .tit img.new {position:absolute;right: 0;top:50%;width: 14px;margin-top: -7px;}
table.bbs .tit img.attach {position: absolute;top: 50%;width: 19px;height: 25px;margin-top: -13px;}

table.bbs .tit a.attach .attach,
table.bbs .tit a.reply .reply {right: 0;}
table.bbs .tit a.attach.reply span.attach {right: 20px;}
table.bbs .tit a.attach {width: 300px;text-indent: 0;}

table.bbs .tit a.new.attach .attach,
table.bbs .tit a.new.reply .reply {right: 34px;}

table.bbs div.attach {overflow: hidden;margin-top: 8px;padding:8px 5px;border-top: 1px solid #d7d7d7;text-align: right;}
table.bbs div.attach a {text-decoration: none;color: #666;}
table.bbs div.attach a:first-child {float: left;text-align: left;}

table.bbs td.date {padding: 10px 0;line-height: 1.2;font-weight: 500;text-align: center;}
table.bbs td.date strong {display: block;padding-bottom: 5px;font-size: 18px;color: #0d298a;}
table.bbs td.date span.admin {display: block;padding-top: 5px;}
table.bbs td.date span.admin a {color: #f00;text-decoration: none;}
table.bbs td.date span.admin a:first-child {position: relative;color: #808080;margin-right: 10px;}
table.bbs td.date span.admin a:first-child:after {position: absolute;right: -10px;top: 2px;content: "/";}

table td.file,
table td.con {text-align:left;padding:10px;}

table td.file a {text-decoration: none;color: inherit;}
table td.file a img {vertical-align:top;padding:4px 5px 0 0;}

table td.con {height: 300px;vertical-align: top;}

table.bbs td input[type=radio],
table.bbs td input[type=checkbox] {margin-left:15px;}
table.bbs td input[type=radio]:first-child,
table.bbs td input[type=checkbox]:first-child {margin-left:0;}
table.bbs td.pluginArea {padding:0 !important;}

table.bbs span.bullet {display:inline-block;height:24px;padding:0 5px;line-height:20px;text-align:center;color:#fff;}

table.bbs td.utilBtn span,
table.bbs td.utilBtn a {vertical-align: top;}

table.bbs td.noData {padding: 20px 0 !important;font-weight: 600;text-align: center !important;}



/* 게시판 글 보기 */
div.bbsView {border-top: 2px solid #222;border-bottom: 1px solid #ccc;}
.bbsTit {padding: 22px 30px 0;color: #222;font-size: 16px;line-height: 23px;font-family: 'Pretendard-Medium', sans-serif;}
.bbsTit img {padding-top: 2px;}
div.bbsView ul.info {overflow: hidden;margin: 0;padding: 10px 30px 22px;border-bottom: 1px solid #ccc;}
div.bbsView ul.info > li {position: relative;float: left;margin: 0;padding: 0 0 0 20px;color: #666;font-weight: 300;list-style:none;}
div.bbsView ul.info > li:before {position: absolute;left: 9px;top: 6px;width: 1px;height: 11px;background-color: #666;content: " ";}
div.bbsView ul.info > li.link {float: right;}

div.bbsView ul.info > li:first-child,
div.bbsView ul.info > li.link {padding-left: 0;}
div.bbsView ul.info > li:first-child:before,
div.bbsView ul.info > li.link:before {display: none;}

div.bbsView ul.info a {text-decoration: none;color: inherit;}

table.bbsView > * > tr > * {border-left: 0 none;}

.bbsCon {padding: 30px;color: #222;line-height: 25px;}

table.bbsView + .bbsCon {margin-top: 30px;background-color: #fbfbfb;}

dl.bbsAttach {position: relative;border-top: 1px solid #ccc;padding: 10px 30px 10px 145px;}
dl.bbsAttach > dt {position: absolute;left: 0;top: 10px;width: 145px;text-align: center;color: #222;font-weight: 400;}
dl.bbsAttach ul, dl.bbsAttach li, dl.bbsAttach a {margin: 0;padding: 0;list-style:none;}
dl.bbsAttach li {position: relative;margin-top: 10px;padding: 0 0 0 25px;}
dl.bbsAttach li:before {position: absolute;left: 0;top: 0;content: "\f0c6";font-family: "Font Awesome 5 Free" !important;font-weight: 900;color: #222;font-size: 16px;line-height: 18px;}
dl.bbsAttach li:first-child {margin-top: 0;}
dl.bbsAttach a {display: inline-block;color: #666;text-decoration: none;vertical-align: top;}

div.bbsView + div.bbsUtil {margin-top:30px;text-align: right;}


/* 댓글 */

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

dl.replyItem {position: relative;margin: 0;padding: 20px;border-bottom: 1px solid #d2d2d2;}
dl.replyItem.reply,
div.replyWrite.reply {background-image: url('/image/icon/bl_reply.png');background-repeat: no-repeat;}
dl.replyItem.reply {padding-left: 80px;background-position:56px 20px;}
div.replyWrite.reply {padding-left: 45px;background-position:20px 20px;}

dl.replyItem > dt,
dl.replyItem > dd {margin: 0;}
dl.replyItem > dt {color: #313131;}
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 {padding-top:10px;font-size: 14px;color: #808080;}
dl.replyItem > dd.util,
dl.replyItem.modify > dd.util {position: absolute;right: 20px;top: 25px;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 {position: relative;padding: 20px 150px 20px 20px;border-bottom: 1px solid #d2d2d2;}
div.replyArea textarea {width: 100%;height: 100px;padding: 10px;box-sizing:border-box;border: 1px solid #d2d2d2;background-color: #f7f7f7;}
div.replyArea span.btn {position: absolute;right: 20px;top: 20px;width: 120px;height: 100px;}
div.replyArea span.btn * {width: 100%;height: 100%;padding: 0;border: 0 none;}


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




/* 게시글쓰기 */
div.bbsWrite {}

ul.popSize, ul.popSize li {margin: 0;padding: 0;list-style:none;}
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 li label,
ul.popSize li span {}

div.bbsWrite div.btnArea * {border-radius: 0;}


/* 게시판 하단버튼 영역 */
div.bbsUtil {position: relative;margin: 0;text-align: right;}
div.bbsUtil:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: " ";}
div.bbsUtil * {text-align: center;}

div.bbsUtil .posTR {margin-top: 30px;}

ul.pager {padding: 30px 0;text-align:center;background-color: #fff;}
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: 12px;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: #fff !important;color: #000 !important;text-align: center;font-family: 'Pretendard-Medium', sans-serif;}
ul.pager a img {vertical-align: top;}

ul.pager.btnSmall {padding:8px 0 3px;}
ul.pager.btnSmall a {width:auto;padding:1px 5px 3px;}
ul.pager.btnSmall .first a,
ul.pager.btnSmall .prev a,
ul.pager.btnSmall .next a,
ul.pager.btnSmall .last a {padding:3px 5px 1px;}



/* 게시판 검색 */
div.bbsSearch {position: relative;padding: 10px;background-color: #f6f6f6;text-align: center;}
div.bbsSearch input, div.bbsSearch select, div.bbsSearch .btn, div.bbsSearch .btnIcon {display: inline-block;vertical-align:top;}

div.bbsSearch select {height: 35px;}
div.bbsSearch input[type=text] {width: 60%;height: 24px;padding: 4px 10px 5px;}

div.bbsSearch .btnIcon {position: relative;width: 60px;height: 40px;background:#000;}
div.bbsSearch .btnIcon:before {position: absolute;left: 50%;top: 50%;margin: -.7em 0 0 -.5em;color: #fff;font-size: 1em;font-family: "Font Awesome 5 Brands" !important;content: "\f3ee";}






/* ========================================================================================================== */
/* ================================================ 게시판 팝업 =============================================== */
/* ========================================================================================================== */

body.pop {margin:0; padding:0; height:100%; background-color:#fff;font-family:'Malgun Gothic', '맑은 고딕', sans-serif;word-break:break-all;}
body.pop form {margin:0; padding:0;}

#popClose {position:static; height:22px; line-height:22px; font-size:13px; overflow:hidden; text-align:right; background-color:#b2b2b2;}
#popClose:after {content:""; display:block; clear:both; visibility:hidden; height:0; font-size:0;}
.ie7 #popClose {zoom:1;}
#popClose * {vertical-align:middle;}
#popClose .fl {width:50%; margin-left:10px;}
#popClose .fl label, #popClose .fl input[type='checkbox'] {float:left;}
#popClose .fl label {margin:0 10px 0 5px; font-weight:bold; color:#fff;}
#popClose .fl input[type='checkbox'] {margin:5px 0 0 0;}

@media all and (-ms-high-contrast:none) {
	#popClose .fl input[type='checkbox'] {margin-top:1px;} /* IE10 */
	*::-ms-backdrop, #popClose .fl input[type='checkbox'] {margin-top:4px;} /* IE11 */
}
.ie7 #popClose .fl input[type='checkbox'],
.ie8 #popClose .fl input[type='checkbox'],
.ie9 #popClose .fl input[type='checkbox'] {margin:0;}
#popClose a,
#popClose label {display:inline-block; margin-top:-1px; margin-right:10px; font-weight:bold; color:#fff;}

/* popup skin */
.skinWrap {position:relative; min-height:100%;} /* width:500px; */
.skinWrap.skin01 {border: 3px solid #535353;}
.skinWrap.skin02 {border: 3px solid #b2dfe4;}
.skinWrap .popHeader {}

.popHeader {padding-top: 80px;}
.skin01 .popHeader {background:#535353 url('/image/popupTit_01.png') center 28px no-repeat;}
.skin02 .popHeader {background: url('/image/popupTit_02.png') center 18px no-repeat;}

.skinWrap .popHeader .tit {margin: 0;padding:10px 20px 10px 20px;color:#000;font-weight:bold; font-size:16px;line-height:1.2;background-color:#fff;}
.skin02 .popHeader .tit {}

.skinWrap .contWrap {min-height:268px; width:100%; padding-bottom:22px;}
.skinWrap .contWrap .content {padding:20px; color:#444; line-height:20px; font-size:14px;}
.skinWrap .btnArea {text-align:center; margin:30px 0;}


.skinWrap #popClose {position:fixed; bottom:0; left:0; width:100%;}
.ie7 .skinWrap #popClose {position:static;}
.skinWrap #popClose a {text-decoration:none;}
.skinWrap #popClose form {background-color:#535353;}





/* 레이아웃 */
div.wrapper {position: relative;width: 100%;min-width:1700px;height: 100%;padding: 120px 0 78px;background-color: #f4f4f4;}

div#headerWrap {z-index: 100;position: absolute;left: 0;top: 0;width: 100%;height: 70px;padding-bottom: 40px;background-color: #fff;}
div.header {}
div.header:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: " ";}
div#headerWrap h1 {float: left;padding: 13px 0 0 50px;}
div#headerWrap h1 a, div#headerWrap h1 img {display: block;}


div.gnbWrap, div.gnbWrap ul, div.gnbWrap li, div.gnbWrap a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
div.gnbWrap {position: absolute;left: 0;top: 70px;width: 100%;height: 50px;background-color: #535353;border-bottom:3px solid #ACE7FF;}
div.gnbWrap:after,
div.gnbWrap > ul:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: " ";}

#gnb,
ul.dictionaryMenu > li {float: left;}
ul.dictionaryMenu {float: right;}

/**/
div.gnbWrap > ul#gnb {margin-left: 30px;border-left: 1px solid rgba(255,255,255,.37);}
div.gnbWrap > ul#gnb > li {float: left;position: relative;border-right: 1px solid rgba(255,255,255,.37);}
div.gnbWrap > ul#gnb > li > a {padding: 0 40px;color: #fff;font-size: 16px;line-height: 50px;font-family: 'Pretendard-Medium', sans-serif;}
div.gnbWrap > ul#gnb > li > a:hover {color: yellow;font-weight:bold;border-bottom:3px solid #0E5EA7;box-shadow: rgba(0, 0, 0, 0) 0px 54px 55px, rgba(0, 0, 0, 0) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;}
div.gnbWrap > ul#gnb > li.on > a {color: yellow;font-weight:bold;border-bottom:3px solid #0E5EA7;box-shadow: rgba(0, 0, 0, 0) 0px 54px 55px, rgba(0, 0, 0, 0) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;}

div.gnbWrap > ul#gnb ul {display: none;position: absolute;left: 0;top: 50px;width: 100%;padding:5px 0 10px;background-color: #7C7C7C;}
div.gnbWrap > ul#gnb ul li {padding-top: 10px;}
div.gnbWrap > ul#gnb ul a {padding:0 10px;color: #fff;font-size: 14px;font-weight: 300;}
div.gnbWrap > ul#gnb ul a:before {content: " · ";}
div.gnbWrap > ul#gnb ul a.on,
div.gnbWrap > ul#gnb ul a:focus,
div.gnbWrap > ul#gnb ul a:hover {color: #a9f9f1;text-decoration: underline !important;}


dl#gnb {position: relative;width: 285px;height: 50px;margin:0 0 0 30px;padding: 0;border-left: 1px solid rgba(255,255,255,.37);border-right: 1px solid rgba(255,255,255,.37);}
dl#gnb > dt {margin: 0;padding:0;}
dl#gnb > dt a.trigger {position: relative;padding: 13px 45px 13px 20px;font-size: 16px;line-height: 24px;color: #fff;font-family: 'Pretendard-Medium', sans-serif;}
dl#gnb > dt a.trigger:after {position: absolute;right: 15px;top: 50%;width: 17px;height: 10px;margin-top: -5px;background: url('/image/toggle_bl.png') 0 0 no-repeat;content: " ";}
dl#gnb > dt.view {background-color: rgba(0,0,0,.2);}
dl#gnb > dt.view a.trigger:after {transform:rotate(-180deg);}
dl#gnb > dd {position: absolute;left: 0;top: 50px;width: 100%;background-color: rgba(0,150,165,.8);}
dl#gnb > dd li {border-top: 1px solid rgba(255,255,255,.2);}
dl#gnb > dd li:first-child {border-top: 0 none;}
dl#gnb > dd a {padding: 10px 25px;color: #fff;font-size: 14px;}
dl#gnb > dd a:hover,
dl#gnb > dd a:focus {color: #a9f9f1;text-decoration: underline;}

div.gnbWrap ul.dictionaryMenu {margin-right: 30px;padding: 8px 0;}
ul.dictionaryMenu > li {padding-left: 10px;}
ul.dictionaryMenu a {display: block;width: 110px;height: 30px;padding-bottom: 4px;border-radius:17px;text-align: center;color: #fff;font-size: 16px;line-height: 30px;font-family: 'NotoSansKR Bold', sans-serif;}
ul.dictionaryMenu > li:first-child {padding-left: 0;}


div.gnbUtil, div.gnbUtil dl, div.gnbUtil dt, div.gnbUtil dd, div.gnbUtil p, div.gnbUtil a {float: left;margin: 0;padding: 0;list-style:none;text-decoration: none;}
div.gnbUtil {float: right;padding: 17px 30px 0 0;}
div.gnbUtil:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: " ";}

div.gnbUtil dt {padding-right: 10px;color: #282828;font-size: 16px;line-height: 36px;font-family: 'NotoSansKR Bold', sans-serif;}
div.gnbUtil dd a {display: block;padding: 5px 25px 8px;border: 1px solid #384677;font-size: 14px;font-family: 'Pretendard-Medium', sans-serif;}
div.gnbUtil dd a.logout {color: #384677;background-color: #fff;}
div.gnbUtil dd a.admin {background-color: #384677;color: #fff;}

div.gnbUtil p.viewMenu {padding-left: 10px;}
div.gnbUtil p.viewMenu a {display: block;width: 102px;padding: 4px 0 4px 6px;border-radius:18px;border: 1px solid #384677;color: #384677;font-size: 12px;line-height: 24px;font-weight: 400;text-align: center;}
div.gnbUtil p.viewMenu a:after {display: inline-block;width: 26px;height: 26px;content: " ";background: url('/image/viewMenu_bg.png') center center no-repeat;vertical-align: top;}
div.gnbUtil p.viewMenu a.on:after {transform:rotate(45deg);}


div.wrapper.noGnb {padding-top: 70px;}
div.wrapper.noGnb div#headerWrap {padding-bottom: 0;}
div.wrapper.noGnb div.gnbWrap {display: none;}
div.wrapper.noGnb p.viewMenu a {content: "메뉴 열기";}

div.wrapper.changeView {width: 1024px;min-width: 1024px;margin: 0 auto;}




div#footerWrap, div#footerWrap address, div#footerWrap ul, div#footerWrap li, div#footerWrap a {margin: 0;padding: 0;text-decoration: none;color: #cacaca;font-size: 15px;font-family: 'NotoSansKR DemiLight', sans-serif;}
div#footerWrap {position: absolute;left: 0;bottom: 0;width: 100%;padding: 30px 0;background-color: #383838;text-align: center;}
div#footerWrap address, div#footerWrap ul, div#footerWrap li {display: inline-block;vertical-align: top;}
div#footerWrap li {padding-left: 20px;}
div#footerWrap span {color: #fff;font-family: 'Pretendard-Medium', sans-serif;}

div#container {position: relative;min-height: 613px;margin: 30px;padding: 30px;background-color: #fff;}





/* 로그인 */
div.loginWrap {position: relative;min-width:1024px;min-height:900px;background: url('/image/login_bg.jpg') left top no-repeat;background-size: cover;}

div.loginArea {position: absolute;left: 50%;top: 50%;transform:translate(-50%, -50%);width: 810px;height: 794px;padding: 170px 0 0;background: url('/image/loginArea_bg.png') left top no-repeat;box-sizing:border-box;}
div.loginArea h1 {margin: 0;padding: 0;}
div.loginArea h1 img {display: block;margin: 0 auto;}

div.loginArea h1 + p {margin: 0;padding: 80px 0 15px;color: #414141;text-align: center;font-size: 15px;line-height: 30px;font-family: 'NotoSansKR Regular', sans-serif;letter-spacing: -1px;}

div.loginWrap div.formArea {position: relative;width: 370px;margin: 0 auto;}

div.loginWrap dl {position: relative;width: 370px;margin: 0 auto;}
div.loginWrap dt {position: absolute;left: 25px;top: 70px;width: 65px;height: 60px;}
div.loginWrap dt:first-child {top: 0;}
div.loginWrap dt label {display: block;color: #414141;font-family: 'NotoSansKR Bold', sans-serif;font-size: 15px;line-height: 50px;}

div.loginWrap dd {padding-bottom: 20px;}
div.loginWrap dd input {width: 100%;height: 50px;padding: 5px 10px 5px 90px;border: 1px solid #eee;background-color: #eee;box-sizing:border-box;}
div.loginWrap dd input:placeholder {color: #97a4c0;}

div.loginWrap p.btn {width: 370px;height: 70px;margin: 0 auto;box-shadow:0 0 8px rgba(56,75,145,.38);}
div.loginWrap p.btn * {display: block;width: 100%;height: 100%;background: url('/image/loginBtn.png') 0 0 no-repeat;border: 0 none;border-radius:0;padding: 0;font-size: 22px;font-family: 'Pretendard-Medium', sans-serif;color: #fff;font-family: 'NotoSansKR Bold', sans-serif;}






/* 컨텐츠 공통 */
.pageTit {margin: 0;padding: 0px 0 10px;color: #535353;font-size: 30px;line-height: 34px;font-family: 'Pretendard-Medium', sans-serif;background: url('/image/pageTit.png') 0 0 no-repeat;font-weight: normal;padding-left:30px;}

.pointTit {margin: 30px 0 5px;padding: 0;color: #535353;font-size: 14px;font-family: 'Pretendard-Medium', sans-serif;font-weight: normal;}

.ing {padding: 100px 0;}
.ing img {display: block;margin: 0 auto;}


ul.subMenu {margin: 0;padding: 0;}
ul.subMenu:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: " ";}
ul.subMenu > li {float: left;padding:0 0 4px 4px;margin: 0;list-style:none;box-sizing:border-box;}
ul.subMenu a {display: block;padding: 9px 0 11px;border: 1px solid #ddd;color: #222;background-color: #ddd;font-size: 12px;text-align: center;text-decoration: none;}
ul.subMenu .on a {background-color: #535353;border-color: #535353;color: #fff;}


ul.col2ea > li {width: 50%;}
ul.col3ea > li {width: 33.3%;}
ul.col3ea > li:nth-child(3n+1) {width: 33.4%;}
ul.col4ea > li {width: 25%;}
ul.col5ea > li {width: 20%;}

ul.col2ea > li:nth-child(2n+1),
ul.col3ea > li:nth-child(3n+1),
ul.col4ea > li:nth-child(4n+1),
ul.col5ea > li:nth-child(5n+1) {clear: both;padding-left: 0;}

ul.listBar, ul.listBar > li {margin: 0;padding: 0;list-style:none;}
ul.listBar > li {position: relative;padding-left: 15px;}
ul.listBar > li:before {position: absolute;left: 0;top: -3px;content: "- ";}



/* 분할영역 
div.columnArea {position: relative;}
div.columnArea:before {position: absolute;left: 40%;top: 0;width: 1px;height: 100%;border-left:1px dashed #d7d7d7;content: " ";}
div.columnArea:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: " ";}
div.columnArea div.column {float: right;width: calc(60% - 35px);}
div.columnArea div.column:first-child {position: relative;float: left;width: calc(40% - 35px);}

div.formArea .scrollArea {overflow-x: hidden;overflow-y: scroll;height: 450px;border-top: 2px solid #0d298a;border-bottom: 1px solid #d7d7d7;}
div.formArea .scrollArea > table {border-top: 0 none;border-bottom: 0 none;}
*/



div.columnArea {position: relative;}
/*
div.columnArea:before {position: absolute;left: 40%;top: 0;width: 1px;height: 100%;border-left:1px dashed #d7d7d7;content: " ";}
div.columnArea.bgMove:before {left: 60%;}
*/
div.columnArea:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: " ";}

div.columnArea > div {position: relative;float: right;}
div.columnArea > div:first-child {float: left;}
div.columnArea div.column.wide {width: calc(60% - 35px);}
div.columnArea div.column {width: calc(40% - 35px);}

div.column.wide div {border-color: #535353 !important;}

div.formArea .scrollArea {overflow-x: hidden;overflow-y: scroll;border-top: 2px solid #0d298a;border-bottom: 1px solid #d7d7d7;}
div.formArea .scrollArea > table {border-top: 0 none;border-bottom: 0 none;}

td > ul.option {}
ul.option, ul.option li {margin: 0;padding: 0;list-style:none;}
ul.option > li {position: relative;padding:5px 0 5px 30px;}
ul.option > li > *:first-child {position: absolute;left: 10px;top: 0;}
ul.option > li > input[type=radio] {margin-top: 15px;}
ul.option label {line-height: 33px;}

td > ul.option > li {border-top: 1px solid #d7d7d7;}
td > ul.option > li:first-child {border-top: 0 none;}

textarea {width: 95%;height: 100px;}

.formArea .note {color: #dd1717;}

ul.imgUpload {margin: 0;padding:20px 0 0;}
ul.imgUpload:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: " ";}
ul.imgUpload > li {float: left;width: 25%;margin: 0;padding: 0 5px;list-style:none;box-sizing:border-box;}
ul.imgUpload > li:nth-child(4n+1) {clear: both;}
ul.imgUpload .thumb {display: block;width: 100%;height: 110px;margin: 0 auto;border: 1px solid #d7d7d7;background: #f6f6f6 url('/image/noImg.png') center center no-repeat;box-sizing:border-box;}
ul.imgUpload .thumb img {display: block;width: 100%;height: 100%;}
ul.imgUpload .btn {position: relative;z-index: 10;display: block;width: 65px;text-align: center;margin: -15px auto 0;}
ul.imgUpload a {display: block;}

ul.imgUpload #fancyimg img {display: block;width: 100%;height: 100%;}


ul.imgSelect {margin: 0;padding:5px 0;}
ul.imgSelect:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: " ";}
ul.imgSelect > li {position: relative;float: left;width: 25%;padding:5px;margin: 0;list-style:none;box-sizing:border-box;}
ul.imgSelect > li:nth-child(4n+1) {clear: both;}
ul.imgSelect label {position: absolute;left: 11px;top: 11px;}
ul.imgSelect a {display: table-cell;height: 110px;padding: 5px;vertical-align: middle;border: 1px solid #ccc;}
ul.imgSelect img {width: 100%;}
div.listArea {position: relative;}
div.listArea > table {padding-right: 10px;background-color: #f6f6f6;}
div.listArea .scrollArea {overflow-x: hidden;overflow-y: scroll;border-bottom: 1px solid #d7d7d7;}
div.listArea .scrollArea > table {border-top: 0 none;border-bottom: 0 none;}
div.listArea ul.pager {padding-bottom: 0;}

div.listArea th, div.listArea td {word-break:keep-all !important;}

table.menuTbl {width: 100%;width:100%; border:0; border-collapse:separate; border-spacing:2px;}
table.menuTbl td {position: relative;border: 1px solid #6066de;}
table.menuTbl td a {display: block;padding: 5px;text-align: center;text-decoration: none;color: #6066de;font-size: 12px;}
table.menuTbl td.on {background-color: #6066de;}
table.menuTbl td.on a {color: #fff;}

div.searchArea,
div.searchOption {margin-top: 0px;}
div.searchArea:first-child,
div.searchOption:first-child {margin-top: 0;}

div.searchArea th {text-align: center !important;}

div.searchArea_keyword {position: relative;margin: 20px 0;padding: 20px 20px 20px 26%;background-color: #f8f8f8;}
div.searchArea_keyword:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: " ";}
div.searchArea_keyword select {position: absolute;left: 20px;top: 20px;width: calc(24% - 10px);height: 33px;}
div.searchArea_keyword input[type=text] {display: block;width: calc(100% - 20px);height: 35px;margin:0;box-sizing:border-box;}
div.searchArea_keyword span.btn {position: absolute;right: 0;top: 20px;width: calc(9% - 10px);}
div.searchArea_keyword span.btn * {width: 100%;}

div.searchArea_keyword.twoBtn {padding-right: ;border-color: #535353 !important;}
div.searchArea_keyword.twoBtn input[type=text] {float: left;width: 80%;}
div.searchArea_keyword.twoBtn span.btn {position: static;float: right;overflow: hidden;width: 20%;}
div.searchArea_keyword.twoBtn span.btn * {float: left;width: auto;margin-left: 5px;}

div.searchArea table td + td .inputTbl {border-color: #535353 !important;}


a.keyItem {position: relative;padding-right: 30px !important;}
a.keyItem b {position: absolute;right: 0;top: 0;width: 20px;text-align: center;color: #f00;line-height: 17px;padding: 6px 0 8px;background-color: #0d298a;color: #fff;}

div.searchOption {padding-bottom: 20px;}
div.searchOption:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: " ";}
div.searchOption > * {}
div.searchOption > div.btn:first-child {width: 100%;padding-bottom: 20px;}

ul.sort_A, ul.sort_B {margin: 0;padding: 0;}
ul.sort_A:after, ul.sort_B:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: " ";}

ul.sort_A > li, ul.sort_B > li {float: left;margin: 0;padding:0 0 0 5px;list-style:none;box-sizing:border-box;}
ul.sort_A a,ul.sort_B a {display: block;padding: 8px 25px 10px;font-size: 12px;line-height: 20px;text-align: center;text-decoration: none;}

ul.sort_A a {border: 1px solid #0d298a;color: #0d298a;}
ul.sort_A .on a {font-weight:bold;color: #fff;background-color: #0d298a;}

ul.sort_B a {border: 1px solid #7f7f7f;color: #7f7f7f;border-radius:20px;}
ul.sort_B .on a {font-weight:bold;color: #fff;background-color: #505e91;}

ul.sort_A li select {border-color: #535353 !important;}


div.resultNote {overflow: hidden;font-size: 12px;}
div.resultNote .brief {float: left;line-height: 33px;}

div.resultArea {padding-top: 30px;}
div.resultArea:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: " ";}
div.resultArea > ul.pager {clear: both;}


table.ac > * > tr > *.al {text-align: left !important;}


div.imgItem {position: relative;float: left;width: calc(33.6% - 15px);min-height: 170px;margin-bottom: 15px;border: 1px solid #d7d7d7;padding: 24px 24px 24px 230px;box-sizing:border-box;}
div.imgItem:nth-child(3n+1) {clear: both;}
div.imgItem:nth-child(3n+2) {margin: 0 15px;}

div.imgItem p.thumb {position: absolute;left: 24px;top: 24px;width: 183px;height: 118px;border: 1px solid #d7d7d7;background: #f6f6f6 url('/image/noImg.png') center center no-repeat;}
div.imgItem p.thumb a,
div.imgItem a#fancyimg {display: table-cell;width: 183px;height: 118px;vertical-align: middle;}
div.imgItem p.thumb a img,
div.imgItem a#fancyimg img {display: inline-block;width: 100%;max-height:100%;}

div.imgItem li {margin-top: 5px;}
div.imgItem li:first-child {margin-top: 0;}
div.imgItem div.btn {position: relative;height: 37px;margin-top: 12px;padding-right: 100px;}
div.imgItem div.btn:after {display: block;clear: both;height: 0;line-height: 0;font-size: 0;content: " ";}

div.imgItem div.btn a {display: block;padding:5px 0;font-size: 12px;line-height: 25px;text-align: center;box-sizing:border-box;}
div.imgItem div.btn > span {position: absolute;right: 0;top: 0;}
div.imgItem div.btn > span a {float: left;display: block;width:30px;margin-left: 3px;}
div.imgItem div.btn > span a:first-child {margin-left: 0;}
div.imgItem div.btn i {line-height: 25px;}


div.popupWrap {border: 2px solid #222;}
div.popupWrap h1 {padding: 35px 40px 10px;color: #000;font-size: 26px;font-family: 'Pretendard-Medium', sans-serif;font-weight: normal;}
div.popupWrap div.popupCon {padding: 40px;}
div.popupWrap h1 + div.popupCon {padding-top: 0px;}

div.popupWrap div.searchArea {position: relative;padding: 20px;margin-bottom: 20px;background-color: #f8f8f8;text-align: center;}
div.popupWrap div.searchArea select {height: 35px;}
div.popupWrap div.searchArea input[type=text] {width: 500px;height: 35px;box-sizing:border-box;}
div.popupWrap div.scrollArea {max-height: 231px;}


div#popupViscellist {width: 900px;}
div#popupViscellist ul.subMenu {padding-bottom: 30px;}
div#popupViscellist ul.subMenu a {padding: 5px 0;font-size: 0.9em;}
div#popupViscellist div.scrollArea {max-height: 400px;}

div#popupViscellist tbody th, div#popupViscellist tbody td {vertical-align: top;text-align: center;}
ul.keyword, ul.keyword li, ul.keyword a {margin: 0;padding: 0;list-style:none;text-decoration: none;color: #4f4f4f;text-align: left;}
ul.keyword a:hover,
ul.keyword a:focus {text-decoration: underline;}



div#popupImgView {width: 900px;padding: 50px;}
div#popupImgView div.imgArea {position: relative;padding: 0 50px;}
div#popupImgView div.imgArea span.img {display: block;height: 385px;border: 1px solid #d7d7d7;background: #f6f6f6 url('/image/noImg.png') center center no-repeat;}
div#popupImgView div.imgArea span.img img {display: block;height: 100%;margin: 0 auto;}
div#popupImgView div.imgArea a {position: absolute;top: 50%;display: block;width: 28px;height: 48px;margin-top: -28px;}
div#popupImgView a.prev {left: 0;}
div#popupImgView a.next {right: 0;}

div#popupImgView ul, div#popupImgView li {margin: 0;padding: 0;list-style:none;font-size: 18px;font-weight: 300;color: #4d4d4d;}
div#popupImgView ul {padding: 30px 50px 0;}
div#popupImgView li {margin-top: 5px;}
div#popupImgView li:first-child {margin-top: 0;}
div#popupImgView li span {display: inline-block;padding-right: 5px;font-weight: 400;color: #2e4373;vertical-align: top;}



/* 시험문제 */
dl.support {margin: 0;padding: 0;}
dl.support:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: " ";}
dl.support > dt, dl.support > dd {float: left;margin: 0 0 0 5px;padding: 0;}
dl.support > dt {line-height: 33px;}
dl.support > dt:first-child {margin-left: 0;}
dl.support sup, dl.support sub {display: inline-block;vertical-align: top;line-height: 1em;}
dl.support sub {vertical-align: bottom;padding-top: 5px;}


/* 문제 미리보기 */
div.preview {position: relative;width: 700px;padding: 82px 0 82px;border-radius:15px;border: 30px solid #000;margin: 50px auto;background-color: #fff;color: #000;font-size: 24px;line-height: 1.5;box-sizing:border-box;}
div.preview img {max-width: 100%;}

div.preview div.examInfo {position: absolute;left: 0;top: 0;width: 100%;overflow: hidden;padding-bottom: 5px;background-color: #e8e8e8;}
div.examInfo h3 {float: left;width: 65%;padding-bottom: 4px;text-align: center;font-size: 1em;font-weight: normal;}
div.examInfo ul, div.examInfo li {margin: 0;padding: 0;list-style:none;}
div.examInfo ul {float: left;width: 35%;font-weight: 500;}
div.examInfo ul.clear {width: 100%;border-top: 1px solid #999;font-weight: 400;}
div.examInfo li {float: left;width: 50%;font-size: 20px;line-height: 36px;}
div.examInfo ul.clear > li {position: relative;width: 21%;text-align: center;}
div.examInfo ul.clear > li:before {position: absolute;left: 0;top: 5px;width: 1px;height: 32px;content: " ";background-color: #999;}
div.examInfo ul.clear > li:first-child:before {display: none;}
div.examInfo ul.clear > li:last-child {width: 16%;}
div.examInfo ul.clear > li:first-child,
div.examInfo li span {font-family: 'Pretendard-Medium', sans-serif;}

div.preview div.scrollArea {overflow-x: hidden;overflow-y: auto;height: 718px;padding: 0 30px 0 30px;}
div.preview h4 {position: relative;padding:13px 0 0 10%;}
div.preview h4 span {position: absolute;left: 0;top: 8px;width: calc(10% - 11px);text-align: right;}
div.preview ul.util {position: absolute;left: 0;bottom: 0;width: 100%;}

/* width */
div.scrollArea::-webkit-scrollbar {
  width: 10px;
}

/* Track */
div.scrollArea::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
div.scrollArea::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
div.scrollArea::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.examTit,
dl.preview > dt {color: #222;font-size: 24px;line-height: 30px;word-break:keep-all;font-family: '맑은고딕', 'Malgun Gothic', sans-serif !important;}

div.preview ul.util {overflow: hidden;margin: 0;padding: 0;}
div.preview ul.util > li {float: left;width: 14%;margin: 0;list-style:none;}
div.preview ul.util > li.prev, div.preview ul.util > li.next {width: 15%;}
div.preview ul.util a,
div.preview ul.util img {display: block;width: 100%;height: 82px;}


.examImg {padding-top: 10px;}
.examImg img {display: block;width: 100%;margin-top: 10px;border: 1px solid #d7d7d7;box-sizing:border-box;}
.examImg img:first-child {margin-top: 0;}

ul.examOption, ul.examOption li {margin:10px 0 0;padding: 0;list-style:none;}
ul.examOption li {position: relative;padding: 3px 65px 7px 55px;border-bottom: 1px solid #d7d7d7;vertical-align: top;}
ul.examOption span.num {position: absolute;left: 0;top: 50%;width: 45px;height: 36px;padding: 4px 0 5px;margin-top: -22px;color: #222;text-align: center;font-family: 'Pretendard-Medium', sans-serif;background: url('/image/sample/numBg.png') center center no-repeat;background-size: 45px;font-weight: normal;}
ul.examOption span.branch {display: table-cell;width: calc(100% - 120px);height: 60px;vertical-align: middle;}
ul.examOption span.branch img {display: inline-block;vertical-align: top;}
ul.examOption img.check {position: absolute;right: 0;top: 0px;width: 56px;}

table.examOption {width:100%; border:0; margin-top: 10px;border-collapse:separate; border-spacing:0;}
table.examOption td {padding: 10px;border-bottom: 1px solid #d7d7d7;vertical-align: middle;}
table.examOption td:nth-child(2) {padding: 10px 0;}
table.examOption td.num {position: relative;}
table.examOption td.num span {position: absolute;left: 0;top: 50%;width: 100%;margin-top: -19px;color: #222;text-align: center;font-family: 'Pretendard-Medium', sans-serif;line-height: 36px;}
table.examOption img {width: 100%;}

div.column table.examOption td {padding: 5px;}
div.column table.examOption td:nth-child(2) {padding: 5px 0;}


div#popupExam.popupWrap {width: 1000px;}
div#popupExam th, div#popupExam dt {font-family: 'Pretendard-Medium', sans-serif;}
div#popupExam th {padding: 7px 0 9px;}

dl.examItem {margin: 0;padding: 0;}
dl.examItem > dt {position: relative;margin-top: 0;padding: 5px 10px 9px 20px;border-bottom: 1px solid #d7d7d7;background-color: #f6f6f6;text-align: center;color: #0d298a;}
dl.examItem > dt span.btn {position: absolute;right: 10px;top: 50%;margin-top: -14px;}



dl.preview {}
dl.preview > dt {padding: 20px 0 0;font-size: 12px;line-height: 24px;color: #0d298a;font-family: 'Pretendard-Medium', sans-serif;}
dl.preview > dd {position: relative;}
dl.preview > dd.examImg {padding: 20px 0;text-align: center;}
dl.preview > dd.examImg img {display: inline-block;width: 220px;height: 142px;margin:0 0 0 10px;vertical-align: top;}
dl.preview > dd.examImg img:first-child {margin-left: 0;}
dl.preview .answer {position: absolute;right: 20px;bottom: 15px;padding: 0 5px;color: #535353;font-family: 'Pretendard-Medium', sans-serif;font-size: 26px;box-shadow:inset 0 -20px 0 #f2feff;}

dl.preview > dd.examOption {position: relative;padding: 20px;background-color: #f6f6f6;}

div.examView {padding: 50px 0;}

dl.examCon {}
dl.examCon > dt {padding: 20px 0 0;font-size: 1em;line-height: 1.4;color: #0d298a;font-family: 'Pretendard-Medium', sans-serif;}
dl.examCon > dd {position: relative;}
dl.examCon > dd.examImg {padding: 20px 0;text-align: center;}
dl.examCon > dd.examImg img {display: inline-block;width: 220px;height: 142px;margin:0 0 0 10px;vertical-align: top;}
dl.examCon > dd.examImg img:first-child {margin-left: 0;}
dl.examCon .answer {position: absolute;right: 20px;bottom: 15px;color: #0d298a;font-family: 'Pretendard-Medium', sans-serif;font-size: 26px;}
dl.examCon .answer:after {position: absolute;left: -10px;bottom: -2px;width: 100%;height: 50%;padding: 0 8px;content: " ";background-color: rgba(20,123,255,.4);}

dl.examCon > dd.examOption {position: relative;padding: 20px;background-color: #f6f6f6;font-size: 1em;}


ul.numList, ul.numList > li {margin: 0;padding: 0;list-style:none;}
ul.numList li {position: relative;margin-top: 10px;padding-left: 1.2em;}
ul.numList li:first-child {margin-top: 0;}
ul.numList span.num {position: absolute;left: 0;top: 0;color: #0d298a;font-family: 'Pretendard-Medium', sans-serif;}


label.container {width: 20px;height: 20px;margin: 0 auto;padding: 0;}
label.container input {display: block;width: 100%;height: 100%;opacity: 0;margin: 0;}
label.container .checkmark {width: 100%;height: 100%;}
label.container .checkmark:after {left: 6px;top: 2px;}

/* 키워드 자동완성 */
div.keywordArea {position: relative;padding-right: 56px;}
div.keywordArea > input[type=text] {width: 100%;height: 33px;box-sizing:border-box;}
div.keywordArea span.btn {position: absolute;right: 0;top: 0;width: 46px;height: 33px;}

div.keywordArea div.autocomplete-items {position: absolute;left: 0;top: 33px;overflow-x: hidden;overflow-y: auto;width: calc(100% - 58px);max-height:220px;background-color: #fff;border-bottom: 1px solid #d4d4d4;}
div.keywordArea div.autocomplete-items div {padding: 0 10px;}

/*김영환 추가*/
#question_area {
    counter-reset: rowNumber;
}
.numberic:after {
    counter-increment: rowNumber;
    content: counter(rowNumber);
}
.imagebank_line {
	width:300px;
	padding:0 5px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.dragRow{border:2px solid red !important;}
.dragRow2{background:#C7BBE6 !important;}
#fancybox-title-inside{text-align:left;font-size:14px;}

td.iconMove {}
td.iconMove:before {display: inline-block;font-size: 30px;font-family: "Font Awesome 5 Free" !important;font-weight: 900;content: "\f0b2";}

td.iconMove_s {}
td.iconMove_s:before {display: inline-block;font-size: 20px;font-family: "Font Awesome 5 Free" !important;font-weight: 900;content: "\f0b2";}

/*김영환 추가*/




div#floatingArea.fixed {z-index: 100;position: fixed;right: 0;top: 0;}


/* 정리문제 */
div.reviewUtil {position: relative;height: 30px;}
div.reviewUtil select {float: left;height: 30px;}

div.reviewUtil div.fl > * {float: left;margin-left: 5px;}
div.reviewUtil div.fl > *:first-child {margin-left: 0;}
div.reviewUtil select {height: 30px;}
div.reviewUtil div.fl i {font-size: 30px;color: #0e2a8f;}


div.reviewUtil ul.utilMenu {z-index: 60;position: relative;float: right;margin: 0;padding: 0;}
div.reviewUtil ul.utilMenu li {float: left;margin:0 0 0 7px;list-style:none;}
div.reviewUtil ul.utilMenu li:first-child {margin-left: 0;}
div.reviewUtil ul.utilMenu a {display: block;text-align: center;width: 160px;padding: 2px 0 5px;border-radius:4px;border: 1px solid #0d298a;color: #0d298a;font-size: 14px;text-decoration: none;}
div.reviewUtil ul.utilMenu a.changeView {background-color: #0d298a;color: #fff;font-family: 'Pretendard-Medium', sans-serif;}
div.reviewUtil ul.utilMenu a.viewAnalysis {position: relative;background-color: #4565d9;border-color: #4565d9;color: #fff;font-family: 'Pretendard-Medium', sans-serif;}
div.reviewUtil ul.utilMenu a.viewAnalysis:before {display: none;position:absolute;left: 50%;top:49px;width:10px;height:10px;margin-top:-5px;box-sizing:border-box;border: 1px solid #4565d9;border-top:0;border-left:0;content:"";transform:rotate(-135deg);background-color: #fff;}
div.reviewUtil ul.utilMenu a.viewAnalysis.on:before {display: block;}

dl#popupAnalysis {display: none;z-index: 50;position: absolute;left: 0;top: 50px;width: 100%;padding: 30px 30px 10px;border: 1px solid #4565d9;background-color: #fff;box-sizing:border-box;}

dl#popupAnalysis dt {float: left;border-bottom: 1px solid #4565d9;font-family: 'Pretendard-Medium', sans-serif;color: #4565d9;font-size: 16px;}
dl#popupAnalysis > dd {clear: both;}

.graphArea {padding-top: 25px;text-align: center;}
.graphArea > div {position: relative;margin-bottom: 35px;background-color: #f6f6f6;}
.graphArea > div {position: relative;display: inline-block;width: 146px;height: 146px;border-radius: 73px;margin-left: 50px;color: #fff;font-size: 16px;text-align: center;}
.graphArea > div:before {z-index: 30;position: absolute;left: 50%;top: 50%;width: 66px;height: 66px;border-radius:33px;margin: -33px 0 0 -33px;background-color: #fff;content: "";}
.graphArea span.graph {position: absolute;left: 0;top: 0;width: 146px;height: 146px;border-radius:73px;background-color: rgba(255,255,255,.5);content: "";}


.graphArea > div:first-child {margin-left: 0;}
.graphArea span.graph {}

.graphArea span.percent {z-index: 35;position: absolute;left: 50%;top: 50%;width: 76px;margin:-0.6em 0 0 -38px;color: #0d298a;box-sizing:border-box;text-align: center;}
.graphArea span.percent {display: block;font-size: 1.5em;font-family: 'Times New Roman', serif;font-family: 'Pretendard-Medium', sans-serif;line-height: 1.2em;}
.graphArea span.percent:after {font-size: 14px;content: " %";}

.graphArea span.year {position: absolute;left: 0;bottom: -35px;width: 146px;text-align: center;color: #4d4d4d;}

dl#popupAnalysis .close {position: absolute;right: 25px;top: 25px;margin: 0;}





div.previewUtil {position: relative;padding: 0 287px;margin-top: 30px;}
div.previewUtil a {display: block;height: 45px;padding: 5px 10px;box-sizing:border-box;}
div.previewUtil a.prev,
div.previewUtil a.next {position: absolute;top: 0;width: 280px;font-family: 'Pretendard-Medium', sans-serif;font-size: 14px;line-height: 1.2;}
div.previewUtil a span {display: block;position:relative;overflow:hidden;color: #7f7f7f;text-overflow:ellipsis;white-space:nowrap;font-size: 12px;font-weight: normal;}

div.previewUtil a.prev {left: 0;padding-left: 35px;text-align: right;}
div.previewUtil a.next {right: 0;padding-right: 35px;text-align: left;}

div.previewUtil a.prev:after,
div.previewUtil a.next:after {position:absolute;top:50%;width:10px;height:10px;margin-top:-5px;box-sizing:border-box;border: 2px solid #0d298a;border-top:0;border-left:0;content:"";}
div.previewUtil a.prev:after {left: 15px;transform:rotate(135deg);}
div.previewUtil a.next:after {right: 15px;transform:rotate(-45deg);}

div.previewUtil a.noMore {line-height: 30px;color: #000 !important;border-color: #666 !important;opacity: .5;}
div.previewUtil a.noMore:after {border-color: #666;}

div.previewUtil a.viewQuestion {padding-top: 8px;text-align: center;font-size: 14px;font-family: 'Pretendard-Medium', sans-serif;}
div.previewUtil a.viewQuestion:after {display: inline-block;width:10px;height:10px;margin: 5px 0 0 10px;vertical-align: top;box-sizing:border-box;border: 2px solid #fff;border-top:0;border-left:0;content:"";transform:rotate(45deg);}


/* 용어검색 */
div#popupDictionary {width: 1000px;}
div#popupDictionary div.formArea {padding-bottom: 20px;}
div#popupDictionary div.formArea div.btn {text-align: center;padding-top: 20px;}

ul.dictionaryIndex, ul.dictionaryIndex li, ul.dictionaryIndex a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.dictionaryIndex {overflow: hidden;position: relative;margin-top: 30px;}
ul.dictionaryIndex li {float: left;width: 27px;padding-left: 5px;}
ul.dictionaryIndex li:first-child {width: 48px;padding-left: 0;}
ul.dictionaryIndex li:first-child a {}
ul.dictionaryIndex a {display: block;padding-bottom: 2px;border-radius:4px;border: 1px solid #0d298a;color: #0d298a;text-align: center;}
ul.dictionaryIndex .on a {background-color: #0d298a;color: #fff;font-family: 'Pretendard-Medium', sans-serif;}


div#panel {z-index: 100;position: absolute;left: -283px;top: -30px;width: 200px;height: 100%;padding: 30px;}
div#panel:after {position: absolute;left: 3px;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.1);content: " ";}
div#panel > div {z-index: 30;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #535353;}

div#panel .handle {z-index: 10;position: absolute;right: -20px;top: 100px;width: 20px;height: 40px;border-radius:0 20px 20px 0;background-color: #fff;box-shadow:0 0 5px rgba(0,0,0,.4);}
div#panel .handle a {position: relative;display: block;height: 100%;text-indent: -10000px;}
div#panel .handle a:after {position:absolute;left: 50%;top:50%;margin:-5px 0 0 -8px;width:10px;height:10px;box-sizing:border-box;border:2px solid #4a4a4a;border-top:0 none;border-left:0 none;content:"";transform:rotate(-45deg);}
div#panel .handle a.view:after {margin-left: -5px;transform:rotate(135deg);}


td.organ_keyword_area {padding-top: 0 !important;}
div.organ_area {width: 100%;margin: 5px 0 0;}
/*div.organ_area > div {position: relative;padding-left: 20px;background: url('/image/icon/icon_reply2.gif') 0 5px no-repeat;}*/

div.folder, div.folder p, div.folder ul, div.folder li, div.folder a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
div.folder {}
div.folder ul {}
div.folder ul:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: " ";}
div.folder li {float: left;margin-left: 20px;}
div.folder li:first-child {margin-left: 0;}

ul.folderList {}
ul.folderList > li {position: relative;width: 200px;height: 176px;margin-top: 20px;}
ul.folderList a.folder {display: block;position:relative;overflow:hidden;height: 176px;padding: 70px 10px 0;background: url('/image/folder_bg.png') left bottom no-repeat;text-align: center;font-size: 30px;box-sizing:border-box;color: #fff;text-overflow:ellipsis;white-space:nowrap;font-family: 'Pretendard-Medium', sans-serif;}
ul.folderList a.folder.empty {background-image: url('/image/folder_bg_empty.png');}
ul.folderList a.folder:before {position: absolute;left: 0;top: 4px;width: 70px;height: 20px;content: attr(data-count);text-align: center;color: #fff;font-size: 14px;line-height: 18px;}
ul.folderList span.util {overflow: hidden;position: absolute;right: 10px;bottom: 16px;border: 1px solid rgba(255,255,255,.3);}
ul.folderList span.util > a {float: left;width: 30px;}
ul.folderList span.util > a:first-child {border-right: 1px solid rgba(255,255,255,.3);}



div.aside {position: fixed;left: 50%;top: 50%;transform:translateY(-50%);margin-left: 452px;}
div.aside ul, div.aside li, div.aside a {margin: 0;padding: 0;list-style: none;text-decoration: none;width:120px;}
div.aside li:not(:first-child) {margin-top: 10px;}
div.aside li a {display: flex;align-items:center;gap:0 10px;min-width: 100px;max-width:200px;padding: 10px 15px;border-radius: 0 10px 10px 0;border: 1px solid #dce7fc;border-left: 0 none;color: #111;font-size: 14px;line-height: 20px;background-color: #f6f9ff;}
div.aside li.on a {color: #ffffff;font-weight: bold;background-color: #0087BE;border-color: #535353;box-shadow:0 5px 10px rgba(0,0,0,.2);}
div.aside li.on a:before {content: "\f118";display: inline-block;vertical-align: top;font-size: 1.2em;font-family: 'Font Awesome 5 Free' !important;}


div.aside li.on_pre a {color: #2973b7;font-weight: bold;background-color: #e4eff9;border-color: #d2e6f9;box-shadow:0 5px 10px rgba(0,0,0,.2);}
div.aside li.on_pre a:before {content: "\f100";display: inline-block;vertical-align: top;font-size: 1.2em;font-family: 'Font Awesome 5 Free' !important;}

div.aside li.off a {color: #000000;font-weight: bold;background-color: #d7d5d5;border-color: #1b1b1b;box-shadow:0 5px 10px rgba(0,0,0,.2);}
div.aside li.off a:before {content: "\f250";display: inline-block;vertical-align: top;font-size: 1.2em;font-family: 'Font Awesome 5 Free' !important;}


div.aside li.on_next a {color: #2973b7;font-weight: bold;background-color: #e4eff9;border-color: #d2e6f9;box-shadow:0 5px 10px rgba(0,0,0,.2);}
div.aside li.on_next a:before {content: "\f101";display: inline-block;vertical-align: top;font-size: 1.2em;font-family: 'Font Awesome 5 Free' !important;}


div.aside li.reject a {color: #ffffff;font-weight: bold;background-color: #E21C1C;border-color: #BB1818;box-shadow:0 5px 10px rgba(0,0,0,.2);}
div.aside li.reject a:before {content: "\f00d";display: inline-block;vertical-align: top;font-size: 1.2em;font-family: 'Font Awesome 5 Free' !important;}


.wtHolder {
	overflow: auto;
}
.wtHolder::-webkit-scrollbar {
	width: 7px;
}
.wtHolder::-webkit-scrollbar-thumb {
	background-color: #043669;
	border-radius: 10px;
}
.wtHolder::-webkit-scrollbar-track {
	background-color: #C0C0C0;
	border-radius: 10px;
	box-shadow: inset 0px 0px 5px white;
}



/*2020-03-25 김영환 추가*/

table.ImgTbl tr > td{width:33%;padding:5px !important;min-height:200px !important;max-height:200px !important;}
table.ImgTbl_sub {width:100%;border:1px solid #D7D7D7 !important;border-radius:10px 10px 10px 10px;padding:10px !important;min-height:200px !important;max-height:200px !important;}
table.ImgTbl_sub tr >  td:first-child {width:220px;vertical-align:center;}
.ImgTbl_sub_div{position:relative;width:100%;text-align:center;background:#F3F3F3;border:1px solid #D7D7D7;}

.ImgTbl_btn1{padding:0px 8px 0px 8px!important;height:23px !important;padding;border:1px solid #B71313;background:#DD1717;color:#ffffff;}
.ImgTbl_btn2{width:40px;height:23px;padding:0px !important;}
.ImgTbl_btn3{width:220px;height:22px;padding:0px !important;}



table.ImgTbl2 tr > td{width:24% !important;padding:5px !important;}
table.ImgTbl2_sub {width:100%;border:1px solid #D7D7D7 !important;border-radius:10px 10px 10px 10px;height:180px !important;}
table.ImgTbl2_sub tr >  td:first-child {vertical-align:top;padding:5px;position:relative;}


.pk-field{height:20px !important;text-align:left;border:1px solid #CCCCCC !important;}	
.pk-modal{padding:0; margin-top:5%;width:600px !important;font-weight:bold;}
.form-group:after {clear: both;height: 0;line-height: 0;font-size: 0;content: " ";}
.pk-modal *{margin:0;font-weight:bold;}
.pk-option .txt{font-weight:bold !important;color:#000000 !important;}



.Img_text_cut {
  width:190px;
  padding:0 5px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}


.fa_icon{font-size:22px;color:#000;font-weight:bold;}


.AD_chk{width:20px;height:20px;margin:0px !important;}
.Chk_BG{background:#FFFFE3 !important;font-weight:bold;}


.zero{padding:0px !important;margin:0px !important;}
.bd0{border:0px !important;}

.bdt0{border-top:0px !important;}
.bdl0{border-left:0px !important;}
.bdr0{border-right:0px !important;}
.bdb0{border-bottom:0px !important;}


.ell{
	text-overflow:ellipsis;overflow:hidden;width:99%;white-space:nowrap;
}

.Ftabs{color:red !important;}
.Ftabs_on{color:yellow !important;}