@charset "utf-8";

/* 요소(element) 여백 초기화  */
html, body,
div, span,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
blockquote, p, address, pre, cite,
form, fieldset, input, textarea, select,
table, th, td {
    margin:0;
    padding:0;
}

/* 제목요소 */
h1, h2, h3, h4, h5, h6 {
    font-size:100%;
    font-weight:normal;
}

/* 테두리 없애기 */
fieldset, img, abbr, acronym { border:0 none; }

/* 목록 */
ol, ul { list-style:none; }

/* 테이블 - 마크업에 'cellspacing="0"' 지정 함 께 필요 */
table {
    border-collapse: separate;
    border-spacing:0;
    border:0 none;
}
caption, th, td {
    text-align:left;
    font-weight: normal;
}

/* 텍스트 관련 요소 초기화 */
address, caption, cite {
    font-weight:normal;
    font-style:normal;
}
ins { text-decoration:none; }
del { text-decoration:line-through; }

/* 인용문 */
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote,q { quotes:"" ""; }

/* 수평선*/
hr { display:none; }




@font-face {
    font-family: 'NanumSquare';
    src: url('/font/nanum_square_r.eot') format('eot'), /* IE 9 폰트 적용 */
    url('/font/nanum_square_r.woff') format('woff'); /* IE 9, 파이어폭스, 크롬 폰트 적용 */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NanumSquareBold';
    src: url('/font/nanum_square_b.eot') format('eot'), /* IE 9 폰트 적용 */
    url('/font/nanum_square_b.woff') format('woff'); /* IE 9, 파이어폭스, 크롬 폰트 적용 */
    font-weight: normal;
    font-style: normal;
}

/* ios 가로 모드 글자 크기 방지 */
*{-webkit-text-size-adjust:none;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}

/* 숨김 요소 */
legend, #header h2, #slogan h2, #footer h2,label{
    position:absolute;
    overflow:hidden;
    width:1px;
    height:1px;
    font-size:0;
    line-height:0;
}
html, body {
    height: 100%;
}

/* 링크 */
a, a:link {
    color:#4f4f4f;
    text-decoration:none;
}
a:visited {
    color:#666666;
    text-decoration:none;
}
a:hover {
    color:#f00;
    text-decoration:none;
}
a:focus {
    color:#f00;
    text-decoration:none;
}
a:active {
    color:#666666;
    text-decoration:none;
}
/* 이미지, 폼관련 요소 */
img {
    vertical-align:top;
}
label, select, input, textarea {
    vertical-align:middle;
}
/* -------------------------------------------------- */

html>/**/body{overflow-y:scroll;}/* 스크롤 고정 */


html, body{ font-family:'NanumSquare','돋움','Dotum'; font-style:normal; }
body{text-align: justify;font-size:14px;color:#333;line-height:1.3em;}
div, p, ul, ol, li, img, a, table, td, th, tr, h1, h2, h3, h4, h5, h6, form, input, span, iframe, dl, dt, dd, caption, iframe{margin:0;padding:0;border:none;}
input,button,textarea,select,table{font-family:'돋움','Dotum';font-size:12px;}
h1,h2,h3,h4,h5,h6{font-family:'NanumSquare';font-size:13px;}



table, pre {font-size: 12px;}
table{border-collapse:separate;border-spacing:0;border:0 none;}
form, fieldset, img, address, label{margin:0;border:0;padding:0;}
legend{position:absolute;width:0;height:0;font-size:0;line-height:0;text-indent:-9999px;overflow:hidden; display:none;}
address{font-style:normal;}


p {text-align:justify;margin:0;padding:0;}
table caption { display:none; overflow:hidden; position:absolute; width:0;height:0; font-size:0; line-height:0; }
em { color:#f97336; font-style:normal; }
img,fieldset,iframe{border:none;}
li{list-style:none;}

a:link,a:visited{text-decoration:none;color:#333; }
a:hover,a:focus,a:active{text-decoration:none;color:#333; }

/* 문서구분 */
hr { display:none; }

/* png이미지 처리 */
.png24{tmp:expression(setPng24(this));border:none;}
* {-webkit-text-size-adjust:none;}


/* 스타일 */
/*.tab { position:relative; height:39px; background:url('/images/05_book/tab_bg1.png') repeat-x left bottom; }*/
/*.tab ul{width:1000%; }*/
/*.tab li {background:#e9f3fa; float:left; padding:7px 20px;  text-align:center; letter-spacing:-0.5px; line-height:26px; border:solid #c8c8c8; border-width:0 1px 1px 0;}*/
/*.tab li:first-child { border-left:1px solid #dfdfdf; }*/
/*.tab li a { font-size:14px; }*/
/*.tab li.on {border-bottom:0;  font-weight:bold;  line-height:27px; background:#fff; }*/
/*#slidebar span a { position:fixed; z-index:10; top:1px; right:0; width:23px; height:40px;; }*/
/*#slidebar  span a img { width:100%; height:100%;}*/

.tab { width: 100%; }
.tab nav { display: grid; grid-template-columns: repeat(3, 1fr); }
.tab.hospital nav { display: grid; grid-template-columns: repeat(2, 1fr); }
.tab a { display: block; padding: 1em 0;  background-color: #2f3178; color: #fff; font-size: 0.9em; text-align: center; letter-spacing: -0.5px; }
.tab a.active { background-color: #ffffff; border: 2px solid #4a4c93; color: #36388a; }

.tab2 { position:relative; height:42px; overflow:hidden; width:100%;}
.tab2 li {background:#e9f3fa;  float:left; padding:7px 3%; width:50%; text-align:center; letter-spacing:-0.5px; line-height:25px;border:solid #c8c8c8; border-width:0 0 1px 1px; }
.tab2 li a { font-size:16px; }
.tab2 li.on { border-bottom:0;  font-weight:bold; background:#fff; border-bottom:1px solid #fff;}
.nextMenu { position:absolute; z-index:100000; top:0; right:0; padding:14px 0 0 5px; width:20px; height:46px;  background:#eee; border-bottom:2px solid #333;}

.board { width:100%; clear:both; border-bottom:1px solid #dfdfdf; letter-spacing: -0.5px; }
.board li { position:relative; padding: 1.3em 1.3em; width:100%;  border-bottom:1px solid #bfbfbf; line-height:20px; text-align:left; overflow:hidden;}
.board li:last-child { border:none;  }
.board li:nth-child(even) {background:#f3f8fc; }
.board .con{width:100%; float:left; overflow:hidden;}
.board .con .content { float: left; padding-right: 0.5em; width: 65%; }
.board .con .writer { float: right; width: 35%; text-align: right; line-height: 34px; }
.board span { display:block; }
.board span.subject { font-size:100%; font-weight: 600; color:#333; line-height:1.5em; height:1.5em; overflow:hidden; white-space: nowrap; text-overflow:ellipsis; }
.board span.date { display: inline-block; font-size: 80%; line-height:1.3em; color:#a8a8a8; vertical-align: middle; }
.board span.exp { height: 1.3em; font-size:100%; color:#a8a8a8; width:100%; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; padding-top:0.3em; line-height:1em;}


a.btn_more { display:block; padding: 20px 0; width: 100%; text-align:center; background-color: #718bcf; color: #fff; font-size: 1.1em; font-weight: 600; }
a.btn_more img{width:3em; height:3em;}

.board3 { width:100%; clear:both; border-bottom:1px solid #dfdfdf; letter-spacing: -0.5px; }
.board3 li { position:relative; padding: 1.3em 50px 1.3em 1.3em; width:100%;  border-bottom:1px solid #bfbfbf; line-height:20px; text-align:left; overflow:hidden; background-image: url(/img/ico_arrow.jpg); background-repeat: no-repeat; background-size: 10px auto; background-position: right 29px center; }
.board3 li:last-child { border:none;  }
.board3 .con{width:100%; float:left; overflow:hidden;}
.board3 span { display:block; }
.board3 span.subject { font-size:100%; font-weight: 600; color:#333; line-height:1.5em; height:1.5em; overflow:hidden; white-space: nowrap; text-overflow:ellipsis; }
.board3 .info { font-size: 70%; color:#a8a8a8; vertical-align: middle; }
.board3 .info .addr { display: inline-block; padding-left: 10px; background-image: url(/img/ico_addr.jpg); background-size: auto 50%; background-repeat: no-repeat; background-position: left center; }
.board3 .info a.tel { display: inline-block; margin-left: 10px; padding-left: 13px; color: inherit; background-image: url(/img/ico_tel.jpg); background-size: auto 50%; background-repeat: no-repeat; background-position: left center; }
.board3 span.date { display: inline-block; font-size: 70%; color:#a8a8a8; width:100%; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp: 1; -webkit-box-orient:vertical; padding-top:0.3em; line-height:1.3em; }
.board3 span.exp { display: inline-block; font-size: 70%; color:#a8a8a8; width:100%; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp: 1; -webkit-box-orient:vertical; padding-top:0.3em; line-height:1.3em; }

.border_view { clear:both; width:100%; letter-spacing: -0.5px;  }
.border_view span { display:block; }
.border_view .subject { padding: 1em 0; font-size: 100%; line-height:1em; font-weight:bold; color:#333; border-bottom:1px solid #bfbfbf; text-align: center;}
.border_view .date { padding:0.3em 2em 0.3em; border-bottom: 2px solid #a8a8a8; color:#a8a8a8; font-size: 75%; }
.border_view .date:before { content: "·"; display: inline-block; font-size: 3em; vertical-align: middle; }
.border_view .file { padding:0.3em 2em 0.3em; border-bottom: 2px solid #a8a8a8; color:#000000; font-size: 75%; font-weight:700;}
.border_view .file:before { content: "·"; display: inline-block; font-size: 3em; vertical-align: middle; }
.border_view .file a { color:#000000; font-weight:700;}
.border_view .exp { font-weight: 600; font-size: 100%; line-height:1.8em; padding: 1em 2em; color: #333; overflow: hidden; }
.border_view .exp img {max-width:100%;}
a.btn_write { display:block; padding: 20px 0; width: 100%; text-align:center; background-color: #ababbb; color: #fff; font-size: 1.1em; font-weight: 600; }

#hospital_notice { padding: 10px 32px; }
#hospital_notice ul {}
#hospital_notice ul li { color: #a8a8a8; font-size: 70%; font-weight: 600; letter-spacing: -1px; }
#hospital_notice ul li span:first-child:after { content: "=>"; display: inline-block; margin: 0px 10px; }

#hospital_information { padding: 18px; }
#hospital_information table { width: 100%; border-bottom: 3px solid #595959; }
#hospital_information table.hide { display: none; }
#hospital_information table tr.topLine > * { border-top: 2px solid #595959; }
#hospital_information table tr td { padding: 5px 10px; border-top: 1px solid #878787; border-left: 1px solid #878787; color: #a8a8a8; font-size: 70%; font-weight: 600; text-align: center; line-height: 1.5em; letter-spacing: -1px; }
#hospital_information table tr th { padding: 5px 10px; color: #333; font-size: 100%; font-weight: 600; text-align: center; letter-spacing: -1px; }
#hospital_information p { display: block; padding: 13px; color: #a8a8a8; font-size: 70%; font-weight: 600; line-height: 1.7em; letter-spacing: -0.5px; }
#hospital_information p.tel { padding-top: 0px; border-bottom: 2px solid #595959; }
#hospital_information p.tel strong { display: block; color: #444; }
#hospital_information p.tel a { color: #a8a8a8; }


/*주요업무추진현황*/


caption, legend{visibility:hidden;overflow:hidden;position:absolute;top:-3000px;left:-3000px;width:0;height:0;font-size:0;line-height:0;}

input[type="checkbox"], input[type="radio"]{vertical-align:middle;}

strong{font-weight:600;}


.box { width: 100%; background-color: #2f3178; text-align: center; }
.box.hospital { background-color: #b2b1c0; }
.box select { padding: 0 .5em; font-family: inherit; background-color: #718bcf; color: #fff; text-align: center; text-align-last: center; }
.box select option { font-size: 1em; color: #333; }
.selectTeam { width: 100%; height: 44px; font-size: 1em; border: 1px solid #c8c8c8; text-align: center; }         


/*주요업무계획:s*/
/* 년도탭 */
.basic_tab{overflow:hidden;border-top:1px solid #d7d7d7;border-left:1px solid #d7d7d7;margin:0 0 30px 0}
.basic_tab li{float:left;width:100%}
.basic_tab li a{display:block;padding: 15px 15px 25px 15px;height:30px;border-right:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7;}
.basic_tab li a:hover{background:#15296a;color:#fff}
.basic_tab li.on a{background:url("/images/01_potal/common/tab_on.png") no-repeat right center #223e99;color:#fff}
.basic_tab li.on a:hover{background-color:#15296a}

h4{font-size:26px;color:#223e99;margin:50px 0 20px 0}

/*과선택*/
.work_ul{margin:10px 0 0 0}
.work_ul{border-top:1px solid #ddd;border-left:1px solid #ddd}
.work_ul li{font-weight:400;font-size:15px}
.work_ul li a{display:block;border:none;padding:0;}
.work_ul li a:hover{text-decoration:underline;border:none;color:#333}
.work_ul li a span{display:block;padding: 11px 10px 8px 35px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;/* height: 27px; */}

.down_hwp{display:inline-block;background:url("/images/01_potal/common/file_hwp.png") no-repeat 10px center #fff;border:1px solid #ccc;padding:10px 10px 10px 35px;letter-spacing:-0.05em}
.down_hwp:hover{border:1px solid #223e99}       

.down_pdf{display:inline-block;background:url("/images/01_potal/common/file_pdf.png") no-repeat 10px center #fff;border:1px solid #ccc;padding:10px 10px 10px 35px;letter-spacing:-0.05em}
.down_pdf:hover{border:1px solid #223e99}