:root {
    --comicwblue-color: #6bcaf8fc;
    --comicwbook-gray1: #61686b;
    --comicwbook-border-radious: 10px;
}
body{
	background:var(--comicwblue-color);
	text-align:center;
    font-size: 100%;
}	
table{
	margin:0 auto;
	text-align:center;
	border-spacing:1.2rem;
	width: 100%;
}
table tr{
	background:#fff; 
	box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
	border-radius:10px;
}
/* 비활성화 행 */
table tr.disabled{
	background:#d7d7d7; 
}
table tr td{
	padding: 0.4em 0.8em;
    border-radius:var(--comicwbook-border-radious);
}
table tr td p{
    display: flex;
    display: flex;
    align-items: center;
    justify-content: center;
}
table tr.on{
	box-shadow: rgb(172 230 255 / 92%) 0px 0px 0px 3px;
    background: #6b90f8;
}
table tr.on span{
	font-weight:bold;
	color:#fff;
}
.swal-modal{
	word-break: keep-all;
}
#comicChoice_go,.btn{
	background-color:#fff;
	padding:20px 0;
	text-decoration:none;
	border:none;
	width: 100%;
	font-size:16px;
	font-weight:bold;
	color:#5BB6E2;
	border-radius:5px;
	display:inline-block;
	/* position: absolute; */
    left: 50%;
    bottom: 30px;
    /* transform: translateX(-50%); */
	margin-bottom: 0.83em
}
#txt{
	word-break:keep-all;
}
/* title */
#title h1{
color:#fff;
font-size:1.9rem;
text-shadow:rgb(183 227 255 / 60%) 2px 2px;
}
#title p{
	color:#ebf6ff;
	font-size: 0.9rem;
}
/* title2 */
#title2 {
	color:#fff;
	font-weight:bold;
	margin-bottom: 20px;
}
#title2 span{
	color:#fff!important;
	font-weight:bold;
}
/* guide */
#guide div{
	background:#fff;
	border-radius:10px;
	padding:10px;
	margin-bottom:10px;
}
#guide div h2{
	color:#5BB6E2;
	margin-bottom:10px;
}
#guide .fa-check{
	color:#5BB6E2;
}

/* comic_choice */


/* 비활성화 행 */

button{
	padding:20px 50px;
	border:none;
	font-size:16px;
	border-radius:var(--comicwbook-border-radious);
    }
[type="radio"],
span {
vertical-align: middle;
appearance: none;
}
label {
	font-size: 1.3rem;
	line-height: 2rem;
	width: 100%;
	display: inline-block;
}
.num::after{
    content: "";
    display: block;
    position: absolute;
    height: 30px;
    width: 30px;
    background: #99e3ff;
    z-index: -1;
    top: 50%;
    border-radius: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.num{
    /* display: inline-block; */
	display: flex;

    /* background: #99e3ff; */
    border: 50%;
    border-radius: 50%;
    height: 30px;
    width: 30px;
	align-items: center;
    justify-content: center;
    color: #fff;
    vertical-align: top;
    font-weight: bold;
    /* line-height: 28px; */

    z-index: 1;
    position: relative;
	margin-right:10px;
}
[type="radio"]{
	/* border: 0.4em solid gray;
	border-radius: 50%;
	width: 1.25em;
	height: 1.25em;
} */
}
[type="radio"]:focus-visible {
  /* outline: max(2px, 0.1em) dotted tomato;
  outline-offset: max(2px, 0.1em); */
}
[type="radio"]:disabled {
  /* background-color: lightgray;
  border: 0.5em solid gray;
  box-shadow: none;
  opacity: 0.7;
  cursor: not-allowed; */
}
[type="radio"]:checked {
	/* background-color: #c7e7ffc7; */
  /* border: 0.5em solid #c7e7ffc7; */
}