@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR&display=swap');

html,body,form,div,h1,h2,input{margin:0; padding:0;}
a,*:visited,*:link,*:focus,button{text-decoration:none; color:inherit; outline:none; border:0; transition:all 0.3s ease; -webkit-transition:all 0.9s ease;}
body {margin:0; background-color:#333; font-size:16px; font-family:'Noto Sans KR', HelveticaNeue-Light, AppleSDGothicNeo-Light, 'Malgun Gothic', '맑은 고딕', sans-serif;}
ul, ol, li {margin:0; padding:0; list-style:none; font-size:100%;}
table{border-collapse:separate; border-spacing:0;}
input{vertical-align:middle;}
img{vertical-align:middle;}
label{display:inline-block;}
label img{pointer-events:none;}
.blind{position:absolute; top:0; left:-1000px; width:0; height:0; font-size:0; line-height:0;}
.alignCenter{text-align:center;}
.alignLeft{text-align:left;}
.alignRight{text-align:right;}
.mt3{margin-top:3px !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mb3{margin-bottom:3px !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.pt3{padding-top:3px !important;}
.pt5{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt25{padding-top:25px !important;}
.pt30{padding-top:30px !important;}
.pb3{padding-bottom:3px !important;}
.pb5{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb25{padding-bottom:25px !important;}
.pb30{padding-bottom:30px !important;}
.clear{clear:both;}

/* Alert */
.alert{position:relative; box-sizing:border-box; width:100%; height:100vh; background-color:#fff; text-align:center; overflow:hidden;}
.alert .alert-container{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.alert .message{background-color:#1a1a1a; color:#fff; border-radius:15px; padding:80px 20px; margin-top:-50px; word-break:keep-all; box-shadow:3px 3px 7px rgba(0,0,0,.8);}
.alert h1 {
	font-family: 'Montserrat', sans-serif;
	font-size: 750%;
	font-weight: 900;
	margin: 0px;
	color: #000;
	text-transform: uppercase;
	letter-spacing: -6px;
	margin-left:12px;
}
.alert h1>span {text-shadow:-4px 1px 0px #fff;}
.alert .btn-group{padding-top:10px;}
.alert .btn-group .btn{background-color:#fff; border-radius:5px; padding:10px 20px;}
.alert .btn-group .btn_back{color:#fff; background-color:#333;}
.alert .btn-group .btn_confirm{color:#fff; background-color:#26a6f8;}

/* Block Message */
.block_msg{position:fixed; top:0; width:100%; color:#000; background-color:rgba(255,255,144,.6); text-align:center; z-index:900;}

/* Thanks Page */
.thanks{position:relative; box-sizing:border-box; width:100%; height:100vh; background-color:#F5F5F5; text-align:center; border-top:5px solid #0585C4; overflow:hidden;}
.thanks .thanks-container{position:absolute; top:50%; left:50%; width:100%; max-width:500px; transform:translate(-50%,-50%);}
.thanks .message{color:#000; font-size:200%; line-height:1.4;}
.thanks .btn-group{padding-top:30px;}
.thanks .btn-group .btn{font-size:140%; background-color:#fff; border-radius:5px; padding:20px 100px;}
.thanks .btn-group .btn_confirm{color:#fff; background-color:#0585C4;}
/* 

 * Event Page 
*/

/* Comments */
.comments{box-sizing:border-box; width:100px;height:680px; background-color:#fff; border:15px solid #000; padding:5px;}
.comments .box{box-sizing:border-box; height:1000px; overflow:hidden;}
.comments .box .cnt{display:block; font-size:100%; font-weight:bold; border-bottom:1px solid #c0c0c0; padding:5px 0 5px 5px;}
.comments .box .list{width:95%; margin:0px auto;}
.comments .box .list li{padding:4px 0; border-bottom:1px solid #eee;}
.comments .box .list li:after{display:block; content:""; clear:both;}
.comments .box .list li span{box-sizing:border-box; display:inline-block; font-size:106%; line-height:1.2; text-align:center; vertical-align:middle;}
.comments .box .list li span:nth-of-type(1){width:18%;}
.comments .box .list li span:nth-of-type(2){width:14%;}
.comments .box .list li span:nth-of-type(3){width:28%;}
.comments .box .list li span:nth-of-type(4){width:22%;}
.comments .box .list li span:nth-of-type(5){width:18%;}
.comments .box .list li span b{display:inline-block; min-width:50%; border:1px solid #000; color:#fff; font-weight:normal; padding:5px 10px; font-size:70%;}
.comments .box .list li span b.ing{background-color:#fff; color:#000;}
.comments .box .list li span b.done{background-color:#3b3939;}

/* replys */
.replys{box-sizing:border-box; width:100%; background-color:#fff; border:15px solid #000;}
.replys .input-area{width:100%; background-color:#d0d0d0;}
.replys .input-area table{width:95%; margin:0 auto; padding:10px 0 10px;}
.replys .input-area table tr td:nth-of-type(1){width:80%;}
.replys .input-area table tr td:nth-of-type(2){width:20%;}
.replys .input-area table tr td input.reply_input{width:100%; height:55px; box-shadow:1px 0 1px 1px #a3a3a3 inset; border:none; font-size:110%; background-color:#fff; padding-left:10px;}
.replys .input-area table tr td input[type="image"]{width:100%;}
.replys .box{box-sizing:border-box; height:150px; overflow:hidden; text-align:center; padding-top:2%;}
.replys .box .cnt{display:block; font-size:100%; font-weight:bold; border-bottom:1px solid #c0c0c0; padding:5px 0 5px 5px;}
.replys .box .list{width:95%; margin:0px auto;}
.replys .box .list li{padding:4px 0; border-bottom:1px solid #eee;}
.replys .box .list li:after{display:block; content:""; clear:both;}
.replys .box .list li span{box-sizing:border-box; display:inline-block; font-size:106%; line-height:1.2; text-align:center; vertical-align:middle;}
.replys .box .list li span:nth-of-type(1){width:28%; font-weight: bolder; letter-spacing:-1px;}
.replys .box .list li span:nth-of-type(2){width:68%; text-align:left;}

/* Ajax Comments */
.subscribe{background-color:#fff; padding:3% 5%;}
.subscribe .content{padding:4% 0; border-bottom:1px dashed #ccc;}
.subscribe .content:last-child{border:0 none;}
.subscribe .content div{padding:1% 0;}
.subscribe .btn_moreSubscribe{display:block; width:100%; text-align:center; padding:5px 0;}

/* Checkbox */
@-moz-keyframes borderscale {50% {box-shadow: 0 0 0 2px #999;}}
@-webkit-keyframes borderscale {50% {box-shadow: 0 0 0 2px #999;}}
@keyframes borderscale {50% {box-shadow: 0 0 0 2px #999;}}
.form input {-webkit-appearance:none; -webkit-border-radius:0;}
.form input[type="checkbox"],
.form input[type="radio"] {border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px;}
.form input[type="checkbox"]:hover + span:before,
.form input[type="checkbox"]:focus + span:before,
.form input[type="radio"]:hover + span:before,
.form input[type="radio"]:focus + span:before {border-color:#999;}
.form input[type="checkbox"]:active + span:before,
.form input[type="radio"]:active + span:before {transition-duration:0; filter:brightness(0.2);}
.form input[type="checkbox"] + span,
.form input[type="radio"] + span {position:relative; padding:0 4px 0 22px; font-weight:normal; margin:3px 0;}
.form input[type="checkbox"] + span:before, 
.form input[type="checkbox"] + span:after,
.form input[type="radio"] + span:before, 
.form input[type="radio"] + span:after {box-sizing:content-box; position:absolute; content:''; display:block; left:0;}
.form input[type="checkbox"] + span:before,
.form input[type="radio"] + span:before {top:50%; width:14px; height:14px; border:2px solid #d9d9d9; text-align:center; transform:translateY(-50%);}
.form input[type="checkbox"] + span:after,
.form input[type="radio"] + span:after {background-color:#000; /*#00bad2;*/ top:50%; left:6px; width:8px; height:8px; line-height:1.4px; margin-top:-4px; transform:scale(0); transform-origin:50%; transition:transform 200ms ease-out;}
.form input[type="radio"]:checked + span:after {transform:scale(1);}
.form input[type="radio"] + span:before {border-radius:50%;}
.form input[type="checkbox"] + span:after,
.form input[type="radio"] + span:after {background-color:transparent; top:50%; left:0; width:20px; height:10px; margin-top:-5px; border-style:solid; border-color:#000; border-width:0 0 3px 3px; -moz-transform:rotate(-45deg) scale(0); -ms-transform:rotate(-45deg) scale(0); -webkit-transform:rotate(-45deg) scale(0); transform:rotate(-45deg) scale(0); -moz-transition:none; -o-transition:none; -webkit-transition:none; transition:none;} input[type="checkbox"]:checked + span:before,
.form input[type="radio"]:checked + span:before {-moz-animation:borderscale 200ms ease-in; -webkit-animation:borderscale 200ms ease-in; animation:borderscale 200ms ease-in;}
.form input[type="checkbox"]:checked + span:after,
.form input[type="radio"]:checked + span:after {content:''; -moz-transform:rotate(-45deg) scale(1) translate(29%, -43%); -ms-transform:rotate(-45deg) scale(1) translate(29%, -43%); -webkit-transform:rotate(-45deg) scale(1) translate(29%, -43%); transform:rotate(-45deg) scale(1) translate(29%, -43%); -moz-transition:-moz-transform 200ms ease-out; -o-transition:-o-transform 200ms ease-out; -webkit-transition:-webkit-transform 200ms ease-out; transition:transform 200ms ease-out;}

#wrap{position:relative; width:818px; font-size:100%; margin:0 auto;}
#wrap .formContents{position:relative;}

.container{width:100%;}
.img-area{position:relative; display:block;}
.img-area img{display:inline-block; width:100%; margin:0 0 0 0; text-align:center; vertical-align:top;}
.container video{display:block; width:100%;}

.youtube {
	width: 100%; max-width: 800px;height: 450px;border:none;
}

@media screen and (max-width: 720px) {
	
	.youtube {
	width: 100%; height:400px;border:none;
}
}
@media screen and (max-width: 600px) {
	
	.youtube {
	width: 100%; height:340px;border:none;
}
}


@media screen and (max-width: 500px) {
	
	.youtube {
	width: 100%; height:300px;border:none;
}
}
@media screen and (max-width: 430px) {
	
	.youtube {
	width: 100%; height:240px;border:none;
}
}
@media screen and (max-width: 414px) {
    #form_table th {
	width: 26%;
	max-width: 80px;
	text-align: center;
	padding-left: 20px;
	font-size: 18px;
	vertical-align: middle;
	font-weight: bold;
}

	
	.youtube {
	width: 100%; height:240px;border:none;
}
}
@media screen and (max-width: 390px) {
	
	.youtube {
	width: 100%; height:220px;border:none;
}
}
@media screen and (max-width: 360px) {
	
	.youtube {
	width: 100%; height:200px;border:none;
}
}
@media screen and (max-width: 320px) {
	
	.youtube {
	width: 100%; height:180px;border:none;
}
}

@keyframes btn-color {
  0% {background:#25a3ff; border:3px solid #25a3ff;}
  50% {background:#000; border:3px solid #25a3ff; color:#fff;}
  100% {background:#25a3ff; border:3px solid #25a3ff;}
}

/* 폼양식 */
.form{background-color:#1453ff;position:fixed; bottom:0%; z-index:999; max-width:818px;width:100%; margin:0 auto;}
.form .table_box{width:80%; padding:0px 0; margin:0 auto;}
.form .table_box table{border-collapse:collapse; table-layout:fixed; width:100%; margin:0px auto;}
.form .table_box table th,
.form .table_box table td{position:relative; height:26px; background-color:#fff; padding:7px 3px;}
.form .table_box table th{width:120px; text-align:right;}
.form .table_box table th img{height:100%;}
.form .table_box table td{text-align:left;}
.form .table_box table tr.auth{display:none;}
.form .table_box table tr.auth .auth_time{position:absolute; bottom:10px; right:23%; font-size:70%; color:#00f;}
.form .inp{box-sizing:border-box; width:100%; height:100%; font-size:16px; border:0 none; background-color:transparent; resize:none;}
.form .inp.short{width:50%;}
.form .inp.add_btn{width:80%;}
.form .btn{width:19%; height:100%; font-size:90%; font-weight:bold; background-color:transparent; border:1px solid #a3a3a3; vertical-align:middle; margin-left:1%; padding:0; cursor:pointer;}
.form .agBox{display:block; width:90%; font-size:70%; text-align:center; margin:0 auto 7px;}
.form .agBox a{font-weight:bold;}
.form .agBox.gooddoc{text-align:left; width:70%;}
.form .agBox.gooddoc label{padding-bottom:8px;}
	/* tableBorder : 테이블 테두리 */
.form .table_box.tableBorder table{border-collapse:separate; border:1px solid #a3a3a3; padding:10px;}
	/* tableRadius : 테이블 테두리 곡면 */
.form .table_box.tableRadius table{border-collapse:separate; border-radius:15px;}
	/* rowUnderline : 각행 밑줄 */
.form .table_box.rowUnderline table th,
.form .table_box.rowUnderline table td{border:1px solid #a3a3a3; border-width:0 0 1px 0;}
	/* rowBorder : 각행 테두리 */
.form .table_box.rowBorder table{border-collapse:separate; border-spacing:0 10px;}
.form .table_box.rowBorder table th,
.form .table_box.rowBorder table td{border:1px solid #a3a3a3; padding:7px 10px;}
.form .table_box.rowBorder tr td:nth-of-type(1){border-width:1px 0 1px 0;}
.form .table_box.rowBorder table th{border-width:1px 0 1px 1px;}
.form .table_box.rowBorder table td{border-width:1px 1px 1px 0;}
.form .table_box.rowBorder tr td:last-child{border-width:1px 1px 1px 0 !important;}
	/* rowRadius : 각행 테두리 곡면 */
.form .table_box.rowRadius tr th:first-child{border-radius:15px 0 0 15px;}
.form .table_box.rowRadius tr td:last-child{border-radius:0 15px 15px 0;}
.form .table_box.rowBorder.rowRadius tr:last-child th:first-child{border-radius:15px 0 0 15px;}
.form .table_box.rowBorder.rowRadius tr:last-child td:last-child{border-radius:0 15px 15px 0;}
	/* rowMerge : 테이블 간격 붙이기 */
.form .table_box.rowMerge table{border-spacing:0 !important;}
.form .table_box.rowMerge table tr:first-child th{border-bottom-left-radius:0; border-bottom-right-radius:0;}
.form .table_box.rowMerge table tr:first-child td{border-bottom-right-radius:0;}
.form .table_box.rowMerge table tr:nth-of-type(n+2) th,
.form .table_box.rowMerge table tr:nth-of-type(n+2) td{border-top-width:0 !important; border-radius:0;}
.form .table_box.rowMerge table tr:last-child th{border-top-left-radius:0; border-top-right-radius:0;}
.form .table_box.rowMerge table tr:last-child td{border-top-right-radius:0;}
.form .table_box.rowMerge.rowRadius tr:last-child th:first-child{border-radius:0 0 0 15px !important;}
.form .table_box.rowMerge.rowRadius tr:last-child td:last-child{border-radius:0 0 15px 0 !important;}
	/* inpBorder : 입력박스 테두리 */
.form .table_box.inpBorder table td .inp{border:1px solid #a3a3a3; padding:0 10px;}
	/* inpUnderline :입력박스 밑줄 */
.form .table_box.inpUnderline table td .inp{border:1px solid #a3a3a3; border-width:0 0 1px;}
	/* inpRadius : 입력박스 테두리 곡면 */
.form .table_box.inpRadius table td .inp{border-radius:15px;}
	/* noHaveLabel : 입력박스 단독 */
.form .table_box.noHaveLabel table td:first-child{border-width:1px !important; text-align:center;}
.form .table_box.noHaveLabel table td input{text-align:center; line-height:1.4;}
.form .table_box.noHaveLabel table td textarea{text-align:center; line-height:1.4;}
.form .table_box.noHaveLabel.rowRadius tr td:first-child{border-top-left-radius:15px !important; border-bottom-left-radius:15px !important;}
.form .table_box.rowMerge.rowRadius.noHaveLabel table tr:first-child td:first-child{border-top-left-radius:15px; border-bottom-left-radius:0 !important;}
.form .table_box.rowMerge.rowRadius.noHaveLabel table tr:last-child td:first-child{border-bottom-left-radius:15px !important;}
.form .table_box.rowMerge.rowRadius.noHaveLabel table tr:last-child td:last-child{border-bottom-right-radius:15px !important;}
.form .table_box.rowMerge.rowRadius.noHaveLabel table tr:nth-of-type(n+2) td{border-radius:0 !important;}
.form .table_box.rowMerge.rowRadius.noHaveLabel .inp::placeholder {font-size:120%;}
	/* cellSplit : noHaveLabel 상태에서 셀 간격 띄움 */
.form .table_box.cellSplit table{border-spacing: 20px 10px;}
.form .table_box.cellSplit table td{border-radius: 15px !important;}

/* 개인정보 처리방침 */
.form .agreement{display:none; box-sizing:border-box; width:95%; border:1px solid #a3a3a3; border-radius:3px; padding:5px; margin:15px auto; background-color:#fff;}
.form .agreement{display:none; box-sizing:border-box; width:95%; background-color:#fff; border:1px solid #a3a3a3; border-radius:3px; padding:5px; margin:15px auto;}
/* popup : 개인정보 팝업 */
.form .agreement.popup{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.form .agreement .button{float:right; font-size:75%; border:1px solid #000; border-radius:0px; background-color:#efefef; padding:4px 8px; margin:3px;}
.form .agreement h3{font-size:80%; margin:0; padding:0 0 1%;}
.form .agreement ol li{line-height:1.2; font-size:75%;}
.form .agreement ol li.desc{line-height:2;}
.form .mkt_agreement{display:none; box-sizing:border-box; width:95%; border:1px solid #a3a3a3; border-radius:3px; padding:5px; margin:15px auto; background-color:#fff;}
.form .mkt_agreement ol li{line-height:1.2; font-size:75%;}
.form .submit{text-align:center; padding:7px 0;}
.form .submit input[type="image"]{}
/* 부가설명 */
.form .description{width:98%; text-align:center; margin:2% auto 0; padding:0;}
.form .description p{font-weight:bold; font-size:108%; margin:0 auto; padding:0.5% 0;}
.form .description span{font-size:78%; margin:0 auto; padding:0.5% 0;}
.form .description .ad_txt{font-size:78%; margin:0 auto; padding:0.5% 0;}


/* 굿닥 땡큐페이지 */
.gooddoc-thanks{}
.gooddoc-thanks img{width:100%;}
.gooddoc-thanks .gdt-bg{background:url("//static.hotblood.co.kr/event/gooddoc/thanks/bg_01.jpg"); background-size:100%; width:100%;}
.gooddoc-thanks .gdt-bg table{width:90%; margin:0 auto;}
.gooddoc-thanks .gdt-bg table td img{width:95%;}

    .mo{display: none}
    .pc{display: block}

@media screen and (max-width: 818px){
	#wrap{width:100%;}
	.form .agBox{font-size:90%; letter-spacing:-1px;padding-top: 6px;}
	.container{width:100%;}
}

@media screen and (max-width: 768px){

}

@media screen and (max-width: 640px){
	body{font-size:14px;}
	.form input[type="checkbox"] + span:before,
	.form input[type="radio"] + span:before {width:10px; height:10px;}
	.form input[type="checkbox"] + span,
	.form input[type="radio"] + span{padding-left:17px;}
	.form input[type="checkbox"] + span:after,
	.form input[type="radio"] + span:after{width:15px; height:7px;}

	.form .submit input[type="image"]{width:90%;}
	.form .table_box{width:90%;}
	.form .table_box table th,
	.form .table_box table td{height:22px;}
	.form .table_box table th{width:80px;}
	
.form .table_box.rowBorder table{border-collapse:separate; border-spacing:0 2px;}
	.form .description p{font-weight:normal; padding:1% 0;}
	.form .description span{font-size:90%; padding:1% 0;}
	.form .description .ad_txt{font-size:90%; padding:1% 0;}

	.comments .box{font-size:87%; letter-spacing:-1px;}
	.replys .box{font-size:87%; height:100px;}
	.replys .input-area table tr td input.reply_input{height:33px;}
}

@media screen and (max-width: 540px){
	.form .agBox.gooddoc{width:90%;}
}

@media screen and (max-width: 415px){
	.replys .input-area table tr td input.reply_input{height:29px;}

	.form .description p{font-size:98%;}
	.form .agBox{font-size:88%;}
}

@media screen and (max-width: 375px){
	body{font-size:12px;}

	.replys .input-area table tr td input.reply_input{height:24px;}
}

@media screen and (max-width: 320px){
	body{font-size:10px;}
}

aside img {
	width: 100%;
}

#form_table {
	border: 6px;
	width: 100%;
	border-top: 10px;
	box-sizing: border-box;

}

th,
td {
	padding: 10px 10px 10px 10px;
}

#form_table th {
	width: 26%;
	max-width: 80px;
	text-align: center;
	padding-left: 40px;
	font-size: 30px;
	vertical-align: middle;
	font-weight: bold;
}

th span {
	color: #e83939;
}

tr td {
	width: 100%;
	text-align: left;
	padding: 10px 10px;
    font-size: 17px;
}

td input[type=text],
td input[type=tel],
select {
	border: 1px solid #ccc;
	height: 50px;
	line-height: 35px;
	padding-left: 10px;
	width: 80%;
	text-align: left;
    background:#eee;
}

td input[type=text2],
td input[type=tel2],
select {
	border: 1px solid #ccc;
	height: 50px;
	line-height: 35px;
	padding-left: 10px;
	width: 24%;
	text-align: center;
}

td input[type=radio] {
	text-align: left;
}

td input.hp {
	width: 26%;
}

.agree {
	font-size: 11px;
}

.dbimg {
	width: 100%;
	padding: 0;
}

.dbimg input {
	width: 100%;
}

.dbbtn {
	width: 100%;
	text-align: center;
	padding: 10px;
	padding-top: 12px;
	padding-bottom: 50px
}

.dbbtn input {
	width: 100%;
}


.Form_Q {
	width: 82%;
	float: left;
	margin: auto;
	line-height: 1.0;
	margin-left: 0%;
	margin-right: 0%;
	margin-bottom: 0%;
    background:#eee;
/*	border-bottom: 0px dashed #eee;*/
}

.Form_Q th {
	font-size: 1.2em;
	text-align: left;
	padding: 2% 0;
	font-weight: 600;
}

.Form_Q select {
	border: 1px solid #ddd;
	font-size: 1.1em;
	height: 40px;
	width: 30%;
	padding-left: 10px;
}


.formQqestion {
	width: 90%;
	font-size: 15px;
	margin: auto;
	padding: 20px;
	background-color: #fff;
	margin-bottom: 20px;
}

.formQqestion th {
	text-align: left;
	font-size: 22px;
	vertical-align: middle;
	padding-left: 10px;
	background: #e0edf4;
	border-radius: 10px;
	margin-bottom: 30px;
	font-weight: 600;
}

.formQqestion tr {

	padding-top: 10px;
	padding-bottom: 20px;
}
.hr{width:1px; height: 100%; color:#bdbdbd;}

#wrap{position:relative; width:100%; max-width: 800px; font-size:100%; margin:0 auto;}
#wrap .formContents{position:relative;}
.container{width:100%; margin: auto;background-color: #fff}
.img-area{position:relative; display:block;}
.img-area img{display:inline-block; width:100%; margin:0 0 0 0; text-align:center; vertical-align:top;}
.container video{display:block; width:100%;}
#footer {display:block;position:relative;margin:0 auto;max-width:980px;background-color:#252525;clear:both; width:100%;min-width:350px;margin:0 auto; z-index:999;margin-top: 11px;}
#footer p {padding:3% 0;margin:0 auto;text-align:center;font-size:0.8em;line-height:150%;color:#888;}
#footer img {padding:2%;}
.aside table tr td input[type=tel],aside table tr td select {
}
/* Ajax Comments */
.subscribe{background-color:#fff; padding:3% 5%;}
.subscribe .content{padding:4% 0; border-bottom:1px dashed #ccc;}
.subscribe .content:last-child{border:0 none;}
.subscribe .content div{padding:1% 0;}
.subscribe .btn_moreSubscribe{display:block; width:100%; text-align:center; padding:5px 0;}




/* Ajax Comments */
.subscribe{background-color:#fff; padding:3% 5%;}
.subscribe .content{padding:4% 0; border-bottom:1px dashed #ccc;}
.subscribe .content:last-child{border:0 none;}
.subscribe .content div{padding:1% 0;}


/* Comments */
.comments{box-sizing:border-box; width:100%; background-color:#fff; border:15px solid #000; padding:5px;}
.comments .box{box-sizing:border-box; height:850px; overflow:hidden;}
.comments .box .cnt{display:block; font-size:100%; font-weight:bold; border-bottom:1px solid #c0c0c0; padding:5px 0 5px 5px;}
.comments .box .list{width:98%; margin:0px auto;}
.comments .box .list li{padding:4px 0; border-bottom:1px dashed #eee;}
.comments .box .list li:after{display:block; content:""; clear:both;}
.comments .box .list li span{box-sizing:border-box; display:inline-block; font-size:106%; line-height:1.2; text-align:center; vertical-align:middle;}
.comments .box .list li span:nth-of-type(1){width:24%;padding-top:15px;}
.comments .box .list li span:nth-of-type(2){width:19%;padding-top:15px;}
.comments .box .list li span:nth-of-type(3){width:16%;padding-top:15px; padding-bottom: 15px;}
.comments .box .list li span:nth-of-type(4){width:22%;}
.comments .box .list li span:nth-of-type(5){width:18%;}
.comments .box .list li span b{display:inline-block; min-width:50%; border:1px solid #000; color:#fff; font-weight:normal; padding:5px 10px; font-size:70%;}
.comments .box .list li span b.ing{background-color:#fff; color:#000;}
.comments .box .list li span b.done{background-color:#3b3939;}
.comments .btn_moreSubscribe{display:block; width:100%; text-align:center; padding:5px 0; vertical-align:middle;}
/* replys */
.replys{box-sizing:border-box; width:100%; background-color:#fff; border:15px solid #000;}
.replys .input-area{width:100%; background-color:#d0d0d0;}
.replys .input-area table{width:95%; margin:0 auto; padding:10px 0 10px;}
.replys .input-area table tr td:nth-of-type(1){width:80%;}
.replys .input-area table tr td:nth-of-type(2){width:20%;}
.replys .input-area table tr td input.reply_input{width:100%; height:55px; box-shadow:1px 0 1px 1px #a3a3a3 inset; border:none; font-size:110%; background-color:#fff; padding-left:10px;}
.replys .input-area table tr td input[type="image"]{width:100%;}
.replys .box{box-sizing:border-box; height:150px; overflow:hidden; text-align:center; padding-top:2%;}
.replys .box .cnt{display:block; font-size:100%; font-weight:bold; border-bottom:1px solid #c0c0c0; padding:5px 0 5px 5px;}
.replys .box .list{width:95%; margin:0px auto;}
.replys .box .list li{padding:4px 0; border-bottom:1px solid #eee;}
.replys .box .list li:after{display:block; content:""; clear:both;}
.replys .box .list li span{box-sizing:border-box; display:inline-block; font-size:106%; line-height:1.2; text-align:center; vertical-align:middle;}
.replys .box .list li span:nth-of-type(1){width:28%; font-weight: bolder; letter-spacing:-1px;}
.replys .box .list li span:nth-of-type(2){width:68%; text-align:left;}

@media screen and (max-width: 680px){
    .comments{box-sizing:border-box; width:100%;height:570px; background-color:#fff; border:15px solid #000; padding:5px;}
    
.comments .box{box-sizing:border-box; height:560px; overflow:hidden;}
.comments .box .cnt{display:block; font-size:100%; font-weight:bold; border-bottom:1px solid #c0c0c0; padding:5px 0 5px 5px;}
.comments .box .list{width:98%; margin:0px auto;}
.comments .box .list li{padding:4px 0; border-bottom:1px dashed #eee;}
.comments .box .list li:after{display:block; content:""; clear:both;}
.comments .box .list li span{box-sizing:border-box; display:inline-block; font-size:106%; line-height:1.2; text-align:center; vertical-align:middle;}
.comments .box .list li span:nth-of-type(1){width:44%;padding-top:15px;}
.comments .box .list li span:nth-of-type(2){width:39%;padding-top:15px;}
.comments .box .list li span:nth-of-type(3){width:33%;padding-top:15px; padding-bottom: 15px;}
.comments .box .list li span:nth-of-type(4){width:22%;}
.comments .box .list li span:nth-of-type(5){width:18%;}
.comments .box .list li span b{display:inline-block; min-width:50%; border:1px solid #000; color:#fff; font-weight:normal; padding:5px 10px; font-size:70%;}
.comments .box .list li span b.ing{background-color:#fff; color:#000;}
.comments .box .list li span b.done{background-color:#3b3939;}
.comments .btn_moreSubscribe{display:block; width:100%; text-align:center; padding:5px 0; vertical-align:middle;}
/* replys */
.replys{box-sizing:border-box; width:100%; background-color:#fff; border:15px solid #000;}
.replys .input-area{width:100%; background-color:#d0d0d0;}
.replys .input-area table{width:95%; margin:0 auto; padding:10px 0 10px;}
.replys .input-area table tr td:nth-of-type(1){width:80%;}
.replys .input-area table tr td:nth-of-type(2){width:20%;}
.replys .input-area table tr td input.reply_input{width:100%; height:55px; box-shadow:1px 0 1px 1px #a3a3a3 inset; border:none; font-size:110%; background-color:#fff; padding-left:10px;}
.replys .input-area table tr td input[type="image"]{width:100%;}
.replys .box{box-sizing:border-box; height:150px; overflow:hidden; text-align:center; padding-top:2%;}
.replys .box .cnt{display:block; font-size:100%; font-weight:bold; border-bottom:1px solid #c0c0c0; padding:5px 0 5px 5px;}
.replys .box .list{width:95%; margin:0px auto;}
.replys .box .list li{padding:4px 0; border-bottom:1px solid #eee;}
.replys .box .list li:after{display:block; content:""; clear:both;}
.replys .box .list li span{box-sizing:border-box; display:inline-block; font-size:106%; line-height:1.2; text-align:center; vertical-align:middle;}
.replys .box .list li span:nth-of-type(1){width:28%; font-weight: bolder; letter-spacing:-1px;}
.replys .box .list li span:nth-of-type(2){width:68%; text-align:left;}
    #footer p {padding:5%}
#footer img {width:50%;padding:2%;}
}

@media screen and (max-width: 640px) {

	.formQqestion {
		width: 100%;
		font-size: 15px;
		margin: auto;
		padding: 15px;
		background-color: #fff;
	}

	.formQqestion th {
		text-align: left;
		font-size: 20px;
		vertical-align: middle;
		padding-left: 10px;
		font-weight: 600;
	}

	.formQqestion tr td {
		font-size: 14px;
		padding: 10px 0 15px 0;
	}


	aside img {
		width: 100%;
	}

	th,
	td {
		padding: 5px 10px;
	}
    
.Form_Q {
    width: 95%;
    }    

	#form_table th {
		width: 27%;
		max-width: 80px;
		text-align: center;
		padding-left: 20px;
		font-size: 20px;
		vertical-align: middle;
		font-weight: bold;
	}

	th span {
		color: #e83939;
	}

	tr td {
		width: 100%;
		text-align: left;
	}

	td.dbq {
		font-size: 0.8em;
	}

	td.dbq label {
		display: inline-block;
	}

	td input[type=text],
	td input[type=tel],
	select {
		border: 1px solid #ccc;
		border-radius: 5px;
		height: 35px;
		line-height: 35px;
		padding-left: 10px;
		width: 90%;
		text-align: left;
	}

	td input[type=text2],
	td input[type=tel2],
	select {
		border: 1px solid #ccc;
		border-radius: 5px;
		height: 35px;
		line-height: 35px;
		padding-left: 10px;
		width: 30%;
		text-align: center;
	}

	td input[type=radio] {
		text-align: left;
	}

	td input.hp {
		width: 26%;
	}

	.agree {
		font-size: 11px;
	}

	.dbimg {
		width: 100%;
		padding: 0;
	}

	.dbimg input {
		width: 100%;
	}

	.dbbtn {
		width: 100%;
		text-align: center;
		padding: 10px;
		padding-top: 12px;
	}

	.dbbtn input {
		width: 100%;
	}

	#form_table {
		border: 6px;
		width: 100%;
		border-top: 10px;
		box-sizing: border-box;
	}

	.form-title {
		font-size: 28px;
	}
	
}


@media screen and (max-width: 540px){
	.formQqestion input ~ label {font-size: 15px;  border: 2px solid #0052ae;}
    
}

@media screen and (max-width: 400px){
	.formQqestion input ~ label {font-size: 14px; padding:10px 0;}
    }
    
@media screen and (max-width: 280px){#footer {display:block;position:relative;margin:0 auto;max-width:280px;background-color:#252525;clear:both; width:100%;min-width:280px;margin:0 auto; z-index:999;margin-top: 11px;}
#footer p {padding:5% ;margin:0 auto;text-align:center;font-size:0.8em;line-height:150%;color:#888;}
.formQqestion input ~ label {font-size: 0.1em; padding:10px 0;}
.formQqestion {width:90%; font-size: 10px;margin: auto; padding:5px; margin-bottom:10px;margin-top: 10px; }
}