@charset "UTF-8";
@import url("contents_pc.css");
@media only all and (max-width: 1023px) {
    .span-br {
        display: inline;
    }
    .span-mobile-br {
        display: block;
    }
    .contents-area {
        margin-bottom: 2.5rem;
    }
    .contents-area:last-child {
        margin-bottom: 0;
    }
    .contents-box {
        padding-left: 1.5rem;
        margin-bottom: 1.875rem;
    }
    .contents-box:last-child {
        margin-bottom: 0;
    }
    .title-type01 {
        padding-left: 1.5rem;
        margin-bottom: 0.625rem;
        font-size: 1.417rem;
        line-height: 1.75rem;
        background-size: 1.083rem 1.083rem;
        background-position: left 0.3333rem;
    }
    .title-type02 {
        position: relative;
        margin-bottom: 0.625rem;
        padding-left: 1.375rem;
        font-size: 1.25rem;
        line-height: 1.875rem;
    }
    .title-type02:before {
        top: 0.5rem;
        width: 0.4167rem;
        height: 0.4167rem;
        border: 0.25rem solid #2963b8;
    }
    .word-type01 {
        padding-left: 0;
        margin-bottom: 1rem;
        font-size: 1.083rem;
        line-height: 1.5rem;
    }
    .word-type02 {
        margin-bottom: 0.2083rem;
        font-size: 1.125rem;
        line-height: 1.875rem;
    }
    .word-big-type01 {
        margin-bottom: 1.542rem;
        font-size: 1.5rem;
        line-height: 2rem;
    }
    input+.word-notice {
        margin-top: 0.4167rem
    }
    .word-notice01 {
        margin-top: 0.4167rem;
        display: block;
        font-size: 1rem;
        line-height: 1.333rem;
    }
    .word-notice02 {
        padding-left: 1.25rem;
        font-size: 1rem;
        line-height: 1.333rem;
    }
    .btn-download {
        float: none;
        width: 100%;
        display: block;
        min-width: auto;
        height: 3.458rem;
        padding: 0 2.75rem 0 1.25rem;
    }
    .btn-download>strong {
        position: relative;
        display: block;
        padding-top: 0.625rem;
        font-size: 1.167rem;
        line-height: 2.25rem;
    }
    .btn-download>img {
        right: 0.9167rem;
        width: 1.417rem;
        margin-top: -0.7085rem;
    }
    /*
    .btn-download:nth-child(even) {
        float: right;
    }
    .btn-download:nth-child(1),
    .btn-download:nth-child(2) {
        margin-top: 0;
    }
    */
    .btn-download02 {
        float: left;
        width: 49%;
        margin-top: 2%;
        display: block;
        min-width: auto;
        height: 3.458rem;
        padding: 0 2.75rem 0 1.25rem;
    }
    .btn-download02>strong {
        position: relative;
        display: block;
        padding-top: 0.625rem;
        font-size: 1.167rem;
        line-height: 2.25rem;
    }
    .btn-download02>img {
        right: 0.9167rem;
        width: 1.417rem;
        margin-top: -0.7083rem;
    }
    .btn-download02:nth-child(even) {
        float: right;
    }
    .btn-download02:nth-child(1),
    .btn-download02:nth-child(2) {
        margin-top: 0;
    }
    .btns-area+.pdf-list-wrapper {
        margin-top: 1.875rem;
    }
    .pdf-list-wrapper {
        position: relative;
        overflow: visible;
        border-bottom: 0;
        ;
    }
    .pdf-list-wrapper>button {
        position: relative;
        display: block;
        width: 100%;
        height: 3.75rem;
        padding-left: 1.25rem;
        padding-right: 3.333rem;
        background-color: #f5f4f4;
        border: 1px solid #c6cbd2;
        color: #333333;
        font-size: 1.25rem;
        font-weight: 500;
        text-align: left;
    }
    .pdf-list-wrapper>button:before {
        position: absolute;
        top: 50%;
        right: 1.667rem;
        content: "";
        display: block;
        width: 0.7917rem;
        height: 0.5rem;
        margin-top: -0.25rem;
        background-image: url(../img/icon/icon_arrow_down07.png);
        background-repeat: no-repeat;
        background-size: 0.7917rem 0.5rem;
        background-position: 0 0;
        transition: all 0.2s ease-in-out;
    }
    .pdf-list-wrapper>button.active:before {
        transform: rotate(180deg);
    }
    .pdf-list-wrapper>ul {
        position: absolute;
        top: calc(3.75rem - 1px);
        left: 0;
        display: none;
        width: 100%;
        height: 14rem;
        overflow-x: hidden;
        overflow-y: auto;
        background-color: #fff;
        border: 1px solid #c6cbd2;
        box-shadow: 0px 0.2083rem 0.2083rem 0px rgba(0, 0, 0, 0.25);
        z-index: 5;
    }
    .pdf-list-wrapper>ul>li {
        float: none;
        width: 100%;
        height: auto;
        margin: 0;
        border-bottom: 1px solid #c6cbd2
    }
    .pdf-list-wrapper>ul>li>a {
        display: block;
        height: auto;
        padding: 0.8333rem 1.25rem;
        background-color: #fff;
    }
    .pdf-list-wrapper>ul>li>a:after {
        display: none;
    }
    .pdf-list-wrapper>ul>li>a>strong {
        padding-top: 0;
        font-size: 1.25rem;
        line-height: 2rem;
        letter-spacing: 0;
        font-weight: 500;
    }
    .div-pdf {
        float: none;
        margin-top: 1.458rem;
        width: 100%;
        height: 30rem !important;
    }
    .pdf-wrapper {
        padding-right: 0;
    }
    .pdf-wrapper .pdf-btns-wrapper {
        float: none;
        width: 100%;
        margin-right: 0;
    }
    .tabmenu-wrapper {
        margin-bottom: 1.667rem;
        background-color: #f6f4f5
    }
    .tabmenu-wrapper ul>li {
        float: left;
        width: 50% !important;
        border-bottom: 1px solid #fff;
        margin: 0;
    }
    .tabmenu-wrapper ul>li>a {
        height: 3.75rem;
        padding: 0.8333rem 0 0 0;
        font-size: 1.25rem;
        line-height: 2.292rem;
    }
    .tabmenu-wrapper ul>li:nth-child(odd)>a:after {
        position: absolute;
        top: 0;
        right: 0;
        content: "";
        display: block !important;
        width: 1px;
        height: 100%;
        background-color: #fff;
        z-index: 10;
    }
    .tabmenu-wrapper ul>li:nth-child(even)>a:after {
        display: none;
    }
    .tabmenu-wrapper ul>li>a:before {
        top: 0.5417rem;
        right: 0.5rem;
        width: 0.4167rem;
        height: 0.4167rem;
    }
    .word-sub-slogan {
        margin-bottom: 2.75rem;
        font-size: 1.25rem;
        line-height: 1.875rem;
        word-break: keep-all;
    }
    .word-sub-slogan:before {
        height: 2.5rem;
    }
    .application-area {
        float: left;
        margin-left: 0;
        width: 49%;
        margin-top: 2%;
        padding: 2.75rem 0.625rem 0.625rem 0.625rem;
        border-radius: 0.4167rem;
    }
    .application-area:nth-child(even) {
        float: right;
    }
    .application-area:nth-child(1),
    .application-area:nth-child(2) {
        margin-top: 0;
    }
    .application-area:hover,
    .application-area:focus {
        box-shadow: 0px 0.625rem 1.583rem 0px rgba(0, 0, 0, 0.3);
    }
    .application-area>img {
        width: 4.625rem;
    }
    .application-area>h4 {
        margin-top: 1rem;
        margin-bottom: 2.333rem;
        color: #fff;
        font-size: 1.333rem;
        line-height: 1.708rem
    }
    .application-area>a {
        position: relative;
        display: block;
        height: 2.917rem;
        padding: 0.625rem 1.5rem 0 1.208rem;
        color: #fff;
        border-radius: 0.2083rem;
        text-align: left;
        overflow: hidden;
    }
    .application-area>a>span {
        position: relative;
        font-size: 1.083rem;
        line-height: 1.833rem;
    }
    .application-area>a:before {
        top: 50%;
        right: 0.75rem;
        width: 0.5833rem;
        height: 0.875rem;
        margin-top: -0.4167rem;
        background-size: 0.5833rem 0.875rem;
    }
    .survey-header {
        position: relative;
        padding-right: 0;
    }
    .survey-header>h4 {
        width: calc(100% + 1px);
        font-size: 1.25rem;
        line-height: 1.875rem;
        padding: 1.4166rem 1.4166rem 1.4166rem 4.1666rem;
    }
    .survey-header>h4:before {
        top: 1.4166rem;
        left: 1rem;
        margin-top: 0;
        font-size: 2.6042rem;
        line-height: 2.6042rem;
    }
    .survey-header .checked-step-wrapper {
        display: none;
    }
    .survey-area>dl {
        position: relative;
        padding-right: 0;
        border-left: 0;
        margin: 0;
        padding: 0;
    }
    .survey-area>dl>dt {
        position: relative;
        display: block;
        width: calc(100% + 1px);
        padding: 1.1666rem 1.1666rem 1.1666rem 3rem;
        font-size: 1.1666rem;
        line-height: 1.6145rem;
        border: 1px solid #d4d4d4;
        margin-top: -1px;
    }
    .survey-area>dl>dt .number {
        margin-left: -1.6145rem;
    }
    .survey-area>dl>dd {
        position: relative;
        display: block;
        width: 100%;
        height: 100%;
    }
    .survey-radio-area {
        display: block;
        height: 100%;
        padding: 0.8333rem 0;
    }
    .survey-radio-area>input[type="radio"] {
        position: absolute;
        top: 0;
        left: 0;
        font-size: 0;
        line-height: 0;
        width: 0;
        height: 0;
        opacity: 0;
    }
    .survey-radio-area>input[type="radio"]+label {
        position: relative;
        top: 0;
        left: 0;
        margin: 0;
        display: block;
        font-size: 0.9166rem;
        line-height: 1.25rem;
        width: auto;
        height: auto;
        text-align: center;
        letter-spacing: -1px;
    }
    .survey-radio-area>input[type="radio"]+label:before {
        position: static;
        margin: 0 auto 0.5rem auto;
        width: 1.6145rem;
        height: 1.6145rem;
        background-size: 1.6145rem 3.229rem;
    }
    .survey-radio-area>input[type="radio"]:checked+label:before {
        background-position: 0 -1.6145rem;
    }
    .survey-wrapper+.btns-area {
        margin-top: 1.40625rem;
    }
    .btn-b01 {
        width: 100%;
        height: 3.6458rem;
        padding: 0 2rem 0 1.25rem;
        font-size: 1.333rem;
        border-radius: 0.2083rem;
    }
    .btn-b01:before {
        right: 1rem;
        width: 0.5833rem;
        height: 0.875rem;
        margin-top: -0.4375rem;
        background-size: 0.5833rem 0.875rem;
    }
    .btn-b01.btn-previous {
        padding: 0 1.25rem 0 2rem;
    }
    .btn-b01.btn-previous:before {
        left: 1rem;
    }
    .survey-result-wrapper {
        border: 0.917rem solid #d5e8eb;
        padding: 1.25rem;
        border-radius: 3.125rem;
    }
    .survey-result-wrapper>h4 {
        margin-bottom: 1.5rem;
        font-size: 1.667rem;
        line-height: 2.417rem;
    }
    .survey-result-grade-wrapper {
        margin-bottom: 1.5rem;
    }
    .survey-result-grade-area {
        width: 49%;
        height: 3.75rem;
        margin-right: 0;
        margin-bottom: 2%;
        padding: 0;
        border-radius: 1.875rem;
        background: rgb(121, 188, 113);
        background: linear-gradient(90deg, rgba(121, 188, 113, 1) 0%, rgba(24, 144, 223, 1) 100%);
    }
    .survey-result-grade-area:nth-child(even) {
        float: right;
    }
    .survey-result-grade-area:last-child {
        margin-right: 0;
    }
    .survey-result-grade-area .bg-header {
        display: none;
    }
    .survey-result-grade-area .type {
        position: absolute;
        top: 0.417rem;
        left: 0.417rem;
        display: block;
        width: 2.917rem;
        padding-bottom: 2.917rem;
    }
    .survey-result-grade-area .type>strong {
        font-size: 1.792rem;
        line-height: 1.792rem;
        margin-top: -0.896rem;
    }
    .survey-result-grade-area .number {
        position: absolute;
        top: 50%;
        right: 1.25rem;
        margin-top: -0.896rem;
        display: block;
        padding-top: 0;
        font-size: 1.5rem;
        line-height: 1.792rem;
    }
    .survey-result-grade-area .bg-footer {
        display: none;
    }
    .survey-result-grade-area:before {
        display: none;
    }
    .survey-result-information {
        margin-bottom: 1.5rem;
    }
    .survey-result-information>dl {
        min-height: auto;
        padding: 0.875rem 0;
        background-size: 0.208rem 0.083rem;
    }
    .survey-result-information>dl>dt {
        position: relative;
        top: 0;
        padding-left: 1.792rem;
        margin-bottom: 1rem;
        font-size: 1rem;
        line-height: 1.25rem;
        background-size: 1.25rem 1.25rem;
    }
    .survey-result-information>dl>dd {
        font-size: 1rem;
        line-height: 1.25rem;
    }
    .survey-result-information>dl.type02 {
        padding-left: 0;
        background: transparent;
    }
    .survey-result-information>dl.type02>dt {
        position: relative;
        top: 0;
    }
    .survey-result-information>dl.type02>dd {
        padding-top: 0;
    }
    .department-list>li {
        float: left;
        clear: none !important;
        width: calc(50% - 0.3125rem);
        height: 3.417rem;
        margin-right: 0;
        margin-top: 0.625rem;
        border-radius: 0.333rem;
        padding: 0.885rem 0.521rem 0 0.521rem;
        font-size: 1.094rem;
        line-height: 1.615rem;
    }
    .department-list>li:nth-child(even) {
        float: right;
    }
    .department-list>li:nth-child(4n) {
        margin-right: 0;
    }
    .department-list>li:nth-child(4n+1) {
        clear: none;
    }
    .department-list>li:nth-child(1),
    .department-list>li:nth-child(2) {
        margin-top: 0;
    }
    .survey-result-information02 {
        margin-bottom: 0;
    }
    .survey-result-information02>dl {
        padding: 1.417rem 0 1.875rem 0;
    }
    .survey-result-information02>dl>dt {
        font-size: 1.333rem;
        line-height: 2.5rem;
        margin-bottom: 0.25rem;
        text-align: center;
    }
    .survey-result-information02>dl>dt>img {
        position: static;
        display: block;
        width: 3.667rem;
        margin: 0 auto 0.25rem auto;
    }
    .survey-result-information02>dl>dd {
        font-size: 1rem;
        line-height: 1.5rem
    }
    .survey-result-information02+.btns-area {
        display: none;
    }
    .substitution-area {
        padding-left: 6.25rem;
    }
    .substitution-area>h5 {
        width: 6.25rem;
        font-size: 1.083rem;
        line-height: 1.25rem;
        margin-top: -0.625rem;
    }
    .substitution-area>dl {
        padding: 0.625rem 0.8333rem 0.8333rem 0.8333rem;
    }
    .substitution-area>dl dt {
        float: none;
        margin-bottom: 0.5833rem;
        font-size: 1.083rem;
        line-height: 1.458rem;
    }
    .substitution-area>dl dd {
        float: none;
    }
    .btn-new-window {
        display: block;
        width: 100%;
        max-width: 15rem;
        height: 3.333rem;
        line-height: 3.333rem;
        padding: 0 0.8333rem;
    }
    .btn-new-window>strong {
        font-size: 1.083rem;
    }
    .btn-new-window+.btn-new-window {
        margin-top: 0.4167rem;
    }
    .btn-new-window:before {
        right: 0.8333rem;
        width: 1.25rem;
        height: 1.25rem;
        margin-top: -0.625rem;
        background-image: url(../img/icon/icon_newwindows04_mobile.png);
        background-size: 1.25rem 1.25rem;
    }
    .btn-new-window.type02:before {
        background-image: url(../img/icon/icon_newwindows05_mobile.png);
    }
    .btn-new-window:hover>strong,
    .btn-new-window:focus>strong {
        text-shadow: 0 1px 0 rgba(255, 255, 255, 1)
    }
    .btn-new-window.type02:hover>strong,
    .btn-new-window.type02:focus>strong {
        text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15)
    }
    .btn-new-window:after {
        position: absolute;
        top: 0;
        left: 0;
        content: "";
        display: block;
        width: 0;
        height: 100%;
        background-color: rgba(0, 0, 0, 0);
        transition: all 0.2s ease;
    }
    .btn-new-window:hover:after,
    .btn-new-window:focus:after {
        width: 100%;
        background-color: rgba(0, 0, 0, 0.15);
    }
    .btns-area .btn-new-window {
        width: 100%;
        max-width: 100%;
    }
    .btns-area .btn-new-window:first-child:nth-last-child(2),
    .btns-area .btn-new-window:first-child:nth-last-child(2)~a {
        float: left;
        width: calc(50% - 0.2083rem);
        margin-right: 0.4167rem;
    }
    .btns-area .btn-new-window:first-child:nth-last-child(3),
    .btns-area .btn-new-window:first-child:nth-last-child(3)~a {
        float: left;
        width: calc(50% - 0.2083rem);
        margin-right: 0.4167rem;
    }
    .btns-area .btn-new-window:first-child:nth-last-child(4),
    .btns-area .btn-new-window:first-child:nth-last-child(4)~a {
        float: left;
        width: calc(50% - 0.2083rem);
        margin-right: 0.4167rem;
    }
    .btns-area .btn-new-window:nth-child(even) {
        margin-right: 0 !important;
    }
    .btns-area .btn-new-window:nth-child(1),
    .btns-area .btn-new-window:nth-child(2) {
        margin-top: 0 !important;
    }
    .gray-box01 {
        padding: 1.5rem 1.875rem;
    }
    .ul-list01>li {
        padding-left: 0.5rem;
        font-size: 1rem;
        line-height: 1.75rem;
    }
    .ul-list01>li:before {
        top: 0.8333rem;
        width: 0.2083rem;
        height: 0.2083rem;
    }
    .input-agreement-checked {
        padding-left: 2rem;
    }
    .gray-box01+.input-agreement-checked {
        margin-top: 1.125rem;
        min-height: 1.5rem;
    }
    .input-agreement-checked>input[type="checkbox"]+label {
        font-size: 1.042rem;
        line-height: 1.5rem;
        min-height: 1.5rem;
        padding-top: 0.08333rem
    }
    .input-agreement-checked>input[type="checkbox"]+label:before {
        width: 1.5rem;
        height: 1.5rem;
        background-size: 1.5rem 3rem;
        background-position: 0 0;
    }
    .input-agreement-checked>input[type="checkbox"]:checked+label:before {
        background-position: 0 -1.5rem;
    }
    /* form */
    .form-wrapper {
        margin-bottom: 1.875rem;
    }
    .form-wrapper dl {
        padding-left: 8.333rem;
        border-left: 0 !important;
    }
    .form-wrapper.type02 dl {
        padding-left: 8.333rem;
    }
    .form-wrapper dl dt {
        top: 50%;
        width: 8.333rem;
        min-height: auto;
        padding: 0 0.8333rem;
        font-size: 1rem;
        line-height: 1.333rem;
        margin-top: 0;
        transform: translate(0, -50%);
        word-break: keep-all;
    }
    .form-wrapper.type02 dl dt {
        width: 8.333rem
    }
    .form-wrapper dl dt label+button,
    .form-wrapper dl dt label+button+button {
        margin-top: 0.2083rem;
    }
    .form-wrapper dl dd {
        min-height: 2.917rem;
        padding: 0.8333rem !important;
        background: #fff;
        color: #424242;
        font-size: 1rem;
        line-height: 1.25rem;
        text-align: left;
        border-left: 1px solid #e7e7e7;
    }
    .form-wrapper dl dd .point-color01.ml10 {
        display: block;
        margin-top: 0.4167rem;
        margin-left: 0 !important;
    }
    .form-wrapper dl dd>p {
        min-height: auto;
        line-height: 1.25rem;
    }
    .form-wrapper dl dd input,
    .form-wrapper dl dd select {
        width: 100%;
        height: 2.038rem !important;
        font-size: 0.8333rem;
        text-indent: 0.5rem !important;
    }
	.form-wrapper dl dd .zipcode input::placeholder,
    .form-wrapper dl dd>input::placeholder {
        font-size: 0.8rem;
        line-height: 1.25rem;
    }
    .form-wrapper dl dd>input[type="text"].w30,
    .form-wrapper dl dd>input[type="password"].w30,
    .form-wrapper dl dd>select.w30,
    .form-wrapper dl dd>select.w20 {
        width: 100% !important;
    }
    .form-wrapper dl dd label {
        color: #424242;
        margin-right: 10px;
    }
    .form-wrapper dl dd>textarea {
        height: 15.63rem;
    }
    .form-wrapper dl dd .input-radio-area input[type="radio"]+label,
    .form-wrapper dl dd .input-checked-area input[type="checkbox"]+label {
        line-height: 1.25rem;
    }
    .form-wrapper dl dd .age {
        width: 40% !important
    }
    .input-checked-wrapper {
        display: block;
    }
    .input-checked-wrapper:after {
        content: "";
        clear: both;
        display: block;
    }
    .input-checked-area {
        position: relative;
        display: inline-block;
    }
    .input-checked-wrapper .input-checked-area {
        float: left;
        width: 49% !important;
        margin: 0 0 0.3333rem 0 !important;
    }
    .input-checked-wrapper .input-checked-area:nth-child(even) {
        float: right;
    }
    .input-checked-wrapper.block .input-checked-area {
        display: block;
        margin-top: 0
    }
    .input-checked-area input[type="checkbox"]+label {
        padding-left: 1.5rem;
        padding-top: 0.125rem;
        font-size: 1rem;
        line-height: 1.25rem;
    }
    .input-checked-area input[type="checkbox"]+label:before {
        top: 0.125rem;
        width: 1rem;
        height: 1rem;
        margin-top: 0;
        background-size: 1rem 2rem;
    }
    .input-checked-area input[type="checkbox"]:checked+label:before {
        background-position: 0 -1rem;
    }
    .input-checked-area.only input[type="checkbox"]+label {
        padding-left: 1rem;
        width: 1rem;
        line-height: 1.25rem;
        font-size: 1rem;
    }
    .input-radio-wrapper {
        display: block;
    }
    .input-radio-wrapper:after {
        content: "";
        clear: both;
        display: block;
    }
    .input-radio-area {
        position: relative;
        float: none;
        display: block;
        margin: 0 0 0.3333rem 0;
        width: 100%;
    }
    .input-radio-area input[type="radio"]+label {
        padding-left: 1.5rem;
        padding-top: 0.125rem;
        font-size: 1rem;
        line-height: 1.25rem;
        text-align: left;
    }
    .input-radio-area input[type="radio"]+label:before {
        top: 0.125rem;
        width: 1rem;
        height: 1rem;
        margin-top: 0;
        background-size: 1rem 2rem;
    }
    .input-radio-area input[type="radio"]:checked+label:before {
        background-position: 0 -1rem;
    }
    .input-radio-wrapper+input[type="text"] {
        margin-left: 0.625rem
    }
    .input-radio-wrapper.mobile-ratio .input-radio-area {
        float: left;
        width: 50%;
    }
    .input-phone-wrapper {
        max-width: 100%;
    }
    .input-phone-wrapper>.word-unit {
        height: 2.038rem;
        line-height: 2.038rem;
        font-size: 1rem;
    }
    .input-email-wrapper {
        max-width: 100%;
    }
    .input-email-wrapper:after {
        content: "";
        clear: both;
        display: block;
    }
    .input-email-area {
        float: none;
        width: 100%;
        max-width: 100%;
        margin-right: 0;
    }
    .input-email-area:after {
        content: "";
        clear: both;
        display: block;
    }
    .input-email-area>.word-unit {
        height: 2.038rem;
        line-height: 2.038rem;
        font-size: 1rem;
    }
    .input-email-wrapper select {
        display: block;
        float: none;
        width: 100%;
        margin-top: 0.4167rem;
    }
    .zipcode,
	.form-wrapper dl dd .zipcode{
        width: 100%;
        padding-right: 6.042rem;
        margin-bottom: 0.4167rem;
    }
	
    .zipcode>.btn-zipcode {
        width: 5.625rem;
        height: 2.038rem;
        font-size: 0.8333rem;
    }
    .w100,
    .w-auto {
        width: 100% !important;
        max-width: 100% !important;
    }
    .licensee-wrapper {
        max-width: 100%;
    }
    .licensee-wrapper>.word-unit {
        height: 2.038rem;
        line-height: 2.038rem;
        font-size: 1rem;
    }
    .file-upload-wrapper {
        margin-top: 3.125rem;
    }
    .fileBox {
        position: relative;
        padding-right: 5rem;
        margin-bottom: 0;
    }
    .fileBox+.fileBox {
        margin-top: 0.4167rem;
    }
    .fileBox .fileName {
        height: 2.038rem;
        line-height: 2.038rem;
        padding: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .fileBox .btn_file {
        position: absolute;
        top: 0;
        right: 0;
        display: block;
        border: 0;
        width: 5rem;
        height: 2.038rem;
        line-height: 2.038rem;
        font-size: 0.9167rem;
        font-weight: 500;
        text-align: center;
        background: #5b6063;
        margin-right: 0;
    }
    .file-upload-wrapper .fileBox .btn_file {
        right: 90px;
    }
    .fileBox input[type="file"] {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0
    }
    .file-upload-wrapper .btn-register {
        width: 80px;
        height: 2.038rem;
        line-height: 2.038rem;
        font-size: 1rem;
    }
    .input-calendar-wrapper {
        display: block;
        max-width: 100%;
    }
    .input-calendar-wrapper:after {
        content: "";
        clear: both;
        display: block;
    }
    .input-calendar-area {
        position: relative;
        float: left;
        width: 47.5%;
        padding-right: 2.038rem;
        background-color: #fff;
    }
    .input-calendar-area.only {
        float: none;
        width: 100%;
    }
    .input-calendar-area>input[type="text"] {
        display: block;
        width: 100%;
        padding: 0;
        text-align: center;
        border: 1px solid #dddddd;
        border-right: 0 !important;
        background-color: #fff;
        font-size: 1rem;
        text-indent: 0 !important;
        letter-spacing: -1px;
    }
    .input-calendar-area>button {
        position: absolute;
        top: 0;
        right: 0;
        display: block;
        width: 2.038rem;
        height: 2.038rem;
    }
    .input-calendar-area>button img {
        width: 0.875rem;
        margin-top: -0.4583rem;
        margin-left: -0.4167rem
    }
    .input-calendar-area>input[type="text"]:read-only {
        background: #fff;
    }
    .input-calendar-wrapper .word-unit {
        width: 5%;
        height: 2.038rem;
        line-height: 2.038rem;
        font-size: 0.8333rem;
    }
    .input-checked-wrapper.block .input-checked-area {
        float: none;
        width: 100% !important;
    }
    .input-apply-wrapper>.input-calendar-area {
        float: left;
        width: 60%;
        margin-right: 0;
    }
    .input-apply-wrapper>select {
        float: right;
        width: 38% !important;
    }
    .input-search-wrapper {
        padding-right: 3.708rem;
    }
    .input-search-wrapper>button {
        width: 3.708rem;
        font-size: 0.8333rem;
    }
    .input-count-wrapper {
        display: block;
        max-width: 100%;
        padding-right: 1.875rem;
    }
    .input-count-wrapper>input {
        padding-right: 0.625rem;
    }
    .input-count-wrapper>.word-unit {
        width: 1.875rem;
        line-height: 2.038rem;
    }
    p+.input-count-wrapper {
        margin-top: 0.4167rem
    }
    .schdule-wrappper {
        margin-bottom: 1.875rem;
    }
    .schdule-header {
        position: relative;
        height: 3.333rem;
    }
    .schdule-header>h4 {
        padding: 0 0.625rem;
        font-size: 1.583rem;
        line-height: 3.333rem;
    }
    .schdule-header>button {
        position: absolute;
        top: 0;
        width: 3.333rem;
        height: 3.333rem;
        background-size: 0.8333rem 1.417rem;
    }
    .schdule-header>button.btn-previous {
        left: 0;
    }
    .schdule-header>button.btn-next {
        right: 0;
    }
    .schdule-container {
        /*
        max-height: 25rem;
        */
        overflow-x: hidden;
        overflow-y: auto;
    }
    .schdule-container table thead {
        display: none;
    }
    .schdule-container table,
    .schdule-container table tbody,
    .schdule-container table tbody tr {
        display: block;
        width: 100%;
    }
    .schdule-container table tbody tr .another-month {
        display: none;
    }
    .schdule-container table tbody td {
        display: block;
        width: 100%;
        border: 0;
        border-bottom: 1px solid #e7e7e7;
    }
    .schdule-information {
        height: 3.375rem;
        padding: 0.8333rem 0.8333rem 0.8333rem 2.917rem;
    }
    .schdule-information.application:after {
        position: absolute;
        top: 50%;
        right: 0.8333rem;
        content: "";
        display: block;
        width: 0.875rem;
        height: 0.7083rem;
        margin-top: -0.3333rem;
        background-image: url(../img/icon/icon_checked03.png);
        background-repeat: no-repeat;
        background-size: 0.875rem 0.7083rem;
        background-position: 0 0;
    }
    .schdule-information .number {
        top: 0.8333rem;
        left: 0.8333rem;
        font-size: 1.167rem;
        line-height: 1.625rem;
    }
    .schdule-information strong {
        display: block;
        height: auto;
        font-size: 1.167rem;
        line-height: 1.625rem;
    }
    .input-yymmnn-time-wrapper .input-calendar-area {
        float: none;
        margin-right: 0;
        width: 100%;
        margin-bottom: 0.4167rem;
    }
    .input-time-wrapper {
        float: none;
        margin-bottom: 0.4167rem;
    }
    .input-time-wrapper:after {
        display: block;
        content: "";
        clear: both;
    }
    .input-time-wrapper>select {
        width: 35% !important;
    }
    .input-time-wrapper>.word-unit {
        float: left;
        width: 15%;
        height: 2.038rem;
        line-height: 2.038rem;
    }
    .qna-wrapper>dl>dt>button {
        padding: 1rem 3.417rem 1rem 2.917rem;
        background-color: #fff;
        text-align: left;
        font-size: 1.125rem;
        line-height: 1.917rem;
        letter-spacing: -0.25px;
    }
    .qna-wrapper>dl>dt>button .badge {
        position: static;
        display: block;
        padding: 0 0.2083rem;
        margin-bottom: 0.4167rem;
        border-radius: 0.2083rem;
        width: 7.083rem;
        height: 1.917rem;
        line-height: 1.917rem;
        font-size: 1rem;
        text-align: center;
    }
    .qna-wrapper>dl>dt>button:before {
        top: 1rem;
        left: 0.5rem;
        display: block;
        width: 1.875rem;
        height: 1.875rem;
        line-height: 1.875rem;
    }
    .qna-wrapper>dl>dt>button:after {
        position: absolute;
        top: 50%;
        right: 1.25rem;
        content: "";
        display: block;
        width: 0.875rem;
        height: 0.4583rem;
        margin-top: -0.2083rem;
        background-size: 0.875rem 0.4583rem;
        background-position: 0 0;
        transition: all 0.2s ease-in-out;
    }
    .qna-wrapper>dl>dd {
        padding: 1.25rem 1.25rem 1.25rem 2.917rem;
        font-size: 1rem;
        line-height: 1.625rem;
    }
    .qna-wrapper>dl>dd:before {
        top: 1rem;
        left: 0.5em;
        width: 1.875rem;
        height: 1.875rem;
        line-height: 1.875rem;
    }
    /* 표 */
    .table-type01 table thead th {
        height: auto;
        padding: 0.7692rem;
        font-size: 1rem;
        line-height: 1.385rem;
        word-break: break-all;
    }
    .table-type01 table tbody th,
    .table-type01 table tfoot th,
    .table-type01 table tfoot td {
        height: auto;
        padding: 0.7692rem;
        font-size: 1rem;
        line-height: 1.385rem;
        word-break: break-all;
    }
    .table-type01 table tbody td {
        height: auto;
        padding: 0.7692rem;
        font-size: 1rem;
        line-height: 1.385rem;
        word-break: break-all;
    }
    /* Responsive table */
    .horizontal-scroll {
        position: relative;
        width: 100%;
        overflow-y: hidden;
        overflow-x: auto;
        background: linear-gradient(to right, rgba(0, 0, 0, .15), rgba(0, 0, 0, 0)) no-repeat 0 0 / 20px 100% scroll, linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, .15)) no-repeat 100% 0 / 20px 100% scroll;
    }
    .horizontal-scroll table {
        width: 60rem;
        background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0)) no-repeat 0 0 / 80px 100% local, linear-gradient(to right, rgba(255, 255, 255, 0), #fff) no-repeat 100% 0 / 80px 100% local;
    }
    .horizontal-scroll table.w-type02 {
        width: 50rem;
    }
    .horizontal-scroll::-webkit-scrollbar {
        width: 6px;
        height: 6px;
        border-radius: 6px;
        background-color: rgba(0, 0, 0, 0.05);
    }
    .horizontal-scroll::-webkit-scrollbar-thumb {
        border-radius: 6px;
        background-color: rgba(0, 0, 0, 0.25);
    }
    .horizontal-scroll table thead th {
        background-color: rgba(163, 163, 163, .10) !important;
    }
    .horizontal-scroll table tbody th {
        background-color: rgba(255, 230, 78, .09) !important;
    }
    .horizontal-scroll table tbody td,
    .horizontal-scroll table tfoot td {
        background-color: rgba(255, 255, 255, .09);
    }
    .horizontal-scroll table .bg01 {
        background-color: rgba(203, 203, 203, .09) !important;
        ;
    }
    .horizontal-scroll table .bg02,
    .horizontal-scroll table tfoot th,
    .horizontal-scroll table tfoot td {
        background-color: rgba(255, 230, 78, .09) !important;
    }
    .horizontal-scroll input {
        background: transparent;
    }
    .table-type01 .bg03,
    .table-type02 .bg03 {
        background-color: rgba(255, 219, 0, .09) !important;
    }
    .table-type03 table thead th {
        background-color: rgba(180, 180, 180, .09) !important;
    }
    .form-wrapper dl dd input+.word-notice01,
    .form-wrapper dl dd select+.word-notice01 {
        margin-left: 0;
    }
    .table-type01+.word-notice02,
    .form-wrapper.mb0+.word-notice02 {
        margin-top: 0.4167rem;
    }
    .word-notice02+.btns-area {
        margin-top: 1.875rem;
    }
    .table-type01+.btns-area {
        margin-top: 3.042rem;
    }
	.pass-box { width: 100%; max-width: 100%; margin-bottom:1.875rem; padding:1.875rem 1.875rem 3.750rem 1.875rem; background:#fff9d0 url(../img/pass/logo_ss_univ.png) right 30px bottom 20px no-repeat; background-size:auto 30%; word-break:keep-all; }
	.pass-box:before{width:calc(100% - 1.250rem); height:calc(100% - 1.250rem); border:0.125rem dotted #c2d3ab;}
	.pass-box>p.txt1 {font-size: 1.375rem; }
	.pass-box strong.bg_orange{padding:0 0.188rem;}
	.pass-box>p.txt2 {font-size: 1.125rem;}
	.pass-box>p.txt3 {margin-top:0.313rem; padding-left:0.938rem; font-size: 1.063rem;}
	.pass-box>p.txt3:before{left:0.188rem; top:0.438rem; width:0.188rem; height:0.188rem; }

   
    .btns-area.type02>a {
        float: none;
        display: table;
        width: 100% !important;
        margin: 0;
        padding: 0.8333rem
    }
    .btns-area.type02>a:nth-child(2) {
        width: 100%;
        margin: 0.2083rem 0;
    }
    .btns-area.type02>a>strong {
        display: table-cell;
        vertical-align: middle;
        font-size: 1.167rem;
        line-height: 1.5rem;
    }
    .btn-add {
        height: 3.75rem;
        font-size: 1.25rem;
        line-height: 1.25rem;
    }
    .btn-add>img {
        width: 0.75rem;
        margin-right: 0.2083rem;
    }
    .grade-produce-wrapper {
        padding-right: 0;
    }
    .table-type01 input[type="text"].grade {
        margin-left: 0;
        margin-right: 0.4167rem;
        width: 8.333rem;
    }
    .grade-produce-wrapper>button {
        margin-top: 1.25rem;
        position: static;
        width: 100%;
        height: 3.75rem;
        font-size: 1.125rem;
    }
    .title-area .btn-download {
        position: relative;
        bottom: 0;
        right: 0;
    }
    .payment-information-wrapper {
        padding-top: 0.625rem;
    }
    .payment-information {
        margin-bottom: 1.667rem;
    }
    .payment-information-wrapper .type01 {
        margin-bottom: 0.625rem;
        font-size: 1.5rem;
        line-height: 2rem;
    }
    .payment-information-wrapper .type02 {
        font-size: 1.25rem;
        line-height: 1.792rem;
    }
    .university-sign>img {
        width: 100%;
        max-width: 12.33rem;
    }
    .gray-box02 {
        min-height: auto;
        padding: 1.5rem 1.25rem 1.5rem 1.25rem;
        margin-bottom: 1.875rem;
    }
    .gray-box02>img {
        position: static;
        width: 3.333rem;
        margin: 0 auto 1.25rem auto;
    }
    .ul-list02>li {
        padding-left: 1.25rem;
        margin-bottom: 0.8333rem;
        font-size: 1.125rem;
        line-height: 1.667rem;
    }
    .gray-box02>.ul-list02>li>a {
        display: block;
        margin-top: 0.4167rem;
    }
    .badge01 {
        padding: 0 0.625rem;
        font-size: 0.9167rem;
        line-height: 1.385rem;
        height: 1.385rem;
        margin: 0 0.2083rem;
    }
    /* 학사일정 */
    .academicCal.cal_month {
        border-top: 0;
    }
    .academicCal.cal_month .calList_con {
        float: none;
        width: 100%;
        margin-left: 0;
        padding: 1.25rem 0 4.167rem 0;
        border-top: 0;
    }
    .academicCal .month_top {
        width: 100%;
        height: auto;
        padding: 1.25rem;
    }
    .academicCal .month_top>span {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
    .academicCal .month_top .btn_prev,
    .academicCal .month_top .btn_next {
        position: absolute;
        top: 50%;
        margin-top: -0.7083rem;
        width: 0.8333rem;
        height: 1.417rem;
        font-size: 0;
        text-indent: -5000rem;
    }
    .academicCal .month_top .btn_prev {
        left: 0;
        padding-left: 0;
        background-size: 0.8333rem 1.417rem;
    }
    .academicCal .month_top .btn_next {
        right: 0;
        padding-right: 0;
        background-size: 0.8333rem 1.417rem;
    }
    .academicCal .month_top .btn_today {
        position: absolute;
        top: 0;
        right: 105px;
        width: 49px;
        height: 32px;
        border: 1px solid #3a3a3a;
        color: #333;
        font-family: 'Noto Sans KR';
        font-size: 13px;
        font-weight: 400;
        line-height: 32px;
    }
    .academicCal .month_top .type_btnBox {
        overflow: hidden;
        position: absolute;
        top: 0;
        right: 0;
        width: 100px;
        height: 32px;
        padding-left: 1px;
    }
    .academicCal .month_top .type_btnBox a {
        display: block;
        position: relative;
        float: left;
        overflow: hidden;
        width: 50%;
        height: 100%;
        margin-left: -1px;
        box-sizing: border-box;
        border: 1px solid #e1e1e1;
        text-indent: -999px;
        z-index: 0;
    }
    .academicCal .month_top .type_btnBox a.type_cal {
        background: url(../img02/common/ico_monthType01.png)no-repeat center;
    }
    .academicCal .month_top .type_btnBox a.type_list {
        background: url(../img02/common/ico_monthType02.png)no-repeat center;
    }
    .academicCal .month_top .type_btnBox a.type_cal:hover,
    .academicCal .month_top .type_btnBox a.type_cal.on {
        border: 1px solid #fd3148;
        background: url(../img02/common/ico_monthType01_on.png)no-repeat center;
    }
    .academicCal .month_top .type_btnBox a.type_list:hover,
    .academicCal .month_top .type_btnBox a.type_list.on {
        border: 1px solid #fd3148;
        background: url(../img02/common/ico_monthType02_on.png)no-repeat center;
    }
    .academicCal .month_top .type_btnBox a.type_cal.on,
    .academicCal .month_top .type_btnBox a.type_list.on {
        z-index: 1;
    }
    .academicCal .month_list {
        height: 2.5rem;
    }
    .academicCal .month_list li a,
    .academicCal .month_list li button {
        line-height: 2.5rem;
        color: #272727;
        font-size: 1rem;
    }
    .academicCal .month_type {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        box-sizing: border-box;
        padding-right: 15px;
        text-align: right;
    }
    .academicCal .month_type span {
        display: inline-block;
        margin-left: 20px;
        font-size: 14px;
        color: #555555;
    }
    .academicCal .month_type span::before {
        content: "";
        display: inline-block;
        width: 13px;
        height: 13px;
        margin: 3px 4px 0 0;
        border-radius: 50%;
        vertical-align: top;
    }
    .academicCal .monthTit {
        padding: 1rem 0;
        font-size: 1.583rem;
        line-height: 1.75rem;
    }
    .academicCal .monthTit>span {
        display: inline-block;
        font-family: 'Roboto', sans-serif;
        font-size: 29px;
        font-weight: 500;
        line-height: 30px;
        vertical-align: top;
    }
    .academicCal.cal_month .cal_group {
        clear: both;
        padding-top: 2.5rem;
    }
    .academicCal .remark_info {
        padding-top: 2.5rem;
    }
    .academicCal .remark_info>li {
        margin-left: 1.25rem;
    }
    .academicCal .remark_info>li>span {
        padding-left: 1rem;
        font-size: 1rem;
        line-height: 1rem;
    }
    .academicCal .remark_info>li>span::before {
        top: 0.25rem;
        width: 0.75rem;
        height: 0.75rem;
    }
    .academicCal .remark_info+.cal_group {
        padding-top: 0.625rem;
    }
    .academicCal.cal_month .cal_group:after {
        content: "";
        clear: both;
        display: block;
    }
    .academicCal .cal_group {
        position: relative;
    }
    .academicCal.cal_month .cal_group {
        padding-top: 0.5rem;
    }
    .academicCal.cal_month .cal_group:after {
        content: "";
        clear: both;
        display: block;
    }
    .academicCal .cal_group table tr td {
        padding: 13px;
    }
    .academicCal .cal_group table tr td .no_article {
        padding: 95px 0 30px;
        background-size: auto 53px !important;
        background-position: 50% 30px !important;
        font-size: 15px !important;
    }
    .academicCal .calendar {
        position: relative;
        float: none;
        width: 100%;
        border: 1px solid #e1e6e8;
        background: url(../img02/kor/bg_calendar.png)repeat-x 0px 60px;
    }
    .academicCal .calendar::after {
        content: '';
        display: block;
        position: absolute;
        right: -6px;
        bottom: -6px;
        width: 35px;
        height: 35px;
        background: url(../img02/common/bg_bachelorBox.png) no-repeat right bottom;
    }
    .academicCal .calendar table {
        width: calc(100% - 30px);
        margin: 0px 15px 15px;
    }
    .academicCal .calendar table tr th,
    .academicCal .calendar table tr td {
        height: 1.667rem;
        padding: 0.2083rem;
        color: #666;
        font-size: 0.875rem;
        font-weight: 400;
        text-align: center;
    }
    .academicCal .calendar table tbody tr td span {
        width: 1.5rem;
        height: 1.5rem;
        font-size: 0.875rem;
        line-height: 1.5rem;
    }
    .academicCal .calList_con li {
        padding-left: 10.42rem;
        min-height: 1.25rem;
    }
    .academicCal .calList_con li+li {
        margin-top: 1rem;
    }
    .academicCal .calList_con li strong {
        top: 0;
        left: 0;
        width: 10.42rem;
        font-size: 1.083rem;
        line-height: 1.25rem
    }
    .academicCal .calList_con li span {
        font-size: 1.083rem;
    }
    .academicCal .calList_con li>p {
        padding-left: 5rem;
        font-size: 1rem;
        line-height: 1.25rem;
    }
    .academicCal .calList_con li>p>span {
        font-size: 0.9167rem;
        line-height: 1.25rem;
        width: 4.375rem;
        height: 1.25rem;
    }
    .academicCal .month_type li>p,
    .academicCal .calList_con li>p {
        font-size: 1.083rem;
        line-height: 1.25rem;
    }
    .academicCal .calendar .cal_pop {
        top: 3.75rem;
        padding: 0.8333rem;
        box-shadow: -0 0.1667rem 0.2083rem 0px rgba(0, 0, 0, 0.25);
    }
    .academicCal .calendar .cal_pop b {
        margin-bottom: 0.8333rem;
        font-size: 1.125rem;
        line-height: 1.125rem;
    }
    .academicCal .calendar .cal_pop ul>li {
        position: relative;
        padding-left: 0.625rem;
        margin-top: 0.2083rem;
        font-size: 0.9167rem;
        line-height: 1.333rem;
    }
    .academicCal .calendar .cal_pop button {
        position: absolute;
        top: 1rem;
        right: 1rem;
    }
    .flower-event-wrapper {
        padding-right: 0;
    }
    .flower-event-wrapper .image-flower {
        position: static;
        width: 100%;
        height: auto;
        margin-top: 1.25rem;
    }
    .flower-event-wrapper .image-flower>img {
        display: block;
        width: auto;
        max-width: 100%;
        margin: 0 auto;
    }
    .form-wrapper .half-box dl,
    .form-wrapper .one-box dl {
        padding-left: 8.333rem;
    }
    .form-wrapper .half-box dl>dt,
    .form-wrapper .one-box dl>dt {
        width: 8.333rem;
    }
    .form-wrapper .half-box+.half-box dl {
        border-left: 0
    }
    .form-wrapper.type02 {
        margin-top: 0.5769rem;
    }
    .form-wrapper.type02>.one-box>dl>dt {
        position: static;
        margin-top: 0;
        width: 100%;
        min-height: auto;
        text-align: left;
        padding: 0.7692rem 1.25rem;
        transform: translate(0, 0);
    }
    .form-wrapper.type02>.one-box>dl>dd {
        border-left: 0;
        padding: 0.7692rem 1.25rem;
    }
    .input-advice-wrapper>.input-calendar-area {
        float: none;
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 0.3846rem
    }
    .advice-timer-wrapper {
        float: none;
        width: 100%;
    }
    .advice-timer-wrapper>.word-unit {
        height: 2.038rem;
        line-height: 2.038rem;
        text-align: center;
    }


	/* 2021.08.31 추가작업 */

	.application-linked-area {
		float: none;
		width: 100% !important;
		border-right: 0;
		border-top: 1px solid #d9d9d9
	}

	.application-linked-area:first-child {
		border-top: 0;
	}

	.application-linked-area > h5 {
		height: 3.416rem;
		line-height: 3.416rem;
	}

	.application-linked-area > h5 > strong {
		font-size: 1.125rem;
	}

	.application-linked-area > h5 > img {
		margin-left: 0.5rem;
		height: 1.625rem
	}

	.application-linked-box {
		padding: 0.916rem 1.25rem;
	}

	.application-linked-box > .btn-b02 {
		width: 15.625rem;
		height: 3.125rem;
		line-height: 3.125rem;
		padding-left: 1.25rem;
		font-size: 1rem;
	}

	.application-linked-box > .btn-b02 + .btn-b02 {
		margin-top: 0.416rem;;
	}
}

@media only all and (max-width: 500px) {
    .department-list>li {
        float: none !important;
        width: 100%;
    }
    .department-list>li:nth-child(2) {
        margin-top: 0.625rem;
    }
}