@charset "utf-8";
/* 디자인가이드용 태그 */

/*폰트색상*/
.red {color:red;}
.blue {color:#0066b3;}
.gray {color:#666;}
.gray_l {color:#eee;}
 
 /* 폰트 관련*/
 
 .f_light {font-weight:400;}

.mt-14 {margin-top:-14px !important;}


/*관련 사이트*/
.job_banner {width:100%; margin-top:60px !important;height:100%;}
.job_banner ul li {float:left; margin-top:10px; margin-right:6px;}
.job_banner ul li a[target='_blank'] {padding-right:0px !important;}
.job_banner ul li a[target='_blank']::after {display:none; }


/*전통시장*/
.mar_img > ul {width:100%;}
.mar_img > ul > li {float:left; margin-left:35px; margin-bottom:15px; position:relative;}
.mar_img > ul > li:last-child {clear:both;}
.mar_img > ul > li img{width:100%;}
.mar_img > ul > li p {position:absolute; bottom:0; padding:5px 0;left:0; display:block; background:rgba(0,0,0,0.5); color:#fff; text-align:center; width:100%;}
.mar_img > ul > li p span {color:#ffdd00;}


/*인사말 부분*/
.greeting {margin-bottom:20px; background:url(/health/img/01/01000000_04.gif)no-repeat right;}
.greeting > div {float:left; padding:50px 0 0 140px;}
.greeting > div > p:nth-child(1) {font-size:22px;}
.greeting > div > p:nth-child(1) > span {font-size:26px; text-decoration:underline;}
.greeting > div > p:nth-child(2) {font-size:15px; margin-top:10px;color:#777;}
@media all and (max-width:530px){
	.greeting {background:none;}
}

/*건간증진 > 절주 > 절주사업안내*/
.hea_box {width:100%; border:2px dotted #e1e1e1; padding:2% 1%;box-sizing:border-box; background:#f4f4f4;}


/*보건교육 > 영양상식> 바른식생활 */
.barun {margin-top:25px; border-bottom:1px solid #ddd;padding-bottom:25px;}
.barun dt {float:left;width:35%;}
.barun dd{float:left; width:63%;margin-left:2%;}
.barun dt img{width:100%;}
@media all and (max-width:600px){
	.barun dt , .barun dd {width:100%;}
	.barun02 dd {width:100%;}
	.barun02 dd:nth-child(2){margin-top:25px;}
}
/*.건강검진 */
.hcheck_pa{ padding:17px 10px;}
.input_txt input {padding: 5px 3px 4px 3px; margin: 1px 0; margin-left:10px;    vertical-align: middle;}
.input_txt tbody td {padding:10px 5px;line-height:24px; } 
.input_txt td , .input_txt th  {border-right:none; border-left:none;}

.drink_tbl td , .drink_tbl th  {border-right:none; border-left:none; padding: 15px 10px;}
.drink_tbl input {vertical-align: middle; margin-right:3px;}
.num {width:22px; height:22px;font-size:11px;  background:#999; color:#fff; border-radius:5px;/*padding:3px 8px;*/ box-sizing:border-box;}
.num  {padding:3px 8px; margin-right:3px; width:16px; height:16px; background:#7799af;
    border-radius: 2px; text-align: center; color: #fff; font-size: 11px; box-sizing: border-box;}
.num2 {padding:3px 5px; margin-right:3px; width:16px; height:16px;  background:#7799af;
    border-radius: 2px; text-align: center; color: #fff; font-size: 11px; box-sizing: border-box;}
.num03 {padding:15px 20px; border-radius:0;font-size:14px; background:#ddd;color:#444; margin-right:12px;}
.num04 {padding:15px 17px; border-radius:0;font-size:14px; background:#ddd; color:#444;margin-right:12px;}

.dr_box {background:#f6f6f6; border:1px solid #d8d8d8;  padding:25px; box-sizing:border-box;}    
.dr_box > p > .point {border-radius:100%;border:2px solid #ff0000;color:#ff0000;margin-right:5px;font-size:14px;margin-top:0; font-weight:600;background:#fff;padding:0 8px;width:16px; height:16px;}
.tbl_border td , .tbl_border th {border-right:none; border-left:none;}
  
  
.numspan {display:inline-block; background:#996600; padding:3px 10px; border-radius:3px; color:#fff; margin-right:10px;}

  
.birth {margin-top:40px;}
.birth tbody td {background:#fafafa;}
.birth tbody th {background:#8599a3; border:1px solid #8599a3; color:#fff; font-size:16px;} 
.birth_num {border:2px dotted #bbb; padding:2%; background:#fafafa;}

/*출산예정일*/
.due_date{height:30px; padding:5px 0;margin-left:15px; text-align:center;width:180px;}

/*알콜중독체크*/
.alc_check {border:1px solid #ddd;padding:20px;box-sizing:border-box;margin-bottom:15px;position:relative;}
.alc_check:before {position:absolute;top:-1px;left:-1px; content: "";border-top:1px solid #005baa;border-left:1px solid #005baa; width:50px;height:50px;}
.alc_check dt {font-size:24px; padding:15px;color:#005baa;} 
.alc_check dd {margin-left:15px; width:85%;}
.alc_check dd li:nth-child(1){margin-bottom:5px;}
.alc_check dd label{margin-right:20px;} 



.ui-datepicker{background:#f8f8f8;/*border-radius:0 0 10px 10px;  box-shadow:0 0 6px rgba(0,0,0,0.5);*/ border:1px solid #ddd; padding:20px;}
.ui-datepicker-calendar td { padding:2px 7px; border:1px solid #ccc;background:#fff;}
.ui-datepicker-calendar td:hover {background:#567190;}
.ui-datepicker-calendar td:hover a{color:#fff;}
.ui-datepicker-other-month {background:#ddd !important;} 
.ui-datepicker-calendar th { padding:2px 7px; border:1px solid #3a73c1; background:#3a73c1; color:#fff;} 
.ui-datepicker-next {float:right;cursor:default;} 
.ui-datepicker-next > .ui-icon ,  .ui-datepicker-prev > .ui-icon {font-size:11px; background:#999;color:#fff; padding:3px; border-radius:3px;} 
.ui-datepicker-next > .ui-icon:hover , .ui-datepicker-prev > .ui-icon:hover {background:#555; transition:0.3s;}
.ui-datepicker-prev {float:left;cursor:default; margin-right:12px;}
.ui-datepicker-header {margin-bottom:10px;} 
 
.hea_ser {width:100%;}
.hea_ser01 {width:70%;}
.hea_ser02 {width:28%;}




/*중금속 체크리스트*/

.hea_self {border:1px solid #d9d9d9;border-top:1px solid #0a66bc; padding:30px 35px;box-sizing:border-box;margin-bottom:40px;}
.hea_self  dl{border-bottom:1px dotted #ddd;padding:10px 0;}
.hea_self > dl > dt {float:left;margin-right:5px;} 




 @media all and (max-width:640px){
	.mo_blo {display:block; margin-top:7px;}
	.mo_wps_85 {width:85%;}
	.hea_ser01 {width:100%;}
	.hea_ser02 {display:none;}
} 
  

/*금연홍보영상*/
.mov_content {position: relative; margin-top: 15px;	width: 100%;box-sizing:border-box;}

div.mov {width:100%; position: relative;}
div.mov div.left_mov {float:left; width:50%; box-sizing:border-box;}
div.mov div.left_mov video {width: 100%; height:400px; background:#000;}
div.mov .mov_txt {float:left; width:50%;height:400px; padding:3%;box-sizing:border-box; border:1px solid #ddd; overflow:auto; }


@media all and (max-width:650px) {
div.mov div.left_mov {width:100%;}
div.mov .mov_txt {width:100%; height:250px;}
}
 
/*데이터포털-공공데이터통계-사회조사*/
.btn-R{ display: block; float: right;}
/*.btn-R .btn{ background: #116a52 url(/common/img/common_btn.png) 13px -313px no-repeat; border: 1px solid #116a52; padding-left: 50px;}
.btn-R .btn:hover { background-color: #07382b!important;}
.btn-R::after{content: "";display: block;clear: both;}*/