/*****************************************
/* ���ɺ� �ǰ����� ������ ��������						*/
/****************************************/

.hiage { background: url(/images/03_healthinfo/ico_age.gif) 7px 4px no-repeat; height:20px; padding-left:20px}

.bod_l a:link    {color:#3c5bb1;text-decoration:underline}
.bod_l a:visited {color:#b8c9e6;text-decoration:underline}
 
.tl_s5 a:hover {color:#ef5790; font-weight:bold; text-decoration:none;}
.tl_s5 a:link  {text-decoration:none;}
		
.bod_l a:link    {color:#3c5bb1;text-decoration:underline}
.bod_l a:visited {color:#b8c9e6;text-decoration:underline}
 
.tl_s5 a:hover {color:#0c6a65;; font-weight:bold; text-decoration:none;}/* ������ ���콺 �����ä�*/
.tl_s5 a:link  {text-decoration:none;}
 
.tl_s5 {
	font-size: 12px;
    text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d0d4d9;
	background-color: #f7f7f7;
	border-left-style: solid;
	border-right-style: solid;
	border-right-color: #d0d4d9;
	border-top-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-color: #d0d4d9;
	border-left-color:#d0d4d9;
	padding: 10 0 10 0;
}
.L30 { padding-left:5px; padding-right:5px; padding-bottom:5px; padding-top:5px;}

table { margin: 0; padding: 0; border: 0; font: 12px ����, ����ü, Dotum, Helvetica, sans-serif; border-collapse: collapse; border-spacing: 0; empty-cells: show;}




#category {float:left;margin:0 0 19px 0;padding:0 0 0 150px;width:557px;height:120px;border:1px solid #dedbde;border-top:2px solid  #7b7173;background:url('../image/m3/loveCross.png') left top no-repeat #f7f7f7;}
  #category li {float:left;padding:0 0 0 10px;width:175px;line-height:40px;background:url('../image/icon/bullet_tiny_arrow.png') left 15px no-repeat #f7f7f7;}
    #category li a {}
    #category li a:hover,
    #category li a.active {font-weight:bold;color:#008af7;text-decoration:none;}
	
/*�Խ��ǽ�Ų ����*/
#listWrap {margin:0 auto 50px;width:710px;}
  #docPhoto {margin:0 0 23px 0;width:100%;height:103px;background:#ddd}
  #listWrap .bbssearch {margin:0 0 9px 0;width:100%;text-align:right;}
    #listWrap .bbssearch .searchselect {float:right;width:63px;height:22px;line-height:22px;}
    #listWrap .bbssearch .keywordWrap {float:right;margin:0 0 0 5px;padding:0;width:186px;color:#b5b2b5;border:1px solid #c6c7c6}
      #listWrap .bbssearch .keywordWrap .searchinputbox {float:left;margin:0;padding:0 0 0 5px;width:144px;height:18px;line-height:20px;border:1px solid #fff;vertical-align:6px;}
      #listWrap .bbssearch .keywordWrap .searchbtn {float:right;width:30px;height:20px;}

  #listWrap .listtbl {width:100%;}
    #listWrap .listtbl th {height:27px;font-weight:bold;font-size:12px;color:#525152;line-height:27px;border-top:2px solid #36aa83;border-bottom:1px solid #36aa83;background:#f7f6f7; text-align: center; }
    #listWrap .listtbl td {padding:8px 0 2px 0;text-align:center;font-size:12px;color:#9c9a9c;line-height:22px;border-bottom:1px solid #dadbda;}
      #listWrap .listtbl td.sbj {text-align:left;}
        #listWrap .listtbl td.sbj a {color:#313031;font-size:12px;}
        #listWrap .listtbl td.sbj .newicon {vertical-align:-2px;}

    #listWrap .listtbl .paging {padding:20px 0 0 0;text-align:center;border:none;border-top:2px solid #e7e7e7}
      #listWrap .listtbl .paging a {color:#525552}
      #listWrap .listtbl .paging span {color:#d6d7d6}
      #listWrap .listtbl .paging .arrows {vertical-align:-2px;}
	  #listWrap .listtbl .paging .active {font-weight:bold}
      #listWrap .listtbl .paging span.active {font-weight:bold; color: #0072bc; font-size:15px}
    #listWrap .listtbl .btns {text-align:right;border:none;}

/*�Խ��ǽ�Ų �ۼ�*/
#writeWrap {margin:0 auto 50px;width:710px;}
  #writeWrap .writetbl {width:100%;border-top:2px solid #4481ac;}
    #writeWrap .writetbl th {height:30px;font-weight:bold;font-size:12px;color:#666;border-bottom:1px solid #cecfce;background:#f5f5f5;}
    #writeWrap .writetbl td {padding:0 0 0 10px;font-size:12px;border-bottom:1px solid #cecfce;}
      #writeWrap .writetbl * input[type=text] {height:20px;}
      #writeWrap .writetbl * .widthfull {width:95%;}
      #writeWrap .writetbl * .widthshort {width:115px;}
      #writeWrap .writetbl * .widthlong {width:225px;}
      #writeWrap .writetbl * textarea {margin:5px 0;width:100%;height:450px;border:none;}

    #writeWrap .writetbl .btns {padding:12px 0 0 0;text-align:center;border:none;border:none;border-top:1px solid #737573}

/*�Խ��ǽ�Ų ����*/
#viewWrap {margin:0 auto 50px;width:710px;}
  #viewWrap .viewtbl {width:100%;border-top:2px solid #4481ac;}
    #viewWrap .viewtbl  * {font-size:12px;}
    #viewWrap .viewtbl th {height:30px;font-weight:bold;color:#666;border-bottom:1px solid #cecfce;background:#f5f5f5; text-align: center; }
    #viewWrap .viewtbl th.sbj {color:#424542;background:url('../image/bbs/thsplit.png') top right no-repeat;}
    #viewWrap .viewtbl td {padding:10px;line-height:18px;border-bottom:1px solid #cecfce;}
      #viewWrap .viewtbl td h1 {float:left;width:auto;}
      #viewWrap .viewtbl td .rightSpan {float:right;width:auto;}
    #viewWrap .viewtbl .btns {padding:12px 0 0 0;border:none;border:none;border-top:px solid #737573}
      #viewWrap .viewtbl .btns .leftSpan {float:left;width:auto;}
      #viewWrap .viewtbl .btns .rightSpan {float:right;width:auto;}	
	
/* 20140529 �ǰ����� DB���� �߰� */

.contentsList {
}

.subCatName {
    float: left;
}

.subCatName li {
    float: left;
    margin-right: 3px;
    margin-bottom: 2px;
}

.subCatName li a {
    float: left;
    border: 1px solid #d6d6d6;
    background: #f4f4f4;
    padding: 8px 20px;
    border-radius: 2px;
    font: 15px 'Nanum',dotum,Helvetica,sans-serif;
    
}

.subCatName li a:hover, .subCatName .on a {
    background: #36aa83;
    border-color: #d6d6d6;
    color: #fff;
}

.listHead {
  clear: both;
    position: relative;
    padding-top: 25px;
    padding-bottom: 10px;
}

.listBody { 
  border-top:2px solid #36aa83;
  border-bottom:1px solid #bbbfc2;
  margin-bottom:20px;
}

.listBody li {
  border-top:1px solid #e8e8e8;
}

.listBody li:first-child {
  border:0 none;
}

.listBody li a {
  display:block;
  padding:12px 0;
  padding-left:10px;*zoom:1;
}

.listBody li a:hover {
  background:#f6f6f6;
  color:#36aa83;

}


#paging {
    text-align: center;
}



#paging ul{
    display: inline-block;
    zoom: 1;
    *display: inline;
    font-weight: bold;
    
}



#paging ul li {
    width: 24px;
    height: 24px;
    line-height: 24px;
    display: inline-block;
    zoom: 1;
    *display: inline;
    margin: 0 2px;
    border: 1px solid #d9d9d9;
    background: #fff;
    
    cursor: pointer;
}

#paging ul li {
    
}

#paging ul li:hover, #paging ul li.on, #paging ul li.on a {
    border: 1px solid #d6d6d6;
    background: #36aa83;
    color: #fff;
}

/* 20140529 �ǰ����� �������� ��Ÿ�� */
/* ��Ÿ �������� Ʋ */
#contentBox2 .contentTitle {border-bottom: 1px solid #d9d9d9; font-size:18px; vertical-align: middle; margin-bottom: 20px;overflow: hidden; padding:20px 0; color:#252525;font-weight: bold; font-family:'Nanum',dotum,Helvetica,sans-serif;}
#contentBox2 .contentView {border-top: 2px solid #36aa83;border-bottom: 1px solid #36aa83; margin: 25px 0 20px 0; padding-bottom: 30px; font-family: 'Nanum',dotum,Helvetica,sans-serif;}
#contentBox2 .contentView h3 {font-size:16px; vertical-align: middle; margin-bottom: 20px;overflow: hidden; padding:20px 0; color:#252525; border-bottom: 1px solid #d9d9d9;}
#contentBox2 .contentView h4 {font-size:16px; vertical-align: middle; margin-top: 35px;overflow: hidden;}
#contentBox2 .contentView h5 {font-size:14px; margin-top:35px; clear:both;}
#contentBox2 .contentView h6 {font-size:13px; margin-top:35px; clear:both;}
#contentBox2 .contentView p {line-height:22px; margin-top: 15px;font-family: 'Nanum',dotum,Helvetica,sans-serif;}
#contentBox2 .contentView ul{margin:15px 0 0 20px;line-height:22px;list-style-type:disc;}
#contentBox2 .contentView ul li{list-style-type:disc;}
#contentBox2 .contentView div:after {display:block; content:""; clear:both;}
#contentBox2 .contentView table {border:1px solid #ccc; }
#contentBox2 .contentView table th {height:30px; border:1px solid #ccc; background:#f5f5f5; vertical-align:middle; font-family: 'Nanum',dotum,Helvetica,sans-serif;}
#contentBox2 .contentView table td {height:20px; padding:5px; border:1px solid #ccc; vertical-align:middle; font-family: 'Nanum',dotum,Helvetica,sans-serif;}
#contentBox2 .contentView span {margin:5px 0; display:block;text-align:center;font-family: 'Nanum',dotum,Helvetica,sans-serif;}

#contentBox2 .contentView div.clearLeft { clear:left; overflow:hidden; line-height: 22px; font-family: 'Nanum',dotum,Helvetica,sans-serif;}
#contentBox2 .contentView div.clearLeft img {float:left; margin-right:10px;}
#contentBox2 .contentView div.clearRight { clear:right; overflow:hidden; line-height: 22px; font-family: 'Nanum',dotum,Helvetica,sans-serif;}
#contentBox2 .contentView div.clearRight img {float:right; margin-left:10px;}

#contentBox2 .contentView div.center {text-align:center;}

#contentBox2 .contentView div.graybox {background:#f5f5f5; padding:10px; margin-top: 10px;}
#contentBox2 .contentView div.graybox h5 {text-align:center; margin-bottom: 15px; font-family: 'Nanum',dotum,Helvetica,sans-serif;}
#contentBox2 .contentView div.graybox dl {border:none; margin-top: 10px; line-height: 22px;font-family: 'Nanum',dotum,Helvetica,sans-serif;}
#contentBox2 .contentView div.graybox dl dt {border:none; background:none; padding:5px; font-weight:bold;}
#contentBox2 .contentView div.graybox dl dd {padding:5px;}

#contentBox2 .contentView .img img { max-width:100%; height:auto;}



#contentBox2 .contentFoot {}
#contentBox2 .contentFoot .newBtnR {
  float: right; 
  color: #fff; 
  font-weight: bold;
  background-color:#36aa83;
  font-family: 'Nanum',dotum,Helvetica,sans-serif;
  padding: 7px 20px;
  vertical-align: middle;
  text-align: center;
  margin-bottom: 20px;
}

.tableBoard {
  width: 680px;
  border-top: 2px solid #36aa83;
  border-collapse: collapse;
  border-spacing: 0;
  margin:20px 0 10px 0;
}


.tableBoard th {
  padding: 10px;
  border-bottom: 1px solid #d9d9d9;
  background-color: #f6f6f6;
  font-family: 'Nanum',dotum,Helvetica,sans-serif;
}

.tableBoard td {
  padding: 10px;
  border-bottom: 1px solid #d9d9d9;
  font-family: 'Nanum',dotum,Helvetica,sans-serif;
  text-align: center;
}

.tableBoard td.title {
  text-align: left;
}