@charset "UTF-8";

@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-dynamic-subset.min.css");

@font-face {
    font-family: 'SOGANGUNIVERSITYTTF';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2312-1@1.1/SOGANGUNIVERSITYTTF.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'paybooc-Light';
    src: url('https://cdn.jsdelivr.net/gh/fontbee/font@main/BCCard/paybooc-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

html{
    /*scroll-behavior: smooth;*/
}

html,body{
    overflow-x: hidden;
    font-family: 'SOGANGUNIVERSITYTTF', sans-serif;
    font-weight: 500;
}

*{
    margin: 0;
    padding: 0;
}

body{
    overflow-x: hidden;
}

a,
a:hover,
a:focus,
a:active,
a:visited{
    text-decoration: none;
    cursor: pointer;
    color: #343434;
}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="password"]{
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

input[type="checkbox"]{
    vertical-align: middle;
}

a,button{
    cursor: pointer;
    outline: none;
}

hr,img{
    border: none;
}

img,button{
    vertical-align: middle;
}

button{
    cursor: pointer;
    overflow: visible;
    margin: 0;
    font: inherit;
    color: inherit;
    line-height: normal;
}

ul,ol,li{
    list-style: none;
}

table{
    border-collapse: collapse;
}

::selection {
    color: #fff;
    background: #258584;
}

.center{
    text-align: center;
}

.text-align-right{
    text-align: right;
}

.text-align-left{
    text-align: left;
}

.clearfix:after{
    content: "";
    clear: both;
    display: block;
}

.jp-ld-preloader{
    position: fixed;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
    margin-top: -50px;
    z-index: 1000;
}

.as-text-center{
    text-align: center;
}


/* 헤더 */
.as-header{
    border-bottom: 1px solid #135cd2;
}

.as-header-inner{
    width: 998px;
    margin: 0 auto;
    position: relative;
    min-height: 100px;
}

.as-navigation-list{
    float: left;
    padding: 0 25px;
}

.as-navigation-link{
    display: inline-block;
    font-weight: bold;
    font-size: 16px;
    transition: 0.3s;
}

.as-navigation-link:hover,
.as-navigation-link-active{
    color: #135cd2 !important;
}

.as-logo{
    position: absolute;
    bottom: 30px;
    left: 0;
}

.as-navigation{
    position: absolute;
    bottom: 39px;
    left: 300px;
}

/* 홈 상단 배너 */
.cc-home-top-banner{
    background: #f5faff;
}

.cc-home-top-banner-inner{
    position: relative;
    margin: 0 auto;
    height: 500px;
    text-align: center;
}

.as-swiper-pagination-home-banner{
    width: 100%;
    text-align: center;
    bottom: 30px !important;
}

.as-swiper-pagination-home-banner .swiper-pagination-bullet{
    width: 35px;
    height: 5px;
    background: #d2d2d2;
    margin: 0 5px;
    opacity: 1;
    border-radius: 5px;
}

.as-swiper-pagination-home-banner .swiper-pagination-bullet-active{
    background: #135cd2;
}


/* 메인 주요서비스 소개 */
.as-service-info-inner{
    width: 998px;
    margin: 0 auto;
    padding: 50px 0;
}

.as-section-title{
    font-size: 28px;
    margin-top: 10px;
}

.as-service-info-list{
    float: left;
    width: 25%;
}

.as-service-section-header{
    padding-bottom: 30px;
}

.as-service-info-link{
    display: block;
    border: 1px solid #dddfe3;
    background: #f9fcff;
}

.as-service-info-list:nth-child(1) .as-service-info-link{
    margin-right: 10px;
}

.as-service-info-list:nth-child(2) .as-service-info-link{
    margin: 0 5px;
}

.as-service-info-list:nth-child(3) .as-service-info-link{
    margin: 0 5px;
}

.as-service-info-list:nth-child(4) .as-service-info-link{
    margin-left: 10px;
}

.as-service-info-text{
    padding: 10px;
    display: block;
    position: relative;
}

.as-service-info-text:after{
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 30%;
    height: 2px;
    background: #135cd2;
    transition: 0.3s;
    margin-left: -15%;
}

.as-service-title{
    text-align: center;
    font-size: 20px;
    display: block;
    padding: 5px 0;
    transition: 0.3s;
}

.as-service-desc{
    color: #707070;
    font-size: 15px;
    font-weight: normal;
    text-align: center;
    display: block;
    margin-top: 10px;
    line-height: 20px;
}

.as-service-info-link:hover .as-service-title{
    color: #135cd2;
}

.as-service-info-link:hover .as-service-info-text:after{
    width: 100%;
    left: 0;
    margin-left: 0;
}

.as-service-img-holder{
    display: block;
}

/* footer */
.as-footer-inner{
    width: 998px;
    margin: 50px auto 0 auto;
    padding: 30px 0 30px 230px;
    border-top: 1px solid #c6c6c6;
    position: relative;
    box-sizing: border-box;
}

.as-ft-navigation-list{
    float: left;
    margin-right: 40px;
}

.as-ft-navigation-link{
    display: inline-block;
    color: #4a4a4a;
    font-size: 14px;
}

.as-ft-navigation-link:hover{
    color: #135cd2;
}

.as-logo-ft{
    position: absolute;
    top: 20px;
    left: 0;
}

.as-footer{
    padding-bottom: 50px;
}

.as-footer-cs-info{
    margin: 15px 0;
}


.as-footer-cs-info-box{
    display: inline-block;
    border: 1px solid #dcdcdc;
    padding: 3px;
}

.as-footer-cs-info-box strong{
    color: #343434;
}

.as-footer-address-info{
    font-size: 13px;
    color: #a5a5a5;
    line-height: 20px;
}

/* home 추천 상품 */
.as-recom-items-inner{
    width: 998px;
    margin: 0 auto;
    padding-top: 20px;
}

.as-recom-title{
    font-size: 26px;
    color: #135cd2;
    position: relative;
    font-weight: 600;
}

.as-recom-title:after{
    content: "";
    height: 1px;
    width: 800px;
    position: absolute;
    top: 50%;
    right: 0;
    background: #135cd2;
}

.as-recom-type-list{
    float: left;
    width: 25%;
}

.as-recom-type-link{
    display: block;
    height: 45px;
    line-height: 45px;
    color: #343434;
    text-align: center;
    font-weight: 700;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    font-size: 15px;
}

.as-recom-type-link-active{
    background: transparent url('./img/bg-recom-list.png') no-repeat 0 center;
    color: #fff !important;
    border: none !important;
}

.as-recom-type-list:first-child .as-recom-type-link{
    border-left: 1px solid #e5e5e5;
}

.as-recom-type-body{
    margin: 25px 0;
}

.as-recom-table-layout{
    table-layout: fixed;
    width: 996px;
    border-top: 1px solid #9fbfff;
    border-bottom: 1px solid #e5e5e5;
}

.as-recom-table-layout thead tr {
    display: block;
    position: relative;
}

.as-recom-table-layout tbody {
    display: block;
    overflow: auto;
    width: 100%;
    height: 350px;
}

.as-recom-table-layout tbody td{
    height: 70px;
    line-height: 70px;
    padding-left: 15px;
    border-bottom: 1px solid #e5e5e5;
    color: #343434;
    font-size: 14px;
}

.as-recom-table-layout tbody tr{
    cursor: pointer;
}

.as-recom-table-layout tbody tr:hover td{
    background: #f9fcff;
}

.as-recom-table-layout thead th{
    height: 50px;
    line-height: 50px;
    font-weight: 700;
    background: #f9fcff;
    padding-left: 15px;
    font-size: 14px;
}

.as-recom-table-layout tbody td:nth-child(1), .as-recom-table-layout thead th:nth-child(1) {
    width: 220px;
    text-align: left;
}

.as-recom-table-layout tbody td:nth-child(2), .as-recom-table-layout thead th:nth-child(2) {
    width: 240px;
    text-align: left;
}

.as-recom-table-layout tbody td:nth-child(3), .as-recom-table-layout thead th:nth-child(3) {
    width: 145px;
    text-align: left;
}

.as-recom-table-layout tbody td:nth-child(4), .as-recom-table-layout thead th:nth-child(4) {
    width: 145px;
    text-align: left;
}

.as-recom-table-layout tbody td:nth-child(5), .as-recom-table-layout thead th:nth-child(5) {
    width: 248px;
    text-align: left;
}

/* 적금 - 가입조건 */
.as-recom-table-layout .as-ellipsis{
    width: 240px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.as-banner-holder{
    width: 998px;
    margin: 30px auto;
}

.as-recom-contents-title{
    height: 60px;
    line-height: 60px;
    position: relative;
}

.as-recom-contents-title-txt{
    padding-left: 27px;
    position: relative;
    font-size: 18px;
    color: #343434;
}

.as-recom-contents-title-txt:after{
    content: "";
    position: absolute;
    top: 50%;
    left: 2px;
    width: 8px;
    height: 8px;
    background: #135cd2;
    margin-top: -4px;
}

.cc-recom-contents-more{
    position: absolute;
    top: 0;
    right: 7px;
    color: #8a8a8a;
    font-size: 15px;
}

.cc-recom-contents-more-text{
    position: relative;
    top: 2px;
}

/* home - request  */
.as-request-holder{
    width: 998px;
    margin: 0 auto;
}

.as-request-box{
    float: left;
    width: 50%;
}

.as-request-box:nth-child(1) .as-request-box-inner{
    margin-right: 12px;
    background: #f9fcff url('./img/bg-form-01.gif') no-repeat 260px 190px;
}

.as-request-box:nth-child(2) .as-request-box-inner{
    margin-left: 12px;
    background: #f7f7f7 url('./img/bg-form-02.gif') no-repeat 290px 245px;
}

.as-request-box .as-request-box-desc{
    font-size: 16px;
    color: #666;
    line-height: 24px;
    padding-bottom: 32px;
    padding-left: 34px;
    font-weight: 600;
}

.as-request-box:nth-child(1) .as-request-box-title{
    font-size: 22px;
    color: #002f8c;
    padding-top: 30px;
    padding-left: 60px;
    padding-bottom: 20px;
    position: relative;
}

.as-request-box:nth-child(1) .as-request-box-title:after{
    content: "";
    width: 4px;
    height: 55px;
    position: absolute;
    top: 0;
    left: 38px;
    background: #c1272d;
}

.as-request-box:nth-child(2) .as-request-box-title{
    font-size: 22px;
    color: #00b461;
    padding-top: 30px;
    padding-left: 60px;
    padding-bottom: 20px;
    position: relative;
}

.as-request-box:nth-child(2) .as-request-box-title:after{
    content: "";
    width: 4px;
    height: 55px;
    position: absolute;
    top: 0;
    left: 38px;
    background: #00b461;
}

.as-request-box .as-input-field{
    border: 1px solid #d2d2d2;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    font-size: 16px;
    color: #9a9a9a;
    width: 282px;
    box-sizing: border-box;
}

.as-form-request-01,
.as-form-request-02{
    display: block;
    padding-left: 35px;
}

.as-form-tel-holder{
    margin-top: 7px;
    margin-bottom: 14px;
}

.as-form-btn-holder{
    padding-top: 30px;
    padding-bottom: 50px;
}

.as-form-submit-btn{
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    display: inline-block;
    margin-left: 20px;
    background: #c62424;
    border: none;
    height: 39px;
    line-height: 39px;
    width: 175px;
}

.as-form-agree-holder{
    margin-left: 20px;
}

.as-form-agree-holder label{
    font-size: 12px;
    color: #7e7e7e;
}

/* news */
.as-news{
    margin-top: 50px;
}
.as-news-inner{
    margin: 0 auto;
    width: 998px;
}

.as-news-box{
    float: left;
    width: 50%;
}

.as-news-box:nth-child(1) .as-news-box-inner{
    margin-right: 12px;
}

.as-news-box:nth-child(2) .as-news-box-inner{
    margin-left: 12px;
}

.as-news-unit{
    overflow: hidden;
}

.as-news-unit-title{
    font-size: 20px;
    color: #343434;
    position: relative;
    border-bottom: 1px solid #313131;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.as-news-unit-list{
    padding-left: 17px;
    position: relative;
    height: 30px;
    line-height: 30px;
}

.as-news-unit-list .as-news-link{
    color: #343434;
    font-size: 14px;
    display: inline-block;

    width: 380px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.as-news-unit-list .as-news-link:hover{
    color: #135cd2;
    text-decoration: underline;
}

.as-news-unit-list .as-news-date{
    color: #343434;
    float: right;
    font-size: 13px;
    margin-right: 10px;
}

.as-news-unit:nth-child(2){
    margin-top: 30px;
}

/* 최신 주요 뉴스 */
.as-swiper-container-recent-news .as-recent-new-desc{
    font-size: 15px;
    color: #666;
    line-height: 26px;
    padding: 10px 15px;
    font-weight: 600;
    box-sizing: border-box;
    height: 67px;

    /* 2줄 줄임 */
    width: 487px;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow: hidden;
    text-overflow:ellipsis;
}

.as-swiper-container-recent-news .swiper-slide{
    background: #fbfbfb;
}

.swiper-slider-link{
    display: block;
    position: relative;
    max-height: 320px;
}

.swiper-slide-profit-title{
    display: block;
    width: 100%;
    height: 60px;
    line-height: 60px;
    padding: 0 20px;
    white-space: nowrap;
    font-size: 14px;
    color: #fff;
    background: rgba(0,0,0,0.7);
    position: absolute;
    bottom: 0;
    left: 0;
}

.as-news-recent-swiper-holder .swiper-container{
    overflow: visible;
}

.as-swiper-container-recent-news .as-swiper-recent-news-pagination{
    top: -45px;
    text-align: right;
}

.as-swiper-container-recent-news .swiper-pagination-bullet{
    width: 17px;
    height: 17px;
    opacity: 1;
    text-align: center;
    line-height: 17px;
    background: #fff;
    border: 1px solid #959595;
    font-size: 11px;
    font-weight: 600;
}

.as-swiper-container-recent-news .swiper-pagination-bullet-active{
    background: #187cf2;
    border: 1px solid #187cf2;
    color: #fff;
}

/* 서비스 소개 */
.as-breadcrumb{
    background: #0949c7;
}

.as-breadcrumb-inner{
    margin: 0 auto;
    width: 998px;
    height: 100px;
    line-height: 100px;
    color: #ececec;
    font-size: 16px;
    font-weight: 600;
}

.as-page-header{
    border-bottom: 1px solid #d2d2d2;
}

.as-page-header-inner{
    margin: 0 auto;
    width: 998px;
    color: #343434;
    font-size: 26px;
    font-weight: 600;
    padding-bottom: 17px;
    padding-top: 50px;
}


.as-page-header-inner2{
    margin: 0 auto;
    width: 998px;
    color: #343434;
    font-size: 26px;
    font-weight: 600;
    padding-bottom: 17px;
    padding-top: 50px;

    border-bottom: 1px solid #d2d2d2;
}

.as-page-header-inner2 .as-page-header-desc{
    color: #343434;
    font-size: 20px;
    margin-top: 22px;
    line-height: 28px;
    font-weight: 600;
}

.as-service-inner{
    margin: 0 auto;
    width: 998px;
}

.as-service-contents-list{
    float: left;
    width: 330px;
    height: 330px;
    position: relative;
    transition: 0.3s;
}

.as-service-contents-list:before{
    content: "";
    height: 2px;
    width: 0;
    background: #1f71dd;
    position: absolute;
    bottom:0;
    right: 0;
    transition: 0.5s;
}

.as-service-contents-list:hover:before{
    width: 330px;
}

.as-service-contents-list:after{
    content: "";
    height: 0;
    width: 2px;
    background: #1f71dd;
    position: absolute;
    bottom:0;
    right: 0;
    transition: 0.5s;
}

.as-service-contents-list:hover:after{
    height: 330px;
}


.as-service-contents-inner{
    width: 958px;
    padding: 55px 0;
}

.as-service-bg{
    background: #fbfbfb url('./img/bg-service-01.gif') center center;
}

.as-service-contents-body{
    margin: 0 auto;
    width: 730px;
}

.as-service-contents-list:nth-child(1){
    margin-right: 70px;
    margin-bottom:70px;
    background: url('./img/service/bg-service-box-01.jpg') no-repeat 0 0;
}

.as-service-contents-list:nth-child(2){
    margin-bottom:70px;
    background: url('./img/service/bg-service-box-02.jpg') no-repeat 0 0;
}

.as-service-contents-list:nth-child(3){
    margin-right: 70px;
    background: url('./img/service/bg-service-box-03.jpg') no-repeat 0 0;
}

.as-service-contents-list:nth-child(4){
    background: url('./img/service/bg-service-box-04.jpg') no-repeat 0 0;
}

.as-service-section-title{
    font-size: 22px;
    font-weight: 600;
    color: #343434;
    text-align: center;
    margin-top: 66px;
    margin-bottom: 37px;
    position: relative;
}

.as-service-section-title:before{
    content: "";
    position: absolute;
    top: -18px;
    left: 50%;
    width: 40px;
    height: 4px;
    border-radius: 4px;
    background: #247be6;
    margin-left: -20px;
}

.as-service-section-desc{
    font-size: 16px;
    color: #606060;
    text-align: center;
    line-height: 24px;
}

.as-service-contents{
    margin-top: 36px;
}

.as-service-con-title{
    font-size: 22px;
    color: #343434;
    display: block;
    text-align: center;
    padding-top: 130px;
    padding-bottom: 30px;
}

.as-service-con-desc{
    font-size: 16px;
    color: #707070;
    display: block;
    padding: 0 50px;
    line-height: 22px;
}

.as-service-contents-list2{
    float: left;
    width: 286px;
    height: 286px;
    border: 2px solid #fbfbfb;
    box-sizing: border-box;
    transition: 1s;
    border-radius: 286px;
}

.as-service-contents-list2:hover{
    border-color: #247be6;
}


.as-service-contents-list2:nth-child(1){
    background: url('./img/service/bg-service-circle-01.png') no-repeat 0 0;
}

.as-service-contents-list2:nth-child(2){
    background: url('./img/service/bg-service-circle-02.png') no-repeat 0 0;
    margin: 0 50px;
}

.as-service-contents-list2:nth-child(3){
    background: url('./img/service/bg-service-circle-03.png') no-repeat 0 0;
}

.as-service-contents-list2-title{
    font-size: 18px;
    color: #343434;
    display: block;
    text-align: center;
    padding-top: 110px;
    padding-bottom: 35px;
    position: relative;
}

.as-service-contents-list2-title:after{
    content: "";
    position: absolute;
    bottom: 14px;
    left: 50%;
    width: 40px;
    height: 4px;
    border-radius: 4px;
    background: #247be6;
    margin-left: -20px;

}

.as-service-contents-list2-desc{
    font-size: 17px;
    color: #767676;
    display: block;
    text-align: center;
    line-height: 24px;
}

.as-item-details-inner{
    margin: 0 auto;
    width: 998px;
}

.as-item-details-table{
    width: 100%;
}

.as-item-details-table{
    margin-top: 50px;
}

.as-item-details-table thead th{
    height: 50px;
    background: #f9fcff;
    text-align: left;
    padding: 0 30px;
}

.as-item-details-table tbody td{
    height: 69px;
    text-align: left;
    padding: 0 30px;
    border-bottom: 1px solid #e5e5e5;
    transition: 0.5s;
}

.as-item-details-table tbody tr:hover td{
    background: #f9fcff;
}

.as-financial-group-logo{
    max-width: 100px;
}

.as-item-details-link-details,
.as-item-details-link-details:hover,
.as-item-details-link-details:active{
    display: inline-block;
    width: 94px;
    height: 37px;
    line-height: 37px;
    text-align: center;
    margin-right: 10px;
    background: #e6e9ee;
    color: #0949c7 !important;
    font-size: 15px;
    font-weight: 600;
}

.as-item-details-link-request,
.as-item-details-link-request:hover,
.as-item-details-link-request:active{
    display: inline-block;
    width: 94px;
    height: 37px;
    line-height: 37px;
    text-align: center;
    background: #0949c7;
    color: #fff !important;
    font-size: 15px;
    font-weight: 600;
}

.as-item-details-table thead th:last-child,
.as-item-details-table tbody td:last-child{
    text-align: center;
}

.as-notice-table{
    width: 100%;
    border-top: 2px solid #0949c7;
}

.as-notice-table th,
.as-notice-table td{
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-right: 1px solid #d1cece;
    border-bottom: 1px solid #d1cece;
    font-size: 15px;
}

.as-notice-table td:nth-child(2){
    text-align: left;
    padding-left: 20px;
}

.as-notice-table td a{
    transition: 0.3s;
}

.as-notice-table td a:hover{
    color: #0949c7;
    text-decoration: underline;
}

.as-notice-table th:last-child,
.as-notice-table td:last-child{
    border-right: none;
}

.as-notice-table td .as-ico-new{
    display: inline-block;
    margin-left: 10px;
    background: #c31b1a;
    font-weight: 400;
    font-size: 10px;
    color: #fff;
    text-align: center;
    width: 38px;
    height: 18px;
    line-height: 18px;
    position: relative;
    top: -2px;
}

.as-news-table{
    border-top: 2px solid #0949c7;
}

.as-news-table .as-news-table-list{
    border-bottom: 1px solid #e5e5e5;
    padding: 30px;
}

.as-news-table .as-news-table-list-date{
    color: #888;
    display: block;
    margin-top: 20px;
    font-size: 16px;
}

.as-news-table .as-news-table-link{
    font-size: 19px;
    font-weight: 600;
    color: #343434;
    transition: 0.3s;
}

.as-news-table .as-news-table-link:hover{
    color: #0949c7;
    text-decoration: underline;
}

.as-news-unit-body{
    min-height: 120px;
}

.as-swiper-container-recent-news .swiper-wrapper{
    z-index: 100;
}

/* modal - request - form*/
.as-modal-reqeust-form{
    width: 700px;
    background: #fff;
    padding: 25px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -350px;
    margin-top: -350px;
    z-index: 100;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
    display: none;
}

.as-modal-reqeust-form-inner{
    border: 1px solid #0949c7;
    min-height: 700px;
    position: relative;
    padding: 45px 70px;
    box-sizing: border-box;
}


.as-modal-title{
    position: relative;

}

.as-modal-title .as-modal-close{
    position: absolute;
    top: -10px;
    right: -35px;
}

.as-modal-reqeust-form .as-modal-sub-title{
    padding-top: 30px;
    padding-bottom: 30px;
    line-height: 30px;
    font-size: 20px;
    color: #3a3a3a;
    border-bottom: 2px solid #0949c7;
}

.as-modal-reqeust-form  .as-bold-blue{
    color: #2171f9;
}

.as-modal-form-body{
    padding: 15px 0;
}

.as-form-input{
    width: 100%;
    height: 55px;
    line-height: 55px;
    padding: 0 20px;
    box-sizing: border-box;
    border: 1px solid #d2d2d2;
    font-size: 20px;
    color: #000;
    display: inline-block;
    margin-top: 5px;
}

.as-modal-form-body .form-group{
    margin-top: 15px;
}

.as-form-input-tel{
    width: 167px;
    float: left;
    display: inline-block;
    height: 55px;
    line-height: 55px;
    font-size: 20px;
    color: #000;
    text-align: center;
}

.as-form-input-tel:nth-child(2){
    margin: 0 22px;
}

.as-modal-form-body label[for="as-modal-agreement"]{
    color: #838383;
    font-size: 14px;
}

.as-modal-reqeust-form .as-form-btn-area{
    text-align: center;
    margin-top: 40px;
}

.as-btn-free-request{
    display: inline-block;
    background: #2171f9;
    text-align: center;
    width: 340px;
    height: 55px;
    line-height: 55px;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
}

/* 상세 대출탭 */
.as-tab-loan{
    width: 960px;
    margin: 0 auto;
}

.as-tab-loan-list{
    float: left;
    width: 33.333%;
}

.as-tab-loan-list .as-tab-loan-link,
.as-tab-loan-list .as-tab-loan-link:hover,
.as-tab-loan-list .as-tab-loan-link:focus,
.as-tab-loan-list .as-tab-loan-link:active{
    display: block;
    height: 45px;
    line-height: 45px;
    text-align: center;
    color: #343434;
    font-weight: 600;
    border-right: 1px solid #e5e5e5;
}

.as-tab-loan-body{
    border: 1px solid #e5e5e5;
}

.as-tab-loan-list:last-child .as-tab-loan-link{
    border-right: none;
}

.as-tab-loan-list .as-tab-loan-link-active{
    background: url('./img/bg-btn-loan.gif') no-repeat 0 0;
    color: #fff !important;
    border: none !important;
}

.as-loan-breadcrumb{
    margin: 40px auto 25px auto;
    width: 980px;
    color: #606060;
    font-size: 14px;
}

/* 보험상담 */
.as-insurance-request-box{
    background: #f3eee9;
    padding: 80px;
}

.as-insurance-request-box .as-col2-table{
    display: table;
    width: 100%;
    margin-top: 40px;
}

.as-insurance-request-box .as-col2-cell{
    display: table-cell;
    width: 50%;
}

.as-insurance-request-box .as-col2-row{
    display: table-row;
}

.as-req-table-inner{
    background: #fff;
    height: 70px;
    margin-right: 5px;
    margin-bottom: 10px;
}

.as-req-table-inner2{
    background: #fff;
    height: 70px;
    margin-left: 5px;
    margin-bottom: 10px;
}

label[for="as-insurance-agreement"]{
    color: #909090;
    font-size: 13px;
    margin-left: 10px;
}

.as-insurance-btn-area{
    text-align: center;
    padding-top: 50px;
}

.as-btn-req-red{
    background: #d21d36;
    height: 75px;
    line-height: 75px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    width: 400px;
    font-size: 24px;
}

.as-insurance-request-box .as-input-name,
.as-insurance-request-box .as-input-birthday,
.as-insurance-request-box .as-input-phone{
    height: 70px;
    line-height: 70px;
    padding: 0 20px;
    font-size: 20px;
    color: #000;
    border: none;
    width: 100%;
    box-sizing: border-box;
}

.as-gender-req{
    height: 70px;
    line-height: 70px;
    float: left;
    width: 50%;
    display: block;
    position: relative;
}

.as-insurance-table{
    width: 100%;
    margin-top: 40px;
}

.as-gender-req label{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    cursor: pointer;
}

.as-gender-req input[type="radio"]{
    visibility: hidden;
}

.as-gender-req .as-select-tag{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 90;
    display: block;
    text-align: center;
    font-size: 26px;
    color: #0949c7;
}

.as-gender-req input[type="radio"]:checked + .as-select-tag{
    background: #0949c7;
    color: #fff;
}

/* 공지사항 상세 */
.as-notice-table-details{
    width: 998px;
    border-top: 2px solid #c1272d;
}

.as-notice-table-details th{
    text-align: left;
    background: #f8f9fa;
    border-bottom: 1px solid #d1cece;
    font-size: 16px;
    padding: 15px 30px;
    color: #142434;
}

.as-notice-table-details td{
    padding: 15px 30px;
    font-size: 16px;
    color: #696969;
}

.as-notice-table-details .text-splitter{
    color: #c2c2c2;
    font-size: 14px;
}

.as-notice-details-area{
    white-space: pre-line;
    line-height: 26px;
}

.as-notice-details-area img{
    width: 100%;
    max-width: 900px;
}

.as-notice-table-details .as-ico-new{
    display: inline-block;
    margin-left: 10px;
    background: #c31b1a;
    font-weight: 400;
    font-size: 10px;
    color: #fff;
    text-align: center;
    width: 38px;
    height: 18px;
    line-height: 18px;
    position: relative;
    top: -2px;
}

.as-notice-table-details .as-notice-prev,
.as-notice-move-area .as-notice-prev{
    float: left;
    font-size: 16px;
    color: #736e6f;
}

.as-notice-table-details .as-notice-next,
.as-notice-move-area .as-notice-next{
    float: right;
    font-size: 16px;
    color: #736e6f;
}

.as-notice-table-details .as-notice-prev:hover,
.as-notice-table-details .as-notice-next:hover,
.as-notice-move-area .as-notice-prev:hover,
.as-notice-move-area .as-notice-next:hover{
    color: #be252e;
}

.as-notice-bottom-btn-area{
    text-align: center;
    margin-top: 50px;
    margin-bottom: 50px;
}

.as-notice-move-area{
    border-top: 1px solid #d1cece;
    border-bottom: 1px solid #d1cece;
    padding: 15px 20px;
}

.as-notice-bottom-btn-area a{
    background: #9499a1;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    width: 167px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
}

.ti-page-header{
    color: #fff;
    font-size: 30px;
}


/* victory start */
.vt-header-nav{
    position: relative;
}

.vt-header-nav-wrapper{
    border-bottom: 1px solid #e5e5e5;
    position: relative;
}

.vt-header-nav-inner{
    margin: 0 auto;
    width: 1200px;
    height: 90px;
    position: relative;
}


.vt-bg-review{
    background: url('./img/bg/img-top-review.jpg') no-repeat center 0;
    background-size: cover;
    height: 446px;
}

.vt-bg-center{
    /*background: url('./img/bg/bg_center.jpeg') no-repeat center 0;*/
    background: url('./img/bg/img-top-notice.jpg') no-repeat center 0;
    background-size: cover;
    height: 446px;
}

.vt-bg-company{
    background: url('./img/bg/img-top-company.jpg') no-repeat center 0;
    background-size: cover;
    height: 446px;
}

.vt-bg-profit{
    background: url('./img/bg/img-top-profit.jpg') no-repeat center 0;
    background-size: cover;
    height: 446px;
}

.vt-bg-service{
    background: url('./img/bg/img-top-service.jpg') no-repeat center 0;
    background-size: cover;
    height: 446px;
}

.vt-bg-vip{
    background: url('./img/bg/img-top-vip.jpg') no-repeat center 0;
    height: 446px;
}

.vt-header-top-inner{
    height: 50px;
    line-height: 57px;
    color: #5f5f5f;
    font-size: 14px;
    font-weight: 600;
}

.vt-logo{
    position: relative;
    top: 16px;
    left: 0;
    display: inline-block;
}

.vt-footer{
    background: #323444;
}

/* footer */
.vt-footer-wrap{
    margin: 0 auto;
    width: 1228px;
    position: relative;
    box-sizing: border-box;
    padding-bottom: 100px;
}

.vt-footer-wrap-m{
    padding-bottom: 20px;
}

.vt-ft-navigation{
    text-align: left;
    padding: 20px 0;
    margin: 0 auto;
    width: 1100px;
}

.vt-ft-navigation-body{
    margin: 0 auto;
    width: auto;
    display: inline-block;
}

.vt-ft-navigation-body .vt-ft-navigation-list{
    float: left;
    /*margin: 0 100px;*/
    margin-right: 100px;
}

.vt-ft-navigation-body .vt-ft-navigation-list:last-child{
    margin-right: 0;
}

.vt-ft-navigation-body .vt-ft-navigation-link{
    font-size: 12px;
    color: #d3d3d3;
    font-weight: 600;
    transition: 0.3s;
}

.vt-ft-navigation-body .vt-ft-navigation-link:hover{
    color: #ea5404;
}

.vt-logo-ft{
    display: block;
    padding-top: 50px;
    text-align: center;
}

.vt-footer-address-info{
    font-size: 13px;
    color: #bcbcbc;
    line-height: 22px;
    width: 1228px;
    padding-top: 30px;
    text-align: center;
}

.vt-ft-navigation-wrp{
    border-bottom: 1px solid #837f7f;
}

.jp-hidden-selectbox{
    cursor: pointer;
}

.vt-page-title-in-header{
    text-align: center;
    position: absolute;
    top: 55%;
    left: 0;
    width: 100%;
}

.vt-contents-inner{
    margin: 0 auto;
    width: 1100px;
}

.vt-content-header{
    padding-top: 40px;
    padding-bottom: 80px;
}

.vt-content-header-title{
    text-align: center;
    color: #242424;
    font-weight: 700;
    font-size: 30px;
    padding: 20px 0;
}

.vt-content-header-desc{
    position: relative;
    text-align: center;
    color: #606060;
    font-size: 19px;
    font-weight: 400;
}

.vt-content-header-desc:after{
    content: "";
    position: absolute;
    top: 50px;
    left: 50%;
    width: 300px;
    height: 1px;
    background: #dcdcdc;
    margin-left: -150px;
}

.vt-col-2{
    float: left;
    width: 50%;
    border-bottom: 1px solid #eee;
}

.vt-col-3{
    float: left;
    width: 33.333%;
    border-bottom: 1px solid #eee;
}

.vt-review-thumbnail{
    width: 240px;
    height: 140px;
    background: #f5f5f5;
    overflow: hidden;
    text-align: center;
}

.vt-review-box{
    position: relative;
    padding: 20px;
}

.vt-review-info{
    position: absolute;
    top: 20px;
    left: 260px;
    height: 140px;
    box-sizing: border-box;
    padding: 20px 30px;
}

.vt-review-info-title{
    font-weight: 600;
    color: #242424;
    font-size: 16px;
    line-height: 22px;
}

.vt-review-info-sub{
    color: #6e6e6e;
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 20px;
}

.vt-review-btn-area{
    text-align: right;

}

.vt-review-detail-btn,
.vt-review-detail-btn:hover,
.vt-review-detail-btn:focus,
.vt-review-detail-btn:active{
    display: inline-block;
    color: #fff !important;
    text-align: center;
    height: 27px;
    line-height: 27px;
    background: #c1272d;
    width: 70px;
    font-size: 13px;
    padding: 0 10px;
}

.vt-review{
    background: url('./img/bg/bg-top-review.jpg') no-repeat center 0;
}

.vt-profit{
    background: url('./img/bg/bg-top-review.jpg') no-repeat center 0;
}

.vt-table-pagination{
    text-align: center;
    margin: 40px 0;
}

.vt-table-pagination a{
    width: 35px;
    height: 35px;
    line-height: 35px;
    box-sizing: border-box;
    display: inline-block;
    /*border: 1px solid #c3c3c3;*/
    color: #767676;
    font-weight: 400;
    font-size: 14px;
    vertical-align: middle;
}

.vt-table-pagination a:hover,
.vt-table-pagination a.vt-paging-current{
    color: #ea5404;
    /*border: 1px solid #c1272d;*/
}

.vt-table-pagination .vt-paging-first,
.vt-table-pagination .vt-paging-prev,
.vt-table-pagination .vt-paging-next,
.vt-table-pagination .vt-paging-end{
    font-size: 10px;
}

/* 수익율 인증 */
.vt-profit-box{
    /*width: 345px;*/
    padding: 20px 20px 0 0;
}

.vt-profit-thumbnail{
    /*height: 148px;*/
    height: 133px;
    text-align: center;
    overflow: hidden;
    background: #efefef;
}

.vt-profit-info-title{
    font-size: 13px;
    color: #242424;
    line-height: 24px;
    padding-top: 10px;
    font-weight: bold;

    white-space: normal;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 67px;
    overflow: hidden;
    box-sizing: border-box;
}


.vt-profit-info-sub{
    color: #606060;
    font-size: 13px;
    padding-bottom: 20px;
}

.vt-profit-info-sub .author{
    float: left;
}

.vt-profit-info-sub .date{
    float: right;
}

/* 고객센터 */
.vt-notice-table{
    width: 100%;
    border-top: 2px solid #142434;
}

.vt-notice-table th,
.vt-notice-table td{
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-right: 1px solid #d1cece;
    border-bottom: 1px solid #d1cece;
    font-size: 15px;
}

.vt-notice-table td:nth-child(2){
    text-align: left;
    padding-left: 20px;
}

.vt-notice-table td a{
    transition: 0.3s;
}

.vt-notice-table td a:hover{
    color: #c31b1a;
    text-decoration: underline;
}

.vt-notice-table th:last-child,
.vt-notice-table td:last-child{
    border-right: none;
}

.vt-notice-table td .vt-ico-new{
    display: inline-block;
    margin-left: 10px;
    background: #c31b1a;
    font-weight: 400;
    font-size: 10px;
    color: #fff;
    text-align: center;
    width: 38px;
    height: 18px;
    line-height: 18px;
    position: relative;
    top: -2px;
}

/* 서비스 안내 */
.vt-service-info-top{
    margin-top: -20px;
}

.vt-service-info-top-inner{
    text-align: center;
    font-size: 16px;
    line-height: 22px;
    color: #606060;
}

/* vip */
.vt-header-title-top{
    font-weight: 600;
    font-size: 18px;
    color: #020b28;
    padding-top: 15px;
}

.vt-header-no-brd{
    padding-bottom: 0;
}

.vt-header-no-brd .vt-content-header-desc:after{
    display: none;
}

/* main */
.vt-bg-main{
    /*height: 810px;*/
    height: 876px;
}

.vt-swiper-container-home-banner .vt-swiper-pagination-home-banner{
    bottom: 20px;
}

.vt-bg-main .swiper-slide a{
    display: block;
}

.vt-swiper-container-home-banner .swiper-pagination-bullet{
    background: #fff;
    opacity: 0.7;
}

.vt-swiper-container-home-banner .swiper-pagination-bullet-active{
    background: #b92330;
    width: 40px;
    height: 10px;
    border-radius: 10px;
    opacity: 1;
}

.vt-swiper-container-home-banner .swiper-button-next{
    transition: 0.5s;
    right: -100%;
    background-image: none;
}

.vt-swiper-container-home-banner .swiper-button-prev{
    transition: 0.5s;
    left: -100%;
    background-image: none;
}

.vt-swiper-container-home-banner:hover .swiper-button-next{
    right: 20px;
}

.vt-swiper-container-home-banner:hover .swiper-button-prev{
    left: 20px;
}

.vt-free-request-stream-inner{
    margin: 0 auto;
    height: 69px;
    width: 1200px;
    position: relative;
}

.vt-free-request-title{
    float: left;
    height: 60px;
    line-height: 60px;
    width: 280px;
    text-align: center;
    background: #323132;
    position: relative;
}

.vt-free-request-stream{
    background: #eee;
    position: relative;
}

.vt-main-vip-info{
    background: #151418;
}

.vt-main-vip-info-inner{
    margin: 0 auto;
    width: 1100px;
    padding: 40px 0;
}

.vt-main-profit{
    position: relative;
    /*background: url('./img/bg/bg-pattern-profit.gif') repeat center 0;*/
    background: url('./img/bg-profit-pc.jpg') repeat center 0;
    height: 410px;
}

.vt-main-profit-inner{
    margin: 0 auto;
    width: 1100px;
    position: relative;
}

.vt-main-profit-slider{
    float: left;
    /*width: 767px;*/
    /*height: 560px;*/
    /*background: #383838;*/
    box-sizing: border-box;
    width: 450px;
    min-height: 300px;
    max-height: 320px;
    height: auto;
    overflow: hidden;
    position: relative;
    top: 55px;
}

.vt-main-profit-slider-info{
    /*width: 333px;*/
    float: left;
    box-sizing: border-box;
    padding-left: 50px;
    padding-top: 80px;
}

.vt-swiper-container-profit-banner .swiper-slide{
    text-align: center;
    /*padding-top: 50px;*/
}

.vt-swiper-container-profit-banner .swiper-button-next{
    background-image: none;
    width: 40px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    color: #fff;
    background-color: #c1272d;
    right: 0;
    font-size: 20px;
}

.vt-swiper-container-profit-banner .swiper-button-prev{
    background-image: none;
    width: 40px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    color: #fff;
    background-color: #c1272d;
    left: 0;
    font-size: 20px;
}

.ti-sig-vip{
    font-size: 13px;
    margin-right: 10px;
    display: inline-block;
}

.vt-register-status{
    /*background: url('./img/bg/bg-main-status.gif') repeat;*/
    background: url('./img/bg/bg-live-collector.jpg') repeat;
}

.vt-register-status-inner{
    width: 1100px;
    margin: 0 auto;
    padding: 50px 0;
    position: relative;
}

.vt-register-status-inner .vt-register-box{
    float: left;
    width: 260px;
    position: relative;
    text-align: center;
    margin-right: 20px;
}

.vt-register-status-inner .vt-register-box2{
    float: left;
    width: 468px;
    position: relative;
    text-align: center;
    margin-right: 20px;
    z-index: 100;
}

.vt-register-status-inner .vt-register-box:first-child{
    width: 240px;
    padding-top: 130px;
}

.ti-stream-vip-title{
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid #707070;
    color: #480f10;
    font-size: 22px;
}

.vt-register-status-inner .vt-register-vip,
.vt-register-status-inner .vt-register-free{
    background: #fff;
    height: 465px;
    margin-top: 10px;
    padding: 40px 20px;
    box-sizing: border-box;
}

.vt-register-status-inner .vt-register-amount{
    margin-top: 22px;
    background: url('./img/bg/bg-vip-amount.jpg') no-repeat center 0;
    height: 350px;
    box-sizing: border-box;
    position: relative;
}

.vt-register-status-inner .vt-register-total{
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 22px;
    color: #414141;
    font-weight: bold;
    line-height: 36px;
}

.vt-register-status-inner .vt-register-total-count{
    font-size: 40px;
    color: #c1272d;
    font-weight: 800;
}

.vt-main-profit-info{
    background: url('./img/bg/bg-main-profit.gif') no-repeat center 0;
    background-size: cover;
}

.vt-main-profit-info-inner{
    width: 1100px;
    margin: 0 auto;
    padding: 50px 0;
}


.vt-main-profit-box{
    float: left;
    width: 273px;
    text-align: center;
    background: #414141;
    padding: 20px 20px;
    box-sizing: border-box;
    border-right: 1px solid #626262;
}

.vt-main-profit-box:first-child{
    width: 281px;
    background: transparent !important;
    padding-top: 100px;
}

.vt-main-profit-box:last-child{
    border-right: none;
}

.vt-main-profit-header{
    border-bottom: 1px solid #626262;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.vt-main-table-profit-cell{
    display: table-cell;
    vertical-align: middle;
}


.vt-main-table-profit-cell:nth-child(1){
    width: 32px;
}

.vt-main-table-profit-cell:nth-child(2){
    width: 125px;
    text-align: left;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
    color: #fff;
    font-size: 15px;
}

.vt-main-table-profit-cell:nth-child(3){
    color: #e00000;
    font-size: 15px;
    font-weight: bold;
}

.vt-main-table-profit-row{
    display: table;
    width: 100%;
    margin-bottom: 15px;
    background: #242424;
    transition: 1.5s;
}

.vt-main-table-profit-row:hover{
    transform: rotateX(360deg);
}



.vt-profile-introduction{
    background: url('./img/bg/bg-main-profile.jpg') no-repeat center 0;
}

.vt-profile-introduction-inner{
    width: 1100px;
    margin: 0 auto;
    padding: 95px 0;
    position: relative;
}

.vt-profile-body{
    width: 970px;
    margin: 0 auto;
    z-index: 100;
    position: relative;
}

.vt-profile-introduction-inner .vt-profile-list{
    float: left;
    width: 33.333%;
    text-align: left;
    margin-bottom: 15px;
}

.vt-profile-introduction-header{
    text-align: center;
    margin-bottom: 40px;
}

.vt-profile-bg-1{
    z-index: 90;
    position: absolute;
    top: 265px;
    right: 70px;
}

.vt-profile-bg-2{
    z-index: 90;
    position: absolute;
    bottom: 100px;
    left: 50px;
}

.vt-request-form{
    background: #00070f;
    border-top: 2px solid #ede78f;
}

.vt-request-form-inner{
    padding: 50px 0;
}

.vt-request-form-inner{
    width: 1100px;
    margin: 0 auto;
    padding: 50px 0;
}

.vt-request-form-area{
    float: left;
}

.vt-request-btn-area{
    float: left;
}

.vt-request-form-wrapper{
    position:relative;
    padding-left: 370px;
}

.vt-request-form-wrapper .vt-request-name{
    height: 70px;
    line-height: 70px;
    padding: 0 20px;
    width: 410px;
    background: #fff;
    border: none;
    font-size: 22px;
    color: #606060;
}

.vt-request-form-wrapper .vt-request-phone{
    height: 70px;
    line-height: 70px;
    padding: 0 20px;
    width: 410px;
    background: #fff;
    border: none;
    font-size: 22px;
    color: #606060;
    margin-top: 25px;
    margin-bottom: 25px;
    display: block;
}

.vt-request-form-wrapper label[for="vt-agreement"]{
    color: #999;
    font-size: 15px;
    margin-left: 5px;
}

.vt-request-form-wrapper .vt-request-agree-link{
    font-size: 15px;
    text-decoration: underline;
    color: #b31414;
}

.vt-request-form-wrapper .vt-request-free-btn{
    border: none;
    position: relative;
    left: 40px;
    top: 117px;
}

.vt-request-form-wrapper .vt-request-free-btn img{
    height: 168px;
}

.vt-request-form-wrapper .vt-request-title{
    position: absolute;
    top: 35px;
    left: 0;
    width: 320px;
}

.vt-wing-body{
    position: absolute;
    top: 100px;
    right: -180px;
    z-index: 105;
}

.vt-free-request-lists{
    overflow: hidden;
    height: 69px;
    line-height: 69px;
}

.vt-free-request-lists .ti_slide{
    position: relative;
    width: 30000px;
}

.vt-free-request-lists .ti_content{
    float: left;
}

.vt-free-request-lists .ti_news{
    float: left;
    font-size: 14px;
}

.vt-vip-table-holder{
    height: 344px;
    overflow: hidden;
}

.vt-vip-table-holder .vt-ico-new{
    display: inline-block;
    margin-left: 10px;
    background: #c31b1a;
    font-weight: 400;
    font-size: 11px;
    color: #fff;
    text-align: center;
    width: 38px;
    height: 22px;
    line-height: 22px;
    position: relative;
    top: -2px;
}

.vt-vip-table-holder .vt-vip-date{
    font-size: 12px;
    color: #7b7b7b;
}

.vt-vip-table-holder .vt-vip-name{
    font-size: 14px;
    color: #444;
}

.vt-vip-table-holder li{
    border-bottom: 1px solid #bdbdbd;
    height: 40px;
    line-height: 40px;
}

.vt-main-cs-center-inner{
    margin: 0 auto;
    width: 1100px;
    padding: 50px 0;
}

.vt-main-cs-col-3{
    width: 33.333%;
    float: left;
}

.vt-main-cs-col-4{
    width: 25%;
    float: left;
}

.vt-main-center-box{
    width: 340px;
    box-sizing: border-box;
}

.vt-main-center-box-title{
    height: 72px;
    color: #212121;
    font-size: 22px;
    font-weight: 600;
    background: url('./img/bg/vt-line-center-main.png') no-repeat 0 38px;
}

.vt-main-center-con-wrap{
    border: 1px solid #e0e0e0;
    padding: 30px 20px;
    box-sizing: border-box;
    height: 293px;
}

.vt-main-center-con-list{
    position: relative;
    border-bottom: 1px solid #ededed;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.vt-main-center-con-list a{
    color: #686868;
    font-size: 15px;
}

.vt-main-center-con-list a:hover{
    color: #aa1415;
    text-decoration: underline;
}

.vt-main-center-con-list .vt-center-date{
    font-size: 13px;
    color: #787878;
}

.vt-user-review{
    background: #ededed url('./img/bg/bg-cs-review.jpg') no-repeat center 0;
}

.vt-user-review-inner{
    margin: 0 auto;
    width: 1100px;
    padding: 80px 0 50px 0;
    height: 628px;
    box-sizing: border-box;
}

.vt-user-review-link{
    display: block;
    border: 1px solid #ddd;
    background: #fff;
    margin: 0 8px;
}

.vt-user-review-img-wrap{
    display: block;
    height: 300px;
    overflow: hidden;
}

.vt-user-review-img-wrap img{
    width: 100%;
}

.vt-user-review-info-wrap{
    padding: 10px 15px 20px 15px;
    display: block;
    height: 74px;
    box-sizing: border-box;
}

.vt-user-review-info-title{
    font-size: 14px;
    color: #2a2a2a;
    font-weight: 600;
    line-height: 22px;
}

.vt-user-review-title{
    font-size: 22px;
    color: #212121;
    position: relative;
    padding-bottom: 27px;
    text-align: center;
}

.vt-user-review-sub{
    font-size: 15px;
    color: #646464;
    margin-left: 20px;
}

.vt-user-review-title:before{
    content: "";
    width: 50px;
    height: 5px;
    background: #b92227;
    position: absolute;
    top: -15px;
    left: 50%;
    margin-left: -25px;
    z-index: 20;
}

/*.vt-user-review-title:after{*/
/*    content: "";*/
/*    width: 100%;*/
/*    height: 1px;*/
/*    background: #ccc;*/
/*    position: absolute;*/
/*    top: 37px;*/
/*    left: 0;*/
/*    z-index: 10;*/
/*}*/

/* mobile start */
.vt-header-m{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 9999;
    border-bottom: 1px solid #bfbfbf;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.1);
}

.vt-header-m-inner{
    position: relative;
    top: 0;
    left: 0;
    height: 70px;
    line-height: 70px;
}

.vt-btn-nav{
    position: absolute;
    top: 0;
    right: 15px;
}

.vt-btn-mypage{
    position: absolute;
    top: 0;
    right: 15px;
}

#jp-content-m{
    padding-top: 70px;
    z-index: 1;
}

.vt-footer-m{
    background: #2e4c4d;
    /*padding-bottom: 50px;*/
    /*padding-bottom: 50px;*/
}

.vt-footer-m-inner{
    padding-top: 20px;
}


.vt-header-m .vt-logo-m{
    text-align: center;
    position: relative;
    left: 0;
    top: -3px;
}

.vt-footer-m-inner .vt-logo-m{
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}

.vt-addr-m{
    font-size: 12px;
    padding: 10px 20px 20px;
    line-height: 22px;
    color: #bcbcbc;
    word-break: break-word;
    text-align: left;
    font-family: "Pretendard";
}

.vt-nav-m{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 999999;
    background: #fff;
    background-size: contain;
    display: none;
}

.vt-nav-m-inner{
    height: 100vh;
    background: #fff;
}

.vt-nav-m-logo{
    padding: 20px;
    text-align: center;
    border-bottom: 1px solid #fbe2a1;
}

.vt-nav-list-body{
    margin-top: 20px;
}

.vt-nav-list-body li{
    padding: 20px 30px;
}

.vt-nav-list-body li a{
    font-weight: bold;
    color: #f5f5f5;
    font-size: 16px;
}

.vt-nav-m-close{
    /*position: absolute;*/
    /*top: 20px;*/
    /*right: 20px;*/
    position: absolute;
    top: 0;
    right: 15px;
}

.vt-nav-m-foot{
    padding: 20px 25px 0 25px;
}

.vt-nav-foot-list-body li{
    float: left;
    /*width: 33.333%;*/
    width: 50%;
    text-align: center;
}

.vt-group-info-table{
    width: 100%;
    border-top: 1px solid #b5b5b5;
}

.vt-group-info-table a{
    color: #242424;
    font-size: 14px;
    line-height: 22px;
    font-weight: bold;
}

.vt-group-info-table td{
    padding: 15px;
}

.vt-group-info-sub{
    font-size: 13px;
    color: #606060;
    border-bottom: 1px solid #eeeeee;
}

.vt-group-info-sub .splitter{
    font-size: 11px;
    padding: 0 5px;
    color: #7a7a7a;
    position: relative;
    top: -1px;
}

.vt-group-info-table .vt-ico-new {
    display: inline-block;
    margin-left: 10px;
    background: #c31b1a;
    font-weight: 400;
    font-size: 10px;
    color: #fff;
    text-align: center;
    width: 38px;
    height: 18px;
    line-height: 18px;
    position: relative;
    top: -2px;
}


.vt-fixed-bottom-m{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 100;
}

.vt-main-group-info-body{
    margin: 20px 0;
}

.vt-main-group-info-head{
    position: relative;
    border-bottom: 1px solid #d2d2d2;
    padding-bottom: 10px;
    padding-left: 10px;
    font-size: 16px;
    margin: 0 10px;
}

.vt-main-group-info-head:before{
    content: "";
    position: absolute;
    bottom: -3px;
    left: 5px;
    width: 75px;
    height: 5px;
    background: #c1272d;
}

a.vt-group-info-more{
    position: absolute;
    bottom: 7px;
    right: 10px;
    display: inline-block;
    border-radius: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    width: 70px;
    background: #b31414;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
}

.vt-main-group-info .vt-main-center-con-body{
    min-height: 150px;
    border: 1px solid #dcdcdc;
    padding: 10px;
}


.vt-m-form-request{
    background: #5e0a0e;
    padding-top: 20px;
    padding-bottom: 60px;
}

.vt-m-form-request input[type="text"]{
    height: 40px;
    line-height: 40px;
    color: #606060;
    font-size: 18px;
    box-sizing: border-box;
    padding: 0 20px;
    width: 100%;
    display: block;
}

.vt-main-form-btn-m{
    display: inline-block;
    background: #b31414;
    text-align: center;
    width: 100%;
    font-size: 18px;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    color: #fff;
    border: none;
}

.vt-main-review-m{
    margin: 10px 10px 10px 10px;
}

.vt-main-review-m .vt-user-review-img-wrap{
    height: 250px;
}

.vt-main-review-m .vt-user-review-link{
    /*width: 100%;*/
    display: block;
}

.vt-main-review-m .vt-user-review-info-wrap{
    padding: 15px;
    height: auto;
}

.vt-profit-slider-m .vt-main-profit-slider{
    width: 100%;
    padding: 20px 0;
    height: auto;
}

.vt-profit-slider-m .vt-swiper-container-profit-banner .swiper-slide{
    padding-top: 0;
}

.vt-profit-slider-m .vt-main-profit-slider{
    background: #201e1e;
}


.vt-main-profit-info-m{
    padding-top: 20px;
    background: #f2f3f4;
}

.vt-main-profit-info-m .vt-main-profit-info-inner{
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
}

.vt-main-profit-info-m .vt-main-profit-box{
    float: none;
    width: 100%;
}

.vt-main-profit-info-m .vt-main-profit-box:first-child{
    background: #414141 !important;
    padding-top: 40px;
}

.vt-main-profit-info-m .vt-main-table-profit-cell:nth-child(3){
    text-align: right;
    padding-right: 10px;
}

.vt-main-profit-info-m .vt-main-profit-box{
    padding: 1px 20px;
}

.vt-register-status-m .vt-register-status-inner{
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
}

.vt-register-status-m .vt-register-status-inner .vt-register-box{
    width: 100%;
    margin-bottom: 20px;
}

.vt-register-status-m .vt-register-status-inner .vt-register-box:first-child{
    padding-top: 20px;
}

.bg-gold-board{
    background: url('../assets/img/bg/gold-board.png') no-repeat 0 0;
    width: 262px;
    height: 350px;
    display: block;
    position: absolute;
    bottom: 24px;
    left: 50px;
    z-index: 0;
}

.bg-gold-board2{
    background: url('../assets/img/bg/gold-board.png') no-repeat 0 0;
    width: 262px;
    height: 350px;
    display: block;
    position: absolute;
    top: 35px;
    right: 35px;
    z-index: 0;
}

.main-cs-info{
    width: 1100px;
    margin: 0 auto;
}

.main-cs-info-body li{
    float: left;
    width: 50%;
    position: relative;
    height: 148px;
}

.main-cs-info-body li:first-child img{
    position: absolute;
    top: 0;
    right: 0;
}

.m-bottom-fixed{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 100;
}

.m-bottom-fixed a{
    float: left;
    width: 100%;
    display: block;
}

.stream-ticker-m-head{
    border-bottom: 2px solid #707070;
    margin-bottom: 15px;
    padding-bottom: 15px;
    color: #480f10;
}

.vt-added-vip{
    font-size: 12px;
    margin-right: 5px;
}

.ti-main-profit-m{
    padding: 40px 20px;
    background: url('../assets/img/mobile/bg-profit-m.png');
}

.ti-main-profit-m .vt-main-profit-slider{
    width: 100%;
    float: none;
}

.ti-main-profit-m .vt-main-profit-slider{
    /*max-height: none;*/
}

.ti-main-profit-m .swiper-slider-link{
    /*overflow: hidden;*/
}

.profit-m-img-wrp{
    height: 280px;
    overflow: hidden;
    display: block;
}

.vt-free-request-stream-m .vt-free-request-title{
    background: #0058a0;
    height: 43px;
    width: 100px;
    line-height: 16px;
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    color: #fff;
}

.vt-free-request-stream-m .vt-free-request-lists{
    height: 43px;
    line-height: 43px;
}

.vt-free-request-stream-m .vt-free-request-stream-inner{
    height: 43px;
}

.vt-free-request-stream-m .ti_news a{
    font-size: 13px;
}

.jp-footer-menu{
    text-align: center;
    padding: 0 10px 20px;
    border-bottom: 1px solid #595959;
}

.jp-footer-menu a{
    color: #d8d8d8;
    font-size: 13px;
}

#navigation-m{
    padding-top: 60px;
    height: 55px;
    overflow: hidden;
    border-bottom: 1px solid #717171;
}

.navigation-m-inner{
    overflow-x: scroll;
    webkit-overflow-scrolling: touch;
    position: relative;
}

.navigation-m-list{
    float: left;
    box-sizing: border-box;
}

.navigation-m-body{
    width: 945px;
    transition: 0.5s;
}

.navigation-m-link{
    display: block;
    color: #606060;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    height: 55px;
    line-height: 55px;
    box-sizing: border-box;
    padding: 0 15px;
}

.navigation-m-active{
    border-bottom: 2px solid #b10005;
}

#nav-top-btn-area{
    border-bottom: 1px solid #717171;
}

.nav-top-btn-area-inner{
    height: 45px;
    line-height: 42px;
    padding: 0 10px;
    position: relative;
}

#nav-top-btn-area2{
    border-bottom: 1px solid #717171;
}

.nav-top-btn-area-inner2{
    height: 45px;
    line-height: 42px;
    padding: 0 10px;
    position: relative;
    text-align: right;
}

.nav-top-btn-area-inner a{
    display: inline-block;
}

.btn-m-top-req{
    float: right;
}

.notice-top-m-inner{
    position: relative;
    padding-left: 110px;
}

#notice-top-m{
    border-bottom: 1px solid #717171;
}

.notice-m-tit{
    background: #272727;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 43px;
    line-height: 43px;
}

.notice-top-m-inner{
    height: 43px;
    overflow: hidden;
}

.notice-m-con-wrp{
    height: 30px;
    line-height: 30px;
}

.rollingMNotice li a{
    display: block;
    font-size: 14px;
    color: #242424;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    height: 43px;
    line-height: 43px;
}

.page-m-header{
    padding: 40px 20px 0 20px;
    /*border-bottom: 5px solid #eee;*/
}

.page-m-content{
    padding: 20px 15px;
    margin: 0 10px;
    background: #fff;
    /*border-top: 2px solid #ffe13e;*/
}

.page-m-header h2{
    margin-bottom: 5px;
    color: #000;
    font-size: 22px;
}

.page-m-header h3{
    color: #595656;
    font-size: 13px;
    font-weight: normal;
}

.midLine5{
    height: 5px;
    background: #eee;
}

.login-m-wrp{
    padding: 30px;
}

#jp-content-m .login-m-wrp{
    padding: 0;
}

.login-m-wrp input[type="text"],
.login-m-wrp input[type="password"],
.login-m-wrp input[type="tel"],
.login-m-wrp input[type="email"]{
    border-radius: 0;
    border: 1px solid #e2e2e2;
    height: 50px;
    line-height: 50px;
    width: 100%;
    box-sizing: border-box;
    padding: 0 20px;
    color: #666;
    font-size: 14px;
}

.login-m-btn{
    border: none;
    outline: none;
}

.login-m-bottom-link-area{
    margin-top: 20px;
    text-align: center;
    padding-bottom: 40px;
}

.login-m-bottom-link-area span{
    font-size: 11px;
    color: #808080;
    display: inline-block;
    padding: 0 10px;
    position: relative;
    top: -2px;
}

.login-m-bottom-link-area a{
    font-size: 14px;
    color: #808080;
    display: inline-block;
}

.js-btn-register{
    outline: none;
    border: none;
}

.section-title-m{
    color: #242424;
    font-size: 16px;
    padding-bottom: 10px;
}

.msg-m-reg-email{
    color: #626262;
    font-size: 13px;
    padding: 10px 0 0 10px;

}

.privacy-box-m{
    height: 140px;
    overflow-y: auto;
    border: 1px solid #e2e2e2;
    padding: 10px;
    border-radius: 5px;
    line-height: normal;
}

.login-m-wrp label[for="agreement_agree"],
.login-m-wrp label[for="privacy_agree"]{
    font-size: 13px;
    color: #626262;
}

.form-group{
    position: relative;
}

.js-btn-duplicate,
.js-btn-duplicate:hover,
.js-btn-duplicate:active,
.js-btn-duplicate:visited,
.js-btn-duplicate:focus{
    position: absolute;
    top: 10px;
    right: 10px;
    background: #333333;
    width: 120px;
    text-align: center;
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-size: 13px;
    font-family: "Pretendard";
}

.js-btn-postal,
.js-btn-postal:hover,
.js-btn-postal:active,
.js-btn-postal:visited,
.js-btn-postal:focus{
    position: absolute;
    top: 50%;
    margin-top: -15px;
    right: 10px;
    background: #959595;
    width: 80px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    color: #fff;
    font-size: 12px;
}


#main-board-01{
    background: url('../assets/img/mobile/bg/bg-m-board.gif') repeat;
    padding: 30px 0;
}

.main-board-01-inner{
    background: #fff;
    margin: 0 20px;
}

.main-board-tab-list{
    float: left;
    width: 33.333%;
}

.main-board-tab-link{
    display: block;
    height: 45px;
    line-height: 45px;
    text-align: center;
    background: #e5e5e5;
    color: #242424;
    font-size: 13px;
    font-weight: 500;
}

.main-board-tab-list:nth-child(2) .main-board-tab-link{
    border-left: 1px solid #2e2e2e;
    border-right: 1px solid #2e2e2e;
}

.main-board-tab-list .active{
    background: #ba0200;
    color: #fff;
}

.main-board-con-list{
    border-bottom: 1px solid #eeeeee;
    padding: 8px 8px;
}

.main-board-con-link{
    color: #242424;
    font-size: 13px;
    line-height: 21px;
    position: relative;

    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    overflow: hidden;
    text-overflow:ellipsis;
    padding-right: 32px;
}

.main-board-con-link .ico-new-01{
    position: absolute;
    top: 2px;
    right: 10px;
}


.ico-new{
    display: inline-block;
    margin-left: 10px;
    /*border: 1px solid #c31b1a;*/
    /*background: #c31b1a;*/
    font-weight: 400;
    font-size: 12px;
    color: #ff1908;
    text-align: center;
    width: 35px;
    height: 17px;
    line-height: 17px;
    position: relative;
    top: -2px;
    border-radius: 10px;

    -webkit-animation: blink 2s linear infinite;
    -moz-animation: blink 2s linear infinite;
    animation: blink 2s linear infinite;

}

.main-board-con-02,
.main-board-con-03{
    display: none;
}

.jp-page-banner-m{
    /*padding: 0 0 10px;*/
    padding: 0 0 0;
}

.jp-page-view-m{
    background: url('../assets/img/mobile/bg/bg-view-title.jpg') no-repeat;
    background-size: cover;
    text-align: center;
    color: #3b3b3b;
    font-size: 16px;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    margin: 30px 20px;
}

.jp-board-info-head{
    border-top: 2px solid #626262;
    border-bottom: 1px solid #e2e2e2;
    /*padding: 20px;*/
    /*margin: 0 20px;*/
}

.jp-board-info-title{
    font-size: 22px;
    font-weight: 500;
    color: #444;
}

.jp-board-info-title-sub{
    font-size: 13px;
    color: #666;
    margin-top: 15px;
}

#jp-content-m .jp-board-info-title-sub{
    padding-bottom: 15px;
}


.jp-board-info-body{
    /*margin: 0 20px;*/
    padding: 50px 20px;
}

#jp-content-m .jp-board-info-body{
    padding: 20px 0;
}

.editHtmlArea{
    text-align: left;
    overflow-x: hidden;
}

.editHtmlArea .spread_img{
    width: 100% !important;
}

.editHtmlArea img{
    max-width: 842px;
}

.jp-board-info-foot{
    /*border-top: 1px solid #e2e2e2;*/
    /*border-bottom: 1px solid #e2e2e2;*/
    /*padding: 20px 20px 20px;*/
    /*position: relative;*/
}

.jp-board-info-wrp{
    margin-bottom: 50px;
    padding: 0 15px;
}

#best-profit-m{
    background: #3c3939;
    padding-bottom: 30px;
}

.best-profit-m-body{

}


#main-board-02{
    background: url('../assets/img/mobile/bg/bg-m-board2.gif') repeat;
    padding: 30px 0;
}

.main-board-02-inner{
    background: #fff;
    margin: 0 20px;
}

#jp-content-m .jp-board-info-wrp .editHtmlArea img{
    max-width: 100%;
}



@keyframes blink {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100%{
        opacity: 0;
    }
}
@-webkit-keyframes blink {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100%{
        opacity: 0;
    }
}


.main-board-con-list .jp-table-m{
    width: 100%;
}

.main-board-con-list .jp-table-m th{
    background: #dee3e8;
    text-align: center;
    font-size: 13px;
    padding: 6px 0;
}

.main-board-con-list .jp-table-m td{
    background: #fff;
    text-align: center;
    font-size: 13px;
    padding: 6px 0;
    border-bottom: 1px solid #d2d2d2;
}

.bold500{
    font-weight: 500 !important;
}

.bold700{
    font-weight: 700 !important;
}

.text-red{
    color: #e0312f !important;
}

#navigation-m-sub{
    height: 50px;
    overflow: hidden;
    position: relative;
    border-bottom: 1px solid #bfbfbf;
}

.navigation-m-sub-list{
    float: left;
}

.navigation-m-sub-link{
    display: block;
    padding: 0 10px;
    line-height: 50px;
    height: 50px;
    text-align: center;
    color: #606060;
    font-size: 13px;
    font-weight: 500;
}

.navigation-m-sub-link-active{
    color: #a30002 !important;
}

.navigation-m-inner-sub{
    overflow-x: auto;
}


.main-board-con-btn-area{
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.main-board-con-btn-area a.main-board-con-btn-more{
    display: inline-block;
    width: 120px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #ae0200;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
}

.current-service-m-wrp{
    padding: 0 20px 20px;
}

.current-service-m-list{
    float: left;
    width: 50%;
    margin-bottom: 5px;
}

.current-service-m-link{
    display: block;
    border: 1px solid #ddd;
    box-sizing: border-box;
}

.current-service-m-list:nth-child(2n-1) .current-service-m-link{
    margin-right: 2px;
}

.current-service-m-list:nth-child(2n) .current-service-m-link{
    margin-left: 2px;
}

.nav-m-menu-list{
    border-bottom: 1px solid #e2e2e2;
}

.nav-m-menu-list a.nav-m-menu-link{
    height: 50px;
    line-height: 50px;
    display: block;
    padding: 0 20px;
    color: #242424;
    font-size: 15px;
    font-weight: 500;
}

.nav-m-wrp-in-menu{
    /*border-top: 10px solid #ededed;*/
    height: calc(100vh - 70px);
    overflow-y: scroll;
}

.nav-m-menu-sub-link,
.nav-m-menu-sub-link:hover,
.nav-m-menu-sub-link:active,
.nav-m-menu-sub-link:visited{
    float: left;
    width: 50%;
    height: 40px;
    line-height: 40px;
    box-sizing: border-box;
    border: 1px solid #fff;
    padding: 0 20px;
    font-size: 13px;
    background: #f7f7f7;
    position: relative;
    color: #343434;
}

.nav-m-menu-sub-list{
    border-top: 1px solid #e2e2e2;
    display: none;
}

body .nav-m-wrp-in-menu .active{
    color: #224ee1;
}

.free-profit-m-table-summary-wrp{
    padding: 20px;
}

.free-profit-m-table-summary{
    width: 100%;
    border-top: 1px solid #e2e2e2;
    border-left: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
}

.free-profit-m-table-summary th{
    background: #f7f7f7;
    text-align: center;
    font-size: 14px;
    color: #242424;
    padding: 10px 0;
    border-right: 1px solid #e2e2e2;
}

.free-profit-m-table-summary td{
    color: #e86767;
    font-weight: bold;
    text-align: center;
    border-right: 1px solid #e2e2e2;
    padding: 10px 0;
    font-size: 14px;
}

.free-profit-m-table-main-wrp{
    padding: 0 20px 0;
}

.free-profit-m-table-main{
    border-top: 1px solid #e2e2e2;
    border-left: 1px solid #e2e2e2;
}

.free-profit-m-table-main th{
    font-size: 12px;
    color: #242424;
    text-align: center;
    padding: 8px 0;
    background: #f7f7f7;
    border-bottom: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
}

.free-profit-m-table-main td{
    padding: 8px 0;
    font-size: 12px;
    color: #242424;
    text-align: center;
    border-bottom: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
}

.jp-ico-angle-right{
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -5px;
    width: 6px;
}

.jp-header{
    border-bottom: 1px solid #c5c5c5;
}

.jp-header-top{
    /*border-bottom: 1px solid #c5c5c5;*/
    /*background: #fff url('./img/bg-dot-grey.gif') repeat-x 0 bottom;*/
    z-index: 100;
    padding-bottom: 1px;
}

.jp-header-inner{
    width: 1280px;
    margin: 0 auto;
    position: relative;
    height: 90px;
    z-index: 100;
    background: #fff;
}

.jp-logo{
    text-align: left;
    position: relative;
    top: 20px;
    z-index: 0;
    display: inline-block;
    padding-left: 40px;
}

.jp-navigation{
    z-index: 50;
    position: absolute;
    top: 20px;
    left: 300px;
    display: inline-block;
}

.jp-navigation-inner{
    position: relative;
}

.jp-navigation-body{
    position: relative;
    top: 0;
    left: 0;
    display: inline-block;
    width: 100%;
}

.jp-navigation-body .jp-navigation-list{
    float: left;
    text-align: center;
    position: relative;
}

.jp-navigation-body .jp-navigation-list:hover .sub-nav-body{
    display: block;
}

.sub-nav-body{
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    background: #fdfdfd;
    display: none;
    padding: 15px 0;
    border: 1px solid #eee;
    border-top: none;
    box-shadow: 1px 5px 5px rgba(0,0,0,0.3);
}

.sub-nav-body .sub-nav-list{
    margin-bottom: 10px;
}

.sub-nav-body .sub-nav-list:last-child{
    margin-bottom: 0;
}

.sub-nav-body .sub-nav-link{
    color: #000;
    font-size: 14px;
}

.jp-navigation-body .jp-navigation-list:last-child{
    margin-right: 0;
}

.jp-navigation-body .jp-navigation-link{
    font-size: 16px;
    color: #1b1b1b;
    display: inline-block;
    font-weight: 500;
    height: 50px;
    line-height: 50px;
    padding: 0 40px;
    /*border-bottom: 2px solid #fff;*/
    box-sizing: border-box;
}

.btn-link-on-nav{
    position: absolute;
    top: 0;
    left: 35px;
    display: inline-block;
    width: 206px;
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    text-align: center;
    background: #ad0003;
    color: #fff !important;
    box-sizing: border-box;
    font-size: 15px !important;
    font-weight: bold;
}

.jp-login-nav-area{
    position: relative;
    /*border-bottom: 1px solid #d2d2d2;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.3);*/
}

.jp-login-nav-area-inner{
    /*height: 54px;*/
    /*line-height: 54px;*/
    height: 20px;
    width: 1200px;
    margin: 0 auto;
    text-align: right;
    padding-right: 120px;
    box-sizing: border-box;
}

.btn-pc-login{
    border: none;
}

.btn-pc-register{

}

.input-pc-user-id{
    height: 22px;
    padding: 0 10px;
    border: 1px solid #919191;
    font-size: 14px;
    color: #888;
    width: 120px;
}

.input-pc-user-pw{
    height: 22px;
    padding: 0 10px;
    border: 1px solid #919191;
    font-size: 14px;
    color: #888;
    width: 120px;
}

.jp-login-nav-area-inner label{
    color: #242424;
    font-size: 14px;
}

.notice-area-top-pc{
    border-bottom: 1px solid #dcdcdc;
    /*margin-top: 10px;*/
}

.notice-area-top-inner{
    height: 50px;
    margin: 0 auto;
    position: relative;
    width: 1200px;
    box-sizing: border-box;
    padding-left: 90px;
    overflow: hidden;
}

.ico-notice-left-pc{
    position: absolute;
    top: 10px;
    left: 0;
}

.notice-area-top-inner .notice-m-con-wrp{
    height: 50px !important;
    line-height: 50px !important;
    position: relative;
}

.notice-area-top-inner .notice-m-con-wrp li{
    padding-top: 4px;
    box-sizing: border-box;
}

.notice-area-top-inner .notice-m-con-wrp li a{
    font-size: 16px;
    color: #ff0000;
    font-weight: 500;
}

.ico-notice-left-pc{

}

.free-list-area-top{
    background: #eee;
}

.free-list-area-inner{
    width: 1200px;
    margin: 0 auto;
}

.free-list-area-inner .vt-free-request-title{
    width: 250px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: url('../assets/img/pc/bg-pc-free-list.jpg') no-repeat 0 0;
}

.report-area-pc{
    width: 1200px;
    margin: 0 auto;
}

.banner-top-pc-inner{
    width: 1200px;
    margin: 0 auto;
    position: relative;
}

.free-list-area-top .vt-free-request-stream-inner{
    height: 40px;
}

.banner-pc-nav-body{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 1200px;
    z-index: 100;
    background: rgba(0,0,0,0.3);
}

.banner-pc-nav-list{
    float: left;
    width: 20%;
    background: url('../assets/img/pc/bl-spiltter.gif') no-repeat right center;
}

.banner-pc-nav-list:last-child{
    background: none;
}

.banner-pc-nav-link,
.banner-pc-nav-link:hover{
    display: block;
    height: 60px;
    line-height: 60px;
    text-align: center;
    color: #e8e8e8 !important;
}

.banner-pc-nav-link-active,
.banner-pc-nav-link-active:hover{
    color: #fff !important;
    /*text-decoration: underline !important;*/
    background: #006cb5;
    font-weight: 500;
}

.mid-ban-area-pc{
    width: 1200px;
    margin: 15px auto;
}

.board-top-area{
    margin-top: 15px;
}

.board-top-area-inner{
    width: 1200px;
    margin: 0 auto;
}

.board-top-area-list{
    float: left;
    width: 285px;
    margin-right: 10px;
    background: #f7f8f9;
    border: 1px solid #eee;
    border-radius: 5px;
    box-sizing: border-box;
}

.board-top-area-list:first-child{
    width: 315px;
}

.board-top-area-list:last-child{
    margin-right: 0;
}

.board-top-area-list-inner{
    padding: 20px 10px;
    height: 319px;
    box-sizing: border-box;
}

.board-top-area-title{
    font-weight: bold;
    padding: 0 10px 10px;
    color: #000;
    font-size: 17px;
    position: relative;
     border-bottom: 1px solid #707070;
}

.btn-more-link-board{
    width: 65px;
    height: 20px;
    line-height: 20px;
    border-radius: 20px;
    text-align: center;
    color: #000;
    font-size: 11px;
    border: 1px solid #000;
    display: inline-block;
    position: absolute;
    bottom: 11px;
    right: 0;
    font-weight: bold;
}

.board-top-list-body{
    margin-top: 20px;
}

.board-top-list-body .board-top-list{
    margin-bottom: 20px;
    padding: 0 10px;
}

.board-top-list-body .board-top-link{
    display: block;
    font-size: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 40px;
    position: relative;
}

.board-top-list-body .board-top-list:last-child{
    margin-bottom: 0;
}

.board-top-list-body .ico-new{
    position: absolute;
    top: 0;
    right: 0;
}

.profit-preview-pc-inner{
    background: #242424;
    width: 1200px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin: 0 auto;
    padding: 20px;
    box-sizing: border-box;
}

.profit-preview-list{
    background: #fff;
    border-radius: 5px;
    float: left;
    margin-right: 10px;
    width: 380px;
    min-height: 320px;
    position: relative;
}

.profit-preview-list:last-child{
    margin-right: 0;
}

.profit-preview-list-head{
    height: 50px;
    line-height: 50px;
    text-align: center;
}

.current-invest-service{
    margin-top: 20px;
    margin-bottom: 20px;
}

.current-invest-service-inner{
    width: 1200px;
    margin: 0 auto;
}

.current-invest-service-inner .current-service-m-list{
    width: 292px;
    margin-right: 10px;
}

.current-invest-service-inner .current-service-m-list:last-child{
    margin-right: 0;
}

.current-invest-service-inner .current-service-m-list .current-service-m-link{
    margin: 0;
}

.current-invest-service-head{
    margin: 0 auto 20px;
    width: 1200px;
    border-bottom: 2px solid #606060;
    font-weight: bold;
    font-size: 18px;
    padding: 0 10px 10px;
    box-sizing: border-box;
}


.profit-result-area .current-service-m-list{
    width: 243px;
}

.profit-result-area .current-service-m-list:first-child{
    width: 440px;
}

.best-profit-area-inner{
    width: 1200px;
    margin: 0 auto;
    height: 667px;
    background: url('../assets/img/bg/bg-best-profit.jpg') no-repeat 0 bottom;
}

.best-profit-area-head{
    text-align: center;
    padding: 30px 0;
}

.best-profit-area-body{
    position: relative;
}

.best-profit-area-body-wrp{
    padding: 0 50px;
}

.btn-best-profit-prev{
    width: 40px;
    height: 40px;
    background: url('../assets/img/pc/btn-round-angle-left.png') no-repeat 0 0;
}

.btn-best-profit-next{
    width: 40px;
    height: 40px;
    background: url('../assets/img/pc/btn-round-angle-right.png') no-repeat 0 0;
}

.question-section{
    position: relative;
    padding: 15px 30px 15px 100px;
    border-bottom: 1px solid #e2e2e2;
    font-size: 14px;
    color: #242424;
    cursor: pointer;
}

.question-section .ico-question{
    position: absolute;
    top: 15px;
    left: 20px;
}

.answer-section{
    position: relative;
    padding: 15px 30px 15px 150px;
    background: #f7f8f9;
    display: none;
    font-size: 14px;
    color: #666;
    border-bottom: 1px solid #e2e2e2;
    /*cursor: pointer;*/
    line-height: 24px;
}

.answer-section .ico-answer{
    position: absolute;
    top: 20px;
    left: 120px;
}

.sig-direction-plus{
    display: inline-block;
    position: absolute;
    top: 13px;
    right: 10px;
    font-size: 17px;
    color: #000;
}

.sig-direction-minus{
    display: none;
    position: absolute;
    top: 13px;
    right: 10px;
    font-size: 17px;
    color: #000;
}

.faq-section-pc .active .sig-direction-minus{
    display: inline-block;
}

.faq-section-pc .active .sig-direction-plus{
    display: none;
}



.jp-group-info-table td{
    padding: 0;
}

.active-question-tab + .answer-section{
    display: block;
}

.ico-show,.ico-hide{
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -4px;
}

.question-section .ico-show{
    display: block;
}

.question-section .ico-hide{
    display: none;
}

.active-question-tab .ico-show{
    display: none;
}

.active-question-tab .ico-hide{
    display: block;
}


#login-area-pc{
    background: #f4f5f7;
    height: 100vh;
    position: relative;
}


.login-area-inner{
    width: 450px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -225px;
    margin-top: -190px;

}

.login-area-inner input[name="user_id"],
.login-area-inner input[name="password"]{
    width: 100%;
    height: 48px;
    line-height: 48px;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
    padding: 0 20px;
    font-size: 16px;
    color: #666;
}

.register-form-wrp{
    /*background: #f7f7f8;*/
    padding: 120px 0 150px;
}


.register-form-body{
    width: 800px;
    margin: 0 auto;
}

.register-form-body-wrp{
    background: #fff;
    padding: 40px 65px;
    /*border-top: 2px solid #ffe13e;*/
}

.register-form-title{
    font-size: 40px;
    text-align: center;
    font-weight: bold;
    color: #000;
}

.register-form-desc{
    text-align: center;
    font-size: 17px;
    color: #444;
    padding: 15px 0 30px;
    line-height: 35px;
}


.register-form-body-wrp input[type="text"],
.register-form-body-wrp input[type="password"],
.register-form-body-wrp input[type="tel"],
.register-form-body-wrp input[type="email"]{
    border-radius: 5px;
    border: 1px solid #e2e2e2;
    height: 50px;
    line-height: 50px;
    width: 100%;
    box-sizing: border-box;
    padding: 0 20px;
    color: #444;
    font-size: 16px;
}

.btn-register-pc{
    border: none;
    width: 200px;
    height: 55px;
    display: inline-block;
    background: #000;
    color: #fff;
    font-weight: 500;
    font-size: 15px;
}

.btn-login-register-pc{
    display: inline-block;
    width: 540px;
    text-align: center;
    height: 55px;
    line-height: 55px;
    color: #fff !important;
    font-size: 16px;
    background: #989bb2;
    font-weight: 500;
    border: none;
}

.register-form-body-wrp label[for="agreement_agree"],
.register-form-body-wrp label[for="privacy_agree"]{
    font-size: 13px;
    color: #626262;
}

.jp-header-inner .btn-login-pc-top{
    position: absolute;
    top: 20px;
    right: 150px;
    text-align: center;
    color: #5f5f5f;
    font-size: 12px;
    font-weight: 500;
    display: inline-block;
    width: 50px;
    line-height: 30px;
}

.jp-header-inner .btn-reg-pc-top{
    position: absolute;
    top: 20px;
    right: 80px;
    line-height: 30px;
    width: 50px;
    text-align: center;
    color: #5f5f5f;
    font-size: 12px;
    font-weight: 500;
    display: inline-block;
}

.jp-header-inner .btn-my-pc-top{
    position: absolute;
    top: 20px;
    right: 0;
    line-height: 30px;
    width: 60px;
    text-align: center;
    color: #5f5f5f;
    font-size: 12px;
    font-weight: 500;
    display: inline-block;
}

.jp-header-inner .txt-top-right{
    display: block;
    text-align: center;
}

.register-form-wrp .btn-submit-find-id{
    width: 440px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    background: #000;
    border: none;
}

.display-find-id-result-body{
    text-align: center;
    color: #000;
    font-size: 22px;
    margin-top: 30px;
}

.display-find-id-btn-area{
    margin-top: 30px;
    text-align: center;
}

.display-find-id-btn-area .btn-login-after-find-id{
    width: 440px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    background: #000;
    display: inline-block;
}

.btn-find-pw-after-find-id{
    width: 440px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    color: #000;
    font-weight: 500;
    font-size: 16px;
    background: #fff;
    display: inline-block;
    box-sizing: border-box;
    border: 1px solid #606060;
}

.btn-event-top-ban{
    position: absolute;
    bottom: -46px;
    left: 0;
    z-index:0;
}

.jp-navigation-list .jp-navigation-link-active{
    color: #d82424 !important;
    border-color: #d82424;
}

.page-pc-banner-area{
    margin: 20px auto 20px;
    width: 1200px;
}

/* pc page tab */
.page-pc-tab-body{
    border-left: 1px solid #e5e5e5;
}

.page-pc-tab-list{
    float: left;
    border: 1px solid #e5e5e5;
    border-left: none;
    box-sizing: border-box;
}

.page-pc-tab-link{
    display: block;
    height: 54px;
    line-height: 52px;
    text-align: center;
    color: #606060;
    font-weight: 500;
    box-sizing: border-box;
    font-size: 16px;
}

.page-pc-tab-area{
    margin: 0 auto;
    width: 1200px;
}

.page-pc-tab-col-4 .page-pc-tab-list{
    width: 25%;
}

.page-pc-tab-col-5 .page-pc-tab-list{
    width: 20%;
}

.page-pc-tab-col-6 .page-pc-tab-list{
    width: 16.666%;
}

.page-pc-tab-col-2 .page-pc-tab-list{
    width: 50%;
}

.page-pc-tab-body .page-pc-tab-link-active{
    color: #005aa2;
    font-weight: 500;
    border: 1px solid #005aa2;
    background: #f7f8f9;

}

.page-pc-body-area{
    /*width: 1200px;*/
    /*margin: 0 auto 150px;*/
}

.page-pc-body-area .jp-board-info-body{
    padding: 50px 20px;
}

.page-pc-table-body{
    width: 100%;
}

.page-pc-table-body th{
    text-align: center;
    color: #242424;
    font-weight: 500;
    font-size: 15px;
    background: #f4f5f8;
    border-bottom: 1px solid #e2e2e2;
    border-top: 1px solid #b5b5b5;
    padding: 8px 0;
}

.page-pc-table-body tbody tr:hover{
    background: #f7f7f7;
    transition: 0.3s;
}

.page-pc-table-body td{
    text-align: center;
    border-bottom: 1px solid #e2e2e2;
    padding: 8px;
    font-size: 14px;
    color: #606060;
}

.page-pc-table-body td:nth-child(2){
    text-align: left;
}

.page-pc-table-body td a{
    color: #242424;
    font-size: 14px;
}

.page-pc-table-body td a:hover{
    text-decoration: underline;
    color: #c1272d;
    transition: 0.3s;
}

.page-pc-table-head{
    margin-top: 50px;
    margin-bottom:15px;
    color: #242424;
    font-size: 19px;
    font-weight: 500;
    position: relative;
}

.red-emphasis{
    color: #c1272d !important;
}


.page-table-col-type-a th:first-child,
.page-table-col-type-a td:first-child{
    width: 120px;
    box-sizing: border-box;
}

.page-table-col-type-a th:last-child,
.page-table-col-type-a td:last-child{
    width: 150px;
    box-sizing: border-box;
}

.page-table-col-type-a th:nth-child(3),
.page-table-col-type-a td:nth-child(3),
.page-table-col-type-a th:nth-child(4),
.page-table-col-type-a td:nth-child(4){
    width: 150px;
    box-sizing: border-box;
}


.page-pc-thumbnail-list{
    float: left;
    width: 400px;
    box-sizing: border-box;
    padding: 20px;
    border-right: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
}

.page-pc-thumbnail-list:nth-child(3n){
    border-right: 0;
}

.page-pc-thumbnail-list .thumbnail-wrp{
    display: block;
    position: relative;
    background: #efefef;
}

.page-pc-thumbnail-list .thumbnail-sub-info{
    display: block;
    padding: 15px 0 10px;
}

.page-pc-thumbnail-list .thumbnail-title{
    font-size: 15px;
    color: #000;
    font-weight: 500;
    display: block;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    overflow: hidden;
    text-overflow:ellipsis;
}

.page-pc-thumbnail-list .thumbnail-sub-title{
    font-size: 13px;
    color: #606060;
    font-weight: 500;
    display: block;
    margin-top: 10px;
}

.thumbnail-sub-title .splitter{
    padding: 0 5px;
    font-size: 11px;
    position: relative;
    top: -1px;
    color: #b4b4b4;
}

.ico-play-red{
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -20px 0 0 -20px;
    width: 40px;
}

.jp-pc-player{
    text-align: center;
    padding: 30px 0;
}

.jp-pc-display-thumbnail{
    text-align: center;
    padding: 30px 0;
    border-bottom: 1px solid #ddd;
}

.page-pc-table-body-wrp .page-pc-thumbnail-list-type-B{
    width: 600px;
    padding: 20px 0;
    border-right: 0;
    min-height: 200px;
}

.page-pc-table-body-wrp .page-pc-thumbnail-list-type-B a{
    display: block;
    position: relative;
    padding-left: 250px;
    height: 170px;
}

.page-pc-table-body-wrp .page-pc-thumbnail-list-type-B a:hover .thumbnail-title{
    color: #c1272d;
    transition: 0.3s;
}

.page-pc-table-body-wrp .page-pc-thumbnail-list-type-B .thumbnail-wrp{
    position: absolute;
    top: 0;
    left: 0;
    width: 230px;
    height: 160px;
    overflow: hidden;
    border: 1px solid #ddd;
}

.page-pc-table-body-wrp .page-pc-thumbnail-list-type-B .thumbnail-sub-info{
    position: relative;
    height: 140px;
    display: block;
    padding-right: 30px;
}

.page-pc-table-body-wrp .page-pc-thumbnail-list-type-B .thumbnail-sub-title{
    position: absolute;
    bottom: 15px;
    left: 0;
}


.page-pc-table-body-wrp .page-pc-thumbnail-list-type-B .thumbnail-title{
    position: relative;
    top: 10px;
    -webkit-line-clamp: 2;
}


.page-pc-thumbnail-list-type-C{
    width: 300px;
}

.page-pc-thumbnail-list-type-C:nth-child(3n){
    border-right: 1px solid #e2e2e2;
}

.page-pc-thumbnail-list-type-C:nth-child(4n){
    border-right: none;
}

.page-pc-thumbnail-list-type-C .thumbnail-wrp{
    height: 345px;
    overflow: hidden;
}

.btn-post-write{
    position: absolute;
    bottom: 0;
    right: 0;
}

.jp-board-info-foot .btn-modify-member-post{
    width: 60px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    text-align: center;
    background: #006eb6;
    color: #fff;
    font-size: 13px;
    border-radius: 5px;
}

.jp-board-info-foot .btn-delete-member-post{
    width: 60px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    text-align: center;
    background: #b10005;
    border: none;
    color: #fff;
    font-size: 13px;
    border-radius: 5px;
    vertical-align: top;
    box-sizing: border-box;
    position: relative;
    top: -2px;
}

/* 실시간 수익 작성 */
.form-member-post-write-page{
    width: 1200px;
    margin: 0 auto;
    padding: 50px 0 100px;
}

.form-table-member-post{
    width: 100%;
    border-top: 2px solid #242424;
    margin-top: 20px;
}

.form-table-member-post th{
    background: #f6f7f9;
    font-size: 14px;
    font-weight: 500;
    color: #626262;
    padding: 20px;
    box-sizing: border-box;
    width: 120px;
    border-bottom: 1px solid #b5b5b5;
}

.form-table-member-post td{
    padding: 20px;
    font-size: 14px;
    border-bottom: 1px solid #b5b5b5;
}

.form-table-member-post input.form-title{
    border: 1px solid #e2e2e2;
    padding: 0 20px;
    height: 50px;
    line-height: 50px;
    color: #242424;
    width: 100%;
    box-sizing: border-box;
    font-size: 14px;
}

.form-table-member-post .form-texarea{
    border: 1px solid #e2e2e2;
    padding: 20px;
    color: #242424;
    width: 100%;
    box-sizing: border-box;
    height: 200px;
    resize: none;
    font-size: 14px;
    line-height: 22px;
}

.img-upload-guide-desc{
    margin-top: 10px;
    color: #666;
    font-size: 13px;
}

.form-member-profit-foot{
    text-align: center;
    margin-top: 50px;
    margin-bottom: 100px;
}

.form-member-profit-foot .btn-write-member-profit{
    height: 30px;
    line-height: 28px;
    width: 120px;
    font-size: 14px;
    color: #fff;
    background: #b10005;
    border: 1px solid #b10005;
    text-align: center;
    display: inline-block;
    box-sizing: border-box;
    outline: none;
    vertical-align: top;
}

.form-member-profit-foot .btn-cancel-member-profit{
    height: 30px;
    line-height: 28px;
    width: 120px;
    font-size: 14px;
    color: #b10005;
    border: 1px solid #b10005;
    box-sizing: border-box;
    text-align: center;
    display: inline-block;
}

.page-pc-best-profit-top{
    position: relative;
    background: url('../assets/img/pc/bg-best-profit.jpg') repeat;
    padding: 50px 20px 80px;
    margin-top: 20px;
}

.page-pc-best-profit-head{
    text-align: center;
}

.page-pc-best-profit-rank{
    float: left;
    width: 380px;
    margin-right: 10px;
    position: relative;
}

.page-pc-best-profit-body{
    margin-top: 30px;
}


.page-pc-best-profit-rank:last-child{
    margin-right: 0;
}


.jp-board-mid-info{
    margin-top: 10px;
    font-size: 16px;
    font-weight: 500;
}

.jp-board-mid-info .splitter{
    padding: 0 5px;
}

.jp-board-mid-info .txt-red{
    color: #ec1827;
}

#jp-content-m .page-pc-table-body-wrp{
    padding: 15px;
}
#jp-content-m .page-pc-table-body-wrp .page-pc-thumbnail-list-type-B {
    width: 100%;
    min-height: 120px;
    padding: 10px 0;
}

#jp-content-m .page-pc-table-body-wrp .page-pc-thumbnail-list-type-B .thumbnail-wrp{
    width: 150px;
    height: 120px;
}

#jp-content-m .page-pc-table-body-wrp .page-pc-thumbnail-list-type-B a{
    padding-left: 170px;
    height: 130px;
    display: block;
}

#jp-content-m .page-pc-table-body-wrp .page-pc-thumbnail-list-type-B .thumbnail-sub-info{
    height: 120px;
}

#jp-content-m .page-pc-thumbnail-list .thumbnail-sub-info{
    padding-top: 5px;
}

.main-board-container .main-board-con-btn-area{
    position: static;
}

#jp-content-m .page-pc-table-body-wrp .page-pc-thumbnail-list-type-B .thumbnail-title{
    top: 0;
}

#jp-content-m .page-pc-table-body-wrp .page-pc-thumbnail-list-type-B .thumbnail-sub-title{
    bottom: 22px;
}

#jp-content-m .jp-board-mid-info{
    font-size: 14px;
}

.page-m-table-head{
    text-align: center;
    margin-bottom: 10px;
}

#jp-content-m .page-pc-table-body-wrp .page-pc-thumbnail-list-type-B .thumbnail-sub-info{
    padding-right: 10px;
}

#jp-content-m .page-pc-best-profit-top{
    margin-top: 0;
    padding-bottom: 70px;
    margin-bottom: 20px;
}

#jp-content-m .page-pc-best-profit-rank{
    float: none;
    width: 100%;
    margin-right: 0;
    position: relative;
    margin-bottom: 20px;
}

#jp-content-m .rank-head img{
    width: 100%;
}

/* 실시간 수익 인증 모바일 */
#jp-content-m .page-pc-thumbnail-list-type-C{
    width: 50%;
}

#jp-content-m .page-pc-thumbnail-list-type-C:nth-child(2n){
    border-right: none
}

.member-profit-list-foot{
    text-align: center;
    margin-top: 40px;
    margin-bottom: 40px;
}

.member-profit-list-foot .btn-post-write{
    position: static;
}

/* 실시간수익인증 입력화면 */
#jp-content-m .form-member-post-write-page{
    padding: 40px 15px;
    width: calc( 100% - 30px);
}

#jp-content-m .form-member-post-write-page .page-header-pc{
    font-size: 18px;
}

#jp-content-m .form-member-post-write-page .jp-alert-info{
    font-size: 14px;
}

#jp-content-m .form-table-member-post th{
    width: 60px;
    font-size: 12px;
    padding: 15px;
}

#jp-content-m .form-table-member-post td{
    padding: 15px;
}

#jp-content-m .form-table-member-post input.form-title{
    padding: 0 10px;
}

#jp-content-m .page-pc-thumbnail-list-type-C .thumbnail-wrp{
    height: 240px;
}

#jp-content-m .page-pc-thumbnail-list{
    padding: 10px;
}

#jp-content-m .form-table-member-post .form-texarea{
    padding: 10px;
}

#jp-content-m .img-upload-guide-desc{
    font-size: 12px;
}

#jp-content-m .form-member-profit-foot{
    margin-bottom: 50px;
}

#jp-content-m .register-form-wrp{
    padding-top: 40px;
    padding-bottom: 120px;
}

#jp-content-m .register-form-body{
    width: 100%;
}

#jp-content-m .register-form-body-wrp{
    /*padding: 20px;*/
}

#jp-content-m .display-find-id-btn-area .btn-login-after-find-id{
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
}

#jp-content-m .btn-find-pw-after-find-id{
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
}

#jp-content-m .register-form-title{
    font-size: 18px;
}

#jp-content-m .register-form-desc{
    font-size: 13px;
    line-height: 24px;
}

#jp-content-m .display-find-id-result-body{
    font-size: 20px;
    margin-top: 0;
}

#jp-content-m .register-form-wrp .btn-submit-find-id{
    width: 100%;
    height: 55px;
    line-height: 55px;
}

/* 고객인터뷰 모바일 */
.jp-con-m-interview .page-pc-thumbnail-list{
    width: 100%;
    border-right: 0;
}

#jp-content-m .jp-pc-player{
   padding: 20px 20px 0;
}


.wing-pc-wrp{
    position: fixed;
    top: 50%;
    right: 0;
    margin-top: -180px;
}

.wing-pc-wrp a{
    display: block;
    margin-bottom: 3px;
}

.left-wing{
    width: 125px;
    position: absolute;
    left: -140px;
    top: 10px;
    z-index: 10;
    transition: 0.5s;
}

.right-wing{
    width: 125px;
    position: absolute;
    right: -140px;
    top: 10px;
    z-index: 10;
    transition: 0.5s;
}

.btn-page-top{
    position: relative;
    left: 2px;
    top: -1px;
}

.event-main-area{
    margin-top: 30px;
    margin-bottom: 100px;
}

.event-main-area-inner{
    width: 1200px;
    margin: 0 auto;
}

.event-main-box{
    width: 386px;
    float: left;
    margin-right: 20px;
}

.event-main-box a{
    display: block;
}

.event-main-box:last-child{
    margin-right: 0;
}

.event-main-area-head{
    margin: 0 auto 20px;
    width: 1200px;
    border-bottom: 2px solid #606060;
    font-weight: bold;
    font-size: 18px;
    padding: 0 10px 10px;
    box-sizing: border-box;
}

.event-main-area-head strong{
    color: #ad0003;
}

.quick-guide-area{
    margin-top: 30px;
}

.quick-guide-area-inner{
    width: 1200px;
    margin: 0 auto;
}

.quick-guide-left{
    float: left;
    width: 700px;
}

.quick-guide-right{
    float: left;
    width: 490px;
    margin-left: 10px;
}

.quick-guide-btns a{
    width: 50%;
    float: left;
    display:block;
}

.event-mobile-main .event-main-box{
    width: 100%;
    margin-bottom: 10px;
}

.blind{
    display: none;
    position: absolute;
    top: -9999px;
    left: -9999px;
    width: 0;
    height: 0;
    overflow: hidden;
}

.current-service-head{
    background: #1f497d;
    color: #fff;
    text-align: center;
    height: 57px;
    line-height: 57px;
    font-size: 17px;
    font-weight: bold;
}

.current-service-foot{
    text-align: center;
    height: 57px;
    line-height: 57px;
    border-top: 1px solid #ddd;
}

.current-service-foot .btn-details-link{
    min-width: 100px;
    text-align: center;
    height: 26px;
    line-height: 26px;
    font-size: 14px;
    color: #fff;
    background: #d11b2b;
    display: inline-block;
    padding: 0 10px;
    box-sizing: border-box;
}

.current-service-body .service-title{
    padding: 10px 20px;
    color: #000;
    height: 35px;
    line-height: 35px;
    text-align: left;
    font-size: 18px;
    font-weight: 500;
    border-bottom: 1px solid #ddd;
}

.service-detail-box{
    float: left;
    width: 33.333%;
    text-align: center;
    padding: 10px 0;
}


.service-detail-box .upper{
    font-size: 12px;
    color: #7e7b79;
}

.service-detail-box .downer{
    font-size: 15px;
    font-weight: 500;
    color: #d11b2b;
}

.service-status{
    border-top: 1px solid #ddd;
    padding: 10px;
    height: 70px;
}

.service-status-01 .left{
    float: left;
    color: #808080;
    font-size: 14px;
}

.service-status-01 .right{
    float: right;
    color: #808080;
    font-size: 14px;
}


.service-status-03 .left{
    float: left;
    color: #808080;
    font-size: 14px;
}

.service-status-03 .right{
    float: right;
    color: #808080;
    font-size: 14px;
}

.service-status-03 .txt-red{
    color: #d11b2b;
}

.gauge{
    position: relative;
    height: 4px;
    background: #ff8f03;
}

.gauge-inner{
    position: absolute;
    left: 0;
    top: 0;
    height: 4px;
    background: #ce1d24;
}

.service-status-02{
    padding: 10px 0;
}



.current-service-m-wrp{
    padding: 0 10px 20px;
}
.current-service-m-wrp .current-service-body .service-title{
    font-size: 14px;
    padding: 6px 8px;
}

.current-service-m-wrp .service-detail-box .downer{
    font-size: 11px;
}

.current-service-m-wrp .service-status{
    height: auto;
}

.current-service-m-wrp .service-status-01 .left,
.current-service-m-wrp .service-status-01 .right{
    font-size: 11px;
}

.current-service-m-wrp .service-status-03 .left,
.current-service-m-wrp .service-status-03 .right{
    font-size: 11px;
}

/* popup */
.layer-popup{
    position: fixed;
    top: 100px;
    left: 0;
    width: 100%;
    z-index: 100;
    box-shadow: 1px 1px 10px rgba(0,0,0,0.7);
}

.layer-popup-inner{
    position: relative;
}

.pc-pop{
    /*width: 500px;*/
    /*left: 50%;*/
    /*margin-left: -510px;*/
}

.pc-pop .layer-popup{
    width: 500px;
    margin: 0 auto;
}

.pop-btn-close,
.pop-btn-close2{
    position: absolute;
    top: 10px;
    right: 5px;
}

.pop-btn-close img,
.pop-btn-close2 img{
    width: 30px;
}


.m-pop{
    top: 70px;
}

.pc-pop img.banner-body{
    width: 500px;
}

.m-pop img{
    width: 100%;
}

.m-pop .pop-btn-close,
.m-pop .pop-btn-close2{
    width: 30px;
}

.pc-pop .pop-btn-close,
.pc-pop .pop-btn-close2{
    width: 40px;
}

.main-pc-mini-banner{
    width: 1100px;
    margin: 0 auto;
    position: relative;
}

.btn-link-mini-banner{
    height: 66px;
    display: block;
    position: absolute;
    top: 0;
    right: 145px;
    width: 248px;
}


.main-quick-link-wrp{
    border-bottom: 1px solid #eee;
}

.main-quick-link-list{
    float: left;
    padding: 0 40px;
    position: relative;
}

.main-quick-link-list:last-child:after{
    display: none;
}

.main-quick-link-list:after{
    content: "";
    height: 80px;
    width: 1px;
    position: absolute;
    top: 50%;
    margin-top: -40px;
    right: -1px;
    background: #eee;
}

.main-quick-link-inner{
    width: 1100px;
    margin: 0 auto;
    padding: 40px 0;
    text-align: center;
}

.main-quick-link-body{
    display: inline-block;
}

.main-real-invest-post{
    padding: 70px 0;
}

.main-real-invest-post-head{
    text-align: center;
    padding-bottom: 53px;
}

.main-real-invest-post-body{
    width: 1100px;
    margin: 0 auto;
}

.main-real-invest-post-unit{
    width: 1100px;
    background: #ececec;
    position: relative;
    padding: 30px 354px 30px 187px;
    box-sizing: border-box;
    border-radius: 10px;
    min-height: 204px;
    margin-bottom: 10px;
}

.img-profit-thumbnail{
    position: absolute;
    top: 30px;
    left: 30px;
    width: 104px;
    height: 104px;
    border-radius: 104px;
    border: 1px solid #eee;
}

.main-real-post-desc{
    padding: 20px;
    background: #fff;
    border-radius: 10px;
    min-height: 177px;
    box-sizing: border-box;
    position: relative;
}

.main-real-post-desc-title{
    font-size: 15px;
    color: #3b3939;
    font-weight: bold;
}

.main-real-post-desc-sub-title{
    font-size: 14px;
    color: #595656;
    margin-top: 15px;
    line-height: 24px;
}

.main-real-post-desc-author{
    color: #ea5404;
    font-size: 16px;
    margin-top: 20px;
}

.ico-arrow-left{
    position: absolute;
    top: 50%;
    right: 307px;
    margin-top: -14px;
}

.main-real-post-eval{
    background: url('./img/bg/bg-post-eval.jpg') no-repeat 0 0;
    width: 250px;
    height: 178px;
    box-sizing: border-box;
    padding: 40px 0 0 40px;
    position: absolute;
    top: 30px;
    right: 30px;
}

.balloon-tail{
    position: absolute;
    top: 25px;
    left: -27px;
}

.txt-emphasis{
    color: #367def;
}

.main-real-service-tit{
    color: #fff;
    font-size: 14px;
}

.main-real-service-tit2{
    color: #fff;
    font-size: 18px;
}

.main-real-service-tit3{
    color: #fff;
    margin-top: 10px;
    font-size: 14px;
}

.main-real-service-tit4{
    color: #fff;
    font-size: 20px;
}

.txt-bold{
    font-weight: bold;
}

.main-media-area{
    padding: 75px 0 100px;
    background: #f5f5f5;
}

.main-media-area-head{
    text-align: center;
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #dcdcdc;
}

.main-media-area-body{
    width: 1100px;
    margin: 0 auto;
}

.main-media-area-body-left{
    width: 595px;
    margin-right: 57px;
    float: left;
}

.main-media-area-body-right{
    width: 448px;
    float: left;
}

.main-media-area-body-left-head{
    position: relative;
}

.btn-more-link{
    height: 30px;
    line-height: 30px;
    border-radius: 30px;
    width: 93px;
    text-align: center;
    background: #ea5404;
    color: #fff !important;
    font-size: 13px;
    font-weight: 500;
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
}

.btn-more-link2{
    height: 30px;
    line-height: 30px;
    border-radius: 30px;
    width: 93px;
    text-align: center;
    background: #ea5404;
    color: #fff !important;
    font-size: 13px;
    font-weight: 500;
    display: inline-block;
}

.main-media-area-body-right-foot{
    text-align: center;
}

.main-media-area-body-right-body{
    margin-top: 20px;
}

.main-media-area-body-right-body-title{
    padding-left: 15px;
    font-size: 16px;
    color: #595656;

    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap:break-word;
    line-height: 40px;
    height: 40px;

    background: url('./img/bl-sm-arrow-right.jpg') no-repeat 0 center;

}

.main-media-area-body-right-body-img{
    margin-bottom: 10px;
}

.main-media-area-body-right-body-desc{
    font-size: 15px;
    color: #595656;

    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap:break-word;

}

.main-media-area-body-right-foot{
    margin-top: 20px;
}

.main-media-area-body-left-body{
    margin-top: 20px;
}

.main-media-area-body-left-news-link{
    display: block;
    position: relative;
    height: 83px;
    padding-left: 140px;
}

.main-media-area-body-left-news-thumbnail{
    position: absolute;
    top: 0;
    left: 0;
    height: 83px;
    width: 120px;
}

.main-media-area-body-left-news-con{
    padding-top: 10px;
}

.main-media-area-body-left-news-con-tit{
    font-weight: bold;
    margin-bottom: 5px;
}

.main-media-area-body-left-news-con-tit,
.main-media-area-body-left-news-con-desc{
    font-size: 15px;
    color: #595656;

    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap:break-word;
}

.main-media-area-body-left-news-list{
    margin-bottom: 20px;
}

.main-media-area-body-left-news-list:last-child{
    margin-bottom: 0;
}

.banner-top-pc-company{
    background: url('./img/banner/pc/banner-top-company-01.jpg') no-repeat center 0;
    height: 300px;
}

.banner-top-pc-service{
    background: url('./img/banner/pc/banner-top-service.jpg') no-repeat center 0;
    height: 299px;
}

.banner-top-pc-process{
    background: url('./img/banner/pc/banner-top-process.jpg') no-repeat center 0;
    height: 300px;
}

.banner-top-pc-process1{
    background: url('./img/banner/pc/banner-top-pc-process1.jpg') no-repeat center 0;
    height: 300px;
}

.banner-top-pc-profit{
    background: url('./img/banner/pc/banner-top-profit.jpg') no-repeat center 0;
    height: 300px;
}

.banner-top-pc-center{
    background: url('./img/banner/pc/banner-top-center.jpg') no-repeat center 0;
    height: 300px;
}

.contents-pc{
    padding-top: 222px;
    position: relative;
}

.contents-pc-left{
    float: left;
    width: 212px;
    margin-right: 46px;
}

.contents-pc-right{
    float: left;
    width: 842px;
}

.contents-pc-inner{
    padding-top: 100px;
    padding-bottom: 200px;
}

.contents-pc-inner,
.breadcrumb-pc-inner{
    width: 1100px;
    margin: 0 auto;
}

.breadcrumb-pc{
    background: #ea5404;
}

.breadcrumb-pc-inner{
    height: 40px;
    line-height: 40px;
    color: #fff;
}

.current-main-nav{
    border: 1px solid #ea5404;
    border-radius: 5px;
    color: #ea5404;
    text-align: center;
    height: 50px;
    line-height: 50px;
    font-size: 17px;
}

.current-sub-nav-link{
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #222;
    display: block;
    border-radius: 5px;
    font-size: 15px;
}


.current-sub-nav-body .active .current-sub-nav-link,
.current-sub-nav-link:hover{
    background: #eee;
    color: #ea5404;
}

.current-sub-nav-list{
    margin-bottom: 20px;
}

.current-sub-nav-body{
    margin-top: 30px;
}

.btn-breadcrumb-home{
    display: inline-block;
    height: 40px;
    line-height: 40px;
    width: 44px;
    text-align: center;
    vertical-align: top;
    border-right: 1px solid #f1b594;
    border-left: 1px solid #f1b594;
    float: left;
}

.btn-breadcrumb-home img{
    position: relative;
    top: -2px;
}


.quick-menu-main-nav{
    position: relative;
    display: inline-block;
    float: left;
    border-right: 1px solid #f1b594;
}

.current-main-category{
    display: inline-block;
    width: 150px;
    height: 40px;
    line-height: 40px;
    padding-left: 20px;
    box-sizing: border-box;
    font-size: 14px;
    position: relative;
    cursor: pointer;
}

.main-category-body{
    position: absolute;
    top: 39px;
    left: 0;
    width: 100%;
    /*display: inline-block;*/
    display: none;
    background: #fff;
    border: 1px solid #ea5404;
    z-index: 10;
}

.main-category-body a{
    display: block;
    padding: 0 0 0 20px;
    font-size: 14px;
}

.quick-menu-sub-nav{
    position: relative;
    display: inline-block;
    float: left;
    border-right: 1px solid #f1b594;
    z-index: 10;
}

.ico-angle-down{
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -5px;
}

.sub-category-body{
    position: absolute;
    top: 39px;
    left: 0;
    width: 100%;
    /*display: inline-block;*/
    background: #fff;
    border: 1px solid #ea5404;
    display: none;
    z-index: 10;
}

.sub-category-body a{
    display: block;
    padding: 0 0 0 20px;
    font-size: 14px;
}

.current-sub-category{
    display: inline-block;
    width: 150px;
    height: 40px;
    line-height: 40px;
    padding-left: 20px;
    box-sizing: border-box;
    font-size: 14px;
    position: relative;
    cursor: pointer;
}

.media-page-search{
    padding: 45px 0;
}

.media-search-wrp{
    height: 45px;
    line-height: 45px;
    border-radius: 45px;
    border: 1px solid #909090;
    padding: 0 20px 0 65px;
    position: relative;
}

.media-search-input{
    height: 45px;
    line-height: 45px;
    display: block;
    width: 100%;
    border: none;
    font-size: 16px;
    color: #444;
    outline: none;
}

.media-search-wrp .ico-search{
    position: absolute;
    top: 50%;
    left: 25px;
    margin-top: -12px;
}

.media-table-wrapper .media-table{
    /*border-top: 2px solid #626262;*/
    width: 100%;
}

.media-table-wrapper .media-table th{
    color: #818181;
    font-size: 14px;
    text-align: center;
    padding: 18px 0;
    font-weight: normal;
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
}

.media-table-wrapper .media-table th:first-child{
    border-left: 1px solid #e4e4e4;
}

.media-table-wrapper .media-table th:last-child{
    border-right: 1px solid #e4e4e4;
}


.media-table-wrapper .media-table td{
    border-bottom: 1px solid #e2e2e2;
    font-size: 13px;
    padding: 18px 0;
    color: #424242;
    font-weight: normal;
}

.media-table-wrapper .media-table td:first-child,
.media-table-wrapper .media-table td:last-child{
    text-align: center;
}

.media-table-wrapper .media-table td a{
    color: #606060;
    font-size: 15px;
}


.media-table-wrapper .media-table td a:hover{
    color: #1292d8;
}


.jp-board-info-foot .jp-notice-prev{
    /*float: left;*/
}

.jp-board-info-foot .jp-notice-next{
    /*float: right;*/
}

.jp-board-info-foot .jp-notice-prev:hover,
.jp-board-info-foot .jp-notice-next:hover{
    color: #1292d8;
}

.jp-board-info-bottom{
    text-align: center;
    padding-top: 47px;
}

.service-purchase-list{
    float: left;
    width: 33.333%;
    text-align: center;
}

.jp-col-4{
    float: left;
    width: 25%;
}

.jp-profit-review-wrapper{
    padding-bottom: 40px;
}

.jp-profit-review-desc-table{
    width: 100%;
}

.jp-profit-review-desc-table-title{
    text-align: left;
    font-size: 17px;
    padding: 15px 20px;
    border-bottom: 1px solid #ddd;
}

.jp-profit-review-desc-table-sub-title{
    padding: 15px 20px;
    border-bottom: 1px solid #ddd;
}

.request-area-wrapper{
    background: url('./img/img-bg-request-pc.jpg') no-repeat 0 0;
    height: 1299px;
    position: relative;
}

.request-area-wrapper .btn-area{
    text-align: center;
    padding-top: 400px;
    padding-bottom: 80px;
}

.request-form-title{
    text-align: center;
}

.request-form-con{
    padding: 40px;
    background: #fff;
    margin: 40px;
}

.request-form-con .request-form-con-title{
    color: #595656;
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 15px;
    padding-left: 5px;
}

.request-form-con .btn-quick-request{
    padding: 0;
    height: 55px;
    line-height: 55px;
    text-align: center;
    color: #fff;
    background: #ea5404;
    font-size: 18px;
    font-weight: bold;
    border: none;
    width: 100%;
}

.request-form-con input[name="name"],
.request-form-con input[name="tel"],
.request-form-con input[name="price"]{
    height: 50px;
    width: 100%;
    box-sizing: border-box;
    padding: 0 20px;
    font-size: 17px;
    color: #606060;
    border: 1px solid #e2e2e2;
}

.request-form-con textarea{
    box-sizing: border-box;
    padding: 20px;
    font-size: 17px;
    color: #606060;
    border: 1px solid #e2e2e2;
    width: 100%;
    margin: 10px 0;
    height: 150px;
}

.request-form-con .checkbox-area{
    margin-bottom: 20px;
}

.request-form-con .checkbox-area label{
    color: #606060;
    font-size: 15px;
}

.request-form-con .checkbox-area label + a{
    color: #606060;
    font-size: 13px;
    text-decoration: underline;
}

.hidden-slide-nav{
    background: #fff;
    width: 100%;
    position: absolute;
    top: -200px;
    left: 0;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
    padding: 15px 0 25px;
    transition: 0.5s;
    z-index: 50;
    opacity: 0;
}

.hidden-slide-nav-inner{
    width: 954px;
    margin: 0 auto;
}

.hidden-slide-nav .nav-desc-unit{
    float: left;
    width: 20%;
    text-align: center;
}

.hidden-slide-nav .nav-desc-unit li{
    margin-bottom: 15px;
}

.hidden-slide-nav .nav-desc-unit li a{
    color: #2e2929;
    font-size: 15px;
    transition: 0.3s;
}

.hidden-slide-nav .nav-desc-unit li a:hover{
    color: #e54c1c;
}

.quick-login-section{
    width: 800px;
    height: auto;
    position: relative;
    top: 50%;
    left: 50%;
    margin-left: -400px;

    z-index: 1000;
    /*box-shadow: 1px 1px 8px rgba(0,0,0,0.3);*/
    /*background: #fff;*/
}

.quick-login-section-inner{
    padding: 75px 80px 75px;
}

.quick-login-section .btn-area{
    text-align: center;
}

.quick-login-section .btn-area a{
    color: #595656;
    font-size: 14px;
}

.quick-login-section .btn-area .splitter{
    color: #000;
    font-size: 12px;
    position: relative;
    top: 0;
    padding: 0 15px;
}

.btn-close-login{
    position: absolute;
    top: 20px;
    right: 20px;
}

.quick-login-section-inner h4{
    text-align: center;
}

.quick-login-section .login-desc{
    text-align: left;
    padding: 10px 0 25px;
    color: #595656;
    font-size: 15px;
    line-height: 26px;
    width: 440px;
    margin: 0 auto;
}

.login-form-wrapper{
    width: 590px;
    margin: 0 auto;
    /*border: 1px solid #e4e4e4;*/
    padding: 90px 52px 0;
    box-sizing: border-box;
    height: 540px;
    background: #f7f7f7;
}

.login-area-title-pc{
    color: #000;
    font-size: 20px;
    text-align: center;
    padding: 0 0 40px;
}

.login-form-wrapper input[name="user_id"],
.login-form-wrapper input[name="tel"]{
    height: 55px;
    line-height: 55px;
    border: 1px solid #e5e5e5;
    padding: 0 20px;
    font-size: 16px;
    color: #606060;
    width: 100%;
    display: block;
    box-sizing: border-box;
}

.login-form-wrapper input[name="password"]{
    height: 55px;
    line-height: 55px;
    border: 1px solid #e5e5e5;
    padding: 0 20px;
    font-size: 16px;
    color: #606060;
    width: 100%;
    display: block;
    box-sizing: border-box;
}

.quick-login-section-m .login-form-wrapper input[name="user_id"],
.quick-login-section-m .login-form-wrapper input[name="password"]{
    width: 100%;
}

.login-form-wrapper .checkbox-area label{
    color: #595656;
    font-size: 14px;
}

.login-form-wrapper .btn-login{
    display: block;
    width: 100%;
    text-align: center;
    height: 55px;
    line-height: 55px;
    color: #fff;
    font-size: 16px;
    background: #258584;
    font-weight: 500;
    border: none;
    border-radius: 5px;
}

.quick-login-section-m .login-form-wrapper .btn-login{
    width: 100%;
}

.profit-calc-area{
    background: url('./img/img-bg-profit-calc.jpg') no-repeat 0 0;
    height: 1024px;
    margin-top: 60px;
    position: relative;
    box-sizing: border-box;
    padding: 177px 50px 0;
}

.profit-calc-area-slp{
    background: url('./img/img-bg-profit-slp.jpg') no-repeat 0 0;
    height: 1024px;
    margin-top: 60px;
    position: relative;
    box-sizing: border-box;
    padding: 177px 50px 0;
}

.profit-check-list-wrp{
    border-top: 1px solid #626262;
    border-bottom: 1px solid #626262;
    padding: 30px 20px;
    margin-bottom: 50px;
}

.profit-check-list-body th,
.profit-check-list-body td{
    padding: 8px 0;
    color: #fff;
    position: relative;
    font-size: 16px;
}

.profit-check-list-body th{
    text-align: right;
    font-weight: normal;
    padding-right: 20px;
}

.profit-check-list-body th:after{
    content: "";
    width: 1px;
    height: 16px;
    background: #fff;
    position: absolute;
    top: 50%;
    margin-top: -7px;
    right: 0;
}

.profit-check-list-body td{
    text-align: left;
    padding-left: 30px;
}

.profit-calc-area .btn-area{
    float: left;
    width: 300px;
}

.profit-calc-area .profit-calc-result{
    float: left;
}

.profit-calc-result-body{
    background: url('./img/bg-profit-calc-result.png') no-repeat 0 0;
    width: 440px;
    height: 477px;
    box-sizing: border-box;
    position: relative;
}

.profit-slp-result-body{
    background: url('./img/bg-profit-slp-result.png') no-repeat 0 0;
    width: 440px;
    height: 440px;
    box-sizing: border-box;
    position: relative;
}

.profit-calc-result .init_amount{
    position: absolute;
    top: 165px;
    left: 158px;
    color: #fff;
    font-size: 17px;
    width: 120px;
    text-align: right;
}

.profit-calc-result .p_amount{
    position: absolute;
    top: 280px;
    left: 36px;
    color: #fff;
    font-size: 17px;
    width: 120px;
    text-align: right;
}

.profit-calc-result .total_amount{
    position: absolute;
    top: 280px;
    right: 40px;
    color: #ea5404;
    font-size: 17px;
    width: 120px;
    text-align: right;
}

.slp-type-01{
    position: absolute;
    top: 116px;
    left: 159px;
    color: #969292;
    font-size: 18px;
    text-align: center;
    width: 120px;
    height: 40px;
    line-height: 40px;
}

.slp-type-02{
    position: absolute;
    top: 213px;
    left: 40px;
    color: #969292;
    font-size: 18px;
    text-align: center;
    width: 120px;
    height: 40px;
    line-height: 40px;
}

.slp-type-03{
    position: absolute;
    top: 213px;
    right: 40px;
    color: #969292;
    font-size: 18px;
    text-align: center;
    width: 120px;
    height: 40px;
    line-height: 40px;
}

.slp-active{
    border: 1px solid #ea5404;
    color: #ea5404;
    border-radius: 10px;
}


.mypage-section h4{
    padding: 40px 0 20px;
    font-weight: normal;
    font-size: 20px;
}

.payment-history{
    width: 410px;
    height: 333px;
    padding: 20px;
    box-sizing: border-box;
    background: #f7f7f7;
    border-radius: 10px;
    float: left;
    margin-right: 20px;
}

.register-service{
    width: 410px;
    height: 333px;
    padding: 20px;
    box-sizing: border-box;
    background: #f7f7f7;
    border-radius: 10px;
    float: left;
}


.init-paid-date-wrp{
    float: left;
    margin-right: 20px;
    box-sizing: border-box;
    background: #f7f7f7;
    border-radius: 10px;
    width: 410px;
    height: 150px;
    padding: 20px;
}

.extend-payment{
    float: left;
    box-sizing: border-box;
    background: #f7f7f7;
    border-radius: 10px;
    width: 410px;
    height: 150px;
    padding: 20px;
}

.slp-service-mark-wrp{
    text-align: center;
    padding-top: 40px;
}

.extend-count{
    text-align: center;
    padding: 25px;
    color: #ea5404;
    font-size: 26px;
    font-weight: bold;
}

.init-paid-date{
    text-align: center;
    padding: 25px;
    color: #ea5404;
    font-size: 26px;
    font-weight: bold;
}

.mypage-total-payment{
    padding-top: 40px;
    text-align: center;
    font-size: 18px;
    color: #595656;
}

.mypage-total-payment .customer-name{
    color: #000;
}

.mypage-total-payment-count{
    font-size: 30px;
    font-weight: normal;
    text-align: center;
    padding-top: 20px;
    color: #595656;
}

.total-service-amount{
    font-size: 45px;
    color: #ea5404;
}

.register-modify-btn-area{
    margin-top: 50px;
    padding: 50px 0;
    border-top: 1px solid #b5b5b5;
}

.register-modify-btn-area a{
    display: block;
    text-align: center;
    height: 55px;
    line-height: 55px;
    font-size: 18px;
    color: #595656;
    font-weight: bold;
    border: 2px solid #595656;
}


.customer-info-modification{
    /*background: #f7f7f7;*/
    /*border-radius: 10px;*/
    /*padding: 20px 40px 70px;*/
    /*margin-top: 50px;*/
}

.customer-info-form-wrp{
    /*margin-top: 20px;*/
    /*border-top: 2px solid #b5b5b5;*/
    /*background: #fff;*/
    /*padding: 70px 48px 70px;*/
}

.btn-register-modification{
    width: 440px;
    height: 55px;
    line-height: 55px;
    color: #fff;
    font-weight: bold;
    background: #224ee1;
    text-align: center;
    display: inline-block;
    border: none;
}

.customer-info-form-bottom{
    text-align: center;
    padding-top: 50px;
}

.customer-info-form-table{
    width: 100%;
    border-top: 1px solid #ddd;
}

.customer-info-form-table th{
    color: #313131;
    font-size: 13px;
    background: #f8f8f8;
    border-bottom: 1px solid #ddd;
}

.customer-info-form-table td{
    padding: 5px 8px;
    border-bottom: 1px solid #ddd;
}

.customer-info-form-table label{
    color: #606060;
    font-size: 13px;
}

.customer-info-form-table input[name="user_id"],
.customer-info-form-table input[name="name"],
.customer-info-form-table input[name="tel"],
.customer-info-form-table input[name="email"],
.customer-info-form-table input[name="password"],
.customer-info-form-table input[name="password2"]{
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    box-sizing: border-box;
    border: 1px solid #e2e2e2;
    color: #606060;
    font-size: 15px;
    width: 100%;
}

.mypage-payment-method{
    background: #f7f7f7;
    margin-top: 30px;
    padding: 70px 40px;
}

.mypage-payment-wrp{
    margin-top: 20px;
    border-top: 2px solid #b5b5b5;
    background: #fff;
    padding: 40px 48px 70px;
}

.mypage-payment-step-02-desc-txt{
    display: inline-block;
    height: 39px;
    line-height: 39px;
    text-align: center;
    border-radius: 39px;
    border: 1px solid #e4e4e4;
    font-weight: bold;
    color: #595656;
    font-size: 13px;
    padding: 0 20px;
}

.mypage-payment-step-02-desc{
    text-align: center;
    margin-top: 22px;
}

.mypage-payment-step-01,
.mypage-payment-step-02{
    padding-bottom: 15px;
    margin-bottom: 35px;
    border-bottom: 1px solid #e2e2e2;
}

.mypage-payment-step-02-con .btn-pay-card{
    width: 327px;
    height: 49px;
    line-height: 49px;
    color: #fff;
    border-radius: 10px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    background: #ff6d2e;
    display: inline-block;
    float: left;
}

.mypage-payment-step-02-con .btn-deposit{
    width: 327px;
    height: 49px;
    line-height: 49px;
    color: #fff;
    border-radius: 10px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    background: #f4a000;
    display: inline-block;
    float: left;
    margin-left: 10px;
}

.mypage-payment-step-01-con{
    margin-bottom: 50px;
}

.mypage-payment-step-01-con .slp-service{
    float: left;
    display: inline-block;
    width: 215px;
    height: 215px;
    text-align: center;
    line-height: 215px;
    border: 2px solid #e5e5e5;
}

.mypage-payment-step-01-con .slp-service:nth-child(2){
    margin: 0 4px;
}

.mypage-payment-step-01-con .slp-service-active{
    border-color: #ea5404;
}

.register-private-info-section{
    margin-top: 50px;
}

.register-form-body-wrp .section-title-m{
    color: #595656;
    position: relative;
}


.register-form-body-wrp .form-reg-warning{
    position: absolute;
    top: 5px;
    right: 10px;
    color: #db1010;
    font-weight: normal;
}

.reset-pw-m .register-form-body-wrp{
    padding: 40px 20px 0;
}

.register-form-wrp .register-form-body-wrp{
    text-align: center;
}

.register-form-wrp .register-form-body-wrp input{
    width: 440px;
    margin: 0 auto;
    border-radius: 0;
    display: inline-block;
    height: 50px;
    line-height: 50px;
}


.not-yet-purchase{
    padding-top: 80px;
}

.slp-service-mark-wrp .btn-shortcut-service{
    width: 150px;
    height: 35px;
    line-height: 35px;
    border-radius: 10px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    background: #ea5404;
    display: inline-block;
}

.need-to-login{
    text-align: center;
    font-size: 17px;
    color: #888;
    padding: 200px 0;
}

.empty-calendar{
    text-align: center;
    font-size: 16px;
    color: #888;
    padding: 200px 0;
}


.board_view_thumbnail{
    text-align: center;
    padding: 20px;
}

.board_view_thumbnail img{
    max-width: 842px;
}

.result-slp-a,.result-slp-b,.result-slp-c{
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -410px 0 0 -287px;
    display: none;
}

.btn-close-result-slp{
    position: absolute;
    top: 26px;
    right: 22px;
    width: 35px;
    height: 35px;
    display: inline-block;
}

.btn-close-result-slp2{
    position: absolute;
    bottom: 65px;
    left: 139px;
    width: 295px;
    height: 53px;
    display: inline-block;
}

.calendar-view-pc{
    padding: 70px 0;
}

#calendar .fc-sun,
#calendar .fc-sat{
    color: #224ee1;
}

#calendar .fc-day-header{
    font-weight: normal;
}

#calendar th.fc-mon,
#calendar th.fc-tue,
#calendar th.fc-wed,
#calendar th.fc-thu,
#calendar th.fc-fri{
    color: #fff;
    background: #2488b5;
}

#calendar th{
    padding: 6px 0;
}

#modalCalendarEvent .event-title{
    color: #fff;
    font-size: 20px;
}

#modalCalendarEvent .modal-header{
    background: #224ee1 !important;
}

#modalCalendarEvent .modal-footer .btn-close-modal{
    border-color: #ddd;
}

.fc-unthemed td.fc-today{
    background: rgba(234,84,4,0.1) !important;
}

#calendar .fc-desc{
    display: none;
}

.fc-header-toolbar .fc-center h2{
    margin: 0 20px;
}

.fc-header-toolbar .fc-prev-button{
    background: transparent;
    border: none;
    box-shadow: none;
    cursor: pointer;
    outline: none;
}

.fc-header-toolbar .fc-next-button{
    margin-left: 0 !important;
    background: transparent;
    border: none;
    box-shadow: none;
    cursor: pointer;
    outline: none;
}

/* mobile */
.btn-area-footer-m{
    border-bottom: 1px solid #837f7f;
}

.btn-area-footer-m a{
    text-align: center;
    height: 60px;
    line-height: 60px;
    color: #d8d8d8 !important;
    display: block;
    font-size: 15px;
}

.breadcrumb-m{
    height: 40px;
    padding-left: 40px;
    position: relative;
    background: #224ee1;
}

.breadcrumb-m .breadcrumb-home{
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    line-height: 35px;
    text-align: center;
    box-sizing: border-box;
    border-right: 1px solid #d5d5d5;
}

.breadcrumb-m .breadcrumb-m-nav{
    float: left;
    position: relative;
    width: 50%;
    box-sizing: border-box;
    border-right: 1px solid #d5d5d5;
    height: 40px;
}

/*.breadcrumb-m .breadcrumb-m-nav a{*/
/*    display: none;*/
/*}*/

.breadcrumb-m .breadcrumb-m-nav-sub{
    float: left;
    width: 50%;
    height: 40px;
    position: relative;
}

/*.breadcrumb-m .breadcrumb-m-nav-sub a{*/
/*    display: none;*/
/*}*/

.breadcrumb-m .current-main-category{
    width: 100%;
    color: #fff;
}

.breadcrumb-m .current-sub-category{
    width: 100%;
    color: #fff;
}

.breadcrumb-m .main-category-body a{
    padding: 8px 10px;
    color: #343434;
}

.breadcrumb-m .sub-category-body a{
    padding: 8px 10px;
    color: #343434;
}

.page-header-m{
    padding: 35px 0;
}

#jp-content-m .media-page-search{
    padding: 0 20px 20px;

}

#jp-content-m .jp-board-info-title{
    font-size: 15px;
    padding-top: 10px;
}

#jp-content-m .jp-board-info-foot{
    margin-top: 30px;
}

#jp-content-m .jp-board-info-foot .jp-notice-prev{
    /*float: left;*/
    color: #3b3838;
    font-size: 13px;
}

#jp-content-m .jp-board-info-foot .jp-notice-next{
    /*float: right;*/
    color: #3b3838;
    font-size: 13px;
}

.jp-board-detail-bottom-m{
    text-align: center;
    /*padding-top: 30px;*/
}

#jp-content-m .btn-m-list{
    width: 100px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    /*border: 1px solid #000;*/
    background: #000;
    color: #fff;
    font-size: 15px;
    display: inline-block;
}

#jp-content-m .service-purchase-body{
    padding: 0 20px;
}

#jp-content-m .notice-table-bottom-pc td{
    text-align: left;
}


#jp-content-m .service-purchase-list{
    float: none;
    width: 100%;
    margin-bottom: 30px;
}

#jp-content-m .service-purchase-list img{
    width: 100%;
}

.calendar-wrp-m{
    padding-top: 50px;
    padding-bottom: 50px;
}

.fc-scroller{
    min-height: 500px !important;
}

#jp-content-m .fc-header-toolbar .fc-center h2{
    font-size: 24px;
    position: relative;
    top: 4px;
}

#jp-content-m .fc-list-item-time,
#jp-content-m .fc-list-item-marker{
    display: none;
}

#jp-content-m .jp-board-info-thumbnail{
    padding: 20px;
}

#jp-content-m .jp-board-info-thumbnail img{
    max-width: 100%;
}

#jp-content-m .request-form-m{
    background: #7d8a8e;
    padding: 20px 0 50px;
}

#jp-content-m .request-form-con{
    margin: 0 10px;
    padding: 15px 10px;
    background: #fff;
    border-top: 2px solid #ef7802;
}

#jp-content-m .request-form-con-title{
    font-size: 16px;
}

#jp-content-m .request-form-con .checkbox-area label{
    font-size: 12px;
}

.request-btn-area-m{

}

.request-btn-area-m a{
    float: left;
    display: block;
    width: 50%;
}

#jp-content-m .request-form-con .btn-quick-request{
    border-radius: 5px;
}

.quick-login-section-m{
    width: calc( 100% - 40px );
    height: auto;
    top: 0;
    left: 0;
    margin: 0 20px;
    padding: 40px 0 40px;
    box-sizing: border-box;
}

.quick-login-section-m .quick-login-section-inner{
    padding: 30px 0 20px;
    background: #f7f7f7;
}

.quick-login-section-m .login-form-wrapper{
    width: 100%;
    /*background: #fff;*/
    box-sizing: border-box;
    padding: 30px 0px 30px;
    height: auto;
}

.quick-login-section .login-title{
    width: 440px;
    margin: 0 auto;
    text-align: left;
    font-size: 22px;
}

.login-page-top{
    text-align: center;
    padding-bottom: 50px;
}

.quick-login-section-m .btn-area a{
    font-size: 12px;
}

.quick-login-section-m .btn-area .splitter{
    padding: 0 5px;
}

.quick-login-section-m .login-form-wrapper .checkbox-area label{
    font-size: 13px;
}

.quick-login-section-m .login-desc{
    padding-top: 0;
    padding-bottom: 20px;
    font-size: 13px;
}

.quick-login-section-m .btn-close-login{
    top: 10px;
    right: 10px;
    z-index: 10;
}

.btn-register-submit-m{
    border: none;
    width: 100%;
    height: 50px;
    display: inline-block;
    background: #224ee1;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    border-radius: 5px;
}

#jp-content-m .section-title-m{
    color: #595656;
    font-size: 15px;
    position: relative;
}

#jp-content-m .section-title-m .form-reg-warning{
    font-size: 12px;
    position: absolute;
    top: 5px;
    right: 10px;
    color: #db1010;
    font-weight: normal;
}

.mypage-section-m-wrp{
    padding: 30px 20px;
}

.mypage-section-m-wrp .mypage-section h4{
    font-size: 17px;
    padding-top: 20px;
}

.mypage-section-m-wrp .payment-history{
    width: 100%;
    float: none;
    margin-right: 0;
    margin-bottom: 20px;
}

.mypage-section-m-wrp .register-service{
    width: 100%;
    float: none;
    margin-right: 0;
    margin-bottom: 20px;
}

.mypage-section-m-wrp .init-paid-date-wrp{
    width: 100%;
    float: none;
    margin-right: 0;
    margin-bottom: 20px;
}

.extend-payment{
    width: 100%;
    float: none;
    margin-right: 0;
}

.mypage-section-m-wrp .register-modify-btn-area{
    padding: 20px 0;
    margin-top: 20px;
}

.mypage-section-m-wrp  .register-modify-btn-area a{
    height: 45px;
    line-height: 45px;
    font-size: 16px;
}

.mypage-section-m-wrp .mypage-payment-method{
    padding: 30px 20px;
}

.mypage-section-m-wrp .mypage-payment-wrp{
    padding: 20px;
}

.mypage-section-m-wrp .mypage-payment-step-01-con .slp-service{
    width: 100%;
}

.mypage-section-m-wrp .mypage-payment-step-01-con .slp-service:nth-child(2){
    margin: 10px 0;
}

.mypage-section-m-wrp .mypage-payment-step-02-con .btn-pay-card{
    width: 100%;
}

.mypage-section-m-wrp .mypage-payment-step-02-con .btn-deposit{
    width: 100%;
    margin-left: 0;
    margin-top: 10px;
}

.mypage-section-m-wrp .mypage-payment-step-02-desc-txt{
    line-height: normal;
    height: auto;
    padding: 10px 20px;
    font-size: 12px;
}

.mypage-section-m-wrp .customer-info-modification{
    padding: 20px;
}

.mypage-section-m-wrp .customer-info-form-wrp{
    padding: 20px 10px;
}

.mypage-section-m-wrp .btn-register-modification{
    width: 100%;
}

.mypage-section-m-wrp .customer-info-form-bottom{
    padding-top: 20px;
}

#jp-content-m .profit-calc-area{
    width: 100%;
    padding: 30px 15px 50px;
    margin-top: 0;

    background: #62605f url("./img/mobile/bg-profit-calc-m.png") no-repeat;
    background-size: contain;
    height: auto;

}

#jp-content-m .profit-check-list-wrp{
    padding: 10px;
}

#jp-content-m .profit-calc-area .btn-area{
    float : none;
    text-align: center;
    width: 100%;
    padding: 0 20px 40px;
    box-sizing: border-box;
}

#jp-content-m .profit-calc-result{
    float : none;
}

#jp-content-m .profit-calc-result-body{
    width: 340px;
    background-size: contain;
    margin: 0 auto;
    height: 370px;
}

#jp-content-m .profit-check-list-wrp{

}

#jp-content-m .profit-check-list-body th{
    text-align: left;
    padding-right: 0;
    padding-top: 20px;
}

#jp-content-m .profit-check-list-body th:after{
     display: none;
}

#jp-content-m .profit-check-list-body td{
    text-align: left;
    padding-left: 0;
}

#jp-content-m .profit-calc-result .init_amount{
    top: 125px;
    left: 97px;
    font-size: 17px;
}

#jp-content-m .profit-calc-result .p_amount{
    top: 214px;
    left: 0;
    font-size: 17px;
}

#jp-content-m .profit-calc-result .total_amount{
    top: 214px;
    right: 20px;
    font-size: 17px;
}

#jp-content-m .slp-type-01{
    top: 71px;
    left: 111px;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
}

#jp-content-m .slp-type-02{
    top: 160px;
    left: 20px;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
}

#jp-content-m .slp-type-03{
    top: 160px;
    right: 20px;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
}

#jp-content-m .result-slp-a,
#jp-content-m .result-slp-b,
#jp-content-m .result-slp-c{
    width: 340px;
    position: relative;
    top: 0;
    left: 0;
    margin: 0 auto;
}

#jp-content-m .btn-close-result-slp{
    top: 9px;
    right: 5px;
}

#jp-content-m .btn-close-result-slp2{
    height: 33px;
    width: 177px;
    bottom: 37px;
    left: 80px;
}

.main-m-btn-area{
    padding: 20px 10px;
}

.first-step-menu-m li{
    width: 33.333%;
    padding: 0;
    text-align: center;
}

.second-step-menu-m{
    margin: 20px auto 0;
    width: 300px;
}

.second-step-menu-m li{
    width: 50%;
    padding: 0;
    text-align: center;
}


.first-step-menu-m li img{
    width: 90px;
}

.second-step-menu-m li img{
    width: 90px;
}

.main-m-btn-area .main-quick-link-list:after{
    height: 60px;
    margin-top: -30px;
}

.real-review-main-m{
    padding: 50px 0;
    border-bottom: 1px solid #d6d6d6;
    margin-bottom: 50px;
}

.media-main-m{
    padding-bottom: 100px;
}

.real-review-main-m-body{
    margin-top: 40px;
}

.news-pick-main-m{
    background: #f5f5f5;
    padding: 50px 0;
}

.media-main-m-head{
    margin-bottom: 20px;
}

.news-pick-main-m h4{
    text-align: center;
    padding-bottom: 15px;
}

.latest-main-m{
    margin-top: 50px;
}

.latest-main-m h4{
    text-align: center;
    padding-bottom: 15px;
}

.news-pick-main-m-body{
    padding: 0 15px;
}

.news-pick-main-m-body .main-media-area-body-right-body-desc{
    font-size: 14px;
}

.latest-main-m-foot{
    padding-top: 20px;
    text-align: center;
}

.latest-main-m-foot a{
    width: 300px;
    height: 40px;
    line-height: 40px;
}

.latest-main-m-body{
    padding: 0 15px;
}

.latest-main-m-body .main-media-area-body-left-news-thumbnail{
    width: 100%;
    height: auto;
    position: relative;
}

.latest-main-m-body .main-media-area-body-left-news-link{
    padding-left: 0;
    height: auto;
}

.latest-main-m-body .main-media-area-body-left-news-con-desc{
    font-size: 13px;
}

.latest-main-m-body .main-media-area-body-left-news-list{
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
}


#nav-top-btn-area2 .btn-login-m{
    width: 90px;
    line-height: 30px;
    height: 30px;
    text-align: center;
    color: #000;
    font-size: 12px;
    background: #fff;
    display: inline-block;
    border: 1px solid #000;
}

#nav-top-btn-area2 .btn-register-m{
    width: 90px;
    line-height: 30px;
    height: 30px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    background: #626262;
    display: inline-block;
}

#nav-top-btn-area2 .btn-logout-m{
    width: 90px;
    line-height: 30px;
    height: 30px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    background: #626262;
    display: inline-block;
}

.main-real-invest-unit-upper-m{
    position: relative;
    margin-bottom: 25px;
}

#jp-content-m .main-real-invest-post-unit{
    width: 100%;
    padding: 15px;
}

#jp-content-m .main-real-post-eval{
    position: relative;
    top: 0;
    right: 0;
    padding: 10px;
    background-size: contain;
    width: 177px;
    height: auto;
    float: right;
}

#jp-content-m .img-profit-thumbnail{
    position: relative;
    left: 0;
    top: 10px;
    /*width: 80px;*/
    /*height: 80px;*/
}

#jp-content-m .main-real-invest-post-body{
    width: 100%;
}

#jp-content-m .real-review-main-m-body{
    padding: 0 15px;
}

.main-real-invest-unit-upper-m-left{
    float: left;
    width: 50%;
    display: block;
}

.main-real-invest-unit-upper-m-right{
    float: right;
    width: 50%;
}

#jp-content-m .ico-arrow-left{
    right: auto;
    left: 145px;
    margin-top: -6px;
}

.find-id-section-m .btn-submit-find-id,
.find-pw-section-m .btn-submit-find-id{
    border: none;
    color: #fff;
    width: 100%;
    display: block;
    background: #000;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
}

.find-pw-result-m{
    /*padding-bottom: 100px;*/
    padding: 0 15px 0;
    background: #fff;
}

.find-pw-result-m .register-form-wrp{
    /*padding: 20px;*/
}

.radio-wrp{
    position: relative;
    top: 3px;
    width: 14px;
    height: 14px;
    border-radius: 14px;
    border: 2px solid #fff;
    display: inline-block;
}

.radio-wrp input[type="radio"]{
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.radio-wrp .customer-checked-img{
    position: absolute;
    top: -4px;
    left: -1px;
    display: none;
}

.radio-wrp input[type="radio"]:checked + .customer-checked-img{
    display: inline-block;
}

.radio-wrp + label{
    margin-left: 2px;
}

#jp-content-m .radio-wrp + label{
    font-size: 14px;
}

.section-main-title{
    width: 1280px;
    text-align: center;
    margin: 50px auto;
    background: url('./img/bl-dotted.gif') repeat-x center center;
}

.section-main-title-text{
    font-weight: 500;
    font-size: 23px;
    /*border: 1px solid #f00;*/
    display: inline-block;
    min-width: 150px;
    background: #fff;
}

.section-main-contents{
    width: 1280px;
    margin: 0 auto 100px;
}

.section-main-contents-lists{
    float: left;
    width: 33.333%;
    margin-bottom: 50px;
    text-align: center;
}

.section-main-contents-link{
    display: block;
}

.section-main-contents-link img{
    transition: 0.5s;
}

.section-main-contents-link:hover img{
    transform: scale(1.03);
}

.section-main-contents-link .list-title{
    display: block;
    font-size: 16px;
    padding-left: 10px;
    padding-top: 5px;
    transition: 0.5s;
}

.section-main-contents-link .list-desc{
    display: block;
    font-size: 13px;
    padding-left: 10px;
    padding-top: 5px;
    transition: 0.5s;
}

.section-main-contents-link:hover .list-title,
.section-main-contents-link:hover .list-desc{
    color: #2a4de7;
}

.btn-list-title{
    display: block;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    background: #091232;
    width: 399px;
    margin-top: 20px;
    transition: 0.7s;
}

.section-main-contents-link:hover .btn-list-title{
    background: #224ee1;
}

.page-detail-section-title{
    text-align: left;
    font-size: 20px;
    font-weight: 500;
    color: #000;
    padding-bottom: 15px;
    width: 1228px;
    margin: 0 auto 15px;
}

.details-con-wrp{
    padding: 80px 0;
    margin: 0 auto;
    width: 1228px;
}

.page-detail-content-section{
    text-align: center;
    margin-bottom: 50px;
}

.page-detail-content-refund{
    white-space: pre-line;
    font-size: 13px;
    text-align: left;
    background: #fff;
    padding: 50px 25px;
    color: #000000;
    width: 1228px;
    margin: 0 auto;
    box-sizing: border-box;
}

.page-detail-top-left{
    float: left;
    width: 50%;
}

.page-detail-top-right{
    float: left;
    width: 50%;
}

.page-detail-payment-section{
    width: 1228px;
    margin: 0 auto;
    padding-bottom: 60px;
    padding-top: 20px;
}

.page-service-icon-wrp{
    width: 620px;
    height: 650px;
    line-height: 650px;
    text-align: center;
    background: #fff;
    overflow: hidden;
    border: 1px solid #cecece;
}

.page-detail-top-right-wrp{
    padding-left: 60px;
    padding-right: 20px;
}

.page-detail-select-service{
    margin-bottom: 20px;
    /*padding-top: 20px;*/
    border-top: 2px solid #353535;
}

.page-detail-select-service label{
    font-weight: 500;
    font-size: 18px;
}

.page-detail-select-period{
    margin-bottom: 20px;
}


.page-detail-select-period label{
    font-weight: 500;
    font-size: 18px;
}

.page-details-total-amount{
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    padding: 20px 0;
    margin-top: 70px;
    color: #666
}

.page-detail-total-amount{
    /*background: #f7f7f7;*/
    height: 54px;
    line-height: 54px;
    padding-right: 20px;
    text-align: right;
    font-size: 22px;
}

.page-detail-btn-area{
    margin-top: 20px;
}

.btn-go-payment,
.btn-go-payment:active,
.btn-go-payment:hover,
.btn-go-payment:visited{
    width: 100%;
    display: block;
    height: 65px;
    line-height: 65px;
    text-align: center;
    color: #fff;
    background: #367def;
    font-size: 17px;
    font-weight: 500;
    transition: 0.5s;
}

.btn-go-payment:hover{
    background: #045ae3;
}

.item-detail-title-pc{
    font-size: 22px;
    color: #000;
    padding-top: 43px;
    font-weight: 500;
}

.custom-selectbox{
    /*position: relative;*/
    /*padding: 0 0 0 0;*/
    /*margin-top: 15px;*/
    /*font-size: 20px;*/
    /*color: #000;*/
    /*font-weight: bold;*/
}

.hidden-selectbox{
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 20px);
    display: block;
    height: 45px;
    z-index: 10;
    border: 1px solid #bfbfbf;
    padding-left: 20px;
}

.warning-empty-email{
    color: #e30b15;
    font-size: 13px;
    margin-top: 5px;
}

.history-payment-refund{
    width: 100%;
}

.history-payment-refund th{
    background: #f8f8f8;
    padding:  10px 0 10px 50px;
    text-align: left;
    color: #000;
    font-size: 14px;
    font-weight: 500;

}

.mypage-section .section-title-mypage{
    font-weight: 500;
    font-size: 22px;
}

.vt-foot-nav{
    color: #eee;
    padding-top: 30px;
    text-align: center;
}

.vt-foot-nav a{
    color: #eee;
    font-size: 13px;
}

.vt-foot-nav .splitter{
    font-size: 11px;
    position: relative;
    top: -1px;
    padding: 0 5px;
}

.footer-extra{
    position: relative;
    margin-top: 40px;
    background: #045ae3;
    color: #fff;
    z-index: 100;
}

.footer-extra:before {
    content: "";
    position: absolute;
    top: -100px;
    left: 0;
    transform: scale(1.2);
    background: inherit;
    width: 100%;
    height: 100px;
    box-sizing: border-box;
    border-top-left-radius: 70%;
    border-top-right-radius: 70%;
}

.footer-extra-text{
    text-align: center;
    position: relative;
    top: -50px;
    font-size: 13px;
}

.sig-area{
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.img-sig-mouse{
    position: relative;
    bottom: 40px;
}

.img-sig-mouse{
    animation: upAndDown 1.5s infinite forwards;
}

@keyframes upAndDown {
    0% {
        bottom: 30px;
    }

    50%{
        bottom: 40px;
    }

    100%{
        bottom: 30px;
    }
}

.custom-navigation-body{
    position: absolute;
    top: 36px;
    left: 200px;
}

.custom-navigation-list{
    float: left;
    padding: 0 40px;
}

.custom-navigation-link{
    display: inline-block;
    transition: 0.3s;
    color: #262726;
    font-size: 15px;
    font-weight: 500;
    padding: 0 10px 10px;
}

.custom-navigation-link:active,
.custom-navigation-link:focus,
.custom-navigation-link:hover{
    color: #1f45d6;
    border-bottom: 2px solid #1f45d6;

}

.privacy-page-head{
    padding-top: 110px;
}

.privacy-page-head h2{
    font-size: 18px;
    padding-bottom: 10px;
}

#jp-content-m .section-main-title{
    width: 100%;
    margin: 30px auto 20px;
}

#jp-content-m .section-main-title-text{
    font-size: 20px;
}

#jp-content-m .section-main-contents-lists{
    width: 100%;
}

#jp-content-m .section-main-contents-link img{
    width: 100%;
}

#jp-content-m .section-main-contents{
    width: 100%;
    margin: 0;
}

#jp-content-m .btn-list-title{
    width: 100%;
    font-size: 15px;
}

.section-main-contents-body-m{
    padding: 0 20px;
}

#jp-content-m .quick-login-section .login-title{
    width: 100%;
    text-align: center;
}

#jp-content-m .quick-login-section-m .login-desc{
    width: 100%;
}

#jp-content-m .page-detail-section-title{
    width: 100%;
    padding-left: 15px;
    font-size: 17px;
    padding-right: 15px;
}

#jp-content-m .page-detail-payment-section{
    width: 100%;
}

#jp-content-m .page-detail-top-left{
    width: 100%;
    float: none;
}

#jp-content-m .page-detail-top-right{
    width: 100%;
    float: none;
    margin-top: 30px;
}

#jp-content-m .page-detail-top-right-wrp{
    padding-left: 0;
    padding-right: 0;
}

#jp-content-m .page-service-icon-wrp{
    width: 100%;
    box-sizing: border-box;
    padding: 0 30px;
}

#jp-content-m .page-service-icon-wrp img{
    width: 100%;
}

#jp-content-m .page-service-icon-wrp{
    line-height: normal;
    height: auto;
    padding-top: 20px;
    padding-bottom: 30px;
}

#jp-content-m .page-detail-select-service label{
    font-size: 16px;
}

#jp-content-m .page-detail-select-period label{
    font-size: 16px;
}

#jp-content-m .page-detail-content-refund{
    width: 100%;
    box-sizing: border-box;
}

.mypage-section-m{
    padding-bottom: 100px;
}

.mypage-section-m .customer-info-form-table th{
    font-size: 11px;
}

.mypage-section-m .section-title-mypage{
    font-size: 17px;
    padding-left: 15px;
    border-bottom: 1px solid #ddd;
}

.mypage-section .history-payment-refund th,
.mypage-section .history-payment-refund td{
    text-align: center;
    padding: 10px 0;
    font-size: 13px;
}

.mypage-section .btn-re-payment{
    color: #224ee1;
}

.mypage-section-m .history-payment-refund{
    background: #f7f7f7;
}

.mypage-section-m .history-payment-refund th{
    border-right: 1px solid #ddd;
}

.mypage-section-m .history-payment-refund{
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
}


.mypage-section-m .history-payment-refund .btn-re-payment{
    width: 70px;
    height: 70px;
    line-height: 70px;
    border-radius: 70px;
    display: inline-block;
    text-align: center;
    background: #32a1ff;
    color: #fff;
    font-size: 14px;
}

.mypage-section-m .history-payment-refund th,
.mypage-section-m .history-payment-refund td{
    padding: 5px;
}

.mypage-section-m .history-payment-refund td{
    text-align: left;
    padding-left: 10px;
}

.modal-withdrawal{
    width: 400px;
    min-height: 400px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -217px 0 0 -200px;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
    background: #fff;
    box-sizing: border-box;
    padding: 30px;
    text-align: center;
    display: none;
}

.withdrawal-title{
    font-size: 20px;
    margin-bottom: 20px;
    font-weight: 500;
}

.withdrawal-desc{
    color: #666;
    text-align: left;
    font-size: 14px;
}

.withdrawal-pass{
    margin: 20px 0 30px;
}

.withdrawal-pass input[type="password"]{
    border: 1px solid #ddd;
    height: 40px;
    line-height: 40px;
    font-size: 15px;
    width: 100%;
    box-sizing: border-box;
    padding: 0 20px;
}

.withdrawal-foot button{
    border: none;
    background: #939393;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    width: 100%;
    display: block;
    line-height: 45px;
    height: 45px;
}

.withdrawal-foot .btn-cancel-withdrawal{
    background: #FF3000;
    margin-top: 5px;
}

.btn-unregister{
    border: none;
    background: #FF3000;
    height: 55px;
    line-height: 55px;
    width: 440px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
}

.modal-withdrawal-m{
    width: 100%;
    top: 71px;
    left: 0;
    margin: 0;
}

.mypage-section-m .btn-register-modification,
.mypage-section-m .btn-unregister{
    width: 100%;
}

.mypage-section-m .customer-info-form-bottom{
    padding: 30px 20px 0;
}

.page-detail-content-section-pc{
    width: 1228px;
    margin: 0 auto 100px;
    /*border: 1px solid #f00;*/
    text-align: center;
}

.page-detail-content-section-pc img{
    max-width: 1080px;
}

.page-detail-content-section-m img{
    width: 100%;
}

.quantity-count{
    border: 1px solid #ddd;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    font-size: 14px;
    color: #444;
}

.nav-top-pc{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    /*z-index: 1000;*/
	z-index: 1;
    background: #fff;
}

.lnb-pc{
    background: #222c4b;
}



.lnb-pc-inner{
    width: 1228px;
    margin: 0 auto;
    text-align: right;
    height: 50px;
    line-height: 50px;
}

.lnb-pc-inner a{
    color: #fff;
    font-size: 13px;
}

.lnb-pc-inner span.splitter{
    color: #eee;
    padding: 0 5px;
    position: relative;
    font-size: 11px;
    top: -1px;
}

.header-pc{
    border-bottom: 1px solid #eee;
}

.header-pc-inner{
    height: 109px;
    position: relative;
    width: 1228px;
    margin: 0 auto;
}

/*.btn-call-pc{*/
/*    position: absolute;*/
/*    bottom: 15px;*/
/*    right: 0;*/

/*	margin-right:60px;*/
/*}*/


.header-pc-inner .logo{
    position: absolute;
    bottom: 15px;

	margin-left:125px;
}

.header-nav-pc{
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

.header-nav-pc-inner{
    height: 60px;
    line-height: 60px;
    width: 1228px;
    margin: 0 auto;
    overflow: hidden;
}

.header-nav-pc-inner li{
    float: left;
    width: 25%;
    text-align: center;
}

.header-nav-pc-inner li a{
    line-height: 60px;
    display: block;
    color: #0e143a;
    font-size: 16px;
    font-weight: 500;
}

.header-nav-pc-inner li:last-child img{
    position: relative;
    top: -3px;
}

.main-item-list-title-pc{
    padding: 85px 0 45px;
}

.section-main-contents-link .item-title-pc{
    font-weight: 500;
    font-size: 20px;
    color: #333;
    margin: 25px 0 15px;
}

.item-sale-price-section-pc{
    padding: 12px 0;
}

.page-detail-price-section-pc{
    text-align: right;
}

.item-details-amount-pc{
    font-size: 15px;
    color: #999999;
    text-align: right;
}

.item-sale-price-pc{
    font-size: 26px;
    color: #222222;
}

.item-origin-price-pc{
    font-size: 21px;
    color: #999999;
    text-align: right;
    text-decoration: line-through;
}

.section-main-contents-link .item-orin-price{
    text-decoration: line-through;
    color: #999;
    font-size: 16px;
}

.section-main-contents-link .item-sale-price{
    color: #000;
    font-size: 19px;
    font-weight: bold;
    margin-top: 5px;
}

.section-main-contents-link .item-amount{
    margin-top: 10px;
    color: #999;
    font-size: 14px;
}

.section-main-contents-link .btn-buy-item-pc{
    width: 175px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 50px;
    color: #fff;
    font-size: 16px;
    background: #000;
    display: inline-block;
    cursor: pointer;
}

.section-main-contents-link .btn-area{
    text-align: center;
    margin-top: 30px;
}

.main-item-list-foot-pc{
    text-align: center;
    margin-top: 70px;
}

.main-item-list-foot-pc .main-item-list-more-view{
    width: 330px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    background: #293ab5;
    display: inline-block;
}

#submission{
    background: #f7f7f7;
    padding: 100px 0;
}

.submission-pc-inner{
    width: 1228px;
    margin: 0 auto;
}

.submission-head-pc{
    text-align: center;
    margin-bottom: 50px;
}

.submission-body-form-pc{
    width: 1228px;
    background: #1e8cd8;
}

.submission-body-form-head-pc{
    text-align: center;
    border-bottom: 1px solid #e5e5e5;
    padding: 30px 0;
}

.main-form-table-pc{
    width: 990px;
    margin: 0 auto;
}

.submission-body-form-body-pc{
    padding: 45px 0 65px;
}

.main-form-table-pc button[type="submit"]{
    border: none;
    background: none;
    padding: 0;
    margin: 0;
    position: relative;
    left: -10px;
}

.main-form-table-pc th{
    color: #eee;
    font-size: 16px;
    font-weight: normal;
    text-align: right;
    padding-right: 14px;
    vertical-align: middle;
}

.main-form-table-pc td{
    padding: 4px 0;
}

.main-form-table-pc textarea{
    height: 116px;
    resize: none;
    box-sizing: border-box;
    padding: 10px;
    font-size: 15px;
    color: #444;
    width: 677px;
    border: 1px solid #eee;
}

.main-form-table-pc input[name="name"]{
    width: 228px;
    height: 46px;
    line-height: 46px;
    border: 1px solid #eee;
    padding: 0 15px;
    box-sizing: border-box;
}

.main-form-table-pc input[name="tel"]{
    width: 370px;
    height: 46px;
    line-height: 46px;
    border: 1px solid #eee;
    padding: 0 15px;
    box-sizing: border-box;
}

.main-form-table-pc input[name="age"]{
    width: 370px;
    height: 46px;
    line-height: 46px;
    border: 1px solid #eee;
    padding: 0 15px;
    box-sizing: border-box;
}


.main-form-table-pc input[type="radio"]{
    display: none;
}

.main-form-table-pc input[type="radio"] + label{
    width: 114px;
    height: 46px;
    line-height: 46px;
    float: left;
    display: block;
    color: #eee;
    font-size: 15px;
    text-align: center;
    background: #3598dc;
    font-weight: 500;
    cursor: pointer;
}

.main-form-table-pc input[type="radio"]:checked + label{
    background: #192b71;
}

.main-form-table-pc label[for="vt-check-agreement"]{
    color: #eee;
    font-size: 13px;
}

.main-form-table-pc label[for="vt-check-agreement"] + a{
    color: #eee;
    background: #000;
    font-size: 12px;
    display: inline-block;
    padding: 2px 5px;
}

.submission-body-status-pc{
    height: 550px;
    background: url('./img/pc/bg-main-status-pc.jpg') no-repeat center 0;
}

.submission-status-head-pc{
    text-align: center;
    padding: 58px 0 51px;
}

.submission-status-body-pc{
    width: 1020px;
    margin: 0 auto;
}

.submission-status-table-head{
    display: table;
    width: 100%;
}

.submission-status-table-head .submission-status-table-head-cell{
    display: table-cell;
    text-align: center;
    border-bottom: 1px solid #63687a;
    color: #a3cfff;
    font-size: 15px;
    line-height: 50px;
}

.submission-status-table-head .submission-status-table-head-cell:nth-child(1){
    width: 300px;
}

.submission-status-table-head .submission-status-table-head-cell:nth-child(2){

}

.submission-status-table-head .submission-status-table-head-cell:nth-child(3){
    width: 300px;
}


.submission-status-body-pc .submission-status-table-body{
    height: 300px;
    overflow: hidden;
    position: relative;
}

.main-counsel-list-body .main-counsel-list{
    display: table;
    width: 1020px;
}

/*.main-counsel-list-body .main-counsel-list span{*/
/*    display: table-cell;*/
/*    text-align: center;*/
/*    height: 60px;*/
/*    line-height: 60px;*/
/*    color: #fff;*/
/*    font-size: 15px;*/
/*}*/

/*.main-counsel-list-body .main-counsel-list span.main-counsel-name{*/
/*    width: 300px;*/
/*}*/

/*.main-counsel-list-body .main-counsel-list span.main-counsel-comment{*/
/*    width: 620px;*/
/*}*/

.main-counsel-comment-inner{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 420px;
    display: block;
    text-align: left;
}

/*.main-counsel-list-body .main-counsel-list span.main-counsel-phone{*/
/*    width: 300px;*/
/*}*/

.main-request-list-table-pc{
    width: 1020px;
}

.main-request-list-table-pc td{
    text-align: center;
    color: #fff;
    height: 60px;
}

.jp-ico-new{
    background: #f75631;
    font-size: 11px;
    color: #fff;
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    margin-right: 10px;
}

.page-title-pc{
    text-align: center;
    padding: 86px 0 35px;
}

.page-details-counter-wrp{
    display: inline-block;
    margin-left: 88px;
}

.page-details-counter-wrp .down{
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    color: #2e3ec5;
    font-size: 20px;
    display: inline-block;
    border: 1px solid #e5e5e5;
    float: left;
    border-right: 0;
    cursor: pointer;
}

.page-details-counter-wrp .up{
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    color: #2e3ec5;
    font-size: 20px;
    display: inline-block;
    border: 1px solid #e5e5e5;
    float: left;
    border-left: 0;
    cursor: pointer;
}

.page-details-counter-wrp .quantity-count{
    float: left;
    width: 100px;
    height: 47px;
    line-height: 47px;
    text-align: center;
    color: #000;
    font-size: 14px;
    display: inline-block;
    box-sizing: border-box;
}

.page-detail-total-summary-pc .tit{
    font-size: 18px;
    color: #2e2e2e;
    margin-right: 10px;
    display: inline-block;
    position: relative;
    top: 10px;
}

.page-detail-total-summary-pc .total-sum-count-pc{
    font-size: 28px;
    color: #000;
    float: right;
}


.page-detail-total-summary-pc .total-sum-count-pc .js-total-item-price{
    font-size: 28px;
    color: #000;
    border: none;
    display: inline-block;
    text-align: right;
    font-weight: bold;
}

.page-details-btn-area-pc{
    margin-top: 60px;
}

.page-details-btn-area-pc .btn-go-payment{
    display: inline-block;
    width: 264px;
    text-align: center;
    float: left;
    background: #152be0;
    height: 52px;
    line-height: 52px;
    margin-right: 5px;
    font-size: 16px;
}

.page-details-btn-area-pc .btn-go-payment2{
    display: inline-block;
    width: 264px;
    text-align: center;
    float: left;
    background: #222c4b;
    height: 52px;
    line-height: 52px;
    color: #fff;
    font-size: 16px;
}

.page-detail-btn-item-wrp{
    margin-top: 5px;
}

.page-detail-btn-item-wrp a{
    height: 52px;
    line-height: 52px;
    text-align: center;
    border: 1px solid #707070;
    color: #333;
    font-size: 16px;
    display: block;

}

.page-details-info-pc{
    border-top: 1px solid #e5e5e5;
    padding: 100px 0;
}

.page-details-tab-pc{
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

.page-details-tab-inner-pc{
    width: 1228px;
    margin: 0 auto;
}

.page-details-tab-inner-pc a{
    display: block;
    width: 50%;
    height: 62px;
    line-height: 62px;
    border-bottom: 3px solid #fff;
    text-align: center;
    float: left;
    font-size: 16px;
    color: #333;
}

.page-details-tab-inner-pc a.active{
    border-color: #313fa7;
}

.login-tab-pc{
    width: 540px;
    margin: 0 auto 40px;
}

.login-tab-pc li{
    float: left;
    width: 50%;
    border-bottom: 1px solid #e5e5e5;
}

.login-tab-pc li a{
    display: block;
    height: 65px;
    line-height: 65px;
    text-align: center;
    color: #000;
    font-size: 16px;
    border-bottom: 2px solid #fff;
}

.login-tab-pc li a.active{
    border-color: #000;
}

.register-section-title-pc{
    text-align: left;
}

.register-input-section-pc{
    width: 100%;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    margin-top: 40px;
}

.register-input-section-pc th{
    font-size: 15px;
    text-align: left;
    color: #606060;
    font-weight: normal;
    vertical-align: top;
    padding-top: 20px;
    /*border-bottom: 1px solid #e1e1e1;*/
    font-family: 'GmarketSansTTFLight';
}

.register-input-section-pc th .required{
    color: #ff1908;
}

.register-input-section-pc td{
    position: relative;
    text-align: left;
    padding: 10px 15px;
    /*border-bottom: 1px solid #e1e1e1;*/
}

.register-input-section-pc td input[type="text"],
.register-input-section-pc td input[type="tel"],
.register-input-section-pc td input[type="email"],
.register-input-section-pc td input[type="password"]{
    width: 100%;
    height: 50px;
    line-height: 50px;
    box-sizing: border-box;
    padding: 0 15px;
    border: 1px solid #e4e4e4;
    font-size: 15px;
    color: #444;
}

.register-input-section-pc td .warning-msg-pc{
    font-size: 13px;
    color: #666;
    display: inline-block;
    margin-left: 0;
    margin-top: 5px;
    font-family: 'GmarketSansTTFLight';
}


.register-agreement-pc .btn-register-pc{
    width: 200px;
    height: 50px;
    line-height: 50px;
    background: #000;
}

.register-agreement-pc{
    margin-top: 70px;
}

.register-agreement-head-pc{
    text-align: left;
    font-size: 18px;
    font-weight: 500;
    color: #000;
}


.register-agreement-pc input[type="checkbox"]{
    width: auto;
    height: auto;
    margin: 0;
    line-height: normal;
}

.register-agreement-pc .register-agreement-docs-body-pc{
    height: 200px;
    overflow-y: auto;
    border: 1px solid #e2e2e2;
    padding: 15px;
    border-radius: 0;
    line-height: normal;
    text-align: left;
    background: #fff;
    font-size: 13px;
    box-sizing: border-box;
    color: #7f7f7f;
}

.register-agreement-body-pc{
    /*text-align: left;*/
    /*border: 1px solid #e5e5e5;*/
    /*padding: 25px;*/
    /*margin-top: 20px;*/
    /*background: #f9f9f9;*/
    /*padding-bottom: 30px;*/
}

.register-agreement-body-title-pc{
    border-bottom: 1px solid #ddd;
    padding: 20px;
    color: #000;
    font-weight: 500;
}

.register-agreement-docs-pc{
    padding: 20px 0;
}

.register-agreement-docs-head-pc{
    font-size: 15px;
    color: #000;
    margin-bottom: 10px;
}

.register-agreement-docs-foot-pc{
    margin-top: 15px;
    color: #606060;
}

.modify-private-info-pc{
    margin-top: 50px;
    padding: 40px 0;
}

.modify-private-info-pc .btn-register-pc{
    background: #1f2b73;
    width: 300px;
    font-weight: 500;
    font-size: 16px;
}

.modify-private-info-head-pc{
    border-bottom: 1px solid #e2e2e2;
    text-align: left;
    padding: 0 65px 25px;
    position: relative;
}

.modify-private-info-head-pc strong{
    font-size: 23px;
    color: #000;
    display: inline-block;
}

.modify-private-info-head-pc small{
    margin-left: 20px;
    font-size: 13px;
    color: #242424;
    display: inline-block;
    max-width: 450px;
}

.modify-private-info-pc .form-register{
    padding: 25px 65px 0;
}

.page-mid-payment-title-pc{
    text-align: center;
    color: #000;
    font-size: 28px;
    font-weight: 500;
}

.page-mid-payment-foot-pc{
    text-align: center;
    margin-top: 80px;
}

.page-mid-payment-foot-pc #pay_agreement{
    position: relative;
    top: -1px;
}

.page-mid-payment-foot-btn-pc{
    margin-top: 80px;
}

.page-mid-payment-foot-btn-pc .btn-prev-page{
    width: 248px;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    color: #fff;
    font-size: 16px;
    text-align: center;
    background: #222c4b;
}

.page-mid-payment-foot-btn-pc .btn-go-payment-pc{
    width: 248px;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    color: #fff;
    font-size: 16px;
    text-align: center;
    background: #152be0;
}

.page-mid-payment-foot-agree-pc{
    font-size: 14px;
    color: #111;
}

.page-mid-payment-delivery-foot-pc li{
    font-size: 14px;
    color: #6b6b6b;
    margin-bottom: 5px;
}

.page-mid-payment-delivery-foot-pc li a{
    text-decoration: underline;
}

.page-mid-payment-delivery-head-pc{
    border-bottom: 2px solid #000;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.page-mid-payment-delivery-head-pc strong{
    font-size: 22px;
    color: #000;
    font-weight: 500;
    margin-right: 10px;
}

.page-mid-payment-delivery-head-pc small{
    font-size: 14px;
    color: #6e6e6e;
}

.page-mid-payment-delivery-body-pc{
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.page-mid-payment-delivery-body-pc table{
    width: 100%;

}

.page-mid-payment-delivery-body-pc table td{
    position: relative;
    padding: 5px 10px;
}

.page-mid-payment-delivery-body-pc table th{
    text-align: left;
    font-size: 16px;
    font-weight: normal;
    padding: 5px 10px;
}

.page-mid-payment-delivery-body-pc table input[type="text"],
.page-mid-payment-delivery-body-pc table select{
    width: 100%;
    height: 50px;
    line-height: 50px;
    box-sizing: border-box;
    padding: 0 10px;
    font-size: 16px;
    color: #000;
    border: 1px solid #e2e2e2;
}


.page-mid-payment-delivery-body-pc table .js-btn-postal{
    height: 50px;
    line-height: 50px;
    top: 5px;
    margin-top: 0;
    width: 90px;
    font-size: 12px;
}

.page-mid-payment-result-pc{
    border: 1px solid #b5b5b5;
    margin: 70px 0;
}

.page-mid-payment-result-head-pc{
    font-size: 20px;
    padding: 20px 40px;
    color: #000;
    border-bottom: 1px solid #e5e5e5;
    font-weight: 500;
}

.page-mid-payment-result-foot-pc{
    padding: 20px 40px;
    color: #000;
    border-top: 1px solid #e5e5e5;
    text-align: right;
}

.page-mid-payment-result-foot-pc small{
    color: #000;
    font-weight: 500;
    font-size: 16px;
}

.page-mid-payment-result-foot-pc small + input{
    font-size: 24px;
    color: #e20000;
    font-weight: bold;
    width: 150px;
    display: inline-block;
    text-align: right;
    border: none;
}

.page-mid-payment-result-foot-pc input + span{
    font-size: 21px;
    color: #e20000;
    font-weight: bold;
}

.page-mid-payment-result-body-pc{
    padding: 20px 40px;
}

.page-mid-payment-result-body-1-pc{
    text-align: right;
    margin-bottom: 10px;
}

.page-mid-payment-result-body-2-pc{
    text-align: right;
}

.page-mid-payment-result-body-1-pc small,
.page-mid-payment-result-body-2-pc small{
    color: #000;
    font-weight: 500;
    font-size: 14px;
}

.page-mid-payment-result-body-1-pc small + input,
.page-mid-payment-result-body-2-pc small + input{
    font-size: 20px;
    color: #000;
    font-weight:  500;
    width: 150px;
    display: inline-block;
    text-align: right;
    border: none;
}

.page-mid-payment-lists-head-pc{
    font-size: 22px;
    color: #000;
    margin-bottom: 20px;
    font-weight: 500;
}

.page-mid-payment-lists-body-pc{
    border-top: 2px solid #000;
}

.page-mid-payment-lists-body-pc table{
    width: 100%;
}

.page-mid-payment-lists-body-pc table th{
    color: #666666;
    font-size: 14px;
    text-align: center;
    font-weight: 500;
    padding: 10px 0;
    border-bottom: 1px solid #e5e5e5;
}

.page-mid-payment-lists-body-pc table td{
    padding: 10px 0;
    text-align: center;
}

.page-mid-payment-lists-body-pc table .origin-price-pc{
    color: #999;
    font-size: 14px;
    text-decoration: line-through;
}

.page-mid-payment-lists-body-pc table .current-sale-price-pc{
    font-size: 18px;
    color: #000;
}

.page-mid-payment-lists-body-pc table .select-item-title-pc{
    font-size: 17px;
    color: #000;
    font-weight: 500;
}

/* mobile main */
.section-main-item-m .main-item-list-title-pc{
    padding: 85px 20px 45px
}

.section-main-item-m .main-item-list-foot-pc{
    margin-top: 30px;
    margin-bottom: 70px;
}

.section-main-item-m .main-item-list-more-view{
    width: 300px;
    height: 50px;
    line-height: 50px;
    font-size: 15px;
}

.main-form-m{
    background: #f7f7f7; padding: 0 15px 0;
}

.main-form-m .main-form-table-pc{
    width: 100%;
    box-sizing: border-box;
}

.main-form-m .main-form-table-pc textarea{
    width: 100%;
    box-sizing: border-box;
}

.main-form-m .main-form-table-pc input[name="name"],
.main-form-m .main-form-table-pc input[name="tel"],
.main-form-m .main-form-table-pc input[name="phone"],
.main-form-m .main-form-table-pc input[name="age"]{
    width: 100%;
    box-sizing: border-box;
}

.main-form-m .main-form-table-pc th{
    text-align: left;
    padding-top: 10px;
    padding-bottom: 5px;
    /*font-size: 14px;*/
	font-size: 12px;
}


.main-form-m .main-form-table-pc input[type="radio"] + label{
    width: 50%;
}


.main-form-m  .main-form-table-pc button[type="submit"]{
    width: 100%;
    background: #000;
    text-align: center;
    color: #fff;
    font-size: 16px;
    display: block;
    height: 50px;
    line-height: 50px;
    left: 0;
}

.main-form-m .submission-body-form-body-pc{
    padding-bottom: 50px;
}

.main-form-m .submission-status-body-pc{
    width: 100%;
    box-sizing: border-box;
    padding: 0 20px;
}

.main-form-m .submission-status-table-head .submission-status-table-head-cell:nth-child(1){
    width: 20%;
}

.main-form-m .submission-status-table-head .submission-status-table-head-cell:nth-child(2){
    width: 50%;
}

.main-form-m .submission-status-table-head .submission-status-table-head-cell:nth-child(3){
    width: 30%;
}

.main-form-m .main-counsel-list-body .main-counsel-list{
    width: 100%;
    box-sizing: border-box;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color: #fff;
    height: 60px;
}

.main-form-m .main-request-list-table-pc{
    width: calc(100% - 40px);
}

.main-form-m .main-request-list-table-pc td{
    font-size: 13px;
    text-align: left;
}

.main-form-m .main-counsel-comment-inner{
    max-width: calc(100% - 40px);
    font-size: 15px;
    width: 100%;
    box-sizing: border-box;
    margin-top: 5px;
}

.main-form-m .splitter{
    font-size: 11px;
    padding: 0 5px;
    position: relative;
    top: -2px;
}

#jp-content-m .main-form-m{
    padding: 0 0 50px;
}


.main-form-m .submission-body-status-pc{
    height: auto;
    padding-bottom: 60px;
}

#jp-content-m .login-tab-pc{
    width: 100%;
    margin-bottom: 15px;
}

#jp-content-m .login-tab-pc li a{
    height: 45px;
    line-height: 45px;
    font-size: 14px;
}

#jp-content-m .btn-login-register-pc{
    width: 100%;
}

#jp-content-m  .main-item-list-title-pc{
    text-align: center;
}

.login-sub-tit-m{
    font-size: 16px;
    text-align: center;
    padding: 15px 0 25px;
}


#jp-content-m .register-form-wrp .register-form-body-wrp input{
    width: 100%;
}

.page-m-content .register-agreement-pc .btn-register-pc{
    width: 100%;
    font-size: 14px;
    height: 50px;
    line-height: 50px;
}

.page-m-content .register-agreement-head-pc{
    font-size: 16px;
}

.page-m-content label[for="agree-all-docs"]{
    font-size: 13px;
}

.page-m-content .register-agreement-pc{
    margin-top: 40px;
}

.page-m-content .register-agreement-docs-head-pc{
    font-size: 13px;
}

#jp-content-m .modify-private-info-head-pc{
    padding: 0 15px 15px
}

#jp-content-m .modify-private-info-head-pc small{
    margin-left: 0;
    max-width: 100%;
}

#jp-content-m .modify-private-info-pc .form-register{
    padding: 10px 15px 0;
}

#jp-content-m .register-input-section-pc th{
    font-size: 13px;
}

#jp-content-m .register-form-body-m{
    margin: 0 15px;
    box-sizing: border-box;
    width: calc(100% - 30px);
}

#jp-content-m .details-con-wrp{
    width: 100%;
    box-sizing: border-box;
    padding: 0 15px;
}

#jp-content-m .item-detail-title-pc{
    font-size: 22px;
    padding-top: 20px;
}

#jp-content-m .page-details-total-amount{
    margin-top: 25px;
}

#jp-content-m .page-details-total-amount{
    padding: 10px;
}

#jp-content-m .page-details-total-amount span.tit{
    float: left;
    position: relative;
    top: 10px;
}

#jp-content-m .page-details-counter-wrp{
    float: right !important;
    margin-left: 0;
}

#jp-content-m .page-details-tab-inner-pc{
    width: 100%;
}

#jp-content-m .item-sale-price-pc{
    font-size: 22px;
}

#jp-content-m .item-origin-price-pc{
    font-size: 18px;
}

#jp-content-m .page-details-btn-area-pc .btn-go-payment{
    float: left;
    width: 50%;
    margin-right: 0;
}

#jp-content-m .page-details-btn-area-pc .btn-go-payment2{
    float: left;
    width: 50%;
}

#jp-content-m .page-detail-total-summary-pc .tit{
    float: left;
    font-size: 16px;
    position: relative;
}

#jp-content-m .page-detail-total-summary-pc .total-sum-count-pc{
    float: right;
    font-size: 22px;
}

#jp-content-m .page-detail-total-summary-pc .total-sum-count-pc .js-total-item-price{
    width: 200px;
}

#jp-content-m .page-detail-content-section-pc{
    width: 100%;
    margin-bottom: 40px;
}

#jp-content-m .page-details-tab-inner-pc a{
    font-size: 14px;
    height: 50px;
    line-height: 50px;
}

#jp-content-m .page-details-info-pc{
    padding: 40px 0;
}

#jp-content-m .page-mid-payment-lists-head-pc{
    margin-top: 30px;
    font-size: 18px;
    margin-bottom: 15px;
}

#jp-content-m .page-mid-payment-result-head-pc,
#jp-content-m .page-mid-payment-result-foot-pc,
#jp-content-m .page-mid-payment-result-body-pc{
    padding: 10px 15px;
    font-size: 17px;
}

#jp-content-m .page-mid-payment-result-foot-pc small{
    font-size: 14px;
}

#jp-content-m .payment-item-list-m{
    border-bottom: 1px solid #e5e5e5;
    padding: 10px 0;
}

#jp-content-m .payment-item-list-m .select-item-title-pc{
    font-weight: bold;
    font-size: 18px;
}

#jp-content-m .payment-item-list-m span{
    float: left;
    white-space: nowrap;
    font-size: 14px;
    color: #666;
}

#jp-content-m .payment-item-list-m strong{
    float: right;
    white-space: nowrap;
}

#jp-content-m .payment-item-list-m .origin-price-pc{
    text-decoration: line-through;
    color: #666;
    font-weight: normal;
}

#jp-content-m .page-mid-payment-result-pc{
    margin: 40px 0;
}

#jp-content-m .page-mid-payment-delivery-head-pc strong{
    font-size: 18px;
}

#jp-content-m .page-mid-payment-delivery-head-pc label{
    font-size: 13px;
}

#jp-content-m .payment-delivery-info-m th{
    font-size: 14px;
    color: #808080;
    padding-top: 5px;
    padding-bottom: 0;
}


#jp-content-m .payment-delivery-info-m input[type="text"],
#jp-content-m .payment-delivery-info-m select{
    font-size: 14px;
}

#jp-content-m .page-mid-payment-foot-pc{
    margin-top: 40px;
}

#jp-content-m .page-mid-payment-foot-agree-pc{
    font-size: 13px;
}

#jp-content-m .page-mid-payment-foot-btn-pc .btn-prev-page,
#jp-content-m .page-mid-payment-foot-btn-pc .btn-go-payment-pc{
    float: left;
    width: 50%;
    font-size: 14px;
}

.main-counsel-comment-inner-m{
    margin-top: 5px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    max-width: 320px;

}

#jp-content-m .submission-status-body-pc .submission-status-table-body{
    height: 295px;
}

.vt-header-nav-m{
    border-bottom: 1px solid #ddd;
    background: #fff;
    position: fixed;
    top: 70px;
    left: 0;
    width: 100%;
    z-index: 1000;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
}

.vt-header-nav-m li{
    float: left;
    width: 25%;
}

.vt-header-nav-m li a{
    display: block;
    text-align: center;
    height: 45px;
    line-height: 45px;
    font-size: 14px;
    color: #000;
}

.vt-header-nav-m li:last-child a{
    color: #192b71;
    font-weight: 500;
}

.btm-quick-menu-m{
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
}

.btm-quick-menu-m li{
    float: left;
    width: 50%;
}

.btm-quick-menu-m li a{
    height: 50px;
    line-height: 50px;
    display: block;
    text-align: center;
}


.btm-quick-menu-m li:nth-child(1) a{
    background: #1865c0;
}

.btm-quick-menu-m li:nth-child(2) a{
    background: #d6f1f9;
}

.btn-fixed-right-m{
    position: fixed;
    bottom: 65px;
    right: 5px;
    z-index: 1000;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
    border-radius: 70px;
}

.btn-fixed-right-m-01{
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 1000;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
    border-radius: 70px;
}

#jp-content-m .page-detail-content-section-m img{
    width: 100%;
}

/* coco starts */
#left-side{
    width: 233px;
    /*float: left;*/
    box-sizing: border-box;
    padding: 38px 0 0 32px;
    position: fixed;
}

#right-side{
    /*float: left;*/
    /*width: calc(100% - 233px);*/
    /*max-width: 1228px;*/
    /*border-left: 1px solid #e4e4e4;*/
    /*min-height: 100vh;*/
    /*height: 100%;*/
    /*margin-left: 233px;*/
}

#left-side .category-head{
    margin-top: 52px;
    margin-bottom: 25px;
    color: #1292d8;
    font-weight: normal;
    font-size: 18px;
}

#left-side .community-head{
    margin-top: 52px;
    margin-bottom: 25px;
    color: #1292d8;
    font-weight: normal;
    font-size: 18px;
}

.category-body li,
.community-body li{
    margin-bottom: 16px;
}

.category-body li a,
.community-body li a{
    display: inline-block;
    color: #424242;
    font-size: 14px;
    font-weight: 400;
    font-family: "GmarketSansTTFLight";
    transition: 0.5s;
}

.category-body li a:hover,
.community-body li a:hover{
    color: #339bdb;
}

#footer-pc{
    padding: 50px 0;
    background: #2e4c4e;
}

.footer-inner-pc{
    width: 1200px;
    margin: 0 auto;
}

.footer-info{
    margin-top: 35px;
    font-family: "Pretendard";
}

#contents-pc{
    width: 1200px;
    margin: 0 auto;
}

#lnb-pc{
    text-align: right;
    padding: 25px 0;
}

#lnb-pc a{
    color: #777;
    font-size: 13px;
    margin-left: 10px;
    display: inline-block;
}

.main-quick-banner{
    margin-top: 29px;
    margin-bottom: 35px;
}

.main-quick-banner li{
    float: left;
}

.main-quick-banner li:nth-child(2){
    margin: 0 22px;
}

.main-best-body li{
    float: left;
    margin-left: 17px;
    margin-bottom: 17px;
}

.main-best-body li:nth-child(5n){
    margin-right: 0;
}

.main-new-body li{
    float: left;
    margin-left: 19px;
    margin-bottom: 19px;
    width: 280px;
}

.main-new-body li:nth-child(4n){
    margin-right: 0;
}

.main-best-head{
    text-align: center;
    margin-left: 31px;
    margin-bottom: 25px;
    color: #000;
    font-size: 16px;
}

.main-best-head span{
    color: #f81503;
}

.main-new-wrp{
    margin-top: 30px;
    margin-bottom: 100px;
}

.main-new-head{
    /*margin-left: 31px;*/
    margin-bottom: 25px;
}

.main-new-head .tit{
    color: #000;
    font-size: 30px;
    text-align: center;
}

.main-new-head .desc{
    text-align: center;
    color: #555555;
    font-size: 16px;
    margin-top: 15px;
    font-weight: normal;
    font-family: "paybooc-Light";
}

.main-new-head span{
    color: #0099ed;
}

.main-new-body a{
    display: block;
}

.main-best-body .info{
    margin-top: 15px;
}

.main-new-body .info .tit{
    color: #333333;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    padding: 15px 0;
    font-size: 16px;
    border-bottom: 1px solid #e1e1e1;
}

.main-new-body .info .desc{
    color: #5d5d5d;
    font-size: 14px;display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow: hidden;
    text-overflow:ellipsis;
    margin-top: 11px;
    font-family: 'GmarketSansTTFLight';
    height: 32px;
}

.main-new-body .info .price{
    /*color: #0099ed;*/
    color: #000;
    margin-top: 25px;
    text-decoration: line-through;
}

.main-best-body .info .price{
    text-decoration: line-through;
}

.main-new-body .info .off-price,
.main-best-body .info .off-price{
    /*color: #000;*/
    color: #0099ed;
    margin-top: 5px;
}

.main-new-body .info .off-price span,
.main-best-body .info .off-price span{
    color: #ff1908;
    margin-left: 5px;
}

.wing-pc{
    position: fixed;
    top: 50%;
    right: 20px;
    z-index: 100;
    width: 130px;
    margin-top: -100px;
}

.wing-pc .current-status{
    background: #fbda33;
    border-radius: 20px;
    text-align: center;
    padding: 25px 0;
}

.wing-pc .current-status .circle{
    width: 80px;
    height: 80px;
    text-align: center;
    background: #fff;
    border-radius: 80px;
    display: inline-block;
    margin: 15px 0;
    box-sizing: border-box;
    padding-top: 12px;
}

.wing-pc .current-status .circle .num{
    font-size: 18px;
    margin-top: 5px;
}

.wing-pc .top{
    margin-top: 15px;
    text-align: center;
}

.wing-pc .btn-call-pc{
    margin-top: 10px;
    display: inline-block;
}

.view-history{
    margin-top: 15px;
}

.item-lists-page{
    /*border-top: 1px solid #e4e4e4;*/
    padding-top: 50px;
}

.item-lists-page .main-new-head{
    font-size: 25px;
    padding-bottom: 20px;
}

.item-lists-page .main-new-body li{
    margin-bottom: 50px;
}

.notice-view-pc-wrp{

}

.notice-table-body-pc{
    width: 100%;
}

.notice-table-body-pc th{
    color: #747474;
    font-size: 14px;
    font-weight: normal;
    padding: 5px 10px;
    text-align: left;
}

.notice-table-body-pc td{
    font-size: 14px;
    color: #424242;
    padding: 15px 10px;
}

.notice-table-body-pc tr:first-child th,
.notice-table-body-pc tr:first-child td{
    border-bottom: 1px solid #e1e1e1;
}

.notice-table-body-pc .tit{
    color: #000;
    font-weight: bold;
}

.jp-board-info-bottom .btn-go-lists{
    width: 70px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-size: 14px;
    background: #000000;
}

.notice-table-bottom-pc{
    width: 100%;
    border-top: 1px solid #e1e1e1;
}

.notice-table-bottom-pc th{
    text-align: left;
    padding: 15px 10px;
    border-bottom: 1px solid #e1e1e1;
    font-size: 13px;
    position: relative;
    color: #686868;
    font-weight: normal;
}

.notice-table-bottom-pc td{
    border-bottom: 1px solid #e1e1e1;
    font-size: 13px;
}

.notice-table-bottom-pc td a{
    color: #000;
    font-weight: bold;
}


.notice-table-bottom-pc th .ico{
    position: relative;
    left: 8px;
}

.login-logo-pc{
    text-align: center;
    margin-bottom: 40px;
}

.login-warning-pc{
    font-size: 14px;
    color: #585858;
    margin-top: 20px;
    font-family: "GmarketSansTTFLight";
}

.login-form-wrapper .btn-area .btn-right-side{
    float: right;
}

.login-form-wrapper .btn-area a{
    font-size: 14px;
    font-weight: bold;
    color: #000;
    font-family: "paybooc-Light";
}

.form-register-pc{
    margin-bottom: 100px;
}


.form-register-pc label[for="privacy_agree"],
.form-register-pc label[for="agreement_agree"]{
    font-size: 13px;
    font-weight: normal;
    font-family: "GmarketSansTTFLight";
}


.review-page-head{
    padding-bottom: 20px;
    border-bottom: 2px solid #000;
}

.review-page-box{
    position: relative;
     border-bottom: 1px solid #bcbcbc;
    padding: 15px 5px;
}

.review-page-box-left{
    float: left;
    width: 950px;
}

#jp-content-m .review-page-box-left{
    width: 100%;
}

.review-page-box-right{
    float: left;
    width: 238px;
}

.review-page-box-left .evaluation{
    font-family: "GmarketSansTTFLight";
    font-size: 13px;
}

.review-page-box-left .evaluation .eval-string{
    margin-left: 10px;
    position: relative;
    top: 2px;
}


.review-page-box-left .title{
    font-family: "GmarketSansTTFLight";
    font-size: 16px;
    margin-top: 10px;
}

.review-info-desc-table-pc{
    width: 100%;
}

.review-info-desc-table-pc th,
.review-info-desc-table-pc td{
    font-size: 14px;
    font-family: "GmarketSansTTFLight";
    padding: 5px;
}

.service-title-in-review{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    width: 170px;
}

.payment-history-pc td{
    color: #656565;
    font-size: 13px;
}

.payment-history-pc .title{
    color: #000;
    font-size: 16px;
}

.payment-history-pc .option{
    color: #555555;
    font-size: 13px;
    margin-top: 10px;
    font-family: "GmarketSansTTFLight";
}

.service-list-btn-area-pc{
    margin: 20px 0 103px;
}

.service-list-btn-area-pc a{
    background: #fff;
    width: 100px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: #000;
    font-size: 13px;
    display: inline-block;
    border: 1px solid #000;
}

.payment-agreement-area-pc{
    padding: 40px 30px;
    color: #535353;
    font-size: 14px;
    position: relative;
    border-bottom: 1px solid #e1e1e1;
    text-align: center;
    border-top: 1px solid #000;
}

.payment-agreement-area-pc .tit{
    font-size: 15px;
    color: #555;
    margin-bottom: 15px;
}

.payment-agreement-area-pc .price{
    font-size: 22px;
    color: #000;
    font-family: 'GmarketSansTTFBold';
}

.payment-agreement-area-pc .right{
    position: absolute;
    top: 40px;
    right: 30px;
    font-size: 20px;
}

.payment-agreement-area-pc .right .price{
    color: #ff2412;
}

.payment-agreement-area-pc .right .unit{
    color: #000;
    font-size: 16px;
    margin-left: 5px;
}

.payment-final-decision-pc .btn-area{
    text-align: center;
    margin-top: 55px;
    margin-bottom: 100px;
}

.payment-final-decision-pc .btn-area button[type="submit"]{
    background: #000;
    width: 250px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    display: inline-block;
    border: none;
}

.payment-information-pc{
    margin-top: 50px;
}

.payment-information-pc h3{
    font-size: 15px;
    color: #000;
    border-bottom: 1px solid #000;
    padding-bottom: 10px;
}

.payment-information-pc .allotment-info-pc,
.payment-information-pc .usage-info-pc{
    padding: 30px;
    font-size: 14px;
    font-family: "GmarketSansTTFLight";
    line-height: 24px;
}

.payment-information-pc .allotment-info-pc{
    margin-bottom: 30px;
}

.mypage-summary-head{
    font-size: 16px;
    color: #000;
    margin-bottom: 15px;
}

.mypage-summary-head .desc{
    color: #6b6b6b;
}

.mypage-summary-head .desc .period{
    color: #1292d8;
}

.mypage-summary-body{

}

.mypage-summary-table{
    width: 100%;
    border-top: 1px solid #9f9f9f;
    border-left: 1px solid #e4e4e4;
    border-right: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
}

.mypage-summary-table th{
    text-align: center;
    padding: 30px 0 10px;
    color: #555555;
}

.mypage-summary-table td{
    text-align: center;
    padding: 10px 0 30px;
    color: #1292d8;
}

.mypage-search-area-pc{
    margin: 60px 0;
}

.mypage-search-area-body{
    margin-bottom: 20px;
}

.mypage-search-area-foot li{
    font-size: 13px;
    color: #262626;
    font-family: "GmarketSansTTFLight";
    margin-bottom: 5px;
}


.mypage-search-area-body .select-status{
    min-width: 180px;
    height: 30px;
    padding-left: 20px;
    font-size: 14px;
    color: #262626;
    box-sizing: border-box;
    border: 1px solid #e2e2e2;
}

.mypage-search-area-body .start_dt{
    height: 30px;
    width: 150px;
    border: 1px solid #e2e2e2;
    padding-left: 10px;
    box-sizing: border-box;
}

.mypage-search-area-body .end_dt{
    height: 30px;
    width: 150px;
    border: 1px solid #e2e2e2;
    padding-left: 10px;
    box-sizing: border-box;
}

.mypage-search-area-body button[type="submit"]{
    width: 70px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: none;
    color: #fff;
    font-size: 14px;
    background: #000;
}

.mypage-order-list-head{
    font-size: 15px;
    color: #000;
    margin-bottom: 15px;
}

.mypage-order-table{
    width: 100%;
}

.mypage-order-table th{
    text-align: center;
    color: #656565;
    height: 50px;
    line-height: 50px;
    font-family: "GmarketSansTTFLight";
    font-size: 14px;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
}

.mypage-order-table th:first-child{
    border-left: 1px solid #e1e1e1;
}

.mypage-order-table th:last-child{
    border-right: 1px solid #e1e1e1;
}

.mypage-order-table td{
    color: #8e8e8e;
    font-size: 14px;
    border-bottom: 1px solid #e1e1e1;
    padding: 20px 0;
    font-size: 14px;
}

.mypage-order-table td .date{
    font-family: "GmarketSansTTFLight";
}

.mypage-order-table td .title{
    font-size: 15px;
    color: #000;
    margin-bottom: 14px;
}

.mypage-order-table td .option{
    font-family: "GmarketSansTTFLight";
    font-size: 13px;
    color: #656565;
}

.mypage-order-table td .price{
    color: #555;
}

.faq-section-pc .active + .answer-section{
    display: block;
}

.faq-section-pc{
    border-top: 1px solid #000;
}


.item-details-page{
    padding-top: 100px;
}

.item-details-head{
    position: relative;
}

.item-details-head-left{
    float: left;
    width: 430px;
}


.item-details-head-right{
    width: 730px;
    float: left;
    margin-left: 35px;

}

.item-details-info-01{
    border-top: 2px solid #000;
    border-bottom: 1px solid #e4e4e4;
    padding: 20px 0;
    font-size: 18px;
    color: #000;
    font-weight: bold;
}


.item-details-info-02{
    padding: 10px 0;
    border-bottom: 1px solid #e4e4e4;
}

.item-details-info-02-table{

}

.item-details-info-02-table th{
    text-align: left;
    color: #424242;
    font-size: 14px;
    font-family: "GmarketSansTTFLight";
}

.item-details-info-02-table td{
    text-align: left;
    color: #424242;
    font-size: 14px;
    padding: 12px 0;
}

.item-details-info-02-table .instagram-id,
.item-details-info-02-table .item-select-option{
    width: 370px;
    height: 25px;
    line-height: 25px;
    border: 1px solid #e4e4e4;
    padding: 0 15px;
    color: #444;
    font-size: 15px;
    box-sizing: border-box;
}

.item-details-info-02-table .required{
    color: #ff544b;
}

.item-details-info-03{
    border-bottom: 2px solid #000;
    padding-bottom: 20px;
    padding-top: 15px;
}

.item-details-info-04{
    padding: 20px 0;
    text-align: right;
}

.item-details-info-04 .unit{
    font-family: "GmarketSansTTFLight";
    font-size: 15px;
}

.item-details-info-04 .price{
    font-size: 25px;
}

.item-details-info-05{
    text-align: center;
    margin-top: 10px;
}

.item-details-info-05 .btn-buy-now{
    display: inline-block;
    width: 350px;
    height: 57px;
    line-height: 57px;
    text-align: center;
    color: #fff;
    background: #000;
    border-radius: 5px;
}

.item-details-info-05 .btn-add-cart{
    display: inline-block;
    width: 350px;
    height: 57px;
    line-height: 57px;
    text-align: center;
    color: #000;
    background: #ececec;
    border-radius: 5px;
}

.item-details-body{
    margin-top: 100px;
}

.item-details-tab{
     /*border: 1px solid #e4e4e4;*/
}

.item-details-tab li{
    float: left;
    width: 33.333%;
    border: 1px solid #e4e4e4;
    box-sizing: border-box;
    background: #f9f9f9;
}

.item-details-tab li a{
    text-align: center;
    display: block;
    height: 55px;
    line-height: 55px;
    color: #8c8c8c;
    font-size: 16px;
}

.item-details-tab li a.active{
    color: #000;
    background: #fff;
}

.item-details-section-02-inner{
    padding: 50px 0 100px;
}

.item-details-section-03-inner{
    padding: 50px 0 100px;
}

.mypage-tab-body{

}

.mypage-tab-body li{
    float: left;
    width: 50%;
    box-sizing: border-box;
    border: 1px solid #4d4d4d;
}

.mypage-tab-body li a{
    display: block;
    height: 55px;
    line-height: 55px;
    text-align: center;
    font-size: 16px;
}

.mypage-tab-body li a.active{
    background: #000;
    color: #fff;
}

.mypage-payment-history{
    margin-top: 50px;
}

.mypage-payment-history-head{
    background: #f2f2f2;
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 30px;
}

.mypage-payment-history-head .right{
    float: right;
}

.mypage-payment-history-head input[type="date"]{
    width: 150px;
    background: #fff;
    padding: 0 10px;
    box-sizing: border-box;
    color: #424242;
    font-size: 14px;
    font-family: "GmarketSansTTFLight";
    border: 1px solid #e2e2e2;
    height: 30px;
    line-height: 30px;
}

.mypage-payment-history-head button[type="submit"]{
    height: 30px;
    line-height: 30px;
    width: 67px;
    background: #4d4d4d;
    font-size: 14px;
    text-align: center;
    color: #fff;
    border: none;
    margin-left: 5px;
}


.mypage-payment-history-table{
    width: 100%;
    border-top: 2px solid #000;
}

.mypage-payment-history-table th{
    padding: 15px 0;
    border-bottom: 1px solid #e1e1e1;
    font-size: 14px;
    color: #555;
}

.mypage-payment-history-table td{
    padding: 15px 0;
    border-bottom: 1px solid #e1e1e1;
    font-size: 14px;
    color: #555;
    text-align: center;
}

.mypage-payment-history-table td:nth-child(2){
    text-align: left;
}

.mypage-payment-history-table td strong{
    color: #000;
    font-size: 14px;
}

.mypage-payment-history-table .sub-list td{
    background: #fbfbfb;
}


.mypage-payment-history-table .btn-write-review{
    width: 62px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    color: #fff;
    background: #898989;
    font-size: 12px;
}

.mypage-payment-history-table .btn-modify-review{
    width: 62px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    color: #fff;
    background: #000;
    font-size: 12px;
}

.mypage-payment-history-table .btn-delete-review{
    width: 62px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    color: #fff;
    background: #898989;
    font-size: 12px;
}

.mypage-payment-history-table .btn{
    margin-top: 3px;
    margin-bottom: 3px;
}

.form-register-pc .readonly{
     border: none !important;
}

.mypage-payment-history .register-input-section-pc th{
    border-right: 1px solid #e1e1e1;
    padding-top: 17px;
}

.item-details-section-01-inner{
    padding: 50px 0;
}

.btn-modify-mypage{
    float: right;
    background: #000;
    width: 100px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: #fff;
    font-size: 13px;
    display: inline-block;
    border: none;
}

.mypage-payment-history .service-list-btn-area-pc .btn-req-withdrawal{
    /*background: #9d9d9d;*/
    background: #fff;
}

.footer-links-pc{
    /*margin-top: 40px;*/
}

.footer-links-pc a{
    color: #eee;
    font-size: 13px;
    font-family: "Pretendard";
}

.footer-links-pc span{
    color: #444;
    font-size: 12px;
    padding: 0 4px;
}

/* review modal */
.review-form-wrp-pc{
    width: 700px;
    height: 700px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -350px;
    margin-left: -350px;
    z-index: 1000;
    background: #fff;
    border-radius: 5px;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.3);
}

.review-form-wrp-pc .review-form-head-pc{
    position: relative;
    text-align: center;
    height: 80px;
    line-height: 80px;
    border-bottom: 1px solid #a9b2b8;
    font-size: 18px;
    color: #000;
}

.review-form-wrp-pc .review-form-head-pc .btn-close{
    position: absolute;
    top: 30px;
    right: 30px;
    line-height: normal;
    display: inline-block;
}

.review-form-wrp-pc .review-item-display{
    border-bottom: 1px solid #e5e5e5;
    padding: 30px 40px 30px 140px;
    position: relative;
    min-height: 66px;
}

.review-form-wrp-pc .review-item-display .review-item-img{
    position: absolute;
    top: 30px;
    left: 40px;
}

.review-form-wrp-pc .review-item-display .review-item-title{
    font-size: 15px;
    position: relative;
    top: 20px;
    color: #000;
}

.review-form-wrp-pc .review-star-rating{
    border-bottom: 1px solid #e5e5e5;
    text-align: center;
    padding: 40px 0;
}

.review-form-wrp-pc .review-star-rating .star-rating-head{
    font-size: 16px;
    color: #000;
}

.review-form-wrp-pc .review-star-rating .star-rating-foot{
    font-size: 14px;
    color: #000;
}

.review-form-wrp-pc .review-star-rating .star-rating-body{
    padding: 30px 0;
}

.review-form-wrp-pc .review-comment-area{
    padding: 35px 70px;
}


.review-form-wrp-pc .review-comment-area .review-comment-head{
    font-size: 13px;
    color: #818181;
    margin-bottom: 10px;
}

.review-form-wrp-pc .review-comment-area .review-comment-body textarea{
    border: 1px solid #d2d2d2;
    border-radius: 5px;
    width: 100%;
    box-sizing: border-box;
    padding: 15px;
    font-size: 14px;
    color: #000;
    height: 110px;
    resize: none;
    line-height: 24px;
}

.review-form-wrp-pc .review-form-foot-pc{
    text-align: center;
}

.review-form-wrp-pc .review-form-foot-pc button[type="submit"]{
    background: #000;
    color: #fff;
    font-size: 14px;
    width: 120px;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    border: none;
}

.ft-links-m{
    text-align: center;
    padding: 20px 0;
}

.ft-links-m a{
    color: #eee;
    font-size: 13px;
    font-family: "Pretendard";
}

.nav-m-wrp-in-menu .category-head,
.nav-m-wrp-in-menu .community-head{
    padding: 0 20px;
    font-size: 14px;
    border-bottom: 1px solid #e2e2e2;
    height: 50px;
    line-height: 50px;
    color: #1292d8;
}

.main-mid-links-m{
    padding: 0 15px;
    margin-top: 40px;
}

.main-mid-links-m li{
    width: 33.333%;
    float: left;
    text-align: center;
}

.main-mid-links-m li a{
    display: inline-block;
    padding: 0 10px;
}

.main-best-wrp-m {
    margin-top: 50px;
}

.main-best-wrp-m .main-best-body {
    padding: 0 15px;
}
.main-best-wrp-m .main-best-body li{
    float: left;
    margin-left: 0;
    width: 50%;
}

.main-best-wrp-m .main-best-body li:nth-child(2n-1) a{
    display: block;
    padding-right: 5px;
}

.main-best-wrp-m .main-best-body li:nth-child(2n) a {
    display: block;
    padding-left: 5px;
}



.main-new-wrp-m{
    margin-top: 40px;
}

.main-new-wrp-m .main-new-body{
    padding: 0 15px;
}

.main-new-wrp-m .main-new-body li{
    width: 50%;
    margin-left: 0;
}

.main-new-wrp-m .main-new-body li:nth-child(2n-1) a{
    display: block;
    padding-right: 5px;
}

.main-new-wrp-m .main-new-body li:nth-child(2n) a{
    display: block;
    padding-left: 5px;
}

.main-top-banner-pc{
    position: relative;
    overflow: hidden;
}

.main-top-banner-pc-paging .swiper-pagination-bullet-active{
    background: #fff;
}

.main-top-banner-pc .swiper-button-next,
.main-top-banner-pc .swiper-button-prev{
    background: none;
    cursor: pointer;
}

.main-top-banner-pc .swiper-button-prev{
    left: 20px;
}

.main-top-banner-pc .swiper-button-next {
    right: 20px;
}

.swiper-pagination-top-m .swiper-pagination-bullet-active{
    background: #fff !important;
}

.swiper-main-top-m{
    position: relative;
}

#jp-content-m .item-lists-page-m{
    padding-top: 30px;
}

#jp-content-m .item-lists-page .main-new-head{
    font-size: 22px;
    padding-bottom: 0;
}

#jp-content-m .item-lists-page .main-new-body{
    padding: 0 15px;
}

#jp-content-m .item-lists-page .main-new-body li{
    float: left;
    width: 50%;
    margin-left: 0;
}

#jp-content-m .item-lists-page .main-new-body li:nth-child(2n-1) a{
    margin-right: 5px;
}

#jp-content-m .item-lists-page .main-new-body li:nth-child(2n) a{
    margin-left: 5px;
}


#jp-content-m .main-new-body .info .price{
    margin-top: 15px;
    text-decoration: line-through;
}

/* details in mobile */
#jp-content-m .item-details-page-m{
    padding-top: 20px;
}

#jp-content-m .item-details-head-left{
    float: none;
    width: 100%;
    box-sizing: border-box;
    padding: 0 15px;
}

#jp-content-m .item-details-head-right{
    float: none;
    width: 100%;
    margin-left: 0;
    box-sizing: border-box;
    padding: 0 15px;
    margin-top: 20px;
}

#jp-content-m .item-details-section-01-inner img{
    max-width: 100%;
}

#jp-content-m .item-details-section-02-inner,
#jp-content-m .item-details-section-03-inner{
    padding: 15px 15px;
}

#jp-content-m .item-details-tab li a{
    font-size: 14px;
    height: 45px;
    line-height: 45px;
}


#jp-content-m .item-details-info-02-table .instagram-id,
#jp-content-m .item-details-info-02-table .item-select-option{
    width: 100%;
}

#jp-content-m .item-details-info-02-table{
    width: 100%;
}

#jp-content-m .item-details-info-05 li{
    float: left;
    width: 50%;
}

#jp-content-m .item-details-info-05 li:nth-child(1) a{
    margin-right: 5px;
    display: block;
}

#jp-content-m .item-details-info-05 li:nth-child(2) a{
    margin-left: 5px;
    display: block;
}

#jp-content-m .item-details-info-05 .btn-buy-now{
    width: 100%;
    box-sizing: border-box;
    height: 45px;
    line-height: 45px;
    font-size: 14px;
}

#jp-content-m .item-details-info-05 .btn-add-cart{
    width: 100%;
    box-sizing: border-box;
    height: 45px;
    line-height: 45px;
    font-size: 14px;
}

.txt-sale-price{
    text-decoration: line-through;
}

#jp-content-m .item-details-body{
    margin-top: 40px;
    margin-bottom: 40px;
}

.review-empty{
    text-align: center;
    font-size: 14px;
    color: #777;
    padding: 100px 0;
}

.review-page-box .desc{
    font-size: 13px;
    font-family: "GmarketSansTTFLight";
    color: #000;
    margin-top: 10px;
}

#jp-content-m .review-page-box-left .title{
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 15px;
}

/* basket in mobile */
#jp-content-m .basket-page-m{
    padding-top: 0;
}

.basket-page-m .media-table-wrapper{
    /*padding: 0 15px;*/
}

.basket-page-m .payment-history-pc{
    border-top: 1px solid #e2e2e2;
}

.basket-page-m .service-list-btn-area-pc{
    margin: 15px 0 30px;
}

.basket-page-m .payment-final-decision-pc .btn-area{
    margin-top: 30px;
    margin-bottom: 50px;
}

.basket-page-m .payment-final-decision-pc .btn-area .btn-open-payment{
    height: 45px;
    line-height: 45px;
    font-size: 14px;
    width: 100%;
    box-sizing: border-box;
    background: #000;
    color: #fff;
    display: block;
}

.basket-page-m .service-list-btn-area-pc a{
    width: 80px;
    color: #000;
    border: 1px solid #000;
    background: #fff;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
}

#jp-content-m .basket-page-m .btn-delete-per-service{
    width: 70px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #999;
    color: #999;
    display: inline-block;
    text-align: center;
    font-size: 12px;
}

#jp-content-m .payment-information-pc .allotment-info-pc,
#jp-content-m .payment-information-pc .usage-info-pc{
    padding: 30px 15px;
    line-height: 24px;
}

.total-pay-price{
    text-align: right;
    height: 50px;
    line-height: 50px;
    padding: 0 15px;
    background: #f9f9f9;
    border-bottom: 1px solid #e1e1e1;
}

.total-pay-price .tit{
    font-family: "GmarketSansTTFLight";
}

.total-pay-price .price{
    color: #000;
    font-weight: bold;
}

#jp-content-m .total-pay-price-m{
    background: #f9f9f9;
    border-bottom: 1px solid #e1e1e1;
    height: 40px;
    line-height: 40px;
    text-align: right;
    padding: 0 15px;
}

#jp-content-m .total-pay-price-m .tit{
    font-family: "GmarketSansTTFLight";
}

#jp-content-m .payment-agreement-area-pc{
    text-align: center;
    padding: 20px;
    background: #fff;
    border-top: 1px solid #000;
}

#jp-content-m .payment-agreement-area-pc .tit{
    font-size: 13px;
    color: #555555;
    margin-bottom: 15px;
}

#jp-content-m .payment-agreement-area-pc .price{
    font-weight: bold;
    font-size: 19px;
    font-family: 'GmarketSansTTFBold';
    color: #000;
}

#jp-content-m .empty-basket-m{
    text-align: center;
    padding: 100px 0;
    border-top: 1px solid #000;
    color: #888;
    font-size: 13px;
}

.view-history-tail{
    margin-top: 10px;
}

.view-history-tail a{
    display: block;
    text-align: center;
    height: 25px;
    line-height: 25px;
}

.view-history-body{
    text-align: center;
    width: 107px;
}

.view-history-body a{
    display: block;
    margin-bottom: 5px;
}

.recent-view-item-slider .swiper-slide{
    height: 70px;
}

.recent-view-item-slider {
    max-height: 300px;
    position: relative;
    overflow: hidden;
}

.view-history .btn-prev-show,
.view-history .btn-next-show{
    display: inline-block;
    width: 70px;
    text-align: center;
}

.view-history-top, .view-history-down{
    text-align: center;
}

.view-history-top{
    margin-bottom: 10px;
}

.view-history-down{
    /*margin-top: 5px;*/
}

#jp-content-m .review-page-box .service-name{
    margin-top: 15px;
    font-family: "GmarketSansTTFLight";
    font-size: 13px;
}

#jp-content-m .review-page-head{
    position: relative;
}

#jp-content-m .faq-area-m{
    padding-top: 0
}

#jp-content-m .question-section{
    padding-left: 50px;
}

#jp-content-m .answer-section{
    padding-left: 50px;
}

#jp-content-m .answer-section .ico-answer{
    left: 20px;
}

/* mypage in mobile */
#jp-content-m .mypage-area-m,
#jp-content-m .basket-page-m{
    padding: 30px 15px 0;
}

#jp-content-m .mypage-tab-body li a{
    font-size: 14px;
    height: 40px;
    line-height: 40px;
}

#jp-content-m .mypage-area-m .form-register-pc{
    /*padding: 0 15px;*/
}

#jp-content-m .mypage-area-m .register-input-section-pc td input[name="user_id"],
#jp-content-m .mypage-area-m .register-input-section-pc td input[name="password"],
#jp-content-m .mypage-area-m .register-input-section-pc td input[name="password2"],
#jp-content-m .mypage-area-m .register-input-section-pc td input[name="name"],
#jp-content-m .mypage-area-m .register-input-section-pc td input[name="email"],
#jp-content-m .mypage-area-m .register-input-section-pc td input[name="tel"]
{
    width: 100%;
}

#jp-content-m .mypage-area-m .register-input-section-pc td .warning-msg-pc{
    line-height: 24px;
    margin-top: 5px;
    margin-left: 0;
}

#jp-content-m .payment-history-m{
    padding-top: 0;
}

#jp-content-m .mypage-payment-history-head input[type="date"]{
    width: 115px;
    font-size: 11px;
}

#jp-content-m .mypage-payment-history-head button[type="submit"]{
    font-size: 12px;
    width: 60px;
}

#jp-content-m .mypage-payment-history-head select{
    height: 30px;
    line-height: 30px;
    min-width: 120px;
    border: 1px solid #d4d4d4;
    color: #555;
    font-size: 13px;
}

#jp-content-m .mypage-payment-history-head{
    padding: 15px;
    margin: 0 15px 30px;
}

#contents-pc .mypage-payment-history .left{
    width: 150px;
    height: 30px;
    border: 1px solid #e2e2e2;
    color: #555;
    font-size: 14px;
}

/* review form in mobile */
.review-form-wrp-m{
    width: calc(100% - 30px);
    left: 0;
    top: 75px;
    margin: 0 15px;
    position: fixed;
    height: auto;
}

.review-form-wrp-m .review-form-head-pc{
    height: 50px;
    line-height: 50px;
}

.review-form-wrp-m .review-form-head-pc .btn-close{
    top: 15px;
    right: 15px;
}

.review-form-wrp-m .review-item-display{
    padding: 10px 20px 10px 100px;

}

.review-form-wrp-m .review-item-display .review-item-img{
    left: 20px;
    top: 10px;
}

.review-form-wrp-m .review-star-rating{
    padding: 15px 0;
}

.review-form-wrp-m .review-star-rating .star-rating-body{
    padding: 15px 0;
}

.review-form-wrp-m .review-comment-area{
    padding: 15px 15px 10px;
}

.review-form-wrp-m .review-form-foot-pc{
    padding-bottom: 15px;
}

.review-form-wrp-m .review-form-foot-pc button[type="submit"]{
    height: 40px;
    line-height: 40px;
    width: 100px;
}


/* popup start */

/* popup */
#popup-wrapper{
    width: 1100px;
    position: relative;
    margin: 0 auto;
    z-index: 110;
}

.layer-popup{
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: 1px 1px 10px rgba(0,0,0,0.7);
    background: #000;
}

.layer-popup-foot{
    padding: 10px 15px;
    position: relative;
}

.layer-popup-foot .btn-stop-popup{
    float: left;
    color: #efefef;
    font-size: 13px;
}

.layer-popup-foot .btn-close-popup{
    float: right;
    color: #efefef;
    font-size: 13px;
}

.layer-popup-inner{
    position: relative;
}

.pc-pop{
    display: inline-block;
}

.pc-pop .layer-popup{
    width: 500px;
    margin: 0 auto;
}

.pop-btn-close,
.pop-btn-close2{
    position: absolute;
    top: 10px;
    right: 5px;
}

.pop-btn-close img,
.pop-btn-close2 img{
    width: 30px;
}


.m-pop{
    top: 70px;
}

.pc-pop img.banner-body{
    /*width: 500px;*/
}

.m-pop img{
    width: 100%;
}

.m-pop .pop-btn-close,
.m-pop .pop-btn-close2{
    width: 30px;
}

.pc-pop .pop-btn-close,
.pc-pop .pop-btn-close2{
    width: 40px;
}

/* end popup */

#selectable-menu-wrp-m{
    margin-top: 50px;
    border-top: 1px solid #ddd;
    /*border-bottom: 1px solid #ddd;*/
}

.selectable-menu-list-m{
    float: left;
    width: 33.333%;
    box-sizing: border-box;
    border-bottom: 1px solid #ddd;
}

.selectable-menu-list-m:nth-child(3n-1){
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.selectable-menu-list-m a{
    display: block;
    line-height: 35px;
    height: 35px;
    text-align: center;
    font-size: 12px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    box-sizing: border-box;
}

.lnb-menu-section{
    position: absolute;
    top: 26px;
    right: 0;
}

.lnb-menu-section a.btn-login{
    background: #258584;
    color: #fff;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    padding: 0 15px;
    border-radius: 5px;
    display: inline-block;
}

.lnb-menu-section a.btn-register{
    background: #E5E5E5;
    color: #258584;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    padding: 0 15px;
    border-radius: 5px;
    display: inline-block;
}

#popular-item{
    background: #ECEDE4;
    padding: 80px 0;
}

#all-item{
    background: #fff;
    padding: 80px 0;
}

.popular-inner,
.all-item-inner{
    width: 1200px;
    margin: 0 auto;
}



.popular-inner .head,
.all-item-inner .head{
    text-align: center;
    margin-bottom: 40px;
}


.popular-inner .head h3,
.all-item-inner .head h3{
    font-size: 24px;
}

.all-item-inner .sub{
    font-weight: normal;
    color: #818181;
    margin-top: 15px;
    font-family: "paybooc-Light";
    font-size: 16px;
}

.popular-inner .body li,
.all-item-inner .body li{
    width: 265px;
    background: #fff;
    border-radius: 17px;
    overflow: hidden;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.1);
    float: left;
    margin-right: 45px;
    margin-bottom: 45px;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
}

.popular-inner .body li:nth-child(4n),
.all-item-inner .body li:nth-child(4n){
    margin-right: 0;
}


.popular-inner .body li .tit,
.all-item-inner .body li .tit{
    padding: 30px 15px 0;
    color: #1c1c1c;
    font-size: 18px;
    display: block;
    height: 107px;
    box-sizing: border-box;
    text-align: center;
}

#details-pc .breadcrumb{
    background: #f7f7f7;
    height: 70px;
    line-height: 70px;
}

#details-pc .breadcrumb-inner{
    width: 1200px;
    margin: 0 auto;
    color: #363636;
    font-size: 14px;
    font-family: "Pretendard";
}


#details-pc .details-info{
    margin-top: 50px;
}

#details-pc .details-info-inner{
    width: 1200px;
    margin: 0 auto;
    padding-bottom: 100px;
}

#details-pc .details-info-inner .unit-wrp .left{
    width: 510px;
    margin-right: 95px;
    background: #f7f7f7;
    float: left;
    text-align: center;
    box-sizing: border-box;
    padding: 80px 0;
}

#details-pc .details-info-inner .unit-wrp .right{
    width: 595px;
    float: left;
}

#details-pc .details-info-inner .unit-wrp .left .item-unit{
    width: 265px;
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    display: inline-block;
}

#details-pc .details-info-inner .unit-wrp .left .item-unit .tit{
    padding: 30px 15px 0;
    color: #1c1c1c;
    font-size: 18px;
    display: block;
    height: 107px;
    box-sizing: border-box;
    text-align: center;
}

#details-pc .item-tab-pc{
    border-bottom: 1px solid #eeeeee;
}

#details-pc .item-tab-pc li{
    font-size: 16px;
    color: #000;
    padding: 15px 50px 15px;
    border-bottom: 2px solid #000;
    display: inline-block;
}


#details-pc .details-info-inner .unit-wrp .right .title{
    font-weight: bold;
    font-size: 32px;
    font-family: "Pretendard";
}

#details-pc .details-info-inner .unit-wrp .right .desc,
#details-pc .details-info-inner .unit-wrp .right .desc3{
    background: #f7f7f7;
    margin-top: 30px;
    margin-bottom: 20px;
    padding: 25px 0;
}

#details-pc .details-info-inner .unit-wrp .right .desc table,
#details-pc .details-info-inner .unit-wrp .right .desc2 table,
#details-pc .details-info-inner .unit-wrp .right .desc3 table{
    width: 100%;
}

#details-pc .details-info-inner .unit-wrp .right .desc table th,
#details-pc .details-info-inner .unit-wrp .right .desc table td{
    font-size: 16px;
    font-weight: bold;
    font-family: "Pretendard";
}

#details-pc .details-info-inner .unit-wrp .right .desc2 table th,
#details-pc .details-info-inner .unit-wrp .right .desc2 table td,
#details-pc .details-info-inner .unit-wrp .right .desc3 table th,
#details-pc .details-info-inner .unit-wrp .right .desc3 table td{
    font-size: 16px;
    font-weight: normal;
    font-family: "Pretendard";
}

#details-pc .details-info-inner .unit-wrp .right .desc3 .btn{
    color: #258584;
}

#details-pc .details-info-inner .unit-wrp .right .desc2 table{
    border-top: 1px solid #eeeeee;
}

#details-pc .details-info-inner .unit-wrp .right .desc2 table th,
#details-pc .details-info-inner .unit-wrp .right .desc2 table td{
    border-bottom: 1px solid #eeeeee;
    padding: 15px 0;
}

#details-pc .details-info-inner .unit-wrp .right .desc2 table th{
    padding-left: 18px;
    text-align: left;
}

#details-pc .details-info-inner .btn-area{
    margin-top: 30px;
}

#details-pc .details-info-inner .btn-area .btn1{
    width: 286px;
    height: 60px;
    line-height: 60px;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-size: 16px;
    background: #000;
    font-family: "Pretendard";
}

#details-pc .details-info-inner .btn-area .btn2{
    width: 286px;
    height: 60px;
    line-height: 60px;
    display: inline-block;
    text-align: center;
    color: #2C9191;
    font-size: 16px;
    background: #F7F7F7;
    font-family: "Pretendard";
    margin-left: 18px;
}

.register-form-wrp-pc{
    padding: 110px 0 120px;
    width: 755px;
    margin: 0 auto;
}

.register-form-wrp-pc .head{
    font-size: 30px;
    text-align: center;
}

.register-form-wrp-pc .step{
    text-align: center;
    margin: 55px 0 50px;
}

.register-form-wrp-pc .con-con{
    border: 2px solid #dfdfdf;
    padding: 30px;
    font-size: 13px;
    height: 180px;
    box-sizing: border-box;
    overflow-y: scroll;
    font-family: "Pretendard";
    color: #888888;
}


.register-form-wrp-pc .foot {
    text-align: center;
    padding-top: 70px;
    border-top: 2px solid #e1e1e1;
    margin-top: 45px;
}

.register-form-wrp-pc .foot button[type="submit"]{
    width: 145px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    background: #258584;
    color: #fff;
    font-size: 16px;
    border: none;
    margin: 0;
}

.register-form-wrp-pc .con .tit{
    font-weight: bold;
    font-size: 26px;
    font-family: "Pretendard";
}


.register-form-wrp-pc .con .desc{
    font-size: 15px;
    color: #888888;
    margin-top: 10px;
    font-weight: normal;
    font-family: "Pretendard";
}

.register-form-wrp-pc .agree-all{
    margin: 45px 0;
}

.register-form-wrp-pc .agree-all label{
    font-family: "Pretendard";
    font-size: 16px;
    position: relative;
    top: 2px;
    margin-left: 5px;
}


.register-form-wrp-pc .agree-con{
    margin-top: 45px;
}

.register-form-wrp-pc .agree-con .con-tit{
    font-size: 18px;
    color: #333333;
    font-family: "Pretendard";
    margin-bottom: 15px;
}


.register-form-wrp-pc .agree-con .con-foo{
    margin-top: 15px;
}

.register-form-wrp-pc .agree-con .con-foo label{
    color: #333333;
    font-size: 15px;
    font-family: "Pretendard";
    position: relative;
    top: 2px;
    margin-left: 5px;
}

.register-form2-wrp-pc .btn-reg-prev{
    width: 145px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    background: #6b6b6b;
    color: #fff;
    font-size: 16px;
    border: none;
    margin: 0;
    display: inline-block;
}

.register-form3-wrp-pc{

}

.register-form3-wrp-pc .con{
    text-align: center;
}

.register-form3-wrp-pc .con .img{
    margin-top: 80px;
}

.register-form3-wrp-pc .btn-go-login{
    width: 145px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    background: #258584;
    color: #fff;
    font-size: 16px;
    border: none;
    margin: 0;
    display: inline-block;
}


.register-form3-wrp-pc .foot{
    border-top: none;
    margin-top: 0;
}

.inquiry-form-pc{
    width: 890px;
    margin: 0 auto;

    padding: 80px 0 150px;
}

.inquiry-form-pc h2{
    text-align: center;
    font-size: 26px;
}

.inquiry-form-pc .desc{
    text-align: center;
    font-weight: normal;
    font-family: 'paybooc-Light';
    margin-top: 15px;
}

.inquiry-form-pc .body{
    margin-top: 30px;
    padding: 50px;
    background: #f7f7f7;
}

.inquiry-form-pc .body table{
    width: 100%;
}

.inquiry-form-pc .body table th{
    text-align: left;
    font-family: "Pretendard";
    font-size: 16px;
    color: #000;
    padding-bottom: 10px;
}

.inquiry-form-pc .body table th .required{
    color: #ff7010;
}

.inquiry-form-pc .body table td{
    padding-bottom: 25px;
}


.inquiry-form-pc .body table td input[type="text"],
.inquiry-form-pc .body table td input[type="email"],
.inquiry-form-pc .body table td input[type="tel"],
.inquiry-form-pc .body table td select{
    height: 55px;
    line-height: 55px;
    width: 100%;
    box-sizing: border-box;
    padding: 0 15px;
    font-size: 15px;
    border: 1px solid #d7d7d7;
}

.inquiry-form-pc .body table td textarea{
    height: 130px;
    width: 100%;
    box-sizing: border-box;
    padding: 15px;
    font-size: 15px;
    border: 1px solid #d7d7d7;
}

.inquiry-form-pc .foot{
    margin-top: 40px;
    text-align: center;
}

.inquiry-form-pc .body table label[for="agree_all"]{
    font-size: 15px;
    color: #000;
    font-family: "Pretendard";
    font-weight: normal;
    position: relative;
    top: 2px;
}


.inquiry-form-pc .foot button[type="submit"]{
    width: 145px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    background: #258584;
    color: #fff;
    font-size: 16px;
    border: none;
    margin: 0;
    display: inline-block;
}

.inquiry-form-pc .foot button[type="reset"]{
    width: 145px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    background: #e5e5e5;
    color: #258584;
    font-size: 16px;
    border: none;
    margin: 0;
    display: inline-block;
}

.details-contents-pc img{
    max-width: 1200px;
}

#jp-content-m .popular-inner,
#jp-content-m .all-item-inner{
    width: 100%;
}

#jp-content-m .popular-inner .body li,
#jp-content-m .all-item-inner .body li{
    width: 49%;
    margin-right: 0;
    margin-bottom: 15px;
}

#jp-content-m .popular-inner .body li:nth-child(2n-1),
#jp-content-m .all-item-inner .body li:nth-child(2n-1){
    margin-right: 1%;
}

#jp-content-m .popular-inner .body li:nth-child(2n),
#jp-content-m .all-item-inner .body li:nth-child(2n){
    margin-left: 1%;
}

#jp-content-m .popular-inner .body,
#jp-content-m .all-item-inner .body{
    padding: 0 15px;
}

#jp-content-m .popular-inner .body li .tit,
#jp-content-m .all-item-inner .body li .tit{
    font-size: 16px;
    height: 100px;
}

#jp-content-m .popular-inner .sub,
#jp-content-m .all-item-inner .sub{
    font-size: 13px;
}

#jp-content-m #all-item{
    padding: 50px 0;
}

#wing-m-wrp .wing-pc{
    right: 0;
    bottom: 15px;
    top: auto;
    width: 100px;
}

#wing-m-wrp .wing-pc .current-status{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    font-size: 13px;
    padding: 15px 0;
}

#wing-m-wrp .wing-pc .current-status .circle .num{
    font-size: 15px;
}

#wing-m-wrp .wing-pc .current-status .circle{
    width: 70px;
    height: 70px;
    padding-top: 10px;
}

.quick-login-section-m .desc{
    text-align: center;
    color: #555555;
    font-size: 14px;
    margin-top: 15px;
    font-weight: normal;
    font-family: "paybooc-Light";
}

#jp-content-m .login-form-wrapper .btn-area a{
    font-size: 13px;
}

#jp-content-m .register-form-wrp-pc{
    width: 100%;
    padding: 50px 15px 80px;
    box-sizing: border-box;
}

#jp-content-m .register-form-wrp-pc .agree-all{
    margin: 20px 0;
}

#jp-content-m .register-form-wrp-pc .agree-con{
    margin-top: 20px;
}

#jp-content-m .register-form-wrp-pc .con-con{
    padding: 15px;
    height: 120px;
}

#jp-content-m .register-form-wrp-pc .foot{
    margin-top: 20px;
    padding-top: 30px;
    border: none;
}

#jp-content-m .register-form-wrp-pc .foot button[type="submit"]{
    width: 100px;
    height: 40px;
    line-height: 40px;
    font-size: 15px;
}

#jp-content-m .register-form-wrp-pc .con .tit{
    font-size: 20px;
}

#jp-content-m .register-form-wrp-pc .con .desc{
    font-size: 14px;
}

#jp-content-m .register-form-wrp-pc .agree-con .con-tit{
    font-size: 16px;
}

#jp-content-m .register-form-wrp-pc .agree-all label{
    font-size: 15px;
}

#jp-content-m .register-input-section-pc td{
    padding-left: 0;
    padding-right: 0;
}

#jp-content-m .js-btn-duplicate, .js-btn-duplicate{
    width: 80px;
}

#jp-content-m .register-input-section-pc td .warning-msg-pc{
    margin-left: 0;
    margin-top: 5px;
    line-height: 24px;
}

#jp-content-m .register-input-section-pc td{
    border-bottom: none;
}

#jp-content-m .register-input-section-pc{
    border-bottom: none;
}

#jp-content-m .register-form2-wrp-pc .btn-reg-prev{
    width: 100px;
    height: 40px;
    line-height: 40px;
    font-size: 15px;
}

#jp-content-m .register-form3-wrp-pc .con .img{
    margin-top: 40px;
}

#jp-content-m .register-form3-wrp-pc .btn-go-login{
    width: 100px;
    height: 40px;
    line-height: 40px;
    font-size: 15px;
}

#jp-content-m .register-form-wrp-pc .head{
    font-size: 20px;
}

.nav-m-wrp-in-menu .nav-m-menu-list-sub{
    padding-left: 15px;
    background: #f9f9f9;
}

#jp-content-m #details-pc .breadcrumb-inner{
    width: 100%;
    box-sizing: border-box;
    padding: 0 15px;
}

#jp-content-m #details-pc .details-info-inner{
    width: 100%;
    box-sizing: border-box;
    padding: 0 0;
}

#jp-content-m #details-pc .details-info-inner .unit-wrp .left{
    width: 100%;
}

#jp-content-m #details-pc .details-info{
    margin-top: 0;
}

#jp-content-m #details-pc .details-info-inner .unit-wrp .right{
    width: 100%;
    box-sizing: border-box;
    padding: 30px 15px 0;
}

#jp-content-m #details-pc .details-info-inner .unit-wrp .right .title{
    font-size: 22px;
}

#jp-content-m #details-pc .details-info-inner .btn-area .btn1{
    width: 100%;
    font-size: 15px;
}

#jp-content-m #details-pc .details-info-inner .btn-area .btn2{
    width: 100%;
    margin-left: 0;
    font-size: 15px;
    margin-top: 5px;
}

.details-contents-pc img{
    max-width: 1200px;
}

#jp-content-m .details-contents-pc img{
    max-width: 100%;
}