@charset "UTF-8";

input[type="checkbox"].input_check,
input[type="radio"].input_radio { -webkit-appearance: none; -moz-appearance: none; appearance: none; overflow: hidden; clip-path: circle(0%); position: absolute; top: -1px; left: -1px; margin: -1px; width: 1px; height: 1px; font-size: 1px; line-height: 0; }
input[type="checkbox"].input_check + label { position: relative; padding: 1px 0 2px 21px; font-size: 14px; }
input[type="checkbox"].input_check + label::before { content: ''; position: absolute; top: 0; left: 0; width: 16px; height: 16px; border-radius: 4px; border: 1px solid #CDCDCD; background-color: #fff; box-sizing: border-box; }
input[type="checkbox"].input_check + label::after { content: ''; opacity: 0; position: absolute; top: 6px; left: 4px; width: 8px; height: 8px; background: url("/images/n24/common/bg_checked_on.svg") no-repeat left top/100% auto; }
input[type="checkbox"].input_check:checked + label::before { border-color: #925CD7; background-color: #925CD7; }
input[type="checkbox"].input_check:checked + label::after { opacity: 1; }

@media screen and (min-width: 1024px) {
	input[type="checkbox"].input_check + label { padding: 2px 0 2px 30px; font-size: 16px; }
	input[type="checkbox"].input_check + label::before { width: 20px; height: 20px; }
	input[type="checkbox"].input_check + label::after { top: 7px; left: 4px; width: 12px; height: 12px; }
 }

input[type="radio"].input_radio + label { position: relative; padding: 1px 0 2px 21px; }
input[type="radio"].input_radio + label::before {content: '';position: absolute;top: 0;left: 0;width: 16px;height: 16px;border-radius: 100%;border: 1px solid #CDCDCD;background-color: #fff;-webkit-box-sizing: border-box;box-sizing: border-box; }
input[type="radio"].input_radio + label::after {content: '';opacity: 0;position: absolute;top: 50%;left: 4px;-webkit-transform: translateY(-50%);transform: translateY(-50%);margin-top: -1px;width: 8px;height: 8px;border-radius: 50%;background-color: #925CD7; }
input[type="radio"].input_radio:checked + label::before { border-color: #925CD7; background-color: #fff; }
input[type="radio"].input_radio:checked + label::after { opacity: 1; }

@media screen and (min-width: 1024px) {
	input[type="radio"].input_radio + label { padding: 2px 0 2px 30px; }
	input[type="radio"].input_radio + label::before { width: 20px; height: 20px; }
	input[type="radio"].input_radio + label::after { margin: 0; left: 4px; width: 12px; height: 12px; }
}

input[type="radio"] {position: relative;margin-right: 5px;width: 22px;height: 22px;background: #fff;border-radius: 50%;-webkit-appearance: none;-moz-appearance: none;appearance: none; }
input[type="radio"]:after {display: block;content: '';position: absolute;left: 0;top: 0;width: 22px;height: 22px;border: 1px solid #cdcdcd;border-radius: 50%;-webkit-box-sizing: border-box;box-sizing: border-box; }
input[type="radio"]:checked:before {display: block;content: '';position: absolute;left: 6px;top: 6px;width: 10px;height: 10px;background: #313131;border: 0px none;border-radius: 50%; }

input[type='checkbox'] {width: 22px;height: 22px;border-radius: 4px;-webkit-appearance: none;-moz-appearance: none;appearance: none;border: 1px solid #cdcdcd;background: #fff; }
input[type='checkbox']:checked {-webkit-appearance: auto;-moz-appearance: auto;appearance: auto; }

input + label {font-size: 16px;color: #555; }

input[type='text'],
input[type='password'],
input[type='number'],
select { height: 42px; border: 1px solid #dedede; border-radius: 4px; }
textarea { border: 1px solid #dedede; border-radius: 4px; }

.inputSet input.useDatepicker { width: 130px; height: 40px !important; }
.inputSet .division {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding: 0 12px;font-size: 16px;font-weight: 400;color: #1D1D1D; }
.inputSet.type2 { position: relative; overflow: hidden; }

/* disable globally if required */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; }
/* restore to hidden until mouse over */
.show_spinner input[type="number"]::-webkit-outer-spin-button,
.show_spinner input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: inner-spin-button; }
/* restore and show permanently */
.show_always input[type="number"]::-webkit-outer-spin-button,
.show_always input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: inner-spin-button; opacity: 1; margin-left: 10px; }

/* btn */
.btnArea { margin: 35px 0; }
.paging + .btnArea.right { margin-top: -105px; }
.btnArea a { margin: 0 5px; }
.btnArea .btn_l { min-width: 102px; }
.btn_l { padding: 0 30px; height: 50px; border-radius: 4px; line-height: 48px; font-size: 18px; }
.btn_l.on { background: #303646; border: 1px solid #303646; color: #fff; }
.btn_l.gray { background: #7e7d8c; border: 1px solid #7e7d8c; color: #fff; }
.btn_m { padding: 10px 20px; min-width: 110px; height: auto; color: #fff; border-radius: 4px; background: #535353; border: 0px none; line-height: 135%; font-size: 16px; }
.btn_m:hover,
.btn_m:focus { color: #fff; }
.btn_m.on { background: #2d9791; border: 0px none; }
.btn_m.down { padding-left: 42px; background-image: url("/images/n21/sub/icon_down.png"); background-repeat: no-repeat; background-position: left 20px center; }
.btn_m.white { height: 41px; color: #535353; background: #fff; border: 1px solid #535353; -webkit-box-sizing: border-box; box-sizing: border-box; }
.btn_s { padding: 0 9px; height: 34px; background: #7e7d8c; border-radius: 4px; border: 0px none; color: #fff; line-height: 34px; font-size: 14px; }
.btn_s:hover,
.btn_s:focus { color: #fff; }

.btn_l:focus-visible,
.btn_m:focus-visible,
.btn_s:focus-visible { outline-style:dotted; }

.downIcon { display: inline-block; vertical-align: text-top; margin-right: 8px; width: 15px; height: 15px; background: url("/images/n21/sub/btn_downIcon.png") no-repeat; }

/* ======================================== subLayout ======================================== */
/* 게시판 */
.totalNum { display: block; padding-left: 30px; background: url("/images/n21/sub/icon_totalNum.png") no-repeat left center; font-size: 16px; line-height: 21px; }
.totalNum em { font-weight: 500; }

.bbsSearch input[type="submit"],
.bbsSearch input[type="button"] { width: 73px; height: 42px; background: #373272; border: 0px none; border-radius: 4px; text-align: center; color: #fff; line-height: 42px; font-size: 16px; }
.bbsSearch .btnAll { display: inline-block; vertical-align: middle; width: 42px; height: 42px; background: #7e7d8c url("/images/n21/sub/icon_bbsSearch_btnAll.png") no-repeat center; border-radius: 4px; text-indent: -9999em; text-align: left; }
.bbsSearch.type2 { padding: 20px 0; background: none; border-bottom: 1px solid #e3e3e3; }
.bbsSearch.type3 { padding: 30px 100px; text-align: center; }
.bbsSearch.type3 .select_box.size_1,
.bbsSearch.type3 .select_box.size_2 { margin: 0 0 0 5px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
.bbsSearch.type3 .inp_text.size_3 { margin: 0 5px; }
.bbsSearch.type3 .input_row { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; margin-bottom: 5px; }
.bbsSearch.type3 .select_box.size_1 { margin-left: 0; }
.bbsSearch.type4 { padding: 30px 20px; text-align: center; }
.bbsSearch.type4 .select_box_group .select_box_group { display: flex; -ms-flex-direction: column; flex-direction: column; width:100%; }
.bbsSearch.type4 .select_box_group .select_box { width: 120px; padding:0 32px 0 10px; }
.bbsSearch.type4 .select_box_group .select_box:nth-child(1) { width:160px; }
.bbsSearch.type4 input[type="submit"] { margin-left: 4px; height:50px; }

@media screen and (max-width:900px) {
	.bbsSearch .markItem { width:100%; margin-bottom:8px; }
}
@media screen and (max-width:768px) {
	.bbsSearch.type4 { padding: 10px; }
	.bbsSearch.type4 .select_box_group .select_box:nth-child(1) { width:140px; }
}
@media screen and (max-width:430px) {
	.bbsSearch.type4 .select_box_group { width:calc(100% - 64px); }
	.bbsSearch.type4 .select_box_group .select_box:nth-child(1),
	.bbsSearch.type4 .select_box_group .select_box:nth-child(2) { width:calc(50% - 4px); }
}
@media screen and (min-width: 1024px) {
	.bbsSearch.type3 { padding: 30px 100px; text-align: center; }
	.bbsSearch.type3 .select_box { width: 130px; }
	.bbsSearch.type3 .inp_text.size_3 { width: calc(100% - 130px - 10px - 50px - 10px); }
	.bbsSearch.type3 .input_group { max-width: 776px; }
	.bbsSearch.type3 .input_row { margin-bottom: 10px; }
	.bbsSearch.type3 .select_box.size_1 { width: 265px; }
	.bbsSearch.type3 .select_box.size_2 { margin-right: 0; width: 214px; }
}

.bbsSearch dl { display: inline-block; vertical-align: middle; }
.bbsSearch dl dt { display: inline-block; vertical-align: middle; margin-right: 5px; font-size: 16px; }
.bbsSearch dl dd { display: inline-block; vertical-align: middle; }
.bbsSearch dl dd + dt { margin-left: 20px; }

.listCondition { padding: 0 5px 15px; }
.listCondition:after { display: block; content: ''; clear: both; }
.listCondition .totalNum { float: left; }

/* 조직안내 검색창 */
.mbSearchform .input-keyword { white-space: nowrap; }

@media all and (min-width: 768px) {
	.mbSearchform .markItem { font-size: 21px; vertical-align: middle;  }
	.mbSearchform select { width: 265px; height: 47px; font-size: 17px; }
	.mbSearchform input[type="submit"] { height: 47px; }
 }

.tableView { border-top: 2px solid #313131; border-bottom: 1px solid #e3e3e3; }
.tableView .viewTitle { display: block; padding: 30px 10px; background: #f3f3f3; border-bottom: 1px solid #e3e3e3; text-align: center; }
.tableView .viewTitle b { font-size: 25px; font-weight: 500; }
.tableView .viewDetail > li { display: table; padding: 15px 30px; width: 100%; box-sizing: border-box; border-bottom: 1px solid #e3e3e3; font-size: 15px; line-height: 30px; }
.tableView .viewDetail > li .head { display: inline-block; vertical-align: middle; position: relative; width: 70px; }
.tableView .viewDetail > li .head:after { display: block; content: ''; position: absolute; right: 0; top: 50%; margin-top: -7px; height: 14px; border-right: 1px solid #e3e3e3; }
.tableView .viewDetail > li .desc { display: inline-block; vertical-align: middle; padding-left: 15px; }
.tableView .viewDetail > li .desc .file > div + div { margin-top: 5px; }
.tableView .viewDetail > li .desc + .head { margin-left: 100px; }
.tableView .viewDetail > li > div + div { margin-left: 60px; }
.tableView .viewDetail > li > div { display: table-cell; }

.fileLink { display: inline-block; }
.fileLink img { display: inline-block; margin-right: 8px; width: auto; }

.tableView .viewDetail > li .quickView {display: inline-block;vertical-align: middle;margin-left: 20px;width: 83px;height: 34px;-webkit-box-sizing: border-box;box-sizing: border-box;border: 1px solid #cbcbd1;border-radius: 17px;text-align: center;font-size: 14px;color: #555;line-height: 32px; }

.tableView .viewCon { padding: 40px 30px; font-size: 16px; line-height: 180%; overflow-x: auto; }
.tableView .viewCon iframe { width: 100%; }
.tableView .viewCon h6 { margin-top: 30px; }
.tableView .viewCon table { max-width: 100% !important; table-layout: auto; word-break: break-all; }
.tableView .viewCon iframe { max-width: 100% !important; }
.tableView .viewCon .tac { text-align: center; }
.tableView .viewCon .tac img { max-width: 80%; }
.tableView .viewCon > p img { max-width: 80%; }
.tableView .viewCon + .viewDetail { border-top: 1px solid #e3e3e3; }
.tableView .viewCon + .viewDetail li { border: none; }
.tableView .fileView + .viewDetail { border-top: 1px solid #e3e3e3; }
/* .tableView .fileView + .viewDetail li { border:none; } */
#container .tableView .viewCon h2,
#container .tableView .viewCon h3,
.tableView .viewCon h5 { margin-bottom: 8px; padding: 0; background: none; color: #313131; font-size: 19px; font-weight: 500; text-align: left; }
.tableView .viewCon h4::before,
.tableView .viewCon h5::before { display:none; }
#container .tableView .viewCon h3 { margin-top: 30px; font-size: 22px; }
.tableView .viewCon .list_type1 > li { display: block; position: relative; padding: 4px 0; padding-left: 17px; font-size: 16px; color: #555; line-height: 140%; }
.tableView .viewCon .list_type1 > li:after { display: block; content: ''; position: absolute; left: 8px; top: 13px; width: 3px; height: 3px; border-radius: 50%; background: #303646; }
.tableView .viewCon .table_01 table { width: 100%; border-top: 2px solid #313131; border-left: 1px solid #e3e3e3; }
.tableView .viewCon .table_01 table th,
.tableView .viewCon .table_01 table td { padding: 8px 20px; height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.tableView .viewCon .table_01 table thead th { border-bottom: 1px solid #8a8a8a; }
.tableView .viewCon .table_01 table th,
.tableView .viewCon .table_01 table td { padding: 17px 8px; border-right: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; font-size: 16px;line-height: 145%; text-align: center; word-break: break-all; }
.tableView .viewCon .table_01 table th:last-child,
.tableView .viewCon .table_01 table td:last-child { border-right: 1px solid #e3e3e3; }
.tableCon + .tableCon,
.tableCon + .tableView { margin-top: 20px; }
.tableCon .list { width: 100%; border-top: 2px solid #313131; }

.tableCon .list thead th { border-bottom: 1px solid #8a8a8a; }
.tableCon .list th,
.tableCon .list td { padding: 17px 8px; border-right: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; font-size: 16px; line-height: 145%; text-align: center; word-break: break-all; }
.tableCon .list th.alignLeft,
.tableCon .list td.alignLeft { padding-left: 15px; }
.tableCon .list td.alignLeft li > a > img { width: auto; }
.tableCon .list th:last-child,
.tableCon .list td:last-child { border-right: 0px none; }
.tableCon .list th { font-weight: 500; }

.tableCon .list.type2 { border-left: 1px solid #e3e3e3; }
.tableCon .list.type2 thead th.bgGray { background: #f6f6f6; border-bottom: 1px solid #e3e3e3; font-weight: 500; }
.tableCon .list.type2 tbody td b { font-weight: 500; }
.tableCon .list.type2 th:last-child,
.tableCon .list.type2 td:last-child { border-right: 1px solid #e3e3e3; }
.tableCon .list.type2 th { font-size: 18px; font-weight: 700; }
.tableCon .list.type2 td b { font-weight: 900; }
.tableCon .list.type2 th,
.tableCon .list.type2 td { padding: 15px 25px; }
.tableCon .list.type3 { border-left: 1px solid #e3e3e3; }
.tableCon .list.type3 th,
.tableCon .list.type3 td { padding: 8px 20px; height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.tableCon .list.type3 th:last-child,
.tableCon .list.type3 td:last-child { border-right: 1px solid #e3e3e3; }

.moveList { position: relative; margin: 30px 0; text-align: center; }
.moveList ul li { display: block; position: absolute; top: 0; }
.moveList ul li.prev { left: 0; right: 50%; }
.moveList ul li.next { right: 0; left: 50%; }
.moveList ul li a { display: block; position: relative; padding: 0 100px; line-height: 50px; font-size: 16px; }
.moveList ul li.prev a { text-align: left; }
.moveList ul li.next a { text-align: right; }
.moveList ul li a em { display: block; position: absolute; top: 0; font-size: 15px; color: #373272; }
.moveList ul li.prev a em { left: 0; padding-left: 26px; background: url("/images/n21/sub/icon_moveList_prev.gif") no-repeat left center; }
.moveList ul li.next a em { right: 0; padding-right: 26px; background: url("/images/n21/sub/icon_moveList_next.gif") no-repeat right center; }
.moveList ul li a > span { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.moveList ul li a:hover span { text-decoration: underline; }
.moveList .btn_l { position: relative; z-index: 1; }

.login-timer { background-color: #f8f8f8; padding: 10px 20px; border-radius: 4px; margin-top: 10px; text-align: center; }
.login-timer .lb { font-size: 14px; margin-bottom: 3px; }
.login-timer .timer { font-size: 24px; font-weight: bold; color: #222; }

.listType { margin-bottom: 15px; text-align: right; }
.listType a { display: inline-block; margin-right: 25px; padding-left: 34px; background: url("/images/n21/sub/icon_listType1.png") no-repeat left center; line-height: 27px; color: #535353; }
.listType a.type2 { position: relative; margin-right: 0; background: url("/images/n21/sub/icon_listType2.png") no-repeat left center; }
.listType a.type2:after { display: block; content: ''; position: absolute; left: -15px; top: 50%; margin-top: -6px; height: 12px; border-right: 1px solid #e6e6e6; }
.listType a.active { background: url("/images/n21/sub/icon_listType1_on.png") no-repeat left center; color: #3e35aa; font-weight: 500; }
.listType a.type2.active { background: url("/images/n21/sub/icon_listType2_on.png") no-repeat left center; }

.thumbList { border-top: 2px solid #313131; }
.thumbList li { display: block; position: relative; padding: 20px 250px 20px 20px; min-height: 140px; border-bottom: 1px solid #e3e3e3; }
.thumbList li a { display: block; }
.thumbList li .title { display: block; padding: 10px 0; font-size: 21px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.thumbList li .desc { display: block; display: -webkit-box; margin-bottom: 25px; height: 46px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; line-height: 23px; font-size: 15px; color: #6c6c6c; }
.thumbList li .date { display: block; font-size: 15px; color: #6c6c6c; }
.thumbList li .img { display: block; position: absolute; right: 0; top: 20px; width: 222px; height: 140px; }
.thumbList li .img img { width: 100%; height: 100%; }

.cardList.thumb.type2 ul li > div { height: 430px; }
.cardList li .descEvent { display:block; display:-webkit-box; margin-bottom:25px; height:46px; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; line-height:23px; font-size:16px; color:#6c6c6c; }

/* 영상게시판 */
.topVideoView { position: relative; margin-bottom: 40px; padding: 50px 0; background: #f4f7fe; }
.topVideoView:before,
.topVideoView:after { display: block; content: ''; position: absolute; top: 0; bottom: 0; background: #f4f7fe; z-index: -1; }
.topVideoView:before { left: -1000px; right: 50%; }
.topVideoView:after { right: -1000px; left: 50%; }
.topVideoView .title { display: block; margin-bottom: 25px; font-size: 25px; font-weight: 500; }
.topVideoView .videoBox { border-top: 2px solid #313131; }
.topVideoView .videoBox:after { display: block; content: ''; clear: both; }
.topVideoView .videoBox .videoArea { float: left; width: 830px; height: 470px; }
.topVideoView .videoBox .videoArea iframe { width: 100%; height: 100%; }
.topVideoView .videoBox .infoArea { float: left; padding: 30px 0 0 45px; width: 450px; height: 470px; box-sizing: border-box; }
.topVideoView .videoBox .infoArea ul { margin: 0 -10px 30px; padding-bottom: 12px; border-bottom: 1px solid #e0e3eb; }
.topVideoView .videoBox .infoArea ul:after { display: block; content: ''; clear: both; }
.topVideoView .videoBox .infoArea ul li { display: block; float: left; position: relative; padding: 0 10px; font-size: 15px; font-weight: 500; }
.topVideoView .videoBox .infoArea ul li:after { display: block; content: ''; position: absolute; right: 0; top: 50%; margin-top: -6px; height: 12px; border-right: 1px solid #e0e3eb; }
.topVideoView .videoBox .infoArea ul li:last-child:after { border-right: 0px none; }
.topVideoView .videoBox .infoArea .subTitle { height: 380px; font-size: 15px; line-height: 165%; overflow-y: scroll; }
.topVideoView .videoBox .infoArea .subTitle::-webkit-scrollbar { width: 8px; }
.topVideoView .videoBox .infoArea .subTitle::-webkit-scrollbar-thumb { background-color: #3e35aa; }
.topVideoView .videoBox .infoArea .subTitle::-webkit-scrollbar-track { background-color: #e0e3eb; }

.videoList ul:after { display: block; content: ''; clear: both; }
.videoList ul li {display: block;float: left;padding: 20px 12px;width: 20%;-webkit-box-sizing: border-box;box-sizing: border-box; }
.videoList ul li .img {display: block;margin: 0 auto 15px;width: 230px;height: 145px;text-align: center;overflow: hidden; }
.videoList ul li .img img {width: 100% !important;height: 100%; }
.videoList ul li a:hover img {-webkit-transform: scale(1.06);transform: scale(1.06);-webkit-transition: 0.3s;transition: 0.3s; }
.videoList ul li .title {display: block;display: -webkit-box;height: 46px;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;line-height: 23px;font-size: 17px;text-align: center;letter-spacing: -.5px; }
.videoList ul li a {display: block; }

/* 상단 아이콘박스 */
.topIconBox {position: relative;margin-bottom: 55px;padding: 40px;padding-left: 250px;min-height: 200px;-webkit-box-sizing: border-box;box-sizing: border-box;border: 1px solid #e0e0e0;border-bottom-left-radius: 80px;box-sizing: border-box; }
.topIconBox .icon {display: block;position: absolute;left: 68px;top: 28px; }
.topIconBox .title {display: block;margin-bottom: 10px;font-size: 24px;font-weight: 500; }
.topIconBox p {font-size: 18px;color: #555;line-height: 165%; }
.topIconBox .btn_m {margin-top: 25px; }
.topIconBox .btn_m + .btn_m {margin-left: 5px; }
.topIconBox.type2 {padding-left: 195px;min-height: 136px; }
.topIconBox.type2 .icon {top: 23px; }
.topIconBox.type2 .title {font-size: 18px; }
.topIconBox.type3 {padding-left: 195px;min-height: auto; }
.topIconBox.type3 .icon {top: 13px; }
.topIconBox.type3 p {font-size: 20px; }

/* list type style */
.stepList:after {display: block;content: '';clear: both; }
.stepList > li {display: block;float: left;padding: 0 4px;-webkit-box-sizing: border-box;box-sizing: border-box; }
.stepList.col4 > li {width: 25%; }
.stepList > li > div {position: relative;padding: 23px 35px;background: #f4f7fe;border: 1px solid #e5e9f4;border-radius: 10px;text-align: center; }
.stepList > li > div:after {display: block;content: '';position: absolute;top: 50%;right: -20px;margin-top: -17px;width: 34px;height: 34px;background: #fff url("/images/n21/sub/icon_stepList_ar.png") no-repeat center;border-radius: 50%;z-index: 1;-webkit-box-shadow: 1px 1px 4px #bdbdbd;box-shadow: 1px 1px 4px #bdbdbd; }
.stepList > li:last-child > div:after {display: none; }
.stepList > li .state {display: block;margin: 0 auto 12px;width: 54px;height: 54px;border-radius: 50%;background: #685fd7;font-size: 15px;font-weight: 500;color: #fff;line-height: 54px; }
.stepList > li.col1 .state {background: #7e7d8c; }
.stepList > li.col2 .state {background: #2d9791; }
.stepList > li.col3 .state {background: #298fb9; }
.stepList > li .head {display: block;margin-bottom: 12px;font-size: 21px;font-weight: 500;color: #685fd7; }
.stepList > li.col1 .head {color: #7e7d8c; }
.stepList > li.col2 .head {color: #2d9791; }
.stepList > li.col3 .head {color: #298fb9; }
.stepList > li .desc {display: block;padding-top: 14px;border-top: 1px solid #e5e9f4;font-size: 16px;line-height: 140%; }

.listCon.dot > li {display: block;position: relative;padding: 4px 0;padding-left: 17px;font-size: 18px;color: #555;line-height: 140%; }
.listCon.dot > li:after {display: block;content: '';position: absolute;left: 8px;top: 13px;width: 3px;height: 3px;border-radius: 50%;background: #303646; }
.listCon.dot.blue > li {color: #3e35aa; }
.listCon.dot > li.type {margin-top: 25px; }
.listCon.minus > li {display: block;position: relative;padding-left: 10px;font-size: 16px;line-height: 150%; }
.listCon.minus > li:after {display: block;content: '-';position: absolute;left: 0;top: 0px; }
.listCon.minus > li.type {margin-top: 25px; }

.grayConBox {padding: 25px 15px;background: #f6f6f6;border: 1px solid #ececec;border-radius: 10px; }
.grayConBox + h5 {margin-top: 35px; }

.checkList li {display: block;padding: 4px 0;padding-left: 22px;background: url("/images/n21/sub/icon_checkList_check.png") no-repeat left 10px;line-height: 140%;font-size: 18px; }
.checkList.blue li {background: url("/images/n21/sub/icon_checkList_check_blue.gif") no-repeat left 10px; }
.checkList.green li {background: url("/images/n21/sub/icon_checkList_check_green.gif") no-repeat left 10px; }
.checkList.yellow li {background: url("/images/n21/sub/icon_checkList_check_yellow.gif") no-repeat left 10px; }

ul + .listCon,
div + .listCon {margin-top: 20px; }
.listCon .listCon {margin-top: 5px; }
.listCon.numList {margin: 10px 0; }
.listCon.numList > li {display: block;position: relative;padding: 2px 0 2px 15px;font-size: 15px;line-height: 150%; }
.listCon.numList > li > .num {position: absolute;left: 0;top: 2px; }

/* 등록폼 */
.tableCon .reqTop {display: block;font-size: 15px;color: #6c6c6c;text-align: right; }
.tableCon > .listCon + .reqTop {margin-top: -22px; }
.tableCon .req {display: inline-block;vertical-align: middle;margin-right: 3px;font-size: 15px;font-weight: 500;color: #f54325; }
.tableCon .form {width: 100%;border-top: 2px solid #313131;font-size: 16px; }
.tableCon .form tbody th {padding: 20px;vertical-align: top;text-align: left;font-size: 16px;font-weight: 400;color: #313131; }
.tableCon .form td {padding: 20px;height: 67px;border-left: 1px solid #e3e3e3;-webkit-box-sizing: border-box;box-sizing: border-box;vertical-align: top; }
.tableCon .form th,
.tableCon .form td {border-bottom: 1px solid #e3e3e3; }
.tableCon .form th .req {margin-left: 3px; }
.tableCon .form input,
.tableCon .form select,
.tableCon .form textarea {border: 1px solid #c7c7c7; }
.tableCon .form input[type="radio"] {border: 0px none; }
.tableCon .form label {font-size: 15px; }
.inputSet {display: inline-block;vertical-align: middle; }
.tableCon .form .inputSet + .btn_s {margin-left: 15px; }

.inputSet + .inputSet {margin-left: 30px; }

.tableCon .tableExp {vertical-align: middle;color: #0a6f6a;font-size: 14px; }
.tableCon input + .tableExp {margin-left: 10px; }
.tableCon .form textarea {resize: none; }
.tableCon p.tableExp {margin-left: 0;padding-top: 10px; }
.tableCon .tableDesc {margin-bottom: 10px; }

.filebox {margin-bottom: 3px; }
.filebox input[type="file"] {position: absolute;width: 0;height: 0;padding: 0;overflow: hidden;border: 0; }
.filebox label {display: inline-block;width: 82px;height: 34px;color: #777;vertical-align: middle;border: 1px solid #313131;cursor: pointer;border-radius: 4px;line-height: 32px;-webkit-box-sizing: border-box;box-sizing: border-box;color: #313131;text-align: center; }
.filebox label.file-focus {outline: 2px solid #000; }
.filebox .upload-name {display: inline-block;width: 50%;height: 34px;font-size: 15px;background-color: #fff;border: 0px none;line-height: 34px;text-indent: 5px; }
.filebox .btn_delFile {display: inline-block;margin-left: 8px; }

/* 참여 */
.reportBox {margin-bottom: 30px;padding: 35px 60px;background: #f4f7fe url("/images/n21/sub/img_reportBox.png") no-repeat 92% center;border: 1px solid #e5e9f4;border-radius: 10px; }
.reportBox .title {display: block;margin-bottom: 15px;font-size: 28px;font-weight: 500;line-height: 110%; }
.reportBox p {font-size: 16px;line-height: 160%; }
.reportBox p b {font-weight: 500; }

.numberList {margin-bottom: 50px; }
.numberList li {display: block;position: relative;margin-bottom: 25px;padding-left: 45px; }
.numberList li .num {display: block;position: absolute;left: 0;top: 0;width: 32px;height: 32px;border-radius: 50%;background: #2d9791;text-align: center;line-height: 32px;color: #fff;font-size: 18px;font-weight: 500; }
.numberList li > b {display: block;margin-bottom: 5px;line-height: 32px;font-size: 18px;font-weight: 500; }
.numberList li p {font-size: 16px;line-height: 150%; }

.hopeConTop {position: relative;margin-bottom: 40px;height: 180px;background: url("/images/n21/sub/bg_hopeConTop.gif") repeat-x center;border: 1px solid #e5e9f4;border-bottom-left-radius: 80px;-webkit-box-sizing: border-box;box-sizing: border-box; }
.hopeConTop:before,
.hopeConTop:after {display: block;content: '';position: absolute;bottom: 0; }
.hopeConTop:before {left: 94px;width: 223px;height: 154px;background: url("/images/n21/sub/bg_hopeConTop_before.png") no-repeat; }
.hopeConTop:after {right: 27px;width: 292px;height: 148px;background: url("/images/n21/sub/bg_hopeConTop_after.png") no-repeat; }
.hopeConTop p {padding-top: 35px;line-height: 150%;font-weight: 700;font-size: 26px;color: #555;text-align: center; }
.hopeConTop p b {display: block;margin-top: 3px;font-size: 36px; }
.hopeConTop p .txtSmall {display: inline-block;vertical-align: middle;position: relative;font-size: 18px;font-weight: 500; }
.hopeConTop p .txtSmall:after {display: block;content: '';position: absolute;bottom: 10px;left: 0;right: 0;height: 7px;background: rgba(45, 168, 162, 0.2); }

/* 이용안내 */
.loginExp {margin-left: 31px;margin-bottom: 18px;font-size: 16px;line-height: 160%; }
.loginBox {padding: 55px 0;border: 1px solid #e0e0e0;border-bottom-left-radius: 80px;text-align: center; }
.loginInput {margin-bottom: 25px; }
.loginInput span {display: inline-block;vertical-align: middle;margin-right: 15px; }
.loginInput input {display: block;width: 490px; }
.loginInput input + input {margin-top: 8px; }
.loginInput .btnLogin {display: inline-block;vertical-align: middle;width: 100px;height: 92px;background: #303646;border-radius: 4px;color: #fff;text-align: center;line-height: 92px;font-size: 16px; }

.loginBox .goLink {display: inline-block;vertical-align: middle;padding-right: 25px;background: url("/images/n21/sub/icon_loginBox_goLink.gif") no-repeat right center;font-size: 16px;color: #0a6f6a;line-height: 20px; }
.loginBox .goLink:hover {text-decoration: underline; }
.loginBox .goLink + .goLink {margin-left: 20px; }
.loginBox .loginCertify {padding: 0 40px; }
.loginBox .loginCertify ul:after {display: block;content: '';clear: both; }
.loginBox .loginCertify ul li {display: block;float: left;position: relative;padding-left: 100px;width: 50%;background-repeat: no-repeat;background-position: 30px top;text-align: left;-webkit-box-sizing: border-box;box-sizing: border-box; }
.loginBox .loginCertify ul.col2 li {padding-left: 200px;width: 50%;background-position: 130px top;float: none;margin: 0 auto; }
.loginBox .loginCertify ul.col2 li:after {display: none; }
.loginBox .loginCertify ul.col2 li.snsLogin {padding-left: 0;/* width:50%; */margin: 20px auto 0;width: auto; }
.loginBox .loginCertify ul.col2 li.snsLogin a {margin: 0 auto; }
.loginBox .loginCertify ul.col2 li.icon1 p + .btnPurple {margin-top: 20px; }
.loginBox .loginCertify ul li:first-child:after {display: block;content: '';position: absolute;top: 0;bottom: 0;right: 0;border-right: 1px solid #e3e3e3; }
.loginBox .loginCertify ul li.icon1 {background-image: url("/images/n21/sub/icon_loginCertify1.gif"); }
.loginBox .loginCertify ul li.icon2 {background-image: url("/images/n21/sub/icon_loginCertify2.gif"); }
.loginBox .loginCertify ul li p {font-size: 15px;color: #555;line-height: 145%; }
.loginBox .loginCertify ul li p + .goLink {margin: 8px 0 20px; }
.loginBox .loginCertify ul li p + .btnPurple {margin-top: 27px; }
.loginBox .loginCertify ul li.icon1 p + .btnPurple {margin-top: 48px; }
.loginBox .loginCertify ul li .btnPurple {display: block;width: 220px;height: 58px;background: #303646;border-radius: 4px;text-align: center;color: #fff;line-height: 58px;font-size: 16px; }
.loginBox .loginCertify ul li.snsLogin {/* padding-left:43px; *//* width:30%; */display: block;margin-top: 20px;padding: 20px 0 0;width: 100%;text-align: center;border-top: 1px solid #e3e3e3; }
.loginBox .loginCertify ul li.snsLogin a {display: inline-block;width: 270px;height: 60px;border-radius: 4px;text-align: center;line-height: 60px;font-size: 16px;margin: 5px 2px !important; }
.loginBox .loginCertify ul li.snsLogin a.kakao {background: #fee101; }
.loginBox .loginCertify ul li.snsLogin p + a {margin-top: 15px; }
.loginBox .loginCertify ul li.snsLogin p + a + a.naver {margin-top: 10px; }
.loginBox .loginCertify ul li input[type="text"] {display: block;margin-bottom: 22px;width: 220px; }
.loginBox .loginCertify ul li.icon1 input[type="text"] {margin-top: 23px; }
.loginBox .loginCertify ul li.icon2 input[type="text"] {margin-top: 50px; }
.loginBox .loginCertify ul li.snsLogin input[type="text"] {margin: 10px auto; }
.loginBox .loginCertify ul li.snsLogin a.naver {margin-top: 20px;background: #29a300;color: #fff; }
.loginBox .loginCertify ul li.snsLogin a img {display: inline-block;vertical-align: middle;margin-right: 5px;margin-top: -5px; }
.loginBox + .listCon {margin-left: 40px;margin-top: 35px; }
.loginBox + h5,
.listCon + h5 {margin-top: 60px; }

.joinStep {margin-bottom: 40px;text-align: center; }
.joinStep li {display: inline-block;vertical-align: middle;position: relative;padding: 0 6px; }
.joinStep li:after {display: block;content: '';position: absolute;left: -10px;top: 20px;width: 16px;border-bottom: 1px solid #bebec5;z-index: 0; }
.joinStep li:first-child:after {display: none; }
.joinStep li em {display: inline-block;vertical-align: middle;width: 42px;height: 42px;border-radius: 50%;border: 2px solid #81808f;text-align: center;line-height: 38px;color: #7e7d8c;font-size: 18px;font-weight: 500;-webkit-box-sizing: border-box;box-sizing: border-box; }
.joinStep li.active .num {background: #303646;border-color: #303646;color: #fff; }
.joinStep li .txt {display: none;vertical-align: middle;padding: 0 8px;line-height: 42px;color: #303646;font-size: 22px;font-weight: 500; }
.joinStep li.active .txt {display: inline-block; }
.joinType {margin-top: 50px;text-align: center; }
.joinType > div {display: inline-block;margin: 0 20px;padding: 45px 0 55px;max-width: 480px;margin: 1%;width: 47%;border: 1px solid #e0e0e0;border-bottom-left-radius: 80px;-webkit-box-sizing: border-box;box-sizing: border-box; }
.joinType > div img {display: block;margin: 0 auto 15px; }
.joinType > div span {display: block;margin-bottom: 45px;font-size: 26px; }
.joinType > div span b {font-weight: 700; }
.joinType .btnPurple {display: block;margin: 0 auto;width: 150px;height: 50px;background: #303646;border-radius: 4px;text-align: center;color: #fff;line-height: 50px;font-size: 16px; }

.agreeBox {margin-bottom: 20px;padding: 35px;border: 1px solid #e0e0e0;-webkit-box-sizing: border-box;box-sizing: border-box; }
.agreeBox textarea {display: block;width: 100%;height: 215px;resize: none;border: 0px none;font-size: 15px;color: #555;line-height: 160%; }
.agreeBox + input {margin-left: 38px; }

.joinEnd {padding: 65px 0;border: 1px solid #e0e0e0;border-bottom-left-radius: 80px;text-align: center; }
.joinEnd p {padding: 25px 0 40px;font-size: 16px;color: #555;line-height: 160%; }
.joinEnd .txtBig {display: block;margin-bottom: 10px;font-size: 26px;line-height: 160%;font-weight: 400; }

/* 정보공간 */
.politiName {margin: 10px 0 40px; }
.politiName ul:after {display: block;content: '';clear: both; }
.politiName ul li {display: block;float: left;width: 16.6666%; }
.politiName ul li a {display: block;margin: -1px;height: 46px;background: #f6f6f6;border: 1px solid #e3e3e3;line-height: 46px;text-align: center;font-size: 16px; }
.politiName ul li.active a {background: #2d9791;border: 1px solid #2d9791;color: #fff;font-weight: 500; }

/* 위원회소개 */
.missionCon {margin-bottom: 60px; }
.missionCon .topVision {margin: 0 auto;padding-top: 75px;width: 450px;height: 348px;background: url("/images/n21/sub/bg_topVision.gif") no-repeat 17px center;-webkit-box-sizing: border-box;box-sizing: border-box;text-align: center;font-size: 24px;line-height: 140%;letter-spacing: -1px; }
.missionCon .topVision .topTitle {display: block;margin-bottom: 18px;font-size: 30px;font-weight: 900; }
.missionCon .topVision b {font-weight: 900; }
.missionCon .topVision .txtGreen {color: #685fd7; }
.missionCon .purposeCon {padding-top: 73px;background: url("/images/n21/sub/bg_purposeCon.gif") no-repeat center top; }
.missionCon .purposeCon .topTitle {display: block;position: relative;margin: 0 auto 48px;width: 292px;height: 53px;border: 4px solid #7e7d8c;border-radius: 26.5px;background: #fff;-webkit-box-sizing: border-box;box-sizing: border-box;font-size: 26px;text-align: center;font-weight: 900;line-height: 45px; }
.missionCon .purposeCon .topTitle:after {display: block;content: '';position: absolute;left: -14px;right: -14px;bottom: -14px;top: -14px;border-radius: 35px;border-bottom: 1px solid #b5b7c1; }
.missionCon .purposeCon > ul {text-align: center; }
.missionCon .purposeCon > ul > li {display: inline-block;vertical-align: top;width: 32.3%;padding: 0 0; }
.missionCon .purposeCon > ul li .head {display: table;position: relative;margin-bottom: 85px;width: 263px;height: 200px;border-radius: 40px; }
.missionCon .purposeCon > ul li .head:before {display: block;content: '';position: absolute;left: 50%;bottom: -19px;margin-left: -14.5px;width: 29px;height: 9px;background: #fff; }
.missionCon .purposeCon > ul li .head:after {display: block;content: '';position: absolute;bottom: -15px;left: -15px;right: -15px;top: 15px;border-bottom: 1px solid #685fd7;border-left: 1px solid #fff;border-right: 1px solid #fff;border-radius: 55px;z-index: -1; }
.missionCon .purposeCon > ul li.item2 .head:after {border-bottom: 1px solid #298fb9; }
.missionCon .purposeCon > ul li.item3 .head:after {border-bottom: 1px solid #b6892a; }
.missionCon .purposeCon > ul li.item1 .head {background: #685fd7; }
.missionCon .purposeCon > ul li.item2 .head {background: #298fb9; }
.missionCon .purposeCon > ul li.item3 .head {background: #b6892a; }
.missionCon .purposeCon > ul li .head b {display: table-cell;vertical-align: middle;font-size: 22px;font-weight: 900;line-height: 145%;color: #fff; }.missionCon .purposeCon > ul ul {position: relative; }
.missionCon .purposeCon > ul ul:before {display: block;content: '';position: absolute;top: -75px;left: 126px;width: 9px;height: 9px;background: #7e7d8c;border-radius: 50%; }
.missionCon .purposeCon > ul ul:after {display: block;content: '';position: absolute;top: -66px;left: 130px;height: 52px;border-right: 1px solid #7e7d8c; }
.missionCon .purposeCon > ul ul li {text-align: left;font-size: 18px; }

.statusCon {padding-top: 10px; }
.statusCon ul li {display: block;position: relative;padding: 10px 0 10px 250px;min-height: 180px;-webkit-box-sizing: border-box;box-sizing: border-box; }
.statusCon ul li + li {margin-top: 20px; }
.statusCon .head {display: table;position: absolute;left: 0;top: 0;width: 180px;height: 180px; }
.statusCon .head:before {display: block;content: '';position: absolute;right: -16px;top: 50%;margin-top: -15px;width: 9px;height: 30px;background: #fff; }
.statusCon .head:after {display: block;content: '';position: absolute;right: -12px;top: -12px;bottom: -12px;left: -12px;border-right: 1px solid #298fb9;border-radius: 45px;border-top: 1px solid #fff;border-bottom: 1px solid #fff;z-index: -1; }
.statusCon .item2 .head:after {border-right: 1px solid #b6892a; }
.statusCon .head b {display: table-cell;vertical-align: middle;border-radius: 40px;font-size: 22px;font-weight: 900;line-height: 145%;color: #fff;text-align: center; }
.statusCon .item1 .head b {background: #298fb9; }
.statusCon .item2 .head b {background: #b6892a; }
.statusCon .desc {position: relative;display: table;padding: 0 40px;width: 100%;height: 160px;background: #f4f7fe;border-radius: 10px;border: 1px solid #e5e9f4;-webkit-box-sizing: border-box;box-sizing: border-box; }
.statusCon .desc:before {display: block;content: '';position: absolute;left: -64px;top: 50%;margin-top: -4.5px;width: 9px;height: 9px;border-radius: 50%;background: #7e7d8c; }
.statusCon .desc:after {display: block;content: '';position: absolute;left: -55px;top: 50%;width: 54px;border-top: 1px solid #7e7d8c; }
.statusCon .desc p {display: table-cell;vertical-align: middle;font-size: 17px;line-height: 160%; }

.historyList {position: relative; }
.historyList:after {display: block;content: '';position: absolute;left: 50%;top: 0;bottom: 20px;margin-left: -px;border-right: 1px solid #e3e3e3;z-index: -1; }
.historyList ul:after {display: block;content: '';clear: both; }
.historyList ul li {display: block;position: relative;clear: both;margin-bottom: 20px;padding-top: 5px;width: 50%;min-height: 180px;-webkit-box-sizing: border-box;box-sizing: border-box; }
.historyList ul li:before {display: block;content: '';position: absolute;top: 86px;width: 9px;height: 9px;border-radius: 50%;background: #7e7d8c;z-index: 1; }
.historyList ul li:nth-child(2n-1):before {left: 94px; }
.historyList ul li:nth-child(2n):before {right: 94px; }
.historyList ul li:after {display: block;content: '';position: absolute;width: 32px;top: 90px;border-bottom: 1px solid #7e7d8c; }
.historyList ul li:nth-child(2n-1):after {left: 103px; }
.historyList ul li:nth-child(2n):after {right: 103px; }
.historyList ul li:nth-child(2n-1) {float: right;padding-left: 158px; }
.historyList ul li:nth-child(2n) {float: left;padding-right: 158px; }
.historyList ul li .year {display: block;position: absolute;top: 0;width: 180px;height: 180px;border-radius: 50%;text-align: center;line-height: 180px;color: #fff;font-size: 24px;font-weight: 900; }
.historyList ul li:nth-child(2n-1) .year {left: -90px;background: #298fb9; }
.historyList ul li:nth-child(2n) .year {right: -90px;background: #b6892a; }
.historyList ul li .year:before {display: block;content: '';position: absolute;top: 50%;margin-top: -15px;width: 9px;height: 30px;background: #fff; }
.historyList ul li:nth-child(2n-1) .year:before {right: -14px; }
.historyList ul li:nth-child(2n) .year:before {left: -14px; }
.historyList ul li .year:after {display: block;content: '';position: absolute;right: -10px;top: -10px;bottom: -10px;left: -10px;border-top: 1px solid #fff;border-bottom: 1px solid #fff;border-radius: 100px;-webkit-box-sizing: border-box;box-sizing: border-box;z-index: -1; }
.historyList ul li:nth-child(2n-1) .year:after {border-right: 1px solid #298fb9; }
.historyList ul li:nth-child(2n) .year:after {border-left: 1px solid #b6892a; }
.historyList ul li .subject {display: block;margin-bottom: 15px;font-size: 20px;font-weight: 500;line-height: 140%; }
.historyList ul li .desc {position: relative;font-size: 15px;line-height: 155%; }
/*
.processList {margin: 20px -4px 0; }
.processList::after {display: block;content: '';clear: both; }
.processList li {display: block;float: left;position: relative;padding: 0 4px;-webkit-box-sizing: border-box; box-sizing: border-box; }
.processList.col4 li {width: 25%; }
.processList.col6 li {width: 16.6666%; }
.processList li:after {display: block;content: '';position: absolute;right: -15px;top: 50%;margin-top: -15px;width: 30px;height: 30px;border-radius: 50%;background: #fff url(/images/n21/sub/icon_processList_ar.png) no-repeat center;z-index: 1;-webkit-box-shadow: 1px 1px 4px #adadad; box-shadow: 1px 1px 4px #adadad; }
.processList li:last-child:after {display: none; }
.processList li div {display: table;width: 100%;height: 95px;background: #f6f6f6;border: 1px solid #ececec;border-radius: 10px;-webkit-box-sizing: border-box; box-sizing: border-box; }
.processList li b {display: table-cell;vertical-align: middle;text-align: center;font-size: 17px;line-height: 130%; }
.processList li.active div {background: #298fb9;color: #fff; }
.processList li .txtSmall {font-size: 15px; }
.checkBoxList {margin: 30px -5px 0; }
*/
.checkBoxList:after {display: block;content: '';clear: both; }
.checkBoxList > li {display: block;float: left;padding: 0 5px;width: 33.3333%;-webkit-box-sizing: border-box;box-sizing: border-box; }
.checkBoxList > li > div {display: table;padding: 0 35px;width: 100%;height: 135px;border: 1px solid #ececec;background: #f6f6f6;border-radius: 10px;-webkit-box-sizing: border-box;box-sizing: border-box; }
.checkBoxList .checkList {display: table-cell;vertical-align: middle; }
.checkBoxList .checkList li {font-size: 17px;letter-spacing: -1px; }

.greetingCon {position: relative; }
.greetingCon p,
.greetingCon .txtBig {line-height: 1.5; }
.greetingCon .txtBig {display: block;padding: 0;margin-bottom: 35px;font-size: 32px; }
.greetingCon .img {display: block;position: absolute;right: 0;top: 0;width: 350px;text-align:center; }
.greetingCon .img img {max-width:80%; }
.greetingCon .img span {display: block;position: absolute;right: 10px;bottom: -27px;width: 360px;height: 65px;background: url("/images/n21/sub/bg_greetingCon_name.gif") no-repeat right top;border-bottom-left-radius: 25px;font-size: 19px;color: #fff;text-align: center;line-height: 65px;z-index: 2;box-shadow: 0px 4px 7px #c3c3c3;letter-spacing: -0.5px; }
.greetingCon .txtGreen {color: #bf8916; }
.greetingCon p {margin-bottom: 28px;font-size: 18px;line-height:1.5; }
.greetingCon .txtBig {display:block;margin-bottom:35px;line-height:1.45;font-size:32px; }
.greetingCon span.sign {font-size: 26px;font-weight: bold;display: block;color: #333;text-align: right;padding-right: 40px; }

@media (max-width: 1023px) {
	.greetingCon {background: none;padding: 0px; }
	.greetingCon .img {margin-bottom: 0px; }
	.greetingCon .txtBig {padding-top: 20px; }
	.greetingCon .img {position: relative;top: auto;right: auto;width: 100%;margin-bottom: 50px;text-align: center; }
	.greetingCon .img span {right: 50%;margin-right: -250px;max-width: 100%; }
	.greetingCon p {margin-right: 0; }
	.greetingCon p span.br {display: inline; }
	.greetingCon p.first {margin-right: 0px;padding: 0px; }
	.greetingCon span.sign {position: relative;font-size: 18px;margin-top: 80px;padding-bottom: 50px; }
	.greetingCon span.sign img {position: absolute;top: 25px;right: 25px;width: 125px; }
}

.ceoHistory {margin-bottom: 30px; }
.ceoHistory:after {display: block;content: '';clear: both; }
.ceoHistory .leftArea {float: left;margin-right: 7%;width: 32%;text-align: center; }
.ceoHistory .leftArea > .img {display: block;margin: 0 auto;padding: 10px;width: 180px;border: 1px solid #dbdbdb;-webkit-box-sizing: border-box;box-sizing: border-box;text-align: center; }
.ceoHistory .leftArea p {margin: 20px 0 30px;font-size: 16px; }
.ceoHistory .leftArea p b {display: block;margin-top: 8px;font-size: 22px;color: #3e35aa;font-weight: 900; }
.ceoHistory .rightArea {position: relative;float: right;top: auto;width: 58%; }
.ceoHistory .personList > ul > li {float: none;padding: 0;width: auto; }
.ceoHistory.type2 .leftArea {margin-right: 7%;width: 43%;text-align: left; }
.ceoHistory.type2 .rightArea {width: 50%; }

.historyList2 {position: relative;margin-top: 30px; }
.historyList2:after {display: block;content: '';position: absolute;top: 0;bottom: 0;left: 11px;border-left: 1px solid #e3e3e3;z-index: -1; }
.historyList2 li {display: block;position: relative;margin-bottom: 30px;padding-left: 40px;font-size: 17px;line-height: 24px;color: #313131;font-family: "NanumGothic";font-weight: 500; }
.historyList2 li:last-child {margin-bottom: 0; }
.historyList2 li:before,
.historyList2 li:after {display: block;content: '';position: absolute;border-radius: 50%; }
.historyList2 li:before {left: 0;top: 0;width: 24px;height: 24px;background: #fff;border: 1px solid #298fb9;-webkit-box-sizing: border-box;box-sizing: border-box; }
.historyList2 li:after {top: 8px;left: 8px;width: 8px;height: 8px;background: #298fb9; }
.historyList2 li .year {display: inline-block;vertical-align: top;margin-right: 12px;color: #298fb9;font-size: 22px; }
/*
.personList > ul {margin:0 -10px; }
*/
.personList > ul:after {display: block;content: '';clear: both; }
.personList > ul > li {display: block;float: left;padding: 10px;width: 50%;-webkit-box-sizing: border-box;box-sizing: border-box; }
.personList > ul > li > a {display: block;position: relative;padding: 25px 32px 25px 200px;height: 202px;background: #f6f6f6;border: 1px solid #ececec;border-radius: 8px;-webkit-box-sizing: border-box;box-sizing: border-box; }
.personList > ul > li .img {display: block;position: absolute;left: 32px;top: 25px;width: 130px;height: 155px;background: #fff;text-align: center;line-height: 155px; }
.personList > ul > li .img img {display: inline-block;vertical-align: middle; }
.personList > ul > li .title {display: block;margin: 12px 0;font-size: 22px;font-weight: 900; }
.personList .listCon > li {font-size: 16px; }
.personList .listCon > li:after {top: 13px; }
.personList.promotion li a {padding-left: 185px; }
.personList.promotion li .img {padding: 8px;width: 110px;height: 160px;-webkit-box-sizing: border-box;box-sizing: border-box;line-height: 140px; }

.markItem {padding-left: 30px;background: url("/images/n21/sub/icon_markItem.png") no-repeat left top;font-size: 15px;line-height: 22px; }
span.markItem {display: inline-block; }
.bbsSearch .markItem {margin-right: 25px; }

/* 조직구성도 */
.organDiagram {margin-top: 30px;padding-bottom: 80px;background: url("/images/n21/sub/bg_organDiagram.png") no-repeat 41% 30px;text-align: center; }
.organDiagram li {display: inline-block;vertical-align: bottom;margin: 0 8px; }
.organDiagram li.item1,
.organDiagram li.item2,
.organDiagram li.item3 {width: 170px; }
.organDiagram li.item4 {margin-left: 55px;width: 190px; }
.organDiagram li a {display: block; }
.organDiagram li .head {display: block;position: relative;margin-bottom: 95px;height: 85px;border-radius: 18px;text-align: center;line-height: 85px;color: #fff;font-size: 18px;font-weight: 500; }
.organDiagram li.item1 .head {background: #685fd7; }
.organDiagram li.item2 .head {background: #1f699a; }
.organDiagram li.item3 .head {background: #b6892a; }
.organDiagram li.item4 .head {margin-bottom: 8px;height: 54px;border: 1px solid #7e7d8c;background: #fff;line-height: 54px;color: #555;font-size: 17px; }
.organDiagram li .desc {display: block;position: relative;font-size: 17px;text-align: center;line-height: 150%; }
.organDiagram li .desc:before {display: block;content: '';position: absolute;top: -75px;left: 50%;margin-left: -6px;width: 12px;height: 67px;background: url("/images/n21/sub/icon_organDiagram_ar.png") no-repeat center bottom; }
.organDiagram li.item1 .desc {padding: 15px 0 10px; }
.organDiagram li.item4 .desc {margin-top: 50px; }
.organDiagram li.item4 .desc:before {top: -40px;height: 30px; }
.organDiagram li .desc:after {display: block;content: '';position: absolute;bottom: -50px;left: 50%;margin-left: -17.5px;width: 35px;height: 35px;background: url("/images/n21/sub/icon_organDiagram_more.png") no-repeat;border-radius: 50%;-webkit-box-shadow: 1px 1px 5px #c3c3c3;box-shadow: 1px 1px 5px #c3c3c3; }

.imgWrap {padding: 20px;text-align: center; }

.h5Content + .grayConBox,
.listCon + .grayConBox {margin-top: 35px; }

.grayConBox + .markItem {margin-top: 10px; }

.memberOrgan {padding: 30px 0; }
.memberOrgan .topItem {display: table;position: relative;margin: 0 auto 60px;width: 190px;height: 110px;background: #1f699a;border-radius: 18px;font-size: 18px;font-weight: 500;text-align: center; }
.memberOrgan .topItem:after {display: block;content: '';position: absolute;left: 50%;bottom: -30px;height: 30px;border-right: 1px solid #7e7d8c; }
.memberOrgan .topItem a {display: table-cell;vertical-align: middle;line-height: 145%;color: #fff; }
.memberOrgan .topItem b {display: block;font-size: 24px; }
.memberOrgan ul {position: relative;text-align: center; }
.memberOrgan ul::before {display: block;content: '';position: absolute;left: 6.7%;right: 6.7%;top: -30px;border-bottom: 1px solid #7e7d8c; }
.memberOrgan ul li {display: inline-block;vertical-align: middle;position: relative;margin: 0;width: 12%;background: #fff;border: 1px solid #7e7d8c;border-radius: 18px;-webkit-box-sizing: border-box;box-sizing: border-box; }
.memberOrgan ul li::before {display: block;content: '';position: absolute;top: -30px;left: 50%;height: 30px;border-right: 1px solid #7e7d8c;}
.memberOrgan ul li span {display: table;width: 100%;height: 90px;}
.memberOrgan ul li span a {display: table-cell;vertical-align: middle;font-size: 16px;font-weight: 500;text-align: center;line-height: 150%;}
.memberOrgan ul li span a strong {display: block;font-size: 20px;font-weight: 500;}

.mainOrganList {padding: 30px 0; }
.mainOrganList .organDept {position: relative;margin-bottom: 0;background: url("/images/n24/sub/bg_mainOrganList_mNew.png") no-repeat center 40px;text-align: center; }
.mainOrganList .organDept::after {display: block;content: '';clear: both; }
.mainOrganList .organDept > li {margin-left: 10px;border-radius: 18px; }
.mainOrganList .detp1-row,
.mainOrganList .organDept > li.type2 ul.row2,
.mainOrganList .organDept .dept2.col2,
.mainOrganList .organDept .dept2.col2 a:last-child {margin-left: 0; }
.mainOrganList .detp1-row li {margin-right: 0 !important; }
.mainOrganList .organDept > li.type2 ul.row2 li {display: inline-block; }
.mainOrganList .organDept > li a {text-align: center; }
.mainOrganList .organDept .dept1 > a {display: block;margin: 0 auto 20px;width: 230px;height: 80px;font-size: 20px;font-weight: 500;color: #fff;line-height: 80px;border-radius: 18px;background: #685fd7; }
.mainOrganList .organDept .dept2 {display: inline-block;margin: 0 10px 20px;vertical-align: middle; }
.mainOrganList .organDept .dept2 a {display: inline-block;width: 140px;height: 54px;background: #535353;border-radius: 18px;line-height: 54px;color: #fff;font-size: 17px;font-weight: 500; }
.mainOrganList .organDept .dept2.col2 a {margin: 10px 15px; }
.mainOrganList .organDept .dept2_3 > a {display: block;margin: 0 auto 30px;width: 230px;height: 62px;background: #578eb2;border-radius: 18px;line-height: 62px;font-size: 20px;font-weight: 500;color: #fff; }
.mainOrganList .organDept .dept3_1.deptBoxItem {display: block;position: relative;left: 50%;/*margin-bottom:93px;margin-left:105px;*/margin-left: 15px;margin-bottom: 80px; }
.mainOrganList .organDept .dept3_1.deptBoxItem > ul {min-height: auto; }
.mainOrganList .organDept .deptBoxItem {display: inline-block;vertical-align: middle;width: 160px; }
.mainOrganList .organDept .deptBoxItem > a {display: block;height: 54px;background: #ebeaf0;border: 1px solid #7e7d8c;border-top-left-radius: 18px;border-top-right-radius: 18px;line-height: 54px;font-size: 17px;font-weight: 500;-webkit-box-sizing: border-box;box-sizing: border-box; }
.mainOrganList .organDept .deptBoxItem > ul {padding: 15px;min-height: 130px;background: #fff;border: 1px solid #d1d0d7;border-top: 0px none;border-bottom-left-radius: 18px;border-bottom-right-radius: 18px;-webkit-box-sizing: border-box;box-sizing: border-box; }
.mainOrganList .organDept .deptBoxItem > ul li a {display: block;position: relative;padding: 3px 0 3px 10px;font-size: 16px;color: #555;text-align: left;line-height: 120%; }
.mainOrganList .organDept .deptBoxItem > ul li a::after {display: block;content: '-';position: absolute;left: 0;top: 4px;width: 6px; }
.mainOrganList .organDept .dept3_2,
.mainOrganList .organDept .dept3_3 {display: block;position: absolute;left: 50%;/*margin-left:-285px; */margin-left: -180px;padding: 0 15px;width: 160px;height: 54px;background: #fff;border: 1px solid #d1d0d7;border-radius: 18px;-webkit-box-sizing: border-box;box-sizing: border-box; }
.mainOrganList .organDept .dept3_2 {margin-top: -174px; }
.mainOrganList .organDept .dept3_3 {margin-top: -113px; }
.mainOrganList .organDept .dept3_2 a,
.mainOrganList .organDept .dept3_3 a {display: block;position: relative;padding-left: 10px;line-height: 54px;font-size: 16px;color: #555;text-align: left; }
.mainOrganList .organDept .dept3_2 a::after,
.mainOrganList .organDept .dept3_3 a::after {display: block;content: '-';position: absolute;left: 0;top: 1px;width: 6px; }
.mainOrganList .organDept .dept3_4,
.mainOrganList .organDept .dept3_5,
.mainOrganList .organDept .dept3_6 {float: none;margin: 0 -10px 30px; }
.mainOrganList .organDept .dept3_4 {margin-bottom: 22px; }
.mainOrganList .organDept .dept3_4 > a,
.mainOrganList .organDept .dept3_5 > a {display: block;margin: 0 auto 20px;width: 160px;height: 58px;border-radius: 18px;font-size: 17px;font-weight: 500;color: #fff;line-height: 58px;background: #7e7d8c; }
.mainOrganList .organDept .dept3_4 > a {margin: 0 auto 50px; }
.mainOrganList .organDept .dept3_5 > a {margin: 0 auto 20px; }
.mainOrganList .organDept .dept3_4 .deptBoxItem,
.mainOrganList .organDept .dept3_5 .deptBoxItem {margin: 2px; }
.dept3_7 {float: none;margin-right: 0; }
.dept3_7 .alone {margin: 35px 0 30px 184px !important; }

.mainOrganList .organType {margin-top: -3px;text-align: center; }
.mainOrganList .organType > li {display: inline-block;vertical-align: middle;margin: 0 3px;width: 260px; }
.mainOrganList .organType > li > a {display: block;background: #b6892a;border-top-left-radius: 18px;border-top-right-radius: 18px;line-height: 54px;color: #fff;text-align: center;font-size: 17px;font-weight: 500; }
.mainOrganList .organType > li ul {padding: 15px;background: #fff;border: 1px solid #d1d0d7;border-bottom-left-radius: 18px;border-bottom-right-radius: 18px;border-top: 0px none; }
.mainOrganList .organType > li ul li a {display: block;position: relative;padding: 3px 0 3px 10px;font-size: 16px;color: #555;text-align: left;line-height: 120%; }
.mainOrganList .organType > li ul li a::after {display: block;content: '-';position: absolute;left: 0;top: 4px;width: 6px; }
.mainOrganList .organDept .alone .deptBoxItem > ul {display: none; }
.mainOrganList .organDept .alone .deptBoxItem > a {border-radius: 18px;border-bottom: 1px solid #d1d0d7; }
.mainOrganList .organDept .dept2 {margin: 0 10px 20px; }

.managerBox {margin-bottom: 20px;padding: 25px 0;background: #f4f7fe;border: 1px solid #e5e9f4;text-align: center;font-size: 20px; }
.managerBox p {line-height: 50px; }
.managerBox .icon {position: relative;display: inline-block;padding-left: 15px;font-size: 24px; }
.managerBox .icon em {color: #298fb9; }

.symbolWrap:after {display: block;content: '';clear: both; }
.symbolWrap .symbolDown {float: left;width: 40%;text-align: center; }
.symbolWrap .symbolDown img {display: block;margin-bottom: 30px; }
.symbolWrap .expArea {float: right;width: 58%; }
.symbolWrap .expArea > h5 {margin-top: 0; }
.symbolWrap .expArea .h5Content {margin-bottom: 35px; }

.colorList:after {display: block;content: '';clear: both; }
.colorList li {display: block;float: left;position: relative;margin-bottom: 10px;padding: 7px 0;padding-left: 65px;width: 50%;-webkit-box-sizing: border-box;box-sizing: border-box; }
.colorList li .colorItem {display: block;position: absolute;left: 0;top: 0;width: 50px; }
.colorUseList {margin: 0 -13px; }
.colorUseList:after {display: block;content: '';clear: both; }
.colorUseList li {display: block;float: left;margin-bottom: 25px;padding: 0 13px;width: 25%;-webkit-box-sizing: border-box;box-sizing: border-box;text-align: center;font-size: 16px; }
.colorUseList li .img {display: block;margin-bottom: 14px; }
.colorUseList.type2 li {width: 33.3333%; }

.promoPerson {position: relative;padding: 78px 78px 0 485px;height: 654px;background: url(/images/n21/sub/bg_promoPerson.jpg) no-repeat center top;-webkit-box-sizing: border-box;box-sizing: border-box; }
.promoPerson .bigImg {position: absolute;top: 78px;left: 100px;padding: 15px;width: 346px;height: 486px;background: #fff;-webkit-box-sizing: border-box;box-sizing: border-box; }
.promoPerson .bigImg img {width: 100%;height: 100%; }
.promoPerson .infoList {margin-bottom: 140px;padding-top: 25px; }
.promoPerson .infoList li {display: block;padding-left: 15px;border-bottom: 1px dashed #b1b3b7;line-height: 47px;font-size: 22px; }
.promoPerson .infoList li b {font-weight: 900; }
.promoPersonList:after {display: block;content: '';clear: both; }
.promoPersonList li {display: block;float: left;padding: 0 5px;width: 16.6666%;-webkit-box-sizing: border-box;box-sizing: border-box; }
.promoPersonList li a {display: block;position: relative;border: 1px solid #e3e3e3;-webkit-box-sizing: border-box;box-sizing: border-box; }
.promoPersonList li.active a:after {display: block;content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;border: 2px solid #564cd4; }

.divisionWork {text-align: center; }
.divisionWork li span {display: block;position: relative;border-radius: 18px;text-align: center;font-weight: 500;-webkit-box-sizing: border-box;box-sizing: border-box; }
.divisionWork > li > span {margin: 0 auto 20px;width: 230px;height: 64px;background: #1f699a;font-size: 20px;color: #fff;line-height: 64px; }
.divisionWork > li > span:after {display: block;content: "";position: absolute;bottom: -50px;left: 50%;height: 50px;border-right: 1px solid #7e7d8c;z-index: -1; }
.divisionWork .dep2 {position: relative; }
.divisionWork .dep2:after {display: block;content: '';position: absolute;left: 50%;margin-left: -55px;width: 110px;top: 50%;border-top: 1px solid #7e7d8c;z-index: -1; }
.divisionWork .dep2 > li {display: inline-block;vertical-align: middle;margin: 0 50px; }
.divisionWork .dep2 > li > span {width: 270px;height: 54px;background: #fff;border: 1px solid #7e7d8c;line-height: 54px;font-size: 17px; }
.divisionWork .dep3 {position: relative;margin-top: 56px; }
.divisionWork .dep3:after {display: block;content: '';position: absolute;top: -85px;left: 50%;height: 65px;border-right: 1px solid #7e7d8c;z-index: -1; }
.divisionWork .dep3 > li {display: inline-block;vertical-align: middle;position: relative;margin: 0 4px; }
.divisionWork .dep3 > li::before {display: block;content: '';position: absolute;top: -20px;left: -6px;right: -6px;border-top: 1px solid #7e7d8c; }
.divisionWork .dep3 > li:first-child::before {left: 50%; }
.divisionWork .dep3 > li:last-child::before {right: 50%; }
.divisionWork .dep3 > li > span {width: 190px;height: 54px;background: #ebeaf0;border: 1px solid #7e7d8c;font-size: 17px;line-height: 54px; }
.divisionWork .dep3 > li > span:after {display: block;content: '';position: absolute;top: -20px;left: 50%;height: 20px;border-right: 1px solid #7e7d8c; }
.voteInfoCon {background: url(/images/n21/sub/img_voteInfoCon.jpg) no-repeat right top/30% auto; }
.voteInfoCon .h4Content {margin-right: 32%; }

@media screen and (min-width: 1024px) {
	.voteInfoCon {background: url(/images/n21/sub/img_voteInfoCon.jpg) no-repeat right top/320px auto; }
	.voteInfoCon .h4Content:first-of-type {margin-right: 460px;-webkit-box-sizing: border-box;box-sizing: border-box; }
}

/* 선거홍보관 */
.election_officer {position: relative; }
.btn_officer {margin-bottom: 10px; }
.btn_officer:after {display: block;clear: both;content: ''; }
.election_officer .l_left {float: left;padding-top: 10px; }
.election_officer .l_left h5 {margin: 0 0 15px 0; }
.election_officer .r_right {float: right; }
.election_officer .btn_officer button {border: none;padding: 0 15px;height: 50px;font-size: 24px;line-height: initial;border-radius: 25px;color: #fff;background: #856C6C; }
.election_officer .btn_officer button i {display: inline-block;vertical-align: middle;width: 15px;height: 17px;margin-right: 5px;background: url("/images/n21/common/e_o_play_icon.png") 50% 50% no-repeat; }
.election_officer .btn_officer button span {display: inline-block;vertical-align: middle; }
.election_officer .btn_officer button + button {margin-left: 5px; }
.election_officer .region {display: block;margin: 10px 0 23px 0;border-left: solid 1px #dae1e6; }
.election_officer .m_region {display: none; }
.election_officer .region:after {display: block;clear: both;content: ''; }
.election_officer .region li {float: left;width: 11.11%; }
.election_officer .region li button {width: 100%;height: 50px;line-height: 50px;font-size: 15px;border: solid 1px #dae1e6;border-left: none;margin: -1px 0 0 -1px;background: none; }
.election_officer .region li.active button {color: #fff;background: #303646;-webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3); }
.election_officer .placement {margin-bottom: 20px;text-align: center; }

.web_pic {display: block; }
.mobile_pic {display: none; }

.election_officer .play_pic_card {padding: 10px 20px;border-radius: 20px;background: #f0f5f9; }
.election_officer .play_pic_card ul {margin: 0 -10px; }
.election_officer .play_pic_card ul:after {display: block;clear: both;content: ''; }
.election_officer .play_pic_card ul li {float: left;width: 25%;margin: 10px 0;padding: 0 10px;-webkit-box-sizing: border-box;box-sizing: border-box; }
.election_officer .play_pic_card ul li > div:nth-child(1) {position: relative;height: 360px;padding: 20px;border-radius: 20px;background: #fff; }
.election_officer .play_pic_card ul li:hover > div:nth-child(1) {-webkit-box-shadow: 16px 16px 24px rgba(0, 0, 0, 0.3);box-shadow: 16px 16px 24px rgba(0, 0, 0, 0.3); }
.election_officer .play_pic_card ul li > div:nth-child(1) em {display: inline-block;width: 114px;height: 103px;line-height: 103px;font-size: 37px;text-align: center;background: url("/images/n21/common/e_o_card_number.png") 50% 50% no-repeat; }
.election_officer .play_pic_card ul li > div:nth-child(1) strong {font-size: 24px;display: block;margin: 30px 0 10px 0;line-height: 24px;display: -webkit-box;height: 48px;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;color: #313131; }
.election_officer .play_pic_card ul li > div:nth-child(1) span {font-size: 18px;display: block;height: 120px;display: -webkit-box;line-height: 20px;text-overflow: ellipsis;-webkit-line-clamp: 6;-webkit-box-orient: vertical;word-wrap: break-word;overflow: hidden; }
.election_officer .play_pic_card ul li > div:nth-child(1) div {position: absolute;bottom: 20px;left: 10px;right: 10px;text-align: center; }
.election_officer .play_pic_card ul li > div:nth-child(1) div button {width: 48%;border-radius: 5px;text-align: center;color: #419f65;height: 40px;line-height: 40px;display: inline-block;border: solid 1px #419f65; }
.election_officer .play_pic_card ul li > div:nth-child(1) div button:hover {background: #419f65;color: #fff; }

.pic_view_area {opacity: 0;position: fixed;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);z-index: -1;-webkit-box-sizing: border-box;box-sizing: border-box;text-align: center; }
.pic_view_area .pic-frame {position: relative;background: url("/images/n21/common/pic_frame.png") center top/100% auto no-repeat;width: 900px;height: 555px;padding: 0 90px;-webkit-box-sizing: border-box;box-sizing: border-box; }
.pic_view_area .pic-title {height: 100px;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 45px 0 0 0; }
.pic_view_area .pic-title span {font-size: 36px;font-weight: 600;position: relative;line-height: 36px;display: inline-block;vertical-align: middle;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; }
.pic_view_area .pic-title i {display: inline-block;vertical-align: top;margin-right: 5px;width: 27px;height: 20px;background: url("/images/n21/common/pic_title_bg.png") 0 0/cover no-repeat; }
.pic_view_area .pic-title span:after {display: block;content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 12px;z-index: 1; }
.pic_view_area .useBx_pic {height: 405px;max-width: 720px;margin: 0 auto;position: relative; }
.pic_view_area .useBx_pic .slick-slide {height: 400px; }
.pic_view_area .useBx_pic .bx-wrapper {height: 100%;padding-bottom: 30px;position: relative; }
.pic_view_area .useBx_pic .bx-wrapper ul {width: 100%;height: 100%; }
.pic_view_area .useBx_pic .bx-wrapper li {height: 100%; }
.pic_view_area .useBx_pic .slick-control {position: absolute;width: 100%;bottom: 0px;left: 0px;z-index: 99; }
.pic_view_area .useBx_pic .slick-prev {position: absolute;top: 50%;left: -70px;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 41px;height: 79px;background: url("/images/n21/common/btn_pic_slide_prev.png") 0 0/cover no-repeat;text-indent: -9999px; }
.pic_view_area .useBx_pic .slick-next {position: absolute;top: 50%;right: -70px;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 41px;height: 79px;background: url("/images/n21/common/btn_pic_slide_next.png") 0 0/cover no-repeat;text-indent: -9999px; }
.pic_view_area .useBx_pic .control {display: -webkit-box;display: -ms-flexbox;display: flex;width: 100%;height: 20px;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; }
.pic_view_area .useBx_pic .slick-start,
.pic_view_area .useBx_pic .slick-stop {cursor: pointer;display: block;width: 25px;height: 25px;border: 1px solid #999;text-indent: -9999px;margin: 0 5px;border-radius: 50%; }
.pic_view_area .useBx_pic .slick-stop {background: url("/images/n21/main/icon_mainPopSlider_stop.png") center no-repeat; }
.pic_view_area .useBx_pic .slick-start {display: none;background: url("/images/n21/main/icon_mainPopSlider_start.png") center no-repeat; }
.pic_view_area .icon {z-index: 1;position: absolute;bottom: -30px;left: -50px;width: 191px;height: 232px;background: url("/images/n21/common/pic_icon.png") 0 0/cover no-repeat;-webkit-transition: all 0.5s;transition: all 0.5s; }
.btn_pic_close {position: absolute;left: 50%;bottom: -50px;-webkit-transform: translateX(-50%);transform: translateX(-50%);width: 130px;height: 46px;margin-top: 45px;line-height: 46px;color: #fff;border: solid 1px #fff;border-radius: 23px; }
.btn_pic_close i {padding-left: 20px;display: inline-block;background: url("/images/n21/common/btn_pic_slideclose.png") 0 50% no-repeat; }

/* slick > swiper change (24Design) */
.pic_view_area .swiper-button-prev,
.pic_view_area .swiper-button-next {width: 41px;height: 79px; }
.pic_view_area .swiper-button-next:after,
.pic_view_area .swiper-button-prev:after {display: none; }
.pic_view_area .swiper-auto-control {text-align: center; }
.pic_view_area .swiper-auto-control .swiper-start,
.pic_view_area .swiper-auto-control .swiper-stop {display: inline-block;position: relative;margin: 0 auto;cursor: pointer;display: block;width: 25px;height: 25px;border: 1px solid #999;border-radius: 50%;-webkit-box-sizing: border-box;box-sizing: border-box; }
.pic_view_area .swiper-auto-control .swiper-start.disabled,
.pic_view_area .swiper-auto-control .swiper-stop.disabled {opacity: 0.5; }
.pic_view_area .swiper-button-prev {background: url("/images/n24/common/btn_pic_slide_prev.png") no-repeat left top/cover !important; }
.pic_view_area .swiper-button-next {background: url("/images/n24/common/btn_pic_slide_next.png") no-repeat left top/cover !important; }
.pic_view_area .swiper-auto-control {position: absolute;bottom: 30px;left: 0;right: 0;margin: 0 auto;text-align: center; }
.pic_view_area .swiper-auto-control .swiper-start {display: none;background: url("/images/n24/common/icon_mainPopSlider_start.png") no-repeat center; }
.pic_view_area .swiper-auto-control .swiper-stop {background: url("/images/n24/common/icon_mainPopSlider_stop.png") no-repeat center; }
.bx-prev {position: absolute;top: 50%;left: -70px;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 41px;height: 79px;background: url("/images/n21/common/btn_pic_slide_prev.png") 0 0/cover no-repeat;text-indent: -9999px; }
.bx-next {position: absolute;top: 50%;right: -70px;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 41px;height: 79px;background: url("/images/n21/common/btn_pic_slide_next.png") 0 0/cover no-repeat;text-indent: -9999px; }
.election_officer .play_pic_card ul li > div:nth-child(2) {display: none;position: fixed;top: 50%;left: 50%;width: 564px;height: 583px;margin: -291px 0 0 -282px;padding: 100px 40px 100px 60px;text-align: center;background: url("/images/n21/common/note_bg.png") 50% 50% no-repeat;z-index: 2;-webkit-box-sizing: border-box;box-sizing: border-box; }
.election_officer .play_pic_card ul li > div:nth-child(2) strong {position: relative;font-size: 30px;line-height: 30px;margin-bottom: 30px;padding-bottom: 10px;border-bottom: solid 1px #000;display: inline-block;vertical-align: middle;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;width: 100%; }
.election_officer .play_pic_card ul li > div:nth-child(2) div.con {text-align: left;font-size: 16px;color: #000;line-height: 24px;height: 280px;overflow: hidden;overflow-y: auto;word-break: break-all; }

.btn_summary_close {position: absolute;bottom: 50px;left: 50%;margin-left: -65px; }
.btn_summary_close button {color: #7c5337;border: solid 1px #7c5337;width: 130px;height: 46px;line-height: 47px;font-size: 18px;border-radius: 23px; }
.btn_summary_close button i {padding-left: 20px;display: inline-block;background: url("/images/n21/common/btn_note_close.png") 0 50% no-repeat; }
.note_icon {position: absolute;bottom: 0;left: -162px;width: 192px;height: 232px;background: url("/images/n21/common/note_icon.png") 50% 50% no-repeat; }

/* 미래유권자 */
.boxInfoItem > ul {margin: 0 -8px; }
.boxInfoItem > ul:after {display: block;content: '';clear: both; }
.boxInfoItem > ul > li {display: block;float: left;padding: 0 8px;width: 33.3333%;-webkit-box-sizing: border-box;box-sizing: border-box; }
.boxInfoItem > ul > li > div {padding: 8px;background: #f4f7fe;border: 1px solid #e5e9f4;border-radius: 20px; }
.boxInfoItem > ul > li .title {display: block;line-height: 50px;text-align: center;font-size: 20px; }
.boxInfoItem > ul > li > div > ul > li {margin-bottom: 10px;padding: 0 15px;background: #fff;border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;-webkit-box-sizing: border-box;box-sizing: border-box; }
.boxInfoItem > ul > li > div > ul > li:last-child {margin-bottom: 0; }
.boxInfoItem > ul > li > div > ul > li > b {display: block;border-bottom: 1px solid #eee;line-height: 42px;font-size: 18px;text-align: center;color: #578eb2; }
.boxInfoItem .listCon {padding: 15px 0; }

.stepList2 {display: table;width: 100%;border-spacing: 8px; }
.stepList2::after {display: block;content: '';clear: both; }
.stepList2 > li {display: table-cell;position: relative;background: #f6f6f6;border: 1px solid #ececec;border-radius: 10px;width: 25%;-webkit-box-sizing: border-box;box-sizing: border-box; }
.stepList2 > li > div {padding: 12px 25px; }
.stepList2 > li .head {display: block;margin-bottom: 15px;border-bottom: 1px solid #e6e6e6;line-height: 40px;text-align: center;font-size: 18px;color: #2d9791; }
.stepList2 > li:after {display: block;content: '';position: absolute;right: -15px;top: 50%;margin-top: -15px;width: 30px;height: 30px;border-radius: 50%;background: #fff url("/images/n21/sub/icon_processList_ar.png") no-repeat center;z-index: 1;-webkit-box-shadow: 1px 1px 4px #adadad;box-shadow: 1px 1px 4px #adadad; }
.stepList2 > li:last-child:after {display: none; }

.rowStepList > li {display: block;position: relative;margin-bottom: 8px;padding-left: 210px; }
.rowStepList > li .head {display: table;position: absolute;left: 0;top: 0;width: 170px;height: 140px;background: #298fb9;border-radius: 10px;line-height: 140px; }
.rowStepList > li .head::after {display: block;content: '';position: absolute;left: 50%;bottom: -20px;margin-left: -15px;width: 30px;height: 30px;border-radius: 50%;background: #fff url("/images/n21/sub/icon_processList_ar2.png") no-repeat center;z-index: 1;-webkit-box-shadow: 1px 1px 4px #adadad;box-shadow: 1px 1px 4px #adadad; }
.rowStepList > li:last-child .head::after {display: none; }
.rowStepList > li .head b {display: table-cell;vertical-align: middle;text-align: center;font-size: 20px;line-height: 140%;color: #fff; }
.rowStepList > li .desc {display: table;position: relative;width: 100%;height: 140px;background: #f6f6f6;border-radius: 10px;border: 1px solid #ececec;line-height: 140px; }
.rowStepList > li .desc:before {display: block;content: '';position: absolute;top: 67px;left: -46px;width: 9px;height: 9px;border-radius: 50%;background: #7e7d8c; }
.rowStepList > li .desc:after {display: block;content: '';position: absolute;top: 71px;left: -37px;width: 37px;border-top: 1px solid #7e7d8c; }
.rowStepList > li .desc p {display: table-cell;vertical-align: middle;padding: 0 35px;line-height: 140%;font-size: 16px; }

/* 이용안내 */
.sitemap .siteDepth1 {position: relative;height: 1900px; }
.sitemap .siteDepth1:after {display: block;content: '';clear: both; }
.sitemap .siteDepth1 > li {float: left;padding: 10px 38px;width: 25%;border-right: 1px solid #e0e0e0;-webkit-box-sizing: border-box;box-sizing: border-box; }
.sitemap .siteDepth1 > li:nth-child(n+1):nth-child(-n+2) {height: 800px; }
.sitemap .siteDepth1 > li:nth-child(n+3):nth-child(-n+4) {height: 100%; }
.sitemap .siteDepth1 > li:nth-child(5) {position: absolute;top: 850px;left: 0; }
.sitemap .siteDepth1 > li:nth-child(6) {position: absolute;top: 850px;left: 25%;height: 920px; }
.sitemap .siteDepth1 > li > .title {display: block;margin: 2px 0 30px;font-size: 28px;font-weight: 800;color: #2d9791; }
.sitemap .siteDepth1 > li > .title span {position: relative;top: -8px;left: 8px;font-size: 17px;font-weight: 500; }
.sitemap .siteDepth2 > li {margin-bottom: 25px; }
.sitemap .siteDepth2 > li > a {display: block;margin-bottom: 15px;font-size: 18px;font-weight: 600;color: #1e1e1e; }
.sitemap .siteDepth3 > li {padding: 5px 0; }
.sitemap .siteDepth3 > li a {display: inline-block;position: relative;padding-left: 11px;font-size: 15px;color: #6c6c6c; }
.sitemap .siteDepth3 > li a.siteNew {padding-right: 22px;background: url("/images/n21/sub/icon_siteNew.gif") no-repeat right 2px; }
.sitemap .siteDepth3 > li a:after {display: block;content: '';position: absolute;top: 7px;left: 0px;width: 3px;height: 3px;background: #303646; }

.referenceBox.type2 {margin-top: 30px; }
.referenceBox > ul {margin: 0 -8px; }
.referenceBox > ul:after {display: block;content: '';clear: both; }
.referenceBox > ul > li {float: left;margin-bottom: 80px;padding: 0 8px;width: 50%;-webkit-box-sizing: border-box;box-sizing: border-box; }
.referenceBox > ul > li.lastLine {margin-bottom: 0; }
.referenceBox > ul > li > div {position: relative;padding: 100px 15px 0;height: 292px;text-align: center;background: #f6f6f6;border: 1px solid #ececec;border-radius: 5px;-webkit-box-sizing: border-box;box-sizing: border-box; }
.referenceBox > ul > li > div img {position: absolute;top: -29px;left: 50%;margin-left: -50px; }
.referenceBox > ul > li > div .title {display: block;margin-bottom: 15px;font-size: 23px;font-weight: 600;color: #1e1e1e;line-height: 130%; }
.referenceBox > ul > li > div p {margin-bottom: 15px;font-size: 16px;color: #1e1e1e;line-height: 150%;word-break: keep-all; }
.referenceBox > ul > li > div p br {display: none; }

.bannerZone {padding-bottom: 50px; }
.bannerZone ul {margin: 0 -7px; }
.bannerZone ul:after {display: block;content: '';clear: both; }
.bannerZone ul li {float: left;margin-bottom: 15px;padding: 0 7px;width: 25%;-webkit-box-sizing: border-box;box-sizing: border-box; }
.bannerZone ul li a {display: block;height: 100px;border: 1px solid #dedede;-webkit-box-sizing: border-box;box-sizing: border-box;text-align: center;line-height: 98px; }
.bannerZone ul li img {display: inline-block;vertical-align: middle; }
.bannerZone ul li.lastLine {margin-bottom: 0; }

/* 마이페이지 */
.mypageMain ul:after {display: block;content: '';clear: both; }
.mypageMain ul li {display: block;float: left;margin-bottom: 40px;padding: 0 4px;width: 25%;-webkit-box-sizing: border-box;box-sizing: border-box; }
.mypageMain ul li div {padding: 25px 0 30px;height: 315px;background: #f6f6f6;border: 1px solid #e3e3e3;border-radius: 6px;-webkit-box-sizing: border-box;box-sizing: border-box; }
.mypageMain ul li .icon {display: block;margin-bottom: 20px;text-align: center; }
.mypageMain ul li .title {display: block;margin-bottom: 25px;font-size: 24px;text-align: center;font-weight: 900; }
.mypageMain ul li a {display: block;margin: 0 auto 5px;width: 190px;height: 42px;background: #535353;border-radius: 4px;line-height: 42px;color: #fff;font-size: 16px;text-align: center; }
.mypageMain ul li.last div {background: #f3faf7; }
.mypageMain ul li p {font-size: 16px;line-height: 145%;text-align: center; }

.mapArea {text-align: center; }
.mapArea p {margin-top: 10px; }
.mapArea p .markItem {margin-right: 8px; }

.listYearType {margin-bottom: -25px; }
.listYearType span {display: inline-block;vertical-align: middle;margin: 0 8px;font-size: 17px;color: #564cd4;font-weight: 500; }
.listYearType a {display: inline-block;vertical-align: middle;width: 25px;height: 25px;background: #eee;border-radius: 50%;text-align: center; }

/* 방문신청 */
.siteGbnWrap {position: relative; }
.siteGbnWrap table td a .siteGbn {font-size: 16px; }
.siteGbnWrap table {width: 100%; }
.siteGbnWrap table td {height: 30px;border: 1px solid #dedede;text-align: center; }
.siteGbnWrap table td {height: 30px;-webkit-box-sizing: border-box;box-sizing: border-box;vertical-align: top; }
.calenderWrap {position: relative;padding-top: 15px; }
.calenderWrap .topControls {margin-bottom: 20px; }
.calenderWrap .topControls .center {text-align: center; }
.calenderWrap .topControls .center .current {display: inline-block;vertical-align: middle;margin: 0 25px;font-size: 20px;font-weight: bold;line-height: 100%; }
.calenderWrap .topControls .center .current b {display: inline-block;vertical-align: bottom;font-size: 32px; }
.calenderWrap .topControls .center a {display: inline-block;vertical-align: top;margin-top: 3px;width: 30px;height: 9px;text-indent: -9999em; }
.calenderWrap .topControls .center .prev {background: url("/static/images/portal/sub/icon_calendar_prev.gif") no-repeat; }
.calenderWrap .topControls .center .next {background: url("/static/images/portal/sub/icon_calendar_next.gif") no-repeat; }
.calenderWrap .topControls .right {position: absolute;right: 0;top: 3px; }
.calenderWrap .topControls .right select {width: 100px;height: 38px;-webkit-box-sizing: border-box;box-sizing: border-box;border: 1px solid #d4d4d4; }
.calenderWrap .topControls .right a {padding: 0;min-width: auto;width: 60px; }
.calendarTable {border-top: 2px solid #231f20;border-left: 1px solid #dedede; }
.calendarTable table {width: 100%; }
.calendarTable table th {border-bottom: 1px solid #911b2b;font-size: 15px;color: #911b2b;text-align: center; }
.calendarTable table th,
.calendarTable table td {padding: 5px;border-right: 1px solid #dedede;border-bottom: 1px solid #dedede; }
.calendarTable table td {height: 140px;-webkit-box-sizing: border-box;box-sizing: border-box;vertical-align: top; }
.calendarTable table td .day {display: block;font-size: 14px;color: #000;font-weight: bold; }
.calendarTable table .visitApply {padding: 5px; }
.calendarTable table .visitApply li {margin: 8px 0;line-height: 22px;letter-spacing: -.5px; }
.calendarTable table .visitApply li.ing {color: #044180; }
.calendarTable table .visitApply li.end {color: #911b2b; }
.calendarTable table .visitApply li .applyBtn {display: inline-block;vertical-align: top;margin: 0 5px;width: 62px;height: 22px;border-radius: 11px;line-height: 22px;color: #fff;text-align: center;font-size: 13px; }
.calendarTable table .visitApply li.ing .applyBtn {background: #044180; }
.calendarTable table .visitApply li.end .applyBtn {background: #911b2b; }
.calendarTable table .visitApply .age {display: inline-block;vertical-align: top;width: 22px;height: 22px;border: 1px solid #911b2b;border-radius: 11px;color: #911b2b;text-align: center;line-height: 22px;font-size: 13px;font-weight: bold;-webkit-box-sizing: border-box;box-sizing: border-box; }
.calendarTable table td.closed {position: relative;background: #f7f7f7; }
.calendarTable table td.closed .closedTxt {display: block;text-align: center;font-size: 16px;color: #666;font-weight: bold; }
.calendarTable table td.closed .closedTxtCorona {display: block;text-align: center;font-size: 16px;color: #666;font-weight: bold; }
.calenderWrap .ageList {margin-top: 10px;text-align: right; }
.calenderWrap .ageList span {display: inline-block;vertical-align: middle;margin-right: 14px;font-size: 14px; }
.calenderWrap .ageList span em {display: inline-block;margin-right: 4px;width: 23px;height: 23px;border: 1px solid #686868;border-radius: 11.5px;text-align: center;-webkit-box-sizing: border-box;box-sizing: border-box;line-height: 21px;font-size: 13px; }

.visitTimeApply {padding: 20px 25px;border-top: 2px solid #231f20;border-bottom: 1px solid #dedede; }
.visitTimeApply .date {display: inline-block;vertical-align: middle;margin-right: 35px;font-size: 22px;font-weight: bold;color: #111; }
.visitTimeApply input,
.visitTimeApply label {display: inline-block;vertical-align: middle; }
.visitTimeApply label {margin-right: 20px; }
.visitTimeApply .disabled {color: #bebebe; }
.calenderWrap:after {display: block;content: '';clear: both; }
.calenderWrap .leftArea {float: left;width: 55%; }
.calenderWrap .leftArea .calendarTable table td {height: 80px; }
.calenderWrap .leftArea .calendarTable table td.closed .closedTxt {font-size: 15px; }
.calenderWrap .leftArea .calendarTable table td.closed .closedTxtCorona {font-size: 14px; }
.calenderWrap .leftArea .calendarTable table td.active {background: #a18a57 url("/static/images/portal/sub/icon_calendar_check.png") no-repeat center; }
.calenderWrap .leftArea .calendarTable table td.active .day {color: #fff; }
.calenderWrap .leftArea .calendarTable table td a {display: block;height: 100%; }
.calenderWrap .rightArea {float: right;margin-top: -10px;padding: 0 30px 30px;width: 40%;-webkit-box-sizing: border-box;box-sizing: border-box;background: #f8f8f8;border-radius: 10px; }
.calenderWrap .rightArea .date {display: block;padding: 20px 0 10px;text-align: center;font-size: 22px;font-weight: bold;color: #911b2b; }
.calenderWrap .rightArea .tableBox {margin-bottom: 0;background: #fff; }
.calenderWrap .rightArea table td a {margin-left: 20px;vertical-align: inherit; }
.calenderWrap .rightArea table td .none {color: #666;margin-left: 20px;vertical-align: inherit; }

.modalWrap {padding: 0; }
.modalWrap.small {margin-left: -350px;width: 700px; }
.modalWrap.privacyPopup {top: 100px;width: 500px;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);margin: 0; }
.modalWrap.privacyPopup .btnArea {margin-top: 10px; }
.promotionCenter {margin-bottom: 40px;min-height: 300px;border: 1px solid #d7d7d7; }
.recommend ul {display: inline-block;vertical-align: top;width: 80%; }
.recommend ul:after {display: block;clear: both;content: ''; }
.recommend li {float: left;margin: 10px; }
.recommend li a {display: inline-block;border: solid 1px #878787;border-radius: 20px;color: #555555;font-size: 16px;padding: 10px 20px;text-align: left;font-weight: bolder; }
.recommend li a:hover {border: solid 1px #3e35aa;color: #3e35aa; }

/* 캐릭터소개 */
.new-character {margin-top: 20px; }
.new-character .char-front {min-height: 250px;border-radius: 10px;border: 1px solid #e5e9f4;background: url("/images/n21/sub/char_intro_bg.png") repeat;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 50px;margin-bottom: 20px; }
.new-character .char-front > div {width: 50%;-webkit-box-sizing: border-box;box-sizing: border-box; }
.new-character .char-front .txt {text-align: left; }
.new-character .char-front .txt h5 {margin: 15px 0; }
.new-character .char-front .txt .h5Content p {line-height: 1.75em; }
.new-character .char-front .img {text-align: center;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; }
.new-character .char-detail {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;margin-bottom: 20px; }
.new-character .char-detail > div {width: calc(50% - 10px); }

/* 반응형 */
@media all and (max-width: 1280px) {
	.btn_m {margin: 2px; }
	.bbsSearch {padding: 20px; }
	.bbsSearch .totalNum {position: static;margin-bottom: 8px;text-align: left; }
	.bbsSearch input[type='text'],
	.bbsSearch select,
	.bbsSearch input[type="submit"],
	.bbsSearch .btnAll {margin: 2px 0; }
	.tableCon > .listCon + .reqTop {margin-top: 10px; }
	.topVideoView .title {line-height: 130%; }
	.topVideoView .videoBox .videoArea {width: 55%;height: 280px; }
	.topVideoView .videoBox .infoArea {padding: 25px 0 0 25px;width: 45%;height: 280px; }
	.topVideoView .videoBox .infoArea .subTitle {height: 180px; }
	.paging + .btnArea.right {margin-top: -40px; }
	.topIconBox .btn_m {padding: 10px 5px; }
	.hopeConTop:before {left: 65px;width: 88px;height: 60px;background-size: auto 60px; }
	.hopeConTop:after {right: 5px;width: 120px;height: 60px;background-size: auto 60px; }
	.stepList > li > div {padding: 23px 15px; }
	.loginBox .loginCertify ul li {width: 50%; }
	.loginBox .loginCertify ul li.icon2:after {display: none; }
	.loginBox .loginCertify ul li.snsLogin {display: block;margin-top: 20px;padding: 20px 0 0;width: 100%;text-align: center;border-top: 1px solid #e3e3e3; }
	.loginBox .loginCertify ul li.snsLogin a {display: inline-block;margin: 5px 2px !important; }
	.loginBox .loginCertify ul li.snsLogin input[type="text"] {margin: 10px auto; }
	.loginBox .loginCertify ul.col2 li {float: none;margin: 0 auto; }
	.loginBox .loginCertify ul.col2 li.snsLogin {margin: 20px auto 0;width: auto; }
	.loginBox .loginCertify ul.col2 li:after {display: none; }
	.joinType > div {margin: 1%;width: 47%; }
	.promoPerson {padding: 50px 50px 50px 420px; }
	.promoPerson .bigImg {left: 50px; }
	.personList > ul > li .title {margin: 10px 0;font-size: 20px;line-height: 130%; }
	.moveList ul li.prev a {padding-right: 100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;-webkit-box-sizing: border-box;box-sizing: border-box; }
	.moveList ul li.next a {padding-left: 100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;-webkit-box-sizing: border-box;box-sizing: border-box; }
	.personList.promotion li a {padding-left: 155px;padding-right: 25px; }
	.personList.promotion li .img {left: 25px; }
	.referenceBox > ul > li {width: 50%; }
	.referenceBox > ul > li > div .title {line-height: 130%; }
	.referenceBox > ul > li > div p {margin-bottom: 15px; }
	.referenceBox > ul > li > div p br {display: none; }
	.mypageMain ul li .title {font-size: 18px; }
	.tableView .viewDetail > li > div {display: block;float: left;width: 50%; }
	.tableView .viewDetail > li > div + div {margin-left: 0; }
	.videoList ul li .img {width: 100%;height: 100px; }
	.tableView .viewCon iframe {height: 600px; }
}
@media all and (max-width: 1024px) {
	.election_officer .play_pic_card ul li {width: 33.33%; }
	.new-character .char-front .txt .h5Content {padding-right: 20px; }
	.new-character .char-front .txt .h5Content p br {display: none; }
}
@media all and (max-width: 960px) {
	#container {background-size: auto 228px !important; }
	.tabBar.type2 li {display: inline-block;float: none;padding: 0;width: auto; }
	.tabBar.type2 li a {padding: 12px;font-size: 16px; }
	.bbsSearch .w210 {width: 150px; }
	.tableCon .form input[type="text"],
	.tableCon .form input[type="password"],
	.tableCon .form select {margin: 2px 0; }
	.tableCon .tableExp {display: block; }
	.tableCon input + .tableExp {margin: 5px 0 0; }
	.topIconBox {padding: 30px 20px 30px 140px; }
	.topIconBox .title {line-height: 130%; }
	.topIconBox .icon {left: 20px;top: 20px; }
	.topIconBox .icon img {width: 100px; }
	.topIconBox.type3 {padding-left: 150px; }
	.topIconBox.type3 .icon {left: 60px; }
	.topIconBox.type3 .icon img {width: 70px; }
	.stepList > li {padding: 4px; }
	.stepList.col4 > li {width: 50%; }
	.reportBox {padding: 30px 20px;background-size: auto 50px;background-position: right 20px top 10px; }
	.hopeConTop {height: auto;background-repeat: repeat; }
	.hopeConTop p {padding: 30px 0; }
	.hopeConTop p .txtSmall {margin: 5px 130px 0 150px;line-height: 140%; }
	.hopeConTop p .txtSmall:after {display: none; }
	.loginBox {padding: 30px 10px; }
	.loginInput input {width: 300px; }
	.loginBox .loginCertify {padding: 0; }
	.loginBox .loginCertify ul li {padding: 80px 10px 20px;text-align: center;background-position: center 10px !important; }
	.loginBox .loginCertify ul li input[type="text"] {margin: 10px auto !important; }
	.loginBox .loginCertify ul li .btnPurple {margin: 0 auto; }
	.loginBox .loginCertify ul.col2 li {padding-left: 10px; }
	.joinEnd {padding: 30px 20px; }
	.politiName ul li {width: 33.33%; }
	.politiName ul li a {display: table;width: 100%;font-size: 14px; }
	.politiName ul li a span {display: table-cell;height: 46px;line-height: 140%;vertical-align: middle; }
	.missionCon .purposeCon > ul > li {margin-bottom: 20px; }
	.statusCon .desc {padding: 15px; }
	.statusCon .desc p {font-size: 15px; }
	.historyList:after {left: 45px; }
	.historyList ul li {float: none !important;width: auto; }
	.historyList ul li:before,
	.historyList ul li:after {display: none; }
	.historyList ul li:nth-child(2n),
	.historyList ul li:nth-child(2n-1) {padding-left: 110px;padding-right: 0; }
	.historyList ul li .year {width: 90px;height: 90px;line-height: 90px;font-size: 17px; }
	.historyList ul li:nth-child(2n) .year,
	.historyList ul li:nth-child(2n-1) .year {left: 0;right: inherit; }
	.historyList ul li .year:before {display: none; }
	.historyList ul li:nth-child(2n) .year:after {border-left: none;border-right: 1px solid #2d9791; }
	.historyList ul li .subject {margin-bottom: 10px;font-size: 17px; }
	.historyList ul li .desc {font-size: 13px; }
	.personList > ul > li {float: none;width: auto; }
	.processList li div {padding: 0 10px; }
	.ceoHistory .leftArea p b {line-height: 140%; }
	.ceoHistory.type2 .leftArea {float: none;margin-right: 0;margin-bottom: 30px;width: auto; }
	.ceoHistory.type2 .leftArea .personList > ul {margin: 0; }
	.ceoHistory.type2 .rightArea {float: none;width: auto; }
	.checkBoxList > li {float: none;margin-bottom: 10px;width: auto; }
	.checkBoxList > li > div {padding: 15px;height: auto; }
	.divisionWork .dep2 > li > span {width: 200px;font-size: 15px; }
	.divisionWork .dep3 {width: 100%; }
	.divisionWork .dep3 li span {width: 120px; }
	.promoPerson {padding: 30px;height: auto;background-size: cover; }
	.promoPerson .bigImg {position: static;margin: 0 auto;width: 200px;height: auto; }
	.promoPerson .infoList {margin-bottom: 30px; }
	.promoPerson .infoList li {font-size: 17px;line-height: 140%; }
	.promoPersonList {text-align: center; }
	.promoPersonList li {display: inline-block;padding: 5px;float: none;width: auto; }
	.promoPersonList li img {width: 70px; }
	.memberOrgan ul:before {left: 13%;right: 13%; }
	.memberOrgan ul li {width: 24%; }
	.memberOrgan ul li:nth-child(n+5) {margin-top: 5px; }
	.memberOrgan ul li:nth-child(n+5):before {display: none; }
	.symbolWrap .symbolDown {float: none;margin-bottom: 30px;width: auto; }
	.symbolWrap .symbolDown img {margin: 0 auto 30px; }
	.symbolWrap .expArea {float: none;width: auto; }
	.viewerTxt .icon {top: 40px; }
	.sitemap .siteDepth1 {height: auto; }
	.sitemap .siteDepth1 > li {width: 50%; }
	.sitemap .siteDepth1 > li:nth-child(5),
	.sitemap .siteDepth1 > li:nth-child(6) {position: static; }
	.sitemap .siteDepth1 > li:nth-child(n+1):nth-child(-n+2) {height: auto; }
	.sitemap .siteDepth1 > li:nth-child(n+3):nth-child(-n+4) {margin-bottom: 40px; }
	.sitemap .siteDepth1 > li:nth-child(odd) {clear: both; }
	.sitemap .siteDepth1 > li:nth-child(even) {border-right: none; }
	.topIconBox.type2 {padding-left: 180px; }
	.topIconBox.type2 .icon {left: 40px; }
	.topIconBox.type2 .icon img {width: auto; }
	.boxInfoItem > ul > li {float: none;margin-bottom: 15px;width: auto; }
	.stepList2 > li > div {padding: 12px; }
	.stepList2 > li .head {font-size: 16px; }
	.rowStepList > li .desc p {font-size: 15px; }
	.mypageMain ul li {width: 50%; }
	/*.tableList ul li .num { display:none; } */
	.tableView .viewCon iframe {height: 500px; }
	.bannerZone ul li {width: 33.3333%; }
	.calenderWrap .leftArea,
	.calenderWrap .rightArea {float: none;width: auto; }
	.calenderWrap .rightArea {margin-top: 20px;padding: 0; }
	.calenderWrap .rightArea table td a {display: block;margin: 0 auto;width: 100px; }
	.calenderWrap .leftArea .calendarTable table td.active {background-position: center 35px; }
	.modalWrap.small {margin-left: 0px;width: auto; }
	.promotionCenter {min-height: auto; }
}
@media all and (max-width: 900px) {
	.pic_view_area {width: 100%; }
	.pic_view_area .pic-frame {width: 100%;height: 62.6666vw;padding: 0 10%; }
	.pic_view_area .pic-title {height: 11.11vw;padding: 4.7vw 0 0 0; }
	.pic_view_area .pic-title span {font-size: 4vw;line-height: 4vw; }
	.pic_view_area .pic-title i {width: 3vw;height: 2.22vw; }
	.pic_view_area .useBx_pic {height: 45vw;max-width: 100%; }
	.pic_view_area .icon {bottom: -10px;left: 0;width: 21.22vw;height: 25.77vw; }
	.bx-prev {left: -7.77vw;width: 4.5555vw;height: 8.7777vw; }
	.bx-next {right: -7.77vw;width: 4.5555vw;height: 8.7777vw; }
	/* vw계산하기 :900/현재px * 100 */
}
@media all and (max-width: 840px) {
	.election_officer .btn_officer button {font-size: 14px;height: 36px;float: left; }
}
@media all and (max-width: 768px) {
	.new-character .char-front {margin-bottom: 10px;padding: 20px;display: block; }
	.new-character .char-front > div {width: auto; }
	.new-character .char-front .txt {margin-bottom: 20px; }
	.new-character .char-front .txt .h5Content br {display: none; }
	.new-character .char-front .img img {max-width: 80%; }
	.new-character .char-detail {display: block;margin: 0; }
	.new-character .char-detail > div {width: auto;margin: 0 0 10px 0; }
	.loginBox .loginCertify ul li.snsLogin a {width: 100%; }
}
@media all and (max-width: 640px) {
	input + label {font-size: 14px; }
	.tabBar.type2 li a {padding: 12px 8px;height: auto;font-size: 14px; }
	.tabBar.type2 li.active a:before {display: none; }
	.tabBar.type2 li.active a:after {bottom: 3px; }
	.btnArea {margin: 25px 0; }
	.btn_s {padding: 0 7px;font-size: 13px; }
	.btn_m {padding: 10px;min-width: auto;font-size: 14px; }
	.btn_l {padding: 0 15px;min-width: 80px;font-size: 15px; }
	.btnArea .btn_l {min-width: 80px; }
	.bbsSearch {text-align: left;padding: 20px 5px; }
	.bbsSearch input[type="submit"] {width: 60px; }
	.bbsSearch input[type='text'] {width: calc(50% - 10px); }
	.bbsSearch select {width: calc(50% - 4px); }
	.bbsSearch.type3 select {width: calc(33.3% - 18px); }
	.bbsSearch .totalNum {display: none; }
	.bbsSearch input.useDatepicker {display: none;width: calc(50% - 10px); }
	.bbsSearch .dateMid {display: none; }
	.bbsSearch input[type='text'].w260 {width: calc(100% - 120px); }
	.bbsSearch dl {width: 100%;font-size: 0; }
	.bbsSearch dl dt {margin-right: 0;padding-right: 5px;width: 30%;font-size: 14px;-webkit-box-sizing: border-box;box-sizing: border-box; }
	.bbsSearch dl dd {width: 70%; }
	.bbsSearch dl dd input[type='text'],
	.bbsSearch dl dd select {width: 100% !important; }
	.bbsSearch dl dd + dt {margin-left: 0; }
	.bbsSearch dl + input[type="submit"] {margin-left: 30%; }
	.bbsSearch.type3 {padding: 20px 2%; }
	.totalNum {font-size: 14px; }
	.listCondition .sortItem {margin-right: -10px; }
	.thumbList li {padding: 15px 120px 15px 15px;min-height: 110px; }
	.thumbList li .title {font-size: 17px; }
	.thumbList li .img {top: 20px;width: 111px;height: 70px; }
	.thumbList li .desc {margin-bottom: 10px;height: 40px;line-height: 20px;font-size: 13px; }
	.thumbList li .date {font-size: 14px; }
	.cardList ul {margin: 0 -5px; }
	.topVideoView {margin-bottom: 20px;padding: 30px 0; }
	.topVideoView .title {margin-bottom: 15px;font-size: 20px; }
	.topVideoView .videoBox .videoArea {width: 100%;height: 200px; }
	.topVideoView .videoBox .infoArea {padding-left: 10px;width: 100%; }
	.videoList ul li {padding: 7px 5px;width: 50%; }
	.videoList ul li .title {font-size: 15px; }
	.tableCon .list th,
	.tableCon .list td {padding: 10px 3px;font-size: 8px; }
	.tableCon .list th.alignLeft,
	.tableCon .list td.alignLeft,
	.tableCon .list.type2 th,
	.tableCon .list.type2 td {padding: 10px 3px; }
	.tableCon .list.type2 th {font-size: 14px; }
	.tableCon .list.type3 td {padding: 8px 1px;height: 50px;-webkit-box-sizing: border-box;box-sizing: border-box; }
	.tableCon .form,
	.tableCon .form tbody,
	.tableCon .form tbody tr,
	.tableCon .form tbody th,
	.tableCon .form tbody td {display: block; }
	.tableCon .form tbody tr {border-bottom: 1px solid #e3e3e3; }
	.tableCon .form tbody th {padding: 5px 10px;background: #f4f7fe;font-size: 14px;border-bottom: 1px dotted #e5e9f4; }
	.tableCon .form tbody td {padding: 10px;border: none;height: auto;font-size: 13px; }
	.tableCon .form label {font-size: 13px; }
	.tableCon .form .w280 {width: calc(50% - 2px); }
	.tableCon .form .w180 {width: calc(50% - 10px); }
	.tableCon .form .w110,
	.tableCon .form .w80 {width: calc(33.33% - 8px); }
	.tableCon .form .inputSet + .btn_s {margin-left: 7px; }
	.tableCon .tableExp {font-size: 13px; }
	.tableCon .reqTop {font-size: 13px; }
	.tableView .viewTitle {padding: 15px 10px; }
	.tableView .viewTitle b {font-size: 16px;line-height: 140%; }
	.tableView .viewDetail > li {padding: 15px 10px;line-height: 24px;font-size: 13px; }
	.tableView .viewDetail > li > div {margin: 2px 15px 2px 0;width: auto; }
	.tableView .viewDetail > li > div + div {margin-left: 0; }
	.tableView .viewDetail > li .head {width: auto;padding-right: 8px;font-weight: 700; }
	.tableView .viewDetail > li .desc {padding-left: 5px; }
	.tableView .viewDetail > li .desc + .head {margin-left: 20px; }
	.tableView .viewDetail > li .quickView {margin: 5px 10px 0; }
	.tableView .viewCon + .viewDetail > li:last-child .head {display: block; }
	.tableView .viewCon + .viewDetail > li:last-child .head:after {display: none; }
	.tableView .fileView + .viewDetail > li:last-child .head {display: block; }
	.tableView .fileView + .viewDetail > li:last-child .head:after {display: none; }
	.tableView .viewCon {padding: 15px 10px;font-size: 13px !important; }
	.tableView .viewCon .listCon > li {font-size: 13px !important; }
	.fileLink {display: inline; }
	.filebox .upload-name {width: calc(100% - 88px); }
	.listCon.dot > li {font-size: 13px; }
	ul + .listCon,
	div + .listCon {margin-top: 15px; }
	.checkList li {font-size: 13px; }
	.topIconBox {margin-bottom: 30px;padding: 20px 20px 30px;text-align: center;border-bottom-left-radius: 60px; }
	.topIconBox .icon {position: static;margin-bottom: 10px;text-align: center; }
	.topIconBox .icon img {width: 80px; }
	.topIconBox .title {font-size: 17px; }
	.topIconBox.type3 {padding-left: 20px; }
	.topIconBox.type3 p {font-size: 14px; }
	.topIconBox p {margin-bottom: 15px;font-size: 13px;text-align: left; }
	.stepList > li > div {padding: 15px 10px 0px;height: 160px; }
	.stepList > li .head {font-size: 17px; }
	.stepList > li .desc {font-size: 13px; }
	.reportBox {padding: 80px 20px 20px;background-position: center 15px; }
	.reportBox .title {font-size: 20px;text-align: center; }
	.reportBox p {font-size: 13px; }
	.numberList li {padding-left: 30px; }
	.numberList li > b {font-size: 14px;line-height: 140%; }
	.numberList li .num {width: 24px;height: 24px;line-height: 24px;font-size: 16px; }
	.numberList li p {font-size: 13px; }
	.hopeConTop p {padding: 20px;font-size: 14px; }
	.hopeConTop p b {margin-top: 7px;font-size: 24px;line-height: 130%; }
	.hopeConTop p .txtSmall {margin: 10px 70px 0 10px;font-size: 13px; }
	.hopeConTop:before {display: none; }
	.hopeConTop:after {width: 80px;height: 40px;background-size: auto 40px; }
	.loginExp {margin-left: 25px;margin-bottom: 10px;font-size: 14px; }
	.loginInput {margin: 0 20px 25px; }
	.loginInput span {display: block;margin-right: 0; }
	.loginInput input {width: 100%; }
	.loginInput .btnLogin {display: block;margin-top: 8px;width: 100%;height: 42px;line-height: 42px; }
	.loginBox {border-bottom-left-radius: 60px; }
	.loginBox .goLink {font-size: 14px; }
	.loginBox .goLink + .goLink {margin-left: 10px; }
	.loginBox .loginCertify ul li {width: 100%; }
	.loginBox .loginCertify ul li.icon1 {border-bottom: 1px solid #e3e3e3; }
	.loginBox .loginCertify ul li:after,
	.loginBox .loginCertify ul li p br {display: none; }
	.loginBox .loginCertify ul li.snsLogin {margin-top: 0 !important; }
	.loginBox .loginCertify ul.col2 li.icon1 {border-bottom: none;width: auto; }
	.loginBox + h5,
	.listCon + h5 {margin-top: 30px; }
	.loginBox + .listCon {margin-top: 15px;margin-left: 30px; }
	.joinStep {margin-bottom: 20px; }
	.joinStep li:after {top: 11px; }
	.joinStep li em {width: 22px;height: 22px;line-height: 18px;font-size: 15px; }
	.joinStep li.active .txt {font-size: 17px;line-height: 24px; }
	.joinType > div {padding: 20px 0 30px;border-bottom-left-radius: 60px; }
	.joinType > div span {margin-bottom: 10px;font-size: 17px; }
	.joinType > div img {margin: 0 auto 10px;height: 70px; }
	.joinType .btnPurple {width: 100px;font-size: 14px; }
	.agreeBox {padding: 20px; }
	.agreeBox textarea {font-size: 13px; }
	.joinEnd img {height: 100px; }
	.joinEnd p {padding: 15px 0 25px;font-size: 13px; }
	.joinEnd .txtBig {font-size: 17px;line-height: 140%; }
	.missionCon {margin-bottom: 30px; }
	.missionCon .topVision {padding-top: 30px;width: 270px;height: 200px;font-size: 15px;background-size: 250px auto; }
	.missionCon .topVision .topTitle {font-size: 24px; }
	.missionCon .purposeCon .topTitle {font-size: 20px; }
	.missionCon .purposeCon > ul > li {padding: 0px; }
	.missionCon .purposeCon > ul li .head {height: 80px; }
	.missionCon .purposeCon > ul li .head b {font-size: 17px; }
	.missionCon .purposeCon > ul ul li {font-size: 13px; }
	.statusCon .head {position: relative;margin: 0 auto 67px;width: 263px;height: 80px; }
	.statusCon .head b {font-size: 17px; }
	.statusCon .desc {height: auto; }
	.statusCon ul li {padding: 10px; }
	.statusCon ul li .head:before {left: 50%;top: unset;right: inherit;bottom: -19px;margin-top: 0;margin-left: -14.5px;width: 29px;height: 9px;background: #fff; }
	.statusCon ul li .head:after {top: inherit;border: none;border-bottom: 1px solid #298fb9;border-left: 1px solid #fff;border-right: 1px solid #fff; }
	.statusCon ul li.item2 .head:after {border-right: 1px solid #fff;border-bottom: 1px solid #2d9791; }
	.statusCon .desc p {font-size: 13px; }
	.statusCon .desc:before {top: -57px;left: 50%;margin-left: -3px;width: 9px;height: 9px;background: #7e7d8c;border-radius: 50%; }
	.statusCon .desc:after {top: -52px;left: 50%;width: 1px;height: 52px;border-right: 1px solid #7e7d8c;border-top: none; }
	.historyList:after {left: 35px; }
	.historyList ul li .year {width: 70px;height: 70px;line-height: 70px;font-size: 15px; }
	.historyList ul li {padding-left: 90px !important; }
	.processList li:after {right: -10px;margin-top: -10px;width: 21px;height: 21px; }
	.processList.col4 > li {width: 50%; }
	.processList.col6 > li {width: 33.3333%; }
	/*
	.processList li div {height: 70px; }
	*/
	.processList li b {font-size: 14px; }
	.checkBoxList .checkList li {font-size: 13px; }
	.greetingCon .img span {right: 0;margin-right: 0;height: 50px;line-height: 50px;font-size: 15px; }
	.greetingCon .txtBig {margin-bottom: 20px;font-size: 20px; }
	.greetingCon p {margin-bottom: 20px;font-size: 14px; }
	.topTxtArea {font-size: 14px; }
	.imgWrap {padding: 20px 0; }
	.moveList ul li a {overflow: inherit !important; }
	.moveList ul li.next a {padding-right: 0; }
	.moveList ul li a span {display: none; }
	.ceoHistory .leftArea,
	.ceoHistory .rightArea {float: none;margin-right: 0;width: auto; }
	.ceoHistory .leftArea {margin-bottom: 20px; }
	.ceoHistory .leftArea img {max-height: 200px; }
	.ceoHistory .leftArea p {font-size: 14px; }
	.ceoHistory .leftArea p b {font-size: 18px; }
	.ceoHistory .rightArea {margin-bottom: 20px; }
	.ceoHistory .floatLeft {float: none !important; }
	.ceoHistory .w49p {margin-bottom: 20px;width: auto; }
	.personList > ul > li > a {padding: 25px 15px 25px 160px; }
	.personList > ul > li .img {left: 15px; }
	.personList > ul > li .title {margin: 5px 0;font-size: 16px; }
	.personList.promotion li a {padding-left: 145px; }
	.historyList2 li {margin-bottom: 15px;font-size: 13px; }
	.historyList2 li .year {font-size: 15px; }
	.memberOrgan .topItem {height: 80px;font-size: 16px; }
	.memberOrgan .topItem b {font-size: 20px; }
	.memberOrgan ul li span {height: 60px; }
	.memberOrgan ul li span a {font-size: 14px; }
	.memberOrgan ul li span a strong {font-size: 17px; }
	.mainOrganList .organDept .dept2 a {width: 100px;font-size: 15px; }
	.mainOrganList .organDept .dept3_2,
	.mainOrganList .organDept .dept3_3 {margin-left: -120px;width: 100px; }
	.mainOrganList .organDept .deptBoxItem {width: 110px; }
	.mainOrganList .organDept .deptBoxItem > a {font-size: 15px; }
	.mainOrganList .organDept .deptBoxItem > ul {padding: 5px;min-height: 110px; }
	.mainOrganList .organDept .deptBoxItem > ul li a {font-size: 13px; }
	.mainOrganList .organDept .dept3_1.deptBoxItem > ul {min-height: 55px; }
	.divisionWork > li > span {width: 150px;font-size: 17px; }
	.divisionWork .dep3 > li > span {font-size: 15px; }
	.promoPerson {padding: 25px 15px; }
	.promoPerson .bigImg {width: 150px; }
	.managerBox {padding: 15px;font-size: 15px; }
	.managerBox p {line-height: 30px; }
	.managerBox .icon {font-size: 17px;background-size: 30px auto; }
	.colorUseList li {width: 50%; }
	.colorList li {float: none;width: auto; }
	.colorUseList li:nth-child(odd) {clear: both; }
	.colorUseList.type2 li {width: 50%; }
	.sitemap .siteDepth1 > li {padding: 10px 15px; }
	.sitemap .siteDepth1 > li > .title {margin: 2px 0 15px;font-size: 20px; }
	.sitemap .siteDepth2 > li > a {margin-bottom: 10px;font-size: 16px; }
	.sitemap .siteDepth3 > li a {font-size: 13px; }
	.viewerTxt {margin-bottom: 40px;padding: 20px 20px 30px;text-align: center;border-bottom-left-radius: 60px; }
	.viewerTxt .icon {position: static;margin-bottom: 10px;text-align: center; }
	.viewerTxt .icon img {width: 80px; }
	.markItem {padding-left: 24px;background-size: 16px auto; }
	.referenceBox > ul > li {float: none;margin-bottom: 50px;width: auto; }
	.referenceBox > ul > li > div {padding: 40px 15px 20px;height: auto; }
	.referenceBox > ul > li > div img {margin-left: -25px;width: 50px; }
	.referenceBox > ul > li > div .title {margin-bottom: 10px;font-size: 17px; }
	.referenceBox > ul > li > div p {margin-bottom: 10px;font-size: 13px; }
	.bannerZone ul li {width: 50%; }
	.topIconBox.type2 {padding-left: 20px; }
	.boxInfoItem > ul > li .title {font-size: 17px; }
	.boxInfoItem > ul > li > div > ul > li > b {font-size: 15px; }
	.stepList2 > li {display: block;margin-bottom: 15px;width: auto; }
	.stepList2 > li:after {top: inherit;bottom: -20px;left: 50%;right: inherit;margin-top: 0;margin-left: -15px;background: #fff url("/images/n21/sub/icon_processList_ar2.png") no-repeat center; }
	.rowStepList > li {padding-left: 120px; }
	.rowStepList > li .head {width: 100px;height: 100%; }
	.rowStepList > li .head b {font-size: 16px; }
	.rowStepList > li .desc {height: auto; }
	.rowStepList > li .desc p {padding: 15px;font-size: 14px; }
	.rowStepList > li .desc:before {left: -27px; }
	.rowStepList > li .desc:after {left: -27px;width: 27px; }
	.voteInfoCon .h4Content p br {display: none; }
	.mypageMain ul li {float: none;margin-bottom: 15px;width: auto; }
	.mypageMain ul li div {padding: 20px 5px;height: auto;text-align: center; }
	.mypageMain ul li a {display: inline-block;margin: 3px;padding: 0 15px;width: auto;font-size: 14px; }
	.mypageMain ul li .title {margin-bottom: 15px;font-size: 16px; }
	.mypageMain ul li p {font-size: 14px; }
	.divisionWork .dep2:after {display: none; }
	.divisionWork .dep2 > li {display: block;margin: 5px auto; }
	.divisionWork .dep2 > li > span {margin: 0 auto; }
	.divisionWork .dep3 {margin-top: 20px; }
	.divisionWork .dep3:after {top: -20px;height: 20px; }
	.divisionWork .dep3 > li {display: block;margin-bottom: 5px; }
	.divisionWork .dep3 > li::before,
	.divisionWork .dep3 > li > span:after {display: none; }
	.divisionWork .dep3 li span {width: auto; }
	.tableView .viewCon iframe {height: 230px; }
	.tableView .viewCon p,
	.tableView .viewCon blockquote,
	.tableView .viewCon div {max-width: 100% !important;-webkit-box-sizing: border-box;box-sizing: border-box;height: auto !important; }
	.modalWrap.privacyPopup {width: auto;left: 2%;right: 2%;-webkit-transform: inherit;transform: inherit; }
	/*20211105*/
	.login-timer {background-color: #fff;padding: 10px;margin-top: 0; }
	.tableView .viewCon .tac img,
	.tableView .viewCon > p > img {max-width: 100%; }
	.tableView .viewCon > p img {max-width: 100%; }
}
@media all and (max-width: 614px) {
	/*.inner { padding:0; } */
	.election_officer .btn_officer {margin: 10px; }
	.election_officer .btn_officer button {font-size: 14px;height: 36px;float: left; }
	.election_officer .btn_officer button i {display: none; }
	.election_officer .l_left {float: none;width: auto; }
	.election_officer .r_right {float: none;width: auto; }
	.election_officer .l_left button {width: 99%;margin: 0 .5%; }
	.election_officer .r_right button {width: 99%;margin: 0 .5%; }
	.election_officer .r_right .applyMove {display: none; }
	.election_officer .region {display: none; }
	.election_officer .m_region {display: block;position: initial;top: initial;left: initial;height: 36px;background: #fff;margin: 0 3% 3% 3%;width: 94%; }
	.election_officer .placement {margin-bottom: 0;padding: 10px 0 0 0;background: #f0f5f9; }
	.web_pic {display: none; }
	.mobile_pic {display: inline-block;width: 100%; }
	.election_officer .play_pic_card {border-radius: 0;padding: 0 10px; }
	.election_officer .play_pic_card ul li {width: 50%; }
	.election_officer .play_pic_card ul li > div:nth-child(1) {height: 200px;padding: 5px; }
	.election_officer .play_pic_card ul li > div:nth-child(1) em {width: 14%;height: 48px;line-height: 48px;vertical-align: top;font-size: 14px;font-weight: bold;background: url("./images/n21/common/m_e_o_card_number.png") 50% 50% no-repeat; }
	.election_officer .play_pic_card ul li > div:nth-child(1) strong {width: 78%;height: 48px;line-height: 48px;font-size: 14px;margin: 0;display: inline-block;vertical-align: top;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; }
	.election_officer .play_pic_card ul li > div:nth-child(1) span {font-size: 12px;margin-top: 10px;height: 78px;overflow: hidden;-webkit-line-clamp: 4; }
	.election_officer .play_pic_card ul li > div:nth-child(1) div button {height: 36px;line-height: 38px;font-size: 12px; }
	/*
	.pic_view_area { margin:-192px 0 0 0; height:auto; }
	.pic_view_area>div>strong { top:-26px; font-size:14px; }
	.pic_view_area>div>strong span { line-height:20px; }
	.pic_view_area>div>strong span:after { height:9px; }
	.useBx_pic { margin-top:86px; }
	.bx-prev { width:12px; height:24px; margin-top:-12px; }
	.bx-next { width:12px; height:24px; margin-top:-12px; }
	.pic_view_area>div .icon { width:80px; height:116px; left:-40px; background-size:100%; }
	.pic_view_area>div .band { width:60px; height:46px; right:-25px; background-size:100%; }
	.btn_pic_close { margin-top:20px; }
	*/
	.election_officer .play_pic_card ul li > div:nth-child(2) {width: 100%;height: 420px;top: 50%;left: 0;background-size: contain;margin: -181px 0 0 0;padding: 50px 13% 5% 16%; }
	.election_officer .play_pic_card ul li > div:nth-child(2) strong {font-size: 18px;margin-bottom: 10px;line-height: 20px;height: 38px;padding-bottom: 0;width: 100%; }
	.election_officer .play_pic_card ul li > div:nth-child(2) div.con {font-size: 14px;height: 210px;margin-bottom: 20px; }
	.btn_summary_close {position: initial;bottom: inherit;left: inherit;margin-left: inherit; }
	.btn_summary_close button {width: 100px;height: 36px;line-height: 36px;font-size: 14px; }
	.note_icon {width: 92px;height: 121px;left: -10px;background-size: 100%; }
	.btn_pic_close {width: 100px;height: 36px;line-height: 36px;font-size: 14px; }
	/*
	.recommend {padding:3%; }
	.recommend strong {text-align:left;display:block;margin:0 0 3% 0; }
	.recommend strong:before {display:none;background:none; }
	.recommend ul {width:100%; }
	.recommend ul li {margin:5px; }
	.recommend li a {font-size:12px;padding:5px 15px;border:solid 2px #3e35aa; }
	*/
}
@media all and (max-width: 482px) {
	.calenderWrap .leftArea .calendarTable table td.closed .closedTxtCorona {font-size: 8px; }
}
@media all and (max-width: 400px) {
	/* 20210901 */
	.mainOrganList .organDept .deptBoxItem {width: 90px; }
}
@media all and (max-width: 320px) {
	.election_officer .btn_officer button {font-size: 11px;height: 30px; }
	.election_officer .play_pic_card ul li > div:nth-child(2) {height: 380px; }
	.election_officer .play_pic_card ul li > div:nth-child(2) div.con {height: 180px; }
}

/* 2022.12.20 추가
.dept3_7 {float:left;margin-right:15px; }
.dept3_7 .alone {margin-top:95px; } */
.mainOrganList .organDept .alone .deptBoxItem > a {background: #fff;border: 1px solid #d1d0d7;padding-left: 20px;font-size: 15px;color: #555;text-align: left; }
.mainOrganList .organDept .dept2.col2 a {display: inline-block; }
.mainOrganList .organDept .dept2.col2 a:first-child {background: #535353 !important;color: #fff; }
.mainOrganList .organDept .dept2.col2 a:last-child {margin-left: 35px;background: #fff;color: #555;border: 1px solid #d1d0d7; }
.mainOrganList .organDept .dept1 > a.light-blue {background: #5f87d7;height: 80px;line-height: 80px; }
.mainOrganList .detp1-row {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;padding-right: 220px; }
.mainOrganList .organDept > li.type2 ul.row2 {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end; }
.mainOrganList .organDept .deptBoxItem > ul {padding: 14px; }
.mainOrganList .organDept .deptBoxItem > ul li a {font-size: 15px; }
.mainOrganList .organDept .deptBoxItem {width: 138px; }
.mainOrganList .organDept .dept2.col2 {position: absolute;right: 0; }
.mainOrganList .organDept .dept2:last-child a {background: #fff;color: #555;border: 1px solid #d1d0d7;-webkit-box-sizing: border-box;box-sizing: border-box; }

@media (max-width: 890px) {
	.mainOrganList .organDept {margin-bottom: 0;background: url("/images/n21/sub/bg_mainOrganList_m2New.png") no-repeat center 60px; }
	.mainOrganList .organDept > li {margin-left: 3px; }
	.mainOrganList .detp1-row {margin-right: 10px; }
	.mainOrganList .organDept .dept2.col2 a {margin: 0; }
	.mainOrganList .organDept .dept2 {margin-left: 0; }
	.mainOrganList .organDept .dept3_5 .deptBoxItem {width: 80px; }
	.mainOrganList .organDept .dept3_5 .deptBoxItem > ul {padding: 6px; }
	.mainOrganList .organDept .deptBoxItem > a {font-size: 14px;height: 34px;line-height: 34px; }
	.mainOrganList .organDept .dept3_5 .deptBoxItem > ul li a {font-size: 12px; }
	.mainOrganList .organDept > li.type2 ul.row2 li {margin: 0 2px 20px 2px !important; }
	.mainOrganList .organDept .dept3_4 > a {margin-bottom: 25px; }
	.mainOrganList .organDept .deptBoxItem > ul {min-height: 115px; }
}
@media (max-width: 560px) {
	.mainOrganList .organDept {margin-bottom: 0;background: url("/images/n21/sub/bg_mainOrganList_m3New.png") no-repeat center 40px; }
	.mainOrganList .organDept .dept1 > a,
	.mainOrganList .organDept .dept1 > a.light-blue,
	.mainOrganList .organDept .dept2_3 > a {height: 60px;line-height: 60px;width: 180px;display: inline-block; }
	.mainOrganList .organDept .dept2.col2,
	.mainOrganList .organDept > li.type2 ul.row2 {padding: 0; }
	.mainOrganList .organDept .dept2 > a {width: auto;font-size: 13px;padding: 10px 15px;line-height: inherit;height: auto;border-radius: 6px; }
	.mainOrganList .organDept .dept3_7 .alone {margin: 0 0 20px 150px; }
	.mainOrganList .organDept .alone .deptBoxItem {width: auto; }
	.mainOrganList .organDept .alone .deptBoxItem a {padding: 0 20px; }
}
@media (max-width: 380px) {
	.mainOrganList .organDept .alone .deptBoxItem > a {font-size: 12px; }
	.mainOrganList .organDept .dept1 > a {margin-bottom: 16px; }
	.mainOrganList .organDept .dept1 > a.light-blue {margin-bottom: 28px; }
	.mainOrganList .organDept .dept2_3 > a {margin-bottom: 34px; }
	.mainOrganList .organDept {background-position: center 30px; }
	.mainOrganList .detp1-row {padding-right: 0;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between; }
	.mainOrganList .organDept .dept2 > a {font-size: 12px;padding: 5px 10px; }
	.mainOrganList .organDept .dept3_5 > ul {display: -webkit-box;display: -ms-flexbox;display: flex; }
	.mainOrganList .organDept .dept3_5 .deptBoxItem {width: 25%; }
}

.missionCon .purposeCon > ul > li:first-child {padding: 0px; }
.missionCon .purposeCon > ul > li:last-child {padding: 0px; }
.missionCon .purposeCon > ul > li > div {display: inline-block; }
.missionCon .purposeCon > ul ul:before {left: 0px;right: 0px;margin: 0 auto; }
.missionCon .purposeCon > ul ul:after {left: 0px;right: 0px;margin: 0 auto;width: 0px; }

@media all and (max-width: 1280px) {
	.missionCon .purposeCon > ul > li {width: 488px;padding: 0 50px;-webkit-box-sizing: border-box;box-sizing: border-box; }
	.missionCon .purposeCon > ul > li:first-child {padding: 0 50px; }
	.missionCon .purposeCon > ul > li:last-child {padding: 0 50px; }
}
@media all and (max-width: 924px) {
	.missionCon .purposeCon > ul > li {width: auto; }
}
@media (max-width: 890px) {
	.mainOrganList .organDept {margin-bottom: 0;background: url("/images/n21/sub/bg_mainOrganList_mNew.png") no-repeat center 40px; }
	.dept3_7 .alone {margin: 64px 0 60px 184px; }
	.dept3_7 .alone {margin: 41px 0 60px 184px; }
	.mainOrganList .organDept .dept3_4 {margin-bottom: 50px; }
	.mainOrganList .organDept .dept3_5 > a {margin: 0 auto 40px; }
	.mainOrganList .organDept .dept3_5 .deptBoxItem {width: 138px;vertical-align: top; }
	.mainOrganList .organDept .dept3_5 .deptBoxItem > ul li a {font-size: 15px; }
}
@media all and (max-width: 774px) {
	.missionCon .purposeCon > ul ul li {font-size: 18px; }
}
@media (max-width: 640px) {
	.missionCon .purposeCon > ul > li {padding: 0px; }
	.missionCon .purposeCon > ul > li:first-child {padding: 0px; }
	.missionCon .purposeCon > ul > li:last-child {padding: 0px; }
	.missionCon .purposeCon > ul li .head b {font-size: 13px; }
	.missionCon .purposeCon > ul ul li {font-size: 12px; }
}
@media (max-width: 628px) {
	.mainOrganList .organDept .dept3_5 .deptBoxItem {width: 122px;vertical-align: top; }
}
@media all and (max-width: 560px) {
	.mainOrganList .organDept {margin-bottom: 0;background: url("/images/n21/sub/bg_mainOrganList_m3New.png") no-repeat center 40px; }
	.missionCon .purposeCon > ul li .head b {padding: 15px 0px;font-size: 17px; }
	.missionCon .purposeCon > ul ul li {font-size: 13px; }
	.mainOrganList .organDept .dept3_5 > ul {display: block; }
	.mainOrganList .organDept .dept3_5 > ul {max-width: 380px;margin: 0 auto; }
	.mainOrganList .organDept .dept3_5 .deptBoxItem {width: 138px; }
}
@media (max-width: 380px) {
	.mainOrganList .organDept {background-position: center 30px; }
	.mainOrganList .organDept .dept3_5 > ul {display: block; }
	.mainOrganList .organDept .dept3_4 .deptBoxItem,
	.mainOrganList .organDept .dept3_5 .deptBoxItem {width: 47%;max-width: 138px;vertical-align: top; }
}
@media (max-width: 321px) {
	.statusCon .head {width: 100%; }
	.mainOrganList .organType > li {width: 100%; }
}
@media (max-width: 309px) {
	.missionCon .purposeCon .topTitle {width: 100%; }
}

/* 2023.12.29 추가 - 조직도 수정*/
.mainOrganList .organDept .dept2.col2.add-1205 {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center; }
.mainOrganList .organDept .dept2.col2.add-1205 li {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: baseline;-ms-flex-align: baseline;align-items: baseline;margin-left: 40px; }
.mainOrganList .organDept .dept2.col2 ul li a:first-child {background: #fff !important;color: #555;border: 1px solid #d1d0d7; }

@media (max-width: 1280px) {
	.mainOrganList .organDept .dept2.col2.add-1205 a {margin: 0; }
	.mainOrganList .organDept .dept2.col2.add-1205 li {margin-left: 30px !important; }
	.mainOrganList .organDept .absoluteElement {position: absolute !important;right: 50% !important;-webkit-transform: translateX(350px);transform: translateX(350px); }
	.mainOrganList .organDept .dept1 > a.top {margin-bottom: 18px; }
	.mainOrganList .organDept > li.type2 ul.row2 {-webkit-box-pack: center !important;-ms-flex-pack: center !important;justify-content: center !important;-webkit-transform: translateX(180px);transform: translateX(180px); }
}
@media (max-width: 890px) {
	.mainOrganList .organDept .dept2.col2.add-1205 li {margin-left: 5px !important; }
	.mainOrganList .organDept .absoluteElement {-webkit-transform: translateX(270px);transform: translateX(270px); }
	.mainOrganList .organDept .dept2 a {width: 100px;font-size: 15px; }
	.mainOrganList .organDept > li.type2 ul.row2 {margin: -5px 0 5px 0;-webkit-transform: translateX(160px);transform: translateX(160px); }
	.dept3_7 .alone {margin: 44px 0 53px 184px !important; }
	.mainOrganList .organDept > li.type2 ul.row2 li {margin: 5px 2px 15px 2px !important; }
}
@media (max-width: 640px) {
	.mainOrganList .organDept {background: url("/images/n21/sub/bg_mainOrganList_m3New.png") no-repeat center 36px !important; }
	.mainOrganList .organDept .dept2 a {width: 68px;font-size: 12px;height: auto;line-height: inherit;padding: 5px;border-radius: 6px;margin: 10px 0;-webkit-box-sizing: border-box;box-sizing: border-box; }
	.mainOrganList .organDept .absoluteElement {-webkit-transform: translateX(145px);transform: translateX(145px); }
	.mainOrganList .organDept > li.type2 ul.row2 {-webkit-transform: translateX(75px);transform: translateX(75px); }
	.mainOrganList .detp1-row {padding-right: 76px; }
	.mainOrganList .organDept .dept1 > a,
	.mainOrganList .organDept .dept2_3 > a {font-size: 17px;width: 100px !important;height: auto !important;line-height: inherit !important;padding: 10px 3px;border-radius: 6px; }
	.mainOrganList .organDept .dept3_4 > a,
	.mainOrganList .organDept .dept3_5 > a {font-size: 15px;width: 100px !important;height: auto !important;line-height: inherit !important;padding: 10px 3px;border-radius: 6px; }
	.dept3_7 .alone {margin: 10px 0 !important; }
	.dept3_7 .alone li {margin-left: 120px !important; }
	.dept3_7 .alone a {border-radius: 6px !important; }
	.mainOrganList .organDept > li.type2 ul.row2 li {margin: 0 !important; }
	.mainOrganList .organDept .deptBoxItem {width: auto; }
	.mainOrganList .organDept .alone .deptBoxItem > a {padding: 0 10px !important; }
	.mainOrganList .organDept .dept2_3 > a {margin-bottom: 0; }
	.mainOrganList .organDept .deptBoxItem > ul li a,
	.mainOrganList .organDept .dept3_5 .deptBoxItem > ul li a {font-size: 13px; }
	.mainOrganList .organDept .dept3_5 > a,
	.mainOrganList .organDept .dept3_4 {margin-bottom: 20px; }
	.mainOrganList .organDept > li.type2 ul.row2 {margin: -15px 0 0px 0; }
	.mainOrganList .organDept > li.type2 ul.row2 li {margin: 0px 2px 0px 2px !important; }
	.mainOrganList .organDept .alone .deptBoxItem > a {font-size: 12px !important; }
	.mainOrganList .organDept .dept1 > a.light-blue {margin-bottom: 16px !important; }
}
@media (max-width: 380px) {
	.mainOrganList .organDept {background-position: center 40px; }
	.mainOrganList .detp1-row {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; }
}

/* bbs */
.bbs_board_top {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;position: relative;padding-bottom: 12px;border-bottom: 2px solid #313131;-webkit-box-sizing: border-box;box-sizing: border-box; }

.bbs_board_top .bbs_total_txt {display: block;padding-left: 26px;font-size: 14px;font-weight: 400;line-height: 1.35;color: #333; }
.bbs_board_top .bbs_total_txt::before {content: '';position: absolute;top: 0;left: 0;width: 18px;height: 19px;background: url("/images/n24/common/icon_board_total.svg") no-repeat left top/18px auto; }
.bbs_board_top .bbs_total_txt .count {font-weight: 800;color: #6856DA; }
.bbs_board_sort {margin-top: 12px; }
.bbs_board_sort .btn_bbs_sort {margin-left: 20px; }
.bbs_board_sort .btn_bbs_sort:first-child {margin-left: 0; }

@media screen and (min-width: 1024px) {
	.bbs_board_top {padding-bottom: 18px;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between; }
	.bbs_board_sort {margin-top: 0; }
}

.cardList.thumb {margin: 0 0 20px; }
.cardList.thumb ul {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;margin: 0;padding: 0;width: 100%; }
.cardList.thumb li {position: relative;/* overflow: hidden; */
float: none;width: 100%;padding: 16px 8px;border-bottom: 1px solid #E3E3E3;-webkit-box-sizing: border-box;box-sizing: border-box; }
.cardList.thumb li:nth-child(3n+1) {margin-left: 0; }
.cardList.thumb li a {display: block;margin: 0;padding: 0;padding-left: 132px;border: 0;-webkit-box-sizing: border-box;box-sizing: border-box;overflow:hidden;border-radius:20px; }
.cardList.thumb li a .img {overflow: hidden;position: absolute;top: 50%;left: 8px;transform:translateY(-50%);width:120px;height:68px;border-radius: 10px 10px 10px 0;-webkit-box-sizing: border-box;box-sizing: border-box; }
.cardList.thumb li a .img img {position: absolute;top: 50%;left: 0;-webkit-transform: translateY(-50%);transform: translateY(-50%); }
.cardList.thumb li a .title {display: block;min-height: 40px;font-size: 17px;font-weight: 500;color: #313131;line-height: 1.2;letter-spacing: -0.01em;display: block;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
.cardList.thumb li a .date {display: block;margin-top: 12px;font-size: 15px;font-weight: 400;color: #777;line-height: 1.2;letter-spacing: -0.01em; }
.cardList.thumb li a .desc {display:none; font-size: 15px; }

@media screen and (min-width: 1024px) {
	.cardList.thumb {margin: 30px 0 0; }
	.cardList.thumb li {margin: 0 0 30px 4%;padding: 0;width: 30.61%;border-radius: 20px;border: 1px solid #E3E3E3; }
	.cardList.thumb li a {padding: 0 16px 23px; }
	.cardList.thumb li a:hover .img img {-webkit-transform: translateY(-50%) scale(1.06);transform: translateY(-50%) scale(1.06);-webkit-transition: -webkit-transform 0.3s ease-in-out;transition: -webkit-transform 0.3s ease-in-out;transition: transform 0.3s ease-in-out;transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; }
	.cardList.thumb li a .img {display: block;position: relative;top: auto;left: auto;width: auto;transform:none;margin: 0 -16px 18px;padding: 57.38% 0 0;border-radius: 20px 20px 0 0;height: 171px;}
	.cardList.thumb li a .img img {width: 100%;height:100%; }
	.cardList.thumb li a .title {height: 44px;font-size: 18px; }
	.cardList.thumb li a .date {margin-top: 10px;font-size: 16px; }
}

/* sub search */
.sub_inner input[type="text"],
.sub_inner select {height: 50px;border: 1px solid #dedede;border-radius: 4px; }
.sub_inner .inp_text,
.sub_inner .inp_datepicker,
.sub_inner .select_box {position: relative;padding: 12px 4.87vw 12px 3.07vw;height: 50px;font-size: 15px;line-height: 1;color: #333;border-radius: 6px;border: 1px solid #DEDEDE;background: #FFF;-webkit-box-sizing: border-box;box-sizing: border-box; }
.sub_inner .inp_text {background: #FFF; }
.bbsSearch .select_box,
.sub_inner .select_box {background: #fff url("/images/n24/common/bg_selectbox_arrow_s.png") no-repeat 95% center/15px auto; }
.sub_inner .inp_datepicker {background: transparent; }
.sub_inner .useDatepicker {padding: 16px 30px 16px 10px;width: 140px;background: #fff url("/images/n24/common/icon_calendar.svg") no-repeat 90% center/17px auto; }
.sub_inner .useDatepicker:-moz-read-only {border: 1px solid #DEDEDE;background-color: #F9F9F9 !important; }
.sub_inner .useDatepicker:read-only,
.sub_inner .useDatepicker:disabled {border: 1px solid #DEDEDE;background-color: #F9F9F9 !important; }
.sub_inner .input_group {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; }

.serach_wrap .input_label {font-weight: 700;font-size: 16px;font-weight: 700;color: #1D1D1D;line-height: 1; }
.serach_wrap .input_group {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: nowrap;flex-wrap: nowrap;width: 100%; }
.serach_wrap .input_box {position: relative;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;-webkit-box-sizing: border-box;box-sizing: border-box; }
.serach_wrap .input_box input {-webkit-box-flex: 1;-ms-flex: 1;flex: 1;padding: 10px 20px;width: 100%;height: 42px;border: 2px solid #303646;border-radius: 50px;font-size: 16px;background-color: #fff;-webkit-box-sizing: border-box;box-sizing: border-box; }

.serach_wrap .input_box .btn_auto {position: absolute;top: 0;right: 8px;padding: 10px;width: 40px;height: 100%;background: url("/images/n24/common/icon_auto_complete.svg") no-repeat center/20px auto; }
.serach_wrap .input_box .btn_auto.is-active + .auto_complete_wrap {display: block !important; }

.dateMid {display: inline-block;margin: 0 4px;font-size: 16px;font-weight: 400;color: #000;line-height: 1; }

.useDatepicker {padding: 16px 30px 16px 20px;width: 130px;background: #fff url("/images/n24/common/icon_calendar.svg") no-repeat 90% center/17px auto; }
.useDatepicker:-moz-read-only {border: 1px solid #DEDEDE;background-color: #F9F9F9 !important; }
.useDatepicker:read-only,
.useDatepicker:disabled {border: 1px solid #DEDEDE;background-color: #F9F9F9 !important; }

@media screen and (max-width: 1023px) {
	.sub_inner .input_group .inp_text,
	.sub_inner .input_group .select_box {margin-right: 2.05128vw; }
}
@media screen and (min-width: 1024px) {
	.sub_inner .inp_text,
	.sub_inner .inp_datepicker,
	.sub_inner .select_box {padding: 16px 20px 16px;font-size: 16px; }
	.sub_inner .select_box {background: #fff url("/images/n24/common/bg_selectbox_arrow_s.png") no-repeat 90% center/15px auto; }
	.sub_inner .useDatepicker + .select_box {margin-left: 10px; }
	.sub_inner .input_group .inp_text,
	.sub_inner .input_group .select_box {margin-right: 10px; }

	.serach_wrap .input_label {font-size: 20px; }
	.serach_wrap .input_group {width: auto; }
	.serach_wrap .input_box {-webkit-box-flex: 1;-ms-flex: auto;flex: auto;width: auto; }
	.serach_wrap .input_box input {padding: 10px 20px;padding-right: 40px;height: 56px; }

	.useDatepicker + .select_box {margin-left: 10px; }
}

.bbsSearch {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;position: relative;margin: 30px 0 0;padding: 20px;background: #F7F8FB;-webkit-box-sizing: border-box;box-sizing: border-box; }
.bbsSearch .select_box {-ms-flex-negative: 0;flex-shrink: 0;width: 23.07%; }

@media screen and (min-width: 1024px) {
	.bbsSearch {padding: 30px 80px;border: 1px solid #E3E3E3;border-radius: 10px; }
	.bbsSearch .select_box {width: 120px; }
}

.bbsSearch .inp_text {-webkit-box-flex: 1;-ms-flex: 1;flex: 1; }
.bbsSearch .btn_search2 {-ms-flex-negative: 0;flex-shrink: 0; }
.imgKogl {display: block;float: left;padding-right: 10px;width: 160px; }

/* paging */
.paging {margin: 40px auto 0;padding: 0;text-align: center; }
.paging a {display: inline-block;margin: 0 0 0 10px;width: 40px;height: 40px;font-size: 16px;font-weight: 400;border-radius: 10px;border: 1px solid #d9d9d9;text-align: center;text-indent: -9999px;vertical-align: middle;-webkit-box-sizing: border-box;box-sizing: border-box; }
.paging a:first-child {margin-left: 0; }
.paging a.first {background: url("/images/n24/common/bg_paging_first.png") no-repeat center/24px auto; }
.paging a.prev {margin-right: 10px;background: url("/images/n24/common/bg_paging_prev.png") no-repeat center/24px auto; }
.paging a.next {margin-left: 10px;background: url("/images/n24/common/bg_paging_next.png") no-repeat center/24px auto; }
.paging a.last {background: url("/images/n24/common/bg_paging_last.png") no-repeat center/24px auto; }
.paging a.num {color: #2F2A4A;line-height: 38px;text-indent: 0; }
.paging a.num:hover,
.paging a.num:focus,
.paging a.num.active {font-weight: 600;color: #fff;border-color: #373272;background: #373272; }
.paging a.prev + a.num:nth-of-type(3) {margin-left: 0; }

.mobilePaging .mobileNum {display: inline-block;vertical-align: middle;margin: 0 10px;font-size: 17px;line-height: 40px; }
.mobilePaging .mobileNum .active {display: inline-block;color: #373272; }

.paginationSet {margin: 40px 0 0;padding: 0;text-align: center; }

.pagination li {display: inline-block;margin: 0 0 0 10px;width: 40px;height: 40px;font-size: 16px;font-weight: 400;border-radius: 10px;border: 1px solid #d9d9d9;text-align: center;text-indent: -9999px;vertical-align: middle;-webkit-box-sizing: border-box;box-sizing: border-box;color: #2F2A4A;line-height: 38px;text-indent: 0; }
.pagination li a {display: block; }
.pagination li:first-child {margin-left: 0; }
.pagination .first {background: url("/images/n24/common/bg_paging_first.png") no-repeat center/24px auto;text-indent: -9999px;text-align: left;width: 38px; }
.pagination .prev {margin-right: 10px;background: url("/images/n24/common/bg_paging_prev.png") no-repeat center/24px auto;text-indent: -9999px;text-align: left;width: 38px; }
.pagination .next {margin-left: 10px;background: url("/images/n24/common/bg_paging_next.png") no-repeat center/24px auto;text-indent: -9999px;text-align: left;width: 38px; }
.pagination .end {background: url("/images/n24/common/bg_paging_last.png") no-repeat center/24px auto;text-indent: -9999px;text-align: left;width: 38px; }
.pagination li:not(.i):hover,
.pagination li:not(.i):focus,
.pagination li:not(.i).active {font-weight: 600;color: #fff;border-color: #373272;background: #373272; }
.pagination li:not(.i):nth-child(1){margin-left:0;}

.mobilePaging {display: block; }
.mobilePaging .mobileNum {display: inline-block;vertical-align: middle;margin: 0 10px;font-size: 17px;line-height: 40px; }
.mobilePaging .mobileNum .active {display: inline-block;color: #373272; }

@media screen and (max-width: 1023px) {
	.pagination li { min-width:28px; width:auto; height:28px; line-height:28px; font-size:14px; border-radius: 5px }
	.pagination .first,
	.pagination .prev,
	.pagination .next,
	.pagination .end { width:28px; }
	.paging > a {display: none; }
}
@media screen and (min-width: 1024px) {
	.mobilePaging {display: none; }
}

/* 만족도 */
.satisfaction {overflow: hidden;position: relative;margin-top: 30px;padding: 0;border: 1px solid #DEDEDE;border-radius: 15px;background: #fff; }
.satisfaction_top {padding: 16px 20px; }
.satisfaction_info {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start; }
.satisfaction_info li {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;margin-top: 14px;font-size: 13px;font-weight: 400;color: #333;line-height: 1; }
.satisfaction_info li:first-child {margin-left: 0; }
.satisfaction_info li strong {display: block;font-weight: 600;margin-right: 12px;line-height: 1; }
.satisfaction_info li .pageQna {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;margin-top: 6px; }
.satisfaction_info li .pageQna li {margin-top: 6px;margin-right: 8px; }
.satisfaction_info li .pageQna li a {display: block;position: relative;font-size: 14px;font-weight: 400;line-height: 1;letter-spacing: -0.01em;-webkit-text-decoration-line: underline;text-decoration-line: underline; }
.satisfaction_content {position: relative;padding: 20px 20px;background-color: #F6F6F6;-webkit-box-sizing: border-box;box-sizing: border-box; }
.satisfaction_content .satisBox {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;position: relative;width: 100%;-webkit-box-sizing: border-box;box-sizing: border-box; }
.satisfaction_content .satisBox .title {display: block;position: relative;padding-left: 26px;font-size: 16px;font-weight: 700;color: #333333;line-height: 1.35;letter-spacing: -0.01em; }
.satisfaction_content .satisBox .title::before {content: '';position: absolute;top: 0;left: 0;width: 20px;height: 20px;background: url("/images/n24/common/icon_rating_mark.png") no-repeat left top/100% auto; }
.satisfaction_content .satisBox .radiobox {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;margin-top: 12px; }
.satisfaction_content .satisBox .radiobox_item {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-ms-flex-wrap: nowrap;flex-wrap: nowrap;margin-top: 8px;width: 50%; }
.satisfaction_content .satisBox .radiobox_item input[type="radio"] {position: relative;width: 16px;height: 16px; }
.satisfaction_content .satisBox .radiobox_item input[type="radio"]:after {content: '';position: absolute;top: 0;left: 0;width: 16px;height: 16px;border: 1px solid #777;border-radius: 50%;-webkit-box-sizing: border-box;box-sizing: border-box;background-color: #fff; }
.satisfaction_content .satisBox .radiobox_item input[type="radio"]:checked:before {z-index: 1;content: '';position: absolute;top: 4px;left: 4px;width: 8px;height: 8px;border: 0px none;border-radius: 50%;background: #333; }
.satisfaction_content .satisBox .radiobox_item input[type="radio"]:checked:after {border-color: #333; }
.satisfaction_content .satisBox .radiobox_item label {display: block;position: relative;padding: 10px 0;padding-right: 50px;font-size: 14px;font-weight: 500;line-height: 1.35; }
.satisfaction_content .satisBox .radiobox_item label::before {content: '';position: absolute;top: 50%;right: 0;-webkit-transform: translateY(-50%);transform: translateY(-50%); }
.satisfaction_content .satisBox .radiobox_item.type4 label::before {width: 11.79vw;max-width: 46px;height: 40px;background: url("/images/n24/common/bg_rating_4.png") no-repeat left center/100% auto; }
.satisfaction_content .satisBox .radiobox_item.type3 label::before {width: 10.76vw;max-width: 42px;height: 36px;background: url("/images/n24/common/bg_rating_3.png") no-repeat left center/100% auto; }
.satisfaction_content .satisBox .radiobox_item.type2 label {padding-right: 59px; }
.satisfaction_content .satisBox .radiobox_item.type2 label::before {width: 13.58vw;max-width: 53px;height: 30px;background: url("/images/n24/common/bg_rating_2.png") no-repeat left top/100% auto; }
.satisfaction_content .satisBox .radiobox_item.type1 label {padding-right: 46px; }
.satisfaction_content .satisBox .radiobox_item.type1 label::before {width: 10.25vw;max-width: 40px;height: 38px;background: url("/images/n24/common/bg_rating_1.png") no-repeat left top/100% auto; }
.satisfaction_content .satisBox_guide {position: relative;margin-top: 12px;padding-left: 20px;font-size: 12px;color: #777;line-height: 1.35; }
.satisfaction_content .satisBox_guide:before {content: '';position: absolute;top: 0;left: 0;width: 16px;height: 16px;background: url("/images/n24/common/icon_info.png") no-repeat left top/100% auto; }
.satisfaction_content .satisBox .btn_basic {margin-top: 12px;width: 100%; }
.satisfaction_content .satisBox .btn_basic:focus-visible {outline-style:dotted; }

@media screen and (min-width: 1024px) {
	.satisfaction {margin-top: 50px; }
	.satisfaction_top {padding: 20px; }
	.satisfaction_info li {margin-top: 12px;margin-right: 48px;font-size: 15px; }
	.satisfaction_info li .pageQna {margin-top: 0; }
	.satisfaction_info li .pageQna li {margin-top: 0;margin-left: 12px; }
	.satisfaction_info li .pageQna li:first-child {margin-left: 0; }
	.satisfaction_content {padding: 20px 30px 20px 20px; }
	.satisfaction_content .satisBox {padding-right: 130px; }
	.satisfaction_content .satisBox .title {padding-left: 32px;font-size: 18px; }
	.satisfaction_content .satisBox .title::before {width: 24px;height: 24px; }
	.satisfaction_content .satisBox .radiobox {margin-top: 0;margin-left: 40px; }
	.satisfaction_content .satisBox .radiobox_item {width: auto;margin-top: 0;margin-left: 40px;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; }
	.satisfaction_content .satisBox .radiobox_item:first-child {margin-left: 0; }
	.satisfaction_content .satisBox .radiobox_item label {font-size: 15px; }
	.satisfaction_content .satisBox .radiobox_item.type4 label::before {width: 46px; }
	.satisfaction_content .satisBox .radiobox_item.type3 label::before {width: 42px; }
	.satisfaction_content .satisBox .radiobox_item.type2 label::before {width: 53px; }
	.satisfaction_content .satisBox .radiobox_item.type1 label::before {width: 40px; }
	.satisfaction_content .satisBox_guide {margin-top: 15px;margin-left: 32px;padding-left: 23px;font-size: 14px; }
	.satisfaction_content .satisBox_guide:before {width: 19px;height: 19px; }
	.satisfaction_content .satisBox .btn_basic {position: absolute;top: 0;right: 0;margin-top: 0;width: auto; }
}
@media screen and (max-width: 1023px) {
	.satisfaction_content .satisBox .radiobox_item:nth-child(1),
	.satisfaction_content .satisBox .radiobox_item:nth-child(2) {margin-top: 0; }
}
@media screen and (max-width: 359px) {
	.satisfaction_content .satisBox .radiobox_item {width: 100%; }
}
@media screen and (max-width: 340px) {
	.satisfaction_content .satisBox .radiobox_item label {font-size: 13px; }
}

/* 목록 */
.tableList li {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;position: relative;padding: 16px 10px 49px;width: 100%;color: #333;border-bottom: 1px solid #DEDEDE;-webkit-box-sizing: border-box;box-sizing: border-box; }
.tableList li .num {width: 55px;font-size: 16px;text-align: center; }
.tableList li .num .blt_notice {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding: 4px 10px;font-size: 13px;font-weight: 500;color: #FFF;line-height: 16px;letter-spacing: -0.01em;border-radius: 6px;background: #303646; }
.tableList li .title {overflow: hidden;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;width:100%;font-weight: 400;font-size: 17px;color: #333;line-height: 1.5;letter-spacing: -0.01em;-webkit-box-sizing: border-box;box-sizing: border-box; }
.tableList li .title .btn_bbsDetail {display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.tableList li .fileDown {position: absolute;bottom: 16px;left: 10px;width: 20px;height: 20px; }
.tableList li .quickView {display: block; }
.tableList li .btn_quickView {font-size: 16px;font-weight: 400;color: #777;line-height: 1.25;letter-spacing: -0.01em;-webkit-text-decoration-line: underline;text-decoration-line: underline;text-underline-offset: 3px;text-align: left; }
.tableList li .date {font-size: 15px;font-weight: 400;color: #333;line-height: 1;text-align: right;letter-spacing: -0.01em; }
.tableList li.notify .num {display: block;-ms-flex-negative: 0;flex-shrink: 0; }

.text_list.type_check {margin-top: 12px; }
.text_list.type_check li {position: relative;margin-top: 8px;padding-left: 20px;font-size: 14px;font-weight: 400;color: #555;line-height: 1.3; }
.text_list.type_check li::before {content: '';position: absolute;top: 1px;left: 0;width: 16px;height: 16px;background: url("/images/n24/common/icon_check_line.png") no-repeat left top/100% auto; }
.text_list.type_check li:first-child {margin-top: 0; }

@media screen and (min-width: 1024px) {
	.tableList li {-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding: 20px 0; }
	.tableList li .num .blt_notice {padding: 6px 12px; }
	.tableList li .title {margin: 0;padding: 5px 32px 5px 15px;width: 100%;max-width: none;font-size: 18px;line-height: 1; }
	.tableList li .fileDown {position: relative;left: auto;bottom: auto;margin: 0 0 0 20px;width: 25px;height: 28px; }
	.tableList li .quickView {display: block;margin-left: 9px;min-width: 54px; }
	.tableList li .btn_quickView {position: relative;left: auto;bottom: auto;line-height: 1.18; }
	.tableList li .date {position: relative;right: auto;bottom: auto;padding: 0 20px;font-size: 16px; }
}
@media screen and (max-width: 1023px) {
	.tableList li .num {display: none;width: auto; }
	.tableList li .btn_quickView {position: absolute;bottom: 14px;left: 39px; }
	.tableList li .date {position: absolute;bottom: 16px;right: 10px; }
	.tableList li .etc { position: absolute; bottom: 16px; right: 100px; }
	.tableList li.notify .num {margin-right: 8px; }
}

/* button */
.btn_bbs_sort {position: relative;padding-left: 21px;font-size: 14px;font-weight: 700;color: #777;line-height: 1.35; }
.btn_bbs_sort::before {content: '';position: absolute;top: 0;left: 0;width: 17px;height: 17px;background: url("/images/n24/common/icon_board_view.svg") no-repeat left top/100% auto; }
.btn_bbs_sort.active {color: #6856DA;text-decoration:underline;text-underline-position:under; }
.btn_bbs_sort.active::before {background-image: none;background-color: #6856DA;-webkit-mask: url("/images/n24/common/icon_board_view.svg") no-repeat left top/100% auto;mark: url("/images/n24/common/icon_board_view.svg") no-repeat left top/100% auto; }

.btn_search2 {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;overflow: hidden;position: relative;width: 50px;height: 50px;border-radius: 6px;font-size: 1px;text-indent: -9999px;background: #856C6C; }
.btn_search2:before {content: '';position: absolute;top: 50%;left: 0;right: 0;-webkit-transform: translateY(-50%);transform: translateY(-50%);margin: 0 auto;width: 22px;height: 22px;background: url("/images/n24/common/icon_form_search.svg") no-repeat left top/100% auto; }

.btn_basic {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;padding: 10px 24px;border-radius: 5px;background: #333; }
.btn_basic .btn_text {font-size: 15px;font-weight: 700;color: #FFFFFF;line-height: 1.35;letter-spacing: -0.01em; }

@media screen and (min-width: 1024px) {
	.btn_basic {border-radius: 10px; }
}

/* 검색 */
.total_search_wrap {position: relative;-webkit-box-sizing: border-box;box-sizing: border-box; }
.total_search_head {margin: 0 -20px;padding: 20px 20px;background-color: #F6F6F6; }
.total_search_top,
.total_search_box {width: 100%; }
.total_search_title {font-size: 18px;font-weight: 400;color: #1D1D1D;line-height: 1.2;word-break: keep-all;text-align: center; }
.total_search_keyword,
.total_search_count {font-weight: 700; }
.total_search_count .count {color: #FF0000; }
.total_search_box {position: relative;margin-top: 20px;padding-bottom: 0; }

@media screen and (min-width: 768px) and (max-width: 1023px) {
	.total_search_title {font-size: 20px; }
}
@media screen and (min-width: 1024px) {
	.total_search_wrap {position: static;padding: 70px 0 0; }
	.total_search_head {position: relative;margin: 0;padding: 0;background-color: transparent; }
	.wrap:not(.main) .container.bg_none .total_search_head::before {content: '';z-index: -1;position: absolute;bottom: 0;left: -23vw;right: -23vw;margin: 0 auto;width: 100vw;height: 460px;background: #F6F6F6 url("/images/n24/common/bg_visual_total_search.jpg") repeat-x center top/auto 100%; }
	.total_search_top,
	.total_search_box {width: 970px; }
	.total_search_box {margin-top: 35px;padding-bottom: 60px; }
	.total_search_box::before {content: '';position: absolute;bottom: -13px;left: -197px;width: 158px;height: 213px;background: url("/images/n24/common/img_character_total_search1.png") no-repeat left top/100% auto; }
	.total_search_title {font-size: 24px;line-height: 1; }
}

.total_search_box > form {width: 100%; }
.total_search_box .serach_wrap {padding: 0 6%;white-space: nowrap; }
.total_search_box .input_box {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;width: 51vw; }
.total_search_box .input_box input {padding-right: 40px;height: 42px; }
.total_search_box .input_box .btnSearch {position: absolute;right: 0;padding: 0 16px;width: 18px;height: 100%;-webkit-box-sizing: initial;box-sizing: initial; }
.total_search_box .input_box .btnSearch::before {content: '';position: absolute;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);left: 0;right: 0;margin: 0 auto;width: 18px;height: 18px;background: url("/images/n24/common/icon_search_normal.png") no-repeat left top/100% auto; }
.total_search_box .btnDetailSearch {-ms-flex-negative: 0;flex-shrink: 0;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;margin-left: 0.76vw;padding: 0 3.84vw;height: 42px;border-radius: 30px;background: #303646; }
.total_search_box .btnDetailSearch:focus-visible {outline: 3px dotted #000; }
.total_search_box .btnDetailSearch .btn_text {position: relative;padding-right: 17px;font-size: 14px;font-weight: 700;color: #FFF;line-height: 1.35;letter-spacing: -0.01em; }
.total_search_box .btnDetailSearch .btn_text::before {content: '';position: absolute;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);right: 0;width: 12px;height: 12px;background: url("/images/n24/common/icon_search_detail.png") no-repeat left top/100% auto; }
.total_search_box .inputSet label {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;color: #000; }
.total_search_detail {position: relative;margin-top: 8px;padding: 34.5px 5.12vw 20px;border: 1px solid #DEDEDE;border-radius: 20px;width: 100%;background: #FFFF;-webkit-box-sizing: border-box;box-sizing: border-box; }
.total_search_detail::before {content: '';z-index: 0;opacity: 1;position: absolute;top: -13px;right: 50px;width: 26px;height: 13px;background: url("/images/n24/common/bg_total_search_tail.png") no-repeat left top/100% auto; }
.total_search_detail .search_detail_option li {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;position: relative;margin-top: 15px;line-height: 1; }
.total_search_detail .search_detail_option li:first-child {margin-top: 0; }
.total_search_detail .search_detail_option li .input_set_head {-ms-flex-negative: 0;flex-shrink: 0;padding-right: 10px;font-weight: 700;color: #1D1D1D;line-height: 1;-webkit-box-sizing: border-box;box-sizing: border-box;width: 149.6px;width: 16.92308vw;font-size: 14px; }
.total_search_detail .search_detail_option li .input_set_wrap {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-ms-flex-line-pack: center;align-content: center;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
.total_search_detail .search_detail_option li .input_set_wrap .inputSet {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-ms-flex-line-pack: center;align-content: center;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start; }
.total_search_detail .btn_close_detail {position: absolute;top: 12px;right: 15px;width: 14px;height: 14px;background: url("/images/n24/common/btn_close_detail.svg") no-repeat left top/100% auto; }

@media screen and (max-width: 1023px) {
	.total_search_box .inputSet {display: block;margin-top: 8px;margin-left: 20px; }
	.total_search_detail .search_detail_option li {-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;-ms-flex-wrap: nowrap;flex-wrap: nowrap; }
	.total_search_detail .search_detail_option li .input_set_head {width: 59px;font-size: 14px; }
	.total_search_detail .search_detail_option li .input_set_wrap {gap:4px; }
	.total_search_detail .search_detail_option li .input_set_wrap .inputSet {margin: 0 2.56vw 0 0; }
	.total_search_detail .search_detail_option li .input_set_wrap .inputSet:last-child {margin-right: 0; }
	.total_search_detail .search_detail_option li .input_set_wrap .inputSet.search_option_date {position: absolute;top: 38px;left: 0; }
	.total_search_detail .search_detail_option li .input_set_wrap .inputSet.search_input_date {margin-top: 14px;margin-left: 14px; }
	.total_search_detail .search_detail_option li .input_set_wrap .inputSet.search_input_date .useDatepicker {width: 25.64vw;height: 30px !important;background-size: 15px auto; }
	.total_search_detail .search_detail_option li .input_set_wrap .inputSet.search_input_date .useDatepicker {font-size: 10px; }
	.total_search_detail .search_detail_option li .input_set_wrap .inputSet.search_input_date .division {padding: 0 6px; }
}
@media screen and (min-width: 1024px) {
	.total_search_box > form {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start; }
	.total_search_box .serach_wrap {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;margin-left: 100px;padding: 0; }
	.total_search_box .input_box {width: 570px; }
	.total_search_box .input_box input {padding-right: 65px;height: 61px; }
	.total_search_box .input_box .btnSearch {right: 15px;padding: 0 15px; }
	.total_search_box .input_box .btnSearch::before {width: 22px;height: 22px; }
	.total_search_box .btnDetailSearch {margin-left: 7px;padding: 0 34px;height: 60px; }
	.total_search_box .btnDetailSearch .btn_text {padding-right: 24px;font-size: 18px; }
	.total_search_box .btnDetailSearch .btn_text::before {width: 14px;height: 14px; }
	.total_search_box .inputSet {margin: 0 0 0 12px; }
	.total_search_detail {margin-top: 20px;padding: 36px 110px 39px 60px;max-width: 970px; }
	.total_search_detail::before {opacity: 0; }
	.total_search_detail .search_detail_option li .input_set_head {width: 93px;padding-right: 15px;font-size: 18px; }
	.total_search_detail .btn_close_detail {top: 20px;right: 20px;width: 20px;height: 20px; }
}

.total_search_result {position: relative;margin-top: 24px;width: 100%; }
.total_search_result .leftArea {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;position: relative; }
.total_search_result .leftArea h4 {margin-top: 100px;margin-bottom: 0;font-size: 18px;font-weight: 500;color: #1D1D1D;line-height: 1; }
.total_search_result .leftArea h4:first-child {margin-top: 0; }
.total_search_result .leftArea .keyword {font-weight: 600;color: #925CD7; }
.total_search_result .leftArea .timeItem {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;position: relative;margin-top: 10px;padding-left: 19px;font-size: 14px;font-weight: 400;color: #777777;line-height: 1;text-align: right; }
.total_search_result .leftArea .timeItem::before {content: '';position: absolute;bottom: 1px;left: 0;width: 13px;height: 13px;background: url("/images/n24/common/icon_clock.png") no-repeat left top/100% auto; }
.total_search_result .leftArea .timeItem > em {color: #FF0000; }
.total_search_result .leftArea .tabBar {margin-top: 18px;margin-bottom: 20px; }
.total_search_result .leftArea .tabBar li a {white-space: nowrap; }
.total_search_result .leftArea .tabBar + h5 {margin-top: 0; }
.total_search_result .leftArea .tabBar.type4 {margin: 8px auto 20px; }
.total_search_result .leftArea h5 {position: relative;margin-top: 40px;margin-bottom: 8px;padding-left: 0;font-size: 18px;width: 100%;font-weight: 700;color: #333;line-height: 1.35;-webkit-box-sizing: border-box;box-sizing: border-box; }
.total_search_result .leftArea h5::before {display: none; }
.total_search_result .leftArea h5 * {font-weight: inherit; }
.total_search_result .leftArea h5:nth-of-type(1) {margin-top: 0; }
.total_result_content {margin: 0;padding: 0;width: 100%;border-top: 1px solid #303646;-webkit-box-sizing: border-box;box-sizing: border-box; }
.total_result_content .searchMore {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;margin-top: 10px;padding: 10px;border: 1px solid #DEDEDE;border-radius: 6px;background: #FFF;-webkit-box-sizing: border-box;box-sizing: border-box; }
.total_result_content .searchMore .btn_text {position: relative;padding-right: 27px;font-size: 15px;font-weight: 400;color: #333;letter-spacing: -1px;line-height: 1.25;text-align: center; }
.total_result_content .searchMore .btn_text::before {content: '';position: absolute;top: 50%;right: 0;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 18px;height: 18px;background: url("/images/n24/common/bg_more_view.png") no-repeat left center/auto 100%; }

@media screen and (max-width: 1023px) {
	.page_content .total_search_result .tabBar:first-of-type > li {width:calc(50% - 5px) !important; }
	.total_search_result .leftArea .tabBar + * {margin-top: 8px;margin-bottom: 23px; }
	.total_search_result .leftArea .tabBar.type4 {overflow-x:scroll; }
	.total_search_result .leftArea .tabBar.type4 > ul {display: flex;flex-direction:row;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;margin-left:20px; }
	.total_search_result .leftArea .tabBar.type4 > ul li {margin:0 0 10px;width:50%; }
}
@media screen and (min-width: 1024px) {
	.total_search_result {width: 970px; margin-top: 60px;}
	.total_search_result .leftArea h4 {margin-bottom: 0;font-size: 24px; }
	.total_search_result .leftArea .timeItem {margin: 0; }
	.total_search_result .leftArea .tabBar {margin-top: 30px;margin-bottom: 16px; }
	.total_search_result .leftArea h5 {margin-top: 40px;padding-left: 38px;font-size: 24px; }
	.total_search_result .leftArea h5::before {content: '';display: block;position: absolute;top: 6px;left: 0;width: 30px;height: 26px;background: url("/images/n24/common/icon_total_menu1.png") no-repeat left top/auto 100%; }
	.total_result_content .searchMore {padding: 20px; }
	.total_result_content .searchMore .btn_text {font-size: 16px; }
	.total_result_content .searchMore .btn_text::before {width: 19px;height: 19px; }
}

.total_result_list {padding: 20px 0 10px; }
.total_result_list + .total_result_list {margin-top: 0;padding-top: 10px; }
.total_result_list li {margin-top: 20px; }
.total_result_list li:first-child {margin-top: 0; }
.total_result_list li .board_title {display: block; }
.total_result_list li .file {display: none; }
.total_result_list li .img {width: 175px;height: 110px; }
.total_result_list li .title {font-size: 16px;font-weight: 700;color: #333;letter-spacing: -0.01em;line-height: 1.16;word-break: keep-all; }
.total_result_list li .point {color: #925CD7; }
.total_result_list li .board_category {margin-left: 2px;font-size: 14px;font-weight: 400;letter-spacing: -0.01em;line-height: 1.16; }
.total_result_list li .location {display: block;margin-top: 10px;font-size: 14px;font-weight: 400;color: #777;line-height: 1.18;letter-spacing: -0.01em; }
.total_result_list li .desc {margin-top: 10px;font-size: 14px;color: #878787;display: block;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
.total_result_list li.thumb {position: relative;margin-top: 10px;padding: 0 0 20px;padding-right: 34.61%;min-height: 75px;-webkit-box-sizing: border-box;box-sizing: border-box; }
.total_result_list li.thumb:first-child {margin-top: 0; }
.total_result_list li.thumb .img {overflow: hidden;position: absolute;top: 0;right: 0;border-radius: 6px;width: 30.76%;height: 19.23vw;max-width: 120px;max-height: 75px; }
.total_result_list li.thumb .img > img {overflow: hidden;position: absolute;top: 50%;left: 0;right: 0;-webkit-transform: translateY(-50%);transform: translateY(-50%);margin: 0 auto;width: 100%;height: auto; }

.totalSearchNone {margin: 50px auto;padding: 140px 0 0;text-align: center;background: url("/images/n24/common/icon_total_search_nodata.jpg") no-repeat center top/128px auto; }
.totalSearchNone .title {display: block;padding: 5px 0 15px;font-size: 18px;font-weight: 500;line-height: 130%;word-break: keep-all; }
.totalSearchNone .title span {font-weight: 900;color: #925CD7; }
.totalSearchNone p {font-size: 14px;color: #6c6c6c;line-height: 1.5;word-break: keep-all; }

.rightArea .recommend {position: relative;margin: 10px 0 0;padding: 12px 20px 4px;border: 1px solid #303646;border-radius: 20px;text-align: center;background: #FFFFFF;-webkit-box-sizing: border-box;box-sizing: border-box; }
.rightArea .recommend_title {display: inline-block;position: relative;margin: 0;padding: 0 0 10px 30px;font-size: 16px;font-weight: 700;color: #1D1D1D;line-height: 1;-webkit-box-sizing: border-box;box-sizing: border-box; }
.rightArea .recommend_title::before {content: '';position: absolute;top: -2px;left: 0;right: auto;-webkit-transform: none;transform: none;margin: 0;width: 20px;height: 20px;background: url("/images/n24/common/icon_search_recommend.png") no-repeat left top/100% auto; }
.rightArea .recommend ul {padding-top: 4px;width: 100%;border-top: 2px solid #303646; }
.rightArea .recommend li {float: none;position: relative;margin: 0;padding: 0;-webkit-box-sizing: border-box;box-sizing: border-box; }
.rightArea .recommend li a {display: block;overflow: hidden;position: relative;margin: 0;padding: 3px 8px;font-size: 14px;font-weight: 400;border: 0;border-radius: 0;color: #1D1D1D;line-height: 1.5;text-align: left;white-space: nowrap;text-overflow: ellipsis; }
.rightArea .recommend li a::before {content: '';position: absolute;top: 12px;left: 0;-webkit-transform: none;transform: none;width: 3px;height: 3px;background: #1D1D1D; }

@media screen and (min-width: 768px) and (max-width: 1023px) {
	.total_result_content .cardList.thumb li a {min-height: 157px; }
}
@media screen and (max-width: 1023px) {
	.total_result_content .cardList.thumb li a {padding-left: 0;padding-right: 190px; }
	.total_result_content .cardList.thumb li a .img {left: auto;right: 0; }
	.total_result_content .cardList.thumb li a .title {font-size: 16px; }
	.total_result_content .cardList.thumb li a .date {font-size: 14px; }
}
@media screen and (min-width: 1024px) {
	.total_result_list li .title {font-size: 18px; }
	.total_result_list li .board_category {font-size: 16px; }
	.total_result_list li .location {margin-top: 15px;font-size: 16px; }
	.total_result_list li .desc {margin-top: 11px;font-size: 16px; }
	.total_result_list li.thumb {padding-right: 190px;min-height: 110px; }
	.total_result_list li.thumb .img {width: 100%;height: 100%;max-width: 175px;max-height: 110px; }
	.totalSearchNone {margin: 40px auto;padding-top: 8px;padding-left: 187px;min-height: 160px;text-align: center;background-position: left center; }
	.totalSearchNone .title {font-size: 26px; }
	.totalSearchNone p {font-size: 15px; }
	.rightArea {display: block;position: absolute;top: 128px;right: 0;width: 250px;-webkit-box-sizing: border-box;box-sizing: border-box; }
	.rightArea .recommend {margin: 0;padding: 30px 20px 30px; }
	.rightArea .recommend::before {content: '';position: absolute;top: -122px;right: -17px;width: 133px;height: 133px;background: url("/images/n24/common/img_character_total_search2.png") no-repeat right bottom/auto 100%; }
	.rightArea .recommend_title {font-size: 20px;padding: 0 0 20px 34px; }
	.rightArea .recommend_title::before {width: 24px;height: 24px; }
	.rightArea .recommend li {margin: 0; }
	.rightArea .recommend li a {padding: 6px 8px;font-size: 16px; }
	.rightArea .recommend li a::before {top: 16px; }
}

.rightArea .searchWord {display: block;position: relative;margin-top: 20px;padding: 24px 20px;border: 1px solid #DEDEDE;border-radius: 20px;background-color: #fff; }

@media screen and (max-width: 1023px) {
	.rightArea .searchWord {display: none; }
}

.rightArea .searchWord .title {display: block;font-size: 18px;font-weight: 700;color: #1D1D1D;line-height: 1.5;text-align: left;word-break: keep-all; }
.rightArea .searchWord .listCon.dot {margin-top: 20px; }
.rightArea .searchWord .listCon.dot li {margin: 0;padding: 0; }
.rightArea .searchWord .listCon.dot li::after {display: none; }
.rightArea .searchWord .listCon.dot li a {display: block;overflow: hidden;position: relative;margin: 0;padding: 10px 8px;font-size: 16px;font-weight: 400;border: 0;border-radius: 0;color: #1D1D1D;line-height: 1.25;white-space: nowrap;text-overflow: ellipsis; }
.rightArea .searchWord .listCon.dot li a::before {content: '';position: absolute;top: 17px;left: 0;-webkit-transform: none;transform: none;width: 3px;height: 3px;background: #1D1D1D; }
.rightArea .searchWord .tabContent {margin-top: 30px; }
.rightArea .searchWord .tabContent .tabBar.type3 {position: relative;overflow: hidden;margin: 0;border-radius: 4px; }
.rightArea .searchWord .tabContent .tabBar.type3::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 1px solid #DEDEDE;border-radius: 4px;-webkit-box-sizing: border-box;box-sizing: border-box; }
.rightArea .searchWord .tabContent .tabBar.type3 li {margin: 0;padding: 0;width: 50%;-webkit-box-sizing: border-box;box-sizing: border-box; }
.rightArea .searchWord .tabContent .tabBar.type3 li a {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin: 0;padding: 14px 0;width: 100%;font-size: 16px;font-weight: 400;border-radius: 0;background-color: transparent;-webkit-box-sizing: border-box;box-sizing: border-box; }
.rightArea .searchWord .tabContent .tabBar.type3 li.active {color: #fff;font-weight: 600;background: #925CD7; }
.rightArea .searchWord .tabContent .tabPage {margin-top: 10px; }
.rightArea .searchWord .tabContent .tabPage li a {display: block;overflow: hidden;display: block;margin: 0;padding: 8px 0;font-size: 16px;color: #1D1D1D;white-space: nowrap;text-overflow: ellipsis; }
.rightArea .searchWord .tabContent .tabPage li a .num::after {content: '.';display: inline-block;font-size: 16px; }
.tabBar {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;margin-bottom: 40px;border: 1px solid #ccc;border-radius: 10px;width: 100%;background: #FFF;-webkit-box-sizing: border-box;box-sizing: border-box; }

/* tabBar */
.tabBar + * {margin-top: 20px;margin-bottom: 32px; }
.tabBar + .tabBar.type4 {margin-top: 20px; }
.tabBar + .topIconBox {margin-bottom: 30px; }
.tabBar li {position: relative;width: 50%;-webkit-box-sizing: border-box;box-sizing: border-box; }
.tabBar li::after {content: '';z-index: 0;position: absolute;top: 50%;right: 0;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 1px;height: 18px;background-color: #d4bfbf; }
.tabBar li a {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;position: relative;padding: 13px 5px;font-size: 15px;font-weight: 500;color: #1D1D1D;line-height: 1;text-align: center;-webkit-box-sizing: border-box;box-sizing: border-box; }
.tabBar li.active {-webkit-filter: drop-shadow(0px 0px 15px rgba(48, 54, 70, 0.35));filter: drop-shadow(0px 0px 15px rgba(48, 54, 70, 0.35)); }
.tabBar li.active a {z-index: 1;font-weight: 700; }
.tabBar li.active a::before {content: '';z-index: -1;position: absolute;top: 50%;left: 0;right: 0;margin: -1px;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: calc(100% + 2px);height: calc(100% + 3px);border: 2px solid #303646;border-radius: 10px;-webkit-box-sizing: border-box;box-sizing: border-box; }

@media screen and (max-width: 320px) {
	.tabBar li a {font-size:13px; }
}
@media screen and (max-width: 1023px) {
	.page_content .tabBar:first-of-type > li {width:50% !important; }
	.tabBar li:nth-child(2n)::after {display: none; }
}
@media screen and (min-width: 1024px) {
	.tabBar {margin-bottom: 40px; }
	.tabBar + * {margin-top: 40px;margin-bottom: 0; }
	.tabBar + .tabBar.type4 {margin-top: 30px; }
	.tabBar + .topIconBox {margin-bottom: 55px; }
	.tabBar li {width: 25%; }
	.tabBar:not(.col5) li:nth-child(4n)::after,
	.tabBar li:last-of-type::after {display: none; }
	.tabBar li a {font-size: 17px;padding: 16px 5px; }
}

.tabBar.type2 {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-bottom: 24px;border: 0;border-radius: 0;width: 100%;background: #FFF; }
.tabBar.type2 li {position: relative;margin-left: 4px;width: auto; }
.tabBar.type2 li:first-child {margin-left: 0; }
.tabBar.type2 li::before,
.tabBar.type2 li::after {display: none; }
.tabBar.type2 li a {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;position: relative;padding: 12px 20px;font-size: 16px;font-weight: 400;color: #1D1D1D;line-height: 1; }
.tabBar.type2 li.active {-webkit-filter: none;filter: none; }
.tabBar.type2 li.active a {font-size: 16px;font-weight: 700;color: #fff;border-radius: 30px;background: #303646; }
.tabBar.type2 li.active a::before {display: none; }

@media screen and (min-width: 1024px) {
	.tabBar.type2 li {width: auto; }
}

.tabBar.type3 {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;border: 0;margin-left: -5px;width: calc(100% + 5px); }
.tabBar.type3 li {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;margin-bottom: 5px;margin-left: 5px;width: calc(50% - 5px);-webkit-box-sizing: border-box;box-sizing: border-box; }
.tabBar.type3 li::after {display: none; }
.tabBar.type3 li a {display: -webkit-box;display: -ms-flexbox;display: flex;position: relative;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;padding: 14px 20px;width: 100%;font-size: 14px;font-weight: 400;color: #555;line-height: 1;border-radius: 30px;background: #F9F9F9;-webkit-box-sizing: border-box;box-sizing: border-box; }
.tabBar.type3 li a::before {display: none; }
.tabBar.type3 li a span {display: inline-block;position: relative;font-size: 14px;font-weight: 400;color: #555;line-height: 1; }
.tabBar.type3 li.active {-webkit-filter: none;filter: none; }
.tabBar.type3 li.active a {color: #FFF;background: #925CD7; }
.tabBar.type3 li.active span {color: #FFF; }
.tabBar.type3 li.active .count {color: inherit; }

@media screen and (max-width: 1023px) {
	.tabBar.type3 li:nth-last-child(1),
	.tabBar.type3 li:nth-last-child(2) {margin-bottom: 0; }
}
@media screen and (min-width: 1024px) {
	.tabBar.type3 {margin-left: 0;width: auto; }
	.tabBar.type3 li {-webkit-box-flex: 1;-ms-flex: 1;flex: 1;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;margin: 0 0 0 10px;width: auto; }
	.tabBar.type3 li:first-child {margin-left: 0; }
	.tabBar.type3 li a {-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;width: auto;padding: 18px 30px; }
	.tabBar.type3 li a span {font-size: 16px; }
	.tabBar.type3 li.active span {font-weight: 700; }
}

.tabBar.type4 {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;margin: 0 auto 15px;border: 0;text-align: center; }
.tabBar.type4 li {-webkit-filter: none;filter: none;display: inline-block;margin: 0 1px 10px;padding: 0 10px;width: auto;border: 0;line-height: 1.5;vertical-align: middle;-webkit-box-sizing: border-box;box-sizing: border-box; }
.tabBar.type4 li::after {display: none; }
.tabBar.type4 li a {display: block;position: relative;padding: 0 3px;font-size: 14px;font-weight: 400;color: #808080;line-height: 1.20; }
.tabBar.type4 li a::before {display: none; }
.tabBar.type4 li.active a {font-weight: 500;color: #925CD7; }
.tabBar.type4 li.active a:after {content: '';z-index: -1;display: block;position: absolute;left: -1px;right: -1px;bottom: -2px;height: 10px;background: #EEE5F9; }

@media screen and (min-width: 1024px) {
	.tabBar.type4 {margin: 8px auto 20px; }
	.tabBar.type4 li {margin: 0 1px; }
}

.tabBar:not(.type3) + .tabBar.type4 {margin-top: 30px; }

@media screen and (min-width: 1024px) {
	.tabBar:not(.type3) + .tabBar.type4 {margin-bottom: 40px; }
}

.col2 li {width: 50%; }
.col3 li {width: 33.33%; }
.col4 li {width: 25%; }
.col5 li {width: 20%; }

@media screen and (min-width: 1024px) {
	.tabBar.col5 li:nth-child(5n)::after {display: none; }
}

.btnMore {display: inline-block;margin-left: 10px;padding: 0 8px;height: 28px;font-size: 13px;color: #fff;border: 0px none;vertical-align: baseline;background: #856C6C; }

@media screen and (min-width: 1024px) {
	.btnMore {font-size: 14px; }
}

.attach_file {display: block;margin-top: 10px;font-size: 14px; }
.attach_file .btn_attach {margin-top: 5px;font-size: 12px; }

@media screen and (min-width: 1024px) {
	.attach_file .btn_attach {margin-top: 0;font-size: 14px; }
	.attach_file {font-size: 16px; }
}

.btn_attach {display: inline-block;margin: 0 2px;padding: 0 12px;height: 28px;border: 1px solid #cbcbd1;border-radius: 14px;font-size: 13px;color: #555;line-height: 26px;text-align: center;-webkit-box-sizing: border-box;box-sizing: border-box;vertical-align: baseline; }

.listCondition {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;margin: 15px 0 0;padding: 0 5px 15px; }
.listCondition .sortItem li {display: inline-block;vertical-align: middle; }
.listCondition .sortItem li a {display: block;position: relative;padding: 0 10px;color: #535353; }
.listCondition .sortItem li a:after {content: '';position: absolute;top: 50%;right: -1px;margin-top: -6px;height: 12px;border-right: 1px solid #e6e6e6; }
.listCondition .sortItem li:last-child a:after {display: none; }
.listCondition .sortItem li.active a {font-weight: 500;color: #6856DA;text-decoration: underline; }

/*
	#allNav .depth1:after { display:block; content:''; clear:both; }
	#allNav .depth1 > li { display:block; float:left; position:relative; padding:0 1px; width:16.6666%; height:220px; box-sizing:border-box; }
	#allNav .depth1 > li:after { display:block; content:''; position:absolute; right:0; top:45px; height:175px; border-right:1px solid #eaeaea; }
	#allNav .depth1 > li:last-child:after { display:none; }
	#allNav .depth1 > li > a { display:block; background:#2c9f99; border-radius:5px; color:#fff; text-align:center; line-height:45px; font-size:17px; font-weight:500; }
	#allNav .depth2 { padding:20px; }
	#allNav .depth2 > li { display:block; position:relative; margin-bottom:10px; padding-left:10px; }
	#allNav .depth2 > li:last-child { margin-bottom:0; }
	#allNav .depth2 > li:after { display:block; content:''; position:absolute; left:0; top:7px; width:3px; height:3px; background:#3e35aa; border-radius:50%; }
	#allNav .depth2 > li > a { display:block; font-size:16px; }
*/

/* 20240926 content.css 사용부분 임시 이동 */
/* 위원회소개 */
.greetingCon {position: relative;padding-bottom: 50px; }
.greetingCon .img {position: absolute;display: block;right: 0;top: 0; }
@media screen and (min-width: 1024px) {
	.greetingCon {padding-right:400px; }
	.greetingCon .img img {/* width: 320px; */height: 320px; }
}

.greetingCon .img span {display: block;position: absolute;right: 10px;bottom: -27px;width: 360px;height: 65px;background: url("/images/n21/sub/bg_greetingCon_name2.gif") no-repeat right top;border-bottom-left-radius: 25px;font-size: 19px;color: #fff;text-align: center;line-height: 65px;z-index: 2;-webkit-box-shadow: 0px 4px 7px #c3c3c3; box-shadow: 0px 4px 7px #c3c3c3;letter-spacing: -.5px; }
.greetingCon .txtBig {display: block;margin-bottom: 35px;line-height: 145%;font-size: 28px; }
.greetingCon p {margin-bottom: 28px;font-size: 18px;line-height: 150%; }

.markItem {padding-left: 30px;background: url("/images/n21/sub/icon_markItem.png") no-repeat left top;font-size: 15px;line-height: 22px; }
span.markItem {display: inline-block; }
.bbsSearch .markItem {margin-right: 25px; }

.personList > ul {margin: 0 -10px; }
.personList > ul:after {display: block;content: '';clear: both; }
.personList > ul > li {display: block;padding: 10px;-webkit-box-sizing: border-box; box-sizing: border-box;text-align: left; }
.personList > ul > li > div {display: block;position: relative;padding: 25px 32px 25px 200px;min-height: 202px;background: #f6f6f6;border: 1px solid #ececec;border-radius: 8px;-webkit-box-sizing: border-box; box-sizing: border-box; }
.personList > ul > li .img {display: block;position: absolute;left: 32px;top: 25px;width: 130px;height: 150px;background: #fff;text-align: center;line-height: 155px; }
.personList > ul > li .img img {display: inline-block;vertical-align: middle;width: 100%;height: 100%; }
.personList > ul > li .title {display: block;margin: 12px 0;font-size: 22px;font-weight: 900; }
.personList .listCon > li {font-size: 16px; }
.personList .listCon > li:after {top: 13px; }

.ceoHistory:after {display: block;content: '';clear: both; }
.ceoHistory .leftArea {float: left;width: 43%;text-align: center; }
.ceoHistory .rightArea {float: right;padding: 0;width: 50%; }

.historyList2 {position: relative;margin-top: 30px; }
.historyList2:after {display: block;content: '';position: absolute;top: 0;bottom: 0;left: 11px;border-left: 1px solid #e3e3e3;z-index: -1; }
.historyList2 li {display: block;position: relative;margin-bottom: 30px;padding-left: 40px;font-size: 17px;line-height: 24px; }
.historyList2 li:before,
.historyList2 li:after {display: block;content: '';position: absolute;border-radius: 50%; }
.historyList2 li:before {left: 0;top: 0;width: 24px;height: 24px;background: #fff;border: 1px solid #2e96c2;-webkit-box-sizing: border-box; box-sizing: border-box; }
.historyList2 li:after {top: 8px;left: 8px;width: 8px;height: 8px;background: #2e96c2; }
.historyList2 li .year {display: inline-block;vertical-align: top;margin-right: 12px;color: #2e96c2;font-size: 22px; }

.orgItem {margin-bottom: 70px;padding-top: 20px; }
.orgItem:after {display: block;content: '';clear: both; }
.orgItem > ul > li {display: block; }
.orgItem > ul > li .head {display: table;position: relative;margin: 0 auto 29px;width: 230px;height: 112px;background: #685fd7;border-radius: 20px; }
.orgItem > ul > li .head:after {display: block;content: '';position: absolute;left: 50%;bottom: -30px;height: 30px;border-right: 1px solid #7e7d8c; }
.orgItem > ul > li .head span {display: table-cell;vertical-align: middle;line-height: 150%;color: #fff;font-weight: 500;font-size: 18px;text-align: center; }
.orgItem > ul > li .head span b {display: block;font-size: 22px; }
.orgItem > ul > li > ul {padding-top: 44px;text-align: center; }
.orgItem > ul > li > ul li {display: inline-block;vertical-align: middle;position: relative;margin: 0 5px;width: 100px;height: 90px;background: #7e7d8c;border-radius: 20px;line-height: 90px; }
.orgItem > ul > li > ul li::before,
.orgItem > ul > li > ul li::after {display: block;content: '';position: absolute;top: -43px; }
.orgItem > ul > li > ul li::before {left: -8px;right: -8px;border-top: 1px solid #7e7d8c; }
.orgItem > ul > li > ul li:first-child:before {left: 50%; }
.orgItem > ul > li > ul li:last-child:before {right: 50%; }
.orgItem > ul > li > ul li::after {left: 50%;height: 43px;border-right: 1px solid #7e7d8c; }
.orgItem > ul > li > ul li a,
.orgItem > ul > li > ul li .none {display: inline-block;vertical-align: middle;line-height: 150%;font-size: 17px;font-weight: 500;color: #fff;text-align: center; }
.orgItem > ul > li > ul li b {display: block; }

.managerBox {margin-bottom: 20px;padding: 25px 0;background: #f4f7fe;border: 1px solid #e5e9f4;text-align: center;font-size: 20px; }
.managerBox p {line-height: 50px; }
.managerBox .icon {display: inline-block;font-size: 24px; }
/* .managerBox .icon { display:inline-block; padding-left:60px; background:url(/images/n21/sub/icon_managerBox.png) no-repeat left top; font-size:24px; } */
.managerBox .icon em {color: #2e96c2; }

.greetingCon.suVer span.sign {font-size: 26px;font-weight: bold;display: block;color: #333;text-align: right;padding-top: 30px;padding-right: 15px; }
.greetingCon.suVer span.sign img {padding-left: 20px;height: 80px; }

/* 선거방송토론위원회 */
.processList {display: table;width: 100%;border-spacing: 10px; }
.processList > li {display: table-cell;vertical-align: middle;position: relative;background: #f6f6f6;border: 1px solid #ececec;border-radius: 10px; }
.processList.col4 > li {width: 25%; }
.processList > li:after {display: block;content: '';position: absolute;right: -20px;top: 50%;margin-top: -15px;width: 30px;height: 30px;border-radius: 50%;background: #fff url("/images/n21/sub/icon_processList_ar.png") no-repeat center;z-index: 1;-webkit-box-shadow: 1px 1px 4px #adadad; box-shadow: 1px 1px 4px #adadad; }
.processList > li.item1:after {top: 35px;margin-top: 0; }
.processList > li.item2:after {top: inherit;bottom: -24px;right: 50%;margin-right: -15px;margin-top: 0;background: #fff url("/images/n21/sub/icon_processList_ar2.png") no-repeat center; }
.processList > li:last-child:after {display: none; }
.processList > li div {padding: 20px 10px;-webkit-box-sizing: border-box; box-sizing: border-box;text-align: center; }
.processList > li b {font-size: 14px;line-height: 130%; }
.processList > li.active {background: #2e96c2;color: #fff; }
.processList > li ul li {width: 100%;border-bottom: 1px solid #e3e3e3;line-height: 55px;font-size: 14px;font-weight: 500; }
.processList > li ul li:last-child {border-bottom: 0px none; }
.processList > li.type2 {display: table;margin-bottom: 15px;width: 100%;height: 95px; }
.processList > li.type2 div {display: table-cell;vertical-align: middle; }
.processList > li:last-child {margin-bottom: 0px; }

.orgItem2 {position: relative;margin: 0 auto;padding-left: 305px;padding-top: 14px;width: 70%;min-height: 200px;-webkit-box-sizing: border-box; box-sizing: border-box; }
.orgItem2 ul li .head {display: table;position: absolute;left: 0;top: 0;width: 230px;height: 132px;background: #685fd7;border-radius: 20px;font-size: 20px;font-weight: 500;text-align: center;color: #fff;line-height: 145%; }
.orgItem2 ul li .head:after {display: block;content: '';position: absolute;top: 37px;right: -33px;width: 33px;border-top: 1px solid #7e7d8c; }
.orgItem2 ul li .head b {display: table-cell;vertical-align: middle; }
.orgItem2 ul li ul li {display: block;position: relative;margin-bottom: 8px;height: 48px;background: #f3f3f3;border: 1px solid #7e7d8c;border-radius: 10px;-webkit-box-sizing: border-box; box-sizing: border-box;line-height: 46px;font-size: 17px;font-weight: 500;text-align: center; }
.orgItem2 ul li ul li:before,
.orgItem2 ul li ul li:after {display: block;content: '';position: absolute;left: -43px; }
.orgItem2 ul li ul li:before {top: 0;bottom: -10px;border-right: 1px solid #7e7d8c; }
.orgItem2 ul li ul li:after {top: 50%;margin-top: -1px;width: 43px;border-top: 1px solid #7e7d8c; }
.orgItem2 ul li ul li:first-child:before {top: 50%; }
.orgItem2 ul li ul li:last-child:before {bottom: 50%; }

.workFlowList > li {display: block;position: relative;margin-bottom: 10px;padding: 23px 50px 23px 100px;background: #f6f6f6;border: 1px solid #ececec;border-radius: 10px;letter-spacing: -.5px; }
.workFlowList > li .num {display: block;position: absolute;top: 20px;left: 0;width: 64px;height: 60px;border-top-right-radius: 10px;border-bottom-right-radius: 10px;font-size: 24px;font-weight: 500;color: #fff;text-align: center;line-height: 60px; }
.workFlowList > li.item1 .num {background: #685fd7; }
.workFlowList > li.item2 .num {background: #4877d9; }
.workFlowList > li.item3 .num {background: #2e96c2; }
.workFlowList > li.item4 .num {background: #1ba29b; }
.workFlowList > li.item5 .num {background: #54a01a; }
.workFlowList > li.item6 .num {background: #958c24; }
.workFlowList > li.item7 .num {background: #c56b29; }
.workFlowList > li.item8 .num {background: #7c5555; }
.workFlowList > li.item9 .num {background: #c03b90; }
.workFlowList > li.item10 .num {background: #bd4bde; }
.workFlowList > li .title {display: block;margin-bottom: 10px;font-size: 20px;font-weight: 500; }
.workFlowList > li.item1 .title {color: #685fd7; }
.workFlowList > li.item2 .title {color: #4877d9; }
.workFlowList > li.item3 .title {color: #2e96c2; }
.workFlowList > li.item4 .title {color: #1B8D7D; }
.workFlowList > li.item5 .title {color: #54a01a; }
.workFlowList > li.item6 .title {color: #958c24; }
.workFlowList > li.item7 .title {color: #c56b29; }
.workFlowList > li.item8 .title {color: #7c5555; }
.workFlowList > li.item9 .title {color: #c03b90; }
.workFlowList > li.item10 .title {color: #bd4bde; }
.workFlowList > li > ul > li {display: block;position: relative;margin-bottom: 2px;padding-left: 15px;font-size: 16px;line-height: 145%; }
.workFlowList > li > ul > li:after {display: block;content: '';position: absolute;left: 0;top: 7px;width: 4px;height: 4px;border-radius: 50%;border: 2px solid #000; }
.workFlowList > li.item1 > ul > li:after {border-color: #685fd7; }
.workFlowList > li.item2 > ul > li:after {border-color: #4877d9; }
.workFlowList > li.item3 > ul > li:after {border-color: #2e96c2; }
.workFlowList > li.item4 > ul > li:after {border-color: #1ba29b; }
.workFlowList > li.item5 > ul > li:after {border-color: #54a01a; }
.workFlowList > li.item6 > ul > li:after {border-color: #958c24; }
.workFlowList > li.item7 > ul > li:after {border-color: #c56b29; }
.workFlowList > li.item8 > ul > li:after {border-color: #7c5555; }
.workFlowList > li.item9 > ul > li:after {border-color: #c03b90; }
.workFlowList > li.item10 > ul > li:after {border-color: #bd4bde; }
.workFlowList .listCon.minus {margin-top: 3px; }
.workFlowList .listCon.minus > li > ul {margin: 2px 0; }
.workFlowList .listCon.minus > li > ul > li {display: block;position: relative;padding-left: 7px;font-size: 15px; }
.workFlowList .listCon.minus > li > ul > li:after {display: block;content: '';position: absolute;left: 0;top: 9px;width: 3px;height: 3px;border-radius: 50%;background: #797979; }

/* 구시군 안내 지도 */
.imgKogl {display: block;float: left;padding-right: 10px;width: 160px; }

.mapArea {text-align: center; }
.mapArea p {margin-top: 10px; }

.siteInfo {padding-top: 20px; }
.siteInfo:after {display: block;content: '';clear: both; }

.mapWrap #map {position: relative;overflow-x:auto;overflow-y:hidden;width:100%; }
.mapWrap #map a {display: block;position: absolute;width: 41px;height: 50px;background: url("/images/n21/sub/icon_mapImg_point.png") no-repeat;font-size: 15px;font-weight: 500;color: #fff;line-height: 45px;text-align: center; }
.mapWrap #map a.on {background: url("/images/n21/sub/icon_mapImg_point2_on.png") no-repeat;text-decoration:underline;text-underline-position:under; }

#map_su {top: 88px;left: 75px; }
#map_ic {top: 106px;left: 35px; }
#map_gg {top: 130px;left: 105px; }
#map_gw {top: 80px;left: 205px; }
#map_cb {top: 180px;left: 160px; }
#map_sj {top: 210px;left: 90px; }
#map_dj {top: 250px;left: 110px; }
#map_cn {top: 240px;left: 50px; }
#map_gb {top: 240px;left: 260px; }
#map_dg {top: 300px;left: 240px; }
#map_jb {top: 320px;left: 90px; }
#map_us {top: 330px;left: 310px; }
#map_bs {top: 380px;left: 290px; }
#map_gj {top: 385px;left: 45px; }
#map_gn {top: 375px;left: 200px; }
#map_jn {top: 405px;left: 100px; }
#map_jj {top: 510px;left: 100px; }

@media screen and (max-width: 920px) {
	.mapWrap {margin-bottom: 20px; }
	.mapWrap #map {width:392px;margin:0 auto; }
}
@media screen and (min-width: 920px) {
	.siteInfo .mapWrap {float: left;width: 392px;margin-left: 5px; }
	.siteInfo .tableCon {float: right;width: calc(100% - 453px); }
}

/* 구시군 서브메뉴 모바일 */
#mobileNavTab {display: none;padding-top: 20px;border-bottom: 1px solid #e3e3e3;overflow-x: auto; }

/* 반응형 */
@media all and (max-width: 1280px) {
	.greetingCon .txtBig {font-size: 28px; }
	.orgItem > ul > li > ul li {width: 100px; }
	.orgItem > ul > li > ul li a,
	.orgItem > ul > li > ul li .none {font-size: 15px; }
	.personList > ul > li > div {padding-right: 10px; }
	.personList > ul > li .title {margin: 0 0 10px;font-size: 18px;line-height: 140%; }
	.personList .listCon > li {font-size: 15px; }
	.tableCon .list th,
	.tableCon .list td {font-size: 14px; }
	.tableCon .list.type3 th,
	.tableCon .list.type3 td {padding: 8px 5px; }
	.btn_s {padding: 5px;height: auto;font-size: 13px;line-height: 140%; }
	.processList > li ul li {font-size: 16px; }
	.orgItem2 {margin: 0 5%;width: auto; }
	.orgItem2 ul li .head {font-size: 17px; }
	.orgItem2 ul li ul li {font-size: 15px; }
	.tableView .viewCon iframe {height: 600px; }
	.greetingCon.suVer span.sign {position: relative;font-size: 18px;margin-top: 0px;padding-bottom: 50px; }
	.greetingCon.suVer span.sign img {position: absolute;top: 65px;right: 25px;height: 50px; }
}
@media all and (max-width: 1130px) {
	.greetingCon.suVer .img {position: static;margin-bottom: 20px;text-align: center; }
	.greetingCon.suVer .img span {position: static;width: 320px;font-size: 17px;margin: 0 auto; }
}
@media all and (max-width: 960px) {
	.greetingCon .img {position: static;margin-bottom: 20px; }
	.greetingCon .img span {position: static;width: auto;font-size: 17px;background-size:cover;background-position:left center; }
	.greetingCon p {margin-right: 0; }
	.orgItem > ul > li .head {float: left;width: 35%; }
	.orgItem > ul > li .head:after {display: none; }
	.orgItem > ul > li .head span {font-size: 16px; }
	.orgItem > ul > li .head span b {font-size: 20px; }
	.orgItem > ul > li > ul {float: left;padding-left: 5%;width: 60%; }
	.orgItem > ul > li > ul li {display: block;margin-bottom: 10px;width: auto;height: 40px;border-radius: 10px;line-height: 40px; }
	.orgItem > ul > li > ul li b {display: inline-block;margin-left: 8px; }
	.orgItem > ul > li > ul li a,
	.orgItem > ul > li > ul li .none {font-size: 15px; }
	.orgItem > ul > li > ul li::after {top: -5px;bottom: -5px;left: -3%;height: auto; }
	.orgItem > ul > li > ul li::before {top: 50%;left: -3%;width: 3%; }
	.orgItem > ul > li > ul li:first-child:before {left: -20%;width: 20%;z-index: -1; }
	.orgItem > ul > li > ul li:first-child::after {top: 50%; }
	.orgItem > ul > li > ul li:last-child::after {bottom: 50%; }
	.ceoHistory .leftArea {margin-bottom: 20px; }
	.ceoHistory .leftArea,
	.ceoHistory .rightArea {float: none;width: auto; }
	.historyList2 {margin-top: 15px; }
	.historyList2 li {margin-bottom: 20px;font-size: 15px; }
	#naviBar .naviList > li.type2 > a {padding-right: 40px;min-width: 180px; }
	#naviBar .naviList > li ul li a {padding: 8px; }
}
@media all and (max-width: 640px) {
	.markItem {padding-left: 24px;background-size: 16px auto; }
	.greetingCon {padding-bottom: 20px; }
	.greetingCon .img span {font-size: 16px; }
	.greetingCon .txtBig {margin-bottom: 15px;font-size: 23px; }
	.greetingCon p {margin-bottom: 15px;font-size: 15px; }
	.personList > ul {margin: 0; }
	.personList > ul > li {float: none;padding: 0;width: auto; }
	.personList > ul > li > div {padding: 20px;height: auto; }
	.personList > ul > li .img {position: static;margin-bottom: 16px; }
	.mapWrap #map a {font-size: 14px; }
	.processList > li {display: block;margin-bottom: 15px;width: auto !important; }
	.processList > li.type2 {display: block;height: auto; }
	.processList > li.type2 div {display: block; }
	.processList > li div {padding: 15px; }
	.processList > li b,
	.processList > li ul li {font-size:14px; }
	.processList > li:after {top: inherit !important;bottom: -24px;right: 50%;margin-right: -15px;margin-top: 0;background: #fff url("/images/n21/sub/icon_processList_ar2.png") no-repeat center; }
	.orgItem2 {margin: 0;padding-left: 0; }
	.orgItem2 ul li .head {position: relative;top: inherit;left: inherit;margin-bottom: 20px;height: 80px; }
	.orgItem > ul > li .head {height: 80px; }
	.orgItem > ul > li > ul {padding-top: 20px; }
	.orgItem > ul > li .head span b {font-size: 18px; }
	.orgItem2 ul li .head:after {display: none; }
	.orgItem2 ul li ul {margin-left: 15%; }
	.orgItem2 ul li ul li:after {width: 8%; }
	.moveList ul li a {overflow: inherit !important; }
	.moveList ul li.next a {padding-right: 0; }
	.moveList ul li a span {display: none; }
	.orgItem2 ul li ul li:before,
	.orgItem2 ul li ul li:after {left: -8%; }
	.orgItem2 ul li ul li:first-child:before {top: -40px;z-index: -1; }
	.workFlowList > li .title {font-size: 16px; }
	.workFlowList > li > ul > li {font-size: 13px; }
	.listCon.minus > li {font-size: 13px; }
	.workFlowList > li {padding-left: 80px;padding-right: 20px; }
	/* 구시군 서브메뉴 모바일 반응형 */
	#mobileNavTab {display: block; }
}
@media all and (max-width: 320px) {
	.greetingCon.suVer .img span {width: 100%;font-size: 15px; }
	.greetingCon.suVer span.sign {padding-right: 10px; }
}

/* 이벤트 게시판 */
@media all and (min-width: 1024px) {
	.board_event_list li > a {padding: 23px 16px !important; }
}

.txtPurple { color:#564cd4; }
.txtGreen { color:#289993; }
.txtPink { color:#da39ed; }
.txtRed { color:#f54325; }
.txtBlue { color:#0078aa; }