@charset "utf-8"; 

/* style */
.content img { max-width: 100%; } 
.gray_box { background: #f5f5f5; padding: 32px 30px; line-height: 24px; font-size: 16px; color: #333; font-weight: 500; border:none; box-sizing:border-box; } 
.box_line,
.content .cc14010101_dv1_rt_cont { border:1px solid #ddd; padding: 26px 35px; box-sizing: border-box; } 
.top_box { padding: 28px 25px; box-sizing: border-box; background: #f5f5f5; margin-bottom: 30px; position: relative; } 
.top_box:after { content:""; display: block; clear:both; } 
.top_box > div { float: left; } 
.top_box .box_img { width: 79px; margin-right: 26px; } 
.top_box .box_img img { width: 100%; } 
.top_box .box_txt { width: 690px; box-sizing: border-box; min-height: 80px; padding-top: 5px; } 
.top_box .box_txt p { color: #555; line-height: 24px; } 
.top_box .box_txt.middle { display: table } 
.top_box .box_txt.middle > p,
.top_box .box_txt.middle > ul { display: table-cell; vertical-align: middle; } 
.top_box .box_txt.middle > ul > li { line-height: 24px; } 
.top_box p.box_tit { font-size: 18px; color: #0f4d9f; font-weight: 600; margin-bottom: 2px; } 
.top_box .box_bottom { margin: 18px 0 7px; } 
.top_box .box_bottom.flr { margin: 14px 0 7px; } 
.top_box .box_li { padding-left: 16px; position: relative; } 
.top_box .box_li:before { content: ""; display: block; width: 6px; height: 6px; background: #566473; border-radius: 50%; position: absolute; top:9px; left: 0; } 
.top_box .box_li.ver02:before { background: #566473; } 
.btn_topbox { display: inline-block; padding:11px 15px 10px; line-height:1.3em; font-size:15px; color: #fff; background: #566473; margin-right: 10px; } 
.btn_topbox i { margin-left: 10px; } 
.btn_depart { display: inline-block; height: 40px; padding: 0 22px; line-height: 40px; color: #fff; background: #d94d07; } 
.btn_depart i { margin-left: 13px; transition: all .2s ease-out; } 
.btn_depart.active i { transform: rotate(-180deg); -webkit-transform: rotate(-180deg); } 
.depart_pop { width: 100%; min-height: 270px; box-sizing: border-box; border:1px solid #ddd; position: absolute; left: 0; padding: 40px 26px 20px; background: #fff; z-index: 3; box-shadow:2px 3px 7px 1px rgba(0,0,0,0.15); visibility: hidden; opacity: 0; transition: all .2s ease-out } 
.depart_pop.active { visibility: visible; opacity: 1 } 
.depart_pop ul { overflow: hidden; } 
.depart_pop ul li { float: left; line-height: 30px; position: relative; padding-left: 14px; box-sizing: border-box; width: 20%; } 
.depart_pop ul li:before { content:""; display: block; width: 6px; height: 6px; background: #c4c4c4; border-radius: 50%; position: absolute; top:12px; left: 0; } 
.depart_pop ul li a { color: #555; } 

.content .cc14010101_dv1_lf_cont { display:table; width:100%; padding: 25px 0; margin: 0 0 35px 0; border: 1px solid #ddd; } 
.content .cc14010101_dv1_lf_cont img { display: table-cell; vertical-align: middle; margin:0 auto } 
.content .box_bod { padding: 30px; } 

.img_box01 { width: 100%; margin-bottom: 30px; } 
.img_box01 > img { width: 100%; } 
.img_box02 { overflow: hidden; } 
.img_box02 img { float: left; width: 49%; } 
.img_box02 img:nth-of-type(1) { margin-right: 2%; } 

.img_box06 ul { overflow: hidden; } 
.img_box06 ul li { float: left; width: 14%; margin-left: 2%; text-align: center; } 
.img_box06 ul li:nth-of-type(1) { margin-left: 0; } 

.tab_type01 { margin: 0 0 50px 0; } 
.tab_type01 ul { display: flex; gap:8px; flex-wrap:wrap; } 
.tab_type01 ul li {width:calc(25% - 6px); box-sizing: border-box; background: #fff; border:1px solid #ddd } 
.tab_type01 ul li.active { background: #34495e; border:1px solid #34495e } 
.tab_type01 ul li.active a { color: #fff; } 
.tab_type01 ul li a {display: inline-flex; width:100%; height:55px;  justify-content:center; align-items:center; text-align: center; font-size: 16px; color: #555; font-weight: 500;} 

@media screen and (max-width:768px) {
	.tab_type01 { margin: 0 0 30px 0; } 
	.tab_type01 ul li {width:calc(33% - 5px);}
	.tab_type01 ul li a {width:auto; word-break:keep-all;padding:0 5px;}
}

.page { margin-bottom:100px; } 
.page h3:nth-of-type(1),
.page .sub_icon1:nth-of-type(1) { margin-top: 0; } 
.page .mgb30 + .mgb30 h3:nth-of-type(1),
.page .mgb30 + .mgb30 .sub_icon1:nth-of-type(1) { margin-top: 45px; } 

.content h3,
.content .cc14010101_dv1_tit,
.content .cc14010101_dv1_rt_tit { font-size:22px; font-weight: 600; padding-left: 35px; position: relative; line-height: 1.2em; margin: 45px 0 20px; background: none; } 
.content .cc14010101_dv1_lf .cc14010101_dv1_tit:nth-of-type(1) { margin-top: 0; } 
.content h3:before,
.content .cc14010101_dv1_tit:before,
.content .cc14010101_dv1_rt_tit:before { content:""; display: block; width: 22px; height: 22px; background:url(../images/sub/h3.png) no-repeat center; position: absolute; top:2px; left: 0; } 

.content h4,
.content .sub3_dl dt,
.content .sub1_6_d1,
.content .sub8dc { font-size:17px; font-weight: 600; padding-left: 15px; position: relative; line-height: 28px; background: none !important; } 
.content h4:before,
.sub3_dl dt:before,
.sub1_6_d1:before,
.content .sub8dc:before { content:""; display: block; width: 6px; height: 6px; background: #ed702d; border-radius: 50%; position: absolute; top:11px; left: 0; } 
.mgl20 h4 { margin-bottom: 5px; } 
.u_st1 > li,
.sub_icon2,
.content .cc14010101_dv1_rt_cont ul li { padding-left: 15px; position: relative; background: none; font-family: "NotoSansKR", sans-serif; } 
.u_st1 > li:before,
.sub_icon2:before,
.content .cc14010101_dv1_rt_cont ul li:before { content:""; display: block; width: 6px; height: 6px; background: #ed702d; border-radius: 50%; position: absolute; top:11px; left: 0; } 
.sub3_dl { margin-bottom: 17px; } 
.sub3_dl dt { margin-bottom: 4px; } 
.sub3_dl dd { padding-left: 15px; } 

.cc14010101_dv2_lf .cc14010101_dv1_tit,
.cc14010101_dv2_rt .cc14010101_dv1_tit { margin-top: 0; } 

.ul_type1 { padding-left: 16px; } 
h3 + .u_st2 { padding-left: 36px; } 
.u_st2 { padding-left: 16px; } 
.u_st1 .u_st2,
.sub3_dl .u_st2 { padding-left: 0; } 
.content .ul_type1 > li,
.u_st2 > li { padding: 0 0 0 16px; line-height:24px; position: relative; background: none !important; margin-left: 0; } 
.ul_type1 > li:before,
/* 200220 리스트 스타일 변경 시작 */
.u_st2 > li:before { content:""; display: block; width: 8px; height: 3px; background: #777; position: absolute; top:11px; left: 0; } 
.u_st2 > li > ul.u_st2 { margin-top:5px!important } 
.u_st2 > li > ul.u_st2 > li { padding-left:13px } 
.u_st2 > li > ul.u_st2 > li:before { background-color:#aaa; width:6px; height:6px; border-radius:50% } 
/* 200220 리스트 스타일 변경 끝 */
.content .ul_type2 > li { padding-left: 15px; line-height: 24px; position: relative; background: none!important; } 
.ul_type2 > li:before { content:""; display: block; width: 5px; height: 5px; background: #ccc; position: absolute; top:9px; left: 0; border-radius: 50%; } 

table td a[target="_blank"]:after { font-family: 'Font Awesome 5 Free'; content:"\f35d"; display:inline-block; color: #333; font-weight: 900; margin:0 5px; font-size: 13px; line-height: inherit; } 
table td a[target="_blank"].btn_class_apply:after,
table td a[target="_blank"].job_btn:after { color: #fff; } 
table td a[target="_blank"].btn_view:after { display: none; } 
table td a[target="_blank"].btn_go:after,
table td a[target="_blank"].sub-button7:after,
table td a[target="_blank"].btn_blue:after { display: none; } 
.sub_table1 { border-top:3px solid #333; } 
.sub_table1 table { width:100%; table-layout: fixed; border-collapse: separate; border-spacing: 0; border-left:1px solid #bbb } 
.sub_table1.center table { text-align: center } 
.sub_table1 table th { padding:14px 5px; background:#f5f5f5; font-weight: 600; border-bottom:1px solid #bbb; border-right:1px solid #bbb; } 
.sub_table1 table td { padding:14px 1%; border-bottom:1px solid #bbb; border-right: 1px solid #bbb !important; } 
.sub_table1.narrow table td { padding:14px 0; } 
.sub_table1 table .last { border-right:1px solid #bbb; } 
.sub_table1 table td.txt_center { text-align:center; } 
.sub_table1 table th.txt_center { text-align:center; } 
.board_list table td a[target="_blank"]:after { display: none; } 
.sub_table2 table { width:100%; table-layout: fixed; border-collapse: separate; border-spacing: 0; } 
.sub_table2 table th,
.sub_table2 table td { padding:12px 0px; border-right:1px solid #ddd; } 
.sub_table2 table th { border-bottom:1px solid #ddd; } 
.sub_table2 table td.txt_center { text-align:center; } 

.sub_title { padding: 0 0 21px 0; line-height: 30px; border-bottom:1px solid #333; position: relative; margin-bottom: 30px; } 
.sub_title:after { content:""; display: block; clear:both; } 
.sub_title h3 { font-size:30px; color:#333; font-weight: 600; float: left; padding: 0; line-height: 1; margin: 0; } 
.sub_title h3:before { display: none; } 
.sub_title .location { float: right; overflow: hidden; margin-top:18px; } 
.sub_title .location li { float: left; font-size:14px; color: #555; line-height: 14px; } 
.sub_title .location li i { color: #aaa; font-size:10px; margin:0 5px; line-height: 14px; margin-top: -2px; vertical-align: middle; } 

.sub_sns { overflow: hidden; position: absolute; right: 0; top:-41px } 
.sub_sns li { float: left; margin-left: 3px; } 

.content .tabcontent { color: #333; } 

/* 본문 들여쓰기 */
.content .mgl20 { margin-left:36px } 
.content .mgl20 h3 { margin-left:-36px; } 
.content .mgl20:after { content:""; display:block; clear:both } 
.content .mgl20 > ul { margin-bottom:20px; } 
.content .mgl20 .sub_icon1 { margin-left:-36px; } 
.content .sub_content .sub01_1 .sub01_1_2 .right .right_ct h4 { margin:0 } 
.content .con_ind { margin-left:28px; } 

@media screen and (max-width:768px) { 
	.content.mgl20 { margin-left:0 } 
	.content .mgl20 { margin-left:0 } 
	.content .mgl20 h3 { margin-left:0; } 
	.content.mgl20 .sub_icon1 { margin-left:0; } 
	.content .mgl20 .sub_icon1 { margin-left:0; } 
	.content .con_ind { margin-left:28px; } 
	.ul_type1 li { margin-left: 0; } 
}

/* 2020.04 테이블 swipe 추가 */
.box_swipe { display: none; } 
.box_swipe > p { display: inline-block; font-size: 13px; letter-spacing: -0.1em; color: #566473; font-weight: 700 } 
.box_swipe > img { margin-left: 8px } 
@media screen and (max-width:768px) { 
	.box_swipe { display: block } 
	.table_box,
	.img_scroll_box { overflow-x:scroll } 
	.table_box > table,
	.img_scroll_box img { max-width: 885px; width: 885px; } 
} 

/* btn */
.btn_write { display:inline-flex; align-items:center; height: 40px; padding: 0 20px; border:1px solid #0f4d9f; color: #0f4d9f; box-sizing: border-box; transition:all .2s ease-out; margin-left: 7px;} 
.btn_write:hover { color: #fff; background: #0f4d9f; text-decoration: none; } 
.btn_modify { display: inline-flex; align-items:center; height: 40px; padding: 0 20px; border:1px solid #eb9438; color: #eb9438; box-sizing: border-box; transition:all .2s ease-out; margin-left: 7px;} 
.btn_modify:hover { color: #fff; background: #eb9438; text-decoration: none } 
.btn_del { display: inline-flex; align-items:center; height: 40px; padding: 0 20px; border:1px solid #d91404; color: #d91404; box-sizing: border-box; margin-left: 7px; transition:all .2s ease-out; } 
.btn_del:hover { color: #fff; background: #d91404; text-decoration: none } 
.btn_list02 { display: inline-flex; align-items:center; height: 40px; padding: 0 20px; border:1px solid #333; color: #333; box-sizing: border-box; margin-left: 7px; transition:all .2s ease-out; } 
.btn_list02:hover { color: #fff; background: #333; text-decoration: none } 
.btn_list { display:inline-flex; align-items:center; padding:8px 25px; background-color:#1150a0; color:#fff; text-decoration:none } 
.btn_list:hover { text-decoration:none } 
.btn_list:hover,
.btn_list:focus { color:#fff } 
.btn_view { display:inline-flex; align-items:center; padding:0px 37px 0 10px; font-size:15px; color:#fff; margin-left: 15px; height: 28px; border-radius:4px; background:#777 url(../images/sub/btn_view.png) no-repeat right 12px top 5px; font-weight: 400; } 
.btn_view:hover,
.btn_view:focus { color:#fff } 
.btn_zipcode { display:inline-flex; align-items:center; padding:0px 14px; height: 35px; line-height: 35px; font-size:14px; background-color:#7d7d7d; color:#fff; vertical-align:middle; font-weight: 400; } 
.btn_zipcode:hover,
.btn_zipcode:focus { color:#fff } 
.btn_file_plus { display:inline-flex; align-items:center; padding:0px 10px 2px 10px; font-size:14px; background-color:#777; color:#fff } 
.btn_file_plus:hover,
.btn_file_plus:focus { color:#fff } 
.content .sub-button6 { display:inline-flex; align-items:center; min-width:55px; padding:11px 15px 10px; font-size:15px; line-height:1.3em; color:#fff; background:#8f8f8f; } 
.content .sub-button6:after { content:"\f019"; font-family: 'Font Awesome 5 Free'; font-weight: 900; margin-left: 10px; } 
.content .sub-button7 { display: inline-flex; align-items:center; background: #607D8B; height: auto; line-height: 1.3em; font-size: 15px; color: #fff; min-width: auto!important; padding: 11px 15px 10px!important; } 
.btn_download { display: inline-flex; align-items:center; background: #8f8f8f; height: auto; line-height: 1.3em; font-size: 15px; color: #fff; min-width: auto!important; padding: 11px 15px 10px!important; } 
.btn_go { display: inline-flex; align-items:center; background: #555; height: auto; line-height:1.3em; font-size: 15px; color: #fff; min-width: auto; padding: 11px 15px 10px; } 
.btn_go i { margin-left: 10px; } 
.btn_go.wide { padding-right:20px; } 
.btn_blue { display: inline-flex; align-items:center; background-color: #0f4d9f; color: #ffffff; padding: 2px 12px; font-size: 15px; border-radius:4px; } 
.page .job_btn { padding: 6px 12px 5px; font-size: 14px; line-height: 1.3em; } 
.btn_new {display: inline-flex; padding:8px 10px; font-size:16px; font-weight:600; color:#fff; background:#0F4D9F; border-radius:8px;}


/* modal */
.bg_modal { display: none; z-index:10; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.2); } 
.bg_modal.active { display: block; } 
.bg_modal .box_modal p { margin-bottom: 20px; text-align: center; line-height: 22px; font-size: 22px; font-weight: 600; } 
.bg_modal .box_modal { position:absolute; left:50%; top:50%; width:278px; height:132px; margin-top:-66px; margin-left:-139px; padding:20px; background:#fff; border:1px solid #333; } 
.modal_input { width:100%; height:34px; margin-bottom:15px; background:#fff; border:1px solid #ddd; padding:0; text-align:center; } 
.btn_submit { display:inline-block; padding:0 20px; color: #0f4d9f; height: 40px; line-height: 40px; border:1px solid #0f4d9f; box-sizing: border-box; transition:all .2s ease-out; vertical-align: middle; background: #fff; } 
.btn_submit:hover { color: #fff; background: #0f4d9f; text-decoration: none; } 

.pop-layer { display:none; position:absolute; top: 65%; left:40%; width: 700px; height:auto; background-color:#fff; border:1px solid #333; z-index: 10; } 
.pop-layer .pop-container { padding:30px 25px; } 
.pop-layer .btn-r { width:100%; margin-top:20px; padding-top:10px; text-align:right; } 
a.btn_layerClose { display:inline-block; padding:0 20px; color: #fff; height: 40px; line-height: 40px; box-sizing: border-box; background: #444; } 

/* board */
.board_top_area { margin-bottom:30px } 
.board_top_area:after { display:block; content:""; clear:both } 
.board_top_area>.search_area { float:left; width:100%; line-height: 40px; } 
.board_top_area>.search_area.per85 { float:left; width:85%; line-height:unset!important; } 
.board_top_area>.search_area>span { float: left; margin-right:3px; line-height: 40px; } 
.board_top_area>.search_area>span.red { float: none; } 
.board_top_area>.search_area>input { padding:5px; border:1px solid #ddd; height: 40px; border-radius: 0; float: left!important; margin-right: 8px; } 
.board_top_area>.search_area>select { padding:5px 30px 5px 13px; border:1px solid #ddd; height: 40px; margin-right: 8px; -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; appearance:none; background: url(../images/sub/arrow_board.svg) no-repeat right 12px top 14px; min-width:122px; float: left!important; } 
.board_top_area>.search_area>select::-ms-expand { display: none; } 
#content .board_top_area>.search_area>.btn_search { outline-color: red!important; } 
.board_top_area>.search_area>.btn_search {display:inline-block; width:70px; padding:0 10px; height: 40px; line-height: 40px; font-size:15px; background-color:#555;color:#fff; margin-right:10px;border:none;}
.board_top_area>.search_area>.btn_reset {display:inline-block; width:70px; padding:0 10px; height: 40px; line-height: 40px; font-size:15px; background-color:#fff;color:#333; margin-right:10px;border:1px solid #333;} 
.board_top_area .btn_rss { float: right; display:inline-block; padding:0 15px; height: 40px; line-height: 40px; font-size:16px; background-color:#ff911a; color:#fff; } 
.board_top_area .btn_rss i { margin-right: 6px; } 
.btn_bottom_area { margin-top: 20px; } 
.board_list>table {width:100%;border-top:3px solid #555;text-align:center} 
.board_list>table th,
.board_list>table td { padding:7px 5px } 
.board_list>table th { border-bottom:1px solid #ddd; font-weight: 600; background: #f5f5f5; } 
.board_list>table td { border-bottom:1px solid #ddd; color:#666 } 
.board_list>table td .title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
.board_list>table td .title>i { margin-left:5px; font-size:13px; vertical-align:top; margin-top:5px; color:#d91404 } 
.board_list>table td .answer { font-size:13px; color:#888 } 
.board_total { margin-top:-20px; line-height: 35px; } 

.board_line>table { width:100%; border-top:3px solid #555; text-align:center } 
.board_line>table th,
.board_line>table td { padding:13px 5px; border-right:1px solid #ddd } 
.board_line>table th:last-child,
.board_line>table td:last-child { border-right:none; } 
.board_line>table th { border-bottom:1px solid #ddd; font-weight: 600; background: #f5f5f5; } 
.board_line>table td { border-bottom:1px solid #ddd; color:#666 } 
.board_line>table td .title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
.board_line>table td .title>i { margin-left:5px; font-size:13px; vertical-align:top; margin-top:5px; color:#d91404 } 
.board_line>table td .answer { font-size:13px; color:#888 } 

.board_square ul li { float: left; width: 275px; padding: 34px 38px; box-sizing: border-box; border:1px solid #ddd; margin: 0 30px 30px 0; transition: all .2s ease-out; } 
.board_square ul li:hover { box-shadow: 3px 3px 15px 0px rgba(0,0,0,0.15) } 
.board_square ul li:nth-of-type(3n) { margin-right: 0; } 
.board_square ul li:nth-last-child(1),
.board_square ul li:nth-last-child(2),
.board_square ul li:nth-last-child(3) { margin-bottom: 0; } 
.board_square ul > li > a { display: block; width: 100%; height: 100%; box-sizing: border-box; } 
.board_square ul li img { width: 100%; height: 230px; } 
.board_square li > div > p { font-size: 18px; height: 57px; line-height: 58px; text-align: center; } 
.board_square .square_btn { display:flex; } 
.board_square .square_btn a { display: inline-block; color: #fff; height: 40px; line-height: 40px; text-align: center; width: 50%; outline-color:#000; } 
.board_square .square_btn2 { margin-top: 5px; } 
.board_square .square_btn2 a { display: block; color: #fff; height: 40px; line-height: 40px; text-align: center; } 
.board_square .square_btn01 { background: #5e8fbe; } 
.board_square .square_btn02 { background: #0e6eca; } 
.board_square .square_btn03 { background: #0f4d9f; } 

.board_cardnews { margin-bottom:-30px } 
.board_cardnews ul li { float: left; width: 275px; margin-right: 30px; position: relative; transition: all .2s ease-out; margin-bottom: 30px; box-sizing: border-box; } 
.board_cardnews ul li:after { content: ""; display: block; width: 100%; height: 2px; background: #555; position: absolute; bottom: 0; left: 0; border-top:1px solid #fff; transition: all .2s ease-out; } 
.board_cardnews ul li:hover:after { background: #0f4d9f; border-top:1px solid #0f4d9f } 
.board_cardnews ul li:nth-of-type(3n) { margin-right: 0; } 
.board_cardnews ul li a { display: block; width: 100%; height: 100%; } 
.board_cardnews ul li a:hover { text-decoration: none } 
.board_cardnews ul li img { border:1px solid #ddd; width: 100%; } 
.board_cardnews .cardnews_txt { padding: 15px 0; } 
.board_cardnews .cardnews_txt p { line-height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
.board_cardnews .date { color: #999; } 

.board_story { margin-bottom:-30px } 
.board_story ul li { position: relative; float: left; width: 275px; margin: 0 30px 30px 0; box-sizing: border-box; transition: all .2s ease-out; } 
.board_story ul li:nth-of-type(3n) { margin-right: 0; } 
.board_story ul li a { display: block; width: 100%; height: 100%; } 
.board_story ul li a:hover { text-decoration: none } 
.board_story ul li img { border:1px solid #ddd; width: 100%; height: 218px; box-sizing: border-box; } 
.board_story .story_txt { padding:0 20px; height: 70px; line-height: 70px; text-align: center; background: #f5f5f5; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all .2s ease-out; font-size: 18px } 
.board_story ul li a:hover .story_txt { background: #0f4d9f; color: #fff; } 

.board_zone { margin-bottom:-30px } 
.board_zone ul li { float: left; width: 275px; position: relative; border:1px solid #ddd; transition: all .2s ease-out; margin: 0 30px 30px 0; box-sizing: border-box; } 
.board_zone ul li:before { content: ""; display: block; width: 100%; height: 0px; background: #ddd; position: absolute; top: 0; left: 0; transition: all .2s ease-out; } 
.board_zone ul li:after { content: ""; display: block; width: 100%; height: 0px; background: #ddd; position: absolute; bottom: 0; left: 0; transition: all .2s ease-out; } 
.board_zone ul li .inner_line:before { content: ""; display: block; width: 0px; height: 100%; background: #ddd; position: absolute; top: 0; left: 0; transition: all .2s ease-out; } 
.board_zone ul li .inner_line:after { content: ""; display: block; width: 0px; height: 100%; background: #ddd; position: absolute; top: 0; right: 0; transition: all .2s ease-out; } 
.board_zone ul li:hover:before,
.board_zone ul li:hover:after { height: 8px; } 
.board_zone ul li:hover .inner_line:before,
.board_zone ul li:hover .inner_line:after { width:8px; } 
.board_zone ul li:nth-of-type(3n) { margin-right: 0; } 
.board_zone ul li a { display: block; width: 100%; height: 100%; } 
.board_zone ul li a:hover { text-decoration: none } 
.board_zone ul li img { width: 100%; height: 263px; box-sizing: border-box; } 
.board_zone .zone_txt { padding: 18px 20px 17px; border-top:1px solid #ddd; } 
.board_zone .zone_txt p { line-height: 1.2em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
.board_zone .date { color: #999; margin-top: 7px; } 

.board_welfare { width:100%; } 
.board_welfare .welfare_th { border-top:3px solid #555; border-bottom:1px solid #ddd; text-align:center; font-weight: 600; background: #f5f5f5; overflow: hidden; } 
.board_welfare .welfare_th > div { float: left; padding:13px 5px; box-sizing: border-box; } 
.board_welfare .th_01,
.welfare_category { width:25%; text-align: center; padding:12px 5px; border-right: 1px solid #ddd } 
.board_welfare .th_02 { width:75%; padding:13px 5px } 
.welfare_tit { width:75%; padding:12px 60px 12px 30px; position: relative; } 
.board_welfare .welfare_top > a { display: block; width: 100%; height: 100%; } 
.board_welfare .welfare_top:before,
.board_welfare .welfare_top:after,
.board_welfare .welfare_top > a:before,
.board_welfare .welfare_top > a:after { content:""; display: block; clear:both } 
.board_welfare .welfare_top div { float: left; box-sizing: border-box; /*overflow: hidden; text-overflow:ellipsis; white-space: nowrap; */ } 
.board_welfare .welfare_tit > i { position: absolute; color:#333; font-size: 20px; transition: all .2s ease-out; top:18px; right: 22px; transform:rotate(180deg); -webkit-transform:rotate(180deg); } 
.board_welfare dt.active .welfare_tit > i { color:#777; transform:rotate(0deg); -webkit-transform:rotate(0deg); } 
.board_welfare > dl > dt { border-bottom:1px solid #ddd; } 
.board_welfare > dl > dd { border-bottom:1px solid #ddd; color:#777; background: #f5f5f5; padding: 25px 30px; } 
.welfare_bottom .u_st1 > dt { padding-left: 15px; position: relative; } 
.welfare_bottom .u_st1 > dt:before { content:""; display: block; width: 6px; height: 6px; background: #ed702d; border-radius: 50%; position: absolute; top:11px; left: 0; } 
.welfare_bottom .u_st1 > dd { padding-left: 15px; } 

.file:before { font-family:'Font Awesome 5 Free'; font-size:20px } 
.file.file-hwp:before { content:"\f15c"; color:#488fa8 } 
.file.file-img:before { content:"\f1c5"; color:#3f51b5 } 
.file.file-pdf:before { content:"\f1c1"; color:#ea1111 } 
.file.file-ppt:before { content:"\f1c4"; color:#f44336 } 
.file.file-xls:before { content:"\f1c3"; color:#009688 } 

@media screen and (max-width:1200px) { 
	.top_box { padding: 28px 4%; } 
	.top_box .box_img { width: 10%; margin-right: 4%; } 
	.top_box .box_txt { width: 86%; } 

	.board_square ul li { width: 30.3%; padding: 34px 4%; margin: 0 4% 30px 0; } 

	.board_cardnews ul li { width: 30.3%; margin: 0 4% 30px 0; } 

	.board_story ul li { width: 30.3%; margin:0 4% 30px 0; } 
	.board_story ul li img { height: 23vw; } 

	.board_zone ul li { width: 30.3%; margin:0 4% 30px 0; } 
	.board_zone ul li img { height: 25vw; } 

	.sub_sns { top: -30px; } 
} 
@media screen and (max-width:767px) { 
	.top_box { padding: 28px 5%; } 
	.top_box .box_img { display: none; } 
	.top_box .box_txt { width: 95%; } 
	.depart_pop ul li { width: 33.333%; } 

	.img_box06 ul li { width: 30%; margin-left: 3%; margin-bottom: 30px; } 
	.img_box06 ul li:nth-of-type(4n) { margin-left: 0; } 

	.mo_none { display:none!important } 

	.board_square ul li { width: 48%; margin: 0 4% 30px 0; } 
	.board_square ul li:nth-of-type(2n) { margin-right: 0; } 
	.board_square ul li:nth-of-type(2n+1) { margin-right: 4%; } 
	.board_square ul li:nth-last-child(3) { margin-bottom: 30px; } 
	.board_square ul li img { height: 42vw; } 

	.board_cardnews ul li { width: 48%; } 
	.board_cardnews ul li:nth-of-type(2n) { margin-right: 0; } 
	.board_cardnews ul li:nth-of-type(2n+1) { margin-right: 4%; } 

	.board_story ul li { width: 48%; } 
	.board_story ul li:nth-of-type(2n) { margin-right: 0; } 
	.board_story ul li:nth-of-type(2n+1) { margin-right: 4%; } 
	.board_story ul li img { height: 33vw; } 

	.board_zone ul li { width: 48%; } 
	.board_zone ul li:nth-of-type(2n) { margin-right: 0; } 
	.board_zone ul li:nth-of-type(2n+1) { margin-right: 4%; } 
	.board_zone ul li img { height: 42vw; } 

	.content .location_add_wrap>.left .icon_wrap { width: 100%; } 

	.board_top_area>.search_area>select { margin-bottom: 7px!important; width: 100%;} 
	.board_top_area>.search_area>label>input { margin-bottom: 7px; } 
	.board_top_area>.search_area>input[type="text"] { width:calc(100% - 78px) } 
	.board_top_area>.search_area>.btn_search { margin-right: 0; } 
	.board_list .mo_none { display:none!important } 
} 

@media screen and (max-width:560px) { 
	.depart_pop ul li { width: 50%; } 
	.top_box .box_txt.middle > ul { display: block; } 

	.img_box02 img { float: none; width: 100%; } 
	.img_box02 img:nth-of-type(1) { margin: 0 0 20px 0; } 

	.img_box06 ul li { width: 47%; margin-left: 4%; } 
	.img_box06 ul li:nth-of-type(4n) { margin-left: 4%; } 
	.img_box06 ul li:nth-of-type(2n+1) { margin-left: 0; } 

	.per85 { width:100%!important; } 
	.board_top_area>.search_area { float:none; width:100%; word-break: keep-all; } 
	.board_top_area>.btn_area { margin-top:15px } 
	.board_top_area>.search_area>label>input { margin-bottom: 7px; width:40%; } 
	.board_top_area>.search_area>input { margin-bottom: 7px; } 
	.board_top_area span.red { display: inline-block; margin-top: 14px; } 
	.board_top_area .btn_rss { margin-top: 7px; } 
	.board_top_area>.search_area>input#by_name { width:25% } 

	.board_list.life_report>table>colgroup,
	.board_list.life_report>table>thead { display:none } 
	.board_list.life_report>table>tbody>tr { display:block; border-bottom:1px solid #ddd; padding:10px 0; text-align:left } 
	.board_list.life_report>table>tbody>tr>td { display:inline-block; border-bottom:0; padding:0 } 
	.board_list.life_report>table>tbody>tr>td:nth-child(2) { display:block; width:100% } 
	.board_list.life_report>table>tbody>tr>td:nth-child(3):before { content:"작성자 :"; margin-right:3px } 
	.board_list.life_report>table>tbody>tr>td:nth-child(3):after { display:inline-block; width:2px; height:12px; background-color:#ccc; margin:0 10px 0 13px; content:"" } 
	.board_list.life_report>table>tbody>tr>td:nth-child(5):before { content:"처리현황 :"; margin-right:3px } 

	.board_cardnews ul li { width: 100%; } 
	.board_cardnews ul li:nth-of-type(2n+1) { margin-right: 0; } 

	.board_story ul li { width: 100%; } 
	.board_story ul li:nth-of-type(2n+1) { margin-right: 0; } 
	.board_story ul li img { height: 70vw; } 

	.board_zone ul li { width: 100%; } 
	.board_zone ul li:nth-of-type(2n+1) { margin-right: 0; } 
	.board_zone ul li img { height: 76vw; } 

	.sub_sns { top: -36px; } 

	.content .cc14010101_dv3_lf { float:none } 
	.content .cc14010101_dv2_lf,
	.content .cc14010101_dv2_rt { width: 100%; } 
	.content .cc14010101_dv2_rt { margin-top: 30px; } 
	.cc14010101_dv3_rt.search_area select { margin-bottom: 7px !important; } 

	.welfare_tit { padding:12px 50px 12px 4%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
} 
@media screen and (max-width:360px) { 
	.board_top_area>.search_area>select { width:70%; } 
	.board_top_area>.search_area>input#by_name { width:75% } 
} 

.pagination { display:inline-block; } 
.pagination>li { display:inline } 
.pagination>li>a,
.pagination>li>span { box-sizing: border-box; position:relative; float:left; padding:6px 13px; margin-left:-1px; line-height:1.42857143; color:#337ab7; text-decoration:none; background-color:#fff; font-size: 14px; transition: all .2s ease-out; } 
.pagination>li:first-child>a,
.pagination>li:first-child>span { margin-left:0; border-top-left-radius:4px; border-bottom-left-radius:4px } 
.pagination>li:last-child>a,
.pagination>li:last-child>span { border-top-right-radius:4px; border-bottom-right-radius:4px } 
.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover { z-index:2; color:#999; background-color:#eee; } 
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover { z-index:3; color:#fff; cursor:default; background-color:#337ab7; } 
.pagination>.disabled>a,
.pagination>.disabled>a:focus,
.pagination>.disabled>a:hover,
.pagination>.disabled>span,
.pagination>.disabled>span:focus,
.pagination>.disabled>span:hover { color:#777; cursor:not-allowed; background-color:#fff; } 

.board_paging { text-align:center; font-weight:400; margin-top:50px } 
.board_paging>ul>li:first-child>a,
.board_paging>ul>li:first-child>span,
.board_paging>ul>li:last-child>a,
.board_paging>ul>li:last-child>span { border-radius:0 } 
.board_paging>ul>li>a, .board-area .suggest-pagination>li>span { color:#777 } 
.board_paging>ul>li>a>i { padding:3px 0; color: #999; } 
.board_paging>ul>li.active>a,
.board_paging>ul>li.active>a:focus,
.board_paging>ul>li.active>a:hover,
.board_paging>ul>li.active>span,
.board_paging>ul>li.active>span:focus,
.board_paging>ul>li.active>span:hover { color:#fff; background-color:#757575; border-right:1px solid #d7d7d7; border-left:1px solid #d7d7d7; } 

/* board-view */
.board_view { border-top:3px solid #333; border-bottom:1px solid #ddd } 
.board_view .post_title { font-size:24px; padding:16px 0 15px; line-height: 1.2em; border-bottom:1px solid #ddd; text-align:center } 
.board_view .post_info { text-align:center; border-bottom:1px solid #ddd } 
.board_view .post_info>ul { padding:10px 0; } 
.board_view .post_info>ul>li { display:inline-block; margin:0; color: #777; } 
.board_view .post_info>ul>li:after { display:inline-block; content:""; width:2px; height:14px; background-color:#ddd; margin:-2px 25px 0; vertical-align: middle } 
.board_view .post_info>ul>li:last-child { margin-right:0 } 
.board_view .post_info>ul>li:last-child:after { display: none; } 
.board_view .post_info>ul>li>span { color:#333; margin-right: 15px; } 
.board_view .post_cont { border-bottom: 1px solid #ddd; } 
.board_view .post_cont,
.board_view .answer_cont { padding:27px 0; color:#555; overflow:auto; } 
.board_view .answer_cont { border-top: 1px solid #ddd; } 
.board_view .post_cont img { max-width:100%!important; height:auto!important } 
.board_view.prev_next table th,
.board_view.prev_next table td { padding: 13px 8px; } 
.board_view.prev_next table th { background: #f5f5f5; border-right:1px solid #ddd; border-bottom: 1px solid #ddd; } 
.board_view.prev_next table td { border-bottom: 1px solid #ddd; } 
.board_view.prev_next table tr:last-of-type th,
.board_view.prev_next table tr:last-of-type td { border-bottom:none; } 

.board_view_02 { border-top:3px solid #333; } 
.board_view_02 table { width:100%; table-layout: fixed; border-collapse: separate; border-spacing: 0; line-height: 24px; } 
.board_view_02 table th { padding:13px 5px 12px; background:#f5f5f5; font-weight: 500; border-bottom:1px solid #ddd; border-right:1px solid #ddd; } 
.board_view_02 table td { padding:13px 20px 12px; color: #777; border-bottom:1px solid #ddd; border-right:1px solid #ddd; } 
.board_view_02 table td:last-of-type { border-right: none; } 
.board_view_02 table th.view_tit { font-size: 24px; background: #fff; font-weight: 500; padding: 16px 5px 15px; box-sizing: border-box; border-right: none; } 
.board_view_02 table td.view_txt { padding: 27px 0; color: #333; } 


.btn_mid_area { margin:65px 0; text-align: right; } 
.board_prev_list { border-top:1px solid #ddd; } 
.board_prev_list th,
.board_prev_list td { height: 49px; border-bottom:1px solid #ddd; } 
.board_prev_list th { background: #f5f5f5; border-right: 1px solid #ddd; font-weight: 500; padding: 0 5px; } 
.board_prev_list td { color: #555; padding: 0 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 

.table_box tr td .btn_view i { font-size: 13px; line-height: 1.2em; color:#fff; margin: 0 0 0 6px; } 
.file_box { overflow: hidden; display: table-row; width: 100%; } 
.file_box > div { padding: 15px 0; display: table-cell; vertical-align: middle; box-sizing: border-box; } 
.file_box .file_tit { width: 37%; text-align: center; vertical-align: middle; background: #f5f5f5; } 
.file_box .file_added { width: auto; border-left: 1px solid #ddd; padding-left: 20px; } 

.answer_top { border-bottom: 1px solid #ddd; display: table-row; width: 100%; } 
.answer_top li { display: table-cell; padding: 10px 5px; text-align: center; box-sizing: border-box; border-right: 1px solid #ddd; width:200px; vertical-align: middle } 
.answer_top li:last-child { border-right: none; } 
.answer_top li.answer_th { background: #f5f5f5; } 

.board_view .cardnews_title { font-size:24px; padding:16px 0 15px; line-height: 1.2em; border-bottom:1px solid #ddd; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } 
.board_view .cardnews_date { display: inline-block; float: right; font-size:16px; } 
.board_view .cardnews_date span { color: #777; margin-left: 15px; } 
.board_view .cardnews_content { padding:30px 0; text-align: center; } 
.board_view .cardnews_content img { margin-bottom: 30px; } 
.board_view .cardnews_content img:last-of-type { margin-bottom: 0; } 
@media screen and (max-width:767px) { 
	.board-view .post-info { text-align:left } 
	.board-view .post-info>ul>li { padding:5px 0; margin:0 10px } 
	.board_view .post_info>ul>li:after { margin:-2px 10px 0; } 
	.board_view .post_info>ul>li>span { margin-right: 10px; } 

	.file_box .file_tit { width: 20%; text-align: center; vertical-align: middle; background: #f5f5f5; } 

	.board_view .cardnews_date { display: block; float: none; text-align: right; margin-top: 10px; } 
} 
@media screen and (max-width:560px) { 
	.pagination>li>a { padding: 6px 8px; } 
} 

/* board_write */
.board_write table { border-top:3px solid #555; border-left:1px solid #ddd; margin-bottom: 30px; } 
.board_write table th { font-size:16px; background: #f5f5f5; font-weight:500 } 
.board_write table th,
.board_write table td { border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:9px 10px } 
.board_write table tbody td { font-size:16px; line-height: 1.8em; } 
.board_write input[type="text"],
.board_write input[type="password"] { font-size:16px; color: #555; line-height: 1.3em; height: 35px; padding: 0 10px; border:1px solid #ddd } 
.board_write input[type="password"]+span { display: block; margin-top: 5px; } 
.board_write select { padding:5px 30px 5px 13px; border:1px solid #ddd; height: 35px; margin-right: 8px; -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; appearance:none; background: url(../images/sub/arrow_board.svg) no-repeat right 12px center;} 
.board_write select::-ms-expand { display: none; } 
.board_write input[type="text"].input_add:nth-of-type(1) { margin-right: 1%; } 
.board_write textarea { font-size:16px; line-height: 1.3em; height:250px; padding:8px; border:1px solid #ddd } 
.board_write .must { color:#d91404; margin-right:3px } 
.board_write input.attach { width:80%; font-size:13px; background-color:#fff; border:0; padding:3px 0 } 
.board_write input[type="radio"] { vertical-align:inherit; margin:-1px 6px 0 6px } 
.checkbox { margin-bottom:10px; margin-top:10px; padding-left:0; position:relative; } 
.checkbox label { cursor:pointer; display:inline-block; padding-left:29px !important; position:relative; } 
.checkbox label:after { padding-left: 3px; display:inline-block; font-size:11px; height: 19px; left: 0; position:absolute; top: 5px; width: 16px; background: #aaa; border-radius: 2px; text-align: justify;; } 
.checkbox input[type="checkbox"] { position:absolute; width:19px; padding-bottom:19px; opacity:0.5; margin:0 !important; height:20px; top: 5px; left:0; border:1px solid #ddd } 
.checkbox input[type="checkbox"]:checked + label:before { border-width:10px; } 
.checkbox input[type="checkbox"]:checked + label:after { color:#fff; content:"\f00c"; font-family:"Font Awesome 5 Free"; font-weight:900; line-height: 19px; top:5px } 
.checkbox input[type="checkbox"][disabled] + label { opacity:0.65; } 
.checkbox input[type="checkbox"][disabled] + label:before { background-color:#F8F8F8; } 

.life-map-checklist .checkbox input[type="checkbox"]:checked + label:after { top:0 } 
@media screen and (max-width:767px) { 
	.board_write table colgroup { display:none } 
	.board_write table th,
	.board_write table td { display:block; width:100%; box-sizing:border-box } 
	.board_write input[type="text"].input_add { width: 100%; } 
	.board_write input[type="text"].input_add:nth-of-type(1) { margin-bottom: 5px; } 
	.board_write input[type="text"].input_phone { width: 29%; } 
} 

/* 구민정보화교육 */
.border-box { padding:15px 20px; border:1px solid #ddd } 
.select_wauto { min-width:auto!important } 
.edu_search_area { padding:20px 25px; background-color:#f5f5f5; float:none!important; box-sizing:border-box; text-align:center } 
.edu_search_area>select { margin-right:0!important; background-color:#fff!important } 
.edu_board th,
.edu_board td { border-left:1px solid #ddd } 
.edu_board th:first-child,
.edu_board td:first-child { border-left:0 } 
.edu_board td { line-height:24px } 
.edu_board td span.edu_on_progress { display:inline-block; width:72px; text-align:center; padding:4px 0px; font-size:15px; background-color:#0f4d9f; color:#fff } 
.edu_board td span.edu_soon { display:inline-block; width:72px; text-align:center; padding:4px 0px; font-size:15px; background-color:#53a956; color:#fff } 
.edu_board td span.edu_end { display:inline-block; width:72px; text-align:center; padding:4px 0px; font-size:15px; background-color:#777; color:#fff } 
.edu_board td span.edu_before { display:inline-block; width:72px; text-align:center; padding:4px 0px; font-size:15px; background-color:#8492a2; color:#fff } 
.edu_board td span.edu_apply_end { display:inline-block; width:72px; text-align:center; padding:4px 0px; font-size:15px; background-color:#d66b4a; color:#fff } 
.edu_board td a.btn_apply { display:inline-block; padding:4px 30px 4px 10px; font-size:15px; position:relative; text-decoration:none; border:1px solid #0f4d9f; color:#0f4d9f; transition:all 0.3s } 
.edu_board td a.btn_apply:after { display:block; content:"\f303"; font-family:"font Awesome 5 Free"; font-weight:900; position:absolute; top:4px; right:10px; font-size:14px } 
.edu_board td a.btn_apply:hover { background-color:#0f4d9f; color:#fff } 
@media screen and (max-width:819px) { 
	.board_top_area>.edu_search_area>input { margin-top:10px } 
	.board_top_area>.edu_search_area>input[type="text"] { width:65% } 
	.edu_board td span { width:62px!important } 
	.edu_board td a.btn_apply { padding:4px 10px } 
	.edu_board td a.btn_apply:after { display:none } 
} 
@media screen and (max-width:767px) { 
	.edu_board colgroup,
	.edu_board thead { display:none } 
	.edu_board>table>tbody>tr { display:block; border-bottom:1px solid #ddd; text-align:left; padding:10px 0 } 
	.edu_board>table>tbody>tr>td { display:block; border-left:0; border-bottom:0; padding:3px } 
	.edu_board>table>tbody>tr>td>br { display:none } 
	.edu_board>table>tbody>tr>td:nth-child(1),
	.edu_board>table>tbody>tr>td:nth-child(2) { display:inline-block } 
	.edu_board>table>tbody>tr>td:nth-child(3):before { content:"교육과정 : "; color:#333 } 
	.edu_board>table>tbody>tr>td:nth-child(4),
	.edu_board>table>tbody>tr>td:nth-child(5),
	.edu_board>table>tbody>tr>td:nth-child(6) { display:inline-block } 
	.edu_board>table>tbody>tr>td:nth-child(4):before { content:"접수기간 : "; color:#333 } 
	.edu_board>table>tbody>tr>td:nth-child(5):before { content:"교육기간 : "; color:#333 } 
	.edu_board>table>tbody>tr>td:nth-child(6):before { content:"교육시간 : "; color:#333 } 
	.edu_board>table>tbody>tr>td:nth-child(4):after,
	.edu_board>table>tbody>tr>td:nth-child(5):after { content:""; width:2px; height:12px; display:inline-block; background-color:#ccc; margin:0 0 0 18px } 
	.edu_board>table>tbody>tr>td:nth-child(7):before { content:"교육장소 : "; color:#333 } 
	.edu_board>table>tbody>tr>td:nth-child(8):before { content:"신청 : "; color:#333 } 
	.edu_board td a.btn_apply { padding:2px 30px 2px 10px; margin-left:5px } 
	.edu_board td a.btn_apply:after { display:block } 
} 
@media screen and (max-width:645px) { 
	.edu_board>table>tbody>tr>td { color:#777 } 
	.edu_board>table>tbody>tr>td:nth-child(4):after,
	.edu_board>table>tbody>tr>td:nth-child(5):after { display:none } 
} 
@media screen and (max-width: 560px) { 
	.board_top_area>.edu_search_area>select { width:auto!important } 
	.board_top_area>.edu_search_area>select.select_block { display:block; width:100%!important } 
	.board_top_area>.edu_search_area>input { margin-top:0 } 
} 

/* 평생학습교육센터 */
.lifelong_search_area { padding:20px 2%; background-color:#f5f5f5; float:none!important; box-sizing:border-box; text-align:center } 
.lifelong_search_area select { margin-right:0!important; background-color:#fff!important; margin-bottom:10px } 
.lifelong_search_area span { margin:0 5px; word-break: keep-all; } 
.lifelong_search_area>.input_area>input { padding:5px; border:1px solid #ddd; height:40px } 
.lifelong_search_area>.input_area>input[type="text"] { width:70% } 
.lifelong_search_area>.input_area>.btn_search { display:inline-block; padding:0 17px; height:40px; line-height:40px; font-size:15px; background-color:#555; color:#fff; margin-left:-5px; margin-right:10px; border:none } 
.lifelong_view_title { text-align:center; padding-left:0!important; font-size:24px!important; margin-bottom:20px } 
.lifelong_view_title:before { display:none!important } 
.lifelong_board_view td .btn_class_apply { display:inline-block; padding:3px 10px; background-color:#0d4d9e; color:#fff } 

@media screen and (max-width:819px) { 
	.board_top_area>.lifelong_search_area>input[type="text"] { width:65% } 
	.lifelong_search_area span { display: inline-block; width:8%; text-align: left; } 
	.board_top_area>.lifelong_search_area>select { width:39%; } 
	.lifelong_board td span { width:62px!important } 
} 
@media screen and (max-width:767px) { 
	.lifelong_board colgroup,
	.lifelong_board thead { display:none } 
	.lifelong_board>table>tbody>tr { display:block; border-bottom:1px solid #ddd; text-align:left; padding:10px 0 } 
	.lifelong_board>table>tbody>tr>td { display:block; border-left:0; border-bottom:0; padding:3px } 
	/* .lifelong_board>table>tbody>tr>td>br, */
	/*.lifelong_board>table>tbody>tr>td:nth-child(1) { display: none; } */
	.lifelong_board>table>tbody>tr>td:nth-child(2) { display:inline-block } 
	.lifelong_board>table>tbody>tr>td:nth-child(3):before { content:"학습기간 : "; color:#333 } 
	.lifelong_board>table>tbody>tr>td:nth-child(4):before { content:"강좌상태 : "; color:#333 } 
} 
@media screen and (max-width:645px) { 
	.lifelong_board>table>tbody>tr>td { color:#777 } 
} 
@media screen and (max-width: 560px) { 
	.lifelong_search_area span { width:18%; } 
	.board_top_area>.lifelong_search_area>select { width:72% } 
	.board_top_area>.lifelong_search_area>select.select_block { display:block; width:100%!important } 
	.board_top_area>.lifelong_search_area>input { margin-top:0 } 
} 

/* 게시판 */
.bbs_wz_wrap .gray_box h3 { padding: 0; } 
.bbs_wz_wrap .gray_box h3:before { display: none; } 
.bbs_wz_wrap .con_title { padding-left: 0; } 
.bbs_wz_wrap .con_title:before { display: none; } 
.bbs_wz_wrap .btn { display: inline-block; text-decoration:none !important } 
.bbs_wz_wrap .btn-white { color: #fff } 
.bbs_wz_wrap .btn.btn-white, .btn.btn-white:hover, .btn.btn-white:active, .btn.btn-white:visited { color: #fff !important; } 
.bbs_wz_wrap .go_btn { padding:5px 10px; background-image:url(http://www.junggu.seoul.kr/img/sub/sub-button2bg2.png); background-repeat:no-repeat; background-position:95% center; padding-right:45px; font-size:13px } 
.bbs_wz_wrap .text_link_btn { display:inline-block; color:#0c4da2; background-image: url(/img/sub/bdu_bbg_blue.png); background-repeat:no-repeat; background-position:right center; padding-right:16px; } 
.bbs_wz_wrap .align_c { text-align:center } 
.bbs_wz_wrap .align_l { text-align:left } 
.bbs_wz_wrap .align_r { text-align:right } 
.bbs_wz_wrap .bg_gray { background-color:#444 !important; } 
.bbs_wz_wrap .bg_blue { background-color:#477ba1 !important; } 
.bbs_wz_wrap .bg_red { background-color:#ff6b50 !important; } 
.bbs_wz_wrap .bg_orange { background-color:#ff4900 !important; } 
.bbs_wz_wrap .bg_green { background-color:#59a147 !important; } 
.bbs_wz_wrap .btn_sm { padding:0 5px; font-size:13px } 
.bbs_wz_wrap .btn_md { padding:3px 10px; font-size:14px } 
.bbs_wz_wrap .btn_lg { padding:10px 15px; font-size:14px; line-height: 19px; } 
.bbs_wz_wrap .btn_txt { font-weight:bold; color:#f18c29 } 
.bbs_wz_wrap .txt_red { color:#ff5241 } 
.bbs_wz_wrap .txt_brown { color:#CC6600 } 

.bbs_wz_wrap .mgl0 { margin-left:0px !important; } 
.bbs_wz_wrap .mgr0 { margin-right:0px !important; } 
.bbs_wz_wrap .mgb0 { margin-bottom:0px !important; } 
.bbs_wz_wrap .mgt0 { margin-top:0px !important; } 
.bbs_wz_wrap .mgb45 { margin-bottom:45px !important; } 
.bbs_wz_wrap .mgb15 { margin-bottom:15px !important; } 
.bbs_wz_wrap .mgb25 { margin-bottom:25px !important; } 
.bbs_wz_wrap .mgb30 { margin-bottom:30px !important; } 
.bbs_wz_wrap .mgb40 { margin-bottom:40px !important; } 
.bbs_wz_wrap .mgb5 { margin-bottom:5px !important; } 
.bbs_wz_wrap .mgr10 { margin-right:10px !important; } 
.bbs_wz_wrap .mgrt2 { margin-right:2px !important; } 
.bbs_wz_wrap .mgb35 { margin-bottom:35px !important; } 
.bbs_wz_wrap .mgb25 { margin-bottom:25px !important; } 
.bbs_wz_wrap .mgt30 { margin-top:40px !important; } 
.bbs_wz_wrap .mgt30 { margin-top:30px !important; } 
.bbs_wz_wrap .mgt20 { margin-top:20px !important; } 
.bbs_wz_wrap .mgt10 { margin-top:10px !important; } 
.bbs_wz_wrap .mgb10 { margin-bottom:10px !important; } 

/* 200310 저작권정책 */
.opencode_img_list>.inner { float:left; width:25%; text-align:center; border:1px solid #ddd; margin-left:-2px; border-right:0; padding:20px 0 } 
.opencode_img_list>.inner:last-child { border-right:1px solid #ddd } 
.opencode_img_list>.inner>p { margin-top:5px } 
.link_list { border-top:2px solid #333; margin-top:30px } 
.link_list>li { padding:20px; border-bottom:1px solid #ddd } 
.link_list>li .inner .banner_area { float:left; width:30% } 
.link_list>li .inner .link_title { float:left; width:20%; padding:10px 0 } 
.link_list>li .inner .btn_area { float:right; width:20%; padding:10px 0; text-align:right } 
@media screen and (max-width:991px) { 
	.opencode_img_list>.inner { width:50%; margin-left:-2px; margin-bottom:-1px } 
	.opencode_img_list>.inner:nth-of-type(2) { border-right:1px solid #ddd } 
} 
@media screen and (max-width:768px) { 
	.link_list>li .inner .banner_area { width:40% } 
	.link_list>li .inner .link_title { width:30% } 
} 
@media screen and (max-width:580px) { 
	.link_list>li .inner .banner_area,
	.link_list>li .inner .link_title,
	.link_list>li .inner .btn_area { float:none; width:100%; text-align:center } 
} 
@media screen and (max-width:480px) { 
	.opencode_img_list>.inner { float:none; width:100%; margin-left:initial; margin-bottom:-1px; border-right:1px solid #ddd } 
} 

/* 20-02-25 중구는 지금 스타일 추가 */
.yellow_box { background-color: #feeda4; border-radius: 10px; padding: 15px 30px; } 
.yellow_box_list { padding:40px 30px; } 
.yellow_box h5 > i { font-size: 20px; margin-right: 5px; color:#d20917 } 
.yellow_box ul { padding-left: 20px; } 
.yellow_box .box_inner > div { float: left; } 
.yellow_box .box_inner > .img_box { width: 35%; } 
.yellow_box .box_inner > .txt_box { width: 55%; padding-top: 40px; } 
.btn_zone > span { margin: 0 10px 10px 10px; } 
.btn_02 { display: inline-block; border-radius: 30px; padding: 15px 30px } 
.btn_gray { background-color: #d2d2d2 } 
.btn_skyblue { background-color: #a1d3eb } 
.btn_orange { background-color: #ffbd49 } 

/* 200312 중구 공적마스크 판매 약국 */
.mask-map-info { text-align:center } 
.mask-map-info>li { display:inline-block; margin-right:30px } 
.mask-map-info>li:last-child { margin-right:0 } 

/* 200317 회원가입 */
.join_wrap .agree_box.all_agree label { font-size:inherit!important } 
.join_wrap .agree_box .agree_txt { font-size:15px!important } 
.log-btn { height:auto!important; font-size:15px!important } 
.join_wrap .chk_box label { font-size:15px!important } 

/* 200330 조직운영지표 */
.box_bod .box_photo.box_photo1011 { width:30% } 
.content .box_bod { width:auto } 

/* 20220103 covid추가 */
.covid_content_wrap .covid_content .corona_table { overflow:hidden; } 
.covid_content_wrap .covid_content .corona_table > div { display:inline-block; float: left; } 
.covid_content_wrap .covid_content .corona_table > div > h4 { font-size:22px; font-weight: bold; margin-bottom: 10px; margin-top:10px; } 
.covid_content_wrap .covid_content .corona_table .covid-status-left { width: calc(50% - 15px); margin-right:15px; } 
.covid_content_wrap .covid_content .corona_table .covid-status-left .covid-inspection { border-collapse: collapse; } 
.covid_content_wrap .covid_content .corona_table .covid-status-left > table thead th .pointc { color: #d94d07; } 
.covid_content_wrap .covid_content .corona_table .covid-status-left > table { border-top:1px solid #bbb; } 
.covid_content_wrap .covid_content .corona_table .covid-status-left > table tbody td { padding: 0; } 
.covid_content_wrap .covid_content .corona_table .covid-status-left > table tbody td a { width: 100%; box-sizing: border-box; border-radius:3px; font-size: 15px; text-align: center; display: inline-block; background-color:#1766b8; color:#fff; height:36px; line-height:36px; padding:0 10px; } 
.covid_content_wrap .covid_content .corona_table .covid-status-left > table tbody td span { font-weight: bold; } 
.covid_content_wrap .covid_content .corona_table .covid-status-left > table tbody td b { font-size:30px; } 
.covid_content_wrap .covid_content .corona_table .covid-status-left > table tbody td p { font-size: 16px; } 
.covid_content_wrap .covid_content .corona_table .covid-status-left > table tbody td a[target="_blank"]:after { display: none; } 
.covid_content_wrap .covid_content .corona_table .covid-status-left p.tar button { font-size:15px; border-radius:3px; text-align: center; display: inline-block; background-color:#1766b8; color:#fff; height:36px; line-height:36px; padding:0 10px; } 
.covid_content_wrap .covid_content .corona_table .covid-status-left .row { border-bottom: 1px solid #bbb; padding: 5px 0; } 
.covid_content_wrap .covid_content .corona_table .covid-status-left .row span { display: inline-block; width:35%; text-align: center; } 
.covid_content_wrap .covid_content .corona_table .covid-status-left .row b { display: inline-block; width: auto; text-align: center; } 
.covid_content_wrap .covid_content .corona_table .covid-status-left .row2 { padding: 5px 0; } 
.covid_content_wrap .covid_content .corona_table .covid-status-left .row2 p { display: inline-block; width:35%; text-align: center; } 
.covid_content_wrap .covid_content .corona_table .covid-status-left .row2 b { display: inline-block; width: auto; text-align: center; } 
.covid_content_wrap .covid_content .corona_table .covid-status-right { width: calc(50% - 15px); margin-left:15px; } 
.covid_content_wrap .covid_content .corona_table .covid-status-right .covid-outbreak-table { border:1px solid #bbb; border-collapse: collapse; } 
.covid_content_wrap .covid_content .corona_table .covid-status-left .row { border-bottom: 1px solid #bbb; padding: 2px 0; } 
.covid_content_wrap .covid_content .corona_table .covid-status-left .row2 { padding: 1px 0; } 
@media screen and (max-width:768px) { 
	.covid_content_wrap .covid_content .corona_table .covid-status-left { width:unset; margin-right:unset; } 
	.covid_content_wrap .covid_content .corona_table .covid-status-right { width:unset; margin-left:unset; } 
} 
@media screen and (max-width: 999px) { 
	.covid_content_wrap .covid_content .corona_table .covid-status-left p.tar { font-size:15px; } 
	.covid_content_wrap .covid_content .corona_table .covid-status-left p.tar button { margin-top: 10px; } 
} 

.btn_go.wide2 { padding: 3px 8px; float:right; } 

/* 230215 */
.board_top_area.po_rel { position:relative; float:none !important; } /* 230810 */
.r_btn_wrap { position:absolute; top:0; right:0; } 
a.btn_radius { display:inline-block; border-radius:3px; font-family:"NotoSansKR", sans-serif; padding:10px 15px 10px 40px; line-height:1; } 
a.btn_email { background:#D0284B url('/images/btn-icon-email.png'); background-position: 15px center; background-repeat: no-repeat; background-size:18px 16px; color:#fff; } 
@media screen and (max-width:750px) { 
	.r_btn_wrap { position:static; top:auto; right:auto; padding-top:10px; } 
} 
/* //230215 */

/* 230314 */
@media screen and (max-width:767px) { 
.board_write.noResize table th, .board_write.noResize table td { display: table-cell !important; } 
} 

/* 230811 2023년 공원과 함께하는엄마아빠 행복프로젝트 */
.happiness_project2023 .imgWrap { display: flex; margin: -2.5px; } 
.happiness_project2023 .imgWrap .img { position: relative; width: 33.33%; height: 0; overflow: hidden; padding-top: 20%; margin: 2.5px; } 
.happiness_project2023 .imgWrap .img img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 130%; } 
@media screen and (max-width:768px) { 
	.happiness_project2023 .imgWrap { flex-wrap: wrap; } 
	.happiness_project2023 .imgWrap .img { width: 100%; padding-top: 50%; } 
	.happiness_project2023 .imgWrap .img img { width: 120%; height: auto; } 
} 

/* 주차안심번호 서비스 사업 신청 안내 */
.parking_security_number .ul_type1 li {margin-left:0;}

/* 열린정보공개 */
.info_disclosure .info_notice_link li {padding:15px 10px; overflow: hidden; border-bottom:1px solid #ddd; border-top:1px solid #ddd; }
.info_disclosure .info_notice_link li + li {border-top: none;}
.info_disclosure .info_notice_link li a {float:right;}
.info_disclosure .download_list {overflow: hidden; padding: 15px 10px; background: #eee;}
.info_disclosure .download_list .select_box {float:right;}

.info_disclosure .toggle_accordion img:nth-child(2) {display: none;}
.info_disclosure .toggle_accordion.on img:nth-child(2) {display:inline-block;}
.info_disclosure .toggle_accordion img:nth-child(1) {display:inline-block;}
.info_disclosure .toggle_accordion.on img:nth-child(1) {display: none;}
.info_disclosure .w3-hide {height: 46px; margin: 20px 0 40px 0; overflow: hidden;}
.info_disclosure .w3-hide.on {display: block; opacity:1; height:100%;}

/* 발주계획 */
.jodal_btn {
	border: 1px solid #333;
	background-color: #fff;
	color: #333;
	height: 36px;
	box-sizing: border-box;
	vertical-align: middle;
	display: inline-flex;
	align-items: center;
	padding:0 10px;
}

.contract-info-table td.trleft {text-align: left; padding-left:20px;}

/* 조직운영지표 */
.org_operation_indicator .img_graph {width:250px !important; height:165px; border:1px solid #e7e7e7 !important;}
@media screen and (max-width:820px){
	.org_operation_indicator .box_bod .box_photo.box_photo1011,
	.org_operation_indicator .box_bod .box_photo1011 box_photo_des .sub_table1,
	.org_operation_indicator .box_bod .box_photo1011 img,
	.org_operation_indicator .box_bod .box_photo_des .sub_table1 {width:100%;}
}

/* 중구의 하루 */
.page.jg_today .s271106c {border:3px solid #bcbdc0; box-sizing: border-box; width: calc(25% - 10px); margin: 20px 0; position: relative;}
.card-bottom-status {position: absolute; bottom: 0; width: 100%;}
.page.jg_today .s271106c1 {background-color: #fff; color: #34495e; font-size: 25px; font-weight: bold; text-decoration: underline; text-underline-position: under;}
.page.jg_today .s271106c2 {height: 280px;}
.page.jg_today .s271106c2_1 {font-size: 20px; }
.page.jg_today .s271106c2_1 span {color: #000; font-size: 28px;}
.page.jg_today .s271106c2_2 {height: 60px; padding: 10px 0; box-sizing: border-box; font-size: 14px; color: #666;}
@media screen and (max-width:1000px) {
	.page.jg_today .s271106c {width: calc(50% - 10px);}
}

/* 조직도 */
.jg_organization_chart .mt-10{margin-top:10px;}
.jg_organization_chart .mt-20{margin-top:20px;}
.jg_organization_chart .flex {display:flex;}
.jg_organization_chart .flex-center {justify-content:center;}
.jg_organization_chart br.mob {display:none;}
.jg_organization_chart .organization *{display:block;box-sizing:border-box;position:relative;outline-color: #000!important;}
.jg_organization_chart .organization .citizen {background-color: #d2284c; width:160px;height:50px;display:flex;justify-content:center;align-items:center;font-weight:bold;margin:0 auto; color: #fff; margin-bottom: 10px;}
.jg_organization_chart .organization .higher{width:160px;height:50px;display:flex;justify-content:center;align-items:center;font-weight:bold;margin:0 auto;}
.jg_organization_chart .organization .organiz_box{width:160px;height:40px;display:flex;justify-content:center;align-items:center;}
.jg_organization_chart .organization .alderman{background:#0f4d9f;color:#fff;}
.jg_organization_chart .organization .alderman:before{content: "";display: block;width: 1px;height: 280px;background: #ddd;position: absolute;top: 50px;left: 50%; z-index:-1;}
.jg_organization_chart .organization .deputy_mayor{position:relative; background:#dae1e9;}
.jg_organization_chart .organization .deputy_mayor::before{content:''; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:300px; height:1px; background:#ddd; margin-top:-66px;}
.jg_organization_chart .organization .deputy_mayor::after{content:''; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:300px; height:1px; background:#ddd; margin-top:65px;}
.jg_organization_chart .organization .side_organiz{width:190px;background:#f0f0d8;}
.jg_organization_chart .organization .side_wrap{display:flex;justify-content:center;align-items:center;}
.jg_organization_chart .organization .right_organiz{margin-left:107px; z-index:11;}
.jg_organization_chart .organization .left_organiz{margin-right:107px; z-index:11;}
.jg_organization_chart .organization .org_gray_box{background:#777;color:#fff;font-weight:bold;}
.jg_organization_chart .organization .lightgray_box{background:#f5f5f5;}
.jg_organization_chart .organization .depth_4{display:flex;flex-wrap:wrap;padding-top:38px;margin-top:22px;}
.jg_organization_chart .organization .depth_4:before{content: "";display: block;width: calc(100% - 17.5%);height: 1px;background: #ddd;position: absolute;left: 50%;top: 0;margin-left: -41.4%;}
.jg_organization_chart .organization .depth_4 > li{width:17.3%;margin:0 0 30px 3.3%;}
.jg_organization_chart .organization .depth_4 > li:before{content: "";display: block;width: 1px;height: 37px;background: #ddd;position: absolute;left: 50%;top: -37px;}
.jg_organization_chart .organization .depth_4 > li.before_none:before{display:none;}
.jg_organization_chart .organization .depth_4 > li:first-child{margin-left:0;}
.jg_organization_chart .organization .depth_4 > li:nth-child(6){margin-left:0;}
.jg_organization_chart .organization .depth_4 > li .organiz_box{width:auto;}
.jg_organization_chart .organization .depth_5{min-height:204px;padding:10px 16px;}
.jg_organization_chart .organization .depth_5 > li{line-height: 1.3em;font-size: 15px;padding: 6px 0 5px 11px;}
.jg_organization_chart .organization .depth_5 > li:before{content: "";display: block;width: 5px;height: 5px;border-radius: 50%;background: #ccc;position: absolute;top: 13px;left: 0;}
.jg_organization_chart .organization .organiz_box_popup{display:none;position: static;top: 0;left: calc(100% + 17px);min-width: 156px;padding: 10px 16px;box-sizing: border-box;text-align: left;background: #fff;border: 1px solid #ddd;z-index: 3;}
@media (max-width:800px){
    .organization .alderman:before{height: 213px;}
    .organization .right_organiz{margin-left:11%;}
    .organization .right_organiz.more_right{margin-left:70px;}
    .organization .left_organiz{margin-right:11%;}
}
@media (max-width:640px){
    .organization .organiz_box_popup{position: static;top: 50px;left: 50%;transform: translateX(-50%);min-width: 156px;padding: 10px 16px;box-sizing: border-box;text-align: left;background: #fff;border: 1px solid #ddd;z-index: 3;}
}
@media (max-width:560px){
    .organization .right_organiz.more_right:before{width:10.7vw;}
    .organization .depth_4:before{width: calc(100% - 47.5%);margin-left: -26.2%;}
    .organization .depth_4 > li{width:48%;margin:0 0 30px 4%;}
    .organization .depth_4 > li:nth-child(4):before, .organization .depth_4 > li:nth-child(5):before{display:none;}
    .organization .depth_4 > li:nth-of-type(5n+1){margin-left:4%;}
    .organization .depth_4 > li:nth-of-type(2n+1){margin-left:0;}
    .organization .depth_4 > li:nth-of-type(1){margin-left:0;}
    br.mob {display:block;}
}

/* 중구 sns 채널 안내 */
.snsChannel > dl {text-align:center;}
.snsChannel > dl > dt {font-size: 32px; color: #0f4d9f; font-weight:bold;}
.snsChannel > dl > dd {font-size: 18px; color: #999; margin-top: 8px;}
.snsChannel .snsWrap {margin-top:20px; padding:20px; border:1px solid #e1e1e1;}
.snsChannel .snsWrap ul {display: flex; gap:20px; flex-wrap:wrap;}
.snsChannel .snsWrap ul li {width:calc(33.33% - 86px); position:relative; display:block; border-radius: 4px; text-align:center; padding:36px 36px 80px;}
.snsChannel .snsWrap ul .kakao {background:#ffe600; color:#000}
.snsChannel .snsWrap ul .blog {background:#31b24a; color:#fff}
.snsChannel .snsWrap ul .carrot {background:#ff6f0e; color:#fff}
.snsChannel .snsWrap ul .instagram {background:url(../content/15920_body_1_1.png) center no-repeat; color:#fff; background-size:110%;}
.snsChannel .snsWrap ul .facebook {background:#3c5a99; color:#fff}
.snsChannel .snsWrap ul .sms {background: #00479e; color:#fff}
.snsChannel .snsWrap ul li dl {margin-top:4px;}
.snsChannel .snsWrap ul li dl dt {font-size:24px;}
.snsChannel .snsWrap ul li dl dd {font-size:18px;}
.snsChannel .snsWrap ul li a {position:absolute; bottom:0; left:0; width:100%; display:inline-flex; align-items:center; justify-content:center; padding:12px 0; gap:4px; font-size:16px; background-color: rgba(0, 0, 0, 0.1);}
.snsChannel .snsWrap ul li a::after {content:''; width:10px; height:10px; background:url(../content/15920_body_1_3.png) center no-repeat;}
.snsChannel .snsWrap ul .kakao a::after {background:url(../content/15920_body_1_2.png) center no-repeat;}
@media screen and (max-width:767px) {
	.snsChannel > dl > dt {font-size:20px;}
	.snsChannel > dl > dd {font-size:14px; margin-top:4px;}
	.snsChannel .snsWrap {padding:12px;}
	.snsChannel .snsWrap ul {flex-direction: column; gap:12px;}
	.snsChannel .snsWrap ul li {width:100%;}
	.snsChannel .snsWrap ul li {padding:20px 20px 50px;}
	.snsChannel .snsWrap ul li dl dt {font-size:14px;}
	.snsChannel .snsWrap ul li dl dd {font-size:11px;}
	.snsChannel .snsWrap ul li a {font-size:12px; padding:5px 0;}
}

/* 구정현황 */
.district_map {display: flex; justify-content:center; gap:20px 40px; flex-wrap:wrap; }
.district_map > span {display: flex; justify-content:space-between; width:calc(30% - 20px);}
@media screen and (max-width:768px) {
	.district_map > span {width:calc(50% - 20px);}
}

/* 명예의 전당 */
.hof_img_wrap {display: flex; margin-top:35px; gap:30px; flex-wrap: wrap;}
.hof_img_wrap li {width:calc(33.33% - 20px);}
.hof_img_wrap li img {width:100%; height:auto;}
@media screen and (max-width:767px){
    .hof_img_wrap {margin-top:20px; gap:12px;}
    .hof_img_wrap li {width:calc(50% - 6px);}
}

/* 동별프로그램 안내 */
.sm_chip {display:inline-block; border-radius:4px; background:#E9EDF6; font-size:14px; line-height:20px; color:#00479e; padding:0 6px;}
.tab_type01.dvs8 ul li {width:calc(12.5% - 7px)}
@media screen and (max-width:767px){
	.m_per20 {width:20%}
	.tab_type01.dvs8 ul li {width:calc(33.3% - 6px)}
}

/* 팝업 */
#popup_new {position:fixed; top:0; left:0; width:100%; height:100%; background: rgba(0, 0, 0, 0.70); z-index: 1;}
#popup_new .popcont {position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); width:100%; max-width:544px; min-height:150px; background:#fff; padding: 24px; border-radius: 12px; padding-left:96px; background-image:url(../images/sub/checked-new.svg); background-repeat: no-repeat; background-position: 24px 24px; box-sizing: border-box;}
#popup_new .popcont em {font-size:18px; font-weight: 700; color:#101828; line-height:28px;}
#popup_new .popcont p {font-size:16px; color:#475467}

/* datepicker 커스텀 */
#ui-datepicker-div {width:200px; background:#fff; border:1px solid #D0D5DD;padding:12px;box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08); margin-top:5px; box-sizing: border-box;}
.ui-datepicker-header {display: flex; justify-content: space-between; align-items: center;}
.ui-datepicker-prev {order:1; width:20px; height:20px; background:url(images/sub/chevron-left.svg); font-size:0;}
.ui-datepicker-next {order:3; width:20px; height:20px; background:url(images/sub/chevron-right.svg); font-size:0;}
.ui-datepicker-title {display:flex; order:2; color:#333;}
.ui-datepicker-month  {background-image: url(../images/sub/arrow_board.svg); background-repeat: no-repeat; background-position: right center; padding-right:12px; font-weight:400; margin-left:4px; }
.ui-datepicker-month {margin-left:4px;}
.ui-datepicker-calendar select {-webkit-appearance: none;-moz-appearance: none;appearance: none; border:none;}
.ui-datepicker-calendar select::-ms-expand {display: none;}
.ui-datepicker-calendar {margin-top:12px;}
.ui-datepicker-calendar th {font-size:14px; font-weight: 700; padding-bottom:5px;color:#333;} 
.ui-datepicker-calendar td {position:relative; font-size:14px; text-align:center; padding:5px 0; color:#555;}
.ui-datepicker-current-day a {font-weight:700; color:#333;}
.ui-datepicker-today a {font-weight:700; color:#fff;}
.ui-datepicker-today::before {content:''; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:26px; height:26px; background:#1967D2; border-radius:4px; z-index: -1;}

/* step */
.step_wrap {display:flex;justify-content: space-between;gap:30px;margin:10px 0;}
.step_wrap > div {position:relative;width:calc( 25% - 15px );border:1px solid #ddd;}
.step_wrap > div::before {content:'';position:absolute;top:50%;left:-25px;transform:translateY(-50%);width:20px;height:20px;background:url("../images/sub/bull_step_arrow.png") center no-repeat; background-size:20px auto;}
.step_wrap > div dt {background-color:#ddd;padding:5px 10px;font-weight:700;text-align:center;}
.step_wrap > div dd {padding:10px;}
.step_wrap > div:first-child::before {display:none;}
.two_box_wrap {display:flex;gap:20px;}
.two_box_wrap > div {width:calc(50% - 10px);}
.two_box_wrap > div.qr_area {border:1px solid #333;font-weight:bold;background-color:#f2f2f2;display:flex;padding:10px;margin-top:10px;justify-content: space-between;align-items: center;}
@media screen and (max-width:768px){
	.step_wrap {display:block;}
	.step_wrap > div {width:100%;margin-top:40px;}
	.step_wrap > div:first-child {margin-top:0;}
	.step_wrap > div::before {left:50%;top:-30px;transform:translateX(-50%) rotate(90deg);}
	.step_wrap > div:first-child::before {display:none;}
	.two_box_wrap {display:block;}
	.two_box_wrap > div {margin-top:20px;width:100%;}
	.two_box_wrap > div:first-child {margin-top:0;}
	.two_box_wrap > div.qr_area {width:calc(100% - 20px);}
}
.add_img_wrap {display:flex;margin-bottom:20px;}
.add_img_wrap div {flex-grow: 1;}
.add_img_wrap .add_img_area {padding-right:20px;flex-grow: 0;flex-shrink: 0;width:270px;}
.add_img_wrap .add_img_area img {width:100%;height:auto;}
@media screen and (max-width:768px){
	.add_img_wrap {flex-wrap: wrap;}
	.add_img_area {margin-bottom:20px;}
}


/* 240620 접근성 업데이트 */
.board_paging>ul>li>a>i {color: #000 !important;}
.jg_organization_chart .organization .alderman:before {background: black !important;}
.jg_organization_chart .organization .deputy_mayor::before {background: black !important;}
.jg_organization_chart .organization .depth_4 > li:before {background: black !important;}
.jg_organization_chart .organization .depth_4:before {background: black !important;}
.jg_organization_chart .organization .deputy_mayor::after {background: black !important;}
#content .tab_type01 ul li.active a:focus {outline: 3px dotted yellow !important;}
.btn_topbox:focus-visible {outline-style: dotted; outline-offset:0px;}


/* 240627 접근성 업데이트 */
.w3-hide.w3-container.on .w3_wrapper {
	display: block;
}
.w3_wrapper {
	display: none;
}