@charset "utf-8";

#detail_con img { max-width:100%; vertical-align:middle;}


/* 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;}
.sssssblet {padding-left:15px; position:relative; margin-top:3px;}
.sssssblet:before{display:block; content:''; position:absolute; left:7px; top:10px; width:3px; height:3px; background:#333; border-radius:1px;} 
.ssblet .sssblet, .ssblet .ssssblet, .ssblet .sssssblet, .ssblet p, .ssblet span, .ssblet td{font-weight:normal;}
.para01 {margin:25px 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;} 
.datatable .data.nohead tbody {border-top:2px solid #1570bd;}
.datatable .data.nohead tbody th {background:#f7fbfe; color:#1570bd;}
.datatable .data tbody th.bg_y {background:#fffce4;}

.datatable .data .border_top {border-top:2px solid #ed0808;}
.datatable .data .border_mid {border-left:2px solid #ed0808; border-right:2px solid #ed0808;}
.datatable .data .border_bott {border-bottom:2px solid #ed0808;}

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

/*step*/
ol.step {display:flex; flex-wrap:wrap; gap:3%; width:100%; margin-top:10px; /* 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; margin-left:3%; */ margin-bottom:2%; font-weight:600;}
ol.step.col3>li {width:31.2%;}
ol.step.col4>li {width:22%;}
ol.step>li:before {width:10px; height:2px; background:#000; transform:rotate(45deg); position:absolute; bottom:50%; right:-20px; margin-bottom:3px; content:"";}
ol.step>li:after {width:10px; height:2px; background:#000; transform:rotate(-45deg); position:absolute; bottom:50%; right:-20px; margin-bottom:-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; bottom:-40%; right:50%; margin-bottom:3px; content:"";}
ol.step.block>li:after {width:10px; height:2px; background:#000; transform:rotate(-45deg); position:absolute; bottom:-40%; right:50%; margin-bottom:3px; margin-right:-6px; content:"";}
ol.step.block>li.two:before {width:10px; height:2px; background:#000; transform:rotate(45deg); position:absolute; bottom:-32%; right:50%; margin-bottom:3px; content:"";}
ol.step.block>li.two:after {width:10px; height:2px; background:#000; transform:rotate(-45deg); position:absolute; bottom:-32%; right:50%; margin-bottom: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;}

ol.step.con {flex-wrap: nowrap; }
ol.step.con li { display: flex; flex-direction: column; justify-content: space-between; flex-grow: 1; padding:0 !important}
ol.step.con li p {padding:5px 12px;}
ol.step.con li .tit {border-bottom: 1px solid #ccc;}
ol.step.con li .word {border-top: 1px dashed #ccc; color:#777; font-size: 13px;}
ol.step.con li:first-child .tit, ol.step.con li:first-child .word {border-color:#c4da95;}
ol.step.con li:last-child .tit, ol.step.con li:last-child .word {border-color:#9cccdf;}
ol.step.con li:first-child .tit {color:#7bae10;}
ol.step.con li:last-child .tit {color:#0a95cb;}

.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;}
.sbox {margin-bottom:10px; padding:2% 3%; background:#f5f5f5;}

.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;}

.a_link3 {display:inline-block; padding:6px 18px; background:#dc6f1e; color:#fff; font-size:15px; font-weight:600;}
.a_link3 span {padding-right:17px; background:url('/clinic/images/contents/a_link_w.png') no-repeat right 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:80% 1px;}
.organization .box02>div {float:left; width:19%; margin:0 0.5%; 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 10px; text-align:center; background:#1eac92; font-size:16px; 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:130px;}
.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;}

/*건강생활실천사업*/
.improve {position:relative; text-align:center; width:360px; line-height:1.4; margin:0 auto; padding:80px 0; word-break:keep-all;}
.improve .tit {display:flex; align-items:center; justify-content:center; width:310px; height:310px; margin:0 auto; border-radius:50%; border:20px solid #ffe7d8;}
.improve .tit p {font-size:22px; font-weight:600;}
.improve>ul>li {position:absolute; width:130px; height:130px; border-radius:50%;}
.improve>ul>li:nth-child(1) {top:33px; left:50%; margin-left:-65px; background:#ff9c61;}
.improve>ul>li:nth-child(2) {top:50%; right:-44px; margin-top:-65px; background:#b17dc8;}
.improve>ul>li:nth-child(3) {bottom:33px; left:50%; margin-left:-65px; background:#ed7291;}
.improve>ul>li:nth-child(4) {top:50%; left:-44px; margin-top:-65px; background:#a0b4e6;}
.improve>ul>li p {position:absolute; top:50%; width:100%; color:#fff; text-shadow:1px 1px 0px rgb(0,0,0,0.1); transform:translateY(-50%);}
.improve_company>ul {display:flex; justify-content:space-between; margin-bottom:2%;}
.improve_company>ul>li {width:49%;}
.improve_company>ul>li .company_list {display:flex; justify-content:space-between; margin-bottom:3%;}
.improve_company .tit {text-align:center; margin-bottom:20px; font-size:19px; font-weight:600;}
.improve_company .box {padding:24px; border:4px solid; box-sizing:border-box; word-break:keep-all;}
.improve_company .box.c1 {border-color:rgb(76 175 80 / 40%);}
.improve_company .box.c1 .tit {color:#4caf50;}
.improve_company .box.c2 {border-color:rgb(32 105 215 / 35%);}
.improve_company .box.c2 .tit {color:#2069d7;}
.improve_company .box.c3 {border-color:rgb(137 94 213 / 40%);}
.improve_company .box.c3 .tit {color:#673ab7;}
.improve_company .box.c3 .con {background:url('/clinic/images/contents/improve_company_bg.gif') no-repeat left 24px center;}
.improve_company .box.c3 .con .txt {padding-left:150px;}

/*건강도시란*/
.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.col2 li:nth-child(odd) {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;}

/*자가진단테스트*/
.self_test {word-break: keep-all;}
.self_test .slogan {padding:30px; border:1px solid #ddd; border-radius:10px;}
.self_test .slogan p {text-align:center;}
.self_test .slogan p.tit {margin-bottom:15px; font-size:24px; font-weight:bold;}
.self_test .self_check {margin-top:20px;}
.self_test .self_check dl {border: 1px dotted #c4c4c4; border-radius:10px; padding: 20px;margin-bottom: 15px;}
.self_test .self_check dt {color:#1570bd; font-size:16px; font-weight:bold;padding-bottom: 15px; border-bottom: 1px dotted #c4c4c4;margin-bottom: 15px;}
.self_test .self_check dt span{display:inline-block; width:26px; height:26px; background-color:#1570bd; font-size:14px; border-radius:100px; color:#fff; text-align:center; margin-right:10px;}
.self_test .self_check dd {padding-left:10px;}
.result_btn {text-align:center; margin-top:30px;}
.result_btn input, .result_btn a {display:inline-block; padding:10px 40px; background-color:#f3f3f3; border-radius:4px; font-size:20px; font-weight:bold; transition:all .2s ease;}
.result_btn a {vertical-align: top; line-height: 160%;}
.result_btn input:hover, .result_btn a:hover {background-color:#1570bd; color:#fff;}
.test_result {margin-top:30px; padding:30px 20px; border:1px dotted #c4c4c4; border-radius:10px; word-break: keep-all;}
.test_result p.txt {padding-bottom:30px; text-align:center; font-size:26px; font-weight:bold; border-bottom: 1px dotted #c4c4c4;}
.test_result p.txt span {color:#1570bd; font-size:32px;}
.test_result .con .tit {text-align:center; margin:20px 0;}
.test_result .con p {text-align:center;}
.test_result .dementia_con .tit {margin:20px 0; background:#f5f5f5; padding:16px 20px;}

.nicotine_result .con .tit p {display:inline-block; padding:10px 30px; background-color:#22ac38; color:#fff; font-weight:bold; border-radius:50px;}
.nicotine_result .type2 .tit p {background-color:#f19114;}
.nicotine_result .type3 .tit p {background-color:#d41625;}
.nutritive_result .con .tit p {text-align:center; font-weight:bold; font-size:18px; color:#d41625;}
.nutritive_result .type2 .tit p {color:#f19114;}
.nutritive_result .type3 .tit p {color:#22ac38;}

.selfcheckDementia .intro {display: flex; align-items: center; justify-content: center; gap:20px; padding:0 40px;}

.selfcheckDementia .intro li {display: flex;
padding-top: 52px;
flex-direction: column;
align-items: center;
flex: 1 0 0;
align-self: stretch;
border-radius: 1.92rem;
border: 1px solid #CCC;
background: linear-gradient(180deg, #FFF 0%, #FFF 100%);
box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.12);}
.selfcheckDementia .intro li a img {display: block; margin-top:20px}




.selfcheckDementia .infoTxt { padding: 30px; border: 1px solid #ddd; border-radius: 10px; }
.selfcheckDementia .infoTxt p { text-align: center; }
.selfcheckDementia .infoTxt p.tit { margin-bottom: 15px; font-size: 24px; font-weight: bold; }
#dementiaForm * { font-size: 18px; }
#dementiaForm ol { margin-top: 20px; }
#dementiaForm ol li { padding: 16px 4px; border-bottom: 1px solid #eee; }
#dementiaForm ol li p:last-child { display: flex; gap:20px; margin:8px 0 0 40px; }
#dementiaForm ol li p:first-child { /* color: #1570bd; */ font-weight: bold; }
#dementiaForm ol li label { display:block; }
#dementiaForm ol li .item { display: inline-block; width: 26px; height: 26px; background-color: #1570bd; font-size: 14px; border-radius: 100px; color: #fff; text-align: center; margin-right: 10px; }
#dementiaForm .chekEnd { margin-top: 30px; text-align: center; }
#dementiaForm .chekEnd button { display: inline-block; padding: 15px 40px; background-color: #f3f3f3; border-radius: 4px; font-size: 20px; font-weight: bold; transition: all 0.2s ease; border: 0; }
#dementiaForm .chekEnd button:hover { background-color: #1570bd; color: #fff; }
#dementiaForm .result { margin-top: 20px; background: #f5f5f5; }
#dementiaForm .result .summary { padding: 20px; background: #0c68d6; text-align: center; }
#dementiaForm .result .above .summary { background: #dd004a; }
#dementiaForm .result .summary .tit { color: #fff; font-size: 24px; }
#dementiaForm .result .summary .tit strong { color: yellow; font-size: 24px; font-weight: bold; }
#dementiaForm .result .summary .txt { display: block; font-size: 14px; color: rgba(255, 255, 255, 0.8); }
#dementiaForm .result .tip { padding: 25px; }
#dementiaForm .result .tip p, #dementiaForm .result .tip ul { margin-bottom: 10px; }
#dementiaForm .result .tip p:first-child { font-weight: bold; }

/* .test_result .con {display:none;} 
.test_result .type1 {display:block;}*/

#detail_con .outlink {margin-top: 3%; padding: 4.5% 5%; border: 1px solid #dcdcdc; background: #fbfbfb; border-radius: 10px; overflow: hidden; box-shadow: 0px 3px 0px #eee;}
#detail_con .outlink>.img {float: right; margin-top: 2%; width: 45%; text-align: center;}
#detail_con .outlink>.con {float: left; width: 51%;}
#detail_con .outlink>.con p.tit, #detail_con .outlink>.con h4 {margin-bottom: 5%; padding-bottom: 3%; font-size: 30px; color: #2b5cc1; border-bottom: 1px solid #bbb;
background-position: left 12px !important;}
#detail_con .outlink>.con p.tip {font-weight: bold; margin: 5px 0px; color: #4c5d87; font-size: 14px;}
#detail_con .outlink>.con .point {font-weight: bold;}
#detail_con .outlink>.con .txt {margin-bottom: 5%;}
#detail_con .outlink .btn_box {clear: both; text-align: left;}
#detail_con .outlink .conbtn .link {padding: 10px 25px 10px 32px; font-size: 17px; background: url(/main/images/contents/ic_link.png) no-repeat left center, url(/main/images/contents/ic_arrR.png) no-repeat right center;}


@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_gall ul.col2 li, .thum_gall ul.col3 li, .thum_gall ul.col4 li, .thum_gall ul.col5 li {width:100%;}
	.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%;}
	ol.step.col3>li, ol.step.col4>li  {width:100%; margin-left:0;}


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

@media screen and (max-width:767px){
	.bus_data span {margin-top:10px;}
	ol.step.con {flex-direction: column;}

	ol.step.con>li {margin-bottom: 20px;}
	ol.step.con>li:before {width:10px; height:2px; background:#000; transform:rotate(45deg); position:absolute; bottom:-40%; right:50%; margin-bottom:3px; content:"";}
	ol.step.con>li:after {width:10px; height:2px; background:#000; transform:rotate(-45deg); position:absolute; bottom:-40%; right:50%; margin-bottom:3px; margin-right:-6px; content:"";}
	ol.step.con>li.two:before {width:10px; height:2px; background:#000; transform:rotate(45deg); position:absolute; bottom:-32%; right:50%; margin-bottom:3px; content:"";}
	ol.step.con>li.two:after {width:10px; height:2px; background:#000; transform:rotate(-45deg); position:absolute; bottom:-32%; right:50%; margin-bottom:3px; margin-right:-6px; content:"";}


	ol.step.con>li:before, ol.step.con>li:after {bottom:-15px;}
}

@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){
	ol.step.block>li:before, ol.step.block>li:after {bottom:-17%;}
	ol.step.block>li.two:before, ol.step.block>li.two:after {bottom:-8%;}
	.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%;}

	.self_test .slogan p.tit {font-size: 18px;}
	.self_test .slogan {padding: 10px;}
	.result_btn input, .result_btn a {color:#fff; font-size:16px; background-color:#1570bd;}
	
	.selfcheckDementia .intro {flex-direction: column;}
	.improve_wrap {overflow-x:scroll;}
	.improve {padding:80px 44px;}
	.improve>ul>li:nth-child(2) {right:0;}
	.improve>ul>li:nth-child(4) {left:0;}
}

@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;}
}