@charset "utf-8";
/* CSS Document */

@charset "euc-kr";
@font-face {
  font-family: 'Nanum';
  font-style: normal;
  font-weight: 400;
  src: url(https://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot);
  src: url(https://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(https://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff2) format('woff2'),
       url(https://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff) format('woff'),
       url(https://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.ttf) format('truetype');
}

@font-face {
  font-family: 'NanumBold';
  font-style: normal;
  font-weight: 700;
  src: url(https://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot);
  src: url(https://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(https://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff2) format('woff2'),
       url(https://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff) format('woff'),
       url(https://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'HPSimplified';
    src: url("/common/fonts/HPSimplifiedW01-Regular.eot");
    src: url("/common/fonts/HPSimplifiedW01-Regular.eot?#iefix") format("embedded-opentype"), 
    	 url("/common/fonts/HPSimplifiedW01-Regular.woff") format("-woff.woff"), 
    	 url("/common/fonts/HPSimplifiedW01-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'HPSimplifiedLight';
    src: url("/common/fonts/HPSimplifiedW01-Light.eot");
    src: url("/common/fonts/HPSimplifiedW01-Light.eot?#iefix") format("embedded-opentype"), 
         url("/common/fonts/HPSimplifiedW01-Light.woff") format("-woff.woff"), 
         url("/common/fonts/HPSimplifiedW01-Light.ttf") format("truetype");
    font-weight: normal;
    font-style: normal
}


/* #sbodywrap { position:relative; width: 100%; background:url('/images/main/body_bg.gif') repeat-x;} */
#sbodywrap { position:relative;  width:989px; margin: 0 auto; }

.subbody { width:989px;}
.leftgnb { width: 210px; background:url('/images/main/bg_leftmenu.gif') repeat-y; padding:0; vertical-align:top;}

.hpmenu { width:210px; margin:0}
.hpmenu img{ margin:0 0 5px 0;}

.space { width:35px; margin:0}

.contents01 { width:744px; vertical-align:top; background:url('/images/01_wellness/top_wellness.jpg') no-repeat; }
.contents02 { width:744px; vertical-align:top; background:url('/images/02_self/top_self.jpg') no-repeat; }
.contents03 { width:744px; vertical-align:top; background:url('/images/03_healthinfo/top_healthinfo.jpg') no-repeat; }
.contents04 { width:744px; vertical-align:top; background:url('/images/04_mypage/top_mypage.jpg') no-repeat; }

.contents { width:100%; margin : 100px 0 0 28px; text-align:left; float: left;}

.navi { font-size:11px; height:30px }

.subtitle { background:url('/images/icon/ico_stitle.gif') 8px 3px no-repeat; font-size:14px; font-weight:bold; color:#333; letter-spacing:-1px; padding-left:25px}
.doctitle { background:url('/images/icon/ico_doctor.gif') 0 3px no-repeat; font-size:15px; font-weight:bold; color:#f26522; letter-spacing:-1px; padding-left:20px}
.title { margin:10px 0 5px 0;}

.subtext10 {font-size:10px; padding: 0 0 0 10px}
.subtext12 {font-size:11px; padding: 5px 0 0 25px; line-height:17px}

.block1 {margin:0 0 35px 0;}
.block2 {margin:0 0 10px 0;}
.block3 {margin:0 0 7px 0;}

.login { margin:100px 0 50px 0 ;background:url('/images/login/bg_login.gif') 0 0 no-repeat; width:654px; height:320px;}



#departList2 {float:left;padding:10px 0 10px 20px;}
#departList2 li {float:left;margin:0 7px 15px 0;padding:1px;width:180px;height:63px;background:url('/images/01_wellness/departlist_bg.gif') no-repeat}
#departList2 .llast {margin:0 0 22px 0;}
#departList2 li dl {}
#departList2 li dt {float:left;margin:7px 0 13px 5px;font-weight:bold;color:#f26522;font-size:14px;}
#departList2 li dd.descript {clear:both;margin:0 0 0 5px;color:#636563}
#departList2 li dd.btn {float:right;margin:5px 35px 0 0;width:30px;height:7px;}



/*게시판스킨 목록*/
#listWrap {margin:0 auto 50px;width:710px;}
  #docPhoto {margin:0 0 23px 0;width:100%;text-align: center;}
  #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:149px;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:#4481ac;line-height:27px;border-top:2px solid #4481ac;border-bottom:1px solid #dadbda;background:#f7f6f7;}
    #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.sbj02 {text-align:left;padding-left:15px}
        #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 .btns {text-align:right;border:none;}

/*게시판스킨 작성*/
#writeWrap {margin:0 auto 50px;width:710px;}
  #writeWrap .writetbl {width:100%;border-top:2px solid #36aa83;}
    #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 {}
#viewWrap {margin:23px 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;}
    #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통합 추가 */
div.menuTitle { margin:15px 0px 0px 0px; border-bottom: 1px solid #EAEAEA;padding-bottom: 8px;}
div.menuTitle h3 {display:inline;color: #444; font: bold 24px 'Nanum',dotum,Helvetica,sans-serif;}
div.menuTitle h3 span {font-size: 18px; color:#437EC3;}
div.menuTitle .sitepath {float:right;margin-top:15px;}


.contentsList {

}



.subCatName {
	margin-top: 25px;	
    float: left;
}

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

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

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

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

.listBody { 
	border-top:2px solid #447EC4;
	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:#447EC4;

}


#paging {
    text-align: center;
    margin-bottom: 30px;
}

/*
#paging ul, #paging ul li {
    display: inline-block;
	zoom: 1;
    *display: inline;
    font-weight: bold;
    color: #444;
    
}
*/

#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;
	color: #444;
    cursor: pointer;
}

#paging ul li a {
	color: #444;
}

#paging ul li.on {
	color: #fff;
    border: 1px solid #d6d6d6;
    background: #447EC4;
}




/* 20140529 건강정보 뷰페이지 스타일 */
/* 기타 뷰페이지 틀 */
#contentBox {clear:both;}
#contentBox .contentTitle {border-bottom: 1px solid #d9d9d9; font-size:16px; vertical-align: middle; margin-bottom: 20px;overflow: hidden; padding:20px 0; color:#252525;font-weight: bold; font-family: 'HPSimplified','Nanum',dotum,Helvetica,sans-serif;}
#contentBox .contentView {border-top: 2px solid #36aa83; border-bottom: 1px solid #36aa83; margin-top: 15px;margin-bottom: 80px; padding-bottom: 30px; font-family: 'HPSimplified','Nanum',dotum,Helvetica,sans-serif;}
#contentBox .contentView h4 {font-size:16px; vertical-align: middle; margin-bottom: 20px;overflow: hidden; padding:20px 0; color:#252525; border-bottom: 1px solid #d9d9d9;}
#contentBox .contentView2 {border-bottom: 1px solid #7EB8FB; line-height:22px; margin-bottom: 20px; padding-bottom: 30px; font-family: 'HPSimplified','Nanum',dotum,Helvetica,sans-serif;}


#contentBox .contentBody h5 {font-size:14px; margin:35px 0 10px 0; color:#008DD2; font-size: 16px; clear:both;font-family: 'HPSimplified','Nanum',dotum,Helvetica,sans-serif;padding-top:40px;background:url(/images/01_wellness/dmw_sub_line.gif) repeat-x top;}
#contentBox .contentBody h5:first-child{padding-top:0;background:none;}
#contentBox .contentBody h6 {margin: 20px 0 5px 0;font-size: 12px;font-family: 'HPSimplified','Nanum',dotum,Helvetica,sans-serif;}
#contentBox .contentBody p {line-height:22px; margin-top: 7px;font-family: 'HPSimplified','Nanum',dotum,Helvetica,sans-serif;}
#contentBox .contentBody ul{margin-left:20px;margin-top:5px;line-height:22px;list-style-type:disc;}
#contentBox .contentBody ul li{line-height:22px;list-style-type:disc;font-family: 'HPSimplified','Nanum',dotum,Helvetica,sans-serif;}
#contentBox .contentBody ol{margin-left:20px;margin-top:5px;line-height:22px;list-style-type:none;}
#contentBox .contentBody ol li{line-height:22px;list-style-type:none;font-family: 'HPSimplified','Nanum',dotum,Helvetica,sans-serif;}
#contentBox .contentBody div:after {display:block; content:""; clear:both;}
#contentBox .contentBody table {border:1px solid #ccc; }
#contentBox .contentBody table caption {font-size: 13px; color: #777; margin-bottom: 5px;}
#contentBox .contentBody table th {height:30px; border:1px solid #ccc; color: #777; font-size: 12px; background:#f5f5f5; vertical-align:middle; font-family: 'HPSimplified','Nanum',dotum,Helvetica,sans-serif;}
#contentBox .contentBody table td {height:20px; padding:5px; border:1px solid #ccc; vertical-align:middle; font-family: 'HPSimplified','Nanum',dotum,Helvetica,sans-serif;}
#contentBox .contentBody span {margin:5px 0; display:block;text-align:center;font-family: 'HPSimplified','Nanum',dotum,Helvetica,sans-serif;}

#contentBox .contentBody div.clearLeft { clear:left; overflow:hidden; line-height: 22px; font-family: 'HPSimplified','Nanum',dotum,Helvetica,sans-serif;}
#contentBox .contentBody div.clearLeft img {float:left; margin-right:10px;}
#contentBox .contentBody div.clearRight { clear:right; overflow:hidden; line-height: 22px; font-family: 'HPSimplified','Nanum',dotum,Helvetica,sans-serif;}
#contentBox .contentBody div.clearRight img {float:right; margin-top: 10px; margin-left:10px;border-radius:15px;}

#contentBox .contentBody div.center {text-align:center;}

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

#contentBox .contentBody .img img { max-width:100%; height:auto;}

#contentBox .contentFoot {margin-bottom: 100px;}
#contentBox .contentFoot .newBtnR {
	float: right; 
	color: #fff; 
	font-weight: bold;
	background-color:#447EC4;
	font-family: 'HPSimplified','Nanum',dotum,Helvetica,sans-serif;
	padding: 7px 20px;
	vertical-align: middle;
	text-align: center;
	text-decoration: none;
}

.tableBoard {
	width: 660px;
	border-top: 2px solid #427DC2;
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 10px;
}


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

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

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