@charset "UTF-8";

/* 헤더 */
.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;
    font-size: 14px;
    color: #444;
}

.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: 13px;
    color: #736e6f;
}

.as-notice-table-details .as-notice-next,
.as-notice-move-area .as-notice-next{
    float: right;
    font-size: 13px;
    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;
    position: relative;
}

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

.as-notice-bottom-btn-area a{
    background: #000;
    text-align: center;
    font-size: 12px;
    color: #fff;
    width: 100px;
    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 #77819b;*/
    position: relative;
}

.vt-header-nav-inner{
    /*margin: 0 auto;*/
    /*width: 1100px;*/
    /*height: 80px;*/
    /*height: 115px;*/
    position: relative;
}

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

.top-ban-login-pc{
    background: url('./img/banner/img-top-ban-login-pc.jpg') no-repeat center 0;
    background-size: cover;
    height: 245px;
}

.top-ban-register-pc{
    background: url('./img/banner/img-top-ban-register-pc.jpg') no-repeat center 0;
    background-size: cover;
    height: 245px;
}

.top-ban-center-pc{
    background: url('./img/center/img-top-ban-center-pc.jpg') no-repeat center 0;
    background-size: cover;
    height: 245px;
}

.top-ban-stock-pc{
    background: url('./img/stock/img-top-ban-stock-pc.jpg') no-repeat center 0;
    background-size: cover;
    height: 245px;
}

.top-ban-stock2-pc{
    background: url('./img/stock/img-top-ban-stock2-pc.jpg') no-repeat center 0;
    background-size: cover;
    height: 245px;
}

.top-ban-hts-pc{
    background: url('./img/stock/img-top-ban-hts-pc.jpg') no-repeat center 0;
    background-size: cover;
    height: 245px;
}

.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: 27px;
    left: 20px;
    display: inline-block;
}

.vt-footer{
    background: #fff;
    /*border-top: 1px solid #eee;*/
    /*padding-bottom: 150px;*/
}

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

.vt-footer-wrap-m{
    display: none;
    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: #fb1a54;
}

.vt-logo-ft{
    /*position: absolute;*/
    /*top: 50px;*/
    /*left: 0;*/
}

.vt-footer-address-info{
    font-size: 13px;
    color: #bcbcbc;
    line-height: 22px;
    /*width: 1300px;*/
    /*padding-top: 35px;*/
    /*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: 50px;
    /*padding-bottom: 25px;*/
    /*font-size: 20px;*/
}

.vt-content-header-title{
    /*text-align: left;*/
    /*color: #242424;*/
    /*font-weight: normal;*/
    /*font-size: 24px;*/
    /*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: #fff;
    background: #1d9ad6;
}

.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: 15px;
    /*background: #f5f5f5;*/
    color: #000;
}

/* 수익율 인증 */
.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 #f1f4f8;
    font-size: 15px;
}

.vt-notice-table td:nth-child(1){
    /*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: transparent;
    opacity: 1;
    border: 1px solid #b6b6b6;
}

.vt-swiper-container-home-banner .swiper-pagination-bullet-active,
.vt-swiper-container-home-banner-m .swiper-pagination-bullet-active{
    background: #6b006c;
    width: 30px;
    height: 10px;
    border-radius: 10px;
    opacity: 1;
    border: none;
}

.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;*/
}

label[for="agree-mail-msg"],
label[for="agree-phone-msg"]{
    font-size: 13px;
    color: #626262;
}

.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: 100;
    /*border-bottom: 1px solid #bfbfbf;*/
    /*box-shadow: 1px 1px 5px rgba(0,0,0,0.2);*/
}

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

.vt-btn-nav{
    /*position: absolute;*/
    /*top: 5px;*/
    /*left: 15px;*/
    /*line-height: normal;*/
}

.vt-btn-phone-m{
    position: absolute;
    top: 5px;
    right: 15px;
    line-height: normal;
}

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

.vt-footer-m{
    background: #fff;
    /*border-top: 1px solid #eeeeee;*/
    /*margin-top: 50px;*/
    padding-bottom: 150px;
}

.vt-footer-m-inner{
    padding: 30px 0 40px;
}

.vt-footer-m .vt-footer-m-inner{
    padding: 30px 15px 30px;
}

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

.vt-header-m .vt-logo-m a{
    left: -10px;
    top: -4px;
    position: relative;
}

.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: center;
}

.vt-nav-m{
    position: fixed;
    top: 0;
    left: -100%;
    width: calc(100% - 100px);
    height: 100vh;
    z-index: 999999;
    background: #fff;
    /*background-size: contain;*/
    /*display: none;*/
    box-shadow: 1px 1px 5px rgba(0,0,0,0.4);
    transition: 0.5s;
}

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

.vt-nav-m-logo{
    padding-left: 15px;
    /*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;*/
    /*left: 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;*/
    padding: 15px 0;
}

.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{
    width: 100%;
    height: 43px !important;
    overflow: hidden;
    margin-top: -21px !important;
    z-index: 100;
    position: relative;
    top: 0 !important;
}

.vt-free-request-stream-m .vt-free-request-title{
    background: #ab882d;
    height: 43px;
    width: 100px;
    /*line-height: 16px;*/
    font-size: 16px;
    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 #837f7f;
}

.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;
    /*border-bottom: 5px solid #eee;*/
}

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

.page-m-header h2{
    margin-bottom: 5px;
    color: #595656;
    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: 10px;*/
    border: 1px solid #e2e2e2;
    height: 50px;
    line-height: 50px;
    width: 100%;
    box-sizing: border-box;
    padding: 0 20px;
    color: #666;
    font-size: 16px;
}

.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;
    font-weight: 500;
    /*font-family: "Nanum Myeongjo", serif;*/
}

.page-sub-section-m{
    text-align: center;
    font-size: 14px;
    margin-top: 30px;
    margin-bottom: 20px;
    font-family: "Nanum Myeongjo", serif;
    color: #333;
    font-weight: bold;
}

.msg-m-reg-email{
    color: #777;
    font-size: 12px;
    padding: 5px 0 5px 5px;
}

.privacy-box-m{
    height: 140px;
    overflow-y: auto;
    border: 1px solid #e2e2e2;
    /*border-top: 1px solid #000;*/
    padding: 15px 10px;
    line-height: normal;
    /*background: #f9f9f9;*/
    color: #444;
    border-radius: 10px;

}

.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: #7d8893;
    width: 80px;
    text-align: center;
    height: 35px;
    line-height: 35px;
    color: #fff;
    font-size: 12px;
    border-radius: 0;
}

.js-btn-phone-auth,
.js-btn-phone-auth:hover,
.js-btn-phone-auth:active,
.js-btn-phone-auth:visited,
.js-btn-phone-auth:focus{
    position: absolute;
    top: 10px;
    right: 10px;
    background: #7d8893;
    width: 80px;
    text-align: center;
    height: 35px;
    line-height: 35px;
    color: #fff;
    font-size: 12px;
    border-radius: 0;
}


.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: 10px;*/
    /*color: #c31b1a;*/
    /*text-align: center;*/
    /*width: 35px;*/
    /*height: 17px;*/
    /*line-height: 17px;*/
    /*position: relative;*/
    /*top: -2px;*/
    /*border-radius: 10px;*/

    margin-left: 5px;
    position: relative;
    top: -2px;
    -webkit-animation: blink 2s linear infinite;
    -moz-animation: blink 2s linear infinite;
    animation: blink 2s linear infinite;
    color: #fff;
    background: #ff4248;
    font-size: 10px;
    display: inline-block;
    padding: 3px 5px;
}

.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;
    border-bottom: 2px solid #626262;
    padding: 20px;
}

.jp-board-info-title-sub{
    font-size: 13px;
    color: #666;
    padding: 20px;
}

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

.jp-board-info-title-sub .right{
    float: right;
}


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

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

.editHtmlArea img{
    /*max-width: 842px;*/
    /*max-width: 1100px;*/
    /*max-width: 1200px;*/
    max-width: 100%;
}

.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;
}

#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;
}





@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;
    position: relative;
}

.nav-m-wrp-in-menu{
    /*border-top: 10px solid #ededed;*/
    margin: 0 20px;
    border-top: 2px solid #000;

    /* 화면에 따라서 높이값을 계산되어야 함. */
    height: calc(100vh - 275px);
    overflow-y: auto;

    -webkit-overflow-scrolling: touch;
}

.nav-m-wrp-in-menu::-webkit-scrollbar {
    -webkit-appearance: none;
}

.nav-m-menu-sub-link,
.nav-m-menu-sub-link:hover,
.nav-m-menu-sub-link:active,
.nav-m-menu-sub-link:visited{
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    box-sizing: border-box;
    border: 1px solid #fff;
    padding: 0 20px;
    font-size: 13px;
    /*background: #f7f7f7;*/
    position: relative;
    color: #404040;
}

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

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

.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: 10px;
    margin-top: -5px;
    width: 7px;
}

.jp-ico-menu-plus{
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -5px;
    width: 12px;
}

.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: 1200px;
    margin: 0 auto;
    position: relative;
    height: 107px;
    z-index: 100;
    background: #fff;
}

.jp-logo{
    text-align: left;
    position: relative;
    top: 24px;
    z-index: 100;
}

.jp-navigation{
    z-index: 1000;
    position: relative;
    background: #6e016e;
}

.jp-navigation-inner{
    height: 45px;
    width: 1200px;
    margin: 0 auto;
    position: relative;
    box-sizing: border-box;
    text-align: center;
    z-index: 100;

}

.ico-phone-pc{
    position: absolute;
    top: 30px;
    right: 0;
}

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

.jp-navigation-body .jp-navigation-list{
    float: left;
    text-align: center;
    /*margin: 0 10px;*/
    position: relative;
}

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

.jp-navigation-body .jp-navigation-link{
    font-size: 15px;
    color: #fff;
    display: inline-block;
    /*font-weight: 500;*/
    height: 45px;
    line-height: 43px;
    /*padding: 0 45px;*/
    padding: 0 43px;
    /*border-bottom: 2px solid #fff;*/
    box-sizing: border-box;
    font-family: "Noto Sans KR";
    transition: 0.3s;
}

.jp-navigation-body .jp-navigation-link:hover{
    background: #ae3bae;
}

.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{
    margin: 0 auto;
    position: relative;
    text-align: center;
}

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

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

.banner-pc-nav-list{
    float: left;
    width: 25%;
    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;
    background: rgba(110, 1, 110, 0.1);
}

.banner-pc-nav-link-active,
.banner-pc-nav-link-active:hover{
    color: #fff !important;
    /*text-decoration: underline !important;*/
    background: rgba(110, 1, 110, 0.8);
    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 15px;
    border-bottom: 1px solid #e2e2e2;
    font-size: 14px;
    color: #242424;
    cursor: pointer;
}

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


.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: #fff;*/
    padding: 120px 0 150px;
}


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

.register-form-body-wrp{
    /*background: #fff;*/
    padding: 70px;
    /*border-top: 3px solid #9a359a;*/
}

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

.register-form-desc{
    text-align: center;
    font-size: 16px;
    color: #444;
    padding: 70px 0 30px;
    line-height: 24px;
}


.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: 10px;*/
    border: 1px solid #e2e2e2;
    height: 60px;
    line-height: 60px;
    width: 100%;
    box-sizing: border-box;
    padding: 0 20px;
    color: #444;
    font-size: 16px;
}

.btn-register-pc{
    display: inline-block;
    width: 100%;
    text-align: center;
    height: 55px;
    line-height: 55px;
    color: #fff !important;
    font-size: 15px;
    background: #000;
    border: none;
    /*font-weight: bold;*/
    box-sizing: border-box;
}

.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: 40px;
    left: 30px;
    font-size: 13px;
    font-weight: 500;
    display: inline-block;
}

.jp-header-inner .btn-reg-pc-top{
    position: absolute;
    top: 40px;
    left: 100px;
    font-size: 13px;
    font-weight: 500;
    display: inline-block;
}

.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: #333333;
    border: none;
    /*border-radius: 5px;*/
}

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

.display-find-id-btn-area{
    margin-top: 40px;
    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: #333;
    display: inline-block;
    border-radius: 0;
}

.btn-find-pw-after-find-id{
    width: 440px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #444;
    font-weight: 500;
    font-size: 15px;
    background: #fff;
    display: inline-block;
    box-sizing: border-box;
    border: 1px solid #d6d3d3;
    /*border-radius: 5px;*/
}

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

.jp-navigation-list .jp-navigation-link-active{
    /*color: #f86969 !important;*/
    /*border-color: #f86969;*/
    background: #ae3bae;
}

.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: 0px;
    padding-bottom: 0px;
}

#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: 45px;
    line-height: 45px;
}

#jp-content-m .btn-find-pw-after-find-id{
    width: 100%;
    height: 45px;
    line-height: 45px;

}

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

#jp-content-m .register-form-desc{
    font-size: 13px;
    padding-bottom: 0;
}

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

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

/* 고객인터뷰 모바일 */
.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: 5px;
    right: 5px;
    /*margin-top: -237px;*/
    z-index: 1000;
    text-align: center;
    width: 100px;
}

.wing-mid-wrp{
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #d8c6d8;
}

.wing-pc-wrp a{
    display: block;
}

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

.wing-right-pc-wrp a{
    display: block;
}

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

.jp-board-btn-group-left{
    float: left;
    display: inline-block;
}

.jp-board-btn-group-left .form-review-delete-pc{
    display: inline-block;
}

.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 */
#popup-wrapper{
    width: 1200px;
    /*position: relative;*/
    margin: auto;
}

.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;
}

.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: #fb1a54;
    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: #f39900;
}

.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: #fb1a54;
    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: #fb1a54;
    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-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: #fb1a54;
}

.breadcrumb-pc-inner{
    height: 40px;
    line-height: 40px;
    color: #fff;
}

.current-main-nav{
    border: 1px solid #fb1a54;
    border-radius: 5px;
    color: #fb1a54;
    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: #fb1a54;
}

.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 #fb1a54;
    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 #fb1a54;
    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: #595656;
    font-size: 15px;
    text-align: center;
    padding: 18px 0;
}

.media-table-wrapper .media-table td{
    border-top: 1px solid #e2e2e2;
    font-size: 15px;
    padding: 18px 0;
    color: #606060;
}

.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: #fb1a54;
}


.jp-board-info-foot .jp-notice-prev{
    /*float: left;*/
    font-size: 14px;
}

.jp-board-info-foot .jp-notice-next{
    /*float: right;*/
    font-size: 14px;
}

.jp-board-info-foot .jp-notice-prev:hover,
.jp-board-info-foot .jp-notice-next:hover{
    /*color: #fb1a54;*/
}

.jp-board-info-bottom{
    text-align: right;
    padding-top: 40px;
    margin-bottom: 50px;
    border-top: 1px solid #ddd;
}

.jp-board-info-bottom .btn-go-list{
    width: 120px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background: #606060;
    display: inline-block;
    font-size: 14px;
}

.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: #fb1a54;
    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;*/
    top: 45px;
    left: 0;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    /*padding: 15px 0 20px;*/
    transition: 0.5s;
    z-index: 50;
    /*opacity: 0;*/
    opacity: 1;
}

.hidden-slide-nav-inner{
    width: 1200px;
    margin: 0 auto;
    box-sizing: border-box;
    padding-left: 13px;
    position: relative;
}

.hidden-slide-nav .nav-desc-unit{
    float: left;
    text-align: center;
    height: 333px;
    box-sizing: border-box;
    padding-top: 30px;
    padding-bottom: 30px;
}

.hidden-slide-nav .nav-desc-unit:nth-child(1){
    width: 137px;
}

.hidden-slide-nav .nav-desc-unit:nth-child(2){
    width: 145px;
    margin-left: 59px;
}

.hidden-slide-nav .nav-desc-unit:nth-child(3){
    width: 180px;
    margin-left: 79px;
}

.hidden-slide-nav .nav-desc-unit:nth-child(4){
    width: 85px;
    margin-left: 55px;
}

.hidden-slide-nav .nav-desc-unit:nth-child(5){
    width: 150px;
    margin-left: 20px;
}

.hidden-slide-nav .nav-desc-unit:nth-child(6){
    width: 150px;
}

.hidden-slide-nav .nav-desc-unit:nth-child(7){
    margin-left: 57px;
}


.hidden-slide-nav .nav-desc-unit li{
    margin-bottom: 15px;
}

.hidden-slide-nav .nav-desc-unit li a{
    color: #2e2929;
    font-size: 14px;
    transition: 0.3s;
}

.hidden-slide-nav .nav-desc-unit li a:hover{
    color: #ae3bae;
}

.quick-login-section{
    width: 700px;
    height: 640px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -350px;
    margin-top: -320px;
    z-index: 1000;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
    background: #f7f7f7;
    display: none;
}

.quick-login-section-inner{
    padding: 80px;
}

.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: #c4c3c3;
    font-size: 12px;
    position: relative;
    top: -2px;
    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: center;
    padding: 35px 0 40px;
    color: #595656;
    font-size: 15px;
    line-height: 26px;
}

.login-form-wrapper{
    width: 448px;
    margin: 0 auto;
}

.login-form-wrapper input[name="user_id"]{
    height: 50px;
    line-height: 50px;
    border: 1px solid #e5e5e5;
    padding: 0 20px;
    font-size: 16px;
    color: #606060;
    width: 100%;
    display: block;
    box-sizing: border-box;
    transition: 0.5s;
    /*border-radius: 10px;*/
}

.login-form-wrapper input[name="password"]{
    height: 50px;
    line-height: 50px;
    border: 1px solid #e5e5e5;
    padding: 0 20px;
    font-size: 16px;
    color: #606060;
    width: 100%;
    display: block;
    box-sizing: border-box;
    /*background: #f5f5f5;*/
    transition: 0.5s;
    /*border-radius: 10px;*/
}

.login-form-wrapper input[name="user_id"]:focus,
.login-form-wrapper input[name="password"]:focus{
    /*background: #fff;*/
}

.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: 17px;
    background: #000;
    border: none;
    /*border-radius: 10px;*/
    /*font-weight: bold;*/
    /*font-family: 'Noto Sans KR', sans-serif;*/
}

#vt-content-m .login-form-wrapper .btn-login{
    font-size: 15px;
}


.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: #fb1a54;
    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 #fb1a54;
    color: #fb1a54;
    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: #fb1a54;
    font-size: 26px;
    font-weight: bold;
}

.init-paid-date{
    text-align: center;
    padding: 25px;
    color: #fb1a54;
    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: #fb1a54;
}

.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: 70px 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: #fb1a54;
    border-radius: 10px;
    text-align: center;
    display: inline-block;
    border: none;
}

.customer-info-form-bottom{
    text-align: center;
    padding-top: 50px;
}

.customer-info-form-table{
    width: 100%;
}

.customer-info-form-table td{
    padding: 5px;
}

.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: #fb1a54;
}

.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;
}

.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: #fb1a54;
    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: #fb1a54;
}

#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: #fb1a54 !important;*/
    background: #2c25a3 !important;
    padding: 20px 15px 10px !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: #fb1a54;
}

.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: 17px;
}

#jp-content-m .jp-board-info-foot .jp-notice-prev{
    float: left;
    color: #3b3838;
    font-size: 15px;
}

#jp-content-m .jp-board-info-foot .jp-notice-next{
    float: right;
    color: #3b3838;
    font-size: 15px;
}

.jp-board-detail-bottom-m{
    text-align: center;
    padding-top: 30px;
}

#jp-content-m .btn-m-list{
    width: 120px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border: 1px solid #fb1a54;
    color: #fb1a54;
    font-size: 15px;
    display: inline-block;
}

#jp-content-m .service-purchase-body{
    padding: 0 20px;
}

#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;*/
    min-height: 320px !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: 10px 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{
    display: none;
    width: 100%;
    height: auto;
    top: 71px;
    left: 0;
    margin: 0;
}

.quick-login-section-m .quick-login-section-inner{
    padding: 30px 20px;
}

.quick-login-section-m .login-form-wrapper{
    width: 100%;
}

.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%;*/
    width: 120px;
    height: 55px;
    line-height: 55px;
    display: inline-block;
    background: #000;
    color: #fff;
    font-weight: 500;
    font-size: 15px;
    border-radius: 10px;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

#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: #fff;
    font-size: 12px;
    background: #fb1a54;
    display: inline-block;
}

#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: #333;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    /*border-radius: 10px;*/
}

.find-pw-result-m{
    /*padding-bottom: 100px;*/
}

.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;
}

.btn-quick-call-pc,
.btn-quick-call-pc:hover,
.btn-quick-call-pc:focus,
.btn-quick-call-pc:active,
.btn-quick-call-pc:visited{
    width: 390px;
    height: 70px;
    line-height: 70px;
    border-radius: 70px;
    background: #ea5304;
    text-align: center;
    color: #fff;
    font-size: 18px;
    display: inline-block;
}


.btn-quick-call-pc img{
    position: relative;
    top: -2px;
}

.btn-request-katalk-pc,
.btn-request-katalk-pc:hover,
.btn-request-katalk-pc:focus,
.btn-request-katalk-pc:active,
.btn-request-katalk-pc:visited{
    width: 390px;
    height: 70px;
    line-height: 70px;
    border-radius: 70px;
    background: #3d3137;
    text-align: center;
    color: #ffe600;
    font-size: 18px;
    display: inline-block;

}

.btn-request-katalk-pc img{
    position: relative;
    top: -2px;
}

.request-btn-area-m a.btn-quick-call-pc{
    float: none;
    width: 100%;
    height: 55px;
    line-height: 55px;
}

.request-btn-area-m a.btn-request-katalk-pc{
    float: none;
    width: 100%;
    height: 55px;
    line-height: 55px;
}

.request-form-m-head{
    text-align: center;
    font-size: 24px;
    color: #fff;
    padding: 20px 0;
    font-weight: 700;
}

.ft-logo-group{
    text-align: center;
    margin-top: 30px;
}

.ft-logo-group a{
    margin: 0 10px;
}

.fixed-bottom-form-pc{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #000;
    z-index: 100;
    transition: 0.3s;
}

.fixed-bottom-form-pc .select-field{
    display: inline-block;
    font-size: 15px;
    height: 46px;
    line-height: 46px;
    width: 200px;
    text-align: center;
    color: #606060;
    box-sizing: border-box;
}

.fixed-bottom-form-pc .field-form-name{
    height: 45px;
    line-height: 45px;
    color: #606060;
    font-size: 15px;
    box-sizing: border-box;
    padding: 0 20px;
    width: 180px;
    border: none;
}

.fixed-bottom-form-pc .field-form-tel{
    height: 45px;
    line-height: 45px;
    color: #606060;
    font-size: 15px;
    box-sizing: border-box;
    padding: 0 20px;
    width: 200px;
    margin: 0 10px;
    border: none;
}

.fixed-bottom-form-pc .fixed-form-left{
    position: absolute;
    bottom: -20px;
    left: 20px;
}

/* basic settings  */
.page-content-head-pc{
    height: 244px;
}

.page-content-head-pc2{
    height: 180px;
}

.page-content-head-pc3{
    border-bottom: 1px solid #e5e5e5;
    text-align: center;
    padding: 90px 0 60px;
}

.shortcut-service-info-pc{
    width: 1200px;
    margin: 0 auto;
    padding: 80px 0;
}

.shortcut-service-info-pc .shortcut-service-01{
    float: left;
    width: 335px;
    box-sizing: border-box;
    padding-right: 69px;
}

.shortcut-service-info-pc .shortcut-service-01 .tit{
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 22px;
}

.shortcut-service-info-pc .shortcut-service-01 .upper-layer .info-body{
    padding-left: 6px;
    padding-bottom: 20px;
    border-bottom: 1px solid #efefef;
}

.shortcut-service-info-pc .shortcut-service-01 .downer-layer{
    padding-top: 23px;
}

.shortcut-service-info-pc .shortcut-service-01 .downer-layer .info-head{
    float: left;
    width: 100px;
    position: relative;
    top: -5px;
    font-size: 18px;
    font-weight: 500;
}

.shortcut-service-info-pc .shortcut-service-01 .downer-layer .info-body{
    float: left;
}

.shortcut-service-info-pc .shortcut-service-02{
    float: left;
    width: 263px;
    box-sizing: border-box;
    padding-left: 50px;
    padding-right: 45px;
}

.shortcut-service-info-pc .shortcut-service-02 .service-info-link-body{
    margin-top: 27px;
}

.shortcut-service-info-pc .shortcut-service-02 .service-info-link-body .service-info-list{
    margin-bottom: 7px;
}

.shortcut-service-info-pc .shortcut-service-02 .service-info-link-body .service-info-list a{
    font-size: 14px;
    color: #666666;
    transition: 0.3s;
}

.shortcut-service-info-pc .shortcut-service-02 .service-info-link-body .service-info-list a:hover{
    color: #fb1a54;
}

.shortcut-service-info-pc .shortcut-service-03{
    float: left;
    width: 423px;
}

.shortcut-service-info-pc .shortcut-service-03 .ico-links-ft-body{
    border: 1px solid #d2d2d2;
    margin-bottom: 35px;
}

.shortcut-service-info-pc .shortcut-service-03 .ico-links-ft-list{
    float: left;
    width: 25%;
    text-align: center;
    padding: 25px 0;
}

.ft-loc-section{
    float: left;
    width: 279px;
}

.ft-loc-section .wrap_controllers{
    display: none;
}

.page-content-body-pc .wrap_controllers{
    display: none;
}

.form-reserve-pc{
    width: 1200px;
    margin: 0 auto;
    border: 1px solid #f00;
    height: 293px;
    position: relative;
    top: 166px;
    box-sizing: border-box;
    padding: 70px 50px;
}

.form-table-reserve-pc{
    width: 100%;
}

.form-table-reserve-pc .field-form-name,
.form-table-reserve-pc .field-form-tel{
    width: 440px;
    height: 54px;
    line-height: 54px;
    padding: 0 15px;
    box-sizing: border-box;
    font-size: 15px;
    color: #444;
    border: 1px solid #d2d2d2;
}

.form-table-reserve-pc .field-form-comment{
    width: 909px;
    height: 54px;
    line-height: 54px;
    padding: 0 15px;
    box-sizing: border-box;
    font-size: 15px;
    color: #444;
    border: 1px solid #d2d2d2;
}

.form-reserve-pc label[for="vt-check-agreement-3"],
.form-reserve-pc label[for="vt-check-agreement-4"]{
    color: #060606;
}

.page-submenu-wrp{
    background: #f7f7f7;
    text-align: center;
}

.page-submenu-wrp .page-submenu-body{
    display: inline-block;
}

.page-submenu-wrp .page-submenu-body .page-submenu-list{
    float: left;
    margin: 0 20px;
}

.page-submenu-wrp .page-submenu-body .page-submenu-link{
    height: 64px;
    line-height: 72px;
    border-bottom: 3px solid #f7f7f7;
    padding: 0 10px;
    display: inline-block;
    font-size: 14px;
    color: #242424;
    position: relative;
    top: 3px;
}

.page-submenu-wrp .page-submenu-body .page-submenu-link-active,
.page-submenu-wrp .page-submenu-body .page-submenu-link:hover{
    border-bottom: 3px solid #e73d40;
    color: #e73d40;
}

.video-holder-pc{
    width: 955px;
    margin: 0 auto;
}

.main-item-type{
    background: #f7f7f7;
    padding: 88px 0 77px;
}

.main-item-type-inner{
    width: 1200px;
    margin: 0 auto;
}

.main-item-type-head{
    text-align: center;
    margin-bottom: 46px;
}

.main-item-type .item-type-list{
    float: left;
    margin-bottom: 37px;
}

.main-item-type .item-type-list:nth-child(3n-2){
    margin-right: 30px;
}

.main-item-type .item-type-list:nth-child(3n-1){
    margin-right: 30px;
}

.main-youtube-section{
    padding: 80px 0;
}

.main-youtube-section-inner{
    width: 1200px;
    margin: 0 auto;
}

.main-youtube-section-head{
    padding-bottom: 32px;
}

.main-youtube-video-player-wrp{
    padding: 33px 20px 30px 20px;
    float: left;
    width: 834px;
    box-sizing: border-box;
}

.main-youtube-section-body{
    border: 1px solid #d2d2d2;
    box-sizing: border-box;
}

.main-youtube-video-lists-body{
    float: left;
    width: 464px;
    padding: 12px 0 7px 0;
    border-left: 1px solid #d2d2d2;
    /*border-top: 1px solid #d2d2d2;*/
    /*border-right: 1px solid #d2d2d2;*/
    /*border-bottom: 1px solid #d2d2d2;*/
    box-sizing: border-box;
}

.main-youtube-video-link{
    display: block;
    position: relative;
    min-height: 132px;
    padding-left: 260px;
    padding-right: 10px;
}

.youtube-thumbnail{

}

.main-youtube-video-list{
    padding: 20px 0;
    border-bottom: 1px solid #d2d2d2;
}

.main-youtube-video-list:last-child{
    border-bottom: none;
}

.main-youtube-video-list .youtube-title{
    display: block;
    font-size: 14px;
    padding-top: 15px;
}

.main-youtube-video-list .youtube-desc{
    font-size: 13px;
    color: #777777;
    padding-top: 10px;
}

.youtube-img-wrp{
    position: absolute;
    top: 0;
    left: 20px;
    border: 3px solid #fff;
    width: 223px;
    height: 125px;
    overflow: hidden;
}

.video-active .youtube-img-wrp{
    border: 3px solid #f5335f;
}

.youtube-img-cover{
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0,0,0,0.5);
    top: 0;
    left: 0;
}

.video-active .youtube-img-cover{
    display: none;
}

.main-biz-summary{
    background: url('./img/bg/bg-main-summary-info-pc.jpg?v=2') no-repeat center 0;
    height: 308px;
}

.main-biz-summary-inner{
    width: 1200px;
    margin: 0 auto;
    position: relative;
    height: 100%;
}

.emphasis-pink{
    color: #f5335f;
}

.main-biz-summary-inner .summary-01{
    font-size: 45px;
    position: absolute;
    top: 179px;
    left: 181px;
}

.main-biz-summary-inner .summary-02{
    font-size: 45px;
    position: absolute;
    top: 179px;
    left: 589px;
}

.main-biz-summary-inner .summary-03{
    font-size: 45px;
    position: absolute;
    top: 179px;
    left: 1000px;
}


.main-biz-summary-inner .summary-01 small,
.main-biz-summary-inner .summary-02 small,
.main-biz-summary-inner .summary-03 small{
    font-size: 30px;
    margin-left: 5px;
}

.main-counsel-section{
    padding: 80px 0;
    box-sizing: border-box;
    height: 660px;
    background: url('./img/main/bg-main-counsel-pc.jpg') no-repeat center 0;
}

.main-counsel-section-inner{
    width: 1040px;
    margin: 0 auto;
}

.main-counsel-section-head{
    text-align: center;
}

.main-counsel-section-foot{
    text-align: center;
}

.main-counsel-section-body{
    margin: 40px 0 25px;
    height: 320px;
    border-top: 1px solid #7a7a7a;
    border-bottom: 1px solid #7a7a7a;
    overflow: hidden;
}

.main-counsel-list{
    height: 64px;
    line-height: 64px;
    text-align: center;
    border-bottom: 1px solid #dcdcdc;
    padding: 0 70px;
}

.main-counsel-list span{
    font-size: 14px;
    color: #2f2f2f;
}

.main-counsel-list .main-counsel-phone{
    float: left;
    margin-left: 100px;
}

.main-counsel-list .main-counsel-name{
    float: left;
    width: 100px;
    text-align: center;
}

.main-counsel-list .main-counsel-date{
    float: right;
    margin-right: 100px;
}

.main-counsel-list .main-counsel-status{
    float: right;
    color: #f7325c;
}

.main-event-section{
    padding: 80px 0 70px;
}

.main-event-section-inner{
    width: 1120px;
    margin: 0 auto;
}

.main-event-section-head{
    text-align: center;
    padding-bottom: 30px;
}

.main-event-section .swiper-slide{
    text-align: center;
}

.main-event-section-body{
    position: relative;
}

.main-event-section-body .swiper-evt-prev{
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -30px;
    cursor: pointer;
}

.main-event-section-body .swiper-evt-next{
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -30px;
    cursor: pointer;
}

.main-community-section{
    background: #f7f7f7;
    padding: 80px 0;
}

.main-community-section-inner{
    width: 1200px;
    margin: 0 auto;
}

.main-community-box{
    background: #fff;
    float: left;
    width: 420px;
}

.main-community-box:nth-child(2){
    margin: 0 20px;
}

.main-community-box-head{
    text-align: center;
    border-bottom: 1px solid #d2d2d2;
    padding: 38px 0 33px;
}

.main-community-box-table{
    width: 100%;
}

.main-community-box-body{
    padding: 20px 0 0;
}

.main-community-box-table td:nth-child(3){
    text-align: center;
    vertical-align: middle;
}

.main-community-box-table td:nth-child(1),
.main-community-box-table td:nth-child(2),
.main-community-box-table td:nth-child(3){
    padding: 15px 0;
}

.main-community-box-table td:nth-child(1){
    text-align: center;
    vertical-align: middle;
}

.main-community-box-table td:nth-child(1) .day{
    display: block;
    text-align: center;
    font-size: 17px;
    color: #e93e62;
}

.main-community-box-table td:nth-child(1) .year-month{
    display: block;
    text-align: center;
    font-size: 13px;
    margin-top: 5px;
    color: #777;
}

.main-community-box-table td:nth-child(2) a{
    color: #333;
    font-size: 14px;
}

.main-community-box-table td:nth-child(2) a:hover{
    color: #e93e62;
    text-decoration: underline;
}

.event-list-body{
    width: 1200px;
    margin: 60px auto;
}

.event-list-body .event-lists{
    float: left;
    width: 25%;
    text-align: center;
    margin-bottom: 40px;
}

.event-list-body .event-lists img{
    border: 1px solid #e5e5e5;
}

.event-view-body-pc{
    width: 1200px;
    margin: 0 auto 200px auto;
}

.event-view-body-pc .jp-board-info-title{
    text-align: center;
    font-size: 16px;
}

.jp-board-btn-group-right{
    float: right;
}

.jp-notice-lists{
    float: left;
}

.event-view-body-pc .jp-board-info-foot{
    border-bottom: none;
}

.jp-board-info-foot .jp-notice-prev{
    margin-right: 5px;
    font-size: 14px;
}

.page-content-title2{
    padding: 87px 0 45px;
    text-align: center;
}

.form-reservation-wrapper{
    width: 1200px;
    height: 333px;
    position: relative;
    margin: 0 auto 120px auto;
    padding: 60px 0 0 364px;
    box-sizing: border-box;
    background: #f7f7f7 url('./img/bg-cal.jpg') no-repeat 175px 40px;
}

.page-content-foot-pc{
    border-top: 1px solid #dcdcdc;
}

.form-reservation-table{
    width: 780px;
}

.form-reservation-table button[type="submit"]{
    border: none;
    background: none;
    position: relative;
    top: -2px;
}

.form-reservation-table input[name="name"]{
    width: 274px;
    height: 49px;
    line-height: 49px;
    border: 1px solid #e5e5e5;
    padding: 0 10px;
    box-sizing: border-box;
}

.form-reservation-table input[name="tel"]{
    width: 281px;
    height: 49px;
    line-height: 49px;
    border: 1px solid #e5e5e5;
    padding: 0 10px;
    box-sizing: border-box;
}

.form-reservation-table input[name="date"],
.form-reservation-table input[name="reserved_dt"]{
    width: 567px;
    height: 49px;
    line-height: 49px;
    border: 1px solid #e5e5e5;
    padding: 0 10px;
    box-sizing: border-box;
}

.form-reservation-table textarea{
    width: 567px;
    height: 80px;
    border: 1px solid #e5e5e5;
    padding: 10px;
    box-sizing: border-box;
    resize: none;
}

.form-reservation-table tr:nth-child(2) td{
    padding: 5px 0;
}

.form-reservation-table label[for="privacy-docs"],
.form-reservation-table label[for="privacy-docs2"]{
    font-size: 14px;
    color: #1d1d1d;
}

.form-reservation-table label[for="privacy-docs"] + a,
.form-reservation-table label[for="privacy-docs2"] + a{
    color: #4d4d4d;
    font-size: 13px;
    margin-left: 10px;
    text-decoration: underline;
}

.thumbnail-notice-wrp{
    width: 302px;
    height: 217px;
    overflow: hidden;
    display: block;
}

.notice-list-body .notice-lists{
    text-align: center;
}

.notice-list-body .notice-lists a{
    display: inline-block;
}

.notice-list-body .desc{
    display: block;
    background: #242424;
    text-align: center;
    padding: 25px 15px;
    width: 302px;
    box-sizing: border-box;
}

.notice-list-body .title{
    color: #fff;
    text-align: center;
    display: block;
    font-size: 15px;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

}

.notice-list-body .date{
    color: #b3b3b3;
    text-align: center;
    display: block;
    font-size: 13px;
    padding: 13px 0 23px;
}

.notice-list-body .sig-btn{
    width: 70px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    background: #f13265;
    border-radius: 30px;
    display: inline-block;
    font-size: 13px;
}

.review-lists-wrapper{
    background: #f7f7f7;
    padding: 1px 0 30px;
}

.review-list-body .review-lists{
    width: 33.333%;
}

.review-list-body .review-lists a{
    width: 395px;
    display: inline-block;
    background: #fff;
    border: 1px solid #b5b5b5;
}

.review-list-body .review-lists .desc{
    height: 157px;
    box-sizing: border-box;
    background: #fff;
    display: block;
    padding: 20px;
    position: relative;
}

.review-list-body .event-lists img{
    border: none;
}

.review-list-body .review-lists .thumbnail-notice-wrp{
    height: 190px;
    line-height: 190px;
    text-align: center;
    display: block;
    background: #fff;
    border-bottom: 1px solid #b5b5b5;
    width: 395px;

}

.review-list-body .review-lists .title{
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 15px;
    color: #555;
}

.review-list-body .review-lists .sort{
    position: absolute;
    bottom: 20px;
    right: 20px;
    color: #ff0072;
    font-weight: normal;
    font-size: 16px;
}

.review-best-lists-wrapper{
    border: 1px solid #fb1a54;
    width: 1200px;
    margin: 0 auto 60px;
}

.review-section-title{
    background: #fb1a54;
    color: #fff;
    font-size: 22px;
    text-align: center;
    height: 80px;
    line-height: 80px;
}

.review-best-lists-wrapper .event-list-body{
    margin: 20px 0 0;
}

.review-best-lists-wrapper .event-list-body .event-lists{
    margin-bottom: 20px;
}

.review-btn-area{
    padding: 50px 0 90px;
    text-align: center;
}

.secret-board-body{
    width: 1200px;
    margin: 0 auto;
}

.secret-board-table{
    border-top: 2px solid #242424;
    width: 100%;
}

.secret-board-table th{
    background: #f7f7f7;
    color: #626262;
    text-align: center;
    font-size: 14px;
    height: 60px;
    line-height: 60px;
}

.secret-board-table td{
    padding: 20px 0;
    color: #000;
    font-size: 15px;
    text-align: center;
    border-bottom: 1px solid #e2e2e2;
}

.secret-board-table td:nth-child(2){
    text-align: left;
}

.secret-board-table td a{
    color: #000;
}

.secret-board-table td a:hover{
    color: #fb3065;
    text-decoration: underline;
}

.secret-btn-group{
    text-align: right;
    padding: 40px 0;
}

.secret-board-table td a .ico-lock{
    margin-left: 5px;
    position: relative;
    top: -1px;
}

.secret-board-table td .status-register{
    width: 55px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    border-radius: 5px;
    background: #848484;
    color: #fff;
    font-size: 15px;
    display: inline-block;
}

.secret-board-table td .status-complete{
    width: 55px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    border-radius: 5px;
    background: #fb3065;
    color: #fff;
    font-size: 15px;
    display: inline-block;
}


.secret-view-head{
    width: 100%;
}

.secret-view-body-pc .jp-board-info-head{
    padding: 0;
}

.secret-view-body-pc .jp-board-info-head th{
    padding: 15px 0;
    background: #f6f6f6;
    font-size: 14px;
}

.secret-view-body-pc .jp-board-info-head td{
    padding: 15px;
}

.secret-view-body-pc .jp-board-info-head td:nth-child(1){
    padding-left: 20px;
}

.secret-reply-wrapper{
    background: #f7f7f7;
    margin-top: 70px;
    padding: 20px 50px;
}

.secret-sort{
    color: #fb1a54;
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 20px;
}

.secret-reply-description{
    white-space: pre-line;
    padding: 20px 20px 20px 150px;
}

.secret-reply-title{
    border-bottom: 1px solid #d2d2d2;
    padding-bottom: 15px;
    padding-top: 15px;
    padding-left: 15px;
    color: #000;
    font-size: 15px;
}

.secret-reply-title .tit{
    color: #fb1a54;
    font-size: 15px;
    margin: 0 16px 0 24px;
}

.secret-reply-title .tit2{
    color: #292c2e;
    font-size: 15px;
}

.secret-reply-title .date{
    float: right;
    position: relative;
    top: 9px;
    right: 15px;
    font-size: 14px;
    color: #292c2e;
}

.secret-view-body-pc .jp-board-info-foot{
    padding-top: 40px;
    margin-top: 40px;
    border-top: 1px solid #afafaf;
}

.secret-board-write-section{
    background: #f7f7f7;
    padding: 80px 0;
}

.secret-board-write-section-inner{
    width: 1210px;
    margin: 0 auto;
    background: #000;
    box-sizing: border-box;
    padding: 40px 48px;
}

.secret-board-write-head{
    width: 1210px;
    margin: 0 auto;
    padding-bottom: 20px;
}

.secret-write-left{
    width: 574px;
    float: left;
    box-sizing: border-box;
}

.secret-write-right{
    width: 540px;
    float: left;
    box-sizing: border-box;
}

.secret-board-write-foot{
    border-top: 1px solid #707070;
    padding-top: 28px;
}

.secret-write-selected-type-head{
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 20px;
}

.selected-sort{
    display: inline-block;
    border: 1px solid #707070;
    padding: 5px 10px;
    font-size: 14px;
    color: #fff;
    margin-right: 10px;
    margin-bottom: 10px;
}

.selected-sort .btn-delete-type{
    font-size: 13px;
    color: #fff;
    margin-left: 5px;
}

.secret-write-btn-area{
    padding: 40px 0 10px;
    text-align: center;
}

.secret-write-left-head{
    margin-bottom: 30px;
}

.secret-write-left-head .tit{
    color: #fff;
    font-size: 20px;
}

.secret-write-right-head{
    color: #fff;
    font-size: 20px;
    margin-bottom: 30px;
    padding-left: 35px;
    font-weight: bold;
}

.secret-write-right-body{
    padding: 0 0 0 35px;
}

.secret-write-right-body input[name="name"],
.secret-write-right-body input[name="tel"],
.secret-write-right-body input[name="password"],
.secret-write-right-body input[name="title"]{
    width: 100%;
    height: 45px;
    line-height: 45px;
    border: none;
    padding: 0 10px;
    font-size: 15px;
    color: #000;
    box-sizing: border-box;
}

.secret-write-right-body textarea[name="comment"],
.secret-write-right-body textarea[name="comment2"]{
    width: 100%;
    border: none;
    padding: 10px;
    font-size: 15px;
    color: #000;
    height: 92px;
    box-sizing: border-box;
}

.secret-write-right-body textarea[name="comment2"]{
    height: 249px;
}

.secret-write-right-body .secret-write-form-group{
    margin-bottom: 5px;
}

.secret-write-right-body .secret-write-form-group label{
    color: #8f8f8f;
    font-size: 13px;
    margin-left: 5px;
}

.secret-write-left-head .desc{
    color: #b0b0b0;
    font-size: 15px;
    margin-left: 10px;
}

.secret-write-left-to-left{
    float: left;
    width: 244px;
    box-sizing: border-box;
    padding: 20px;
    background: #242424;
    margin-right: 20px;
    min-height: 300px;
}

.secret-write-left-to-right{
    float: left;
    width: 275px;
    box-sizing: border-box;
    padding: 20px;
    background: #3b3b3b;
    min-height: 300px;
}

.secret-board-write-body{
    margin-bottom: 40px;
}

.secret-write-left-body{
    position: relative;
}

.secret-write-left-body:after{
    content: "";
    width: 1px;
    height: 300px;
    background: #707070;
    position: absolute;
    top: 0;
    right: 0;
}

.secret-write-left-to-left-head,
.secret-write-left-to-right-head{
    color: #fff;
    font-size: 17px;
    margin-bottom: 18px;
}
.secret-write-left-to-right-head small{
    font-size: 14px;
    color: #f22e4c;
    margin-left: 10px;
}

.secret-write-type-a{
    margin-bottom: 6px;
}

.secret-write-type-a:last-child{
    margin-bottom: 0;
}

.secret-write-type-a label{
    color: #fff;
    margin-left: 10px;
    position: relative;
    top: 1px;
    font-size: 14px;
}

.login-page-pc{
    display: block;
    position: static;
}

.login-page-pc{
    width: 1200px;
    margin: 0 auto 150px;
}

.login-page-pc-inner{
    background: #fff;
    padding: 46px 0 56px;
    /*border-top: 3px solid #fb1a54;*/
}

.login-page-pc-inner .btn-area{
    width: 530px;
    margin: 0 auto;
    text-align: center;
    color: #595656;
    font-size: 14px;
    position: relative;
}

.login-page-m .login-page-pc-inner .btn-area{
    padding: 0 20px;
    box-sizing: border-box;
}

.login-page-pc-inner .login-form-wrapper{
    width: 530px;
}

.login-page-pc-inner .btn-area .splitter{
    font-size: 12px;
    color: #c5c5c5;
    margin: 0 5px;
    position: relative;
    top: -1px;
}

.login-page-pc-bottom{
    width: 1200px;
    margin: 20px auto 0;
    border: 1px solid #e5e5e5;
    padding: 35px 0;
}

.login-page-pc-bottom-inner{
    margin: 0 auto;
    width: 550px;
}

.login-page-pc-bottom-body{
    margin-top: 10px;
}

.page-content-body-pc .mejs__overlay-button,
#video-wrp-m .mejs__overlay-button{
    display: none;
}

.page-content-body-pc .mejs__controls,
#video-wrp-m .mejs__controls{
    background: rgba(251, 26, 84, 0.8) !important;
}

.secret-write-left-to-left label{
    top: -2px;
}

.main-community-section-type-a .main-community-box{
    width: 640px;
    box-sizing: border-box;
    padding: 30px 20px 70px;
}

.main-community-section-type-a .main-community-box:first-child{
    margin-right: 20px;
}

.main-community-section-type-a .main-community-box:nth-child(2){
    margin: 0;
}

.main-community-section-type-a .main-community-box-head{
    text-align: left;
    position: relative;
}

.main-community-section-type-a .btn-community-more{
    position: absolute;
    bottom: 27px;
    right: 20px;
    color: #fff;
    font-size: 14px;
    background: #f13265;
    width: 75px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    border-radius: 7px;
}

.main-community-box-body .main-notice-box{
    float: left;
    width: 290px;
}

.main-community-box-body .main-notice-box a{
    display: block;
}

.main-community-box-body .main-notice-box:nth-child(1){
    margin-right: 20px;
}

.main-community-box-body .main-notice-box .thumbnail-notice-wrp{
    width: 100%;
    height: 207px;
}


.main-community-box-body .main-notice-box .desc{
    display: block;
    background: #242424;
    text-align: center;
    padding: 25px 15px;
    width: 290px;
    box-sizing: border-box;
}

.main-community-box-body .main-notice-box .title{
    color: #fff;
    text-align: center;
    display: block;
    font-size: 15px;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.main-community-box-body .main-notice-box .date{
    color: #b3b3b3;
    text-align: center;
    display: block;
    font-size: 13px;
    padding: 13px 0 23px;
}


.main-community-box-body .main-notice-box .sig-btn{
    width: 70px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    background: #f13265;
    border-radius: 30px;
    display: inline-block;
    font-size: 13px;
}

.main-community-review-table{
    width: 100%;
}

.main-community-review-table a{
    color: #555;
    font-size: 14px;
}

.main-community-review-table a:hover{
    color: #f13265;
    text-decoration: underline;
}

.main-community-review-table th{
    font-size: 14px;
    color: #f13265;
    border-bottom: 1px solid #d2d2d2;
    height: 62px;
    line-height: 62px;
    width: 150px;
}

.main-community-review-table td{
    border-bottom: 1px solid #d2d2d2;
    height: 62px;
    line-height: 62px;
    width: 450px;
    box-sizing: border-box;
    padding: 0 10px;
}


.main-community-review-table .review-link-wrp{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    display: block;
    width: 400px;
}

.counsel-sort-info{
    color: #fb1a54;
    margin-bottom: 20px;
    font-weight: bold;
}

.main-youtube-section-pc .main-youtube-title-section{
    float: left;
    width: 505px;
    height: 444px;
    box-sizing: border-box;
}

.main-youtube-section-pc .main-youtube-title-section img{
    position: relative;
    top: 75px;
    left: 90px;
}

.main-youtube-section-pc .main-youtube-lists-section{
    margin-top: 30px;
}

.main-youtube-section-pc .main-youtube-viewer{
    float: left;
    width: 795px;
    box-sizing: border-box;
}

.main-youtube-section-pc .main-youtube-video-lists-body{
    float: none;
}

.main-youtube-section-pc .youtube-img-wrp{
    position: relative;
    width: 393px;
    height: 220px;
    display: inline-block;
    overflow: hidden;
    left: 0;
}

.main-youtube-section-pc .main-youtube-video-lists-body{
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #d2d2d2;
    padding: 0;
}

.main-youtube-section-pc .main-youtube-video-link{
    min-height: auto;
    padding: 0;
    display: inline-block;
}

.main-youtube-section-pc .main-youtube-video-list{
    padding: 20px 0;
    float: left;
    width: 33.333%;
    text-align: center;
    border-bottom: 1px solid #d2d2d2;
    position: relative;
    height: 272px;
    box-sizing: border-box;
}

.main-youtube-section-pc .main-youtube-video-list:nth-child(4),
.main-youtube-section-pc .main-youtube-video-list:nth-child(5),
.main-youtube-section-pc .main-youtube-video-list:nth-child(6){
    border-bottom: none;
}

.main-youtube-section-pc .main-youtube-video-list:nth-child(1):after,
.main-youtube-section-pc .main-youtube-video-list:nth-child(2):after,
.main-youtube-section-pc .main-youtube-video-list:nth-child(4):after,
.main-youtube-section-pc .main-youtube-video-list:nth-child(5):after{
    content: "";
    position: absolute;
    top: 0;
    right: -1px;
    width: 1px;
    height: 272px;
    background: #d2d2d2;
}

.secret-auth-section-pc input[name="password"]{
    width: 300px;
    height: 45px;
    line-height: 45px;
    border: 1px solid #dcdcdc;
    padding: 0 10px;
    font-size: 15px;
    color: #000;
    box-sizing: border-box;
}

.secret-auth-section-pc .btn-submit-view-secret{
    background: #f12f4c;
    height: 45px;
    line-height: 45px;
    width: 100px;
    text-align: center;
    font-size: 15px;
    color: #fff;
    border: none;
    position: relative;
    top: -1px;
}

.jp-foot-nav-m{
    text-align: center;
}

.jp-foot-nav-m .service-info-list{
    display: inline-block;
    margin-right: 10px;
    position: relative;
}

.jp-foot-nav-m .service-info-list a{
    font-size: 12px;
}

.jp-foot-nav-m .service-info-list:after{
    content: "";
    position: absolute;
    top: 10px;
    right: -7px;
    width: 1px;
    height: 10px;
    background: #999;
}

.jp-foot-nav-m .service-info-list:last-child:after{
    display: none;
}


.jp-foot-logo-m{
    /*border-top: 1px solid #eee;*/
    /*margin-top: 20px;*/
}

.jp-foot-logo-m h1{
    text-align: center;
    position: relative;
    padding-top: 10px;
    padding-bottom: 20px;
}

.jp-foot-logo-m h1 a{
    left: -10px;
    top: 0;
    position: relative;
}

.jp-foot-sns-links-m{
    text-align: center;
    padding-top: 20px;
}


.jp-foot-addr-m{
    /*border-top: 1px solid #eee;*/
    /*padding: 0 15px 0;*/
    /*margin-top: 30px;*/
}

.jp-foot-links-m{
    margin-top: 20px;
}

.jp-foot-quick-links-m{
    border: 1px solid #eee;
}

.jp-foot-quick-links-m .ico-links-ft-list{
    float: left;
    width: 20%;
    text-align: center;
}

.jp-foot-quick-links-m .ico-links-ft-list a{
    display: block;
    padding: 10px 5px;
}

.jp-foot-quick-links-m .ico-links-ft-list a img{
    width: 100%;
}

.page-submenu-wrp-m{
    overflow-x: scroll;
    overflow-y: hidden;
    /*height: 63px;*/
    height: 58px;
}

.page-submenu-wrp-m .page-submenu-body{
    width: 1000px;
}

.page-submenu-wrp-m .page-submenu-body .page-submenu-list{
    float: left;
    display: inline-block;
}

.page-submenu-wrp-m .page-submenu-body .page-submenu-link{
    height: 55px;
    line-height: 60px;
    top: 0;
}

#video-wrp-m{
    padding: 0 15px;
}

/* secret counsel */
.secret-write-section-m{
    padding: 40px 15px;
}

.secret-write-section-m .secret-board-write-head{
    width: calc(100% - 20px);
    margin: 0;
}

.secret-write-section-m .secret-board-write-section-inner{
    width: 100%;
    padding: 0 0 20px 0;
}

.secret-write-section-m .secret-write-left{
    float: none;
    width: 100%;
}

.secret-write-section-m .secret-write-right{
    float: none;
    width: 100%;
}

.secret-write-section-m .secret-write-right-body{
    padding: 0 15px;
}

.secret-write-section-m .secret-write-left-to-left{
    width: 45%;
    float: left;
    margin: 0;
    padding: 20px 5px 20px 10px;
}

.secret-write-section-m .secret-write-left-to-right{
    width: 55%;
    float: left;
    padding: 20px 5px 20px 10px;
}

.secret-write-section-m .secret-write-selected-type{
    float: none;
    width: 100%;
}

.secret-write-section-m .secret-write-selected-type-body{
    padding: 20px;
    border-bottom: 1px solid #808080;
}

.secret-write-section-m .secret-write-right-head{
    padding: 20px 0 0 15px;
    margin-bottom: 20px;
    font-size: 16px;
}

.secret-write-section-m .secret-write-left-head{
    margin-bottom: 20px;
    padding: 20px 15px 0;
}

.secret-write-section-m .secret-write-left-head .tit{
    font-size: 16px;
}

.secret-write-section-m .secret-write-left-head .desc{
    display: block;
    font-size: 13px;
    margin-left: 0;
    margin-top: 5px;
}

.secret-write-section-m .secret-write-left-to-left-head,
.secret-write-section-m .secret-write-left-to-right-head{
    font-size: 15px;
}

.secret-write-section-m .secret-write-type-a label{
    font-size: 12px;
}

.secret-write-section-m .selected-sort{
    font-size: 12px;
    padding: 3px 7px;
}

.secret-write-section-m .secret-write-btn-area{
    padding-top: 0;
}

.secret-write-section-m .secret-board-write-body{
    margin-bottom: 20px;
}

.secret-write-section-m .secret-write-right-body .secret-write-form-group label{
    font-size: 12px;
}

.secret-write-section-m .secret-write-right-body .secret-write-form-group:nth-child(5){
    margin-bottom: 0;
}

.secret-write-section-m .secret-board-write-foot{
    padding-top: 10px;
    border: none;
}



.secret-write-section-m .secret-write-right-body input[name="name"],
.secret-write-section-m .secret-write-right-body input[name="tel"],
.secret-write-section-m .secret-write-right-body input[name="password"],
.secret-write-section-m .secret-write-right-body input[name="title"]{
    width: 100%;
    height: 45px;
    line-height: 45px;
    border: none;
    padding: 0 10px;
    font-size: 13px;
    color: #000;
    box-sizing: border-box;
}

.secret-write-section-m .secret-write-right-body textarea[name="comment"],
.secret-write-section-m .secret-write-right-body textarea[name="comment2"]{
    width: 100%;
    border: none;
    padding: 10px;
    font-size: 13px;
    color: #000;
    height: 92px;
    box-sizing: border-box;
}

#jp-content-m #daumRoughmapContainer1637633105207{
    width: 100% !important;
}

#jp-content-m .root_daum_roughmap .wrap_controllers{
    display: none !important;
}

.page-title-section-m{
    padding: 60px 0 30px;
}

.before-after-desc-m{
    border: 1px solid #e9e9e9;
    border-top: 0;
    padding: 30px 20px;
    background: #fff;
}

.before-after-desc-m .sort{
    color: #ff0072;
}

.before-after-title-m{
    color: #444;
    font-size: 14px;
    margin-top: 5px;
}

.best-before-after-m{
    border: 1px solid #ff0072;
    margin: 0 15px;
}

#jp-content-m .counsel-sort-info{
    margin: 0;
    font-size: 15px;
    text-align: center;
}

#jp-content-m .event-list-body{
    width: 100%;
}

#jp-content-m .event-list-body .event-lists{
    width: 50%;
    margin-bottom: 15px;
}

#jp-content-m .event-list-body .event-lists a{
    display: block;
}

#jp-content-m .event-list-body .event-lists:nth-child(2n-1) a{
    padding-right: 7px;
}

#jp-content-m .event-list-body .event-lists:nth-child(2n) a{
    padding-left: 7px;
}


#jp-content-m .event-list-body .thumbnail-notice-wrp{
    width: 100%;
    height: auto;
}

#jp-content-m .notice-list-body .notice-lists a{
    display: block;
}

#jp-content-m .notice-list-body .desc{
    width: 100%;
    padding: 15px 10px;
}

#jp-content-m .notice-list-body .title{
    font-size: 14px;
}

#jp-content-m .notice-list-body .sig-btn{
    font-size: 12px;
    width: 60px;
    height: 25px;
    line-height: 25px;
}

#jp-content-m .notice-list-body{
    /*padding: 0 20px;*/
}
/*#jp-content-m .event-list-body .event-lists:nth-child(2n-1) a{*/
/*    margin-right: 5px;*/
/*}*/

/*#jp-content-m .event-list-body .event-lists:nth-child(2) a{*/
/*    margin-left: 5px;*/
/*}*/
#jp-content-m .event-list-body{
    margin-top: 0;
}

#jp-content-m .event-list-body .event-lists img{
    width: 100%;
}

.page-content-body-m{
    width: 100%;
    box-sizing: border-box;
    padding: 0 15px;
}

.page-content-body-m .login-page-pc{
    width: 100%;
}

.page-content-body-m .login-page-pc-inner .login-form-wrapper{
    width: 100%;
    padding: 0 15px;
    box-sizing: border-box;
}

.page-content-body-m .login-page-pc-inner .btn-area{
    width: 100%;
}

.page-content-body-m .login-page-pc-bottom{
    width: 100%;
    border: none;
}

.page-content-body-m .login-page-pc-bottom-inner{
    width: 100%;
    box-sizing: border-box;
    padding: 0 0;
}

#jp-content-m .login-page-pc-bottom-body a{
    display: block;
    text-align: center;
}

#jp-content-m .naver-btn-sns-m{
    background: #03d967;
}

#jp-content-m .kakao-btn-sns-m{
    background: #f9e001;
}

#jp-content-m .login-page-pc{
    margin-bottom: 50px;
}

.review-btn-area-m{
    text-align: center;
    padding-top: 40px;
}

.form-review-delete-m{
    display: inline-block;
}

.form-review-delete-m button[type="submit"]{
    background: #a3a3a5;
    text-align: center;
    font-size: 12px;
    color: #fff;
    width: 100px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #a3a3a5;
    position: relative;
    top: -1px;
}

.review-view-btn-group-m{
    margin-top: 12px;
}

.review-view-btn-group-m a{
    background: #a3a3a5;
}


.secret-write-section-m .secret-write-left-body{
    height: 300px;
}

#jp-content-m .secret-link-m{
    font-weight: normal;
    font-size: 13px;
    display: block;
    position: relative;
    padding-right: 60px;
}

#jp-content-m .secret-link-m .sort{
    font-size: 15px;
    color: #242424;
    margin-bottom: 10px;
    font-weight: bold;
}

#jp-content-m .secret-link-m .ico-lock,
#jp-content-m .secret-link-m .ico-new{
    position: relative;
    top: -2px;
}

#jp-content-m .secret-link-m .title{
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 5px;
}

#jp-content-m .secret-link-m .splitter{
    margin: 0 5px;
    display: inline-block;
    color: #606060;
    font-size: 11px;
    position: relative;
    top: -1px;
}

.secret-lists-table-m{
    border-top: 1px solid #000;
}

.secret-lists-table-m td{
    border-bottom: 1px solid #eee;
}

.secret-table-holder-m{
    padding: 0 15px;
}

#jp-content-m .secret-link-m .status{
    position: absolute;
    top: 50%;
    right: -10px;
    margin-top: -15px;
    display: inline-block;
    background: #848484;
    border-radius: 5px;
    text-align: center;
    width: 50px;
    font-size: 12px;
    color: #fff;
    padding: 4px 0;
}

#jp-content-m .secret-link-m .status-complete{
    background: #fb3065;
}

.secret-view-body-pw-m{
    margin: 0;
    width: 100%;
}

.secret-view-body-pw-m .btn-submit-view-secret{
    margin-top: 10px;
}

#jp-content-m .secret-view-m{
    padding: 15px;
}

#jp-content-m .secret-view-m .counsel-sort-info{
    text-align: left;
}

.secret-view-contents .review-view-btn-group-m{
    text-align: center;
    margin-top: 60px;
}

.secret-view-contents .review-view-btn-group-m button[type="submit"]{
    background: #aaa;
    text-align: center;
    font-size: 12px;
    color: #fff;
    width: 100px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
}

.secret-view-contents .secret-reply-wrapper{
    margin-top: 50px;
    padding: 10px;
}

.secret-view-contents .secret-reply-title .tit{
    font-size: 14px;
    margin-left: 10px;
    position: relative;
    top: 3px;
}

.secret-view-contents .secret-reply-description{
    padding: 15px 15px 30px 15px;
}

#jp-content-m .form-reservation-wrapper{
    width: 100%;
    padding: 120px 15px 50px;
    margin: 0;
    height: auto;
}

.form-reservation-wrapper-m input[name="name"],
.form-reservation-wrapper-m input[name="tel"],
.form-reservation-wrapper-m input[name="reserved_dt"]{
    border: 1px solid #e5e5e5;
    height: 45px;
    line-height: 45px;
    padding: 0 20px;
    color: #444;
    font-size: 14px;
    width: 100%;
    box-sizing: border-box;
    background: #fff;
}

.form-reservation-wrapper-m textarea[name="comment"]{
    height: 150px;
    border: 1px solid #e5e5e5;
    padding: 20px;
    font-size: 14px;
    color: #444;
    width: 100%;
    box-sizing: border-box;
}

.form-reservation-wrapper-m .form-reservation-wrapper{
    background: #f7f7f7 url('./img/mobile/bg-cal-m.jpg') no-repeat center 30px;
}

#popup-wrapper .m-pop{
    top: 0 !important;
    left: 0 !important;
}

#popup-wrapper .m-pop .banner-body{
    width: 100%;
}

.event-main-head-m{
    text-align: center;
}

.event-main-m{
    background: #fff;
    padding: 40px 0;
}

.event-main-body-m{
    padding: 20px 15px;
}

.main-counsel-section-m{

}

.main-counsel-section-m .main-counsel-section-inner{
    width: 100%;
    padding: 0 15px;
    box-sizing: border-box;
}

.main-counsel-section-m .main-counsel-section{
    padding: 40px 0;
    height: auto;
}

.main-counsel-section-m .main-counsel-list{
    line-height: normal;
    position: relative;
    padding: 0 15px;
    text-align: left;
}


.main-counsel-section-m .main-counsel-status{
    position: absolute;
    top: 23px;
    right: 15px;
    font-size: 13px !important;
    font-weight: bold;
    color: #f7325c;
}

.career-main-m{
    background: url('./img/mobile/img-bg-career-main-m.jpg') no-repeat center 0;
    background-size: cover;
    padding: 50px 0 100px;
}

.career-main-head-m{
    text-align: center;
}

.career-main-m-01{
    width: 55%;
    margin-top: 50px;
    text-align: center;
    position: relative;
}

.career-main-m-02{
    width: 55%;
    margin: 40px 0;
    text-align: center;
    position: relative;
}

.career-main-m-03{
    width: 55%;
    text-align: center;
    position: relative;
}


.career-main-m-01 .tit,
.career-main-m-02 .tit,
.career-main-m-03 .tit{
    font-size: 14px;
    color: #fff;
}

.career-main-m-01 .count,
.career-main-m-02 .count,
.career-main-m-03 .count{
    font-size: 30px;
    color: #fb2e59;
    font-weight: bold;
}

.career-main-m-01 small,
.career-main-m-02 small,
.career-main-m-03 small{
    font-size: 20px;
}

.ico-crown-left-m{
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
}

.ico-crown-right-m{
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
}

.main-item-type-m .main-item-type{
    padding: 60px 0 40px;
}

.main-item-type-m .main-item-type-inner{
    width: 100%;
}

.main-item-type-m .main-item-type .item-type-list:nth-child(3n-2){
    margin-right: 0;
}

.main-item-type-m .main-item-type .item-type-list:nth-child(3n-1){
    margin-right: 0;
}

.main-item-type-m .main-item-type-head{
    padding: 0 20px;
    text-align: center;
    margin-bottom: 20px;
}

.main-item-type-m .main-item-type-body{
    padding: 0 15px;
}

.main-item-type-m .main-item-type .item-type-list{
    margin-bottom: 15px;
}

.ladyuro-main-m{
    padding-top: 30px;
}

.ladyuro-main-m .main-youtube-video-lists-body{
    float: none;
    width: 100%;
    padding: 10px 15px 30px;
    border: none;
}

.ladyuro-main-m .main-youtube-video-list{
    padding: 5px 0;
    border: none;
}

.ladyuro-main-head-m{
    text-align: center;
}

.notice-main-m{
    background: #f7f7f7;
    padding: 30px 10px 0;
}

.notice-main-inner-m{
    background: #fff;
    padding: 20px 15px;
}

.notice-main-head-m{
    position: relative;
    border-bottom: 1px solid #d2d2d2;
    padding-bottom: 20px;
    margin-bottom: 10px;
}

.notice-main-head-m .btn-community-more{
    background: #f13265;
    color: #fff;
    font-size: 12px;
    width: 65px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    border-radius: 5px;
    float: right;
    position: relative;
    top: 20px;
}

.review-main-m{
    padding-bottom: 40px;
}

.notice-main-m .main-community-box-body .main-notice-box{
    width: 100%;
    margin-bottom: 15px;
}

.notice-main-m .main-community-box-body .main-notice-box .desc{
    width: 100%;
}

.notice-main-m .main-community-box-body .main-notice-box .thumbnail-notice-wrp{
    height: auto;
}

.notice-main-m .main-community-box-body{
    padding-top: 0;
}

.notice-main-m .main-community-review-table{
    width: 100%;
}

.notice-main-m .main-community-review-table td{
    line-height: normal;
    height: auto;
    width: auto;
    padding: 3px 0 5px;
}

.notice-main-m .main-community-review-table .review-link-wrp{
    width: 100%;
}

.notice-main-m .main-community-review-table td strong{
    color: #f13265;
    font-size: 14px;
}

.notice-main-m .main-community-review-table .review-link-wrp{
    white-space: normal;
}

.notice-main-m .main-community-review-table tr:last-child td{
    border: none;
}

.location-section-form-m{
    background: #fedff4 url('./img/mobile/bg-location-form-m.jpg') no-repeat center 0;
    background-size: cover;
    padding: 60px 10px;
}

.location-section-form-head-m{
    text-align: center;
}

.location-section-form-body-m{
    background: #fff;
    margin-top: 20px;
    padding: 25px 10px;
}

.location-section-form-body-m input[name="name"],
.location-section-form-body-m input[name="tel"]{
    border: 1px solid #d2d2d2;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    font-size: 14px;
    color: #444;
    width: 100%;
    box-sizing: border-box;
}

.location-section-form-body-m input[name="comment"]{
    border: 1px solid #d2d2d2;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    font-size: 14px;
    color: #444;
    width: 100%;
    box-sizing: border-box;
}

#jp-content-m .btn-register-pc{
    width: 100%;
}

.swiper-container-horizontal .swiper-slide{
    /*text-align: left;*/
}

.swiper-container-horizontal .swiper-slide-active{
    /*text-align: right;*/
}

.swiper-container-horizontal .swiper-slide-next{
    text-align: center;
}

.main-event-section-body .swiper-container{
    width: 970px !important;
}



/* 20220405 */

.main-item-type-m .main-item-type .item-type-list{
    margin-bottom: 15px;
    width: 50%;
    float: left;
    box-sizing: border-box;
}

.main-item-type-m .main-item-type .item-type-list:nth-child(2n-1) a{
    display: block;
    width: 100%;
    box-sizing: border-box;
}

.main-item-type-m .main-item-type .item-type-list:nth-child(2n-1) a{
    padding-right: 5px;
}

.main-item-type-m .main-item-type .item-type-list:nth-child(2n){
    padding-left: 5px;
}

.link-shortcut-pc{
    position: absolute;
    top: 14px;
    left: 300px;
    z-index: 100;
}

.foot-nav-link-wrp{
    background: #6a6a6a;
}

.foot-nav-link-wrp ul{
    width: 1200px;
    margin: 0 auto;
}

.foot-nav-link-wrp ul li{
    float: left;
    margin-right: 70px;
}

.foot-nav-link-wrp ul li a{
    height: 60px;
    line-height: 60px;
    color: #fff;
    font-size: 14px;
}

.foot-nav-link-wrp ul li:last-child{
    margin-right: 0;
}

.bg-navigation-pc{
    background: #fff;
    height: 455px;
    position: absolute;
    top: 152px;
    left: 0;
    z-index: 999;
    width: 100%;
    display: none;
}

.bg-navigation-pc2{
    background: rgba(0,0,0,0.3);
    height: calc( 100% - 152px );
    position: absolute;
    top: 152px;
    left: 0;
    z-index: 990;
    width: 100%;
    display: none;
}

.bl-navi-sub-body{
    position: absolute;
    left: 0;
    width: 100%;
    top: 45px;
    height: 455px;
    box-sizing: border-box;
    padding-top: 30px;
    transition: 0.3s;
    display: none;
}

.bl-navi-sub-link{
    color: #111;
    font-size: 14px;
}

.bl-navi-sub-link:hover{
    color: #ae3bae;
}

.jp-navigation-list:hover a.jp-navigation-link{
    background: #ae3bae;
}

.bl-navi-sub-body .active .bl-navi-sub-link{
    color: #ae3bae;
}

.jp-navigation-list:hover .bl-navi-sub-body{
    background: #faf6fa;
}

.bl-navi-sub-body .bl-navi-sub-list{
    margin-bottom: 20px;
}

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


.nobls-login-page-wrp{
    /*background: #f7f7f7;*/
    padding: 120px 0 0;
}

.nobls-login-page-pc{
    width: 1000px;
    margin: 0 auto;
    box-sizing: border-box;
}

.nobls-login-page-body{
    padding: 30px 150px 100px 150px;
}

.nobls-login-page-wrp .nobls-login-page-title{
    text-align: center;
    margin-bottom: 10px;
    color: #271fa8;
    font-size: 30px;
    /*font-weight: bold;*/
}


.btn-login-with-kakao-pc,
.btn-login-with-kakao-m{
    width: 448px;
    height: 55px;
    line-height: 55px;
    color: #242424;
    text-align: center;
    display: inline-block;
    background: #f9e000;
    font-size: 17px;
    font-weight: 500;
    border-radius: 0;
    font-family: "Noto Sans KR";
}

.btn-login-with-kakao-pc img,
.btn-login-with-kakao-m img{
    position: relative;
    top: -2px;
    margin-right: 5px;
}

.btn-login-with-naver-pc,
.btn-login-with-naver-m{
    width: 448px;
    height: 55px;
    line-height: 55px;
    color: #fff;
    text-align: center;
    display: inline-block;
    background: #2cc13b;
    font-size: 17px;
    font-weight: 500;
    border-radius: 0;
    font-family: "Noto Sans KR";
}

.btn-login-with-naver-pc img,
.btn-login-with-naver-m img{
    position: relative;
    top: -2px;
    margin-right: 5px;
}

.btn-login-with-naver-m,
.btn-login-with-kakao-m{
    width: 100%;
}

.login-sns-wrp-pc .login-sns-head{
    padding-bottom: 10px;
}

.login-sns-wrp-pc .login-sns-head .tit{
    font-weight: bold;
    font-size: 26px;
}

.login-sns-wrp-pc .login-sns-head .desc{
    font-size: 15px;
    margin-top: 10px;
    color: #333;
    line-height: 22px;
}

.login-sns-wrp-pc .login-sns-head .desc span.emphasis{
    text-decoration: underline;
}

.nobls-register-page-wrp .section-title-m{
    font-size: 16px;
    font-weight: normal;
}

.jp-member-register-sub{
    text-align: center;
    color: #797979;
    font-size: 14px;
    margin-top: 50px;
}

.nobls-register-page-wrp label[for="agreement_agree"],
.nobls-register-page-wrp label[for="privacy_agree"]{
    font-size: 14px;
    color: #888;
    margin-top: 10px;
    display: inline-block;
}

.nobls-register-form-body-pc input[name="user_id"],
.nobls-register-form-body-pc input[name="password"],
.nobls-register-form-body-pc input[name="password2"],
.nobls-register-form-body-pc input[name="name"],
.nobls-register-form-body-pc input[name="tel"],
.nobls-register-form-body-pc input[name="tel2"],
.nobls-register-form-body-pc input[name="email"],
.nobls-register-form-body-pc input[name="clinic_info"],
.nobls-register-form-body-pc input[name="recommender"],
.nobls-register-form-body-pc input[name="cert_number"],
.nobls-register-form-body-pc input[name="nickname"]{
    width: 100%;
    height: 55px;
    line-height: 55px;
    box-sizing: border-box;
    padding: 0 10px;
    font-size: 15px;
    color: #606060;
    border: 1px solid #e5e5e5;
}


.nobls-mypage-form-body-pc input[name="user_id"],
.nobls-mypage-form-body-pc input[name="tel"],
.nobls-mypage-form-body-pc input[name="name"]{
    background: #fff;
    color: #9a359a;
}


.register2-table-pc th small{
    color: #ff3838;
    display: none;
}

/* 2022.12.09 */
.pc-page-wrapper{
    width: 1200px;
    margin: 0 auto;
}

.video-type-a{
    width: 1200px;
    margin: 30px auto 0;
    box-sizing: border-box;
    padding: 60px 165px;
    background: #f7f7f7;

}

.video-type-a .video-type-a-head{
    margin-bottom: 20px;
    text-align: center;
}


.page-mid-request-pc{
    margin: 60px 0 50px
}

.page-mid-request-inner{
    width: 1200px;
    margin: 0 auto;
    background: #7d3b83;
    border-radius: 10px;
    box-sizing: border-box;
    padding: 30px 30px 30px 340px;
    position: relative;
}

.input-form-field{
    border-radius: 5px;
    background: #fff;
    padding: 15px 20px;
    position: relative;
    min-height: 120px;
}


.input-form-field button[type="submit"]{
    border: none;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 15px;
    right: 20px;
}


.input-form-field-table{
    width: 575px;
}

.input-form-field-table th{
    color: #7d3b83;
    font-size: 12px;
    text-align: right;
    padding-right: 5px;
}

.input-form-field-table td{
    padding: 3px;
}

.input-form-field-table td input[name="name"],
.input-form-field-table td input[name="tel"],
.input-form-field-table td input[name="email"]{
    border: 1px solid #d2d2d2;
    box-sizing: border-box;
    padding: 0 15px;
    font-size: 13px;
    color: #6a6a6a;
    height: 30px;
    line-height: 30px;
    width: 100%;
}

.input-form-field-table td textarea{
    border: 1px solid #d2d2d2;
    box-sizing: border-box;
    font-size: 13px;
    color: #6a6a6a;
    width: 100%;
    height: 45px;
    resize: none;
    padding: 3px 15px;
}


.input-form-field-table td label{
    font-size: 12px;
    color: #905f95;
}

.input-form-field-table td label+a{
    color: #905f95;
    font-size: 12px;
    text-decoration: underline;
}

.page-mid-request-pc #justAnInputBox{
    border-radius: 0;
    border: 1px solid #d2d2d2
}

.page-mid-request-pc .comboTreeItemTitle{
 font-size: 12px;
    color: #666;
}

.page-mid-request-pc .comboTreeItemTitle .input[type="checkbox"]{
    /*vertical-align: top;*/
    /*position: relative;*/
    /*top: -2px;*/
}

.contents .content-inner-pc{
    width: 1200px;
    margin: 0 auto;
    padding: 20px 0 50px;
}


.contents .content-inner-pc .left_menu{
    float: left;
    margin-right: 19px;
    width: 184px;
}

.contents .content-inner-pc .content-right{
    float: left;
    width: 997px;
}

.page-mid-request-pc2{
    margin-left: 37px;
}
.page-mid-request-pc2 .page-mid-request-inner{
    width: 960px;
    margin: 0;
    padding: 30px 60px;
}

.page-mid-request-pc2 .page-mid-request-inner .input-form-field-table{
    width: 580px;
}

.side-menu-body-pc{
    border-top: 3px solid #6e016e;
    margin: 10px 0 18px;
}

.side-menu-body-pc .side-menu-list{
    border-bottom: 1px solid #e5e5e5;
}

.side-menu-body-pc .side-menu-link{
    height: 55px;
    line-height: 55px;
    color: #3f3f3f;
    font-size: 14px;
    font-weight: bold;
    display: block;
    padding-left: 20px;
}

.side-menu-body-pc .active .side-menu-link{
    color: #6e016e;
}



.client-interior-pc{
    width: 960px;
    position: relative;
    left: 34px;
    margin-top: 60px;
}


.client-interior-pc .client-interior-head{
    text-align: center;
    margin-bottom: 35px;
}

.client-interior-pc #image-gallery{
    margin-bottom: 20px;
}

.client-interior-pc #image-gallery li{
    text-align: center;
}

.client-interior-pc .lSGallery li{
    box-sizing: border-box;
    border: 3px solid #fff;
    border-radius: 0;
}

.client-interior-pc .lSSlideOuter .lSPager.lSGallery li.active{
    border: 3px solid #ea4ff8;
    border-radius: 0;
}

.client-interior-pc .lSAction>a{
    width: 45px;
    height: 45px;
}

.client-interior-pc .lSAction>.lSNext{
    background-position: -45px 0;
}

.nobls-board-pc{
    padding: 40px 0 0 40px;
}


.nobls-board-table{
    width: 100%;
}

.nobls-board-pc .nobls-board-head{
    margin-bottom: 30px;
}

.nobls-board-table thead th{
    background: #f7f7f7;
    height: 55px;
    line-height: 55px;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    color: #444;
    font-size: 14px;
    text-align: center;
}

.nobls-board-table tbody td{
    color: #8f8f8f;
    font-size: 14px;
    padding: 14px 0;
    border-bottom: 1px solid #e5e5e5;
}

.nobls-board-table tbody td a{
    color: #333;
    font-size: 14px;
}

.nobls-board-table tbody td a:hover{
    color: #6e016e;
    text-decoration: underline;
}

.nobls-board-table tbody td:first-child,
.nobls-board-table tbody td:last-child{
    text-align: center;
}

.nobls-board-body .jp-board-info-title{
    font-size: 18px;
}

.nobls-board-body .jp-board-info-body{
    padding: 50px 0;
}

.nobls-board-body .contents-pc-inner{
    padding-top: 0;
    padding-bottom: 0;
}


.nobls-board-body .contents-pc-right{
    float: none;
    width: 957px;
}


.nobls-board-body .contents-pc-right .editHtmlArea{
    padding: 0 20px;
}

.secret-consulting-request-pc{
    padding: 70px 0 0 40px;
}

.secret-consulting-request-pc .secret-consulting-request-head{
    padding-bottom: 15px;
    margin-bottom: 40px;
    border-bottom: 1px solid #e5e5e5;
}

.secret-consulting-request-body{

}

.secret-consulting-request-body .page-mid-request-pc2{
    margin: 0;
}

.secret-consulting-request-body .page-mid-request-inner{
    border-radius: 0;
}

.secret-consulting-request-body .title{
    text-align: center;
    color: #fff;
    font-size: 30px;
}

.secret-consulting-request-body .desc{
    text-align: center;
    color: #e5e5e5;
    font-size: 14px;
    margin-top: 15px;
    margin-bottom: 30px;
    line-height: 26px;
}

.secret-consulting-request-body .page-mid-request-pc2 .page-mid-request-inner .input-form-field-table{
    width: 789px;
}

.secret-consulting-request-body .input-form-field button[type="submit"]{
    position: static;
    cursor: pointer;
}

.secret-consulting-request-body .btn-area{
    text-align: center;
    margin-top: 30px;
    margin-bottom: 40px;
}

.secret-consulting-request-body .input-form-field{
    padding-top: 50px;
}

.secret-consulting-request-body .input-form-field-table td textarea{
    height: 145px;
    padding: 15px;
}

.nobls-review-video-slider-wrp .swiper-slide{
    text-align: center;
}

.nobls-review-video-slider-wrp .swiper-slide img{
    width: 318px;
}

.nobls-review-video-slider-wrp .swiper-pagination-bullet{
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 12px;
    background: #fff;
    color: #868686;
    border: 1px solid #868686;
    border-radius: 0;
    display: inline-block;
    opacity: 1;
}

.nobls-review-video-slider-wrp .swiper-pagination-bullet-active,
.nobls-review-video-slider-wrp .swiper-pagination-bullet:hover{
    background: #5a1860;
    color: #fff;
}

.nobls-review-video-slider-wrp{
    position: relative;
    margin-bottom: 250px;
}

#video-holder-pc{
    width: 800px;
    background: #fff;
    padding: 30px;
    box-shadow: 1px 1px 10px rgba(0,0,0,0.6);
    position: fixed;
    top: 150px;
    left: 50%;
    margin-left: -400px;
    z-index: 1100;
    box-sizing: border-box;
}

#video-holder-pc .video-holder-head{
    position: relative;
    height: 30px;
    margin-bottom: 10px;
}

#video-holder-pc .video-holder-head .btn-close-video{
    position: absolute;
    top: -20px;
    right: -10px;
    color: #6e016e;
    font-size: 30px;
    z-index: 110;
}

#video-holder-pc .video-holder-head .title{
    color: #000;
    font-size: 18px;
    font-weight: bold;
    line-height: 30px;
}

#video-holder-pc .video-holder-foot .desc{
    font-size: 15px;
    color: #777;
    padding: 15px;
    white-space: pre-line;
}

.review-audio-list-body-pc .review-audio-list{
    float: left;
    width: 448px;
    height: 300px;
    box-sizing: border-box;
    border: 1px solid #e5e5e5;
    padding: 9px;
    margin-bottom: 20px;
}

.review-audio-list-body-pc .review-audio-list:nth-child(2n){
    margin-left: 20px;
}

.review-audio-list-body-pc .review-audio-list .tit{
    font-size: 16px;
    color: #000;
    padding: 15px 10px 5px;

    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.review-audio-list-body-pc .review-audio-list .desc{
    font-size: 13px;
    color: #777;
    padding: 5px 10px 0;

    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

#audio-player-wrp{
    position: absolute;
    bottom: -9999em;
    left: -9999em;
    width: 0;
    height: 0;
    overflow: hidden;
}


.review-note-tab-body{
    margin: 25px 0;
}

.review-note-tab-body li{
    float: left;
    width: 33.333%;
}

.review-note-tab-body li a{
    display: block;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #303030;
    border: 1px solid #e5e5e5;
    font-size: 15px;
}

.review-note-tab-body li a:hover,
.review-note-tab-body li.active a{
    background: #0c7ea1;
    color: #fff;

}


.review-note-body-pc{
    position: relative;
    left: 20px;
}

.review-note-body-pc .review-note-list{
    float: left;
    width: 214px;
    /*height: 273px;*/
    height: 245px;
    margin-right: 20px;
    overflow: hidden;
    box-sizing: border-box;
    border: 1px solid #e5e5e5;
    margin-bottom: 20px;
}


.review-note-body-pc .review-note-list:nth-child(4n){
    margin-right: 0;
}

.review-note-body-pc .review-note-list .thumbnail-wrp{
    text-align: center;
    background: #f7f7f7;
    padding: 10px 0;
}

.review-note-body-pc .review-note-list .thumbnail-wrp img{
    width: 120px;
}

.review-note-body-pc .review-note-list a{
    position: relative;
    display: block;
}

.review-note-body-pc .review-note-list a .ico-new{
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 0;
    background: #b01666;
}


.review-note-body-pc .review-note-list a .tit{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    padding: 10px 10px 0;
    color: #6e016e;
    font-size: 15px;
}


.review-note-body-pc .review-note-list a .desc{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    padding: 5px 10px 0;
    color: #606060;
    font-size: 13px;
}

.review-note-view-img-wrp{
    margin-bottom: 20px;
}

.nobls-photo-page-pc .review-note-tab-body li{
    width: 50%;
}

.nobls-photo-page-pc{

}

.nobls-photo-page-pc .review-photo-list{
    float: left;
    width: 50%;
    text-align: center;
    margin-bottom: 50px;
}

.nobls-photo-page-pc .review-photo-list .thumbnail-wrp{
    position: relative;
}

.nobls-board-pc .mosaic-wrp{
    position: absolute;
    top: 13px;
    left: 0;
    width: 100%;
    text-align: center;
    min-height: 100px;
}

.nobls-board-pc .mosaic-wrp .mosaic{
    position: static;
}

.nobls-photo-page-pc .review-photo-list .mosaic-wrp .mosaic{

}

.operation-img-wrp{
    position: relative;
    text-align: center;
}

.operation-img-wrp .mosaic{
    position: absolute;
    top: 0;
    left: 0;
}

.nobls-photo-page-pc .review-photo-list .mosaic{
    position: absolute;
    top: 5px;
    left: 20px;
}

.common-audio-player-pc{

}

.common-audio-player-m{
    background: #ff3a5f;
}

.common-audio-player-pc a,
.common-audio-player-m a{
    float: left;
}

.table-notice-badge{
    color: #6e016e;
}

#content-m{
    /*padding-top: 240px;*/
}

.ft-nav-links-body-m{
    background: #6a6a6a;
    padding: 20px;
}

.ft-nav-links-body-m .ft-nav-links-list{

}

.ft-nav-links-body-m .ft-nav-links-list .ft-nav-links-link{
    display: block;
    text-align: center;
    color: #fff;
    line-height: 40px;
    font-size: 13px;
}

.btn-fixed-login-m{
    position: fixed;
    bottom: 90px;
    right: 10px;
    z-index: 100;
}

.btn-open-katalk-m{
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 100;
}

.bg-purple{
    background: #6b006c;
}

.bg-mint{
    background: #047887;
}

.bg-pink{
    background: #b01666;
}

.bg-brown{
    background: #7a3d26;
}

.nav-top-m{
    background: #f7f7f7;
    padding: 5px 5px;
}

.nav-top-table-m{
    width: 100%;
}

.nav-top-table-m td{
    padding: 1px;
}

.nav-top-table-m td img{
    width: 100%;
}

/* mobile menu */
.common-menu-m{
    border-top: 1px solid #dcdcdc;
    /*border-bottom: 1px solid #dcdcdc;*/
}

/* The container must be positioned relative: */
.custom-select {
    position: relative;
    font-family: Arial;
}

.custom-select select {
    display: none; /*hide original SELECT element: */
}

.select-selected {
    /*background-color: DodgerBlue;*/
    background-color: #fff;
    color: #444;
}

/* Style the arrow inside the select element: */
.select-selected:after {
    position: absolute;
    content: "";
    top: 50%;
    margin-top: -5px;
    right: 20px;
    width: 20px;
    height: 11px;
    background: url('./img/mobile/ico-arrow-down.gif') no-repeat center center;

}

/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
    transform: rotate(180deg);
}

/* style the items (options), including the selected item: */
.select-items div,
.select-selected {
    color: #444;
    /*padding: 16px 16px;*/
    line-height: 64px;
    height: 60px;
    /*border: 1px solid transparent;*/
    /*border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;*/
    cursor: pointer;
    text-align: center;
    font-size: 16px;
    border-bottom: 1px solid #dcdcdc;
    transition: 0.3s;
}

/* Style items (options): */
.select-items {
    position: absolute;
    /*background-color: DodgerBlue;*/
    background-color: #fff;
    color: #000;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
}

/* Hide the items when the select box is closed: */
.select-hide {
    display: none;
}

.select-items div:hover,
.same-as-selected {
    background-color: rgba(162, 112, 215, 1);
    color: #fff !important;
}


#content-m .lSPager{
    display: none;
}

#content-m .current-pager-m{
    text-align: center;
    padding: 10px 0;
}

#content-m .lSAction .lSPrev,
#content-m .lSAction .lSNext{
    display: none;
}

.clinic-interior-m{
    padding: 50px 0;
}

.clinic-interior-head-m{
    text-align: center;
    margin-bottom: 30px;
}

.clinic-interior-body-m{
    padding: 0 15px;
}

.board-body-m{
    padding: 0 15px;
    margin-top: 40px;
    margin-bottom: 40px;
}

.board-body-m .nobls-board-table{
    border-top: 1px solid #ddd;
}

.board-body-m .nobls-board-table tr td{
    text-align: left;
}

.nobls-board-body-m{
    margin-bottom: 50px;
}


.nobls-board-body-m .nobls-board-pc{
    padding: 30px 15px;
}

.nobls-board-body-m .contents-pc-inner{
    width: 100%;
}

.nobls-board-body-m .nobls-board-body .contents-pc-right{
    width: 100%;
    float: none;
}

.nobls-board-body-m .jp-board-info-bottom{
    text-align: center;
}

.top-spot-menu-m{
    padding: 20px;
}

.top-spot-menu-m table{
    width: 100%;
}

.top-spot-menu-m table td{
    padding: 5px;
}

.btm-fixed-menu-m {
    background: #f5f5f5;
    position: fixed;
    bottom: 0;
    left: -100%;
    width: calc(100% - 100px);
    transition: 0.5s;
}

.btm-fixed-menu-m li{
    float: left;
    width: 50%;
}

.btm-fixed-menu-m li a{
    display: block;
    height: 45px;
    line-height: 45px;
    text-align: center;
    font-size: 13px;
}

.btm-fixed-menu-m li a img{
    margin-right: 5px;
}


.login-page-m .login-page-pc{
    margin-bottom: 0;
}

.login-page-m .login-page-pc-bottom{
    margin-top: 0;
}

.login-page-m .page-title-section-m{
    padding: 0;
    text-align: center;
    color: #000;
    font-size: 18px;
    height: 55px;
    line-height: 55px;
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    position: relative;
}

.login-page-m .ico-angle-left-m{
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: -10px;
    width: 12px;
}

.register-page-m{
    margin-bottom: 50px;
}

.register-page-m .page-content-body-m{
    padding: 20px 20px 0;
    box-sizing: border-box;
}

.register-page-m .page-footer-m{
    padding: 0 20px 50px;
}

.register-page-m label{
    font-size: 13px;
}

.register2-page-m{
    margin-bottom: 50px;
}

.register2-page-m .page-m-content{
    border-top: none;
    margin: 0;
    padding: 0;
}

.find-id-page-m .btn-find-pw-after-find-id{
    width: 100%;
    font-size: 14px;
}

.find-id-page-m{
    margin-bottom: 30px;
}

.find-id-page-m .login-m-wrp{
    padding: 30px 10px;
}

.find-id-result-page-m{
    margin-bottom: 50px;
}

.find-id-result-page-m .register-form-wrp{
    padding: 0;
}

.find-id-result-page-m .register-form-body{
    width: 100%;
}

.find-id-result-page-m .display-find-id-btn-area .btn-login-after-find-id{
    width: 100%;
}

.find-id-result-page-m .btn-find-pw-after-find-id{
    width: 100%;
}

.find-id-result-page-m .register-form-title{
    font-size: 22px;
}

.find-id-result-page-m .register-form-desc{
    font-size: 13px;
}

.find-id-result-page-m .register-form-body-wrp{
    padding: 20px;
    background: #fff;
}


.find-id-page-pc{

}

.find-id-page-pc .register-form-title{
    margin-bottom: 30px;
    color: #212121;
    font-weight: bold;
}

.find-id-page-pc .register-form-body-wrp{
    padding-top: 40px;
}

.find-id-page-pc .register-form-desc{
    color: #333;
    font-size: 15px;
    /*margin-top: 50px;*/
}


.find-pw-result-m .register-form-wrp{
    padding: 0;
}

.find-pw-result-m .register-form-body{
    width: 100%;
}

.find-pw-result-m .register-form-body-wrp{
    border-top: 0;
    padding: 30px 20px;
}

.find-pw-result-m .register-form-title{
    font-size: 22px;
}

.find-pw-result-m .register-form-desc{
    font-size: 15px;
}


.reset-pw-page-m{

}

.reset-pw-page-m .register-form-wrp{
    padding: 0;
}

.reset-pw-page-m .register-form-body{
    width: 100%;
}

.reset-pw-page-m .register-form-body-wrp{
    padding: 30px 20px;
}

.reset-pw-page-m .register-form-wrp .btn-submit-find-id{
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
}

.reset-pw-page-m .btn-find-pw-after-find-id{
    width: 100%;
    font-size: 14px;
}

.review-note-tab-wrp-m{

}

.review-page-title-m{
    text-align: center;
    font-size: 22px;
    color: #333;
    font-weight: bold;
    margin-top: 25px;
}

.review-note-body-wrp-m{
    padding: 0 15px;
}

.review-note-body-wrp-m .review-note-body-pc{
    left: 0;
}

.review-note-body-wrp-m .review-note-body-pc .review-note-list{
    width: 50%;
    margin-right: 0;
    margin-bottom: 14px;
    box-sizing: border-box;
    border: none;
    height: auto;
}

.review-note-body-wrp-m .review-note-body-pc .review-note-list a{
    border: 1px solid #e5e5e5;
    height: 245px;
    display: block;
}


.review-note-body-wrp-m .review-note-body-pc .review-note-list:nth-child(2n-1) a{
    margin-right: 7px;
}

.review-note-body-wrp-m .review-note-body-pc .review-note-list:nth-child(2n) a{
    margin-left: 7px;
}


.nobls-review-details-m{
    margin: 20px 15px;
}

.nobls-review-details-m .jp-board-info-title{
    font-size: 18px;
}

.nobls-review-details-m .jp-board-info-body{
    padding: 20px 0;
}

.nobls-review-details-m .jp-board-detail-bottom-m .btn-m-list{
    width: 100px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background: #606060;
    display: inline-block;
    font-size: 14px;
}


.review-note-tab-wrp-m .review-note-tab-body li a{
    font-size: 14px;
    height: 45px;
    line-height: 45px;
}

#content-m .nobls-review-video-slider-wrp{
    margin-top: 50px;
}

#content-m .nobls-review-video-slider-wrp .swiper-slide img{
    width: 100%;
}

#content-m .nobls-review-video-slider-wrp{
    margin-bottom: 150px;
}

body .video-holder-m{
    width: 100% !important;
    top: 0 !important;
    left: 0 !important;
    margin: 0 !important;
    padding: 15px !important;
}

#content-m .nobls-review-video-slider-wrp .swiper-pagination-bullet{
    margin-bottom: 10px !important;
}

body .video-holder-m .video-holder-head .btn-close-video{
    top: -10px !important;
    right: -4px !important;
}


.nobls-review-photo-m{

}

.nobls-review-photo-m .review-note-tab-body li{
    width: 50%;
}

.nobls-review-photo-m .review-note-tab-body li a{
    height: 64px;
    line-height: 64px;
}

.nobls-review-photo-m .review-note-tab-body li:first-child a{
    line-height: normal;
    height: 64px;
    padding: 10px 5px 0;
    box-sizing: border-box;
}

.nobls-review-photo-m {
    padding: 0 15px;
}

.nobls-review-photo-m .review-photo-body-pc .review-photo-list{
    position: relative;
    margin-bottom: 10px;
}

.nobls-review-photo-m .review-photo-body-pc .review-photo-list img{
    width: 100%;
}

.nobls-review-photo-m .review-photo-body-pc .review-photo-list .mosaic{
    width: 100%;
    position: absolute;
    top: 5%;
    left: 0;
}

.nobls-review-details-m .operation-img-wrp .mosaic{
    top: 5%;
}

.review-audio-page-wrp-m{
    padding: 20px 15px;
}



.review-audio-page-wrp-m .review-audio-list-body-pc .review-audio-list{
    width: 100%;
    float: none;
    height: auto;
    margin-right: 0;
    margin-bottom: 15px;
}

.review-audio-page-wrp-m .review-audio-list-body-pc .review-audio-list a img{
    width: 100%;
}

.review-audio-page-wrp-m .review-audio-list-body-pc .review-audio-list:nth-child(2n){
    margin-left: 0;
}

.faq-page-wrp-m{

}

.faq-page-wrp-m .nobls-board-table tbody td:first-child,
.faq-page-wrp-m .nobls-board-table tbody td:last-child{
    text-align: left;
}

.nobls-faq-details-m .jp-board-info-body{
    padding: 50px 15px;
}


.secret-consulting-page-wrp-m .page-mid-request-pc2 .page-mid-request-inner{
    width: 100%;
    padding: 30px 15px;
}

.secret-consulting-page-wrp-m .secret-consulting-request-body .page-mid-request-pc2 .page-mid-request-inner .input-form-field-table{
    width: 100%;
}

.secret-consulting-page-wrp-m .input-form-field-table th{
    padding-right: 10px;
}

.secret-consulting-page-wrp-m .secret-consulting-request-body .input-form-field{
    padding-top: 30px;
    padding-bottom: 1px;
}


#content-m .secret-consulting-request-body .btn-area-m{
    padding-top: 20px;
    padding-bottom: 30px;
}

.mypage-page-m .register-form-wrp{
    padding-top: 0;
    padding-bottom: 0;
}

.mypage-page-m .register-form-body-wrp{
    border-top: 0;
    padding: 30px 15px;
}

.mypage-page-m .register-form-body{
    width: 100%;
}

.mypage-page-m .register-private-info-section{
    margin-top: 10px;
}


.q_4_3{
    position: absolute;
    top: 514px;
    left: 140px;
    width: 750px;
    height: 497px;
    box-sizing: border-box;
}

.q_4_3 ul{
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    padding: 20px 0;
}

.q_4_3 li{
    margin-bottom: 14px;
    color: #111;
    font-size: 15px;
}

.q_4_3 li:last-child{
    margin-bottom: 0;
}

.q_4_3 li label{
    margin-left: 10px;
    cursor: pointer;
}

.q_4_3 li input[type="checkbox"]{
    position: relative;;
    top: -1px;
}

.q_4_3 .btn-area{
    text-align: center;
    padding-top: 20px;
}

.q_4_3 .btn-area .btn-comeout-result{
    width: 200px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    color: #fff;
    background: #281f21;
    font-size: 15px;
    display: inline-block;
}

.diagnotics-result{
    position: relative;
}

.diagnotics-result .btn-direct-consulting{
    position: absolute;
    bottom: 179px;
    left: 389px;
    width: 255px;
    height: 62px;
}

.diagnotics-result .result{
    position: relative;
}

.diagnotics-result .result .btn-restart{
    position: absolute;
    bottom: 100px;
    left: 240px;
}

.diagnotics-result .result .btn-consult{
    position: absolute;
    bottom: 100px;
    left: 520px;
}

.diagnotics-wrp-m{
    padding: 20px 15px;
}

.diagnotics-wrp-m .diagnotics-inner{
    padding: 70px 15px 50px;
    background: #f1d4df url('./img/mobile/4_3/bg-diagnotics-m.jpg') no-repeat center 0;
    background-size: contain;
}

.diagnotics-question .q_4_3{
    width: 100%;
    position: static;
    height: auto;
    background: #fff;
    padding: 15px 15px 30px;
}

.diagnotics-wrp-m .q_4_3 ul{
    border: none;
}

.diagnotics-wrp-m .q_4_3 h6{
    text-align: center;
    border-bottom: 1px solid #e1e1e1;
    padding: 20px 0 20px;
}

.diagnotics-wrp-m .btn-area{
    margin-top: 20px;
}

.diagnotics-wrp-m .btn-area a{
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 16px;
    height: 55px;
    line-height: 55px;
    background: #281f21;
    border-radius: 55px;
    display: block;
}

.diagnotics-wrp-m .diagnotics-result .btn-restart{
    position: static;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 16px;
    height: 55px;
    line-height: 55px;
    background: #a4a2a3;
    border-radius: 55px;
    display: block;
}

.diagnotics-wrp-m .diagnotics-result .btn-consult{
    position: static;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 16px;
    height: 55px;
    line-height: 55px;
    background: #291e22;
    border-radius: 55px;
    display: block;
    margin: 30px 0 10px;
}


/* home-pc */
.home-pc{
    background: url('/assets/img/main/bg-home-pc.jpg') no-repeat center 0;
    background-size: cover;
    height: 100vh;
}

.home-pc-inner{
    width: 1200px;
    margin: 0 auto;
    position: relative;
    height: 100%;
}

/*.navigation-pc{*/
/*    position: relative;*/
/*    top: 60px;*/
/*    width: 1200px;*/
/*    margin: 0 auto;*/
/*}*/

/*.navigation-pc .navigation-body{*/

/*}*/

/*.navigation-pc .navigation-body li{*/
/*    float: left;*/
/*    text-align: center;*/
/*    width: 20%;*/
/*    position: relative;*/
/*    top: 50px;*/
/*}*/

/*.navigation-pc .navigation-body li:nth-child(3){*/
/*    top: 0;*/
/*}*/

/*.navigation-pc .navigation-body li a{*/
/*    color: #fff;*/
/*    font-size: 20px;*/
/*    font-family: 'Californian FB';*/
/*    transition: 0.5s;*/
/*    padding: 10px 0;*/
/*    display: block;*/
/*}*/

/*.navigation-pc .navigation-body li a:hover{*/
/*    font-weight: bold;*/
/*}*/

.company-pc{

}

.company-ban-pc{
    height: 834px;
    background: #000 url('/assets/img/company/bg-company-pc.jpg') no-repeat center 0;
}

.inquiry-ban-pc{
    height: 834px;
    background: #000 url('/assets/img/inquiry/img-inquiry-pc-01.jpg') no-repeat center 0;
}

.program-ban-pc{
    height: 834px;
    background: #000 url('/assets/img/program/pc/bg-program-pc-01.jpg') no-repeat center 0;
    position: relative;
}

.exhibition-ban-pc{
    height: 834px;
    background: #000 url('/assets/img/exhibition/img-exhibition-pc-01.jpg') no-repeat center 0;
}

.mid-navi-wrp{
    background: #000;
    width: 1200px;
    margin: 0 auto 0;
    position: relative;
}

.mid-navi-wrp .mid-navi-body{
    width: 1200px;
    margin: 0 auto;
}

.mid-navi-wrp .mid-navi-body li{
    float: left;
    position: relative;
}

.mid-navi-wrp .mid-navi-body li a{
    display: block;
    color: #fff;
    font-size: 18px;
    height: 55px;
    line-height: 55px;
    text-align: center;
}

.mid-navi-wrp .mid-navi-body li.home{
    border-right: 1px solid #4d4d4d;
}

.mid-navi-wrp .mid-navi-body li.home a{
    width: 55px;
}

.mid-navi-wrp .mid-navi-body li.current{
    border-right: 1px solid #4d4d4d;
}

.mid-navi-wrp .mid-navi-body li.current a{
    min-width: 200px;
    box-sizing: border-box;
    padding: 0 35px;
    font-size: 15px;
}

.mid-navi-wrp .mid-navi-body li.sub{
    border-right: 1px solid #4d4d4d;
}

.mid-navi-wrp .mid-navi-body li.sub a{
    min-width: 200px;
    box-sizing: border-box;
    padding: 0 35px;
    position: relative;
    font-size: 15px;
    color: #ff4248;
}

.mid-navi-wrp .mid-navi-body li.sub a img.ico,
.mid-navi-wrp .mid-navi-body li.current a img.ico{
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -4px;
    transition: 0.5s;
}

.footer-pc{
    background: #000;
    border-top: 1px solid #fff;
    padding-top: 80px;
    padding-bottom: 150px;
}

.footer-inner-pc{
    /*width: 1200px;*/
    /*margin: 0 auto;*/
    /*position: relative;*/
    /*box-sizing: border-box;*/
    /*padding-left: 320px;*/
}

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

.footer-m .ft-logo{
    position: static;
    text-align: center;
    margin-bottom: 20px;
    padding-top: 20px;
}

.footer-inner-m{
    padding: 0 20px 30px;
}

.footer-inner-pc .address{
    padding: 15px 0 0;
}

.form-inquiry-wrp{
    margin-top: 150px;
    margin-bottom: 180px;
    background: url('./img/inquiry/img-inquiry-pc-02.jpg') no-repeat center 350px;
}

.form-inquiry-inner{
    width: 1200px;
    margin: 0 auto;
    min-height: 949px;
}

.form-inquiry-inner .form-inquiry-left{
    float: left;
    margin-right: 102px;
    width: 538px;
}

.form-inquiry-inner .form-inquiry-right{
    float: left;
}

.form-inquiry-inner .form-inquiry-left h3{
    font-family: 'Nanum Myeongjo', serif;
    font-size: 34px;
    font-weight: 800;
}


.form-inquiry-inner .form-inquiry-left .desc{
    font-family: 'Noto Sans KR', sans-serif;
    color: #555;
    font-size: 17px;
    margin-top: 30px;
}


.form-inquiry-inner .form-inquiry-left .contact-table{
    width: 100%;
    margin-top: 60px;
}

.form-inquiry-inner .form-inquiry-left .contact-table th,
.form-inquiry-inner .form-inquiry-left .contact-table td{
    text-align: left;
    font-size: 17px;
    color: #000;
}

.form-inquiry-inner .form-inquiry-left .contact-table td{
    padding-top: 10px;
}

.form-inquiry-inner .form-inquiry-left .contact-table td a{
    font-family: 'Noto Sans KR', sans-serif;
    color: #555;
    font-size: 16px;
}

.form-inquiry-inner .form-inquiry-right{
    width: 560px;
}

.form-inquiry-inner .form-inquiry-right .form-inquiry-table-body{
    width: 100%;
}

.form-inquiry-inner .form-inquiry-right .form-inquiry-table-body th{
    text-align: left;
    font-size: 24px;
    font-weight: 400;
    color: #000;
}

.form-inquiry-inner .form-inquiry-right .form-inquiry-table-body th small{
    color: #bdbdbd;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 15px;
    margin-left: 10px;
}

.form-inquiry-inner .form-inquiry-right .form-inquiry-table-body td{
    padding-top: 10px;
    padding-bottom: 15px;
}

.form-inquiry-inner .form-inquiry-right .form-inquiry-table-body td input[type="text"],
.form-inquiry-inner .form-inquiry-right .form-inquiry-table-body td input[type="tel"],
.form-inquiry-inner .form-inquiry-right .form-inquiry-table-body td input[type="email"],
.form-inquiry-inner .form-inquiry-right .form-inquiry-table-body td select{
    border: none;
    border-bottom: 2px solid #000;
    width: 100%;
    box-sizing: border-box;
    padding: 0 15px;
    font-size: 16px;
    color: #000;
    height: 45px;
    line-height: 45px;
}

.form-inquiry-inner .form-inquiry-right .form-inquiry-table-body td textarea{
    border: none;
    border-bottom: 2px solid #000;
    width: 100%;
    box-sizing: border-box;
    font-size: 16px;
    color: #000;
    padding: 10px;
}

.form-inquiry-inner .form-inquiry-right .agreement-section{
    text-align: center;
    color: #000;
    padding: 45px 0;
}

.form-inquiry-inner .form-inquiry-right .agreement-section label{
    color: #000;
    font-size: 15px;
    margin-left: 5px;
}

.form-inquiry-inner .form-inquiry-right .agreement-section input[type="checkbox"]{
    position: relative;
    top: -1px;
}

.form-inquiry-inner .form-inquiry-right .agreement-section label + a{
    margin-left: 15px;
    background: #3d3d3d;
    color: #fff;
    display: inline-block;
    padding: 5px 10px;
    font-size: 12px;
    position: relative;
    top: -1px;
}


.form-inquiry-inner .form-inquiry-right .btn-area{

}

.form-inquiry-inner .form-inquiry-right .btn-area button[type="submit"]{
    padding: 0;
    margin: 0;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 20px;
    height: 80px;
    line-height: 80px;
    background: #000;
    border: none;
    font-family: 'Noto Sans KR', sans-serif;
}

.program-content-body{
    width: 1200px;
    margin: 150px auto 150px;
}

.program-title-pc{
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 60px;
}

.mid-navi-body-sub{
    position: absolute;
    top: 55px;
    left: 0;
    width: 100%;
    background: #fff;
    display: none;
    transition: 0.5s;
    border: 1px solid #ddd;
}

.mid-navi-wrp li.sub .mid-navi-body-sub li a{
    transition: 0.5s;
    color: #444 !important;
    height: auto;
    line-height: normal;
    padding-top: 10px;
    padding-bottom: 10px;
}

.mid-navi-body-sub li a:hover{
    /*background: #343434;*/
}

.mid-navi-wrp .mid-navi-body li.sub:hover .mid-navi-body-sub{
    display: block;
}

.mid-navi-wrp .mid-navi-body li.sub:hover img.ico,
.mid-navi-wrp .mid-navi-body li.current:hover img.ico{
    transform: rotate(180deg);
}

.wing-pc{
    position: fixed;
    top: 50%;
    right: 0;
    z-index: 100;
    margin-top: -220px;
    width: 193px;
    padding: 15px;
    background: #fff;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.3);
    border-radius: 5px;
}

.wing-pc table td{
    padding: 5px 0;
}

.wing-pc span,
.wing-pc a{
    /*width: 64px;*/
    /*height: 64px;*/
    /*border-radius: 64px;*/
    /*box-shadow: 1px 1px 5px rgba(0,0,0,0.3);*/
    /*overflow: hidden;*/
    /*display: inline-block;*/
}

.wing-m span,
.wing-m a{
    /*width: 55px;*/
    /*height: 55px;*/
    /*border-radius: 55px;*/
    /*box-shadow: 1px 1px 5px rgba(0,0,0,0.3);*/
    /*overflow: hidden;*/
    /*display: inline-block;*/
}

.wing-pc a.kakao-link{
    margin: 5px 0;
}


.navigation-pc .sub-navi-body{
    width: 100%;
    position: absolute;
    top: 42px;
    left: 0;
    background: #fff;
    padding: 10px;
    box-sizing: border-box;
    display: none;
    transition: 0.5s;
}

.navigation-pc .sub-navi-body li{
    float: none;
    width: 100%;
    position: static;
}

.navigation-pc .sub-navi-body li a{
    color: #555;
    font-size: 16px;
    text-align: center;
    font-family: 'Nanum Myeongjo', serif;
}


.navigation-pc .sub-navi-body li a:hover{
    color: #000;
}

.navigation-pc .navigation-body li:nth-child(2):hover .sub-navi-body{
    display: block;
}


.exhibition-head{
    width: 1200px;
    margin: 150px auto 60px;
    position: relative;

}

.exhibition-head h3{
    font-family: 'Nanum Myeongjo', serif;
    font-size: 34px;
    font-weight: 800;
}

.exhibition-head .field-group{
    position: absolute;
    bottom: 0;
    right: 0;
}

.exhibition-head .field-group .field-group-inner{
    position: relative;
}


.exhibition-head .field-group .field-group-inner input[type="search"]{
    border: none;
    border-bottom: 1px solid #000;
    height: 40px;
    line-height: 40px;
    box-sizing: border-box;
    padding: 0 10px 0 40px;
    font-size: 15px;
    color: #000;
}


.exhibition-head .field-group .field-group-inner button[type="submit"]{
    background: none;
    border: none;
    position: absolute;
    bottom: 10px;
    left: 5px;
}

.exhibition-body-wrp{
    margin-bottom: 200px
}

.exhibition-body-wrp .exhibition-body{
    max-width: 1500px;
    min-width: 1200px;
    margin: 0 auto;
}

.exhibition-body-wrp .exhibition-body li{
    float: left;
    width: 33.333%;
    box-sizing: border-box;
    margin-bottom: 60px;
    padding: 0 20px;
}


.exhibition-body-wrp .exhibition-body li a{
    display: block;
}

.exhibition-body-wrp .exhibition-body li img{
    width: 100%;
}

.home-m{
    width: 100%;
    height: 100vh;
    background: url('./img/home/bg-home-m.jpg') no-repeat;
    background-size: cover;
    position: relative;
}

.nav-m{
    height: 90px;
    position: relative;
    top: 20px;
}

.nav-m h1{
    text-align: center;
}

.tit-home-m{
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    margin-top: -50px;
    margin-left: -110px;
}

.btn-menu-m{
    position: absolute;
    top: 0;
    right: 20px;
}

#menu-body-m{
    position: fixed;
    top: 0;
    right: -200%;
    background: rgba(0,0,0,0.7);
    z-index: 1000;
    width: 100%;
    height: 100vh;
    transition: 0.5s;
}

.btn-close-nav-m{
    position: absolute;
    top: 40px;
    right: 20px;
    z-index: 100;
}

.menu-body-inner{
    padding: 45px 20px 0;
}

.menu-body-inner li{
    margin-bottom: 30px;
    position: relative;
    text-align: center;
}

.menu-body-inner li a{
    font-size: 17px;
    color: #fff;
}

.sub-menu-body{
    position: relative;
    left: 170px;
}

.sub-menu-body li{
    margin-bottom: 20px;
}

.sub-menu-body li a{
    font-size: 19px;
    color: #7c7c7c;
}

.wing-m{
    bottom: 20px;
}


.footer-m{
    background: #292929;
}

.footer-m .footer-inner-pc{
    width: 100%;
    padding: 0 20px;
}

.footer-m .footer-inner-pc .ft-logo{
    position: static;
}

.company-m{

}

.company-m .nav-m{
    position: absolute;
    width: 100%;
    z-index: 100;
}

.mid-navi-wrp-m{
    width: 100%;
}

.mid-navi-wrp-m .mid-navi-body{
    width: 100%;
}

.mid-navi-wrp-m .mid-navi-body li.home{
    box-sizing: border-box;
    width: 60px;
    border: none;
    position: relative;
}

.mid-navi-wrp-m .mid-navi-body li.home a{
    width: 100%;
    font-size: 14px;
}

.mid-navi-wrp-m .mid-navi-body li.current{
    width: calc(50% - 30px);
    border: none;
}

.mid-navi-wrp-m .mid-navi-body li.current a,
.mid-navi-wrp-m .mid-navi-body li.sub a{
    width: 100%;
    box-sizing: border-box;
    padding: 0 20px;
    min-width: auto;
    font-size: 14px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;

}

.mid-navi-wrp-m .mid-navi-body li.sub{
    width: calc(50% - 30px);
    border: none;
    position: relative;
}

.mid-navi-wrp-m .mid-navi-body li.sub:after{
    content: "";
    height: 60px;
    width: 1px;
    position: absolute;
    top: 0;
    left: 0;
    background: #4d4d4d;
}

.mid-navi-wrp-m .mid-navi-body li.home:after{
    content: "";
    height: 60px;
    width: 1px;
    position: absolute;
    top: 0;
    right: 0;
    background: #4d4d4d;
}

.mid-navi-wrp-m .mid-navi-body li a{
    height: 60px;
    line-height: 60px;
}

.contents-m{
    padding: 0 15px;
}

.contents-m .exhibition-wrp-pc{
    width: 100%;
}

.contents-m .exhibition-head{
    width: 100%;
    margin: 60px 0;
}

.contents-m .exhibition-head .field-group{
    position: relative;
    margin-top: 30px;
}

.contents-m  .exhibition-body-wrp .exhibition-body{
    width: 100%;
    max-width: 100%;
    min-width: 100%;
}

.contents-m  .exhibition-body-wrp .exhibition-body li{
    float: none;
    width: 100%;
}

.contents-m .exhibition-head .field-group .field-group-inner input[type="search"]{
    width: 100%;
}

.contents-m .form-inquiry-wrp{
    margin-top: 80px;
    margin-bottom: 120px;
}

.contents-m .form-inquiry-left{
    float: none;
    width: calc(100% - 30px);
    margin-right: 0;
    box-sizing: border-box;
}

.contents-m .form-inquiry-inner{
    width: 100%;
}

.contents-m .form-inquiry-wrp{
    background: none;
}

.contents-m .form-inquiry-inner .form-inquiry-right{
    width: 100%;
}

.contents-m .form-inquiry-inner .form-inquiry-right .form-inquiry-table-body th{
    font-size: 22px;
}


.page-ban-m{
    position: relative;
}

.page-ban-m .program-title-pc{
    font-size: 40px;
}

.nav-m + .page-ban-m .program-title-pc{
    font-size: 30px;
}

.program-m .mid-navi-body-sub{
    top: 60px;
}

.program-m .mid-navi-body-sub li{
    width: 100%;
    float: none;
}

.login-header-m{
    height: 80px;
    line-height: 80px;
    background: #000;
    overflow: hidden;
}

.login-header-m .nav-m{
    top: 0;
}

.login-header-m .nav-m h1{
    top: -1px;
    position: relative;
}

.login-header-m .nav-m h1 img{
    width: 50px;
}


.login-header-m .nav-m .btn-menu-m{
    top: 0;
}

.login-header-m .nav-m .btn-menu-m img{
    width: 38px;
}

.login-page-m .login-page-pc-inner{
    padding-bottom: 0;
}

.login-page-m .login-page-pc-bottom{
    margin-top: 0;
    padding-top: 0;
}

.login-page-m .login-page-pc-bottom-body{
    margin-top: 10px;
}

.login-page-m .page-login-title-m{
    font-family: 'Nanum Myeongjo', serif;
    font-size: 20px;
    margin-bottom: 15px;
    color: #000;
    font-weight: 700;
}

.page-title-m{
    text-align: center;
    font-size: 28px;
    margin-bottom: 30px;
}


.register-service-m{
    padding: 10px 15px 30px;
}

.register-service-m .tit{
    font-family: 'Nanum Myeongjo', serif;
    font-size: 18px;
    font-weight: 700;
}

.register-service-m .desc{
    font-size: 16px;
    color: #777;
    margin: 10px 0 10px;
}

.register-service-m a{
    display: block;
    border: 1px solid #000;
    font-size: 16px;
    color: #000;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-weight: bold;
    font-family: "Noto Sans KR";

}

.find-info-m{
    padding: 10px 15px 30px;
}


.find-info-m .tit{
    font-family: 'Nanum Myeongjo', serif;
    font-size: 18px;
    font-weight: 700;
}

.find-info-m .desc{
    font-size: 16px;
    color: #777;
    margin: 10px 0 10px;
}

.find-info-m a{
    display: block;
    border: 1px solid #000;
    font-size: 16px;
    color: #000;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-weight: bold;
    font-family: "Noto Sans KR";

}

.page-login-title-pc{
    /*font-family: 'Nanum Myeongjo', serif;*/
    font-size: 18px;
    margin-bottom: 15px;
}

.contents-pc .register-service-m{
    padding-left: 0;
    padding-right: 0;
    margin-top: 30px;
}


.contents-pc .find-info-m{
    padding-left: 0;
    padding-right: 0;
}

.jp-register-sub-pc{
    padding: 20px 0 50px;
    border-bottom: 2px solid #000;
    margin: 0 50px;
}


.jp-register-sub-pc .tit{
    font-family: 'Nanum Myeongjo', serif;
    font-weight: bold;
    font-size: 18px;
    color: #000;
}

.jp-register-sub-pc .desc{
    font-size: 16px;
    margin: 20px 0 20px;
    color: #555;
}


.register2-page-pc .section-title-m{
    font-weight: bold;
    border-bottom: 2px solid #000;
    margin-bottom: 5px;
}

.private-member-info-pc{
    /*border-top: 1px solid #e5e5e5;*/
    /*margin-top: 50px;*/
    /*padding-top: 50px;*/
}

.register2-table-pc{
    width: 100%;
}

.register2-table-pc th{
    color: #333;
    text-align: left;
    padding-left: 10px;
    box-sizing: border-box;
    width: 300px;
    font-size: 15px;
    font-weight: normal;
}

.register2-table-pc td{
    padding: 10px 0;
}

.login-tit-m{
    /*font-family: 'Nanum Myeongjo', serif;*/
    font-size: 17px;
    margin-bottom: 15px;
}

.login-tit2-m{
    /*font-family: 'Nanum Myeongjo', serif;*/
    font-size: 17px;
    margin-bottom: 15px;
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #e5e5e5;
}

.register2-page-m .jp-register-sub-pc{
    margin: 0 30px;
    padding-bottom: 30px;
}

#header-pc{
    background: #000;
}

.header-inner-pc{
    width: 1200px;
    margin: 0 auto;
    height: 91px;
    position: relative;
}


.header-inner-pc .logo{
    position: relative;
    top: 25px;
    display: inline-block;
}

.navigation-pc{
    position: absolute;
    top: 38px;
    left: 400px;
}

.navigation-pc li{
    float: left;
    margin-right: 50px;
}

.navigation-pc li:last-child{
    margin-right: 0;
}

.navigation-pc li a{
    display: block;
    color: #fff;
    font-size: 16px;
    /*font-weight: bold;*/
    transition: 0.4s;
    cursor: pointer;
}

.navigation-pc li a.active,
.navigation-pc li a:hover{
    color: #ff4248;
}

.lnb-pc{
    position: absolute;
    top: 15px;
    right: 0;
    width: 67px;
}

.lnb-pc .lnb-login-pc,
.lnb-pc .lnb-register-pc{
    display: inline-block;
    height: 26px;
    line-height: 26px;
    text-align: center;
    border: 1px solid #c0c0c0;
    width: 100%;
    color: #c0c0c0;
    font-size: 13px;
}

.lnb-pc .lnb-register-pc{
    margin-top: 6px;
}

#footer-pc{
    background: #292929;

}

.footer-inner-pc{
    width: 1200px;
    position: relative;
    margin: 0 auto;
    min-height: 160px;
    box-sizing: border-box;
    padding-left: 348px;
}

.footer-nav-wrp{
    border-bottom: 1px solid #5f5f5f;
    text-align: center;
    height: 70px;
    line-height: 70px;
}

.footer-nav-wrp a{
    color: #eee;
    font-size: 13px;
    margin: 0 30px;
}

.inner-section-pc{
    width: 1200px; margin: 0 auto; position: relative; height: 100%;
}

.stream-top-wrp-pc{
    height: 44px;
    overflow: hidden;
}

#navigation-slider{
    position: absolute;
    left: 0;
    top: 135px;
    z-index: 100;
    width: 100%;
    background: rgba(0,0,0,0.6);
    display: none;
}

.navigation-slider-inner-pc{
    min-height: 100px;
    padding: 20px 0 20px 380px;
    width: 1200px;
    margin: 0 auto;
    box-sizing: border-box;
}

.navigation-slider-inner-pc .sub-list-body{
    float: left;
    width: 100px;
}

.navigation-slider-inner-pc .sub-list-body li{
    text-align: center;
    margin-bottom: 15px;
}

.navigation-slider-inner-pc .sub-list-body li a{
    color: #fff;
    font-size: 15px;
    transition: 0.4s;
}

.navigation-slider-inner-pc .sub-list-body li a:hover,
.navigation-slider-inner-pc .sub-list-body li a.active{
    color: #ff4248;
}

.navigation-slider-inner-pc .sub-list-body-02{
    margin-left: 345px;
    width: 110px;
}


.board-table-wrapper{
    width: 1200px;
    margin: 0 auto;
    padding: 100px 0 200px;
}

.board-table-wrapper .board-title{
    text-align: center;
    color: #000;
    font-size: 24px;
    margin-bottom: 50px;
}

.board-table-wrapper .board-table{
    width: 100%;
}


.board-table-wrapper .board-table th{
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    height: 55px;
    line-height: 55px;
    font-size: 14px;
}

.board-table-wrapper .board-table td{
    border-bottom: 1px solid #ebebeb;
    padding: 20px 0;
}

.center_view_wrp_pc{
    width: 1200px;
    margin: 0 auto;
    padding: 100px 0 200px;
}

.jp-board-info-bottom .btn-go-lists{
    width: 70px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-size: 13px;
    background: #222;
}

.jp-board-info-foot{
    width: 100%;
}

.jp-board-info-foot .prev-link-wrp{
    border-bottom: 1px solid #ddd;
}

.jp-board-info-foot tr td{
    padding: 20px 0;
    font-size: 13px;
    color: #a8a8a8;
    border-bottom: 1px solid #ebebeb;
}

.jp-board-info-foot tr td a{
    font-size: 14px;
    color: #444;
}

.jp-board-info-foot tr td a:hover{
    text-decoration: underline;
}

.jp-board-info-foot tr td:first-child,
.jp-board-info-foot tr td:last-child{
    text-align: center;
}

.jp-board-info-title small{
    font-size: 14px;
    margin-right: 20px;
}

.center_view_wrp_pc .board-title{
    text-align: center;
    color: #000;
    font-size: 24px;
    margin-bottom: 50px;
}

.faq-wrp-pc{
    width: 1200px;
    margin: 0 auto;
    padding: 100px 0 200px;
}


.faq-wrp-pc .faq-board-table{
    border-top: 1px solid #e5e5e5;
}

.faq-wrp-pc .faq-board-table .answer td{
    text-align: left;
    background: #fbfbfb;
}

.faq-wrp-pc .faq-board-table .question{
    cursor: pointer;
}

.faq-wrp-pc .faq-board-table .is_close + tr.answer{
    display: none;
}

.faq-wrp-pc .faq-board-table .ico_close{
    color: #000;
}

.faq-wrp-pc .faq-board-table .ico_open{
    color: #999;
}

.faq-wrp-pc .faq-board-table .is_close .ico_close{
    display: inline-block;
}

.faq-wrp-pc .faq-board-table .is_close .ico_open{
    display: none;
}

.faq-wrp-pc .faq-board-table .is_open .ico_close{
    display: none;
}

.faq-wrp-pc .faq-board-table .is_open .ico_open{
    display: inline-block;
}

.faq-wrp-pc .nobls-board-table thead th{
    background: #fff;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    height: 50px;
    line-height: 50px;
}

.faq-wrp-pc .nobls-board-table tbody td{
    padding: 25px 0;
    font-size: 14px;
    color: #333;
}

.faq-wrp-pc h3{
    text-align: center;
    color: #000;
    font-size: 24px;
    margin-bottom: 40px;
}

.application-wrp-pc{
    width: 1200px;
    margin: 0 auto;
    padding: 100px 0 200px;
}

.application-wrp-pc h3{
    text-align: center;
    color: #000;
    font-size: 24px;
    margin-bottom: 40px;
}

.application-wrp-pc h3 .txt-red{
    color: #ff4248;
}


.application-wrp-pc .application-table-pc{
    width: 100%;
    border-top: 2px solid #000;
}

.application-wrp-pc th,
.application-wrp-pc td{
    border-bottom: 1px solid #ddd;
    padding: 15px 0;
}

.application-wrp-pc td{
    padding-right: 15px;
}

.application-wrp-pc th{
    font-size: 14px;
}

.application-wrp-pc .btn-area{
    /*border-top: 1px solid #ddd;*/
    padding-top: 50px;
    text-align: center;
}

.application-wrp-pc .btn-area button[type="reset"]{
    padding: 0;
    margin: 0;
    background: #fff;
    display: inline-block;
    width: 150px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    color: #000;
    font-size: 14px;
    border: 1px solid #c8c8c8;
}

.application-wrp-pc .btn-area button[type="submit"]{
    padding: 0;
    margin: 0;
    background: #222222;
    display: inline-block;
    width: 150px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    border: 1px solid #222222;
}


.application-wrp-pc select{
    height: 40px;
    padding: 0 15px;
    font-size: 14px;
    border: 1px solid #d2d2d2;
    color: #7f7f7f;
    width: 100%;
    box-sizing: border-box;
}


.application-wrp-pc input[type="text"]{
    height: 40px;
    padding: 0 15px;
    font-size: 14px;
    border: 1px solid #d2d2d2;
    color: #7f7f7f;
    width: 100%;
    box-sizing: border-box;
}

.application-wrp-pc textarea{
    padding: 15px;
    font-size: 14px;
    border: 1px solid #d2d2d2;
    color: #7f7f7f;
    width: 100%;
    box-sizing: border-box;
    min-height: 200px;
}


.representative{
    font-size: 30px;
    color: #ba1216;
    width: 410px;
    position: absolute;
    top: 285px;
    left: 393px;
    text-align: center;
    font-weight: bold;
    font-family: "Noto Sans KR", Arial;
}

.main-form-wrp-pc .main-form-body{
    width: 100%;
}

.main-form-wrp-pc form{
    width: 570px;
    position: relative;
    top: 285px;
    left: 310px;
}


.main-form-wrp-pc .main-form-body th{
    text-align: left;
}

.main-form-wrp-pc .main-form-body td{
    padding: 8px 0;
}

.main-form-wrp-pc .main-form-body td input[type="text"],
.main-form-wrp-pc .main-form-body td input[type="tel"]{
    height: 60px;
    line-height: 60px;
    border: 1px solid #e3e3e3;
    background: #f7f7f7;
    color: #acacac;
    font-size: 15px;
    box-sizing: border-box;
    padding: 0 15px;
    width: 100%;
}

.main-form-wrp-pc .main-form-body td textarea{
    border: 1px solid #e3e3e3;
    background: #f7f7f7;
    color: #acacac;
    font-size: 15px;
    box-sizing: border-box;
    padding: 15px;
    width: 100%;
}

.main-form-wrp-pc .agreement-area a{
    background: #000;
    font-size: 12px;
    color: #eee;
    padding: 3px 5px;
    display: inline-block;
}

.main-form-wrp-pc .agreement-area{
    text-align: center;
    font-size: 14px;
    color: #606060;
}


.main-form-wrp-pc .btn-area{
    text-align: center;
    margin-top: 40px;
}

.main-form-wrp-pc .btn-area button{
    padding: 0;
    margin: 0;
    width: 570px;
    height: 60px;
    line-height: 60px;
    background: #000;
    text-align: center;
    display: inline-block;
    color: #fff;
    font-size: 16px;
    border: none;
}

.register-warning-pc{
    border: 1px solid #eee;
    text-align: center;
    padding: 15px 0;
    color: #444;
    width: 640px;
    margin: 50px auto 0;
    box-sizing: border-box;
    font-size: 14px;
}

.reg-complete-pc .desc{
    text-align: center;
    margin-top: 50px;
    border: 1px solid #eee;
    padding: 50px 20px;
}

.reg-complete-pc .desc .warning{
    font-size: 13px;
    color: #7f7f7f;
    line-height: 25px;
    width: 500px;
    margin: 30px auto 0;
}

.reg-complete-pc .btn-area{
    margin-top: 50px;
    text-align: center;
}

.reg-complete-pc .btn-area a{
    width: 150px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-size: 15px;
    text-align: center;
    background: #271fa8;
    display: inline-block;
    border-radius: 10px;
}

.register-link-group{
    margin-top: 30px;
    text-align: center;
    font-size: 13px;
    color: #909090;
}

.register-link-group a{
    font-size: 13px;
    color: #909090;
    font-weight: 500 !important;
}

.register-link-group .splitter{
    color: #ddd;
    margin: 0 10px;
    font-size: 12px;
    position: relative;
    top: -2px;
}


.qna-table-pc{
    width: 100%;
}

.qna-table-pc thead th{
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    height: 50px;
    line-height: 50px;
    color: #000;
    font-size: 15px;
}

.qna-table-pc tbody td:first-child,
.qna-table-pc tbody td:last-child{
    /*text-align: left;*/
}

.qna-table-pc tbody td{
    padding: 15px 0;
    border-bottom: 1px solid #ebebeb;
    font-size: 15px;
}

.status-complete{
    color: #2c76ff;
}

.status-wait{
    color: #777;
}

.qna-table-pc .answer{
    background: #fbfbfb;
}

.qna-table-pc tbody td a{
    color: #333;
    font-size: 15px;
}

.board-table-wrapper .btn-area-top{
    text-align: right;
    margin-bottom: 15px;
}

.board-table-wrapper .btn-area-top a{
    width: 140px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    font-size: 15px;
    display: inline-block;
    background: #333;
}

.qna-answer-page{
    width: 1200px;
    margin: 0 auto;
}

.qna-answer-table-pc{
    width: 100%;
    border-top: 2px solid #000;
}

.qna-answer-table-pc th.tit{
    text-align: center;
    background: #f6f6f6;
    height: 50px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    font-weight: bold;
}

.qna-answer-table-pc th{
    font-size: 15px;
    font-weight: normal;
    border-bottom: 1px solid #dcdcdc;
}

.qna-answer-table-pc td{
    padding: 15px 0;
    font-size: 14px;
    color: #7f7f7f;
    border-bottom: 1px solid #dcdcdc;
}

.qna-answer-table-pc + .btn-area{
    margin-top: 80px;
    text-align: center;
}


.qna-answer-table-pc + .btn-area a.btn-delete,
.qna-answer-table-pc + .btn-area button.btn-delete{
    width: 140px;
    border: 1px solid #c8c8c8;
    color: #000;
    font-size: 15px;
    display: inline-block;
    height: 50px;
    line-height: 50px;
    text-align: center;
}

.qna-answer-table-pc + .btn-area a.btn-modify,
.qna-answer-table-pc + .btn-area button.btn-modify{
    width: 140px;
    border: 1px solid #222;
    color: #fff;
    font-size: 15px;
    display: inline-block;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #222;
}


#contents-m .qna-answer-table-pc + .btn-area a.btn-modify,
#contents-m .qna-answer-table-pc + .btn-area button.btn-modify{
    width: 120px;
    border: none;
    color: #fff;
    font-size: 15px;
    display: inline-block;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #222;
    position: relative;
    top: -1px;
}


#contents-m .qna-answer-table-pc + .btn-area a.btn-delete,
#contents-m .qna-answer-table-pc + .btn-area button.btn-delete{
    width: 120px;
    border: 1px solid #c8c8c8;
    color: #000;
    font-size: 15px;
    display: inline-block;
    height: 50px;
    line-height: 50px;
    text-align: center;
    position: relative;
    top: -1px;
}

.qna-write-form-wrp{

}


.qna-write-table{
    width: 100%;
    border-top: 2px solid #000;
}

.qna-write-form-wrp th,
.qna-write-form-wrp td{
    border-bottom: 1px solid #ebebeb;
    font-size: 15px;
    padding: 15px 0;
}


.qna-write-form-wrp td input{
    width: 100%;
    height: 45px;
    line-height: 45px;
    box-sizing: border-box;
    padding: 0 15px;
    font-size: 14px;
    border: 1px solid #d2d2d2;
}

.qna-write-form-wrp td textarea{
    width: 100%;
    height: 250px;
    box-sizing: border-box;
    padding: 15px;
    font-size: 14px;
    border: 1px solid #d2d2d2;
    outline: none;
}


.stream-top-wrp-m{
    height: 80px;
    overflow: hidden;
}

#header-m{
    height: 70px;
    line-height: 70px;
    background: #000;
    position: relative;
    z-index: 100;
    box-sizing: border-box;
    padding: 0 20px;
}

#contents-m{

}

.footer-nav-wrp-m{
    text-align: center;
    border-bottom: 1px solid #5f5f5f;
    padding: 20px;
    /*padding-bottom: 30px;*/
}

.footer-nav-wrp-m a{
    color: #fff;
    font-size: 12px;
    margin: 0 10px;
}

#header-m h1{
    text-align: center;
}

.btn-area-in-page-btm-m{
    text-align: center;
    padding: 30px 0 80px;
}

.btn-area-in-page-btm-m a{
    width: 150px;
    height: 50px;
    line-height: 50px;
    background: #000000;
    color: #fff;
    font-size: 15px;
    display: inline-block;
}

.application-wrp-m .application-wrp-pc{
    width: 100%;
    padding: 50px 0 100px;
}



.mid-navi-wrp-m .nobls-login-page-pc{
    width: 100%;
}

#content-m .nobls-login-page-pc{
    width: 100%;
}

#content-m .register-warning-pc{
    width: calc(100% - 30px);
    box-sizing: border-box;
    margin: 0 15px;
}

.reg-complete-pc .desc{
    margin: 20px 15px;
}

#content-m .reg-complete-pc .desc .warning{
    width: calc(100% - 30px);
    margin: 0 15px;
}


.mid-navi-wrp-m .mid-navi-body-sub li{
    float: none;
}

#contents-m .faq-wrp-pc{
    width: calc(100% - 30px);
    margin: 0 15px;
    box-sizing: border-box;
    padding: 60px 0 100px;
}

#contents-m .faq-wrp-pc .nobls-board-table tbody td{
    text-align: left;
    padding-left: 15px;
}

#contents-m .mid-navi-body-sub{
    top: 60px;
}

#contents-m .notice-wrp-m table{
    border-top: 1px solid #000;
}

#contents-m .faq-wrp-m table{
    border-top: 1px solid #000;
}

.notice-details-wrp-m{
    padding: 0 15px;
}

.notice-details-wrp-m .center_view_wrp_pc{
    width: 100%;
    padding: 60px 0 100px;
}

.notice-details-wrp-m .jp-board-info-title{
    font-size: 18px;
}

.qna-wrp-m{
    margin: 0 15px;
}

.qna-wrp-m .board-table-wrapper{
    width: 100%;
    padding: 60px 0 100px;

}

.qna-wrp-m .board-table-wrapper .btn-area-top{
    text-align: center;
}

.qna-wrp-m .board-table-wrapper .board-title{
    margin-bottom: 25px;
}

.qna-wrp-m .board-table-wrapper .btn-area-top a{
    width: 120px;
}

.qna-wrp-m .qna-table-pc tbody td:first-child{
    text-align: left;
}

.qna-wrp-m table{
    border-top: 2px solid #000;
}

.qna-write-wrp-m{
    margin: 0 15px;
}

.qna-write-wrp-m .board-table-wrapper{
    width: 100%;
    padding: 60px 0 100px;
}

.qna-wrp-m .qna-answer-page{
    width: 100%;
}


.main-form-btm-m{
    background: url('./img/main/mobile/bg-main-m-01.jpg') no-repeat 0 0;
    background-size: cover;
    padding: 50px 20px;
}

.main-form-btm-m form{
    background: #fff;
    padding: 30px 15px;
}

.main-form-btm-m form table{
    width: 100%;
}

.main-form-btm-m h4{
    text-align: center;
    padding: 0 0 20px 0;
}

#contents-m .main-form-btm-m td{
   padding: 4px 0;
}

#contents-m .main-form-btm-m td textarea{
    border: 1px solid #e3e3e3;
    background: #f7f7f7;
    color: #acacac;
    font-size: 15px;
    box-sizing: border-box;
    padding: 15px;
    width: 100%;
}


#contents-m .main-form-btm-m td input[type="text"],
#contents-m .main-form-btm-m td input[type="tel"]{
    height: 60px;
    line-height: 60px;
    border: 1px solid #e3e3e3;
    background: #f7f7f7;
    color: #acacac;
    font-size: 15px;
    box-sizing: border-box;
    padding: 0 15px;
    width: 100%;
}

#contents-m .main-form-btm-m .agreement-area{
    text-align: center;
    font-size: 13px;
    color: #606060;
    padding: 8px 0;
}

#contents-m .main-form-btm-m .agreement-area a{
    background: #000;
    font-size: 12px;
    color: #eee;
    padding: 3px 5px;
    display: inline-block;
}

#contents-m .main-form-btm-m .btn-area{
    margin-top: 10px;
}

#contents-m .main-form-btm-m .btn-area button{
    padding: 0;
    margin: 0;
    width: 100%;
    height: 60px;
    line-height: 60px;
    background: #000;
    text-align: center;
    display: inline-block;
    color: #fff;
    font-size: 16px;
    border: none;
}

.main-phone-area-m{
    text-align: center;
    padding: 15px 30px;
}

.main-phone-area-in-m{
    border: 1px solid #000;
    position: relative;
    padding: 15px 0;
}

.main-phone-area-in-m strong{
    font-size: 28px;
    font-weight: bold;
    color: #ba1216;
    font-family: "Noto Sans KR";
}

.contents-main-pc{

}

.notice-pc-wrp{
    position: absolute;
    top: 152px;
    width: 552px;
    left: 0;
    height: 291px;
}

.notice-pc-wrp .vt-notice-table{
    border: none;
}

.notice-pc-wrp .vt-notice-table td:first-child{
    text-align: left;
}

.notice-pc-wrp .vt-notice-table td:first-child a{
    max-width: 400px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    display: inline-block;
}

.notice-pc-wrp .vt-notice-table td{
    border: none;
    height: auto;
    line-height: normal;
    padding: 15px 0;
}

.rolling-banner-pc{
    position: relative;
}

.rolling-banner-pc .txt-banner-pc{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -171px;
    margin-left: -521px;
    z-index: 100;
}

.reg_type_body{
    margin: 50px auto 0;
    width: 1034px;
}

.reg_type_body .reg_unit{
    float: left;
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    text-align: center;
}

.reg_type_body .reg_unit a{
    width: 505px;
    height: 500px;
    line-height: 500px;
    display: block;
}

.reg_type_body .reg_unit:first-child{
    margin-right: 20px;
}

.reg-step{
    text-align: center;
}

.reg-agree-wrp{
    width: 1108px;
    margin: 0 auto;
}


.main-page-m{
    /*padding-bottom: 30px;*/
}

.main-page-m .mukteui-area{
    width: 100%;
    margin-bottom: 0;
}

.main-page-m .mukteui-area .center-page-pc{
    width: 100%;
}

.main-page-m .vt-contents-inner{
    width: 100%;
}

#vt-content-m .mukteui-area .lists-pc-wrp .list-unit .sub_tit{
    color: #777;
}

.main-page-m .mukteui-area .btn-area{
    padding: 0 15px 0;
    margin-top: 0;
}

.main-page-m .mukteui-area .btn-area a{
    height: 55px;
    line-height: 55px;
    font-size: 14px;
}

.main-board-area-m{
    padding: 0 15px;
}

.main-board-area-m .bundle-board-wrp{
    width: 100%;
    margin-top: 0;
}

.main-board-area-m .bundle-board-wrp .board-unit-wrp{
    width: 100%;
    float: none;
    margin-right: 0;
    margin-bottom: 15px;
}