html {margin:0; padding:0; height:100% }
ul, ol, li {margin:0; padding-left:15px;}
body {margin:0; padding:0; height:100%; background-color: #f8f9fa; font-family: Noto Sans KR, Malgun Gothic, 맑은 고딕, 돋움, Dotum, 굴림, calibri, Verdana, Tahoma, Arial, sans-serif; font-size:15px; color:#002041; line-height: 180%; }

select { font-family: Noto Sans KR, Malgun Gothic, 맑은 고딕, 돋움, Dotum, 굴림, calibri, Verdana, Tahoma, Arial, sans-serif; font-size:14px; color:#002041; } 
input { font-family: Noto Sans KR, Malgun Gothic, 맑은 고딕, 돋움, Dotum, 굴림, calibri, Verdana, Tahoma, Arial, sans-serif; font-size:14px; color:#002041; } 
textarea {font-family: Noto Sans KR, Malgun Gothic, 맑은 고딕, 돋움, Dotum, 굴림, calibri, Verdana, Tahoma, Arial, sans-serif; font-size:14px; color:#002041; line-height: 140%;}

h1 {font-family: Noto Sans KR, Malgun Gothic, 맑은 고딕, calibri, Verdana, Tahoma, Arial, sans-serif; font-weight: 600; font-size: 25px;}
h2 {font-family: Noto Sans KR, Malgun Gothic, 맑은 고딕, calibri, Verdana, Tahoma, Arial, sans-serif; font-weight: 600; font-size: 22px; }
h3 {font-family: Noto Sans KR, Malgun Gothic, 맑은 고딕, calibri, Verdana, Tahoma, Arial, sans-serif; font-weight: 400; font-size: 15px; line-height: 180%; }




/* 텍스트 색상 2022 Primary color palette ------------------- */

.nielsen-navyBlack {color: #002041;}
.nielsen-purple {color: #6E37FA;}
.nielsen-aqua {color: #32BBB9;}
.nielsen-orange {color: #FF9408;}
.nielsen-red {color: #F40953;}
.nielsen-cobalt {color: #2765F0;}
.white {color: #fff}


/* 헤더 ------------------ */


h1.logo {
    margin: 0;
    float: left;
    background:url("../images/logo.png") no-repeat center top;
    background-size:128px;
    width:128px;
    margin-top: 20px;
    margin-bottom: 10px;
    text-indent:-9999px;
    cursor: pointer;
}

h1.logo a {
	display: block;
	height:23px
}


.headerTBar {
    float: left;
    background:url("../images/top_bar.jpg") no-repeat center top;
    width:100%;
    height:10px;
    background-size:cover;
}


.titleBg {
    float: left;
    background:url("../images/titleBg01.jpg") no-repeat center;
    width:100%;
    padding-top: 2rem;
    padding-bottom: 2rem;
    background-size:cover;
    text-align:middle;
    margin-bottom: 1rem;
}

.titleBg2 {
    float: left;
    background: #f7f7f9;
    width:100%;
    padding-top: 2rem;
    padding-bottom: 2rem;
    text-align:middle;
    margin-bottom: 1rem;
}


.navbar-title {
  color:#fff;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  font-size: 16px;
  margin: 0 auto;
}

.navbar-title2 {
  color:#002041;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  font-size: 17px;
  font-weight: 600;
  margin: 0 auto;
}


.bg-navyBlack {
  background-color: #002041 !important;
}

.surveyDate {
  font-family: inter, calibri, Verdana, Tahoma, Arial, sans-serif;
  font-weight: 600; 
  font-size: 16px;
  color:#fff;
}



/* 진행바  ------------------ */

.survey_progress {
  display: -ms-flexbox;
  display: flex;
  height: 5px;
  overflow: hidden;
  line-height: 0;
  font-size: 0.75rem;
  background-color: #e9ecef;
  margin-bottom: 20px;
}

.survey_progress-bar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #32BBB9;
  transition: width 0.6s ease;
}

.survey_progress-bar2 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #6E37FA;
  transition: width 0.6s ease;
}


/* 버튼  ------------------ */

.btn-purple {
  color: #fff;
  background-color: #6E37FA;
  border-color: #6E37FA;
}

.btn-purple:hover {
  color: #fff;
  background-color: #4128d2;
  border-color: #4128d2;
}

.btn-purple.focus, .btn-purple.focus {
  color: #fff;
  background-color: #4128d2;
  border-color: #4128d2;
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.btn-purple.disabled, .btn-purple:disabled {
  color: #fff;
  background-color: #6E37FA;
  border-color: #6E37FA;
}

/* Badge  ------------------ */

.badge-purple {
  color: #fff;
  background-color: #6E37FA;
}

.badge-aqua {
  color: #fff;
  background-color: #32BBB9;
}

.badge-orange {
  color: #fff;
  background-color: #FF9408;
}

/* 서베이 본문  ------------------ */

.surveyOverview {
  background-color: #fff; 
  min-height:100%;
}

.surveyBtn {
  background-color: #fff; 
  padding-top: 1rem;
  padding-bottom: 2rem;
}

.surveyGuide {
  background-color: #f7f7f9;
  border:1px solid #dddddd;
  padding: 1rem;
}

.titleHeader{
  color: #002041;
  font-weight: bold;
}

.title_number{
  color: #4128d2;font-weight: bold;
}