@charset "utf-8";
legend, caption {
    visibility: hidden;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: none;
    font-size: 0;
    line-height: 0;
}
table{width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;}

.board_topBox .search select{
    font-size: 15px;
    -webkit-appearance:none; /* 크롬 화살표 없애기 */
    -moz-appearance:none; /* 파이어폭스 화살표 없애기 */
    appearance:none /* 화살표 없애기 */
}

/* 게시판 검색 */
.basic_box {position:relative; margin-bottom:50px; padding:15px 20px 15px 20px; border:1px solid #d9d9d9; background:#fff;}
.basic_box:before {display:block; position:absolute; left:-1px; bottom:-4px; width:100%; height:3px; background:#f1f1f1; content:"";}
.basic_box:after {display:block; visibility:hidden; clear:both; content:"";}
.basic_box * {vertical-align:middle}
.board_total {display:inline-block; float:left; padding-left:16px; background:url(/images/junggu/bbs/ic_bbs.gif) 0 14px no-repeat; font-size:14px; line-height:38px;}
.board_total .t_blue {padding-right:5px; font-weight:bold;}
.board_total * {vertical-align:baseline;}
.basic_search {display:inline-block; float:right;}
.basic_search .grap {display:inline-block;}
.basic_search .grap select {height:38px; border:1px solid #ddd;}
.basic_search .searchinput {display:inline-block;}
.basic_search .searchinput input[type="text"] {width:200px; height:38px;}
.basic_search .searchinput input[type="submit"] {height:38px; padding:0 15px; background:#5d5d5d; color:#fff;}

/* 게시판 페이징 */
.paging {padding:30px 0; overflow:hidden; text-align:center;}
.paging .page {display:inline-block;}
.paging a {display:inline-block; width:30px; height:30px; margin-left:2px; margin-bottom:4px; border:1px solid #adb3b7; color:#666; text-align:center; line-height:28px; border-radius: 50%;}
.paging a.first_prev,.paging a.prev,.paging a.next,.paging a.last_next {background:url(/images/junggu/bbs/paging.png) 0 0 no-repeat; border:1px solid #d3d3d3}
.paging a.first_prev {margin-left:0}
.paging a.prev {background-position:0 -30px}
.paging a.next {background-position:0 -60px}
.paging a.last_next {background-position:0 -90px}
.paging a span {display:inline-block; text-indent:-9999px}
.paging a:hover {border:1px solid #61656c;}
.paging a.on {border:1px solid #444; background:#444; color:#fff;}

/* 게시판 버튼 */
.btn_area {padding:20px 0; text-align:right;}
.btn_area_left {text-align:left;}
.btn_area_center {text-align:center;}
.sp {display:inline-block; margin:0 2px; padding:8px 20px 8px 14px; color:#fff; line-height:20px;}
.sp:before {display:inline-block; width:20px; height:20px; margin-right:2px; background:url('/images/junggu_health/sub/ic_btn.png') no-repeat; content:''; vertical-align:middle;}
.sp:hover {background-color:#333; text-decoration:none;}
.btn_write {background:#1f9898;}
.btn_write:before {background-position:0 -60px;}
.btn_list {background:#7cb82a;}
.btn_list:before {background-position:0 -40px;}
.btn_modify {background:#2797b3;}
.btn_modify:before {background-position:0 0px;}
.btn_save {background:#0956a6;}
.btn_save:before {background-position:0 0px;}
.btn_delete {background:#606976;}
.btn_delete:before {background-position:0 -20px;}
.btn_ok {background:#119eab;}
.btn_ok:before {background-position:0 -80px;}

/* 게시판 버튼 - 관리자 */
.admin_btn {margin-bottom:20px;}
.admin_btn button {margin-left:7px; padding:8px 12px; color:#fff; background:#119eab;}
.admin_btn button:first-child {margin-left:0;}

/* 게시판 아이콘 */
.bbs_ico {display:inline-block; background:url(/images/junggu/bbs/bbs_ico.png) no-repeat; font-size:0; line-height:0; vertical-align:middle;}
.bbs_ico.file {width:25px; height:25px; background-position:-95px 5px}
.bbs_ico.locked {width:16px; height:16px; margin-right:3px; background-position:-50px 0}
.bbs_ico.new {width:16px; height:16px; margin-right:5px; background-position:0 0;}

/*뒤로가기버튼*/
.btn_goback{color: #000000; background-color: #ebecff; border: 1px solid #3c46cc; padding: 0 20px; line-height: 35px; font-size: 15px;
box-sizing: border-box; display: inline-block; margin: 6px 0;}


 .btn01 {color: #fff; background: #024ab0; width: 100px; display: inline-block; text-align: center; box-sizing: border-box; padding: 5px 10px; border-radius: 5px;}

/*FAQ 목록*/
.faq_list{ margin-bottom: 30px; position: relative; border-bottom: 2px solid #ccc;}
.faq_list:after{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 3px; background: linear-gradient(90deg, #017cd7 0%, #069fa5 100%);}
.faq_list .faq-item > div{border-bottom:1px solid #ccc;}
.faq-item-header{position: relative;
    box-sizing: border-box;
    width: 100%;
    font-size: 15px;
    line-height: 23px;
    word-break: keep-all;
    overflow: hidden; cursor: pointer;}
.faq-item-header:after{content: ''; position: absolute; width: 25px; height: 12px; top: 50%; transform: translateY(-50%); right: 35px; background:url(../../../../../images/board/faq_arrow1.png) no-repeat; background-size: 25px;}
.faq-item-header.on:after{ background: url(../../../../../images/board/faq_arrow2.png) no-repeat;     background-size: 25px;}

.faq-answer{padding: 20px 25px;
    background: #f7f7f7;
    font-size: 15px;
    word-wrap: break-word;
    word-break: break-all;
    line-height: 23px;
    min-height: 70px;
    font-weight: 300; cursor: pointer;}
.faq_list li .faq_bundle{display: flex; flex-wrap: wrap; width: 100%; align-items: center; height: 100%; float: left; word-break: break-all; font-weight: 300; padding: 20px 85px 20px 25px; box-sizing: border-box;}
.faq-item-header .qCon{width: 32px; height: 30px; text-align: center; line-height: 30px; margin-right: 15px;}
.faq-question{ width: calc(100% - 121px) !important; display: inline-block; word-break: keep-all; box-sizing: border-box;  padding-left: 5px;}
.faq-answer .aCon{ display: inline-block; float: left; width: 32px; height: 30px; text-align: center; line-height: 30px; margin-right: 15px;}
.answer_info{ line-height: 22px; width: -moz-calc(100% - 50px) !important; width: calc(100% - 50px) !important; display: inline-block; padding-top: 5px;}
.faq-category{font-weight:600;}
.empty-message{padding: 15px 0px; text-align: center;}
.faq-files{ background: #f0f6ff; box-sizing: border-box; padding: 10px; border: 1px dashed #a4c3da; margin-top: 10px; border-radius: 8px;}
.faqfilecon{display: inline-block;
    vertical-align: middle !important;
    padding: 0px 0px 0px 26px;
    background: url(../../../../../images/board/file_down.png) no-repeat;
    background-position: left 0px center;}





@media all and (max-width:620px) {
	/* 게시판 검색 */
	.basic_box {margin-bottom:20px; padding:5px 10px 10px 10px;}
	.board_total, .basic_search, .basic_search .grap, .basic_search .searchinput {display:block; float:none;}
	.basic_search .grap select,.basic_search .searchinput input[type="text"] {width:100%; height:35px;}
	.basic_search .grap {padding-bottom:3px;}
	.basic_search .searchinput {position:relative; padding-right:60px;}
	.basic_search .searchinput input[type="submit"] {position:absolute; top:0; right:0; height:35px;}
	/* 페이징 */
	.paging {padding:10px 0;}
	
}

/* 게시판 리스트 */
.board_list {width:100%;}
.board_list th, .board_list td {padding:10px; border:1px solid #d5d5d5; color:#333; line-height:20px; vertical-align:middle; word-wrap:break-word;word-break:keep-all;}
.board_list td a {vertical-align:middle;}
.board_list th {background:#fafafa; font-size:16px;}
.board_list th:first-child{border-left: 0;}
.board_list th:last-child{border-right: 0;}
.board_list td {border-bottom:1px solid #d9d9d9; border-left:1px solid #d9d9d9; font-size:15px; text-align:center; box-sizing:border-box;}
.board_list td:first-child{border-left: 0;}
.board_list td:last-child{border-right: 0;}
.board_list td.subject {text-align:left;}
.board_list .subject a {display:inline-block; width:95%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.no_list {padding:40px 0; border-top:2px solid #119eab; border-bottom:1px solid #d9d9d9; text-align:center;}
.board_list .btn {text-align:center;}

/* faq */
.cusbt {display:inline-block; width:65px; border:1px solid #355da0; color:#355da0; font-size:13px; text-align:center; line-height:20px;}
.cusbt.prsIn {border-color:#d23a3a; color:#d23a3a}
.cusbt.prsPre {border-color:#626977; color:#626977}

/* 게시판리스트 colgroup */
.board_list .num {width:8%;}
.board_list .subject {}
.board_list .division {width:15%;}
.board_list .date {width:122px;}
.board_list .attach {width:7%;}
.board_list .counter {width:7%;}
.board_list .writer {width:11%;}
.board_list .step {width:90px}
.board_list .term1, .board_list .term2 {width:15%;}
.board_list .state {width:9%;}
.board_list .person {width:10%;}
.board_list .btn {width:8%}
.board_list .phone {width:122px;}
.board_list .all {}

@media all and (max-width:800px) {
	.board_list .num, .board_list .counter, .board_list .attach {display:none;}
	/*.board_list td.subject {border-left:none;}*/
	.board_list .division {width:18%;}
}
@media all and (max-width:620px) {
	.board_list td {padding:6px;}
	.board_list .division,.board_list .writer {display:none;}
	.board_list .date {width:90px;}
	.board_list td.date {font-size:13px; line-height:1.2;}
	.board_list td {padding:6px;}
}
@media all and (max-width:320px) {
	.board_list .date {display:none;}
	.board_list .subject a {width:100%;}
}

/* 게시판 글보기 */
.board_view {border:1px solid #d5d5d5;}
.board_view .subject {padding:18px 16px; background:#fafafa; border-bottom:1px solid #d5d5d5; font-size:16px; text-align:center;}
.board_view .view_info,.board_view .view_file {padding:12px 18px; border-bottom:1px solid #d9d9d9; line-height:20px;}
.board_view .view_info li {display:inline-block; color:#666; font-size:14px;}
.board_view .view_info li:after,.board_view .view_file > span:after {display:inline-block; padding:0 5px; content:'ㅣ'; color:#ddd;}
.board_view .view_info li:last-child:after {padding:0; content:''}
.board_view .view_info li > span {display:inline-block; margin-right:10px; color:#000;}
.board_view .view_file {position:relative; min-height:45px; padding-left:65px; font-size:14px;}
.board_view .view_file > span {position:absolute; top:12px; left:18px}
.board_view .format_size li {display:block; padding-bottom:3px; padding-left:16px; background:url(/images/junggu/bbs/ic_file.gif) 0 4px no-repeat; color:#666;}
.board_view .format_size li:after {display:inline-block; padding:0 5px; content:'';}
.board_view .format_size li:last-child:after {padding:0; content:'';}
.board_view .format_size li a {line-height:18px;}
.board_view .format_size .format {color:#355da0;}
.board_view .b_con {min-height:180px; padding:20px; border-bottom:1px solid #737373; line-height:1.6;}
.board_view .b_con img {max-width:100%}
.bbs_image {margin-bottom:20px; text-align:center;}

/* 이전글 다음글 */
.bbs_view_move {margin-top:30px; border:1px solid #ccc;}
.bbs_view_move li {font-size:14px;}
.bbs_view_move li strong {display:inline-block; width:17%; padding:14px 0; background:#f8f8f8 no-repeat 25% center; color:#266f55; font-weight:normal; text-align:center; vertical-align:middle;}
.bbs_view_move li a {display:inline-block; width:75%; margin-left:2%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:middle}
.bbs_view_move li.prev {border-bottom:1px dashed #ccc;}
.bbs_view_move li.prev strong {background-image :url(/images/junggu/bbs/ic_move_prev.gif);}
.bbs_view_move li.next strong {background-image :url(/images/junggu/bbs/ic_move_next.gif);}

@media all and (max-width:620px) {
	/* 게시판 버튼 */
	.btn_area {text-align:center;}
	/* 게시판 글보기 */
	.board_view .b_con {min-height:150px; padding:15px 0;}
	.board_view .view_info {overflow:hidden;}
	.board_view .view_info li {float:left; width:50%;}
	.board_view .view_info li:after {padding:0; content:'';}
	/* 이전글 다음글 */
	.bbs_view_move li.prev strong, .bbs_view_move li.next strong {background-image:none}
}
/* 포토게시판 */
.gallery_list {padding-bottom:20px; border-bottom:1px solid #d4d4d4;}
.gallery_list > ul {width:104%; margin:10px -1.4%; overflow:hidden;}
.gallery_list > ul > li {float:left; width:30%; margin:10px 1.4% 15px;}
.gallery_list > ul > li > a {display:block;}
.gallery_list > ul > li > a .thumb {display:block; position:relative; height:200px; overflow:hidden; background:#333; font-size:0; text-align:center;}
.gallery_list > ul > li > a .thumb img {width:100%; max-width:294px; height:100%; max-height:200px;}
.gallery_list > ul > li > a:hover .thumb img {transform:scale(1.2);transition:all 400ms;}
.gallery_list > ul > li > a em {display:block; padding-top:15px; padding-bottom:10px; overflow:hidden; font-size:15px; text-overflow:ellipsis; white-space:nowrap;}
.gallery_list ul li span.date {color:#a0a0a0; font-size:14px;}
.gallery_list > ul > li.no_list {width:100%; border:none;}

/* 보도자료 */
.press_list {border-top:2px solid #d5d5d5; border-bottom:1px solid #d4d4d4;}
.press_list > ul > li {padding:20px 0; border-bottom:1px solid #d9d9d9;}
.press_list .item {position:relative; min-height:160px}
.press_list .item.no_img {min-height:auto}
.press_list .item.no_img dl {padding-left:0;}
.press_list .item.no_img .thumb {display:none;}
.press_list .item .thumb {display:block; position:absolute; top:0; left:0; width:260px; height:160px; overflow:hidden; background:#333; text-align:center;}
.press_list .item .thumb img {width:100%; height:100%; max-height:160px;}
.press_list .item dl {padding-left:280px; font-size:14px;}
.press_list .item .subject {padding:10px 0; border-bottom:1px dotted #ccc;}
.press_list .item .subject a {display:inline-block; width:95%; overflow:hidden; font-size:17px; font-weight:bold; text-overflow:ellipsis; white-space:nowrap;}
.press_list .item .subject a:hover {text-decoration:none;}
.press_list .item .pt {height:65px; margin:10px 0; overflow:hidden; color:#666; line-height:1.5;}
.press_list .item .pt {display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.press_list .item .opt {padding-top:10px; line-height:1.3;}
.press_list .item .opt span {display:inline-block; padding-right:10px;}
.press_list > ul > li.no_list {border-top:none;}

/* 게시판 글쓰기 */
.board_write {width:100%; margin-bottom:20px; border:1px solid #d5d5d5;}
.board_write tbody th {padding:0 10px 0 20px; border-right:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; background:#fafafa; color:#333; text-align:left; vertical-align:middle;}
.board_write tbody td {height:45px; padding:6px 8px; border-bottom:1px solid #d9d9d9;}
.board_write tbody td.title {line-height:20px; color:#119eab;}
.board_write tbody label {display:inline-block;}
.board_write thead th {height:30px; border-bottom:1px solid #d9d9d9; border-left:1px solid #d9d9d9; background:#f7f7f7; vertical-align:middle;}
.board_write thead th:first-child {border-left:none;}
.board_write textarea {height:300px; vertical-align:top;}
.board_write button.zipcode {height:32px; line-height:32px; padding:0 10px; color:#fff; background:#8c8c8c;}

@media all and (max-width:350px) {
	.board_write button.zipcode {display:block; margin-top:5px;}
}


/* 이용동의 */
.rule_agree label {display:inline-block; padding:10px 0;}
.rule_agree .scroll {height:110px; padding:15px; border:1px solid #d9d9d9; font-size:14px; line-height:1.4; overflow-y:scroll;}
.rule_agree .scroll h4 {padding-bottom:10px;}

/* 본인확인 */
.identi_confirm {overflow:hidden;}
.identi_confirm .item {float:left; width:50%; padding:50px 40px; border:1px solid #ccc; text-align:center;}
.identi_confirm .item.hp {border-right:none;}
.identi_confirm .item .icon{display:inline-block;width:126px;height:126px; background-color: #f7f6f6; border-radius: 30px; background-image: url(/images/domain/junggu/sub/i_security.png); background-repeat: no-repeat; background-position: center;}
.identi_confirm .item.ipin .icon{background-image: url(/images/domain/junggu/sub/i_ipin.png);}
.identi_confirm .item .stit {padding:20px 0; font-size:20px;}
.identi_confirm .text_box {color:#666; font-size:14px; line-height:1.4;}
.identi_confirm .text_box > p {height:100px; text-align: left;}
.identi_confirm .tipbox {height:210px; margin-bottom:20px; padding:20px; background:#f2f2f2; text-align:left;}
.identi_confirm .tipbox > p {padding-bottom:10px; font-size:16px; font-weight:bold;}

.txtwrap li{position: relative; line-height:1.3;padding-bottom:6px;padding-left:10px;font-size:15px;}
.txtwrap li:before{position: absolute; top: 7px; left: 0; content: ""; display: block; width: 3px; height: 3px; background-color: #444; border-radius: 50%;}

/* 리스트스타일 */
.list_1st li{position: relative; line-height:1.3;padding-bottom:10px;padding-left:8px;font-size:14px;}
.list_1st li:before{position: absolute; top: 7px; left: 0; content: ""; display: block; width: 3px; height: 3px; background-color: #444; border-radius: 50%;}
.list_1st li:last-child{padding-bottom:0;}

@media all and (max-width:800px) {
	/* 본인확인 */
	.identi_confirm .item {padding:30px 20px;}
}
@media all and (max-width:620px) {
	/* 포토게시판 */
	.gallery_list {padding:10px 0;}
	.gallery_list > ul {width:103%;}
	.gallery_list > ul > li {width:47%;}
	.gallery_list > ul > li > a .thumb {height:140px;}
	.gallery_list > ul > li > a .thumb img {max-height:140px;}
	/* 보도자료 */
	.press_list .item .thumb {position:static; width:auto;}
	.press_list .item dl {padding-left:0;}
	.press_list .item .subject a {width:100%; font-size:16px;}
	.press_list .item .pt {height:45px; -webkit-line-clamp:2;}
	.press_list .item .opt {padding-top:0;}
	/* 게시판글쓰기 */
	.board_write tbody th {padding:0 5px; font-size:13px; text-align:center;}
	.board_write textarea {height:200px;}
	/* 본인확인 */
	.identi_confirm .item {float:none; width:100%; padding:15px 15px 20px 15px;}
	.identi_confirm .item.hp {border-right:1px solid #ccc; border-bottom:none;}
	.identi_confirm .item .stit {padding:10px 0; font-size:17px;}
	.identi_confirm .item .icon {width:70px; height:70px; background-color:transparent; border-radius: 0;}
	.identi_confirm .text_box > p {height:auto; padding-bottom:15px;}
	.identi_confirm .tipbox {height:auto; margin-bottom:10px; padding:15px;}
}
@media all and (max-width:480px) {
	/* 포토게시판 */
	.gallery_list {padding:0;}
	.gallery_list > ul > li > a .thumb {height:110px;}
	.gallery_list > ul > li > a .thumb img {max-height:110px;}
	.gallery_list > ul > li > a em {padding-top:10px; font-size:14px;}
}

/* 중구청 비밀번호 입력 */
.pw_area {position:relative; padding:5% 5% ; border:1px solid #d5d5d5;}
.pw_area:after {position:absolute; left:0; bottom:-3px; width:100%; height:2px; background:#f2f2f2; content:'';}
.pw_area .box {position:relative; left:50%; margin-left:-205px; overflow:hidden;}
.pw_area .icon {float:left; width:120px; height:120px; background:url('/images/junggu_health/sub/pw_area1.jpg') 0 0 no-repeat}
.pw_area .cont {float:left; margin:18px 0 0 18px;}
.pw_area .cont .tx {font-size:19px; font-weight:bold}
.pw_area .cont .tx span {display:inline-block; margin:7px 0 10px 0; font-size:15px; font-weight:normal; color:#676767}

@media all and (max-width:480px) {
	/* 중구청 비밀번호 입력 */
	.pw_area .icon {display:none}
	.pw_area .box {left:0%; width:100%; margin-left:0;}
	.pw_area .cont {float:none; text-align:center; margin:5% 0}
	.pw_area .cont .tx {font-size:19px;}
	.pw_area .cont .tx span {font-size:13px;}

}

/* 보건교육신청 list */
.board_list.apply .appbtn {display:inline-block; line-height:20px; padding:3px 12px; text-align:center; color:#fff; font-size:13px; background:#8c8c8c;}
.board_list.apply .appbtn.Ing {background:#119eab;}
.board_list.apply .appbtn.red {background:#d93737;}
.board_list.apply .pers_now {color:#3478c1;}
.board_list.apply td.state a:hover span {text-decoration:underline;}
.board_list.apply .term1 em {display:block;}

@media all and (max-width:840px) {
	.board_list.apply .num {display:none;}
	.board_list.apply .person {display:none;}
}
@media all and (max-width:800px) {
	.board_list.apply .term1 {display:none;}
	.board_list.apply .term2 {width:25%;}
	.board_list.apply .state {width:20%;}
}
@media all and (max-width:480px) {
	.board_list.apply .term2 {display:none;}
}

/* 보건교육신청 확인 */
.apply_area {position:relative; padding:5%; border:1px solid #d5d5d5;}
.apply_area:after {position:absolute; left:0; bottom:-3px; width:100%; height:2px; background:#f2f2f2; content:'';}
.apply_area .box {position:relative; left:50%; margin-left:-205px; overflow:hidden;}
.apply_area .icon {float:left; width:120px; height:120px; background:url('/images/junggu_health/sub/apply_area1.jpg') 0 0 no-repeat}
.apply_area .cont {float:left; margin:18px 0 0 18px;}
.apply_area .cont .tx {font-size:19px; font-weight:bold}
.apply_area .cont .tx span {display:inline-block; margin:7px 0 10px 0; font-size:15px; font-weight:normal; color:#676767}
.apply_area .cont .ipt_area {width:240px;}
.apply_area .cont .ipt_area ul li {position:relative; margin-bottom:6px; padding-left:65px;}
.apply_area .cont .ipt_area ul li span {position:absolute; top:8px; left:0; font-size:13px;}
.apply_area .cont .ipt_area ul li input {width:100%;}
.apply_area .cont .ipt_area button {width:100%; height:32px; line-height:32px; margin:0;}

@media all and (max-width:480px) {
	.apply_area .icon {display:none;}
	.apply_area .box {margin-left:-135px;}
}