.nanum{ font-family: 'NanumBarunGothic', sans-serif; }


.form-control-normal {
  font-size: 1rem;
  border-radius: 0.8rem;
  padding: 1.2rem 1rem;
}

.medium-small{
	font-size: 1rem;
}

.small_btn1{
	line-height: 1;
}


/* 부트스트랩에 정의가 안되어 있음 */
.nav{padding-left:0;margin-bottom:0;list-style:none}
.nav>li{position:relative;display:block}
.nav>li>a{position:relative;display:block;padding:10px 15px}
.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#eee}
.nav>li.disabled>a{color:#777}
.nav>li.disabled>a:focus,.nav>li.disabled>a:hover{color:#777;text-decoration:none;cursor:not-allowed;background-color:transparent}
.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:#eee;border-color:#337ab7}
.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}
.nav>li>a>img{max-width:none}
.nav-tabs{border-bottom:1px solid #ddd}
.nav-tabs>li{float:left;margin-bottom:-1px}
.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}
.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:#555;cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent}

#inbody_kpi>ul{list-style:none;margin:0 auto;padding:0}
#inbody_kpi>ul>li{margin:0;padding:0;border:0;float:left}
#inbody_kpi>ul>li>a{margin-bottom:0.4rem}
#inbody_kpi>ul>li>p{margin:0;padding:0;border:0;}


/* page-loading */
#page-loading {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: fixed;
    display: table;
    z-index: 9999;
    text-align: center;
	background-color: rgba( 255, 255, 255, 0.8 );
	visibility:hidden;
}
 
#page-loading i{
    vertical-align: middle;
    text-align: center;
    display: table-cell;
    font-size: 60px;
}


.toggled div.logo-class {margin-right:0px;margin-top:10px}
.toggled div.logo-class>img{width:80px}


@media all and (max-width:768px) {
 .logo-class{margin-right:0px;margin-top:10px}
 .logo-class>img{width:80px}
}
@media all and (min-width:768px) {
 .logo-class{margin-right:80px;margin-top:10px}
 .logo-class>img{width:100px}
}

/*header 관련된 css*/
.header {
    width: 100%;
    height: 120px;
    position: fixed;
    top: 0;
    z-index: 100;
}

/*footer 관련된 css*/
.footer {
    width: 100%;
    height: 120px;
    position: fixed;
    bottom: 0;
    z-index: 100;
}

/*print body 관련된 css*/
.printBodyFlexible {
    position: fixed;
    width: 100%;
    height: 100%;
    padding-top: 120px;
    padding-bottom: 120px;
    page-break-inside: auto;
}

.printBodyFixed {
    position: relative;
    width: 100%;
    /*height: 100%;*/
    min-height: calc(100vh - 260px);
    padding-top: 0px;
    padding-bottom: 0px;
    /*page-break-inside: auto;*/
}

.printBodyFixed section {
    padding-top: 120px;
    padding-bottom: 120px;
}

.printBodyFixed th {
    font-weight: bold;
    font-size: 26px;
    text-align: center;
    color: #000000;
    background-color: #E2E2E2;
    letter-spacing: 0.05em;
}

.printBodyFixed td {
    font-weight: normal;
    font-size: 26px;
    text-align: center;
    color: #000000;
    letter-spacing: 0.05em;
}

.printBodyFixed label {
    font-weight: bold;
    font-size: 26px;
    text-align: left;
    color: #000000;
    letter-spacing: 0.05em;
}

.printBodyFixed p {
    font-weight: normal;
    font-size: 26px;
    text-align: left;
    color: #000000;
    letter-spacing: 0.05em;
}

.printBodyFixed solution {
    font-weight: normal;
    font-size: 22px;
    text-align: left;
    color: #000000;
    letter-spacing: 0.05em;
}

.printBodyFixed ps {
    font-weight: normal;
    font-size: 16px;
    text-align: left;
    color: #000000;
    letter-spacing: 0.05em;
}

/*table 관련된 css
.table td {
    vertical-align: middle;
}
*/

/*여기서부터 circle과 관련된 css*/
.circle {
  position: relative;
  text-align: center;
  line-height: 1.2;
}

.circle canvas {
  vertical-align: top;
}

.circle strong {
  position: absolute;
  top: 30px;
  left: 0;
  width: 100%;
  text-align: center;
  line-height: 40px;
  font-size: 30px;
}

.circle strong i {
  font-style: normal;
  font-size: 0.6em;
  font-weight: normal;
}

.circle span {
  display:hidden;
  visibility:hidden;
  position:absolute;
  color: #aaa;
  text-align:center;
  margin-bottom: 12px;
}

#solution_workout strong{font-weight:bold;font-family:nanum;padding-top:0.5rem;color:#547a76}
#solution_sleep strong{font-weight:bold;font-family:nanum;padding-top:0.5rem;color:#4e5a87}
#solution_nutrition strong{font-weight:bold;font-family:nanum;padding-top:0.5rem;color:#69253b}
/*circle -end*/

#solution_form dt{padding-top:2rem;padding-bottom:1rem}
#solution_form dd label{display:inline-block}
.checkbox-1x {
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
}
.checkbox-2x {
    transform: scale(2);
    -webkit-transform: scale(2);
}
.btn-big{height:5rem;width:5rem}