@charset "utf-8";

/*********************

     componant - 관련

*********************/

/* 작업기준*/
@media(max-width:1279px){/*pc작은화면*/}
@media(max-width:1023px){/*테블릿*/}
@media(max-width:767px){/*안드로이드 가로*/}
@media(max-width:567px){/*아이폰4 가로*/}
@media(max-width:479px){/*안드로이드 세로*/}
@media(max-width:359px){/*아이폰 공통 세로*/}


/*만족도조사*/
@media(max-width:1024px){
.satisfaction{height:auto;background-position:23px 18px}
.satisfaction p{margin:0 0 6px}
.satisfaction p,
.satisfaction ul.star{float:none}
.satisfaction .survey_txt{margin-left:0}
}

/*사이트맵*/
@media(max-width:1024px){
.sitemap li ul{width:33.3%}
}

/*table*/
@media(max-width:1024px){
.basic_table col.problem{width:10%}
.basic_table col[class^="problem_"]{width:10%}
.basic_table col.date{width:120px}
}
@media(max-width:1023px){
.basic_table .problem{display:none}
.basic_table th,
.basic_table td{padding:5px;letter-spacing:-1px}
.basic_table th{padding:10px 5px}
.basic_table .problem_number,
.basic_table .problem_count,
.basic_table .problem_file{display:none}
.basic_table .problem_number+th,
.basic_table .problem_number+td{border-left:0}
.basic_table col.problem_name{width:80px}
.basic_table col.problem_status{width:60px}
.basic_table td.list_subject .link{width:86%}
.basic_board{background-position:0 42px !important}

}
@media(max-width:639px){
/* .basic_table .date{display:none} */
.basic_table .list_subject .link{display:inline;float:none;white-space:normal}
.basic_table .list_subject img{float:none;margin:0}
}





/*게시판 검색*/
@media(max-width:767px){/*안드로이드 가로*/
/*인풋모음*/
.basic_search.fl{width:100%}
#findInp{width:60% !important}
/*레이블모음*/
label[for="findItem"]{display:none}
}

@media(max-width:639px){/*아이폰 가로*/
/* #findWrite,
#bbsSearchkeyword{width:175px !important} */
}
@media(max-width:479px){/*안드로이드 세로*/
/* .basic_serch_bbs .board_search{width:100%}
.basic_serch_bbs .grap{width:23%}
.basic_serch_bbs .basic_search{float:right;width:73%}
.basic_search .searchinput{width:100%} */

/*음식숙박*/
.hotel_search fieldset{float:none;width:100%}
#contents .hotel_search #findWrite{width:76% !important}

/*레이블모음*/
.basic_search label{line-height:31px}
.basic_search .searchinput .flow{font-size:0.8em}
/*인풋모음*/
/* #findWrite,
#bbsSearchkeyword{width:65% !important} */
#min_input{width:220px !important}
}
@media(max-width:359px){/*아이폰 세로*/
/* .basic_serch_bbs .board_search{clear:both;width:100%}
.basic_serch_bbs .grap{width:31%}
.basic_serch_bbs .basic_search{width:69%} */
/*레이블모음*/
.hotel_search label{font-size:0.9em}
/*인풋모음*/
/* #findWrite,
#bbsSearchkeyword{width:59% !important}
#searchKeyword{width:59% !important} */
#min_input{width:180px !important}
#contents .hotel_search #findWrite{width:72% !important}
}

/*본인확인서비스*/
@media(max-width:1023px){/*테블릿*/
.adult .adultwrap{float:none;width:auto}
.adult .adultwrap h5+p{position:static;padding:20px}
.adult .adultwrap .center{padding-top:0}
}
@media(max-width:767px){/*안드로이드 가로*/

}

/*예산서공개*/
@media(max-width:767px){/*안드로이드 가로*/
.sub01_08_02 .basic_serch_bbs .board_search{float:none}
.sub01_08_02 .basic_serch_bbs .grap,
.sub01_08_02 .basic_serch_bbs .basic_search{float:none}
.sub01_08_02 .basic_search .searchinput{width:100%}
.sub01_08_02 .basic_search select{width:88%}
}
@media(max-width:567px){/*아이폰4 가로*/
.sub01_08_02 .basic_search select{width:84%}
}
@media(max-width:479px){/*안드로이드 세로*/
.sub01_08_02 .basic_serch_bbs .basic_search{width:100%}
.sub01_08_02 .basic_search select{width:74%}
.sub01_08_02 .basic_search select[name="yearChasu"] option{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}
}

/*수의계약공개, 민원사무편람*/
@media(max-width:639px){
.sub01_14_01 .basic_serch_bbs .board_search,
.sub02_01_06 .basic_serch_bbs .board_search{float:none}
.sub01_14_01 .basic_serch_bbs .board_search fieldset,
.sub02_01_06 .basic_serch_bbs .board_search fieldset{clear:both;width:100%}
.sub01_14_01 .basic_serch_bbs .basic_search,
.sub02_01_06 .basic_serch_bbs .basic_search{width:44%}
.sub01_14_01 .basic_search .searchinput,
.sub02_01_06 .basic_search .searchinput{width:100%}
.sub01_14_01 .basic_search label,
.sub02_01_06 .basic_search label{font-size:0.9em}
.sub01_14_01 .basic_search .searchinput #bbsSearchKeyword,
.sub02_01_06 .basic_search .searchinput #min_input{width:61%}
}
@media(max-width:479px){
.sub01_14_01 .basic_serch_bbs .grap,
.sub02_01_06 .basic_serch_bbs .grap{width:100%;margin-bottom:3px}
.sub01_14_01 .basic_serch_bbs .grap #division,
.sub02_01_06 .basic_serch_bbs .grap #division{width:76%}
.sub01_14_01 .basic_serch_bbs .basic_search,
.sub02_01_06 .basic_serch_bbs .basic_search{float:none;width:100%;}
.sub01_14_01 .basic_search .searchinput,
.sub02_01_06 .basic_search .searchinput{padding:0}
.sub01_14_01 .basic_search .searchinput #bbsSearchKeyword,
.sub02_01_06 .basic_search .searchinput #min_input{width:76%;}
}
@media(max-width:359px){
.sub01_14_01 .basic_serch_bbs .grap #division,
.sub01_14_01 .basic_serch_bbs .grap #division,
.sub01_14_01 .basic_search .searchinput #bbsSearchKeyword,
.sub02_01_06 .basic_search .searchinput #bbsSearchKeyword{width:71%}
}
/*직원/업무안내 */
@media(max-width:639px){
.sub06_08_02 .basic_search label{font-size:0.7em}
.sub06_08_02 #findInp{width:37% !important}
}
/*민원사무편람*/
@media(max-width:479px){
[class^="sub06_09_"] #min_input{width:152px !important;}
}
@media(max-width:359px){
[class^="sub06_09_"] #min_input{width:111px !important;}
}

/* 게시판 반응형 */
@media(max-width:1279px){
#contents .basic_table col[class^="problem_"]{width:10%}
#contents .basic_table col.problem_name{width:20%}
#contents .basic_table col.date{width:120px}
}
@media(max-width:1000px){
#contents .basic_table tr td{padding:5px}
#contents .basic_table .problem_number,
#contents .basic_table .problem_count,
#contents .basic_table .problem_file{display:none}
#contents .basic_table .problem_number+th,
#contents .basic_table .problem_number+td{border-left:0}
#contents .basic_table col.problem_name{width:80px}
#contents .basic_table col.problem_status{width:60px}
#contents .basic_table td.list_subject .link{width:86%}
}
@media(max-width:639px){
/* #contents .basic_table .date{display:none} */
#contents .basic_table td .list_subject .link{display:inline;float:none;white-space:normal}
#contents .basic_table td .list_subject img{float:none;margin:0}
}


/*포토형게시판*/
@media(max-width:767px){
#contents .photogallery_list li{width:33.3%}
}
@media(max-width:479px){
#contents .photogallery_list li{width:50%}
}
@media(max-width:359px){
#contents .photogallery_list li{float:none;width:auto}
}

/*eBook*/
@media(max-width:767px){
#contents .type1 .photogallery_list li{width:33.1%}
}
@media(max-width:639px){
#contents .type1 .photogallery_list li{width:49.7%}
}
@media(max-width:359px){
#contents .type1 .photogallery_list li{float:none;width:auto}
}

/*보도형 게시판*/
@media(max-width:639px){
#contents .bodo_list .item{margin-bottom:25px;padding:0}
#contents .bodo_list .item:first-child{padding-top:25px}
#contents .bodo_list .item .thumb{float:none;width:auto;margin:0;text-align:center;background-color:#fff;}
#contents .bodo_list .item .descpt{padding-top:10px}
}

/*동영상게시판*/
/*플레이어*/
@media(max-width:639px){
.respondPlayer{width:auto !important;height:auto !important}
.respondPlayer video,
.respondPlayer object{width:auto !important;height:306px !important}
}
@media(max-width:479px){
.respondPlayer video,
.respondPlayer object{height:226px !important}
}
@media(max-width:359px){
.respondPlayer video,
.respondPlayer object{height:200px !important}
}


/*5차 탭메뉴*/
@media(max-width:767px){
.slave_tab li{width:25%}
}
@media(max-width:639px){
.slave_tab li{width:33.3%}
}
@media(max-width:479px){
.slave_tab li{width:100%}
}









/*당직병의원약국 */
@media(max-width:1024px){
.basic_box .hospt{width:99.2%}
.hospt_srch{width:23% !important}
.hospt_tday{width:60% !important}
}
@media(max-width:1023px){
.hospt_srch{padding:20px;width:28% !important}
.hospt_tday{padding:20px;width:58.9% !important}
}
@media(max-width:767px){
.hospt_srch{padding:20px;width:28% !important}
.hospt_tday{padding:20px;width:58.8% !important}

.replace_calendar{border-top:2px solid #a2a2a2}
.replace_calendar td,
.replace_calendar th{margin-top:0; border-bottom:1px solid #a2a2a2}
.replace_calendar td{padding:10px}
.replace_calendar .basic_list{margin:0}
.replace_calendar .title{margin:3px 0;padding:0;font-weight:700;font-size:1.143em;color:#000}
}
@media(max-width:639px){
/*이달의 당직병원 */
.basic_box .inner.hospt{width:98.8%;padding:0;margin-bottom:0}
.hospt_srch{display:block;overflow:hidden;float:none;width:auto !important;padding:20px;border-bottom:1px dashed #ccc}
.basic_box .hospt_srch h4{float:left;margin-bottom:0;border-bottom:0 none}
.hospt_srch br{display:none}
.hospt_tday{display:block;float:none !important;width:auto !important;padding:20px;border:none !important}
.hospt_tday h5{letter-spacing:-0.1em}
.basic_box .hospt_tday strong{border:0 none}
.basic_box .inner form{float:right;width:auto;margin:0;}
.hospt_tday .basic_list{margin-left:20px}
.calenWrap .btn_area{position:static;margin-bottom:10px;text-align:right}
}
@media(max-width:479px){
.basic_box .inner.hospt{width:98.3%}
}
@media(max-width:359px){
.basic_box .inner.hospt{width:98%}
}

@media(min-width:1281px) and (max-width:1300px){
.basic_box .hospt{margin-bottom:-6px}
}

/*table*/
.basic_table .mo_problem{display:none;}
@media(max-width:1024px){
.basic_table col.problem{width:10%}
.basic_table col[class^="problem_"]{width:10%}
.basic_table col.date{width:120px}
}
@media(max-width:1023px){
.basic_table .problem{display:none}
.basic_table .mo_problem{display: table-row;}
.basic_table th,
.basic_table td{padding:5px;letter-spacing:-1px}
.basic_table th{padding:10px 5px}
.basic_table .problem_number,
.basic_table .problem_count,
.basic_table .problem_file{display:none}
.basic_table .problem_number+th,
.basic_table .problem_number+td{border-left:0}
.basic_table col.problem_name{width:80px}
.basic_table col.problem_status{width:60px}
.basic_table td.list_subject .link{width:86%}
.basic_board{background-position:0 42px !important}

}
@media(max-width:639px){
/* .basic_table .date{display:none} */
.basic_table .list_subject .link{display:inline;float:none;white-space:normal}
.basic_table .list_subject img{float:none;margin:0}
}

@media(max-width:570px) {
  #contents .basic_table .problem_number+th, #contents .basic_table .problem_number+td {width:30%}
}

.basic_table tr.noData td {
    /*position: absolute;*/ /* 답변형게시판오류수정_20181011 */
    left: 0;
    width: 100%;
    border: 0;
    border-bottom: 1px solid #ddd;
    text-align: center;
    padding: 8px 10px;}
.button.small.mt_20{ margin-top:20px; }

/*게시판 검색바*/
@media only screen and (max-width:640px) {
  .basic_serch_bbs .board_search{float:none}
  .basic_serch_bbs .grap, .basic_serch_bbs .basic_search{float:none;width:100%}
  .basic_serch_bbs .board_total{display:block;float:none;font-size:14px;line-height:40px}
  .basic_serch_bbs .grap select{width:100%;margin-bottom:5px}
  .basic_search .searchinput{width:100%;padding-left:0;border: 1px solid #adadad}
  .basic_search .searchinput input[type="text"]{width:100%;padding: 0 58px 0 10px;border: none;}
  .basic_search .searchinput input[type="submit"]{position: absolute;top: 0;right: 0;padding: 0;width: 40px;min-width: 56px;border: none;border-radius: 0;
    margin-top: 0;text-indent: 0;}


}