@charset "utf-8";
/* covid-19 관련 추가 박스 */
.covid19{position:relative; min-height:515px;}
.covid19:before{content:''; position:absolute; left:0; right:0; top:25px; width:100%; height:465px; background:url(/clinic/images/contents/covid19.png) center top no-repeat; z-index:2;}
.covid19:after{content:''; position:absolute; left:0; right:0; top:0; width:100%; height:100%; min-height:515px; background:rgba(0,0,0,.8); z-index:1;}
.covid19 .tit {position:absolute; left:0; right:0; top:305px; text-align:center; margin:auto; max-width:500px; font-size:25px; font-weight:600; word-break:keep-all; z-index:3;}
.covid19 .tit span {color:#eb4550;}
.covid19 .tit strong {color:#000;}


h4 {margin-top:50px; padding-left:32px; font-size:24px; color:#004da8; background:url('/clinic/images/contents/sblet.gif') no-repeat left center;}
.sblet {padding-left:20px; font-weight:600; font-size:18px; color:#333333; background:url('/clinic/images/contents/ssblet.gif') no-repeat left 8px;}
.ssblet {margin-top:5px; padding-left:17px; font-size:16px; background:url('/clinic/images/contents/sssblet.gif') no-repeat left 5px; font-weight:600;}
.sssblet {margin-top:5px; padding-left:11px; background:url('/clinic/images/contents/ssssblet.gif') no-repeat left 8px;}
.ssssblet {padding-left:15px; background:url('/clinic/images/contents/sssssblet.gif') no-repeat left 10px;}
.para01 {margin:20px 0px 0px 12px}
.para02 {margin:15px 0px 0px 14px}
.para03 {margin:8px 0px 10px 12px}

/*테이블*/
.datatable {margin-top:10px; margin-bottom:20px;}
.datatable .data {width:100%; text-align:center;}
.datatable .data caption {display:block; position:fixed; top:-500000px; margin:0px; padding:0px; width:0px; height:0px; text-indent:-50000px; border:0px;}
.datatable .data thead th {padding:10px 0px; background:#f7fbfe; color:#1570bd; border:1px solid #1570bd; /*border-bottom:0px; border-right:0px;*/}
.datatable .data tbody td, .datatable .data tbody th {padding:8px 1%; border:1px solid #ccc; /*border-right:0px;*/}
.datatable .data tbody th {color:#282828; /*background:#fbfbfb;*/}
.datatable .data thead tr:first-child th {border-top:1px solid #1570bd;}
.datatable .data tr:first-child th .datatable .data tr:first-child td{border-top:1px solid #c0c0c0;}
/*.datatable .data tr th:first-child, .datatable .data tr td:first-child{border-left:0px}*/
.datatable .right {margin-top:-10px; font-size:13px;} 

.resizing img {max-width:100%;}

/*step*/
ol.step {margin-top:10px; width:100%; overflow:hidden;}
ol.step>li {position:relative; box-sizing:border-box; vertical-align:top; padding:16px 22px; border:1px solid #9b9b9b; text-align:center; float:left; display:inline-block; margin-left:3%; margin-bottom:5%; font-weight:600;}
ol.step>li:before {width:10px; height:2px; background:#000; transform:rotate(45deg); position:absolute; top:50%; right:-20px; margin-top:-3px; content:"";}
ol.step>li:after {width:10px; height:2px; background:#000; transform:rotate(-45deg); position:absolute; top:50%; right:-20px; margin-top:3px; content:"";}

ol.step.block>li {display:block; width:100%; margin-left:0;}
ol.step.block>li:before {width:10px; height:2px; background:#000; transform:rotate(45deg); position:absolute; top:75px; right:50%; margin-top:3px; content:"";}
ol.step.block>li:after {width:10px; height:2px; background:#000; transform:rotate(-45deg); position:absolute; top:75px; right:50%; margin-top:3px; margin-right:-6px; content:"";}
ol.step.block>li.two:before {width:10px; height:2px; background:#000; transform:rotate(45deg); position:absolute; top:95px; right:50%; margin-top:3px; content:"";}
ol.step.block>li.two:after {width:10px; height:2px; background:#000; transform:rotate(-45deg); position:absolute; top:95px; right:50%; margin-top:3px; margin-right:-6px; content:"";}

ol.step>li:first-child {margin-left:0; border:1px solid #7bae10; color:#7bae10;}
ol.step>li:last-child {border:1px solid #0a95cb; color:#0a95cb;}
ol.step>li:last-child:before {display:none;}
ol.step>li:last-child:after {display:none;}

.tbox{margin-top:5%; border:1px solid #dcdcdc; border-top:3px solid #f3692c; border-radius:10px; background:url('/clinic/images/contents/tbox_line.gif') no-repeat 4% center, url('/clinic/images/contents/tbox_line.gif') no-repeat 96% center;}
.tbox>div{padding:5% 7% 5% 215px; background:url('/clinic/images/contents/tbox_bg.gif') no-repeat 80px center;}
.tbox>div p.tit{margin-bottom:10px; color:#333; font-weight:600; font-size:16px;}

#detail_con {margin-top:50px;}
.con_box {padding:20px; margin-bottom:15px; border:1px solid #ddd; border-top:2px solid #777; box-sizing:border-box;}

.a_btn {display:inline-block; padding:6px 18px; background:#fff; border:1px solid #dc6f1e; color:#dc6f1e; font-size:15px; font-weight:600;}
.a_btn span {padding-right:17px; background:url('/clinic/images/contents/a_btn.png') no-repeat right center;}
.a_btn2 {display:inline-block; padding:6px 18px; background:#dc6f1e; color:#fff; font-size:15px; font-weight:600;}
.a_btn2 span {padding-right:17px; background:url('/clinic/images/contents/a_btn2.png') no-repeat right center;}
.a_btn.sm {display:inline-block; margin-left:10px; padding:0px 12px; background:#fff; border:1px solid #dc6f1e; color:#dc6f1e; font-size:14px; font-weight:600;}
.a_btn.sm span {padding-right:17px; background:url('/clinic/images/contents/a_btn.png') no-repeat right center;}
.a_btn2.sm {display:inline-block; padding:0px 12px; background:#dc6f1e; color:#fff; font-size:14px; font-weight:600;}
.a_btn2.sm span {padding-right:17px; background:url('/clinic/images/contents/a_btn2.png') no-repeat right center;}
.a_link {padding:0 3px; color:#dc6f1e; font-weight:600;}
.a_link span {padding-left:17px; background:url('/clinic/images/contents/a_link.png') no-repeat left center;}
.a_link2 {padding:3px 6px; color:#dc6f1e; border:1px solid #dc6f1e; font-size:14px; font-weight:600;}
.a_link2 span {padding-left:17px; background:url('/clinic/images/contents/a_link.png') no-repeat left center;}

/*인사말*/
.greeting {overflow:hidden;}
/*.greeting .photo {float:left; width:323px;}
.greeting .txt {float:left; margin-left:35px; width:500px;}*/
.greeting .photo {float:left; width:216px;}
.greeting .txt {float:left; margin-left:35px; width:607px;}
.greeting .txt .txt01 {margin-bottom:30px;}
.greeting .txt .txt02 {margin-bottom:20px;}
.greeting .txt .sign {margin-top:40px;}
.greeting .txt .sign strong {display:block; margin-bottom:8px;}

/*연혁*/
.history {overflow:hidden;}
.history>ul {overflow:hidden;}
.history>ul>li {float:left; width:45%; font-size:15px; margin:10px 10px;}
.history>ul>li>strong {margin-right:25px; font-size:16px;}
.history>ul>li.dot {padding-left:20px; background:url('/clinic/images/contents/dot.gif') no-repeat left center;}

/*조직*/
.organization {overflow:hidden;}
.organization .box01 {padding-bottom:25px; text-align:center; background:url('/clinic/images/contents/organization_line.gif') repeat-y center top; margin-left:-1px;}
.organization .box01>p {display:inline-block; padding:18px 70px; background:#fff; border:4px solid #1570bd; font-size:24px; font-weight:600; color:#1570bd;}
.organization .box02 {overflow:hidden; padding-top:1px; text-align:left; background:url('/clinic/images/contents/organization_line.gif') no-repeat center top; background-size:75% 1px;}
.organization .box02>div {float:left; width:23%; margin:0 1%; background:url('/clinic/images/contents/organization_line.gif') repeat-y center top;}
.organization .box02>div>p {padding-top:25px; background:url('/clinic/images/contents/organization_line.gif') repeat-y center top;}
.organization .box02>div>p>span {display:block; padding:15px 20px; text-align:center; background:#1eac92; font-size:18px; font-weight:600; color:#fff;}
.organization .box02>div>div {margin-top:10px; background:url('/clinic/images/contents/organization_line.gif') repeat-y center top;}
.organization .box02>div>div>ul {padding:20px; background:#f8f8f8; border:1px solid #ddd; min-height:120px;}
.organization .box02>div>div>ul>li {margin-top:10px;}
.organization .box02>div>div>ul>li:first-child {margin-top:0;}

/*찾아오시는 길*/
.map {padding:160px 0; text-align:center; border:1px solid #ddd;}
.bus_data {margin-top:15px; margin-left:30px;}
.bus_data p {margin-top:16px;}
.bus_data span.green {margin-right:15px; padding:7px 20px 7px 40px; background:#22ac38 url('/clinic/images/contents/bus_ico.png') no-repeat 15px center; border-radius:20px; color:#fff; font-weight:600;}
.bus_data span.blue {margin-right:15px; padding:7px 20px 7px 40px; background:#1570bd url('/clinic/images/contents/bus_ico.png') no-repeat 15px center; border-radius:20px; color:#fff; font-weight:600;}
.bus_data span.red {margin-right:15px; padding:7px 20px 7px 40px; background:#d41625 url('/clinic/images/contents/bus_ico.png') no-repeat 15px center; border-radius:20px; color:#fff; font-weight:600;}

/*금연사업안내*/
.nosmoking {overflow:hidden;}
.nosmoking>div {position:relative; float:left; margin-right:30px;}
.nosmoking>div:last-child {margin-right:0;}
.nosmoking>div.box01 {padding:39px; border:1px solid #a7a7a7;}
.nosmoking>div.box01>span.mark {position:absolute; right:10px; bottom:10px; font-size:15px; font-weight:600; color:#878787;}
.nosmoking>div.box02 {overflow:hidden;}
.nosmoking>div.box02>div {float:left; width:48%; margin-right:2%; margin-bottom:15px;}
.nosmoking>div.box02>div>p.tit {display:inline-block; margin-bottom:10px; padding:5px 15px; background:#d41625; border-radius:20px; color:#fff; font-weight:600; text-align:center;}
.nosmoking>div.box02>div>p.box1 {padding:10px 0 10px 20px; border:1px solid #a7a7a7; text-align:center; font-family:'나눔명조'; font-size:28px; font-weight:600; color:#cc191e; letter-spacing:1em;}
.nosmoking>div.box02>div>p.box2 {padding:10px 0 10px 20px; border:1px solid #a7a7a7; text-align:center; font-family:'나눔명조'; font-size:28px; font-weight:600; color:#cc191e; letter-spacing:1em;}
.nosmoking>div.box03>p {padding:10px 30px 10px 45px; border:1px solid #a7a7a7; text-align:center; font-family:'나눔명조'; font-size:28px; font-weight:600; color:#383838; letter-spacing:0.5em;}

/*건강도시란*/
.healthy_city_info {padding:60px 0 0; border:1px solid #ddd;}
.healthy_city_info p {margin-bottom:40px; padding-top:150px; background:url('/clinic/images/contents/health_info_img.gif') no-repeat center top; text-align:center; font-size:40px; font-weight:600; color:#000;}
.healthy_city_info .list_wrap {background:#f8f8f8; border-top:1px solid #ddd; padding:50px 70px;}
.healthy_city_info .list_wrap ul li {font-size:16px;}

/*건강도시의 역사*/
.health_his.con_box p {margin-bottom:20px;}
.health_his.con_box p:last-child {margin-bottom:0;}

/*건강도시 연맹 가입*/
.league_img img {border:1px solid #ddd;}

.health_his_img {overflow:hidden; margin-top:60px; text-align:center;}
.health_his_img p {margin-top:30px; display:inline-block; padding:5px 30px; font-size:18px; font-weight:600; color:#0c9bc6; background:#fff; border:1px solid #0c9bc6; border-radius:50px;}
.health_his_img .box{margin-top:-20px; border:1px solid #ddd;}
.health_his_img .box ul {overflow:hidden; padding:50px 1.5% 30px;}
.health_his_img .box ul li {float:left; padding-top:80px; width:19.5%; text-align:center; border-left:1px dashed #ddd;}
.health_his_img .box ul li:first-child {border-left:none;}
.health_his_img .box ul li span {display:block;}
.health_his_img .box ul li.ico01 {background:url('/clinic/images/contents/health_his01.gif') no-repeat center top;}
.health_his_img .box ul li.ico02 {background:url('/clinic/images/contents/health_his02.gif') no-repeat center top;}
.health_his_img .box ul li.ico03 {background:url('/clinic/images/contents/health_his03.gif') no-repeat center top;}
.health_his_img .box ul li.ico04 {background:url('/clinic/images/contents/health_his04.gif') no-repeat center top;}
.health_his_img .box ul li.ico05 {background:url('/clinic/images/contents/health_his05.gif') no-repeat center top;}

/*건강도시 선언문*/
.statements {margin-top:30px; padding:40px 40px; border:2px solid #d8d8d8; border-top:2px solid #0c68d6; border-bottom:2px solid #333; border-radius:40px 0 40px 0; text-align:center;}
.statements .tit {display:inline-block; padding-bottom:2px; font-size:26px; font-weight:600; border-bottom:2px solid #0c68d6; color:#0c68d6; letter-spacing:-2px;}
.statements .tit span {padding-bottom:4px; border-bottom:1px solid #0c68d6;}
.statements .s_tit {margin-top:30px; padding:20px; text-align:left;}
.statements .s_tit p {margin-bottom:10px; font-size:16px; color:#757575;}
.statements ul {padding:0 20px;}
.statements ul li {text-align:left;}
.statements .sign {margin-top:50px; text-align:center;}
.statements .sign p {font-size:16px;}
.statements .sign p.name {font-size:20px; font-weight:600;}

/*건강도시 비전과 목표*/
.vision {overflow:hidden;}
.vision .center {margin-bottom:30px; padding-top:120px; font-size:24px; font-weight:600; color:#4e5acc; background:url('/clinic/images/contents/vision_center_bg.gif') no-repeat center top;}
.vision ul.top li {margin-bottom:20px; padding:15px 15px 15px 0; border:1px solid #ddd; border-left:none;}
.vision ul.top li strong {margin-bottom:-1px; margin-right:20px; padding:16px 42px 17px; font-size:16px; font-weight:600; background:#f7fff9; box-sizing:border-box; border:1px solid #6b9f75; color:#6b9f75;}
.vision ul.bottom {overflow:hidden;}
.vision ul.bottom li {float:left; margin:0 0.5%; width:23.5%; box-sizing:border-box; text-align:center;}
.vision ul.bottom li p.tit {background:#fff; border:1px solid #0c68d6; color:#0c68d6; font-size:16px; font-weight:600; padding:15px 0;}
.vision ul.bottom li p.con {background:#fcfcfc; padding:10px 0; border:1px solid #ddd;}

.thum_gall {overflow:hidden; padding:0 26% 0 0;}
.thum_gall ul.col2 li {width:49%;}
.thum_gall ul.col3 li {width:32.3%;}
.thum_gall ul.col4 li {width:24%;}
.thum_gall ul.col5 li {width:19%;}
.thum_gall ul li {position:relative; float:left; text-align:center; margin-left:1%;}
.thum_gall ul li:first-child {margin-left:0;}
.thum_gall ul.col3 li:nth-child(4) {margin-left:0;}
.thum_gall ul.col3 li:nth-child(7) {margin-left:0;}
.thum_gall ul li p {position:absolute; bottom:6px; background:rgba(0,0,0,0.5); color:#fff; font-size:13px; letter-spacing:-1px; font-weight:600; padding:10px 0; width:100%;}
.thum_gall ul li img {width:100%;}


.thum_gall2 {overflow:hidden; padding:0 24% 0 0;}
.thum_gall2 ul.col2 li {width:49%;}
.thum_gall2 ul.col3 li {width:32.3%;}
.thum_gall2 ul.col4 li {width:24%;}
.thum_gall2 ul.col5 li {width:19%;}
.thum_gall2 ul li {position:relative; float:left; text-align:center; margin-left:1%;}
.thum_gall2 ul li:first-child {margin-left:0;}
.thum_gall2 ul.col3 li:nth-child(4) {margin-left:0;}
.thum_gall2 ul.col3 li:nth-child(7) {margin-left:0;}
.thum_gall2 ul li p {position:absolute; bottom:6px; background:rgba(0,0,0,0.5); color:#fff; font-size:13px; letter-spacing:-1px; font-weight:600; padding:10px 0; width:100%;}
.thum_gall2 ul li img {width:100%;}

.apartment {overflow:hidden;}
.apartment .fleft {float:left; width:55%;}
.apartment .fleft .graph {padding:20px; background:#f9f9f9; border:1px solid #ddd; text-align:center;}
.apartment .fleft .graph img {max-width:100%;}
.apartment .fright {float:right; width:43%;}

/*사이트맵*/
/*.sitemap {overflow:hidden;}
.sitemap>ul>li {float:left; width:29%; margin:0 1% 5%;}
.sitemap>ul>li>a {display:block; color:#333;}
.sitemap>ul>li>ul {margin-top:5px; padding:10px 20px; background:#f9f9f9; border:1px solid #ddd; width:60%;}
.sitemap>ul>li>ul>li {margin-bottom:10px;}*/

/*링크 페이지*/
.link_site {background:#fbfbfb; border:1px solid #ddd;}
.link_site .inner {position:relative; margin:30px; overflow:hidden; min-height:211px;}
.link_site .inner .site_img {position:absolute; right:0;}
.link_site .inner .site_img img {max-width:100%;}
.link_site .inner .txt p.topinfo {font-size:26px; font-weight:bold; color:#333;}
.link_site .inner .txt p.law {width:50%; margin-top:12px; padding-top:20px; border-top:1px solid #ddd;}
.link_site .inner .txt p.btnbox {margin-top:20px;}

/*영유아 예방접종일 계산*/
.vaccination select, option,input[type=text] {padding:10px;}
.vaccination input[type=submit] {padding:10px 16px; background:#fff; border:1px solid #aa6800; font-size:15px; font-weight:600; color:#aa6800; vertical-align:middle;}

@media screen and (max-width:1010px){
	.link_site {background:#fbfbfb; border:1px solid #ddd;}
	.link_site .inner {position:relative; margin:30px; overflow:hidden;}
	.link_site .inner .site_img {position:relative; right:0; width:100%; margin:0 auto; text-align:center;}
	.link_site .inner .site_img img {max-width:100%;}
	.link_site .inner .txt {margin-top:25px; text-align:center;}
	.link_site .inner .txt p.law {width:100%; margin:12px auto 0;}
}

@media screen and (max-width:957px){
	.nosmoking>div {position:relative; float:left; margin-right:30px;}
	.nosmoking>div:last-child {margin-right:0;}
	.nosmoking>div.box01 {padding:39px; border:1px solid #a7a7a7;}
	.nosmoking>div.box01>span.mark {position:absolute; right:10px; bottom:10px; font-size:15px; font-weight:600; color:#878787;}
	.nosmoking>div.box02 {overflow:hidden;}
	.nosmoking>div.box02>div {float:left; width:46%; margin-right:2%; margin-bottom:15px;}
	.nosmoking>div.box02>div>p.box1 {letter-spacing:0.5em;}
	.nosmoking>div.box02>div>p.box2 {letter-spacing:0.5em;}
	.nosmoking>div.box03>p {letter-spacing:0.2em;}

	.thum_gall {padding:0 0 0 0;}
	.thum_gall ul li {margin-left:0;}
	.thum_gall2 {padding:0 0 0 0;}
	.thum_gall2 ul li {margin-left:0;}
}
@media screen and (max-width:914px){
	.greeting .photo {width:30%;}
	.greeting .photo img {max-width:100%;}
	.greeting .txt {margin-left:5%; width:60%;}
}

@media screen and (max-width:870px){
	.history>ul>li {width:100%;}
	.datatable.scroll{display:block; position:relative; padding-bottom:20px; overflow-x:auto;}	
	.datatable.scroll table{min-width:850px;}
	.datatable.scroll>p{width:850px; margin-top:20px;}

	.health_his_img .box ul li {font-size:13px;}
}

@media screen and (max-width:822px){
	.nosmoking>div.box01 {width:84%; padding:6%; border:1px solid #a7a7a7; text-align:center;}
	.nosmoking>div.box02 {margin-top:2%; width:100%;}
	.nosmoking>div.box02>div {width:100%; margin-right:0; margin-bottom:15px;}
	.nosmoking>div.box02>div>p.box1 {width:93%;}
	.nosmoking>div.box02>div>p.box2 {width:93%;}
	.nosmoking>div.box03 {width:100%;}
	.nosmoking>div.box03>p {width:86%;}

	.apartment .fleft {width:100%;}
	.apartment .fright {width:100%; margin-top:10px;}
}

@media screen and (max-width:767px){
	.bus_data span {margin-top:10px;}
}

@media screen and (max-width:730px){
	.greeting .txt {margin-left:5%; width:60%;}
	.greeting .txt .txt01 img {max-width:70%;}
	.greeting .txt .txt02 img {max-width:70%;}
}

@media screen and (max-width:670px){
	.organization .box01>p {display:block;}
	.organization .box02 {padding-top:0; background:none;}
	.organization .box02>div {width:100%; margin:0;}
	.organization .box02>div>p {padding-top:0; background:none;}
	.organization .box02>div>p>span {display:block; padding:15px 20px; text-align:center; background:#1eac92; font-size:18px; font-weight:600; color:#fff;}
	.organization .box02>div>div {margin-top:10px; background:url('/clinic/images/contents/organization_line.gif') repeat-y center top;}
	.organization .box02>div>div>ul {padding:20px; background:#f8f8f8; border:1px solid #ddd; min-height:120px;}
	.organization .box02>div>div>ul>li {margin-top:10px;}
	.organization .box02>div>div>ul>li:first-child {margin-top:0;}

	.health_his_img .box ul li {padding-bottom:30px; width:32.3%; border-left:none;}
	.health_his_img .box ul li:nth-child(4) {padding-bottom:0;}
	.health_his_img .box ul li:nth-child(5) {padding-bottom:0;}

	.statements {padding:40px 0px;}

	.vision ul.top li {position:relative; margin-bottom:20px; padding:80px 20px 20px; border-left:1px solid #ddd;}
	.vision ul.top li strong {display:block; position:absolute; left:0; top:0; width:100%; margin-bottom:0; margin-right:0; margin-bottom:20px; padding:16px;}
	.vision ul.bottom li {width:48.5%;}
}

@media screen and (max-width:590px){
	.greeting .photo {width:100%; text-align:center;}
	.greeting .txt {margin-left:0; width:100%;}
	.greeting .txt .txt01 {text-align:center;}
	.greeting .txt .txt02 {text-align:center;}

	.thum_gall ul.col3 li {width:48.5%;}
	.thum_gall2 ul.col3 li {width:48.5%;}
}

@media screen and (max-width:480px){
	.covid19{min-height:auto; padding-bottom:50px;}
	.covid19:before{top:50px; margin-top:0; background-size:100%;}
	.covid19:after{min-height:auto;}
	.covid19 .tit {top:240px; max-width:80%; font-size:18px;} 

	.history>ul>li>strong {display:block; margin-right:0;}

	.thum_gall ul.col3 li {width:98%;}
	.thum_gall2 ul.col3 li {width:98%;}
}

@media screen and (max-width:435px){
	.covid19:before{background-size:340px;}
	.covid19 .tit {top:190px; font-size:16px;} 

	.health_his_img .box ul li {margin-top:30px; padding-bottom:30px; width:100%; border-bottom:1px dashed #ddd;}
	.health_his_img .box ul li:first-child {margin-top:0;}
	.health_his_img .box ul li:nth-child(4) {padding-bottom:30px;}
	.health_his_img .box ul li:nth-child(5) {padding-bottom:30px}
	.health_his_img .box ul li:last-child {border-bottom:none;}
}