/* 텍스트 정렬 */
.t_left { text-align:left;}
.t_center {text-align:center;} 
.t_right {text-align:right;} 

/* 원 스타일 */
.cc { width:100%; height:auto; margin-top:13px; }
.cc ul {width:auto;height:auto;margin:0 auto;padding: 0 0 0 10px;overflow:auto;}
.cc ul li {margin: 10px 0px;padding:0;display:inline-block; *zoom:1; *display:inline;}
.cc ul li .bg_1 { background:url(../img/common/cc_bg.png) no-repeat top center #2edace; } /* 소라색 */
.cc ul li .bg_2 { background:url(../img/common/cc_bg.png) no-repeat top center #3cbec7; } /* 파란색 */
.cc ul li .bg_3 { background:url(../img/common/cc_bg.png) no-repeat top center #4f97bc; } /* 파란색 */
.cc ul li .bg_4 { background:url(../img/common/cc_bg.png) no-repeat top center #4b7bad; } /* 파란색 */
.cc ul li .bg_5 { background:url(../img/common/cc_bg.png) no-repeat top center #295a8e; } /* 파란색 */
.cc ul li .bg_6 { background:url(../img/common/cc_bg.png) no-repeat top center #033269; } /* 남색 */

.cc ul li .circle {width:235px;height:235px;border-radius:50%;display: inline-block;border: 10px solid #f5f5f5;}
.cc ul li .circle h2 {display:inline-block;width:100%;margin: 8% 0 0 0;text-align:center;font-size: 1.8em;font-weight: 500;letter-spacing: -0.05em;color: #faff27;}
.cc ul li .circle p {display:inline-block;width:100%;margin:0;text-align:center;font-size: 1.5em;letter-spacing: -0.055em;color:#ffffff;}
.cc ul li .circle .circle_bt { display: inline-block; width:100%; margin-top:20px; }
.cc ul li .circle .circle_bt a { padding:7px 15px 7px 18px; font-size:1.077em; font-weight:bold; text-decoration:none; color:#ffffff; border:solid 2px #ffffff; border-radius:20px;}
.cc ul li > img {display:inline-block;vertical-align: middle;margin-top: -40px;}


/* 리스트 스타일 */
ul.table_list_style01 {width:100%; display:inline-block;}
ul.table_list_style01 li {margin:5px 0; line-height: 140%; }
ul.table_list_style01 li::before {content:"-"; margin-right:5px;}

ul.table_list_style02 {width:100%; display:inline-block;}
ul.table_list_style02 li {float:left; width:35%; margin:5px 0; line-height: 140%; background:url(../images/common/list_b01.png) 0 7px no-repeat; padding-left:8px;}
ul.table_list_style02 li:nth-child(2), ul.table_list_style02 li:nth-child(4){width:65%;}
.table_list_style02_img img {width:50%; min-width:100px;}


ul.table_list_style03 {width:100%; display:inline-block;}
ul.table_list_style03 li {float:left; width:35%; margin:5px 0; line-height: 140%; background:url(../images/common/list_b01.png) 0 7px no-repeat; padding-left:8px;}

/*ul.li1 li, ul.li2 li, ul.li3 li {border-left: 5px solid #006cb2; padding-left: 10px;}*/
/*ul.li1 li {width:100%; margin:2px 0;}*/
ul.li1 li {width: 100%; border-left: 5px solid #006cb2; padding-left: 10px; }
ul.li2 li {width: 48%; border-left: 5px solid #006cb2; padding-left: 10px; }
ul.li3 li {width:33.33%;}

.ul2 > ul {width: 50% !important;  }

/* 기본 테이블*/
.table_01 {width:100%; border-collapse:collapse; border-top:2px solid #666; border-bottom:2px solid #d4d4d4; text-align:center; font-size:13px;margin-top:10px; }
.table_01 th { background: #f7f9fa;  text-align:center;  border:1px solid #e7e7e7; border-bottom:1px solid #cacaca; color:#333; padding:8px 4px 9px 4px; font-weight:600;}
.table_01 td { color:#5b5b5b; border:1px solid #e7e7e7; padding:10px; text-align:center; }
.table_01 th:nth-child(2) {background:#f3f6f7; }
.table_01 th:nth-child(3) {background:#f8fafa; }
.table_01 td.t_bold{ font-weight:bold; background-color:#f3fafd;}
.table_01 td.t_left{ text-align:left;}

/* 테이블 스타일 - 기본 블루 */
.table_02 {width:100%; border-collapse:collapse;  border-top:2px solid #006cb2;  text-align:center; font-size:13px;margin-top:10px; }
.table_02 th { background: #f7f9fa;  text-align:center;  border:1px solid #e7e7e7; border-bottom:1px solid #cacaca; color:#333; padding:8px 4px 9px 4px; font-weight:600;}
.table_02 th:nth-child(2) {background:#f3f6f7; }
.table_02 th:nth-child(3) {background:#f8fafa; }
.table_02 td { color:#5b5b5b; border:1px solid #e7e7e7; padding:10px; text-align:left; }
.table_02 td.t_bold{ font-weight:bold; background-color:#f3fafd;}
.table_02 td.t_left{ text-align:left;}


/* 테이블 스타일 - 상단 블루 */
table { font-size: 14px;line-height: 140%;color: #2f2f2f;}
table.table_style_blue {width:100%; border-collapse: collapse; border-top:2px solid #006cb2; margin-top:5px;}
table.table_style_blue thead th,
table.table_style_blue tbody th {background:#eff2f4; font-weight:500; text-align:center; }
table.table_style_blue tbody th:nth-child(2) {background:#f3f6f7; }
table.table_style_blue tbody th:nth-child(3) {background:#f8fafa; }
table.table_style_blue th,
table.table_style_blue td {border-bottom:#ccc 1px solid; padding:10px; color:#222222 !important; border-right:#ffffff 2px solid; text-align:left;}
table.table_style_blue td .t_left{ text-align:left}

table.table_td_center td {text-align:center} 
table.border_s_right {border-right:#cccccc 1px solid;}
table.border_s_left {border-left:#cccccc 1px solid;}
/*table.border_ss_0 td, table.border_ss_0 th {border-right:#ffffff 2px solid;}*/


table.table_td_center td {text-align:center} 
table.border_s_right {border-right:#cccccc 1px solid;}
table.border_s_left {border-left:#cccccc 1px solid;}


/* 박스 도표 */
.table_box {width:100%; border:1px solid #999; cellpadding:20px; cellspacing:20px; text-align:center; font-size:13px;margin-top:10px; }
.table_box th { text-align:center;   border: 15px solid #fff; padding:8px 4px 9px 4px; font-weight:600}
.table_box td { border: 15px solid #fff; padding:10px; text-align:left; }
.table_box td.t_bold{ font-weight:bold; background-color:#f3fafd;}
.table_box td.t_left{ text-align:left;}
.table_box td .t_left{ text-align:left}

/* 박스 도표 */
.table_box_line {width:100%; border: 15px solid #fff; text-align:center; font-size:13px;margin-top:10px; }
.table_box_line th { text-align:center;   border: 15px solid #fff; padding:8px 4px 9px 4px; font-weight:600}
.table_box_line td { border: 15px solid #fff; padding:10px; text-align:left; }
.table_box_line td.t_bold{ font-weight:bold; background-color:#f3fafd;}
.table_box_line td.t_left{ text-align:left;}
.table_box_line td .t_left{ text-align:left}


/* ------------------ 리스트형 목록:리스트 ---------------------- */

table.t-viewz {width:100%; border-collapse: collapse; border-top:2px solid #474747; border-bottom:2px solid #d4d4d4; margin-top:15px}
table.t-viewz thead th {background: #f7f7f7; border-bottom:1px solid #cacaca; padding:10px 0 10px 0; text-align: center}
table.t-viewz tr {text-align:left}
table.t-viewz td {padding:10px 5px 10px 5px; font-size: 14px; color:#5b5b5b; border-bottom:1px solid #e7e7e7;}
table.t-viewz .division{border-right:1px solid #e7e7e7;text-align: center}
table.t-viewz td span.bar {margin:0 10px 0 10px; font-size: 10px}
table.t-viewz td.subject {text-align: left}
table.t-viewz td.subject a {color:#5b5b5b}
table.t-viewz td a {color:#5b5b5b}
table.t-viewz td a:focus,
table.t-viewz td a:hover {text-decoration:none}
table.t-viewz td.write {width:10%}
table.t-viewz tbody {border-top:#d4d4d4 2px solid;border-bottom:#d4d4d4 2px solid;}
.tdclass0 input { border:none;}



/* ------------------ 리스트형 목록:리스트_blue ---------------------- */

table.t-style01				{clear:both; width:100%; margin:0 0 10px 0; text-align:center; display:inline-table; }
/* table.tc1 thead th		{padding:5px 3px;background:#A79F98;border:1px solid #99918A;color:#fff;line-height:1.4;} */
table.t-style01 thead th		{padding:8px 3px; background:#7d9ed3; border:1px solid #698ec9; font-weight:400; color:#fff; line-height:1.4;}
table.t-style01 tbody th		{padding:8px 3px; background:#f5f5f5; border:1px solid #ddd; line-height:1.4;}
table.t-style01 tbody td		{padding:10px 8px; background:#ffffff; border:1px solid #ddd;}
table.t-style01 tfoot th		{padding:8px 3px; background:#f5f5f5; border:1px solid #ddd; font-weight:bold;}
table.t-style01 tfoot td		{padding:8px; background:#f5f5f5; border:1px solid #ddd; font-weight:bold;}
table.t-style01 ul			{margin:5px 0;line-height:1.5;}
table.t-style01 ul li			{margin:0;}
table.t-style01 .gbg td		{background:#efefef}
table.t-style01 tr.tbg th,
table.t-style01 tr.tbg td		{background:#efefef;font-weight:bold;}


/* ------------------ 리스트형 목록:리스트_blue ---------------------- */

table.t-style02				{clear:both; width:100%; margin:0 0 10px 0; text-align:center; display:inline-table; }
/* table.tc1 thead th		{padding:5px 3px;background:#A79F98;border:1px solid #99918A;color:#fff;line-height:1.4;} */
table.t-style02 thead th		{padding:8px 3px; background:#5fb3b5; border:1px solid #47a5a7; font-weight:400; color:#fff; line-height:1.4;}
table.t-style02 tbody th		{padding:8px 3px; background:#f5f5f5; border:1px solid #ddd; line-height:1.4;}
table.t-style02 tbody td		{padding:10px 8px; background:#ffffff; border:1px solid #ddd;}
table.t-style02 tfoot th		{padding:8px 3px; background:#f5f5f5; border:1px solid #ddd; font-weight:bold;}
table.t-style02 tfoot td		{padding:8px; background:#f5f5f5; border:1px solid #ddd; font-weight:bold;}
table.t-style02 ul			{margin:5px 0;line-height:1.5;}
table.t-style02 ul li			{margin:0;}
table.t-style02 .gbg td		{background:#efefef}
table.t-style02 tr.tbg th,
table.t-style02 tr.tbg td		{background:#efefef;font-weight:bold;}




/* ------------------ 리스트형 목록:페이지네비 ---------------------- */



/* paging */
.pagingMb {display:none;}
.paging {overflow:hidden; height:28px; margin-bottom:30px; text-align:center;}
.paging .num {display:inline-block; vertical-align:middle;}
.paging .num a, .paging strong {display:inline-block; width:28px; height:28px; line-height:28px; margin:0 -1px; background:#f1f1f1; font-weight:bold; color:#4d4d4d; text-align:center;}
.paging .num a:hover,.paging strong.on {background:#a1a1a1; color:#fff;}
.paging .btn {display:inline-block; vertical-align:top;}
.paging .btn a {display:block; width:28px; height:28px; margin:0 -1px; text-indent:-9999px;}
.paging .first {background:url('/dbimage/main/WebData/homeimg/sub/btn_first.gif') no-repeat 0 0;}
.paging .prev {margin-right:1px !important; border-left:1px solid #e7e5e5; background:url('/dbimage/main/WebData/homeimg/sub/btn_prev.gif') no-repeat 0 0;}
.paging .next {margin-right:1px !important;border-right:1px solid #e7e5e5; background:url('/dbimage/main/WebData/homeimg/sub/btn_next.gif') no-repeat 0 0;}
.paging .last {background:url('/dbimage/main/WebData/homeimg/sub/btn_last.gif') no-repeat 0 0;}
.ie9 .paging .num a, .ie9 .paging strong,
.ie10 .paging .num a, .ie10 .paging strong,
.ie11 .paging .num a, .ie11 .paging strong {line-height:26px;}
.tableScroll + .paging {margin-top:-10px !important;}



/* ------------------ 리스트형 목록:검색창 ---------------------- */
.search-box {position:relative; width:100%; height: 66px; border:1px solid #dedede; background: #fafafa; margin:20px 0 0 0; text-align: center;}
.search-box .search-form {position:relative;  margin:0 auto; width:100%;}
.search-box .search-form select.sel01 {border:1px solid #e3e3e3; display: inline-block; padding:5px 0 5px 0; width:76px; margin-top:18px}
.search-box .search-form input.i01 {border:1px solid #e3e3e3; padding:6px 0 5px 0;  margin-top:18px; width:30%;}
.search-box .search-form .search-box-btn {width:auto; display:inline-block; vertical-align: middle; padding-top:18px;}
.search-box .search-form input, select {display:inline-block;}
input.button01, button.button01 {display: inline-block; cursor: pointer; margin: 0; padding: 4px 16px 4px; * padding: 4px 9px 4px; background: #777; color: #fff !important;}

/* 상단검색 */
.search_area{text-align:center; width:100%}
.search_area select{width:93px;height:40px; height:auto;padding:10px;line-height:32px;border:2px solid #d3d3d3; color:#555555}
.search_area .placeholder_guidetext{padding-left:10px !important;}
.search_area .searchword{width:50%; height:40px;margin:0 1px;padding:10px 0 10px 10px;color:#696969;border:2px solid #d3d3d3;vertical-align:top; vertical-align:middle;color:#555555}
.search_area .submit{display:inline-block;padding:12px 14px 14px 14px;line-height:13px;background-color:#252d33;color:#ffffff !important;font-size:13px !important;font-weight:normal;text-align:center;border:0;white-space:nowrap;vertical-align:top;text-decoration:none !important;font-weight:bold}


/* ------------------ 리스트형 글쓰기 ---------------------- */
table.sc-twrite {width:100%; border-collapse: collapse; border-top:2px solid #474747; border-bottom:1px solid #e3e3e3}
table.sc-twrite tbody th {color: #242424; background: #f7f7f7; text-align: left}
table.sc-twrite td.ttin {margin:0; padding:0}
table.sc-twrite table {width:100%; margin:0; padding:0}
table.sc-twrite table th.file01 {color: #525252; width:90%; border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2}
table.sc-twrite table th.file02 {text-align:center;  color: #525252;  border-right:1px solid #e2e2e2; margin:0; padding:0}
table.sc-twrite table td {border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2;  margin:0; padding:12px 0 12px 0}
table.sc-twrite table td.le {padding-left:20px}
table.sc-twrite table td.cen {text-align: center}
table.sc-twrite span.required {color: #ca3155}
table.sc-twrite td,
table.sc-twrite tbody th {padding: 12px 0 12px 20px; border-bottom: 1px solid #e3e3e3}
table.sc-twrite td input {border:1px solid #dcdcdc; padding:5px 0 5px 0}
table.sc-twrite td input.i01 {width: 30%}
table.sc-twrite td input.i02 {width: 60%}
table.sc-twrite td select {padding:0 0 0 0; height: 30px; }
table.sc-twrite td select.s01 {width:60px; padding:0 0 0 5px; border:1px solid #dcdcdc !important}
table.sc-twrite span.pw-e01 {font-size: 11px; color: #1a5bbd}
table.sc-twrite td.upload {color:#757575}
table.sc-twrite td.upload span.up-e01 {color:#c30000}
#Board_EDIT .save{display: inline-block; cursor: pointer; margin: 0; padding: 4px 16px 4px; background: #777777; color: #fff !important;}
#Board_EDIT .cancel{display: inline-block; cursor: pointer; margin: 0; padding: 4px 16px 4px; background: #777777; color: #fff !important;}
.chk_vacant { border:none !important;}
.chk_isLock { border:none !important;}
.view_b1 { padding-left:5px !important; width:300px;}
.view_b2 { padding-left:5px !important;}
.view_b6 { padding-left:5px !important;}
.TXT_vacantn { padding-left:5px !important;}
.TXT_WRITERN { padding-left:5px !important;}


/* 글쓰기 */
.data_table{width:100%;min-width:300px;margin-bottom:40px;border-top:1px solid #837266}
.data_table th{padding:24px 0px 24px 20px;border-bottom:1px solid #c9c9c9;background-color:#f4f4f4;color:#3e3e3e;font-size:13px;font-weight:bold;text-align:left;vertical-align:top;}
.data_table td{padding:10px 0px 10px 15px;border-bottom:1px solid #c9c9c9;color:#555555;font-size:13px}
.data_table td .notice{display:block;margin-top:10px;}
.data_table input[type="text"]{-webkit-appearance:none;border-radius:0;padding:5px 5px 5px 5px;border:1px solid #cccccc;color:#555555;}
.data_table select{-webkit-appearance:none;border-radius:0;padding:5px 0 5px 5px;background:url(/images/hmp/ko/common/btn_select.gif) no-repeat 96% 50%;border:1px solid #d0d0d0;color:#555555}
.data_table .calendar_go{display:block;float:left;margin:10px;}
.data_table .input_visit_div{width:200px;}
.data_table .input_visit_nm{float:left;width:172px}
.data_table .input_day{width:200px}
.data_table .input_nation{width:110px}
.data_table .input_age_group{width:200px}
.data_table .td_time{position:relative;height:61px;vertical-align:top}
.data_table .td_time .txt_alert{position:absolute;top:55px}
.data_table .people_list01 li{float:left}
.data_table .people_list02{margin:10px 0 10px 0;}
.data_table .people_list02 li{float:left}
.data_table .people_list03{width:100%;padding-bottom:4px;#padding-bottom:1px;}
.data_table .people_list03 li{float:left}
.data_table .people label{display:inline-block;width:50px;}
.data_table .people input{width:51px;margin:0px 5px 0px 4px;text-align:left}
.data_table .people02,
.data_table .people04,
.data_table .people06{margin:0 10px 0 30px}
.data_table .people06 select{width:138px}
.data_table .people07{margin:10px 0 0 0;}
.data_table .people02 label,
.data_table .people04 label,
.data_table .people06 label{width:72px;}
.data_table .people06 input{width:178px}
.data_table .people07{width:100%}
.data_table .td_phone{position:relative;height:61px;vertical-align:top}
.data_table .td_phone .txt_alert{position:absolute;top:55px}
.data_table .visit_nm_confirm{width:382px}
.data_table .input_hp,
.data_table .input_email{width:271px}
.data_table .td_visit_nm .alert,
.data_table .check_sms,
.data_table .check_mail{margin-left:16px}
.data_table_btn_area{margin-top:15px;text-align:center}
.btn_modify,
.btn_esc{margin-right:10px}


/* 갤러리 */
.imgList {overflow:hidden; padding-top:40px; border-top:1px solid #a0a0a0;}
.imgList ul {overflow:hidden;}
.imgList li {overflow:hidden; float:left; width:262px; margin-left:10px;}
.imgList li:first-child {margin-left:0;}
.imgList li > a {display:block; width:262px; height:153px; margin-bottom:10px;}
.imgList li > a img {width:100%; height:153px;}
.imgList li dl {overflow:hidden; line-height:160%;}
.imgList li dl dt {overflow:hidden; height:17px; margin-bottom:4px; font-weight:bold;}
.imgList li dl dt a {display:inline-block; overflow:hidden; width:100%; white-space:nowrap; text-overflow:ellipsis;}
.imgList li dl dd {float:left; padding:0 8px; background:url('/dbimage/main/WebData/homeimg/sub/bg_lineY.gif') no-repeat 0 50%;}
.imgList li dl dd.date {padding-left:0; background:none;}

.imgList02 {overflow:hidden; border-top:0px solid #585858; border-bottom:2px solid #a0a0a0; background:#fff;}
.imgList02 ul {overflow:hidden;}
.imgList02 li {overflow:hidden; float:left; width:32%; margin-left:1.33%; margin-bottom:25px; }
.imgList02 li.first {margin-left:0;}
.imgList02 li > a {display:block; width:100%; height:175px; margin-bottom:12px; text-align: center; border:1px solid #eaeaea; padding:1% }
.imgList02 li > a img {width:auto; text-align: center; height:100%; }
.imgList02 li dl {overflow:hidden; line-height:160%;}
.imgList02 li dl dt {overflow:hidden; height:19px; margin-bottom:4px; font-weight:400 !important;}
.imgList02 li dl dt a {display:inline-block; overflow:hidden; width:100%; white-space:nowrap; text-overflow:ellipsis; font-weight:400;}
.imgList02 li dl dd {float:left; padding:0 8px; background:url('/dbimage/main/WebData/homeimg/sub/bg_lineY.gif') no-repeat 0 50%;}
.imgList02 li dl dd.date {padding-left:0; background:none;}


/* button */
.ie7 button, .ie7 input[type="button"] {overflow:visible; margin:0 2px; white-space:nowrap;}
button > em {position:absolute; overflow:hidden; width:0; height:0; font-size:0; text-indent:-999em;}

.btnArea {overflow:hidden; width:100%; margin-bottom:40px; text-align:right;}
.btnArea.sub {margin:10px 0 20px;}
.btnArea.sub2 {margin-top:-59px !important;}
.btnArea.line {padding-top:20px; border-top:1px solid #a0a0a0;}
.btnArea + .btnArea {margin-top:-20px;}



/* boardView */
.boardView {overflow:hidden; margin-bottom:20px; border-top:0px solid #585858;}
.boardView > ul {overflow:hidden; border-top:1px solid #585858;}
.boardView > ul:first-child {border-bottom:1px solid #a0a0a0;}
.boardView > ul > li {float:left; border-top:1px solid #d8d8d8;}
.boardView > ul > li:first-child {border-top:none;}
.boardView > ul > li > strong {display:block; float:left; background:url('/dbimage/ipsi/WebData/images/sub/bg_boardSec.gif') no-repeat 100% 50%; color:#333; vertical-align:middle;}
.boardView > ul > li > strong > span {display:inline-block; line-height:150%; min-height:20px; padding:11px 0 11px 20px;}
.boardView > ul > li > span {display:block; float:right;}
.boardView > ul > li > span > span {display:inline-block; line-height:150%; min-height:20px; padding:11px 0 11px 20px; vertical-align:middle;}
.boardView > ul > li.tit {width:100%;}
.boardView > ul > li.tit > strong {width:10.5%;}
.boardView > ul > li.tit > span {width:89.5%;}
.boardView ul.file {border-top:none; border-bottom:1px solid #a0a0a0;}
.boardView ul.file li {overflow:hidden; padding:15px 0;}
.boardView ul.file li > strong > span {padding-top:0; padding-bottom:0;}
.boardView ul.file li > span > span {padding-top:0; padding-bottom:0;}
.boardView ul.file li > span em {display:block; margin-top:6px;}
.boardView ul.file li > span em:first-child {margin-top:0;}
.boardView ul.file li > span em a {text-decoration:underline;}
.boardView ul.reply {border-bottom:1px solid #585858 !important;}
.boardView ul.btn {border-bottom:1px solid #a0a0a0;}
.boardView .textArea {overflow:hidden; margin-bottom:0; padding-right:2px;}
.boardView .textArea .textarea {height:55px;}
.boardView .cmt {line-height:170%; margin-top:5px; font-size:11px; color:#727272;}
.boardView .title {position:relative; overflow:hidden; min-height:20px; margin-top:-1px !important; padding:13px 0 9px 20px; background:#efeeee;}
.boardView .title span {display:inline-block; padding-left:12px; background:url('/dbimage/ipsi/WebData/images/sub/bul_re.png') no-repeat 0 30%; font-weight:bold; color:#c53e49;}
.boardView .cont {line-height:170%; padding:45px 20px; border-bottom:1px solid #d8d8d8;} /* board_view Content */
.boardView .cont p {line-height:2.5em !important;}
.boardView .cont .img {margin-top:20px; text-align:center; margin-left:-20px; margin-right:-20px;}
.boardView .cont .img:first-child {margin-top:5px;}
.boardView .cont img {max-width:910px; height:100%;}
.boardView .contReply {line-height:170%; padding:28px 20px 25px; border-bottom:1px solid #a0a0a0;}
.boardView .contReply + .contPoll {margin-top:-1px;}

.boardView.child02 li.part {width:50%;}
.boardView.child02 li.part > strong {width:21%;}
.boardView.child02 li.part > span {width:79%;}
.boardView.child02 li.date {width:50%;}
.boardView.child02 li.date > strong {width:21%;}
.boardView.child02 li.date > span {width:79%;}

.boardView.wide li.tit > strong {width:13%; padding-right:1%;}
.boardView.wide li.tit > span {width:85.9%;}
.boardView.wide li.part > strong {width:27%; padding-right:1%;}
.boardView.wide li.part > span {width:72%;}
.boardView.wide li.date > strong {width:27%; padding-right:1%;}
.boardView.wide li.date > span {width:72%;}

.boardView + .table03 {margin-top:-20px; border-top:none;}





.boardTb {overflow:hidden; margin-bottom:30px; border-top:2px solid #585858; border-bottom:1px solid #a0a0a0;}
.boardTb ul {overflow:hidden;}
.boardTb li {position:relative; width:100%; border-top:1px solid #d8d8d8;}
.boardTb li > p {overflow:hidden; width:100%;}
.boardTb li:first-child {border-top:none;}
.boardTb li > p > .num {display:block; float:left; width:7%; line-height:150%; min-height:20px; padding:10px 0; background:url('../../image/common/bg/bg_boardSec.gif') no-repeat 100% 50%; color:#333; vertical-align:middle;}
.boardTb li > p > .num > span {display:inline-block; padding-left:17px;}
.boardTb li > p > .txt {display:block; float:left; width:93%;}
.boardTb li > p > .txt > span {display:block; line-height:150%; min-height:20px; margin-right:45px; padding:10px 0 10px 20px; vertical-align:middle;}
.boardTb li > p > .txt > span .sTit {display:inline-block; padding-left:13px; background:url('../../image/common/icon/icon_q.gif') no-repeat 0 4px; color:#4d4d4d;}
.boardTb li > p > .txt > span > a {display:block;}
.boardTb li > p > .txt > span > a:hover .sTit {font-weight:bold; color:#333;}
.boardTb li > p > .txt > span button {position:absolute; top:0; right:4px; display:block; width:42px; height:42px; background:url('../../image/common/btn/btn_tb_open.gif') no-repeat 50% 50%; text-indent:-9999em;}
.boardTb li > div { overflow:hidden; line-height:170%; padding:18px 20px 25px; border-top:1px solid #d8d8d8;}
.boardTb li > div .sTit {display:inline-block; padding-left:25px; background:url('../../image/common/icon/icon_a.gif') no-repeat 0 2px;}
.boardTb li > div .sTit p {letter-spacing:0 !important;}
.boardTb li .sTit b {color:#c8212f;}
.boardTb li.on > p > .num > span,
.boardTb li.on > p > .txt > span .sTit {font-weight:bold;}
.boardTb li.on > p > .txt > span button {background-image:url('../../image/common/btn/btn_tb_close.gif');}
.boardTb li.on > div {display:block;}
.boardTb li.noData {padding:30px 0; text-align:center;}
.ie7 .boardTb li > p > .txt {width:92.8%;}

.boardTb.case02 li > p > .txt {position:relative;}
.boardTb.case02 li > p > .txt > span .icon {position:absolute; width:125px;}
.boardTb.case02 li > p > .txt > span .sTit {margin-left:150px;}


/* 전체검색 */
.allSearch {position:relative; max-width:446px; margin:0 auto 40px;}
.allSearch .srchBoxT {position:relative; z-index:4; height:40px; padding-top:1px; background:#01aeb2;}
.allSearch .srchBoxT .txt {min-width:81%; height:35px; font-size:14px; color:#ff5000; border:0;  padding:0 8px 0 8px; margin:4px; line-height:220%; background:#fff;}
.allSearch .srchBoxT > button {width:70px; padding:0; font-size:15px; font-weight:600; position:absolute; top:0; right:4px; border:0px solid red; background:none}
.allSearch .srchBoxT > button span {display:block; height:36px; line-height:36px;  margin:4px; color:#fff; text-align:center}

.allSearch .srchBoxT .txtWs {height:35px; font-size:14px; color:#ff5000; border:0; margin:2px 70px 0 3px; line-height:220%; background:#fff; position:relative}
.allSearch .srchBoxT .txtWs span {margin-right:50px;}
.allSearch .srchBoxT .txtWs span input{width:100%; height:33px; font-size:14px; border:0;  padding:0 0 0 10px; line-height:35px; background:#fff; font-weight:bold}
.allSearch .srchBoxT .txtWs > button {width:40px; height:35px; padding:0; font-size:0; position:absolute; top:0; right:4px;  background:transparent url(../../image/ma/close.png) no-repeat 50% 50% ; }

.total_search_result{margin-top:48px; font-size:20px; color:#333; text-align:center;}
.total_search_result span{font-size:30px; color:#009782;}

.search_result_area{margin-top:55px;}
.search_result_area:first-child{margin-top:60px;}

.title_search{font-size:24px; color:#333; font-weight:bold;}
.title_search span{color:#009782;}

.search_result_list{padding-top:3px; margin-top:20px; border-top:1px solid #ccc; border-bottom:1px dotted #ccc;}
.search_result_list li{padding:18px 9px; border-top:1px dotted #ccc;}
.search_result_list li:first-child{border-top:0;}
.search_result_list dt{font-size:14px; color:#666;}
.search_result_list dt a{margin-right:18px; font-size:18px; color:#333; font-weight:normal;}
.search_result_list dd{margin-top:15px; font-size:14px; color:#666; line-height:21px;}

.search_more{margin-top:13px; text-align:right;}
.search_more a{font-size:14px; color:#237491;}






/* ------------------ 리스트형 상세페이지 ---------------------- */
.Board_WRITE th { width:75px;}















/* ------------------ 갤러리형 목록:리스트 ---------------------- */
.t_photo { margin:0; padding:30px 0 10px 0; border-top:solid 2px #474747; border-bottom:solid 1px #cacaca; overflow:auto;}
.t_photo li { float:left; width:170px; margin:0 10px 15px 0; padding:0;}
.t_photo_img { width:140px; height:93px; margin:0; padding:15px; border:solid 1px #e5e5e5; display:table-cell !important; text-align:center; vertical-align:center !important; }
.t_photo_tt { margin:0; padding:10px 0 0 0; text-align:center; font-size:13px;}
.t_photo_tt a { color:#333;}
.t_photo_date { margin:0; padding:0; text-align:center; font-size:11px; color:#666;}




/* ------------------ 갤러리형 상세페이지 ---------------------- */
.t_photo_view > img { margin-top:5px;}








/* ------------------ FAQ형 목록:리스트 ---------------------- */
.t_faq { width:auto; height:auto; margin:0; padding:0; overflow:auto; border-top:solid 2px #494949;}
.t_faq > li { width:auto; height:auto; margin:0; padding:10px 10px 10px 54px; border-bottom:solid 1px #e6e6e6; background:url(/dbimage/WebData/bbs/faq_q.gif) no-repeat 13px 10px; text-align:left; font-size:14px;}
.t_faq > .t_faq_on { color:#000; background-color:#f2f2f2;}
.t_faq > li > p { width:auto; height:auto; margin:15px 5px 5px 0; padding:15px 15px 15px 54px; background:url(/dbimage/WebData/bbs/faq_a.gif) no-repeat 13px 15px; background-color:#fff; text-align:left; font-size:12px;}


/* qna_list */
.qna_list_wrapper{width:auto;margin:30px 0;}
.qna_list_wrapper li{margin-bottom:5px;}

.qna_content_question,
.qna_content_answer{position:relative;width:auto;}
.qna_content_question{height:60px;}
.question_head{position: absolute; left:0; top:0px; padding:20px; background:#3a9597; *top:0px;  height:100%; text-align: center;}
.question_head span{font-size: 16px;font-weight: bold;color:#ffffff}
.question_body{display:block;width:auto; width:100%; height:100%; border:#ccc 1px solid; border-left-width:0;}
.question_body a{display:block;min-width:160px;overflow:hidden; white-space: nowrap;text-overflow: ellipsis;height:60px;padding:21px 42px 0 70px;background:url(/dbimage/ipsi/WebData/images/sub/qna_list_tail_off.gif) no-repeat right 50%;font-size: 15px;color:#222222}
.question_body a strong{font-weight: bold}
.question_body a span{font-weight:400;}
.qna_content_answer{ display:none;}
.answer_head{position: absolute;left:0;top:0;padding:31px 42px 0 21px;}
.answer_head span{font-size: 16px;font-weight: bold;color:#cc0000}
.answer_body{display:block;padding:28px 28px 28px 78px; font-size:13px; font-weight:normal; border-bottom:1px solid #cccccc; border-left:1px solid #cccccc; border-right:1px solid #cccccc;background:#f5f5f5;*margin-top:-5px;line-height:21px}

.on .question_head{background:#cc0000}
.on .qna_content_answer{display:block;}
.on .question_body a{background:url(/dbimage/ipsi/WebData/images/sub/qna_list_tail_on.gif) no-repeat right 50%;}


/*
.list_pagenavi  a {padding: 0 0 0 0; margin: 0 0 0 0; line-height:250%;}

.list_pagenavi .first, .list_pagenavi .prev, .list_pagenavi .next, .list_pagenavi .last{padding: 0 0 0 0; margin: 0 0 0 0;}

.list_pagenavi  a > span{display: inline-block; padding: 8px 0 0 0; margin: 0 0 0 0;  }

.list_pagenavi .first{ background:url('/dbimage/WebData/img/sub/page_first.gif') 50% 50% no-repeat  #f8f8f8; }
.list_pagenavi a.first:hover { background:url('/dbimage/WebData/img/sub/page_first_over.gif') 50% 50% no-repeat #4a83d0; }
.list_pagenavi .first > span{ visibility:hidden;}

.list_pagenavi .prev{ background:url('/dbimage/WebData/img/sub/page_prev.gif') 50% 50% no-repeat  #f8f8f8; }
.list_pagenavi a.prev:hover { background:url('/dbimage/WebData/img/sub/page_prev_over.gif') 50% 50% no-repeat #4a83d0; }
.list_pagenavi .prev > span{visibility:hidden;}

.list_pagenavi .next{ background:url('/dbimage/WebData/img/sub/page_next.gif') 50% 50% no-repeat  #f8f8f8; }
.list_pagenavi a.next:hover { background:url('/dbimage/WebData/img/sub/page_next_over.gif') 50% 50% no-repeat #4a83d0; }
.list_pagenavi .next > span{visibility:hidden;}

.list_pagenavi .last{ background:url('/dbimage/WebData/img/sub/page_last.gif') 50% 50% no-repeat #f8f8f8; }
.list_pagenavi a.last:hover { background:url('/dbimage/WebData/img/sub/page_last_over.gif') 50% 50% no-repeat #4a83d0; }
.list_pagenavi .last > span{visibility:hidden;}
*/


/************************************************ 모바일 전용 ***********************************************/

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


.tableScroll, .tableScrollM {overflow:hidden;overflow-x:auto;}
.tableScroll table {width:768px; margin-top:0;}


/* 리스트 스타일 */
ul.table_list_style02 li,
ul.table_list_style03 li {width:100%;}


.satisBox .starBox .subj .text,
.satisBox .starBox .subj .txar,
.satisBox .starBox .inBox,
.satisBox .starBox .btn {width:100%;}
.satisBox .starBox .subj .text {height:auto;}
.satisBox .starBox .subj .text label {padding:0;}
.satisBox .starBox input {margin-right:0; padding:0;}
.satisBox .starBox .btn .mobileOn{float:right; display:block;}
.satisBox .starBox .btn .mobileOff{display:none; }




#Board_LIST,
#Board_EDIT {width:100%;}


.calendar_area{position:relative;float:left; width:100%;padding:0 0 30px 0;}
.reserve_data_area{position:relative; float:left; width:100%; }


.imgList {padding-top:20px;}
.imgList li {float:none; margin:0 auto 15px;}
.imgList li:first-child {margin:0 auto 15px;}

.imgList02 ul {position:inherit;}
.imgList02 li {float:none; margin:0 auto 15px;}
.imgList02 li.first {margin:0 auto;}

}



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



}