]/*TMR 추가*/
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
*{
 font-family:"Malgun Gothic" ;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  word-break:keep-all !important;
  color:#000;

}

button .btn-sm, .btn-lg{
 font-family:"Malgun Gothic";
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

th, td, label{
 font-family:"Malgun Gothic";
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

.total_line{background-color:#f1f1f1;}
.Qtitle{font-weight:bold;}
.text-purple{color: #8892d6!important;}


.table-colored .table-gray thead th {
	 background-color:#eee;
	 color:#000;
}


.tablesaw-stack td .tablesaw-cell-label,
  .tablesaw-stack th .tablesaw-cell-label {
    display: block;
    padding: 0 .6em 0 0;
    width: 90%;
    display: inline-block;
	text-align:left;
	vertical-align:top;
	float:right;
	font-weight:normal;	
  }

  .bg-gray{background-color:#eee; color:#000;}
  .bg-gray label{color:#000;}

  .border-danger{border:2px solid #a94442;}

@media (max-width:360px){
*{font-size:15px !important;} 
input[type=radio]{width:16px !important; height:16px !important;vertical-align:top;} 
input[type=checkbox]{width:16px !important; height:16px !important;vertical-align:top;}
#question_txt {font-size:16px !important; text-align:left;}
#question_txt > span {font-size:16px !important; text-align:left;}
}
@media (min-width:361px) and (max-width:439px){
*{font-size:15px !important;}
input[type=radio]{width:16px !important; height:16px !important;vertical-align:top;} 
input[type=checkbox]{width:16px !important; height:16px !important;vertical-align:top;}
#question_txt {font-size:16px !important; text-align:left;}
#question_txt > span {font-size:16px !important; text-align:left;}
}
@media (min-width:440px) and (max-width:559px){
*{font-size:15px !important;}
input[type=radio]{width:16px !important; height:16px !important;vertical-align:top;} 
input[type=checkbox]{width:16px !important; height:16px !important;vertical-align:top;}
#question_txt {font-size:16px !important; text-align:left;}
#question_txt > span {font-size:16px !important; text-align:left;}
}
@media (min-width:560px) and (max-width:679px){
*{font-size:16px !important;}
input[type=radio]{width:18px !important; height:18px !important;vertical-align:top;} 
input[type=checkbox]{width:18px !important; height:18px !important;vertical-align:top;}
#question_txt {font-size:17px !important; text-align:left;}
#question_txt > span {font-size:17px !important; text-align:left;}
}
@media (min-width:680px) and (max-width:719px){
*{font-size:17px !important;}
input[type=radio]{width:20px !important; height:20px !important;vertical-align:top;} 
input[type=checkbox]{width:20px !important; height:20px !important;vertical-align:top;}
#question_txt {font-size:19px !important; text-align:left;}
#question_txt > span {font-size:19px !important; text-align:left;}
}
@media (min-width:720px) {
*{font-size:17px !important;}
input[type=radio]{width:20px !important; height:20px !important;vertical-align:top;} 
input[type=checkbox]{width:20px !important; height:20px !important;vertical-align:top;}
#question_txt {font-size:19px !important; text-align:left;}
#question_txt > span {font-size:19px !important; text-align:left;}
}


.table-area {
  position: relative;
  z-index: 0;
  margin-top: 50px;
}

table.responsive-table {
  display: table;
  /* required for table-layout to be used (not normally necessary; included for completeness) */
  table-layout: fixed;
  /* this keeps your columns with fixed with exactly the right width */
  width: 100%;
  /* table must have width set for fixed layout to work as expected */
  height: 100%;
}

table.responsive-table thead {
  position: fixed;
  top: 50px;
  left: 0;
  right: 0;
  width: 100%;
  height: 50px;
  line-height: 3em;
  background: #eee;
  table-layout: fixed;
  display: table;
}

table.responsive-table th {
  background: #eee;
}

table.responsive-table td {
  line-height: 2em;
}

table.responsive-table tr > td,
table.responsive-table th {
  text-align: left;
}

/* Th영억 고정 */
/* For appearance */
.sticky-wrap {
	overflow-x: auto;
	overflow-y: hidden;
	position: relative;
	margin: 3em 0;
	width: 100%;
}
.sticky-wrap .sticky-thead,
.sticky-wrap .sticky-col,
.sticky-wrap .sticky-intersect {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	transition: all .125s ease-in-out;
	z-index: 50;
	width: auto; /* Prevent table from stretching to full size */
}
	.sticky-wrap .sticky-thead {
		box-shadow: 0 0.25em 0.1em -0.1em rgba(0,0,0,.125);
		z-index: 100;
		width: 100%; /* Force stretch */
	}
	.sticky-wrap .sticky-intersect {
		opacity: 1;
		z-index: 150;

	}
		.sticky-wrap .sticky-intersect th {
			background-color: #666;
			color: #eee;
		}
.sticky-wrap td,
.sticky-wrap th {
	box-sizing: border-box;
}

/* Not needed for sticky header/column functionality */
td.user-name {
	text-transform: capitalize;
}
.sticky-wrap.overflow-y {
	overflow-y: auto;
	max-height: 50vh;
}
/*
.bg-yellow{background-color:#FFFFD2;}
*/

.bg-yellow{background-color:#E6FFFF;}


.exportExcel
{
   font-family:"Malgun Gothic";
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
	color: #ffffff !important;
	background-color: #1ea69a;
	border-color: #1ea69a;
	margin:10px 10px;
}

.progr_status{position:fixed;left:0; bottom:0; width:98%; background-color:#eee; color:#000;font-size:14px !important; padding:5px 5px; border:1px solid #acacac;}

/* 글씨 굵게 및 밑줄 스타일 */
.Bd{font-weight:bold;}
.UnBd{font-weight:bold;border-bottom:1px solid #5a5a5a;}

.BlueBd{font-weight:bold;color:#0000FF;}
.UnBlueBd{font-weight:bold;border-bottom:1px solid #0000FF;color:#0000FF;}

.RedBd{font-weight:bold;color:#FF0000;}
.UnRedBd{font-weight:bold;border-bottom:1px solid #0000FF;color:#FF0000;}

th{color:#000;}
td{color:#000;}
.panel{color:#000;}
.table th,td{color:#000;}
.v_mid{vertical-align:middle !important;}
.norBlue{color:blue;}
.norYellow{color:yellow;}

/*.member_con { background:#e4f2fa url('../images/survey_bg.png') center top no-repeat; background-size: cover; position:relative;}*/

.mode_con { background:#e4f2fa url('../images/smartphone.jpg') center top no-repeat; background-size: cover; position:relative;}

.member_con { background:#D5D5D5;}/*e4f2fa*/

/*.member_con {background-image:linear-gradient(to bottom,#D5D5D5 75%, #eee 25%);}*/

.slide_tr{border-top:1px solid #FFCD12 !important;border-bottom:1px solid #FFCD12 !important;background-color:#FFFFC6;}
.slide_tr2{background-color:#eee; padding:10px 10px; margin-top:5px; border:1px solid #aaa;}

.border-primary-color{border:1px solid #A4354B;}

.panel{border-radius:0px !important;}
.panel-heading{border-radius:0px !important;}
.panel-body{border-radius:0px !important;}
.panel-footer{border-radius:0px !important;}
.mobile-body{position:absolute;left:0; top:0; width:100%;}
.st-box{border-top: dashed #8a8a8a 1px;border-bottom: dashed #8a8a8a 1px;padding:5px 10px;}

.bg-y{background-color:#FFFFC6;}
/* E3FFDC,D4F4FA*/

.left_radio{display:table-cell; vertical-align:top;}
input[type=tel]{text-align:center;}
input[type=number]{text-align:center;}

@media (min-width: 1440px) {
      .custom-col {
        flex: 0 0 66.666667%; /* 8개의 열 중에서 2/3만큼의 너비 */
        max-width: 66.666667%;
      }
    }


.input-line{border:1px solid #ccc; border-radius:3px; padding:3px 3px;}
.border-top-weight{ border-top:2px solid #000; }
.text-blue{color:#0100FF;}

.bg-a1{background-color:#CEFBC9 !important;}
.bg-a2{background-color:#D4F4FA !important;}
.bg-a3{background-color:#FAF4C0 !important;}