@charset "utf-8";
/* -------------------------------------------
*
* Project : responsive 
* File name : responsive.css
* Version : 1.0
*
* SUMMARY:
* 01) min-width : 1921px
* 02) min-width : 1904px
* 03) min-width : 1024px
* 04) min-width : 601px
* 05) max-width : 1880px
* 06) max-width : 1759px
* 07) max-width : 1620px
* 08) max-width : 1440px
* 09) max-width : 1340px
* 10) max-width : 1160px
* 11) w: 1024 ~ 1400 / mh : 865 / portrait
* 12) max-width : 1023px
* 13) max-width : 860px
* 14) max-width : 768px
* 15) max-width : 700px
* 16) max-width : 600px
* 17) max-width : 480px
* 18) max-width : 360px
* 19) max-width : 320px
* 20) max-width : 45em
*
* -------------------------------------------*/

/* **************************************** *
 * max-width : 1023px
 * **************************************** */
@media (max-width: 1023px) {
    /* PC gnb */
    
}

/* **************************************** *
 * max-width : 768px
 * **************************************** */
@media (max-width: 768px) {
    
    
    /* **************************************** *
     * 기본정보 페이지
     * **************************************** */
    #join .step {
        width:25%; 
        margin-right:0; 
        font-size: 13px; 
        text-align: center;
    }
    
    #join .step:last-child {
        width:25%; 
        margin-right:0; 
        font-size: 13px; 
        text-align: center;
    }
		
    #join .step .round_border {
        width:32px; 
        height:32px; 
        line-height:30px; 
        display:block; 
        margin:0 auto;
    }
    
	#join .join_wrap .panel-body {
        font-size:14px;
    }
    
	#join .join_row .alert {
        padding-left:30px; 
        text-align:left;
    }
    
	#join .join_row .alert .glyphicon {
        position:absolute; 
        top:18px; 
        left:13px;
    }
    
	#join .join_wrap .mob-two-line {
        line-height:1.3;
    }
    
	#join .join_wrap .push .mob-two-line {
        padding-top:11px;
    }
    
    
    /* **************************************** *
     * 회원가입
     * **************************************** */
    #join .join_row {
        padding: 0px 15px;
    }
    
    #join .join_wrap h2 {
        padding: 20px 15px;
        margin: 0px 0px 30px;
    }
    
    #join .join-process{
        margin-bottom: 15px;
    }
    
    #join .join_wrap .agree_content h2 {
        padding: 0px;
    }
    
    #join .join_row, #join .join_row label, 
    #join .join_wrap .btn {
        font-size: 15px;
    }
    
    #join .join_row input, #join .join_row select {
        letter-spacing: -0.5px;
    }

    #join .modal .join_row.width48 {
        width: 100%;
    }
    
    #join .modal .join_row.width48:first-child {
        margin-right: 0; 
        margin-bottom: 14px;
    }
    
    #join .modal .join_row {
        padding: 0;
    }
    
    #join .join_row .alert i {
        left: 10px;
    }

    #join .join_row input, #join .join_row select, 
    #join .join_row .join_label + span, #join .join_label + .btn-group, 
    #join .join_row .input_wrap, #join .modal .join_row .join_row input, 
    #join .modal .join_row .join_row select {
        width: 100%;
    }
    
    #join .join_row #UC_CPY_NM, #join .join_row #UC_CP_NM {
        width: 75%;
    }
    
    #join .modal .join_row .join_row .join_label {
        width: 25%;
    }
    
    #join .join_wrap .btn {
        padding: 10.5px 0px;
    }
    
    #join .join_row.use_agree .dp_block + .panel .panel-body.use .list-agree {
        padding-left: 20px;
    }
    
    /* **************************************** *
     * 회원가입
     * **************************************** */
    #join .container-fluid.step-menu .row {
        margin: 0 auto;
        padding: 12px 0px;
    }
    
    #join .join_wrap .wrap-accordion{
        padding: 0px 15px;
    }
    
    #join .join_wrap .wrap-accordion .title-accordion .right.notice i {
        position:absolute;
        right:25px;
        top:25px;
    }       
	
    body .group.reg .swiper-container .swiper-wrapper .swiper-slide {
        padding:0 30px;
    }
    
    body label.lable-btn {
        width:49%;
    }
    
    .agree-addprice .left a {
    	float:right;
        display:inline-block;
        padding: 2px 5px;
    }
    
    body #join .join_wrap .wrap-accordion .row-contents .contents.start-grade .left::after {
        display: none;
    }

    body #join .join_wrap .wrap-accordion .row-contents .contents.start-grade .list-start-grade {
        border-top: 0;
    }
    
    body .bankBook ul li{
        font-size: 13px;
    }
    
    body .bankBook ul li:first-child {
        width: 25%;
    }

    body .bankBook ul li:nth-child(2) {
        width: 25%;
        word-break: keep-all;
    }
    
    body .bankBook ul li:nth-child(3) {
        width: 25%;
    }

    body .bankBook ul li:last-child {
        width: 25%;
    }
    
    .bankBook.col2 ul li:last-child{
        width: 75%;
    }
    
    #join .join_label.basic_two_line {
        word-break:keep-all;
        line-height:1.3;
        padding-right:5px;
    }
	
    /* **************************************** *
     * 회원가입 - 스텝
     * **************************************** */
    #join .join_wrap{
        padding-top: 0px;   
    }
    
    #join .container-fluid.step-menu {
        padding-left: 0px;
        padding-right: 0px;
        border-bottom: 1px solid #e2e2e2;
        background: #fff;
    }
    
    #join .step .round_border{
        display: block;
        width: 25px;
        height: 25px;
        margin: 0 auto 5px;
        line-height: 22px;
    }
    
    #join .step .glyphicon{
        display: none;
    }
     
	
    /* **************************************** *
     * 회원가입 - 멤버십 등록
     * **************************************** */
    #join .join_wrap .step-massage {
        padding: 0px 20px;
        margin-top: 45px;
        margin-bottom: 45px;
        font-size: 24px;
        font-weight: 300;
    }
    
    #join .join_wrap .wrap-accordion .step{
        text-align: left;
    }
    
    #join .join_wrap .wrap-accordion .title {
        display: inline-block;
        width: 50%;
        padding: 0px;
    }
    
    #join .join_wrap .wrap-accordion .title-accordion .right.notice{
        display: inline-block;
        position: unset;
        top: auto;
        left: 20px;
        right: auto;
        width: 46%;
        margin-top: 0px;
        margin-left: 0px;
        margin-bottom: 20px;
        color: #b5b5b5;    
        text-align: right;
    }
    
    #join .join_wrap .wrap-accordion .row-contents .wrap-options {
        padding: 30px 10px;
        width:35%;
    }
    
    #join .join_wrap .wrap-accordion .row-contents .wrap-next {
        padding: 30px 10px;
        width:56%;
    }
    
    #join .join_wrap .wrap-accordion .row-contents .contents .title {
        width: auto;
    }
    
	
	/* **************************************** *
     * 회원가입 - 멤버십 등록 - 사진 및 재직 증명서 등록하기
     * **************************************** */
    #join .join_wrap .wrap-accordion .row-contents .contents {
        padding: 15px 10px;
    }
    
	
	/* **************************************** *
     * 회원가입 - 멤버십 등록 - 멤버십&등급 선택하기
     * **************************************** */
    .tab-content.view-plist .place-contents{
        width: 100%;
    }
    
    .tab-content.view-plist .place-contents .info {
        display: inline-block;
        width: 100%;
    }
    
    .agree-addprice .left {
        width: 100%;    
    }
    
    .agree-addprice .right {
        /*width: 100%;*/
        text-align: left;
    }
    
    
	
	/* **************************************** *
     * 회원가입 - 멤버십 등록 - 결제정보 입력하기
     * **************************************** */
    #join .join_label{
        width: 25%;
    }
    
    #join .join_wrap .wrap-accordion .row-contents .contents.checkout-detail{
        padding: 15px 10px;
    }
    
    .checkout-cms .line .right .wrap-radiobox{
        display: inline-block;
        margin-top: 10px;
        margin-left: 10px;
    }
    

    /* **************************************** *
     * 회원가입 - 시작일 변경 - 시작일 변경
     * **************************************** */
    #join .join_wrap .wrap-accordion .row-contents .contents.start-grade{
        display: block;
    }
    
    #join .join_wrap .wrap-accordion .row-contents .contents.start-grade .left {
        width: 100%;
    }
    
    #join .join_wrap .wrap-accordion .row-contents .contents.start-grade .right {
        width: 100%;
    }
    
    
    /* **************************************** *
     * 회원가입 - 완료
     * **************************************** */
    #join .join_wrap .wrap-accordion .row-contents .contents.start-grade .list-start-grade {
        padding-top: 20px;
        border-top: 1px solid #d8d6d6;
    }
    
    
    #sub-page ul.link_box li ul.tabs_find .active + li:last-child {
        padding:20px 0;
    }
    .mb-txt{font-size:12px;}
    
}

@media (max-width: 560px) {
    /* 멤버십 등록 */
    #join .join_wrap .wrap-accordion .title-accordion .title {
        display: inline-block;
        width: 100%;
    }
    
    #join .join_wrap .wrap-accordion .title-accordion .right.notice ul {
        display: inline-block;
        width: 100%;
    }
    
    #join .join_wrap .wrap-accordion .title-accordion .right ul li {
        margin-left: 10px;
        margin-right: 10px;
    }
    
    #join .join_wrap .wrap-accordion .title-accordion .right.notice > img {
        position: absolute;        
        display: inline-block;
        top: 30px;
        right: 25px;
    }
    
    #join .join_wrap .wrap-accordion .title-accordion .right.notice {
        width: 100%;
    }
    
    #join .join_wrap .wrap-accordion .title {
        width: auto;
    }
    
    #join .join_wrap .wrap-accordion .row-contents .contents.width50.sports, 
    #join .join_wrap .wrap-accordion .row-contents .contents.width50.culture {
        width: 100%;
        padding: 0px 60px 0px;
    }
    
    #join .join_wrap .wrap-accordion .row-contents .contents.width50.sports {
        border-right: 0px solid #eaeaea;
    }
    
    #join .join_wrap .wrap-accordion .row-contents .contents.width50.culture {
        margin-top: 40px;
    }
    
    /* 멤버십 등급 선택 */
    #modal_membership_list .nav-tabs li,
    #popGrade02 .nav-tabs li,
    #edit-grade1 .nav-tabs li,
    #edit-grade2 .nav-tabs li{
        width: 33%;
        /* background: #f7f7f7; */
    }
    
    #modal_membership_list .nav-tabs > li > a,
    #popGrade02 .nav-tabs > li > a,
    #edit-grade1 .nav-tabs > li > a,
    #edit-grade2 .nav-tabs > li > a{
        padding: 17px 5px;
    }
    
     #join .join_wrap .wrap-accordion .row-contents .contents.width50{
        width: 100%;
    }
    
    #join .join_wrap .wrap-accordion .row-contents .contents.depth-03 .text-notice {
        display: inline-block;
        width: 100%;
    }
    
    #join .join_wrap .wrap-accordion .row-contents .contents.depth-03 .text-notice p{
        width: 100%;
    }
    
    #modal_membership_list .wrap-grade-info .cont ul li.gcount,
    #edit-grade1 .wrap-grade-info .cont ul li.gcount{
        display: none;
        width: 15%;
        text-align: center;
    }
    
    #modal_membership_list .wrap-grade-info .cont ul li.disprice,
    #edit-grade1 .wrap-grade-info .cont ul li.disprice{
        display: none;
    }
    
    #modal_membership_list .wrap-grade-info .cont ul li.name,
    #edit-grade1 .wrap-grade-info .cont ul li.name{
        width: 32%;
        padding: 0px;
        font-size: 12px;
        line-height: 27px;
        text-align: left;
    }
    
    #modal_membership_list .wrap-grade-info .cont ul li.name .gcount,
    #edit-grade1 .wrap-grade-info .cont ul li.name .gcount{
        display: inline-block;
        width: 100%;
        line-height: 27px;
        color: #a4a7aa;
    }
    
    #modal_membership_list .wrap-grade-info .cont ul li.name .gcount .point,
    #edit-grade1 .wrap-grade-info .cont ul li.name .gcount .point{
        color: #8fb5ff;
    }
    
    #modal_membership_list .wrap-grade-info .cont ul li.price,
    #edit-grade1 .wrap-grade-info .cont ul li.price{
        width: 42%;
        text-align: center;
        line-height: 1px;
    }
    

    #modal_membership_list .wrap-grade-info .cont ul li.has-per p.fullprice .per,
    #edit-grade1 .wrap-grade-info .cont ul li.has-per p.fullprice .per{
        display: inline-block;
        width: 100%;
    }
    
    span.mPrice{
        display: inline-block;
    }
    
    #modal_membership_list .wrap-grade-info .cont ul li p.fullprice,
    #modal_membership_list .wrap-grade-info .cont ul li p.fullprice .pValue,
    #modal_membership_list .wrap-grade-info .cont ul li p.fullprice .mPrice{
        line-height: 27px;    
    }
    
    #edit-grade1 .wrap-grade-info .cont ul li p.fullprice,
    #edit-grade1 .wrap-grade-info .cont ul li p.fullprice .pValue,
    #edit-grade1 .wrap-grade-info .cont ul li p.fullprice .mPrice{
        line-height: 27px;    
    }
    

    #modal_membership_list .wrap-grade-info .cont ul li.reg,
    #edit-grade1 .wrap-grade-info .cont ul li.reg{
        width: 25%;
    }
    
    #popGrade02 .benefit .list,
    #edit-grade2 .benefit .list{
        width: 100%;
    }
    
    #popGrade02 .benefit .list ul .cont.has-count,
    #edit-grade2 .benefit .list ul .cont.has-count{
        display: inline-block;
        width: 100%;
        margin-bottom: 0px
    }
    
    #popGrade02 .benefit .list ul .cont.has-count .bname,
    #edit-grade2 .benefit .list ul .cont.has-count .bname{
        float: left;
        display: inline-block;
        width: 50%;
        text-align: left;
    }
    
    #popGrade02 .benefit .list ul .cont.has-count .bcount,
    #edit-grade2 .benefit .list ul .cont.has-count .bcount{
        float: right;
        display: inline-block;
        width: 50%;
        text-align: right;
    }
    
    /* 컬처 멤버십 선택*/
    #popGrade02 .wrap-grade-info .cont ul li.gcount,
    #edit-grade2 .wrap-grade-info .cont ul li.gcount{
        width: 33%;
        text-align: center;
    }

    #popGrade02 .wrap-grade-info .cont ul li.price,
    #edit-grade2 .wrap-grade-info .cont ul li.price{
        width: 33%;
        text-align: center;
    }

    #popGrade02 .wrap-grade-info .cont ul li.reg,
    #edit-grade2 .wrap-grade-info .cont ul li.reg{
        width: 33%;
    }
    
    #modal_membership_list .wrap-grade-info .cont.plus{
        padding-bottom: 20px;
        margin-bottom: 0px;
        border-bottom: 0px solid #dfebff;
    }
   
    /* 결제정보 입력하기 */
    #pay-info #PAYMENT_GUBUN {
        float: right;
        width: 100%;
        height: 55px;
        background-position: 95%;
        font-size: 17px;
        color: #6c6f73;
    }
    
    /* 시작일 변경 */
    #join .join_wrap .wrap-accordion #join-membership2 .title-accordion .right.notice {
        position: absolute;
        width: 100%;        
        left: 0px;
    }
    
    #start-sports .group.reg .swiper-container.swiperPhoto .swiper-wrapper .swiper-slide,
    #start-culture .group.reg .swiper-container.swiperPhoto .swiper-wrapper .swiper-slide{
        padding: 0px 0px;
        text-align: center;
    }
    
    /* 등록정보 */
    #join .wrap-compInfo #regInfo .row-contents .contents.start-grade .left, 
    #join .wrap-compInfo #regInfo .row-contents .contents.start-grade .right {
        width: 100%;
        border-right: 0px solid #eaeaea;
        border-bottom: 0px solid #eaeaea;
    }
    
    #rePhoto .row-contents .contents .left {
        float: left;
        display: inline-block;
        width: 100%;
        margin-bottom: 15px;
    }
    
    #rePhoto .row-contents .contents .right {
        display: inline-block;
        width: 100%;
    }
    
    #rePhoto .row-contents .contents .right br {
        display: none;
    }
    
    #rePhoto .row-contents .contents .right label.lable-btn {
        width: 100%;
    }
    
    #rePhoto .row-contents .contents .right .btn {
        display: inline-block;
        width: 100%;
    }
    
    .wrap-icon-box {
        display: inline-block;
        margin-bottom: 20px;
    }
    
    .wrap-icon-box .icon-box,
    .wrap-icon-box .icon-box:last-child {
        float: left;
        width: 32%;
        margin-bottom: 10px;
    }
    
    #join #join-membership .wrap-icon-box .icon-box a span.tit {
        color: #212529;
        font-size: 14px;
    }
    
    #join #join-membership .wrap-icon-box .icon-box a span.desc {
        margin-top: 7px;
        font-size: 15px;
        color: #888;
    }
    
    .join-banner {
        margin-bottom: 20px;
    }
    
    #join #compQna ul {
        padding-left: 0px;
    }
    
    #join #compQna ul li{
        font-size: 16px;
    }
    
    #join .join_wrap .wrap-accordion .row-contents .wrap-next {
        padding: 30px 10px 30px 0px;
    }
    
    /* 팝업 swiper slider */
    .group.reg .swiper-container.swiperPhoto .swiper-wrapper .swiper-slide {
        padding: 0px 40px;
        text-align: center;
    }
    
    /* 멤버십 & 등급 선택하기 슬라이드 배너*/
    #join .join_wrap .wrap-accordion .row-contents .contents.depth-03 .text-notice{
        min-height:160px;
    }
    
    #join .join_wrap .wrap-accordion .row-contents .contents.depth-03 .text-notice .bnf {
        width: 100%;
        text-align: center;
    }
    
    #join .join_wrap .wrap-accordion .row-contents .contents.depth-03 .text-notice .bnf p {
        display: inline-block;
        width: 100%;
        margin-top: 0px;
        text-align: center;
    }
    
    #join .join_wrap .wrap-accordion .row-contents .contents.depth-03 .text-notice .tit {
        position: relative;
        display: inline-block;
        top: -25px;
        width: 30%;
        font-size: 15px;
        text-align: center;
    }
    
    #join .join_wrap .wrap-accordion .row-contents .contents.depth-03 .text-notice.first .tit {
        top: 0px;
    }
    
    #join .join_wrap .wrap-accordion .row-contents .contents.depth-03 .text-notice.first .culture{
        position: relative;
        top: 15px;
    }
    
    #join .join_wrap .wrap-accordion .row-contents .contents.depth-03 .text-notice.first .result::before {
        content: '=';
        position: absolute;
        top: 0px;
        left: 0px;
    }
    
    #join .join_wrap .wrap-accordion .row-contents .contents.depth-03 .text-notice.first .result{
        top: 0px;
    }

    
    #join .join_wrap .wrap-accordion .row-contents .contents.depth-03 .text-notice .result {
        position: relative;
        display: inline-block;
        width: 20%;
        top: 15px;
    }
    
    #join .join_wrap .wrap-accordion .row-contents .contents.depth-03 .text-notice .culture {
        display: inline-block;
        position: relative;
        width: 30%;
        top: -15px;    
    }
    
    #join .join_wrap .wrap-accordion .row-contents .contents.depth-03 .text-notice .result {
        position: relative;
        top: -15px;
        width: 30%;
    }
    
    #join .join_wrap .wrap-accordion .row-contents .contents.depth-03 .text-notice .result p {
        text-align: center;
    }
    
    #join .join_wrap .wrap-accordion .row-contents .contents.depth-03 .text-notice .result::before {
        top: 0px;
        left: 0px;
    }
    
    #join .join_wrap .wrap-accordion .row-contents .contents.depth-03 .text-notice .tit .sports::after {
        content: '+';
        position: absolute;
        top: 15px;
        right: 0px;
    }
    
    #join .join_wrap .wrap-accordion .row-contents .contents.depth-03 .text-notice .tit .sports {
        position: relative;
        display: inline-block;
        width: 100%;
        padding-top: 15px;
        color: #4f7dff;
        top: -15px;
    }
}

@media (max-width: 560px){
    #join .join_wrap .wrap-accordion .row-contents .contents.depth-03 .text-notice.first .culture {
        position: relative;
        top: -13px;
    }
    
    #join .join_wrap .wrap-accordion .row-contents .contents.depth-03 .text-notice.first .result {
        top: -13px;
    }
    
    #modal_membership_list .modal-dialog,
    #popGrade02 .modal-dialog,
    #edit-grade1 .modal-dialog,
    #edit-grade2 .modal-dialog{
        position: fixed;
        top: 2%;
        left: auto; /* <-- Reset the default left value */
        right: 10px;
    }
    
    #modal_membership_list .modal-dialog .modal-body.no-pd,
    #popGrade02 .modal-dialog .modal-body.no-pd,
    #edit-grade1 .modal-dialog .modal-body.no-pd,
    #edit-grade2 .modal-dialog .modal-body.no-pd{
        height: 80vh;
        overflow-y: scroll;
    }
}


@media (max-width: 375px) {
    
    /* 멤버십 & 등급 선택하기 */
    #join .join_wrap .wrap-accordion .row-contents .contents.depth-03 .text-notice p.tit{
        font-size: 15px;
    }
    
    #join .join_wrap .wrap-accordion .row-contents .contents.depth-03 .text-notice p{
        font-size: 13px;
    }
    
    #modal_membership_list .nav-tabs > li > a, #popGrade02 .nav-tabs > li > a,
    #popGrade02 .nav-tabs > li > a, #popGrade02 .nav-tabs > li > a,
    #edit-grade1 .nav-tabs > li > a, #popGrade02 .nav-tabs > li > a,
    #edit-grade2 .nav-tabs > li > a, #popGrade02 .nav-tabs > li > a{
        padding: 17px 0px;
        font-size: 13px;
    }
    
    #modal_membership_list .tab-content.view-plist .place-contents .info {
        display: inline-block;
        width: 100%;
    }
    
    #join .join_wrap .wrap-accordion .row-contents .wrap-next .btn.prev, 
    #join .join_wrap .wrap-accordion .row-contents .wrap-next .btn.continue, 
    #join .join_wrap .wrap-accordion .row-contents .wrap-next .btn.complete {
        padding: 17px 15px;
    }
        
    #popGrade02 .wrap-grade-info .cont ul li.gcount,
    #edit-grade2 .wrap-grade-info .cont ul li.gcount{
        margin-top: 10px;
        line-height: 1.4;
        font-size: 13px;
    }
    
    #popGrade02 .wrap-grade-info .cont ul li p.fullprice .per,
    #edit-grade2 .wrap-grade-info .cont ul li p.fullprice .per{
        font-size: 15px;
    }
    
    #popGrade02 .wrap-grade-info .cont ul li.has-per p.fullprice .per,
    #edit-grade2 .wrap-grade-info .cont ul li.has-per p.fullprice .per{
        font-size: 15px;
    }
    
    #join .join_wrap .wrap-accordion .row-contents .wrap-options {
        padding: 30px 0px 30px 10px;
        width: auto;
    }
    
    
    #join .join_wrap .wrap-accordion .row-contents .contents.depth-03 .text-notice .culture p.subCul {
        display: inline-block;
        width: 100%;
        font-size: 11px;
        color: #3f9c47;
    }
    
    #join .join_wrap .wrap-accordion .row-contents .wrap-next {
        padding: 30px 10px;
        width: 56%;
    }
    
    #edit-grade1 .wrap-grade-info .cont.plus {
        padding-bottom: 20px;
        margin-bottom: 0px;
        border-bottom: 0px solid #dfebff;
    }
    
}


@media (max-width: 320px) {
    
    /* 회원가입 */
    #join .join_label.two_line {
        word-break:keep-all;
        line-height:1.3;
    }
    
    #welcomeReg .welcomChoice li p {
        font-size: 15px;
    }
    
    /* 멤버십 & 등급 선택하기 */
    #join .join_wrap .wrap-accordion .row-contents .contents.width50 {
        /*width: 0%;*/
    }
    
    /* 멤버십 & 등급 선택하기 */
    #modal_membership_list .nav-tabs > li > a, #popGrade02 .nav-tabs > li > a,
    #popGrade02 .nav-tabs > li > a, #popGrade02 .nav-tabs > li > a,
    #edit-grade1 .nav-tabs > li > a, #popGrade02 .nav-tabs > li > a,
    #edit-grade2 .nav-tabs > li > a, #popGrade02 .nav-tabs > li > a{
        padding: 17px 0px;
        font-size: 12px;
    }    
    
    /* 추가이용료 동의 */
    .agree-addprice .left p{font-size:13px;}
    /* 버튼 */
    #join .join_wrap .wrap-accordion .row-contents .wrap-next .btn.pagePrev,
    #join .join_wrap .wrap-accordion .row-contents .wrap-next .btn.prev, 
    #join .join_wrap .wrap-accordion .row-contents .wrap-next .btn.continue, 
    #join .join_wrap .wrap-accordion .row-contents .wrap-next .btn.complete {
        padding: 17px 7px;
    }
    
    #join .join_wrap .wrap-accordion .row-contents .wrap-next {
        padding: 30px 10px 30px 0px;
        width:50%;
    }
    
    #join .join_wrap .wrap-accordion .row-contents .contents.depth-03 .text-notice .result p .cost {
        font-size: 13px;
    }
    
    #join .join_wrap .wrap-accordion .row-contents .contents.depth-03 .text-notice .culture p {
        font-size: 15px;
        color: #3f9c47;
    }
}