.dir-nav { display:inline-block; padding:0 0 10px 0; color: #333; font-size:30px; letter-spacing:-1px; width:100%}
.dir-nav .a1 { font-weight:bold; color:#000}
.state label {vertical-align: top;}
.progressbar-text { font-size:16px}
.question-box { position:relative; width:100%; border-radius: 0.4em;}

.btn-submit2 {background-color:#09a07e;color:#fff;font-weight:400;border-radius:.3em;line-height:1em;padding:.5em 1em;font-size:16px}
.question { display:none;}
.question.on { display:block;}
.question .navi {text-align: right;}
.question h3 {color:#242614; font-size:25px; line-height:2em; margin-bottom:10px;}
.question.option h3:after { content: "(선택)";display: inline-block; font-size:12px; color: #aaa; margin-left:5px; }
.question ul li {padding:0.8em 1.5em; line-height:1.8em; border-bottom: 1px solid #ddd; font-size:16px}
.question ul li:last-child{border:0;}
.question ul { margin-bottom:10px; border:1px solid #ddd; border-radius: 0.2em;}

.question .text-box {padding: 0.5em 0em 0.5em 0em; font-size:16px; word-break:keep-all}
.question .text-box input[type=text] {width:100%; line-height:1em; padding:0.5em; border:1px solid #ddd;}
.question .text-box textarea {width:100%; line-height:1.2em; height:4.2em; padding:0.5em; border:1px solid #ddd;}

.question .datetime-box {padding: 0.5em 0em 0.5em 0em; word-break:keep-all}
.question .datetime-box input[type=text] {width:100%; line-height:1em; padding:0.5em; border:1px solid #ddd;}
.question .datetime-box textarea {width:100%; line-height:1.2em; height:4.2em; padding:0.5em; border:1px solid #ddd;}

.question .error-box {text-align:right; color:tomato; font-size:12px;}


.question .photo-box {position: relative;  height:150px; overflow:hidden; margin-bottom:10px;}
.question .photo-box input[type=file] {display:block; width:100%; height:100%; opacity: 0;position: absolute; z-index:2;top:0;left:0;}
.question .photo-box label {display:block; width:100%; height:100%; line-height:150px; text-align:center; border:1px dotted tomato; border-radius: 6px; color:#ddd; overflow:hidden;position:relative}
.question .photo-box label img {position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); width:100%; width:200px;}
.question .navi .btn-next,.question .navi .btn-prev {background-color:#06F; color:#fff; font-weight:400; border-radius: 0.3em; line-height:1em; padding:0.5em 1em; font-size:16px}
.question .navi .btn-next:disabled
{
	background-color:gray;
}


.calendar .cal-nav {width:100%; position:relative;}
.calendar .cal-nav h4 {text-align:center; height: 30px;}
.calendar .cal-nav button {position:absolute; border:0; background-color:transparent;width:30px; height:30px;color:blue;}
.calendar .cal-nav button.btn-prev {top:0;left:0;}
.calendar .cal-nav button.btn-next {top:0;right:0;}
.calendar { width:100%; }
.calendar table {width: 100%; border-collapse: collapse;}
.calendar td { width: 14.2857%; text-align:center; border:1px solid transparent; padding:0.5em 0;}
.calendar thead td { font-size: 12px;}
.calendar tbody td { font-size: 14px;}
.calendar tbody td.cm2 { opacity: 0.5}
.calendar tbody td.cm1 { cursor:pointer;}
.calendar tbody td.cm0 {text-indent: -9999px;}
.calendar tbody td span {display:inline-block; width:30px; height:30px; line-height:30px; border-radius: 50%;}
.calendar tbody td.on span {background-color:lightgreen; color:#fff;font-weight: bold;}
.calendar tbody td:nth-child(7n+1) {color:tomato;}
.calendar tbody td:nth-child(7n) {color:blue;}
.calendar-box {display:none;}

.question.address .address-box {}
.question.address .address-box select {width:100%; line-height:2em; padding:0.8em 0.5em; margin-bottom:5px; font-size:16px}
.question.select .select-box select {width:100%; line-height:1em; padding:0.5em; border-bottm:1px solid #798C35; border-radius: 0.2em; margin-bottom:5px;}

/*
.question.text .text-box input {width:100%; line-height:1em; padding:0.5em; border:0;  border-bottom:1px solid #ddd; margin-bottom:5px;}
*/
.question.text .text-box input {width:100%; line-height:1em; padding:0.5em; border:0;  border:1px solid #ddd; margin-bottom:5px;}
.question.text .datetime-box input {width:100%; line-height:1em; padding:0.5em; border:0;  border-bottom:1px solid #ddd; margin-bottom:5px;}

.submit-box {display:none;}
.submit-box .navi {text-align:right;}
.submit-box .navi .btn-submit,.submit-box .navi .btn-prev {background-color:#06F; color:#fff; font-weight:400; border-radius: 0.3em; line-height:1em; padding:0.5em 1em; font-size:16px}
.submit-box .navi .btn-submit{ background-color: steelblue;}
.submit-box .navi .btn-submit[disabled]{ background-color: steelblue; opacity: 0.5;}

.submit-box .navi2 {text-align:center;}
.submit-box .navi2 .btn-submit,.submit-box .navi .btn-prev {background-color:#06F; color:#fff; font-weight:400; border-radius: 0.3em; line-height:1em; padding:0.5em 1em; font-size:16px}
.submit-box .navi2 .btn-submit{ background-color: steelblue;}
.submit-box .navi2 .btn-submit[disabled]{ background-color: steelblue; opacity: 0.5;}

@media screen and (max-width:640px) {
.question { margin-top:50px; padding:0 20px}
.question .navi .btn-next { width:100%; border-radius:0; display:inline-block; height:45px; position: fixed; left: 0; bottom: 0;}	
.question .navi .btn-prev { width:100%; border-radius:0; display:inline-block; height:45px; position: fixed;left: 0;top: 0; display:none}
.dir-nav { font-size:1.3em; text-align:center; height:60px; line-height:60px; margin-top: 40px; }
.question h3 { font-size:19px; letter-spacing:-0.5px}
.question ul { border:0}
.question ul li { border-bottom: 0; padding: 0.8em 0em;}
.btn-prev { display:none}	
.progressbar { margin-top:-6px; height:20px}


}