.main-content-pad {width: 100%;height: auto;display: block}

.btn-view {width: 43vw;height: 14vw;line-height: 14vw !important;font-size: 3.8vw !important;color: #000 !important;font-family: 'SpoqaHanSansBold';text-align: center;border-radius: 2vw;border: 2px solid #d8d8d8;display: block;background: #fff;}

/*company*/
.company-tab-pad {width: 100%;height: 9.8vw;display: flex;}
.company-tab-pad .company-tab.active {color: #E54F3E !important;border-bottom: 1vw solid #E54F3E;}
.company-tab-pad .company-tab {width: 50%;display: block;text-align: center;line-height: 9.8vw;height: 9.8vw;font-size: 3.4vw;color: #d8d8d8 !important;font-family: 'SpoqaHanSansBold';}
.company-list-pad {width: 100%;height: auto;display: block}
.company-list-item {width: 100%;height: auto;padding: 3.4vw 5vw;display: flex;border-bottom: 1px solid #ddd}
.border-top {border-top: 1px solid #ddd !important;border-bottom: 0 !important}
.company-list-item img {width: 20.8vw;height: 20.8vw;border-radius: 1vw;object-fit: cover}
.board-img {width: 14vw !important;height: 14vw !important;border-radius: 7vw !important}
.company-list-info {width: auto;height: auto;display: block;margin-left: 2.7vw}
.company-user-info-pad {width: 100%;height: auto;display: flex;}
.company-list-user {font-family: 'SpoqaHanSansRegular';color: #000;line-height: 6.4vw;font-size: 3.2vw;}
.company-list-title {font-family: 'SpoqaHanSansBold';color: #000;line-height: 8.4vw;font-size: 6.2vw;}
.company-list-item-info {font-family: 'SpoqaHanSansRegular';color: #000;line-height: 6vw;font-size: 3.6vw;}
.company-list-time {font-family: 'SpoqaHanSansRegular';color: #000;line-height: 6.4vw;font-size: 3.2vw;margin-left: auto}
.company-list-item-content {width: 100%;height: auto;display: block;font-family: 'SpoqaHanSansRegular';font-size: 3.6vw;line-height: 5vw;color: #555454;margin-top: 4vw;}
.btn-community {position: fixed;z-index: 15000;width: 15vw;height: 15vw;bottom: 15vw;right: 5vw;background: #E54F3E;color: #fff !important;font-family: 'SpoqaHanSansBold';font-size: 6vw;border-radius: 7.5vw;text-align: center;display: block;line-height: 15vw;}
.btn-community-finish {color: red !important;line-height: 15.7vw !important}
.border-detail-img {width: 100%;/*height: 50vw;*/margin-bottom: 1vw;/*object-fit: cover*/}

.comment-footer {position: fixed;bottom: 0;left: 0;width: 100%;z-index: 1000;height: 30vw;padding: 1.3vw;display: flex;background: #fff;box-shadow: 0 1px 5px rgba(0,0,0,.12), 0 1px 10px rgba(0,0,0,.24);}
.comment-footer-input {width: 100%;display: flex;height: auto;border-radius: 1.3vw !important;border: 1px solid #eceff4 !important;padding: 3.6vw 3.6vw !important;font-family: 'SpoqaHanSansRegular' !important;color: #181818 !important; /* line-height: 11.2vw !important; */}
.comment-footer > a{width: 12.8vw;height: 11.2vw;line-height: 11.2vw !important;margin-left: 1.6vw;text-align: center;background: #ec2020 !important;font-family: 'SpoqaHanSansRegular';color: #fff !important;font-size: 3.6vw !important;text-align: center;border-radius: 1.3vw !important;}

.content-btn-pad {width: 100%;padding: 0 5vw;display: flex;height: 7vw;}
.content-btn-pad > a.btn-comment {display: flex;text-align: center;position: relative;padding: 0 !important;height: 7vw;font-family: 'SpoqaHanSansRegular';font-size: 3vw;color: #464749 !important;line-height: 7vw;margin-left: auto;}
.content-btn-pad > a.btn-comment > i.ico-comment {background: url(../images/ic_comment2.png) center center no-repeat;background-size: 4.8vw;height: 100%;display: block;padding: 0 3.5vw;}

.btn-community-more {color: #444 !important}
.btn-community-more .demo-icon-icon {width: 100%; height: 100%;display: block}
.btn-community-more .demo-icon-icon i {line-height: 15.7vw !important}

/*message*/
.message-dlg-content {width: 100%;display: block;height: auto}
.message-dlg-header {width: 100%;height: 16vw;line-height: 16vw;text-align: center;display: block;font-size: 4.6vw;font-family: 'SpoqaHanSansBold';color: #000;border-bottom: 1px solid #ddd}
.message-dlg-body {width: 90%;height: auto;display: block;margin: auto}
.message-type-pad {width: 100%;display: flex;height: 12vw;}
.message-type-title {font-family: 'SpoqaHanSansRegular';color: #91949a;font-size: 3.6vw;line-height: 12vw;}
.message-radio {margin-left: 5vw !important}
.message-textarea {margin-top: 2vw;font-family: 'SpoqaHanSansRegular';color: #181818;font-size: 3.6vw;width: 100%;min-height: 50vw;height: auto;margin-bottom: 5vw}

.phillife-logo-pad {width: 44vw;height: 100%;display: inline-block;text-align: left;position: relative}
.phillife-logo-img {width: 12vw;height: 20vw;margin-left: 5vw}
.philife-logo-title {font-size: 9vw;font-family: 'SpoqaHanSansBold';color: #000;text-align: center;z-index: 120;position: relative;position: absolute;bottom: -12.8vw;width: 100%;display: block;}
.philife-logo-title > span {font-size: 9vw;font-family: 'SpoqaHanSansBold';color: #E54F3E}
.philife-logo-line {width: 100%;position: absolute;bottom: -12.8vw;width: 100%;height: 5.8vw;border-radius: 2.9vw;background: #EECE53;}
.philife-splash-title {font-size: 9vw;font-family: 'SpoqaHanSansBold';color: #000;text-align: center;z-index: 120;position: relative;position: absolute;bottom: -12.8vw;width: 100%;display: block;}
.philife-splash-title > span {font-size: 12vw;font-family: 'SpoqaHanSansRegular';color: #000000}
.philife-splash-line {width: 100%;position: absolute;bottom: -12.8vw;width: 100%;height: 5.8vw;border-radius: 2.9vw;background: #E0EBEA;}
.philife-splash-footer {position: fixed;bottom: 0;width: 100%;z-index: 1000;height: auto;display: block}
.btn-philife-login {background: #EECE53;height: 13.4vw;color: #E54F3E !important;line-height: 13.4vw;font-size: 4vw;width: 100% !important;border-radius: 2.4vw !important;font-family: 'SpoqaHanSansBold';margin-bottom: 2.7vw}
.btn-philife-join {background: #E54F3E;height: 13.4vw;color: #fff !important;line-height: 13.4vw;font-size: 4vw;width: 100% !important;border-radius: 2.4vw !important;font-family: 'SpoqaHanSansBold';margin-bottom: 2.7vw}
.philife-footer-content {width: 89vw;height: auto;display: block;margin: auto}
.phillife-ct-img {border-radius: 19vw !important}
.philife-main-img-pad {width: auto;height: 100%;display: block;position: relative}
.philife-main-img-pad > img {width: 50vw;height: 50vw;text-align: center;position: absolute;top: 45%;left: 50%;transform: translate(-50%,-55%); padding-bottom: 0vw}

.company-header-menu {position: fixed;top: 15.7vw;width: 100%;z-index: 1000;height: 16vw;display: block;background: #fff}
.bg-company-grey {background: #f5f5f5 !important}
.company-category-header {width: 93%;height: 15.7vw;display: flex;margin: auto}
.dis-block {display: block !important}
.company-category-header > div.company-tab {height: 7.4vw;width: 20.3vw;border-radius: 3.7vw;font-family: 'SpoqaHanSansBold';color: #a2a2a2;font-size: 3vw;line-height: 7.4vw;white-space: nowrap;display: inline-block;margin-top: auto;margin-bottom: auto;background: #f7f7f7;text-align: center;margin-left: auto;margin-right: auto}
.company-category-header > div.company-tab.active {background: #EECE53;color: #E54F3E;}
.company-list-info > .item-detail {display: flex;width: 100%;height: auto;}
.company-list-info > .item-detail > i.ico-favor.active {background: url("../img/ic_star.png") center center no-repeat;background-size: 2.8vw;display: block;width: 2.8vw;height: 2.6vw;margin-right: 0.8vw;}
.company-list-info > .item-detail > i.ico-favor {background: url("../images/ic_menu_star_dis.png") center center no-repeat;background-size: 2.8vw;display: block;width: 2.8vw;height: 2.6vw;margin-right: 0.8vw;}
.company-list-info > .item-detail > .item-mark {font-family: 'SpoqaHanSansBold';color: #E54F3E;margin-left: 1vw;font-size: 3vw;line-height: 3vw;}
.col-grey {color: #a2a2a2 !important}
.alarm-info {font-family: 'SpoqaHanSansRegular';color: #a2a2a2;font-size: 2.4vw;line-height: 3vw;}
.lh-8-4 {line-height: 8.4vw !important}
.btn-gps {position: fixed;z-index: 15000;width: 16vw;height: 16vw;bottom: 17.8vw;right: 5vw;background: #fff;font-family: 'SpoqaHanSansBold';box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.2);border-radius: 8vw}
.btn-gps > i.ico-gps {background: url("../img/ic_gps.png") center center no-repeat;background-size: 6.8vw;display: block;height: 100%}
.h-auto {height: auto !important}

.company-img {border-radius: 0 !important;width: 25vw !important;height: 25vw !important}

.btn-board-delete {width: 12.8vw;height: 11.2vw;line-height: 11.2vw !important;margin-left: auto;text-align: center;background: #ec2020 !important;font-family: 'SpoqaHanSansRegular';color: #fff !important;font-size: 3.6vw !important;text-align: center;border-radius: 1.3vw !important}
.user-profile {width: 30vw;height: 30vw;border-radius:15vw;display: block;margin: auto;object-fit: cover;}

.sp-main-logo {width: 100%;height: 100%;display: block;position: relative;background: #fff}
.sp-top-logo {width: 62vw;height: 22vw;position: absolute;top: 32vw;left: 50%;transform: translateX(-50%)}
/*.sp-main-logo img {width: 100%;height: 100%;}*/
.sp-logo-pad {width: 100%;height: auto;display: block;position: absolute;bottom: 26vw}
.sp-anim-bg {
    width: 100%;height: 26.5vw;position: relative;object-fit: contain;
    -webkit-animation-name: example; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 4s; /* Chrome, Safari, Opera */
    -webkit-animation-iteration-count: infinite; /* Chrome, Safari, Opera */
    animation-name: example;
    animation-duration: 4s;
    animation-iteration-count: infinite
}

.sp-ground-bg {
    width: 100%;
    position: absolute;
    top: 26.5vw;
    left: 0;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes example {
    /*0%   {left:-50%; top:0px;}*/
    0%   {-webkit-transform:  translate(-80%, 0);}
    /*25%  {left:-25%; top:0px;}*/
    /*50%  {left:0%; top:0;}*/
    /*75%  {left:25%; top:0}*/
    /*100% {left:50%; top:0px;}*/
    100% {-webkit-transform:  translate(80%, 0)}
}

/* Standard syntax */
@keyframes example {
    /*0%   {left:-50%; top:0px;}*/
    0%   {transform:  translate(-80%, 0);}
    /*25%  {left:-25%; top:0px;}*/
    /*50%  {left:0%; top:0;}*/
    /*75%  {left:25%; top:0}*/
    /*100% {left:50%; top:0px;}*/
    100% {transform: translate(80%, 0);}
}

.footer-container {width: 100%;height: auto;display: flex;}
.footer-container > img {width: 11vw;height: 11vw;object-fit: cover}

.item-send-time {width: 100%;display: flex;height: auto;}
.item-send-time > img {width: 3vw;height: 3vw;object-fit: cover;margin-top: auto;margin-bottom: auto}
.send-time-label {font-family: 'SpoqaHanSansRegular';color: #a2a2a2;margin-left: 2vw;font-size: 3vw;line-height: 3vw;margin-top: auto;margin-bottom: auto}
.state-view {width: 100%;height: auto;display: block}
.state-view > img {height: 5vw; float: left;margin-right: 2vw;display: block}
.c-img-content {width: 25vw;height: 25vw;display: block;position: relative;margin-top: auto;margin-bottom: auto}
.placeholder-time {position: absolute;top: 0;left: 0;width: 25vw;height: 25vw;background: rgba(0,0,0,0.2);text-align: center;line-height: 25vw;font-size: 4vw;color: #fff;font-family: 'SpoqaHanSansBold';}
.placeholder-wait {position: absolute;bottom: 0;left: 0;width: 25vw;height: 7vw;background: rgba(0,0,0,0.5);text-align: center;line-height: 7vw;font-size: 4vw;color: #fff;font-family: 'SpoqaHanSansBold';}

.top-menu-title {
    width: 100%;
    height: 15.4vw !important;
    line-height: 15.4vw !important;
    color: #000 !important;
    font-family: 'SpoqaHanSansRegular';
    font-size: 3.8vw;background: #fff;padding-left: 5vw}

.ct-footer-pad {position: fixed;bottom: 11.2vw;width: 100%;height: 50vw;display: flex;left: 0;padding: 0 2.6vw;}
.pb-55-7 {padding-bottom: 65.7vw !important}
.pt-25-4 {padding-top: 25.4vw !important}
.c-top-pad {position: fixed;top: 15.7vw;left: 0;height: 10vw;width: 100%;z-index: 100;background: #fff;display: flex}
.basket-cnt {
    position: absolute;
    width: 3.4vw;
    top: 1.5vw;
    right: 4.5vw;
    background: #EECE53;
    border-radius: 1.7vw;
    height: 3.4vw;
    line-height: 3.4vw;
    display: block;
    text-align: center;
    font-family: 'SpoqaHanSansBold';
    color: #000;
    font-size: 1.8vw;
}

.p-review-info {margin-right: auto;line-height: 5.2vw;font-family: 'SpoqaHanSansRegular';font-size: 3vw;}

.c-b-b {border-bottom: 1vw solid #d8d8d8}