@charset 'utf-8';

input::placeholder {color:#999;}
input::-webkit-input-placeholder {color:#999;}
input:-ms-input-placeholder {color:#999;}
textarea::placeholder {color:#999;}
textarea::-webkit-input-placeholder {color:#999;}
textarea:-ms-input-placeholder {color:#999;}

/* ios기본효과초기화 */
input[type=text], input[type=password], input[type=button], input[type=submit] {appearance:none;-webkit-appearance:none;-webkit-border-radius:0;border-radius:0;-moz-border-radius:0;-moz-appearance:none;}

.tbl_l1 th,
.tbl_l21 th,
.tbl_l22 th,
.tbl_w1 th,
.tbl_w21 th {font-weight:normal;}

.tbl_l22 th,
.tbl_l22 td,
.tbl_w21 th,
.tbl_w21 td {padding:1em 0.5em;}

/* 팝업레이어 */
#hd_pop {position:relative;z-index:1000;height:0;}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff;}
.hd_pops_con img {max-width:100%;height:auto;}
.hd_pops_footer {height:36px;line-height:34px;background:#000;color:#fff;text-align:right;}
.hd_pops_footer button {height:20px;line-height:20px;padding:0 5px;border:0;background:#393939;color:#fff;}
.hd_pops_footer button ~ button {margin-left:5px;}


/* 본문box */
.con_bx {width:100%;max-width:1400px;margin:0 auto;}
.con_bx:after {clear:both;display:block;height:0;content:'';}
.con_bx2 {width:100%;max-width:1400px;margin:0 auto;}
.con_bx2:after {clear:both;display:block;height:0;content:'';}

/* 서브 > 본문영역 */
.sub_con1 {width:100%;max-width:1400px;margin:0 auto;min-height:350px;padding:40px 0;}

/* 반응형체어용 */
.responsive_p {}
.responsive_m {display:none !important;}
.autoscroll_x1 {width:100%;max-width:1400px;overflow:hidden;overflow-x:auto;}

/* 가로스크롤바 */
.con_tbl1a {width:1400px !important;}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden;}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important;}

/* 게시판 > 목록 > 일반형 */
#bx_bo_cate {text-align:right;margin-bottom:5px;}
#bo_ll1 .td_subject .bo_cate {font-size:0.9em;color:#777;}
#bo_ll1 .bo_notice td {font-weight:500;}
#bo_ll1 .td_extno .bo_current {color:red;}
#bo_ll1 .nodata {text-align:center;font-size:2em;}

/* 게시판 > 목록 > 갤러리형 */
#bo_lg1 .bx_thumb {float:left;width:calc(100% + 40px);margin:-20px;}
#bo_lg1 .bx_thumb .dta1 {float:left;width:25%;padding:0 20px;margin:20px 0;}
#bo_lg1 .bx_thumb .nodata {padding:3em 20px;text-align:center;font-size:2em;}
#bo_lg1 .bx_thumb .dta1 dl {margin:0 auto;}
#bo_lg1 .bx_thumb .dta1 dl dt a {display:block;}
#bo_lg1 .bx_thumb .dta1 dl dt a img {width:100% !important;height:100% !important;}
#bo_lg1 .bx_thumb .dta1 dl dt a .no_image {display:table;width:100%;height:100%;}
#bo_lg1 .bx_thumb .dta1 dl dt a .no_image span {display:table-cell;vertical-align:middle;text-align:center;background:#ddd;}
#bo_lg1 .bx_thumb .dta1 dl dd div {margin-top:5px;}
#bo_lg1 .bx_thumb .dta1 dl dd .td_cate {color:#4b7dc5;font-size:0.9em;}
#bo_lg1 .bx_thumb .dta1 dl dd .td_subject {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
#bo_lg1 .bx_thumb .dta1 dl dd .td_etc1 {color:#555;}
#bo_lg1 .bx_thumb .dta1 dl dd .td_etc1 .gr1 ~ .gr1 {margin-left:10px;}

/* 게시판 > 댓글 목록 */
#bo_vc_l {border:1px solid #e5e8ec;background:#f5f8f9;padding:10px 10px;margin-top:10px;}
.bo_vc_inf1 .gr1 ~ .gr1 {margin-left:10px;}
.bo_vc_inf1 .sub_v1 {font-size:0.8em;}
.cmt_contents {margin-top:10px;}
.bo_vl_opt {text-align:right;margin-top:10px;}
.cm_ll1 ~ .cm_ll1 {border-top:1px solid #ddd;margin-top:10px;padding-top:10px;}
#bo_vc_w {border-bottom:1px solid #e5e8ec;margin:10px 0 10px 0;padding-bottom:5px;}

/* 게시판 > 상세보기 > 본문이미지 */
#bo_v_img {width:100%;overflow:hidden;zoom:1;}
#bo_v_img:after {display:block;visibility:hidden;clear:both;content:'';}
#bo_v_img a.view_image {display:block;}
#bo_v_img a.view_image ~ a.view_image {margin-top:20px;}
#bo_v_img img {max-width:100%;height:auto;}

/* 전체검색 */
#search .bx_sch {text-align:right;}
#search .sch_cnt1 {background:#eee;border-radius:5px;padding:10px;margin-top:5px;}
#search .sch_cnt1 span {position:relative;display:inline-block;font-size:0.9em;margin-left:10px;}
#search .sch_cnt1 span ~ span:before {content:'';position:absolute;left:-7px;top:4px;width:1px;height:10px;background:#777;}
#search .sch_no_data {background:#eee;border-radius:5px;padding:10px;margin-top:5px;text-align:center;}
#search .sch_board1 {padding:10px 0;}
#search .sch_board1 a {display:inline-block;border-radius:15px;padding:0 1em;line-height:30px;border:1px solid #ddd;margin:2px 0;}
#search .sch_board1 a ~ a {margin-left:10px;}
#search .sch_board1 a.on {border:0;background:#333;color:#fff;}
#search .sch_board1 a .cnt_cmt {font-weight:500;font-size:0.8em;margin-left:5px;color:red;}
#search .sch_list {margin-top:2em;}
#search .loop_tbl ~ .loop_tbl {margin-top:4em;}
#search .loop_tbl .bo_mor1 {border-bottom:1px solid #ddd;padding-bottom:8px;}
#search .loop_tbl .bo_mor1 > li:nth-of-type(1) {font-weight:500;font-size:1.1em;}
#search .loop_tbl .bo_mor1 > li:nth-of-type(2) a {color:#1c6cdf;}
#search .loop_tbl .bo_dta1 li {border-bottom:1px solid #ddd;padding-bottom:10px;margin-top:10px;}
#search .loop_tbl .bo_dta1 .sch_tit a {color:#333;}
#search .loop_tbl .bo_dta1 .sch_tit .bo_sbj1 .cmt_def {margin-right:5px;}
#search .loop_tbl .bo_dta1 .sch_tit a.pop_a {font-weight:500;font-size:0.9em;}
#search .loop_tbl .bo_dta1 .bo_con1 {color:#555;margin-top:10px;}
#search .loop_tbl .bo_dta1 .bo_nam1 {margin-top:15px;}
#search .loop_tbl .bo_dta1 .bo_nam1 .bo_tim1 {color:#555;font-size:0.9em;}

/* 게첩대현황 > 지도 */
.scr_ban_map1 {width:100%;height:100%;min-width:1400px;overflow-x:auto;padding-bottom:50px;}/* 모바일기기에서하단스크롤발생시키기위해 */
.pop_ban_map1 {display:flex;height:100%;}
.pop_ban_map1 .dp1 {height:100%;border:1px solid #999;}
.pop_ban_map1 .dp1 iframe {width:100%;height:calc(100% - 5px);border:0;}
.pop_ban_map1 .dp1:nth-of-type(1) {width:290px;padding:5px;}
.pop_ban_map1 .dp1:nth-of-type(2) {width:calc(100% - 300px);margin-left:10px;}

.pop_ban_map1_sch {height:100%;}
.pop_ban_map1_sch .dp1:nth-of-type(1) {background:#ddd;padding:5px;}
.pop_ban_map1_sch .dp1:nth-of-type(1) > ul {width:100%;display:table;}
.pop_ban_map1_sch .dp1:nth-of-type(1) > ul li {display:table-cell;}
.pop_ban_map1_sch .dp1:nth-of-type(1) > ul li:nth-of-type(1) {width:calc(100% - 60px);}
.pop_ban_map1_sch .dp1:nth-of-type(1) > ul li:nth-of-type(2) {width:60px;text-align:right;}
.pop_ban_map1_sch .dp1:nth-of-type(1) > ul li input[type=text] {width:100%;height:28px;border:0;padding:0 0.5em;}
.pop_ban_map1_sch .dp1:nth-of-type(1) > ul li input[type=submit] {height:28px;background:#2ea7d2;border:1px solid #2ba6d1;color:#fff;padding:0 12px;border-radius:3px;}
.pop_ban_map1_sch .dp1:nth-of-type(2) {padding:5px 0;}
.pop_ban_map1_sch .dp1:nth-of-type(2) > a {display:block;}
.pop_ban_map1_sch .dp1:nth-of-type(2) > a dl {width:100%;display:table;border:1px solid #ddd;border-top:0;}
.pop_ban_map1_sch .dp1:nth-of-type(2) > a:nth-of-type(1) dl {border-top:1px solid #ddd;}
.pop_ban_map1_sch .dp1:nth-of-type(2) > a dl > dt,
.pop_ban_map1_sch .dp1:nth-of-type(2) > a dl > dd {display:table-cell;vertical-align:middle;padding:5px;font-size:13px;}
.pop_ban_map1_sch .dp1:nth-of-type(2) > a dl > dt {width:25%;background:#abdc65;text-align:center;}
.pop_ban_map1_sch .dp1:nth-of-type(2) > a dl > dd {width:75%;}
.pop_ban_map1_sch .dp1:nth-of-type(2) > a dl > dd > div {font-size:0.9em;color:#777;}
.pop_ban_map1_sch .dp1:nth-of-type(2) > a.on dl > dd {font-weight:500;color:red;}

.pop_ban_map1_nomap {display:table;width:100%;height:100%;}
.pop_ban_map1_nomap li {display:table-cell;vertical-align:middle;text-align:center;font-size:2em;}

.pop_ban_map1_img {display:table;width:100%;height:100%;}
.pop_ban_map1_img li {display:table-cell;vertical-align:middle;text-align:center;}

/* 게첩현황달력 */
.tbl_od_stat1_calendar {width:100%;}
.tbl_od_stat1_calendar th,
.tbl_od_stat1_calendar td {width:14%;}
.tbl_od_stat1_calendar th {border:1px solid #ddd;padding:10px 5px;background:#f5f5f5;}
.tbl_od_stat1_calendar th:nth-of-type(7n-6) {color:#f11e24;}
.tbl_od_stat1_calendar th:nth-of-type(7n-0) {color:#3b8bd5;}
.tbl_od_stat1_calendar td {border:1px solid #ddd;vertical-align:top;padding:5px;min-height:165px;overflow:hidden;}
.tbl_od_stat1_calendar td strong {display:inline-block;line-height:20px;}
.tbl_od_stat1_calendar td:nth-of-type(7n-6) strong {color:#f11e24;}
.tbl_od_stat1_calendar td:nth-of-type(7n-0) strong {color:#3b8bd5;}
.tbl_od_stat1_calendar td.today strong {text-align:center;width:20px;background:#fffa90;border:1px solid #dad55e;color:#777620;}
.tbl_od_stat1_calendar td.today:nth-of-type(7n-6) strong {background:#ff9090;border:1px solid #da5e5e;color:#772020;}
.tbl_od_stat1_calendar td.today:nth-of-type(7n-0) strong {background:#90b2ff;border:1px solid #5e90da;color:#204377;}
.tbl_od_stat1_calendar td ul {display:flex;flex-direction:column;margin-top:5px;}
.tbl_od_stat1_calendar td ul li {display:flex;background-repeat:repeat-y, repeat-y, repeat-x;background-position:left 0 top, right 0 top, left center;background-image:url('../img/sub/bg_od_stat1_calendar_vline1.gif'), url('../img/sub/bg_od_stat1_calendar_vline1.gif'), url('../img/sub/bg_od_stat1_calendar_hline1.gif');}
.tbl_od_stat1_calendar td ul li ~ li {padding-top:5px;}
.tbl_od_stat1_calendar td ul li > div {flex:1;}
.tbl_od_stat1_calendar td ul li > div > div {margin:0 7px;overflow:hidden;text-overflow:ellipsis;word-break:break-all;white-space:nowrap;height:20px;line-height:18px;padding:0 2px;text-align:center;font-size:12px;border:1px solid #e2e2e2;color:#454545;background:#fff;}
.tbl_od_stat1_calendar td ul li > div > div.bn_dpyn1__y {background:#f7f7f7;}
.tbl_od_stat1_calendar td .end {color:red;font-size:11px;margin-left:5px;}

/**********************************/
/* 반응형                         */
/**********************************/
@media screen and (max-width:1340px){
/* 본문box */
.con_bx {padding:0 5px;}
/*.con_bx {background:yellow;}*/
.con_bx2 {padding:0;}

/* 서브 > 본문영역 */
.sub_con1 {padding:30px 5px;}
/*.sub_con1 {background:yellow;}*/

/* 반응형체어용 */
.responsive_p {display:none !important;}
.responsive_m {display:block !important;}

/* 게시판 > 목록 > 갤러리형 */
#bo_lg1 .bx_thumb .dta1 {width:33.333%;}
}
@media screen and (max-width:1040px){
/*.con_bx {background:lightgreen;}*/
/*.sub_con1 {background:lightgreen;}*/

/* 게시판 > 목록 > 갤러리형 */
#bo_lg1 .bx_thumb .dta1 {width:50%;}
}
@media screen and (max-width:840px){
/*.con_bx {background:pink;}*/
/*.sub_con1 {background:pink;}*/
}
@media screen and (max-width:640px){
/*.con_bx {background:violet;}*/
/*.sub_con1 {background:violet;}*/

/* 게시판 > 목록 > 갤러리형 */
#bo_lg1 .bx_thumb .dta1 {width:100%;}

#bo_lg1 .size_m1,
#bo_ll1 .size_m1,
#bo_v1 .size_m1,
#bo_w1 .size_m1 {height:30px;line-height:32px;padding:0 1.0em;font-size:12px;}
}
@media screen and (max-width:440px){
/*.con_bx {background:orange;}*/
/*.sub_con1 {background:orange;}*/
}
@media screen and (max-width:340px){
/*.con_bx {background:gray;}*/
/*.sub_con1 {background:gray;}*/
}