﻿@charset "utf-8";


.btn {display:inline-block; position:relative; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center; padding: 10px 15px; font-size:16px; box-sizing:border-box; }
.btn:after {transition:.5s all; -webkit-transition:.5s all;}

.txt_ntc { color:#dd0000; }
.hdn {display:none;}

/* list */
ul[class^="list_ul"] li, ol[class^="list_num"] li {line-height:21px; position: relative;}
ul[class^="list_ul"] >li, ol[class^="list_num"] li ul li {padding-left:10px; margin-top:11px; font-size: 15px;}
ul[class^="list_ul"] >li:before, ol[class^="list_num"] li ul li:before, .tbl td >ul >li:before {content: ''; position: absolute; width: 5px; height: 5px; left: 0; top: 8px; border-radius: 6px; background:#333;}
ul[class^="list_ul"] >li:first-child{margin-top:0;}


/*확진자 탭*/
#conts dl {padding-top:30px;}
#conts dl dt {position:absolute; top:0; left:0; width:19%;}
#conts dl dt button {width:100%; font-family:"SCDream", sans-serif; color:#555; background:#ddd; }
#conts dl:nth-child(2) dt {left:20%;}

#conts dl dd{ display:none;}

#conts dl:nth-child(2) dd {margin-top:-45px;}

#conts dl.active dd {display:block;}
#conts dl.active dt button {color:#fff; background:#2f4399;}


/*확진자 이동동선*/
.pson_list.visit .tbl thead tr:first-child th{border-top:2px solid #6d88b7; background-color:#f5fafe; font-family:"SCDream", sans-serif; color:#405985;}
.pson_list.visit .tbl tbody td p {font-weight:bold; font-size:15px;}

/* 확진자 현황 table*/
.pson_top .pson_info_descript { padding-top:10px; font-size:13px;  line-height:1.2em; text-align:right;  }


.pson_list { width:100%; height:auto; /* overflow:hidden; */ }
.pson_list .head { display:table; width:100%; background-color:#f5fafe; border-bottom:1px dotted #6d88b7; border-top:2px solid #6d88b7; border-left:1px solid #ddd; border-right:1px solid #ddd; }
.pson_list .head > * { display:table-cell; padding:12px 10px; font-size:15px; line-height:1.25em; font-weight:600; color:#405985; text-align:center; vertical-align:middle; border-right:1px solid #ddd;}
.pson_list .head > *:nth-child(1) { width:13%;}
.pson_list .head > *:nth-child(2) { width:20%;}
.pson_list .head > *:nth-child(3) { width:20%;}
.pson_list .head > *:nth-child(4) { width:17%;}
.pson_list .head > *:nth-child(5) { width:15%;}
.pson_list .head > *:nth-child(6) { width:15%; border-right:0 none;}
.pson_list .in_list { width:100%; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.pson_list .in_list > div.onelist {width:100%; background-color:#fff;  border-top:1px solid #ddd }
.pson_list .in_list > div.onelist:first-child { border-top:0 none;}
.pson_list .in_list > div.onelist > a { display:block; text-decoration: none; }
.pson_list .in_list > div.onelist  .info_s { display:table; width:100%;}
.pson_list .in_list > div.onelist  .info_s > li  { display:table-cell; padding:10px 7px; font-size:15px; line-height:1.25em; letter-spacing:-0.05em; color:#444; text-align:center; vertical-align:middle; border-right:1px solid #ddd;}
.pson_list .in_list > div.onelist  .info_s > li:nth-child(1) { width:13%;}
.pson_list .in_list > div.onelist  .info_s > li:nth-child(2) { width:20%;}
.pson_list .in_list > div.onelist  .info_s > li:nth-child(3) { width:20%;}
.pson_list .in_list > div.onelist  .info_s > li:nth-child(4) { width:17%;  letter-spacing:-0.05em; }
.pson_list .in_list > div.onelist  .info_s > li:nth-child(5) { width:15%;}
.pson_list .in_list > div.onelist  .info_s > li:nth-child(6) { width:15%; border-right:0 none;}
.pson_list .in_list > div.onelist .info_mtxt { display:none; /*height:0; overflow:hidden; */ padding: 30px 20px; border-top:1px solid #ddd; background-color:#f9f9f9}
.pson_list .in_list > div.onelist .info_mtxt > *[class^="s_title_in"] { margin-top:0; font-size:15px; color:#222 }
.pson_list .in_list > div.onelist.open {  outline:1px solid #8ca3ca; }
.pson_list .in_list > div.onelist:first-child.open { border-top:1px solid transparent; }
.pson_list .in_list > div.onelist.open .info_mtxt { display:block; /* height:auto; overflow:hidden; */ padding:10px;}
.pson_list .in_list > div.onelist.open .info_s > li { font-weight:600; letter-spacing:-0.1em; color:#333; background-color:#fbfdff; }
.pson_list .in_list > div.onelist.open .info_s > li:nth-child(1) { padding:7px 0;}

.pson_list.move .head br {display:none;}

@media (max-width:1180px) {

	.pson_list .in_list > div.onelist  .info_s > li br {display:none;}
}

@media (max-width:900px) {
	.tbl_wrap.pson_list.visit  {width:100%; overflow:hidden; overflow-x:scroll;}
	.tbl_wrap.pson_list.visit .tbl {width:900px;}
}

@media (max-width:780px) {
	.pson_list.move .head br {display:block;}

	.pson_list .head *,
	.pson_list .in_list > div.onelist * { word-break:break-all; }

	.pson_list .head > * { padding:7px; letter-spacing:-0.1em; }
	.pson_list .head > *:nth-child(1) { width:10%;}
	.pson_list .head > *:nth-child(2) { width:22%;}
	.pson_list .head > *:nth-child(3) { width:24%;}
	.pson_list .head > *:nth-child(4) { width:12%; padding:7px 0;}
	.pson_list .head > *:nth-child(5) { width:18%;}
	.pson_list .head > *:nth-child(6) { width:14%;padding:7px 0;}

	.pson_list .in_list > div.onelist  .info_s > li  {padding:7px; 2px; letter-spacing:-0.1em; }
	.pson_list .in_list > div.onelist  .info_s > li:nth-child(1) { width:10%; padding:7px 0;}
	.pson_list .in_list > div.onelist  .info_s > li:nth-child(2) { width:22%; padding:7px 0;}
	.pson_list .in_list > div.onelist  .info_s > li:nth-child(3) { width:24%;}
	.pson_list .in_list > div.onelist  .info_s > li:nth-child(4) { width:12%;}
	.pson_list .in_list > div.onelist  .info_s > li:nth-child(5) { width:18%;}
	.pson_list .in_list > div.onelist  .info_s > li:nth-child(6) { width:14%;}

    #conts dl:nth-child(2) {padding-top:50px;}
	#conts dl dt {position:absolute; top:0; left:0; width:49%;}
	#conts dl:nth-child(2) dt {left:50%;}

}

@media (max-width:400px) {
	#conts dl {padding-top:70px;}
	#conts dl dt {position:absolute; top:0; left:0; width:100%;}
	#conts dl:nth-child(2) {padding-top:30px;}
	#conts dl:nth-child(2) dt {left:0; top: 46px;}
	#conts dl:nth-child(2) dd {margin-top:0px;}

}
