.header_m {
    height: 70px;
    line-height: 39px;
    border-bottom: solid 1px #ebebeb;
    position: relative;
    width: 100vw;
    z-index: 999;
    background-color: #fff;
    transition: all .3s ease;
}

#mo_header.hide {
    top: -72px;
}

#mo_header.fixed-header {
    position: fixed !important;
}

@media (max-width: 330px) {
    input[type="checkbox"]+label u {}
}

@media screen and (max-width: 768px) {
    /* common */
    body {
        min-width: auto;
    }
    .m-d-md-block {
        display: block !important;
    }
    .m-w-100 {
        width: 100%;
    }
    /* form */
    .text-wrap {
        font-size: 14px;
    }
    .form-control {
        font-size: 14px;
        height: 35px;
    }
    .checkbox_blank {
        width: 0px;
    }
    input[type="checkbox"]+label {
        font-size: 12px;
    }
    input[type="checkbox"]+label span {
        width: 17px;
        height: 17px;
        background-size: 17px 17px;
        margin: -2px 5px 0 0;
    }
    input[type="checkbox"]:checked+label span {
        width: 17px;
        height: 17px;
        background-size: 17px 17px;
    }
    input[type="checkbox"]:disabled+label span {
        width: 17px;
        height: 17px;
        background-size: 17px 17px;
    }
    input[type="checkbox"]+label .checkboxtext {
        line-height: 20px;
        font-size: 12px;
    }
    .w-110px {
        max-width: 110px;
        width: auto;
    }
    /* upload */
    .upload-btn {
        width: 60px;
        font-size: 14px;
        padding: 0px;
        text-align: center;
        height: 35px;
        line-height: 36px;
        margin-left: 10px;
    }
    .filebox .upload-thumb-wrap {
        height: 35px;
    }
    .filebox .upload-display img {
        height: 35px !important;
    }
    .text-file-attr {
        font-size: 13px;
        margin-top: 10px;
    }
    /* toggle */
    .w-210px {
        width: auto;
        max-width: 210px;
    }
    input[type="radio"].toggle+label {
        padding: 0 8px;
        font-size: 12px;
    }
    /* button */
    .m-btn-group .m-btn {
        margin-left: 0px;
        margin-bottom: 5px;
    }
    .m-text-left {
        text-align: left !important;
    }
    .m-btn.btn-normal {
        font-size: 15px;
    }
    .m-btn.btn-big {
        padding-left: 4vw;
        padding-right: 4vw;
        font-size: 15.5px;
        height: 45px;
        line-height: 46px;
        min-width: 32vw;
    }
    .btn-full-s {
        padding: 0 10px;
    }
    /* font margin padding*/
    .m-p-10 {
        margin-top: 10px;
    }
    .m-p-b-0 {
        padding-bottom: 0px !important;
    }
    .m-t-26 {
        margin-top: 15.2px;
    }
    .m-t-27 {
        margin-top: 13.5px;
    }
    .m-t-30 {
        margin-top: 18px;
    }
    .m-t-34 {
        margin-top: 20.4px;
    }
    .m-t-36 {
        margin-top: 22px;
    }
    .m-t-37 {
        margin-top: 22.5px;
    }
    .m-t-40 {
        margin-top: 24px;
    }
    .m-t-43 {
        margin-top: 25.8px;
    }
    .m-t-46 {
        margin-top: 27.6px;
    }
    .m-t-50 {
        margin-top: 30px;
    }
    .m-t-60 {
        margin-top: 36px;
    }
    .m-t-65 {
        margin-top: 39px;
    }
    .m-t-70 {
        margin-top: 32.2px;
    }
    .m-t-75 {
        margin-top: 37.5px;
    }
    .m-t-147 {
        margin-top: 73px;
    }
    .m-m-t-0 {
        margin-top: 0px;
    }
    .m-m-b-10 {
        margin-bottom: 10px;
    }
    .m-m-b-29 {
        margin-bottom: 29px;
    }
    .m-b-45 {
        margin-bottom: 27.5px;
    }
    .m-b-59 {
        margin-bottom: 29.9px;
    }
    .m-b-151 {
        margin-bottom: 90px;
    }
    .m-p-t-0 {
        padding-top: 0px !important;
    }
    .p-t-61 {
        padding-top: 36px;
    }
    .font-13 {
        font-size: 10px;
    }
    .font-14 {
        font-size: 10.5px;
    }
    .btn-full-s.font-14 {
        font-size: 12px;
    }
    .font-16 {
        font-size: 10.8px;
    }
    .font-18 {
        font-size: 14px;
    }
    .main-section4 .font-20 {
        font-size: 15px;
    }
    .font-20 {
        font-size: 12px;
    }
    .main-section2 .font-24 {
        font-size: 16px;
    }
    .main-section3 .font-24 {
        font-size: 16px;
    }
    .main-section4 .font-24 {
        font-size: 16px;
    }
    .font-22 {
        font-size: 13.2px
    }
    .font-24 {
        font-size: 14.4px;
    }
    .font-28 {
        font-size: 16.5px;
    }
    .font-28-5 {
        font-size: 16.8px;
    }
    .font-42 {
        font-size: 25.2px;
    }
    .font-48 {
        font-size: 29.4px;
    }
    .font-50 {
        font-size: 30px;
    }
    .font-60 {
        font-size: 36px;
    }
    /* header */
    .mo-header-icon {
        float: left;
        margin-left: 15px;
    }
    .mo-header-icon i {
        color: #000e20;
        font-size: 26px;
        margin-top: 22px;
    }
    .mob-logo {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }
    .mob-logo img {
        width: auto;
        height: 26px;
        padding: 0px;
        margin-top: 22px;
    }
    .m-hover-menu {
        padding: 12px 0;
        right: 0px;
        transform: translateX(-80%);
    }
    .dropdown-item {
        width: 112px;
    }
    .dropdown-item.active,
    .dropdown-item:active {
        background-color: #29a7e1;
        color: #fff;
    }
    .m-hover-menu .dropdown-item {
        padding: 0 16px;
        font-size: 16px;
        line-height: 1.6;
    }
    .mo-user-icon {
        display: inline-block;
        float: right;
        margin-right: 15px;
    }
    .mo-user-icon i {
        color: #000e20;
        font-size: 26px;
        margin-top: 22px;
    }
    .sidenav {
        height: 100%;
        width: 0;
        position: fixed;
        z-index: 1000;
        top: 0;
        left: 0;
        background: hsla(0, 0%, 100%, .95);
        overflow-x: hidden;
        transition: all 1s;
        opacity: 1;
    }
    .m-sub-menu {
        background: #ececec;
    }
    .m-sub-menu a {
        color: #000e20;
    }
    .sidenav .mo_menu {
        padding: 15px 115px 15px 20px;
        text-decoration: none;
        font-size: 17px;
        color: #000000;
        display: block;
        transition: 0.3s;
        white-space: nowrap;
        overflow: hidden;
    }
    .sub-menu {
        background: #936954;
        padding: 0 20px;
    }
    .sidenav .taret {
        padding: 5px 115px 5px 20px;
        font-size: 15px;
        color: #fff;
        overflow-x: hidden;
        white-space: nowrap;
        border-bottom: 1px dashed hsla(0, 0%, 100%, .3);
    }
    .sidenav .taret:last-child {
        border-bottom: none;
    }
    .mo_topmenu {
        height: 70px;
        width: 100%;
        position: relative;
    }
    .mo_topmenu img {
        position: absolute;
        top: 22px;
        right: 19.5px;
        width: 25px;
        height: 25px;
    }
    .logo_left {
        top: 20px !important;
        left: 19.5px;
        width: auto !important;
        height: 30px !important;
    }
    .mo_top_b {
        position: absolute;
        bottom: 13px;
    }
    .mo_topmenu .mo_top_b a {
        font-size: 12px;
        font-weight: 500;
        color: #ffffff;
        padding: 0px 0px 0px 15px;
        display: inline-block;
    }
    .bugfix .m-hover-menu.show {
        right: 0px !important;
        transform: translateX(-80%) !important;
    }
    /* main */
    #main_wrap {
        padding-top: 0px;
    }
    .carousel-item {
        height: 70vh;
        overflow: hidden;
    }
    .carousel-inner .carousel-item {
        height: 70vh;
    }
    .carousel-inner .carousel-item .slider1 {
        background-image: url('../image/mobile/m-sec1.png');
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
    }
    .main-section5 .carousel-item {
        min-height: 40vh;
        max-height: 50vh;
    }
    .carousel-item img {
        position: absolute;
        left: 50%;
        top: 50%;
        height: 100%;
        width: auto !important;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
    #main-section1 .carousel-item .p-a-center .m-btn {
        left: 15px;
        position: absolute;
        min-width: 25vw;
    }
    #main-section1 .carousel-item .p-a-center .font-24 {
        font-size: 18px;
    }
    .carousel-indicators {
        justify-content: center;
        margin-bottom: 20px;
        width: 100%;
    }
    .carousel-indicators li {
        width: 6px;
        height: 6px;
    }
    .carousel-control-prev-icon,
    .carousel-control-next-icon {
        width: 30px;
        height: 30px;
    }
    .main-section2 {
        height: 100vh;
        background-image: url('../image/mobile/skylabs-teaser-img-bg-mobile.jpg');
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
    }
    .main-section2 .teaser-cart-logo {
        background-image: url('../image/mobile/skylabs-teaser-img-cart-logo-mobile.png');
        width: 160px;
        height: 63px;
        margin: 0 auto;
        background-position: center center;
	    background-size: cover;
	    background-repeat: no-repeat;
	    position: relative;
    }
    .main-section2 .p-a-center {
        position: relative;
        top: 0;
        transform: none;
        padding-top: 10vh;
    }
    .main-section3 {
        height: 100vh;
        background-image: url('../image/mobile/m-sec3.png');
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
    }
    .main-section3 .main-section3-margin {
        margin-top: 10vh;
    }
    .main-section4 {
        height: 100vh;
        background-image: url('../image/mobile/m-sec4.png');
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
    }
    .main-section4 .main-section4-margin {
        margin-top: 10vh;
    }
    .main-section5 {
        height: 100vh;
        background-image: url('../image/mobile/m-sec5.png');
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
    }
    .main-section5 .container {
        height: 100%;
    }
    .overlap-view {
        width: 100vw;
        height: auto;
        top: revert;
        transform: translateX(-50%);
        left: 50%;
        bottom: 0;
        display: flex;
        padding: 20px 10px 20px 10px;
    }
    .overlap-view .overlap-bottom-text-container {
        margin-top: 0px;
        padding: 20px 10px 20px 10px;
    }
    .overlap-view .m-flex-1 .font-28-5 {
        font-size: 20px;
    }
    .overlap-view .m-flex-1 .font-13 {
        font-size: 14px;
    }
    .m-flex-1 {
        flex: 1;
    }
    .m-flex-1 .m-t-27 {
        margin-top: 25px;
    }
    /* login */
    .login-container {
        min-height: 100vh;
    }
    .loginform-wrap {
        margin-top: 10vh;
        padding: 0px;
        margin-bottom: 10vh;
        width: 100%;
        max-width: 100vw;
        box-shadow: none;
        border: 0px;
    }
    .line-m-text {
        line-height: 30px;
    }
    /* signup */
    .login-container {
        background-color: #fff;
        background-image: none;
    }
    .signup-container {
        background-color: #fff;
        background-image: none;
    }
    .img-send-email {
        width: 25vw;
        margin-right: 10vw;
    }
    .m-btn.btn-full {
        height: 40px;
        line-height: 41px;
    }
    .m-btn.btn-full.pad {
        display: block;
        max-width: 40vw;
        margin-left: auto;
        margin-right: auto;
        padding-left: 10px;
        padding-right: 10px;
    }
    /* customer - notice */
    .customer-container .cc-header {
        height: 235px;
    }
    .cc-header-lists .flex-1 {
        height: 44px;
        line-height: 45px;
        font-size: 12px;
    }
    .cc-header-lists .flex-1.active::after {
        top: -6px;
        border-top: 6px solid #29a7e1;
    }
    .cc-list-nav {
        padding-top: 20px;
    }
    .cc-list-nav img.icon-home {
        margin-top: 8px;
    }
    .cc-list-nav .cc-list-nav-text {
        margin-top: 8px;
    }
    .lists {
        padding-top: 20px;
    }
    .cc-list {
        padding-bottom: 10vh;
    }
    .customer-list-wrap {
        padding: 15px 0 16px 0;
    }
    .clw-title {
        font-size: 12px;
    }
    .clw-line {
        height: 12px;
    }
    .clw-b-title {
        margin-top: 10px;
        font-size: 15px;
    }
    .m-btn.m-btn-more {
        width: 100%;
        height: 45px;
        line-height: 46px;
        padding: 0px;
        font-size: 15px;
    }
    .clw-detail {
        padding: 20px 0px;
        font-size: 14px;
        min-height: 30vh;
    }
    .clw-bottom {
        margin-top: 40px;
    }
    .m-btn.prenext {
        width: 100%;
        height: 40px;
        line-height: 41px;
        font-size: 13px;
    }
    /* customer center - faq */
    .faq-header {
        padding: 15px 20px 16px 0;
    }
    .faq-header .faq-title-s {
        font-size: 12px;
    }
    .faq-header .faq-title-m {
        font-size: 15px;
        margin-top: 8px;
    }
    .cc-list-nav .float-right {
        /* float: none !important;
        display: inline-block;
        width: 100%;
        text-align: right; */
    }
    .cc-list-nav .float-right .header_search {
        margin: 15px 0px 0px 0px;
        width: 100%;
        height: 40px;
    }
    .cc-list-nav .float-right .m-btn {
        width: auto;
        padding-left: 15px;
        padding-right: 15px;
        font-size: 14px;
        height: 40px;
        line-height: 41px;
    }
    .btn-group,
    .btn-group-vertical {
        /* display: block; */
    }
    .m-scroll-x {
        overflow-x: scroll;
        -ms-overflow-style: none;
        /* IE and Edge */
        scrollbar-width: none;
        /* Firefox */
    }
    .m-scroll-x::-webkit-scrollbar {
        display: none;
        /* Chrome, Safari, Opera*/
    }
    .btn-group.btn-group-toggle .btn-secondary {
        width: 25vw;
        font-size: 12px;
        margin-bottom: 3vw;
        margin: 0 1.5vw 5px 1.5vw;
        height: 40px;
        line-height: 41px;
    }
    .btn-group.btn-group-toggle .btn-secondary:first-child {
        margin-left: 1.5vw;
    }
    .header_search input {
        width: calc(100% - 35px);
        font-size: 14px;
        margin: 0px;
        height: 100%;
        margin-left: 5px;
    }
    .header_search .search-icon {
        width: 20px;
        right: 10px;
        top: 9px;
    }
    .faq-header:after {
        bottom: unset;
        top: 50%;
        transform: translateY(-50%);
        background-size: 15.5px 8.5px;
        width: 15.5px;
        height: 8.5px;
        right: 3px;
    }
    .faq-collapse {
        font-size: 14px;
    }
    .faq-collapse .faq-collapse-padding {
        padding: 20px 0;
    }
    /* report */
    .img-report-succ {
        margin-top: 15vh;
        width: 70px;
    }
    .report_result_container .m-t-128 {
        margin-top: 15vh;
    }
    .report_container .font-30 {
        font-size: 18px;
    }
    .report-wrap-top .d-flex {
        flex-direction: column;
    }
    .d-flex.report-wrap-top {
        flex-direction: column;
    }
    .report-wrap-top .report-button .m-btn {
        margin: 0px;
        margin-bottom: 10px;
        width: 100%;
    }
    .m-btn.btn-normal.w190 {
        font-size: 14px;
        height: 36px;
        line-height: 37px;
    }
    .rep-desc {
        font-size: 12px;
        line-height: 1.4;
        padding: 20px 0px;
    }
    .rleft-min-width {
        min-width: 62px;
    }
    .rleft-title {
        font-size: 15px;
        line-height: 1.4;
        padding: 15px;
    }
    .rleft-mid {
        padding: 15px;
    }
    .rleft-bottom {
        padding: 15px;
    }
    .rleft-bottom .checkbox_blank {
        width: 0px;
        margin-left: 5px;
    }
    .rleft-bottom input[type="checkbox"]+label u {
        font-size: 10px;
        padding-left: 10px;
    }
    .rleft-bottom input[type="checkbox"]+label .checkboxtext {
        font-size: 12px;
    }
    .m-btn.btn-grey.report-btn {
        font-size: 15px;
    }
    .m-btn.btn-blue.report-btn {
        font-size: 15px;
    }
    .report_container {
        margin-bottom: 10vh;
    }
    /* cal */
    .date-picker-wrapper .gap {
        width: 100%;
        height: auto !important;
        background-color: #fff;
        padding: 2vh 0px;
        margin: 0px;
        top: 0px;
    }
    .date-picker-wrapper .month-name {
        font-size: 14px !important;
    }
    .date-picker-wrapper .month-wrapper table.month2 {
        width: 100%;
        border-collapse: collapse;
    }
    .date-picker-wrapper .gap .gap-lines {
        white-space: nowrap;
        background-color: #fff;
    }
    .gap-lines .gap-line {
        -ms-transform: rotate(90deg);
        /* IE 9 */
        -webkit-transform: rotate(90deg);
        /* Chrome, Safari, Opera */
        transform: rotate(90deg);
        display: inline-block;
    }
    .date-picker-wrapper .month-wrapper table {
        width: 100%;
        border-collapse: collapse;
    }
    .date-picker-wrapper .month-wrapper table td {
        width: 14.28%;
        padding-bottom: 14.28%;
        position: relative;
    }
    .date-picker-wrapper .month-wrapper table .day {
        position: absolute;
        padding: 0px;
        line-height: 1;
        font-size: 12px;
    }
    .date-picker-wrapper .month-wrapper table .day .cal-in-wrap {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .date-picker-wrapper .month-wrapper table .day .cal-in-wrap .m-p-a-center {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        right: 0;
    }
    .date-picker-wrapper .month-wrapper table .day .circle {
        letter-spacing: 1px;
        line-height: 34px;
        margin: 0 auto;
    }
    /* report - desc */
    .bg-report1 {
        height: 100vh;
    }
    .report1-wrap {
        height: 100vh;
    }
    .bg-report1 .m-t-181 {
        margin-top: 20vh;
    }
    .report2-wrap {
        flex-direction: column;
        height: auto;
        min-height: 100vh;
    }
    .report2-wrap .scrollmagic-pin-spacer {
        /* padding-bottom: 0px !important; */
        z-index: 1;
    }
    .bg-report2 {
        width: 100%;
        height: 50vh;
    }
    .bg-report2-1 {
        /* height: 50vh;
        overflow-y: scroll; */
        width: 300vw;
        flex-direction: row;
        -webkit-perspective: 1000;
        perspective: 1000;
    }
    .bg-report2-1 .report2-1-sec {
        height: 50vh;
        width: 33.33%;
        float: left;
    }
    .thumbnail img {
        width: auto;
        height: 100%;
        max-height: 50vh;
        min-height: 100%;
        min-width: 100%;
    }
    .report2-1-sec .fir {
        padding-left: 0px;
    }
    .report2-1-sec .fir .fir-fir {
        display: none;
    }
    .report-left-first-padding {
        padding-top: 10vh;
    }
    .report-left-sec-padding {
        padding-top: 10vh;
    }
    .report-left-thir-padding {
        padding-top: 10vh;
    }
    .report3-wrap {
        min-height: 100vh;
        flex-direction: column;
    }
    .bg-report3 {
        height: 30vh;
        background-position: left top;
    }
    .bg-report3-1 {
        height: auto;
        padding: 10px 15px 0px 10px;
    }
    .report4-wrap {
        padding: 10vh 0px;
    }
    .report4-wrap .bg-report4 .lists .faq-title-m {
        margin-bottom: 10px;
        margin-top: 10px;
    }
    /* mypage */
    .rleft-max-width {
        max-width: 60vw;
    }
    .mypage_left_container .mypage_left_menu {
        font-size: 14px;
    }
    .mypage_left_container .m-font-14 {
        font-size: 14px;
    }
    .mypage_list .order_wrap {
        padding: 15px 0px;
    }
    .order-flex .order-flex-left .osw-state {
        font-size: 12px;
    }
    .order-flex .order-flex-left .osw-line {
        height: 12px;
    }
    .order-flex .order-flex-left .osw-date {
        font-size: 12px;
    }
    .order-flex .order-flex-left .osw-title {
        font-size: 14px;
    }
    .mypage_right_wrap {
        margin-bottom: 10vh;
    }
    .order-flex .order-flex-right .osw-text {
        font-size: 15px;
    }
    .order-flex-right .osw-btn {
        font-size: 12px;
        padding: 0 10px;
    }
    /* tos */
    .tos-text {
        padding: 5vh 0;
    }
    .tos-text p {
        line-height: 1.7 !important;
    }
    .tos_container {
        padding-bottom: 10vh;
    }
    /* footer */
    .m_footer {
        padding: 22px 0;
    }
    .footer_sub {
        font-size: 11px;
    }
    .footer-m-text {
        font-size: 10px;
        text-align: left;
        padding-left: 3px;
        padding-right: 3px;
        display: inline-block;
    }
    .footer-m-text:first-child {
        padding-left: 0px;
    }
}