h1,
h3,
p {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 1.8em;
    color: #595959
}

h1,
h3 {
    padding: 0 1.5em;
}

h1 {
    font-size: 28px;
    font-family: WhitneyHTF-Bold;
    font-weight: bold;
}

h3 {
    font-size: 18px;
    font-weight: 500
}

p {
    line-height: 1.25em
}

.content .intro {
    justify-content: center;
}

.report #topBkg {
    max-height: 3em;
    z-index: 4
}

/*메인 모바일화면 상단 이미지 (topBkg)*/
#topBkg {
    position: absolute;
    width: 100%;
    opacity: 0
}

#topBkg,
#topBkg svg {
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.no-domain #topBkg {
    max-height: 255px
}

.no-domain #topBkg>div>svg {
    fill: #444
}

.organizational #topBkg,
.personal #topBkg,
.professional #topBkg {
    max-height: 60px
}

.personal #topBkg>div>svg {
    fill: #106bb5
}

.organizational #topBkg>div>svg {
    fill: #e4a513
}

.professional #topBkg>div>svg {
    fill: #1394d5
}
/*네비게이션 세부설정*/
.v-application #navBar,
.v-application .bottom-nav {
    border-radius: 10px 10px 0 0 !important;
    z-index: 9999
}

.v-application .bottom-nav {
    width: 100%;
    bottom: 0;
    position: fixed;
    -webkit-box-shadow: 2px 2px 4px 1px hsla(0, 0%, 40.8%, .5);
    box-shadow: 2px 2px 4px 1px hsla(0, 0%, 40.8%, .5)
}

.v-application #navBar .v-btn {
    text-transform: none;
    font-size: 13px;
    letter-spacing: -.05px
}

.v-application #navBar .v-btn#samLogo {
    height: 50px;
    left: 1.1em;
}

.v-btn__content svg {
    width: 30px !important;
    height: 15px !important;
}

.v-btn__content svg text {
    font-size: 13px !important;
    transform: translate(15px, 9px) !important;
}

.v-application #navBar .v-btn:not(.v-btn--round):not(#samLogo).v-size--default {
    height: auto;
    margin: .6em .5em;
    padding: .25em .5em;
    border-radius: 3px
}

@media (max-width:970px) {
    .v-application.group #navBar .v-btn:not(.v-btn--round):not(#samLogo).v-size--default {
        margin: 1em .1em;
    }
}

.v-application #navBar .v-btn:not(.v-btn--round):not(#samLogo).v-size--default.active {
    background: hsla(0, 0%, 100%, .1);
    padding: .25 .75em;
    border-radius: 3px
}

.v-application #navBar #myProfileBtn.v-btn:not(.v-btn--round):not(#samLogo).v-size--default {
    margin: .25em .75em;
    padding: 0 .75em
}

.v-application #navBar #myProfileBtn.v-btn:not(.v-btn--round):not(#samLogo).v-size--default .v-avatar {
    display: none
}

.v-application #navBar #myProfileBtn.v-btn:not(.v-btn--round):not(#samLogo).v-size--default .v-avatar img {
    border: 2px solid #fff;
    margin-right: .5em;
    min-width: 32px
}

.v-application #navBar>div.theme--dark.v-sheet {
    border-radius: 10px 10px 0 0
}

.v-application #samLogo {
    position: absolute;
    height: 40px !important;
    min-width: 60px;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
    border-radius: 5px 5px;
    -webkit-box-shadow: 2px 2px 4px 1px hsla(0, 0%, 40.8%, .5);
    box-shadow: 2px 2px 4px 1px hsla(0, 0%, 40.8%, .5);
    bottom: 25px;
}

.v-application #samLogo:before {
    opacity: 0
}

.v-application.personal #navBar .v-btn.assessing:not(.v-btn--round):not(#samLogo).v-size--default,
.v-application.personal #navBar .v-btn.exploring:not(.v-btn--round):not(#samLogo).v-size--default {

    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.v-application.organizational #navBar .v-btn.assessing:not(.v-btn--round):not(#samLogo).v-size--default,
.v-application.organizational #navBar .v-btn.exploring:not(.v-btn--round):not(#samLogo).v-size--default {
    border-bottom: 2px solid #e4a513;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.v-application.professional #navBar .v-btn.assessing:not(.v-btn--round):not(#samLogo).v-size--default,
.v-application.professional #navBar .v-btn.exploring:not(.v-btn--round):not(#samLogo).v-size--default {
    border-bottom: 2px solid #1394d5;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

@media (min-width:971px) {
    .m-title {
        display: none !important;
    }

    #topBkg {
        display: none !important
    }

    .v-content__wrap .content .list-container .v-card:last-of-type {
        margin-bottom: 1em !important
    }


    .v-application .nav-drawer ul li {
        margin-right: .5em
    }

    .v-application .nav-drawer ul li.capability {
        margin-right: 0
    }

    .v-application .nav-drawer ul li.capability span {
        padding-right: .5em;
        width: 3.3em
    }

    .v-application .nav-drawer ul li.capability span:first-child {
        padding-right: 0
    }

    .v-application .bottom-nav {
        position: unset;
        bottom: unset;
        top: 0
    }

    .v-application .bottom-nav #navBar {
        top: 0;
        position: fixed;
        display: block !important;
        border-radius: 0 !important
    }

    .v-application .bottom-nav #navBar .v-btn {
        font-size: 1em;
        font-weight: 700;
    }

    .v-application .bottom-nav #navBar #samLogo {
        top: 0;
        left: 2em;
        background-color: #106bb5 !important;
        border-radius: 0 0 5px 5px;
        clip: unset;
        height: 84px !important;
        border-width: 0
    }

    .v-application .bottom-nav #navBar #samLogo svg {
        -webkit-transform: scale(2);
        transform: scale(2);
        margin: 2em
    }

    .v-application .bottom-nav #navBar .spacer {
        display: none
    }

    .v-application .bottom-nav #navBar .v-toolbar__content {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .v-application .bottom-nav .nav-drawer {
        position: absolute;
        bottom: 0;
        height: auto;
        width: 100%;
        font-size: 1em;
        padding: 1em .5em;
        font-size: .875em
    }

    .v-application .bottom-nav .nav-drawer h3 {
        font-size: .875em;
        max-width: 15em
    }

    .v-application .bottom-nav .nav-drawer h3 span {
        font-size: .75em
    }

    .v-application .bottom-nav .nav-drawer ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .v-application .bottom-nav .nav-drawer ul ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .v-application .bottom-nav .nav-drawer ul li {
        max-width: 25em;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .v-application.organizational #navBar .v-btn.assessing:not(.v-btn--round).v-size--default,
    .v-application.organizational #navBar .v-btn.exploring:not(.v-btn--round).v-size--default,
    .v-application.personal #navBar .v-btn.assessing:not(.v-btn--round).v-size--default,
    .v-application.personal #navBar .v-btn.exploring:not(.v-btn--round).v-size--default,
    .v-application.professional #navBar .v-btn.assessing:not(.v-btn--round).v-size--default,
    .v-application.professional #navBar .v-btn.exploring:not(.v-btn--round).v-size--default {
        border-bottom-color: #fff
    }

    .personal.v-application .bottom-nav #navBar {
        background-color: #106bb5
    }

    .personal.v-application .bottom-nav #navBar #samLogo {
        background-color: #444 !important
    }

    .organizational.v-application .bottom-nav #navBar {
        background-color: #e4a513
    }

    .organizational.v-application .bottom-nav #navBar #samLogo {
        background-color: #444 !important
    }

    .professional.v-application .bottom-nav #navBar {
        background-color: #1394d5
    }

    .professional.v-application .bottom-nav #navBar #samLogo {
        background-color: #444 !important
    }

    .content p.copy {
        margin: 1em 0
    }

    .content .copy {
        text-align: left
    }
}

#domainIconsWrap {
    display: none;
}

@media (max-width:970px) {
    #topDomainNav {
        display: none;
    }

    #domainIconsWrap {
        display: block;
    }

    .capability-nav {
        display: none;
    }

    .content {
        margin-top: 1.5em;
    }

    .header_t_bg {
        position: relative;
    }

    .header_logo {
        background-color: #106bb5;
        border-color: #106bb5;
    }

    h1.copy,
    h3.copy {
        color: #fff
    }

    .header_t_bg {
        height: 54px;
    }

    .subtitle {
        font-weight: bold;
    }

    .actions {
        margin-top: 2.5em;
    }
}