@charset "utf-8";
/* ******************************************************* * filename : style.css * producer : jason * date : 2022-01-14 ******************************************************** */
  *{margin:0;padding:0;border:0;outline:0;vertical-align:top}html,body{width:100%}body{font-family:'Noto Sans KR','맑은고딕',helvetica,sans-serif,verdana;background:rgba(0,0,0,.5);font-size:1em;color:#000;line-height:1;text-align:center;*word-break:break-all;-ms-word-break:break-all}img,video{width:100%;border:0;margin:0;padding:0;vertical-align:top}a{text-decoration:none;color:inherit}a:visited,a:link,a:link{color:none}table{border-collapse:collapse;border-spacing:0}input,select{vertical-align:middle;border:1px solid #dedede;background-color:#f3f3f3;font-size:1rem}label,button{cursor:pointer}.bline,legend,caption{display:block;overflow:hidden;position:absolute;top:0;left:-1000em}i,em,address{font-style:normal;font-weight:400}.container{width:100%;max-width:600px;margin:0 auto;background:#fff}.userCounter{box-sizing:border-box;width:100%;margin:0 auto;font-size:1em;line-height:1.3;background:#000;text-align:center;padding:7px 5px;letter-spacing:-.05em;position:relative;z-index:999}.datebg{display:inline-block;color:#f1f100;font-weight:700}.datebg2{display:inline-block;color:#fff;font-weight:400}.date2::after,.date4::after{content:':';padding-left:7px}#db{width:100%;margin:0 auto;position:relative;z-index:10;background:#fff}#db img{width:100%}#db table{width:90%;font-size:1.2em;display:block;margin:0 auto}#db table th{width:80px;}#db table th span{color:red}#db table .dbq,#db table .dbq_txt{width:100%;text-align:left}#db table .dbq{padding-top:15px;padding-bottom:15px}#db table .dbq input{display:none}#db table .dbq input + label{width:18%;display:inline-block;font-size:14px;text-align:center;height:30px;line-height:30px;border-radius:8px;transition:all .5s}#db table .dbq input:checked + label{background:#ff2828;box-shadow:3px 5px 15px rgba(255,40,40,.15);color:#fff}#db table td.tel{font-size:0}#db table th,#db table td{padding-top:3px;padding-bottom:3px;vertical-align:middle;}#db table td{text-align:left}#db table td.tel input,#db table td.tel select{font-size:16px;box-sizing:border-box}#db input[type="text"]{padding:0 5px;width:94%;height:38px;font-size:1.1em;box-sizing:border-box}#db .age{font-size:1em}#db .age input{padding:0 5px;width:50%;height:38px;font-size:15px;margin-left:0!important}#db input[type="tel"]{padding:0 5px;width:30%;margin-left:2%;height:38px;font-size:1.1em;box-sizing:border-box}#db input[type="image"]{width:70%}#db select{padding:0 5px;width:30%;height:38px;font-size:1.1em}#db table .pri{text-align:center;font-size:.5em}#db table .pri a{background:#F74b3a;padding:1px 7px;color:#fff;border-radius:10px}#db table .db_btn{text-align:center}#db table .db_btn input{width:80%;margin-top:10px}.pri{line-height:1.5;font-size:12px!important;font-family:'굴림','gulim',serif;text-align:right!important;color:rgba(0,0,0,.3);padding-right:15px!important}.pri label{margin-bottom:0}.pri input{height:13px;width:13px;vertical-align:middle}#db table .pri a{background:none;padding:0;color:#555;border-radius:0}footer{padding:20px .9375em 1em;background:#999;text-align:center;position:relative;z-index:3}footer .footerbt{border:none}footer p{display:none;font-size:.8rem;line-height:1.5;letter-spacing:-.03em;color:rgba(0,0,0,.55);padding:1rem 0 0}.fbtn{position:fixed;left:0;right:0;bottom:0;z-index:1;display:none}.fbtn img{width:100%;max-width:600px}.db_list{background:#fff;color:#333;padding:3% 5%;box-sizing:border-box;text-align:left}.db_list .list{font-size:14px;padding:3% 0;border-bottom:1px dashed #ccc}.list{display:none;line-height:1.5;letter-spacing:0}.list span{color:#ccc;padding-left:5px;padding-right:5px}.list.active{display:block}.list_btn{display:block;width:100%;padding:.7em 0;background:#ccc}.db_list .date{color:#999;font-size:13px}.formect{width:100%!important;} .formect th {width:25%!important; max-width:80px!important; text-align:center; font-size:.83em!important;}.formect td {width:25%!important; font-size: .9rem;}.formect td input {width:60%!important; margin-left:0px!important;}.gen input {display:none;} .gen input ~ label {display:inline-block; width:30%; padding:8px 0; text-align:center; font-size: 14px; background: #eee;}.gen input:checked + label {background:red; color:#fff;}.gen input:checked + label:last-child {background: blue;} @media screen and (max-width:430px) { #db table th {font-size:16px!important;} }