@charset "UTF-8";
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* Author : 사하구 보건소
/* Date : 2016-10-11 ~
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 서브 공통스타일
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

 /* Common */
/*.blind {position:absolute;top:-9999px;left:-9999px;z-index:-1; height:0; padding:0; margin:0;overflow:hidden; font:0/0 Sans-serif;}*/
.mB50 { margin-bottom: 50px !important;}
.mB40 { margin-bottom: 40px !important;}
.mB30 { margin-bottom: 30px !important;}
.mB20 { margin-bottom: 20px !important;}
.mB10 { margin-bottom: 10px !important;}
.mB0 { margin-bottom: 0px !important;}
.mt20 { margin-top: 20px !important; }
.pL0 { padding-left: 0px !important;}
.pt20 { padding-top: 20px !important; }
.pl20 { padding-left: 20px !important; }

sup {color:#e65231; font-weight: 600; font-size: 11px}

 /* Color */
.red, a.red {color:#e65231}
.pink, a.pink {color:#d84374}
.orange, a.orange {color:#ff7113}
.blue, a.blue {color:#2466c0}
.sky, a.sky {color:#0084aa}
.green, a.green {color:#008c44}
.olive, a.olive {color:#529823}
.pp { color: #4b5399 !important;}

.tac { text-align: center!important; }
.tal { text-align: left!important; }
.tar { text-align: right!important; }
.bold { font-weight: bold!important; }

/* Heading */
h3.bar { margin-bottom: 10px; padding-left: 15px; font-size: 20px; line-height: 18px; font-weight: bold; color: #3b4a98; background: url(/health/images/sub/icon_h3.gif) 0px 50% no-repeat; box-sizing: border-box; }
h4.circle { margin: 10px 0 10px 10px; padding-left: 15px; font-size: 18px; line-height: 16px; font-weight: bold; color: #444; background: url(/health/images/sub/icon_h4.gif) 0px 50% no-repeat; box-sizing: border-box; }
h5.circle { margin: 7px 0 7px 0px; padding-left: 10px; font-size: 15px; line-height: 16px; font-weight: bold; color: #666; background: url(/health/images/sub/icon_h5.gif) 0px 50% no-repeat; box-sizing: border-box; }
h3.bar + h4.circle { margin-top: 20px; }
h3.bar + .table { margin-bottom: 50px; }
h3.bar .fR { font-size: inherit; color: #444; font-size: 13px;}
.warningBl {padding-left:20px; background:url(/health/images/sub/ico_checkmark.png) no-repeat 0 8px}
h4.circle + .table { margin-bottom: 50px; }
h4 .fR { font-size: inherit; color: #444; font-size: 13px;}
/* 문단 */
.h3content { margin: 0 0 30px 15px; padding: 0 0 5px 0; box-sizing: border-box; }
.h4content { margin: 0 0 30px 25px; padding: 0 0 5px 0; box-sizing: border-box; }
.h5content { margin: 0 0 20px 15px; padding: 0 0 5px 0; box-sizing: border-box; }
.h3content p, .h4content p { padding-bottom: 5px; }
.contentBox {margin: 0 0 50px 0; }
.contentBox p {padding-bottom: 10px; }


/* Btn */
.btn_link { display: inline-block; height: 25px; padding: 5px 46px 5px 28px; margin-bottom: 1px; line-height: 25px; color: #fff!important; background: #2d6eb4 url(/health/images/sub/btn_link.png) 92% 50% no-repeat; }
.btn_link:hover { background-color: #0E4B8D; text-decoration: none; }
.btn_file { display: inline-block; height: 23px; padding: 5px 35px 5px 18px; margin-bottom: 1px; border: 1px solid #ddd; border-left: 2px solid #333C7D;  line-height: 23px; color: #333C7D!important; background: #fff url(/health/images/sub/btn_file.png) 100% 50% no-repeat; }
.btn_file:hover { background-color: #f9f9f9; text-decoration: none; }
.url_link { display: inline-block; height: 25px; padding: 5px 46px 5px 10px; margin-bottom: 1px; line-height: 25px; color: #1278DE!important; background: url(/health/images/sub/url_link.png) 90% 50% no-repeat; }
.url_link:hover { color: #2d6eb4; }
.url_link.txt { padding: 0 20px 0 0; background: url(/health/images/sub/url_link.png) 100% 50% no-repeat; margin: 0 5px; font-size: 13px }


/* List */
.ul_dot { padding-bottom: 5px; overflow: hidden; position: relative;}
.ul_dot li { padding: 0 0 5px 10px; background: url(/health/images/sub/icon_arrow.gif) 0px 8px no-repeat; box-sizing: border-box; }
.ul_dot li ul { padding-bottom: 10px; }
.ul_dot li ul li { padding: 0 0 0 8px; background: url(/health/images/sub/icon_dot.gif) 0px 8px no-repeat; }
.ul_dot li ol li { padding: 0px; background: none; }
.ul_dot li ul li li { padding: 0 0 0 10px; background: url(/health/images/sub/icon_bl.gif) 3px 10px no-repeat; }
.ul_bar {padding-top:5px; overflow: hidden; position: relative;}
.ul_bar > li { padding: 0 0 3px 15px; background: url(/health/images/sub/icon_bar.gif) 0px 9px no-repeat; box-sizing: border-box; text-align: left; line-height: 1.6 }
.ul_bar2 {margin:5px 0; overflow: hidden; position: relative;}
.ul_bar2 > li { padding: 0 0 3px 10px; background: url(/health/images/sub/icon_bl.gif) 0px 7px no-repeat; box-sizing: border-box; text-align: left; line-height: 1.5 }
.ul_img { clear:both; padding: 5px 0 10px; overflow: hidden; position: relative;}
.ul_img li { position: relative; float: left; width: 33.330%; box-sizing: border-box; padding: 0 1px; margin-bottom: 10px }
.ul_img li.first {clear:both;float: left;}
.ul_img li img { max-width: 100%}
.ul_img li span { position:absolute; left:1px; bottom:0; width:100%; display: block; text-align: center; font-size: 13px; padding: 5px 10px; background-color: rgba(0,0,0,.8); color: #fff}
.ul_img.col2 li {width: 50%; text-align: center;}
.ul_img.col4 li {width: 25%; text-align: center;}
.ol_list {padding-left:15px; }
.ol_list > li { list-style-type: decimal; text-align: left; font-weight: normal; margin-bottom: 5px; line-height: 1.5}
.ol_list2 > li { position: relative; padding-left: 20px; margin: 3px 0}
.ol_list2 > li .num,
.ol_list3 > li .num { display:block;  position:absolute; left: 0; top:2px; line-height: 17px; min-height: 17px }
.ol_list3 > li { position: relative; padding-left: 25px; margin: 5px 0; line-height: 20px !important; }
.ol_list3 > li .num { text-align: center; color: #fff; background-color: #5773c3; width: 17px; height: 17px; border-radius: 50%; font-size: 12px; line-height: 20px }

/* Image */
.img_full, .img_full img {max-width:100%}
.img_left, .img_right {max-width:33.3%;}
.img_w50 {max-width:50%;}
.img_left {float:left;margin-right:30px}
.img_right{float:right;margin-left:30px}
.img_left img, .img_right img {max-width:100%}
.img_center { text-align: center; }
.img_center img {max-width:100%}
.img_border {margin:10px 0;padding:20px;background: #F7F9FB;border: 1px solid #CDD5DE; text-align:center; margin-bottom: 30px}
.img_border img {max-width:100%}


/* ico */
.ico_phone { display: inline-block; content: url(/health/images/sub/telephone.png); margin: 0 3px 2px; vertical-align: middle;}

/* Box */
.bg_box {box-sizing: border-box; border: 1px solid #e2e5eb; padding: 30px 160px 30px 30px; margin-bottom: 50px; background-color: #f0f4fa; }
.bg_box p { padding-bottom: 10px; }
.bg_box.txt {padding: 20px 20px 10px;}
.border_box {border: 1px solid #ddd; padding: 20px; margin-bottom: 15px; }
.point_box {border: 1px solid #dcd7d7; padding: 20px; border-top: none; background-color: #fcf6f6; color: #5e4444}
.guide_box { min-height: 100px; box-sizing: border-box; border: 1px solid #e2e5eb; padding: 30px 30px 30px 160px; background-color: #fff; color: orange; }
.tb_box {border: 1px solid #ddd;border-top: 2px solid #2349B4; padding:20px; line-height:1.5; }
.tb_box ul li { padding:0 0 0 10px; text-align: left; margin: 3px 0}
.tb_box ul li { background: url(/health/images/sub/icon_dot.gif) 0px 9px no-repeat;}
.tb_box ul li ul { margin-bottom: 5px}
.tb_box ul li li { font-size: 13px; color: #666; line-height: 17px;background: url(/health/images/sub/bul_line.gif) 0px 9px no-repeat;}

 /* Table */
 table {width:100%; border-collapse:collapse; border:0; border-spacing:0;/*table-layout:fixed*/}
.table { margin:4px 0 10px; border-top: 2px solid #2349B4; }
.table th, .table td { padding:8px 5px 6px; border:1px solid #ddd; line-height:1.5; vertical-align:middle}
.table thead th { border-top:0; background:#ECF0FB; text-align:center;padding:8px 3px 6px;}
.table tbody th { font-weight:400; text-align:center}
.table tbody .bg { background:#f2f2f2}
.table tbody .bgp { background:#FFF6D7}
.table tbody tr:first-child th, .table tbody tr:first-child td { border-top:0}
.table tbody th { background-color: #f9f9f9; font-weight: 600; }
.table tfoot th, .table tfoot td { background:#e9eff4}
.table th ul li {text-align: left; font-weight: normal;margin-top: 4px;}
.table td ul li{ padding: 0 0 0 10px; margin-top: 3px; text-align: left;}
.table td ul li { background: url(/health/images/sub/icon_dot.gif) 0px 7px no-repeat;}
.table li:first-child{ margin-top: 0}
.table td ul li ul{ margin-bottom: 3px}
.table td ul li li { font-size: 13px; color: #666; line-height: 17px;background: url(/health/images/sub/bul_line.gif) 0px 7px no-repeat;}
.table td h5 { margin-bottom: 5px; color: #000;}
.table td h5:before { display: inline-block; width: 4px; height: 4px; content: ""; margin:0 5px 2px 0; border:2px solid #5b79b9 ; border-radius:50%; vertical-align:middle}
.table td.vaT{ vertical-align: top;}

table td.tl, table th.tl {text-align:left!important}
table td.tr, table th.tr {text-align:right!important}
table td.tc, table th.tc {text-align:center!important}

.table.tac {text-align:center!important}

.tableSmall thead th {font-size: 13px;padding: 10px 3px;}
.tableSmall tbody th,
.tableSmall tbody td { padding: 7px 3px;  line-height: 15px;  font-size: 13px; font-weight: normal;}

.table_ttl { text-align: center; font-size: 16px;font-weight: 600; margin-top: 20px}
.table_ttl span { font-size: 13px; color: #777;margin-top: 5px; font-weight: normal;}
.tb_guide { font-size: 13px; line-height: 1.6; }


/* Tab */
.tab_menu { margin:0px 0 50px}
.tab_menu li { float:left; width: 33%;}
.tab_menu li a {display:block; position:relative; height:42px; margin:-1px 0 0 -1px; padding:0 20px; border:1px solid #d2d4d8; background:#f3f3f3; color:#6f6f6f; text-align:left; line-height:44px; font-size: 15px; text-decoration:none; transition:all .2s}
.tab_menu li a:hover, .tab_menu li a:active, .tab_menu li a:focus {border-color:#ccc; background-color: #DFDFDF; color:#222; z-index:1}
.tab_menu li.current a { position:relative; border-color:#B8456B; font-weight:700; z-index:2; background:#B8456B url(/portal/images/sub/tab_on.png) 90% 50% no-repeat; color: #fff; }
.tab_menu li a img { margin-right:-5px}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 1.0 보건소안내 (Saha District Office)
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* 인사말 */
.greeting {margin: 0}
.greeting .ttl { font-size: 30px; margin-bottom: 0px; line-height: 1.5em}
.greeting .ttl span {color: #3c62bd; display: block;}
.greeting .subttl { font-size: 20px;}
.greeting .pic { width: 300px; min-height: 630px; padding: 27px 60px 22px 0; box-sizing: border-box; background:url(/health/images/sub/bg_greeting.gif) no-repeat 0 0; float: left; margin: 0 0 20px 0  }
.greeting .sigh { font-size: 16px; text-align: right; margin-top: 30px;  color: #555 }
.greeting .sigh img {vertical-align: bottom; padding: 0 5px;}
.point { color: #000; font-size: 18px; font-weight: bold; }

/* 약력 */

/* 조직도 */
.organization_box { position:relative;  padding: 30px 20px 20px ; border: 1px solid #e1e1e5; margin-bottom: 30px; min-height: 150px}
.organization_box .org { margin: 10px 0 20px; background: url(/health/images/sub/org_bg.png)no-repeat 183px 0px; overflow: hidden;}
.organization_box .org .n01,
.organization_box .org .n02, .organization_box .org .n03 {width: 14%; display:block; color:#fff; text-align:center; }
.organization_box .org .n01 {background:#4a4ba3; margin:0 auto; margin-left: 40%; height:44px; line-height: 44px;font-size:16px; }
.organization_box .org .n02 {background:#f8fafe; margin:25px 0px 30px 130px; border: 2px solid #4a4ba3; height:40px; line-height: 40px; color: #444;font-size:15px;}
.organization_box .org .n03 {position: absolute; top: 84px; background:#f8fafe; margin:25px 0px 30px 580px; border: 2px solid #4a4ba3; height:40px; line-height: 40px; color: #444;font-size:15px;}
.organization_box .f_l { text-align: center;}
.organization_box .f_l > li { width: 12.5%; float: left; margin: 0; padding-top:30px;}
.organization_box .org_left{background: url(/health/images/sub/org_left.png)no-repeat 50% 0;   }
.organization_box .org_middle{background: url(/health/images/sub/org_middle.png)no-repeat 50% 0; }
.organization_box .org_right{background: url(/health/images/sub/org_right.png)no-repeat 50% 0;  }
.organization_box div {width: 94%; margin:0 auto 20px;}
.organization_box div span {display:block; background:#5773c3;border:1px solid #455ea8; height:45px; line-height:45px;font-size:15px;color:#fff; }
.organization_box div ul{border:1px solid #cdd5de; border-top:none; text-align:left; display:block; background:#fff;}
.organization_box div ul li {position: relative; border-top: 1px solid #cdd5de;  text-align: center; color: #545454; font-size: 13px; line-height: 38px;}
.organization_box div ul li:first-child {border-top:none;}
.organization_box div.no span { border: 1px solid #455ea8; color: #333; background: #fff; height:42px; line-height:42px;font-weight:normal;  }
.organization_box ul.ul_dot { clear: both; border-top: 1px dotted #e1e1e5; padding-top: 20px}
.organization_box h3.bar {position: absolute;left: 30px; top:30px; font-size: 1.25em; line-height: 1.8em; background: none; padding: 0; margin: 0; color: #333}
.organization_box h3.bar span { display:block; font-size: 2em }



/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 2.0 진료안내 (Saha District Office)
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* 층별안내 */
.office_map { padding: 30px 35px; background: #F7F9FB;border: 1px solid #CDD5DE; overflow: hidden; margin-bottom: 50px }
.office_map div { position: relative; overflow: hidden; min-height: 300px; }
.office_map .text { float: left; width: 25%; }
.office_map .text .title { width: 100px; padding: 20px 30px 10px; background: #4A4BA3; color: #fff; }
.office_map .text .title span { font-size: 58px; line-height: 60px; }
.office_map .text ol { padding: 12px; }
.office_map .text ol li { line-height: 27px; }
.office_map .image { float: left; width: 75%; }
.office_map .image img { max-width: 100%;}
.office_map .text ol li span { display: inline-block; width: 20px; height: 20px; vertical-align: middle; color: #fff; background-color:#5773c3; border-radius:50%; line-height: 20px; text-align: center; font-size: 11px; margin-right: 5px }
.office_map.guideStyle .text  { float:none; width:inherit; }
.office_map.guideStyle div {min-height: inherit; }
.office_map.guideStyle .text .title { float: left; }
.office_map.guideStyle .text ol { float: left; padding:0 0 20px 50px }
.office_map.guideStyle .image { float:none; width:inherit; padding: 20px 0 0 210px; border-top: 1px dotted #CDD5DE; }



/* 진료안내 */
.hospital_step {padding-left: 25px;box-sizing:border-box; overflow: hidden;}
.hospital_step > li{ float: left;  padding-left: 10px; box-sizing:border-box; margin-bottom: 10px  }
.hospital_step > li:first-child {padding-left: 0px;}
.hospital_step > li dl {text-align: center; border: 1px solid #d2d2dc; }
.hospital_step > li dt {padding:10px 5px 5px;}
.hospital_step > li dd {background-color: #f6f6fc; border-top: 1px solid #d2d2dc;  padding: 5px 0}
.hospital_step > li dt span { display:block; font-size: 12px; margin:5px 0 0; font-weight: 600}
.hospital_step > li dt img { width: 100%; max-width: 120px}
.hospital_step.step5 > li { width: 20%;}
.hospital_step.step4 > li { width: 25%;}
.hospital_step.step3 > li,
.hospital_step.step6 > li { width: 33.3%;}
.hospital_step.step6 > li:nth-child(4) {padding-left: 0px;}
.hospital_step.middle > li dd { min-height: 50px;padding: 10px}
.hospital_step.long > li dd { min-height: 160px; text-align: left; }
.hospital_step.long > li dd > ul { padding: 10px 10px 10px 15px}
.hospital_step.long > li dd > ul > li { position:relative; padding-left: 10px; margin-bottom: 3px; padding-left: 8px; }
.hospital_step.long > li dd > ul > li:before { display: block; content: ""; width: 4px; height: 4px; background-color: #7887b3; border-radius: 50%; position: absolute; left: 0; top:8px}
.hospital_step.long > li dd > ul > li ul {margin-bottom: 3px}
.hospital_step.long > li dd > ul > li li {position:relative; font-size: 13px; padding-left: 8px; line-height: 17px; color: #777}
.hospital_step.long > li dd > ul > li li:before {display: block; content: ""; width: 4px; height: 1px; background-color: #777; border-radius: 50%; position: absolute; left: 0; top:7px}

.clinic_list { clear: both;}
.clinic_list li{ float: left; width: 20%; padding: 0 0 0 10px !important; box-sizing:border-box; margin-bottom: 10px; background: none !important;}
.clinic_list li.n1{ padding-left: 0 !important}
.clinic_list span { display: block; background-color: #5773c3; border: 1px solid #455ea8; color: #fff; padding: 10px 0; text-align: center; }
.clinic_list.step4 li {width: 25%;}

.medical_list li{ float: left; width:50%;  box-sizing:border-box; margin-bottom: 10px }
.medical_list li:nth-child(odd) { padding-left: 0px;}
.medical_list li:nth-child(even) {padding-left: 10px;}
.medical_list li dl {text-align: center; border: 1px solid #455EA8; }
.medical_list li dt {padding:7px 0;background-color: #5773C3; color: #fff; font-size: 16px  }
.medical_list li dd {padding: 5px 0;border-top: 1px solid #455EA8;}
.medical_list li dd a { display: none}


/* 오시는길 */
.btn_skip {font-size:0; position: relative;}
.btn_skip a {position:absolute; display:block; width:100%; left:0; text-align:center; top:-10000px; z-index:500; font-size:12px; color:#fff }
.btn_skip a:hover, 
.btn_skip a:focus, 
.btn_skip a:active{position: absolute; top: 0; padding: 10px 0;  background:#2349B4; z-index:500}
#map {position:relative;overflow:hidden;width:100%;height:350px;background-color: #eee; margin-bottom: 30px}
.customoverlay {position:relative;bottom:90px; left:4px; border-radius:6px;border: 1px solid #ccc;border-bottom:2px solid #ddd;float:left;}
.customoverlay:nth-of-type(n) {border:0; box-shadow:0px 1px 2px #888;}
.customoverlay .title {display:block;color:#000;text-align:center;border-radius:6px;font-size:14px;font-weight:bold;overflow:hidden;background:#fff;padding:10px 15px;}
/*.customoverlay .title:after {content:'';position:absolute;margin-left:-12px;left:50%;bottom:-12px;width:22px;height:12px;background:url('../../images/sub/map_vertex_white.png')}*/


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 3.0 민원안내 (Saha District Office)
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/*  */


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 4.0 보건사업 (Saha District Office)
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 노인불소도포 스케일링  */
.tooth_box { position: relative; padding-right: 480px}
.tooth_box .imgZone { position: absolute; right: 0; top:0}
.tooth_box .imgZone li { float: left; margin-left: 1px}
.tooth_box .imgZone li span { display: block; text-align: center; font-size: 13px; padding: 5px}

.logoBox { position: relative; padding: 20px; border: 1px solid #e1e1e5;}
.logoBox dt {font-size: 16px; font-weight:bold;}
.logoBox dd.txtZone a { margin-top: 5px}
.logoBox dd.imgZone { float:left; margin-right: 20px; padding-right: 10px; border-right: 1px solid #e1e1e5; }
.logoBox dd.imgZone img { padding: 10px 10px 30px}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 5.0 건강정보 (Saha District Office)
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* 예방접종 위탁기관 정보 */
.search_box.searchVO { position: relative; border:1px solid #cdd5de; background:#f0f4fa url(/health/images/sub/img_search.png) no-repeat 30px 20px ; padding: 20px 30px 20px 170px ; margin-bottom:60px; min-height: 90px}
.search_box.searchVO select { width: 100px; padding: 2px;  height: 30px;  line-height: 28px;  border: 1px solid #D1D6DD; color: #777;}
.search_box.searchVO input[type="text"] { border: 1px solid #cccccc; padding: 0 4px; height: 28px;  line-height: 28px; }
.search_box.searchVO input[type="button"]{ padding: 0px 15px 0 30px; line-height: 28px;  border: 1px solid #454B7E; color: #fff!important;text-align: center; background: #4C5499 url(/common/images/common/icon_button_w.png) no-repeat 0 -284px;}
.search_box.searchVO .board_page_searchVO { position: absolute; left: 0; bottom: -50px}

/* 자동심장충격기 사용방법 */
.vod_box {overflow: hidden; margin: 0 0 10px 0; height: 315px; background-color: #000; padding: 20px;}
.vod {display: block;margin: 0 auto;}

.vod_txt { width: 100%; height: 350px; padding: 20px; margin: 0 0 30px 0; box-sizing: border-box; overflow-y: scroll; border: 2px solid #ccc; background: #f9f9f9; }
.vod_txt p { padding: 0px 0 10px 0; }

/* 이미지 박스 */
.siteBox { position: relative; padding: 20px; border: 1px solid #e1e1e5;}
.siteBox dt { float:right; width:74%; font-size: 16px; font-weight:bold; margin-bottom: 10px}
.siteBox dd.txtZone { float:right;  width:74%;}
.siteBox dd.txtZone a { margin-top: 5px}
.siteBox dd.imgZone { float:left; width:25%; }
.siteBox dd.imgZone img { max-width: 100%;}


/* 관련사이트 */
.site-list li { box-sizing:border-box; float: left; width: 33.3%; padding: 0 5px 20px }
.site-list li a {display:block; text-decoration: none}
.site-list li dl {}
.site-list li dt {color: #fff; border: 1px solid #455ea8; padding: 5px 10px; background: #5773c3 url(/health/images/sub/btn_link.png) no-repeat 95% 50%; }
.site-list li dd {	border: 1px solid #cdd5de; border-top: none; min-height: 120px; padding:10px; overflow: hidden; }
.site-list li dd.imgZone img { max-width: 100%;}
.site-list li a:hover dd {border-color:#5773c3;}


@media (max-width: 1024px) {
	
}
@media (max-width: 900px) {
	.greeting .pic { min-height: inherit; }
	.img_w50{ min-width:100%;float: none;}
	.img_w50 img {width:100%;}
	.hospital_step.step4 li, .hospital_step.step5 li { width: 25%;}
	.hospital_step.step5 li:nth-child(5) { padding-left: 0}
	.siteBox dt,
	.siteBox dd.txtZone {width:50%;}
	.siteBox dd.imgZone {width:45%; }
	.site-list li {width: 33.3%; }
}
@media (max-width: 800px) {
	.tooth_box {padding-right: 0px}
	.tooth_box .imgZone { position: relative;}
	.tooth_box .imgZone li { float: left; margin-left: 1px}
	.tooth_box .imgZone li span { display: block; text-align: center; font-size: 13px; padding: 5px}

}
@media (max-width:767px) {
	.tab_menu li { width: 50%;}
	#map {height:300px;}
	
	.img_left, .img_right {max-width:40%;}	
	.img_left {margin-right:15px}
	.img_right{margin-left:15px}

	.organization_box { margin-top: 30px; background-position:50% 50px; padding: 20px ; }
	.organization_box .org .n01, .organization_box .org .n02{ width:50%;}
	.organization_box .f_l > li { width:100%; float: none}
	.organization_box .f_l > li { padding-top: 0 !important; background-image: none !important;}
	.organization_box div {width:100%; }
	.organization_box h3.bar {left: 0px; top:-30px; line-height:inherit; margin-bottom: 10px; padding-left: 10px;font-size: 18px;line-height: 18px;color: #3b4a98;background: url(../../images/sub/icon_h3.gif) 0px 50% no-repeat;}
	.organization_box h3.bar span { display:inline-block; font-size: inherit; }
	.organization_box .org2 li { width:50%;}

	.search_box.searchVO {  background-image:none; padding: 20px ;}
	.search_box.searchVO select { width: 100px; padding: 2px;  height: 30px;  line-height: 28px;  border: 1px solid #D1D6DD; color: #777;}
	.search_box.searchVO input[type="text"] { width: inherit !important; }
	.bg_box {background-image:none !important; padding: 20px !important; }
	
	.office_map { padding: 10px}
	.office_map .text { display: none}
	.office_map .image {  float: none;  width: inherit; min-height: inherit; text-align: center;}	
	.office_map.guideStyle .text  { float:none; width:inherit;display:block }
	.office_map.guideStyle .text .title { display: none }
	.office_map.guideStyle .text ol { float: none; padding:10px 0 20px 10px }
	.office_map.guideStyle .image {padding: 20px 0 0 0}
	
	.hospital_step > li { width: 50%  !important;}
	.hospital_step > li:nth-child(odd) { padding-left:0 !important;}
	.hospital_step > li:nth-child(even){ padding-left:10px !important;}
	.clinic_list li { width: 33.3%  !important;}
	.clinic_list li.n4 { padding-left: 0 !important;}
	.site-list li {width: 50%; }
	
}
@media (max-width: 620px) {
	.greeting .pic { float:none; margin: 0 auto 20px;  }
	.greeting .ttl { font-size: 25px; line-height: 35px}
	.ul_img.col4 li {width: 50%;}
	.ul_img.col4 li:nth-child(3) {padding-left: 0; clear: both; float: left;}
	.contentBox .ttl {font-size: 22px; line-height: 30px;}
	.clinic_list li { width: 50%  !important;}
	.clinic_list li.n4 { padding-left: 10px  !important}
	.clinic_list li.n1,.clinic_list li.n3,.clinic_list li.n5  { padding-left: 0px  !important}	
	
}
@media (max-width: 550px) {
	.logoBox dt { display: none}
	.logoBox dd {text-align: center; }
	.logoBox dd.imgZone { float:none; margin-right: 0px; padding-right: 0px; border-right: none; border-bottom: 1px solid #e1e1e5; margin-bottom: 10px}
	.logoBox dd.imgZone img { padding: 0 0 10px}
	.siteBox {padding: 10px 10px 15px; }
	.siteBox dt,
	.siteBox dd.txtZone,
	.siteBox dd.imgZone { float:none; width:inherit; padding-left: 5px;  margin-bottom: 0px}
	.siteBox dd.imgZone { padding: 5px; margin-bottom: 5px }
	.siteBox dd.imgZone img { max-width: 100%;}
	.vod_box { padding:0;}
}

@media (max-width: 450px) {
	.tab_menu li { width: 100%;}
	.img_left, .img_right {max-width:100%; float: none; margin: 0}
	.ul_img li {width: 100% !important;}
	.hospital_step > li,
	.clinic_list li,
	.medical_list li { float: none;  padding-left: 0 !important; width: 100% !important; }
	.clinic_list li.n4 { padding-left: 0px  !important}
	.hospital_step > li:nth-child(even){ padding-left:0px !important;}
	.hospital_step.long > li dd,
	.hospital_step.middle > li dd {min-height:inherit;}
	.clinic_list li { padding-left: 0px !important}
	

	.site-list li {width: 100%; padding: 0 0 20px }
	
}	
@media (max-width: 360px) {

}

/* 보건소 교육신청 */
.state { display: inline-block; width:90px; padding: 4px; margin:1px 0; line-height: 20px; border-radius: 3px; border: 1px solid #CDD5DE; font-size: 13px; color: #fff; text-align: left;}
.state.ing1 { background-color:#B83963; border-color:#b7335e}
.state.ing2 { background-color:#0F7A8A; border-color:#0f7b8b}
.state.ok { background-color:#5664B0; border-color:#3e4b97}
.state.finish { background-color:#4d5053; border-color:#35373a}
.state i.ic {display: inline-block;width:25px;height:20px;background-image:url(/common/images/common/icon_state.png); background-repeat:no-repeat; vertical-align:middle; margin-left:10px}
.state.ing1 .ic {background-position:0 0px}
.state.ing2 .ic {background-position:0 -20px}
.state.ok .ic {background-position:0 -40px;margin-left:5px}
.state.finish .ic {background-position:0 -60px; margin-left:15px}
a:hover .state.ing1 {border-color:#b7335e #9f1546 #9f1546 #b7335e;background-color:#d72d68}
/* table_view */
.table_view { margin-bottom: 30px}
.table_view th,.table_view td {padding: 10px 15px; border-top: 1px solid #cdd5de;border-bottom: 1px solid #e1e1e1; margin:30px 0;}
.table_view tbody tr:first-child th,.table_view tbody tr:first-child td	{border-top: 2px solid #4c5499; }
.table_view .title { position:relative; font-family: 'NanumGothicWebB';	font-size: 18px;background: #f5f6f8; color: #414286; padding: 15px 10px 15px 20px; text-align: center;}
.table_view .title .fR {font-family:inherit; font-weight: normal; position: absolute; right: 10px; top:15px}
.table_view tbody th {background: #f9f9f9;}
.cont_box {	min-height: 300px;	font-size: 14px;line-height: 24px;}
.cont_box img {	margin: 0 auto;	display: block;	max-width: 100%;}
.download_box { font-size: 13px}
.download_box li { border-bottom: 1px dashed #ddd; padding:1px 0 2px 0; line-height: 30px; margin-bottom: 2px;}
.download_box li:last-child {border-bottom:none; margin-bottom: 0px}
.download_box li a { float: right;}
.download_box li span.gray { padding-left: 5px; font-size: 12px}
.download_box span.bul { font-size: 14px}
.no_data {	padding: 25px 3px !important; color: #888}
.agree_box + p { margin: 10px 0 30px; text-align: center;}

.how { display: inline-block; width:98px; padding: 0; margin:1px 0; line-height: 28px; border-radius: 3px; border: 1px solid #d7d7d7; font-size: 13px; color: #545454; text-align: center; background-color:#fff}
.how.online { color:#414286; border-color:#cdd5de; background-color:#f0f4fa}
.how.etc { color:#bb2669; border-color:#dfccd1; background-color:#faeff1}
a:hover .how {border-color:#d7d7d7 #a7a7a7 #a7a7a7 #d7d7d7;background-color:#f3f3f3}
a:hover .how.online {border-color:#cdd5de #a2b0c0 #a2b0c0 #cdd5de;background-color:#e2eaf5}
a:hover .how.etc {border-color:#dfccd1 #c7a8af #c7a8af #dfccd1;background-color:#f6e3e5}

a.icoBtn { display: inline-block; padding:0 10px 0 30px;  margin:1px 0; line-height: 28px; border-radius: 3px; border: 1px solid #d7d7d7; font-size: 13px; color: #545454; text-align: center; background-color:#f0f4fa}
a.icoBtn:hover {border-color:#cdd5de #a2b0c0 #a2b0c0 #cdd5de;background-color:#e2eaf5; text-decoration: none}
.ico_list {background: #f0f4fa url(/common/images/common/icon_button_b.png) no-repeat 0 -90px;}

.state { display: inline-block; width:90px; padding: 4px; margin:1px 0; line-height: 20px; border-radius: 3px; border: 1px solid #CDD5DE; font-size: 13px; color: #fff; text-align: left;}
.state.ing1 { background-color:#B83963; border-color:#b7335e}
.state.ing2 { background-color:#0F7A8A; border-color:#0f7b8b}
.state.ok { background-color:#5664B0; border-color:#3e4b97}
.state.finish { background-color:#4d5053; border-color:#35373a}
.state i.ic {display: inline-block;width:25px;height:20px;background-image:url(/common/images/common/icon_state.png); background-repeat:no-repeat; vertical-align:middle; margin-left:10px}
.state.ing1 .ic {background-position:0 0px}
.state.ing2 .ic {background-position:0 -20px}
.state.ok .ic {background-position:0 -40px;margin-left:5px}
.state.finish .ic {background-position:0 -60px; margin-left:15px}
a:hover .state.ing1 {border-color:#b7335e #9f1546 #9f1546 #b7335e;background-color:#d72d68}

/* Table */
.data_table { border-top: 2px solid #4C5499; }
.data_table th, .data_table td {padding: 6px 15px 6px; border:1px solid #ddd; border-width: 1px 0 1px 0; line-height:1.615;vertical-align:middle}
.data_table th { background: #F8F8F8; }
.data_table thead th {border-top:0;background:#f8f8f8;text-align:center; padding: 10px 0; font-size: 15px }
.data_table td .ir { position: absolute; }