.sub-visual{
    width: 100%;
    height: 620px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
}
.sub-vs-01{
    background-image: url(../images/sub/sub-vs-01.png);
}
.sub-vs-02{
    background-image: url(../images/sub/sub-vs-02.png);
}
.sub-vs-052{
    background-image: url(../images/sub/sub-vs-052.png);
}
.sub-vs-053{
    background-image: url(../images/sub/sub-vs-053.png);
}
.sub-vs-short{
    height: 300px;
    padding-top: 110px;
}
.sub-vs-board-txt{
    font-size: 20px;
    margin-bottom: 10px;
}
.sub-vs-board-tit{
    font-size: 35px;
}
.sub-vs-board-tit span{
    font-weight: 300;
}
.sub-vs-short .breadcrumb{
    margin-top: 60px;
}
.sub-visual-none{
    width: 100%;
    height: 230px;
    padding-top: 100px;
}
.sub-visual-none-02{
    height: 300px;
}
.sub-vs-05{
    background-image: url(../images/sub/sub-vs-05.png);
}
.sub-visual .inner{
    position: relative;
    height: inherit;
}
.sub-vs-inner{
    position: absolute;
    bottom: 20px;
}
.sv-tt{
    color: #80704d;
    font-size: 22px;
    text-align: left;
    margin-bottom: 50px;
    text-shadow: 0px 2px 16px rgba(0, 0, 0, 0.7);
}
.sv-tit{
    text-align: left;
    font-size: 60px;
    margin-bottom: 40px;
    text-shadow: 0px 2px 16px rgba(0, 0, 0, 0.7);
}
.sv-txt{
    text-align: left;
    font-size: 20px;
    margin-bottom: 55px;
    text-shadow: 0px 2px 16px rgba(0, 0, 0, 0.7);
}
.breadcrumb{
    text-align: left;
}
.breadcrumb li{
    position: relative;
    float: left;
    margin-right: 25px;
    font-weight: 300;
}
.breadcrumb li:not(:last-child)::after{
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -15px;
    width: 6px;
    height: 10px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 6px;
    background-image: url(../images/sub/chevron-right.png);
}
.sub-visual-none .breadcrumb li:not(:last-child)::after{
    background-image: url(../images/sub/chevron-right-b.png);
}
.sub-visual-none .breadcrumb{
    display: flex;
    justify-content: center;
}
.breadcrumb li:last-child{
    font-weight: 700;
    margin-right: 0;
}
.sub-sec{
    padding: 100px 0 90px;
}
.sub-sec-tit{
    font-size: 35px;
    margin-bottom: 20px;
}
.sub-sec-txt{
    font-size: 18px;
    margin-bottom: 60px;
}
.center-line{
    border-bottom: 1px solid #eee;
    margin-bottom: 35px;
}
.center-tab{
    width: 1000px;
    margin: 0 auto;
}
.center-tab p{
    float: left;
    width: calc(100% / 6);
    padding-bottom: 8px;
    font-size: 20px;
    color: #787878;
}
.center-tab span{
    padding-bottom: 8px;
    font-weight: 400;
}
.tab-active span{
    border-bottom: 2px solid #000;
    color: #000;
    font-weight: 600;
}
.center-map{
    width: 100%;
    height: 500px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 55px;
}
.map-muscle{
    background-image: url(../images/sub/map-mucsle.png);
}
.map-apple{
    background-image: url(../images/sub/map-apple.png);
}
.map-ann{
    background-image: url(../images/sub/map-ann.png);
}
.map-oldgym{
    background-image: url(../images/sub/map-oldgym.png);
}
.map-orangepilates{
    background-image: url(../images/sub/map-orangepilates.png);
}
.map-fitmad{
    background-image: url(../images/sub/map-fitmad.png);
}
.center-item{
    float: left;
    position: relative;
    width: calc((100% - 120px) / 4);
    height: calc(((1400px - 120px ) / 4 ) * 0.975);
    background-color: lavender;
    margin-right: 40px;
    text-align: left;
    margin-bottom: 40px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.center-item:nth-child(4n){
    margin-right: 0;
}
.muscle-01{
    background-image: url(../images/sub/center-img01.png);
}
.muscle-02{
    background-image: url(../images/sub/center-img02.png);
}
.muscle-03{
    background-image: url(../images/sub/center-img03.png);
}
.muscle-04{
    background-image: url(../images/sub/center-img04.png);
}
.muscle-05{
    background-image: url(../images/sub/center-img05.png);
}
.muscle-06{
    background-image: url(../images/sub/center-img06.png);
}
.muscle-07{
    background-image: url(../images/sub/center-img07.png);
}
.muscle-08{
    background-image: url(../images/sub/center-img08.png);
}
.muscle-09{
    background-image: url(../images/sub/center-img09.png);
}
.muscle-10{
    background-image: url(../images/sub/center-img10.png);
}
.muscle-11{
    background-image: url(../images/sub/center-img11.png);
}
.muscle-12{
    background-image: url(../images/sub/center-img12.png);
}
.muscle-13{
    background-image: url(../images/sub/center-img13.png);
}
.muscle-14{
    background-image: url(../images/sub/center-img14.jpg);
}
.muscle-15{
    background-image: url(../images/sub/center-img15.png);
}
.muscle-16{
    background-image: url(../images/sub/center-img16.png);
}
.muscle-17{
    background-image: url(../images/sub/center-img17.png);
}
.muscle-18{
    background-image: url(../images/sub/center-img18.png);
}
.muscle-19{
    background-image: url(../images/sub/center-img19.jpg);
}
.muscle-20{
    background-image: url(../images/sub/center-img20.jpg);
}
.apple-01{
    background-image: url(../images/sub/center-img01.png);
}
.apple-02{
    background-image: url(../images/sub/center-img02.png);
}
.apple-03{
    background-image: url(../images/sub/center-img03.png);
}
.apple-04{
    background-image: url(../images/sub/center-img04.png);
}
.apple-05{
    background-image: url(../images/sub/center-img04.png);
}
.ann-01{
    background-image: url(../images/sub/ann-img01.png);
}

/*올드짐*/
.oldgym-01 {
    background-image: url(../images/sub/oldgym-img01.jpg);
}
.oldgym-02 {
    background-image: url(../images/sub/oldgym-img02.jpg);
}
.oldgym-03 {
    background-image: url(../images/sub/oldgym-img03.jpg);
}
.oldgym-04 {
    background-image: url(../images/sub/oldgym-img04.jpg);
}

/*오렌지필라테스*/
.orangepilates-01 {
    background-image: url(../images/sub/orangepilates-img01.jpg);
}

/*핏메드*/
.fitmad-01 {
    background-image: url(../images/sub/fitmad-img01.jpg);
}

.center-tbox{
    width: 100%;
    height: auto;
    position: absolute;
    padding: 20px 15px 15px;
    bottom: 0;
    color: #fff;
    background: rgb(0,0,0);
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%);
}
.center-tbox h4{
    font-size: 22px;
    margin-bottom: 8px;
}
.center-tbox p{
    font-weight: 300;
}
.about-box>div{
    width: 100%;
    height: 550px;
    margin-bottom: 100px;
}
.about-div>div{
    float: left;
}
.about-img{
    width: 55%;
    height: inherit;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.ai-01{
    background-image: url(../images/sub/brand-01.png);
}
.ai-02{
    background-image: url(../images/sub/brand-02.png);
}
.ai-03{
    background-image: url(../images/sub/brand-03.png);
}
.ai-04{
    background-image: url(../images/sub/brand-04.png);
}
.ai-05{
    background-image: url(../images/sub/brand-05.png);
}
.ai-06{
    background-image: url(../images/sub/brand-06.png);
}
.about-txt{
    transform: translateY(35%);    
    padding-left: 80px;
    width: 45%;
    text-align: left;
    height: inherit;
}
.about-txt p{
    font-size: 18px;
    line-height: 1.6;
}
.about-txt h4{
    font-weight: 600;
    font-size: 28px;
    margin: 15px 0 40px;
}
.about-txt h4 span{
    color: #a38a54;
    font-weight: 800;
}
.about-ceo{
    position: relative;
    width: 100%;
    height: 900px;
    padding: 85px 0 165px;
    background-color: #fafafa;
}
.ceo-txt{
    float: left;
    width: calc(100% - 680px);
    text-align: left;
}
.ceo-txt h4{
    font-size: 65px;
    font-weight: 800;
    margin: 350px 0 60px;
}
.ceo-txt p{
    font-size: 35px;
}
.ceo-txt p span{
    font-weight: 700;
}
.ceo-txt p.ceo-name{
    margin-top: 40px;
    font-size: 18px;
}
.ceo-img{
    float: right;
    position: relative;
    width: 600px;
    height: 650px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/sub/brand-ceo.png);
    margin-right: 80px;
}
.ceo-img::after{
    position: absolute;
    content: "";
    width: 1000px;
    height: 300px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 900px;
    background-image: url(../images/sub/perfect.png);
    top: -190px;
    right: 390px;
}
.history-inner{
    margin-top: 110px;
    margin-left: calc((100% - 1400px) / 2);
    overflow-x: scroll;
}
.history-list{
    width: 3600px;
}
.history-box{
    margin-top: 100px;
}
.history-box .sub-sec-tit{
    text-align: center;
}
.history-box .sub-sec-txt{
    text-align: center;
}
.history-new{
    float: left;
    width: 400px;
    height: auto;
    margin-right: 40px;
}
.history-item{
    position: relative;
    width: 400px;
    height: 400px;
    background-position:center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 20px;
}
.history-item:last-child{
    margin-right: 0
}
.hi-01{
    background-image: url(../images/sub/history-01.png);
}
.hi-02{
    background-image: url(../images/sub/history-02.png);
}
.hi-03{
    background-image: url(../images/sub/history-03.png);
}
.hi-04{
    background-image: url(../images/sub/history-04.png);
}
.hi-05{
    background-image: url(../images/sub/history-05.png);
}
.hi-06{
    background-image: url(../images/sub/history-06.png);
}
.hi-07{
    background-image: url(../images/sub/history-07.png);
}
.hi-08{
    background-image: url(../images/sub/history-08.png);
}
.history-txt{
    position: absolute;
    bottom: 15px;
    left: 15px;
    color: #fff;
}
.history-txt h4{
    font-size: 35px;
    text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
}
.history-new p{
    width: 100%;
    display: block;
    letter-spacing: -.05em;
    font-size: 16px;
    padding-left: 15px;
}
.history-new p span{
    display: block;
    float: left;
    width: 70px;
    line-height: 30px;
}
.history-new p b{
    display: block;
    float: left;
    width: calc(100% - 70px);
    line-height: 30px;
}
.org-box img{
    width: 100%;
}
.org-m{
    display: none;
}
.acitvity-line{
    border-bottom: 1px solid #eee;
    margin-bottom: 75px;
}
.activity-tab{
    width: 660px;
    margin: 0 auto;
}
.activity-tab p{
    float: left;
    width: 20%;
    padding-bottom: 8px;
    font-size: 20px;
    color: #787878;
}
.activity-tab span{
    padding-bottom: 8px;
    font-weight: 400;
}
.act-active span{
    border-bottom: 2px solid #000;
    color: #000;
    font-weight: 600;
}


.act-tit{
    text-align: left;
    font-size: 20px;
}
.act-tit span{
    margin-right: 20px;
    font-size: 22px;
    font-weight: 700;
}
.activity-img{
    width: 100%;
    height: 500px;
    margin-top: 25px;
}
.act-img{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 500px;
}
.act-img01{
    background-image: url(../images/sub/act-img01.png);
}
.act-img02{
    background-image: url(../images/sub/act-img02.png);
}
.act-img03{
    background-image: url(../images/sub/act-img03.png);
}
.sport-img01{
    background-image: url(../images/sub/sport-img01.png);
}
.sport-img02{
    background-image: url(../images/sub/sport-img02.png);
}
.sport-img03{
    background-image: url(../images/sub/sport-img03.png);
}
.sport-img04{
    background-image: url(../images/sub/sport-img04.png);
}
.workshop-img01{
    background-image: url(../images/sub/workshop-img01.png);
}
.workshop-img02{
    background-image: url(../images/sub/workshop-img02.png);
}
.workshop-img03{
    background-image: url(../images/sub/workshop-img03.png);
}
.workshop-img04{
    background-image: url(../images/sub/workshop-img04.png);
}
.summer-img01{
    background-image: url(../images/sub/summer-img01.png);
}
.summer-img02{
    background-image: url(../images/sub/summer-img02.png);
}
.summer-img03{
    background-image: url(../images/sub/summer-img03.png);
}
.summer-img04{
    background-image: url(../images/sub/summer-img04.png);
}
.pt-img01{
    background-image: url(../images/sub/pt-img01.png);
}
.pt-img02{
    background-image: url(../images/sub/pt-img02.jpg);
}
.pt-img03{
    background-image: url(../images/sub/pt-img03.png);
}
.activity-img .slick-prev, .activity-img .slick-next{
    width: 50px;
    height: 50px;
    background-color: #000;
    top: -50px;
}

.activity-img .slick-prev{
    left: unset;
    right: 60px;
    z-index: 999;
}
.activity-img .slick-next{
    right: 0;
}
.activity-img .slick-prev:before, .activity-img .slick-next:before{
    line-height: 52px;
}
.interview-video{
    width: 100%;
    height: 550px;
    overflow: hidden;
}
.interview-video video{
    width: 100%;
}
.sub-line{
    width: 1420px;
    height: 1px;
    background-color: #eee;
    margin: 100px auto 0;
}
.before-box>div{
    float: left;
    margin-right: 50px;
    width: calc((100% - 100px) / 3);
}
.before-box>div:nth-child(3n){
    margin-right: 0;
}
.ba-item{
    position: relative;
    margin-bottom: 50px;
}
.ba-item:last-child{
    margin-bottom: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.ba-item-sm{
    height: 325px;
}
.ba-item-big{
    height: 700px;
}
.ba-img-01{
    background-image: url(../images/sub/ba-img-01.png);
}
.ba-img-02{
    background-image: url(../images/sub/ba-img-02.png);
}
.ba-img-03{
    background-image: url(../images/sub/ba-img-03.png);
}
.ba-img-04{
    background-image: url(../images/sub/ba-img-04.png);
}
.ba-img-05{
    background-image: url(../images/sub/ba-img-05.png);
}
.ba-img-06{
    background-image: url(../images/sub/ba-img-06.png);
}
.ba-img-07{
    background-image: url(../images/sub/ba-img-07.png);
}
.ba-img-08{
    background-image: url(../images/sub/ba-img-08.png);
}
.ba-img-09{
    background-image: url(../images/sub/ba-img-09.png);
}
.ba-txt {
    position: absolute;
    width: 100%;
    bottom: 45px;
    color: #fff;
    text-shadow: 0px 2px 16px rgba(0, 0, 0, 0.7);
}
.ba-txt h5{
    font-size: 26px;
    line-height: 1.4;
    margin-bottom: 10px;
}
.sub-none-txt{
    font-size: 20px;
    margin-bottom: 10px;
}

.branch-box{
    margin-bottom: 75px;
}
.branch-tab{
    display: flex;
    width: 100%;
    justify-content: center;
    margin-bottom: 8px;
}
.branch-tab p{
    width: unset;
    font-size: 17px;
    margin: 0 15px;
}

.branch-tab span{
    padding-bottom: 8px;
    font-weight: 400;
}

.branch-active span{
    border-bottom: 2px solid #000;
    color: #000;
    font-weight: 600;
}
.muscle01-img01 {
    background-image: url(../images/sub/muscle01-img01.jpg);
}
.muscle01-img02 {
    background-image: url(../images/sub/muscle01-img02.jpg);
}
.muscle01-img03 {
    background-image: url(../images/sub/muscle01-img03.jpg);
}

.muscle02-img01 {
    background-image: url(../images/sub/muscle02-img01.jpg);
}
.muscle02-img02 {
    background-image: url(../images/sub/muscle02-img02.jpg);
}


.muscle03-img01 {
    background-image: url(../images/sub/muscle03-img01.jpg);
}
.muscle03-img02 {
    background-image: url(../images/sub/muscle03-img02.jpg);
}


.muscle04-img01 {
    background-image: url(../images/sub/muscle04-img01.jpg);
}
.muscle04-img02 {
    background-image: url(../images/sub/muscle04-img02.jpg);
}


.muscle05-img01 {
    background-image: url(../images/sub/muscle05-img01.jpg);
}
.muscle05-img02 {
    background-image: url(../images/sub/muscle05-img02.jpg);
}


.muscle06-img01 {
    background-image: url(../images/sub/muscle06-img01.jpg);
}
.muscle06-img02 {
    background-image: url(../images/sub/muscle06-img02.jpg);
}


.muscle07-img01 {
    background-image: url(../images/sub/muscle07-img01.jpg);
}
.muscle07-img02 {
    background-image: url(../images/sub/muscle07-img02.jpg);
}


.muscle08-img01 {
    background-image: url(../images/sub/muscle08-img01.jpg);
}
.muscle08-img02 {
    background-image: url(../images/sub/muscle08-img02.jpg);
}


.muscle09-img01 {
    background-image: url(../images/sub/muscle09-img01.jpg);
}
.muscle09-img02 {
    background-image: url(../images/sub/muscle09-img02.jpg);
}


.muscle10-img01 {
    background-image: url(../images/sub/muscle10-img01.jpg);
}
.muscle10-img02 {
    background-image: url(../images/sub/muscle10-img02.jpg);
}


.muscle11-img01 {
    background-image: url(../images/sub/muscle11-img01.jpg);
}
.muscle11-img02 {
    background-image: url(../images/sub/muscle11-img02.jpg);
}


.muscle12-img01 {
    background-image: url(../images/sub/muscle12-img01.jpg);
}
.muscle12-img02 {
    background-image: url(../images/sub/muscle12-img02.jpg);
}
.muscle13-img01 {
    background-image: url(../images/sub/muscle13-img01.jpg);
}
.muscle13-img02 {
    background-image: url(../images/sub/muscle13-img02.jpg);
}

.muscle14-img01 {
    background-image: url(../images/sub/muscle14-img01.jpg);
}
.muscle14-img02 {
    background-image: url(../images/sub/muscle14-img02.jpg);
}
.muscle14-img03 {
    background-image: url(../images/sub/muscle14-img03.jpg);
}
.muscle14-img04 {
    background-image: url(../images/sub/muscle14-img04.jpg);
}

.muscle15-img01 {
    background-image: url(../images/sub/center-img19.png);
}

.team01-img01 {
    background-image: url(../images/sub/team01-img01.jpg);
}
.team01-img02 {
    background-image: url(../images/sub/team01-img02.jpg);
}

.team02-img01 {
    background-image: url(../images/sub/team02-img01.jpg);
}
.team02-img02 {
    background-image: url(../images/sub/team02-img02.jpg);
}

.team03-img01 {
    background-image: url(../images/sub/team03-img01.jpg);
}
.team03-img02 {
    background-image: url(../images/sub/team03-img02.jpg);
}

.team04-img01 {
    background-image: url(../images/sub/team04-img01.jpg);
}
.team04-img02 {
    background-image: url(../images/sub/team04-img02.jpg);
}

.team05-img01 {
    background-image: url(../images/sub/team05-img01.jpg);
}
.team05-img02 {
    background-image: url(../images/sub/team05-img02.jpg);
}

.ann01-img01 {
    background-image: url(../images/sub/ann01-img01.jpg);
}
.ann01-img02 {
    background-image: url(../images/sub/ann01-img02.jpg);
}

.trainer-tit{
    margin-bottom: 40px;
}
.trainer-tit p{
    margin-bottom: 20px;
}
.trainer-tit h3{
    font-size: 35px;
}
.trainer-item{
    position: relative;
    float: left;
    width: calc((100% - 100px)/3);
    margin-right: 50px;
    margin-bottom: 50px;
}
.trainer-item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.trainer-item:nth-child(3n){
    margin-right: 0;
}
.trainer-txt{
    position: absolute;
    text-align: left;
    overflow: hidden;
    left: 30px;
    bottom: 30px;
    width: calc(100% - 60px);
    height: 140px;
    background-color: rgba(0,0,0,.7);
    padding: 40px 30px;
    transition: all 1s;
}
.trainer-txt .return-gold{
    font-weight: 700;
}
.trainer-txt h5{
    font-size: 25px;
    font-weight: 700;
    color: white;
    margin-top: 10px;
}
.trainer-txt .trainer-open{
    position: absolute;
    bottom: -200px;
    line-height: 30px;
    color: rgba(255,255,255,.7);
    margin-top: 30px;
}
.trainer-txt:hover{
    height: 300px;
}
.trainer-txt:hover .trainer-open{
    bottom: 30px;
    transition: all 1s;
}
.new-img{
    margin-bottom: 30px;
}
.new-txt h5{
    font-size: 22px;
    font-weight: 400;
    line-height: 40px;
    margin-bottom: 30px;
}
.new-txt h5 span{
    font-weight: 500;
}

@media screen and (max-width: 1280px) {
    .branch-tab p{
        font-size: 15px;
        margin: 0 10px;
    }
}
@media screen and (max-width: 1140px) {
    .sub-visual.sub-vs-short{
        height: 300px;
    }
    .sub-sec{
        padding-top: 0;
    }
}

/*E:1140*/
@media screen and (max-width: 1024px) {
    .sub-visual{
        height: 450px;
    }
    .sub-sec {
        padding: 80px 0 70px;
    }
    .about-box>div{
        height: 400px;
        margin-bottom: 80px;
    }
    .about-txt {
        padding-left: 60px;
        transform: translateY(23%);
    }
    .about-ceo{
        height: 670px;
    }
    .ceo-txt {
        float: left;
        width: calc(100% - 420px);
        text-align: left;
    }
    .ceo-img{
        width: 420px;
        height: 500px;
        margin-right: 0;
    }
    .ceo-img::after {
        background-size: 650px;
        top: -179px;
        right: 130px;
    }
    .ceo-txt h4 {
        font-size: 55px;
        line-height: 1.3;
        margin: 100px 0 60px;
    }
    .ceo-txt p{
        font-size: 26px;
    }
    .new-txt h5 {
        font-size: 18px;
        line-height: 30px;
        margin-bottom: 20px;
    }
    .history-inner{
        margin-top: 70px;
        margin-left: 20px;
    }
    .history-list {
        width: 2650px;
    }
    .history-new{
        width: 300px;
        margin-right: 30px;
    }
    .history-item{
        width: 300px;
        height: 300px;
    }
    .history-txt h4{
        font-size: 24px;
    }
    .history-new p span,
    .history-new p b{
        float: unset;
        width: 100%;
        line-height: 20px;
    }
    .history-new p b{
        font-size: 14px;
        margin-bottom: 5px;
    }
    .center-item{
        width: calc((100% - 60px) / 4);
        height: calc((100vw - 100px) / 4);
        margin-right: 20px;
        margin-bottom: 20px;
    }
    .center-tbox{
        padding: 15px 10px 10px;
    }
    .center-tbox h4{
        font-size: 20px;
        margin-bottom: 4px;
    }
    .center-tbox p{
        word-break: keep-all;
        font-size: 14px;
    }
    .center-map{
        margin-bottom: 35px;
    }
    .before-box>div{
        width: calc((100% - 60px)/3);
        margin-right: 30px;
    }
    .ba-item{
        margin-bottom: 30px;
    }
    .ba-txt h5{
        font-size: 22px;
    }
    .ba-txt{
        bottom: 35px;
    }
    .branch-tab p {
        font-size: 16px;
        margin: 0px 12px;
    }
    .trainer-item{
        width: calc((100% - 60px)/3);
        margin-right: 30px;
        margin-bottom: 30px;
    }
    .trainer-txt .trainer-open{
        position: absolute;
        bottom: 30px;
        line-height: 26px;
        font-size: 14px;
    }
    .trainer-txt{
        height: 280px;
        background-color: rgba(0,0,0,.6);
    }
    .trainer-txt .return-gold{
        font-size: 14px;
    }
    .trainer-txt h5{
        font-size: 22px;
    }
}

/*E:1024*/
@media screen and (max-width: 850px) {

    .branch-tab{
        display: unset;
    }
    .branch-tab p{
        float: left;
        width: 25%;
        padding: 10px 0;
        margin: 0;
        border: 1px solid #ddd;
        margin-top: -1px;
        margin-right: -1px;
    }
    .branches .acitvity-line{
        border: none;
    }
    .branch-active span{
        border: none;
    }

    .branch-tab p.branch-active{
        background-color: #a38a54;
        border-color: #a38a54;
    }
    .branch-active span{
        color: #fff;
    }
    .trainer-txt{
        padding: 30px 20px;
    }
    .trainer-item{
        width: calc((100% - 20px) / 2);
        margin-right: 20px;
    }
    .trainer-item:nth-child(3n){
        margin-right: 20px;
    }
}
/*E:850*/
@media screen and (max-width: 768px) {
    .org-pc{
        display: none;
    }
    .org-m{
        display: block;
    }
    .sv-tit{
        font-size: 54px;
        margin-bottom: 30px;
    }
    .sv-tt{
        display: none;
    }
    .sv-txt{
        font-size: 18px;
        margin-bottom: 45px;
    }
    .about-box>div{
        height: 310px;
    }
    .about-img{
        width: 50%;
    }
    .about-txt{
        width: 50%;
        padding-left: 30px;
        padding-right: 20px;
        transform: translateY(20%);
    }
    .about-txt p{
        font-size: 16px;
    }
    .about-txt p br{
        display: none;
    }
    .about-txt h4{
        font-size: 26px;
    }
    .ceo-img {
        width: 360px;
        height: 420px;
    }
    .ceo-img::after {
        background-size: 480px;
        top: -172px;
        right: 10px;
    }
    .ceo-txt h4{
        font-size: 45px;
    }
    .ceo-txt p {
        font-size: 22px;
    }
    .ceo-txt {
        word-break: keep-all;
        width: calc(100% - 360px);
    }
    .about-ceo {
        height: auto;
        padding: 85px 0 75px;
    }

    .center-item{
        width: calc((100% - 40px) / 3);
        height: calc((100vw - 80px) / 3);
    }

    .center-item:nth-child(4n){
        margin-right: 20px;
    }
    .center-item:nth-child(3n){
        margin-right: 0;
    }
    .center-tab{
        width: 100%;
    }
    .center-tab p{
        width: calc(100% / 3);
        font-size: 18px;
    }
    .center-map{
        height: calc((100vw - 40px)* 0.6);
    }
    .activity-tab{
        width: 100%;
    }
    .activity-tab p{
        font-size: 18px;
    }
    .acitvity-line{
        margin-bottom: 40px;
    }
    .activity-img .slick-prev, .activity-img .slick-next{
        top: 20px;
        width: 40px;
        height: 40px;
    }
    .activity-img .slick-prev:before, .activity-img .slick-next:before {
        line-height: 42px;
    }
    .activity-img .slick-prev{
        right: 45px;
    }
    .sub-visual-none{
        padding-top: 80px;
    }
    .interview-video{
        height: auto;
    }
    .sub-line {
        margin: 70px auto 0;
    }
    .before-box>div {
        width: calc((100% - 60px)/3);
        margin-right: 30px;
    }
    .before-box>div {
        width: calc((100% - 40px)/3);
        margin-right: 20px;
    }
    .ba-item{
        margin-bottom: 20px;
    }
    .ba-item-big {
        height: 580px;
    }
    .ba-item-sm {
        height: 200px;
    }
    .ba-txt h5 {
        font-size: 20px;
        word-break: keep-all;
        width: 90%;
        margin: 0 auto 15px;
    }
    .ba-txt h5 br{
        display: none;
    }
    .trainer-txt{
        width: 100%;
        left: 0;
        bottom: 0;
    }
    .sub-visual.sub-vs-short {
        height: 170px;
        padding-top: 50px;
    }
    .sub-vs-board-txt {
        font-size: 16px;
        margin-bottom: 0;
    }
    .sub-vs-board-tit {
        font-size: 25px;
    }
    .sub-vs-short .breadcrumb {
        margin-top: 35px;
    }
    .sub-sec-txt {
        margin-bottom: 30px;
    }
    .history-box {
        margin-top: 50px;
    }
    .new-img{
        margin-bottom: 20px;
    }
    .new-img img{
        width: 100%;
    }
    .center-tbox h4 {
        font-size: 16px;
    }
    .center-tbox p{
        display: none;
    }

}
/*E:768*/

@media screen and (max-width: 425px) {
    .sub-visual {
        height: 300px;
    }
    .sv-tit {
        font-size: 40px;
        margin-bottom: 10px;
    }
    .sv-tt{
        margin-bottom: 30px;
    }
    .sv-txt{
        font-size: 16px;
        margin-bottom: 40px;
    }
    .breadcrumb li{
        font-size: 14px;
    }
    .sub-sec {
        padding: 60px 0 50px;
    }
    .sub-sec-tit{
        font-size: 26px;
        line-height: 1.2;
    }
    .about-txt{
        padding-left: 20px;
        padding-right: 0;
        transform: unset;
        word-break: keep-all;
    }
    .about-div:nth-child(2n) .about-txt{
        padding-left: 0;
        padding-right: 20px;
    }
    .about-box>div{
        margin-bottom: 50px;
    }
    .ceo-txt{
        width: 100%;
    }
    .ceo-txt h4{
        font-size: 36px;
        margin:0 0 30px;
    }
    .ceo-txt p {
        font-size: 20px;
    }
    .ceo-img{
        width: 100%;
    }
    .about-ceo {
        padding: 50px 0 75px;
    }
    .ceo-txt p.ceo-name{
        margin-top: 30px;
    }
    .ceo-img {
        margin-top: 30px;
    }
    .ceo-img::after{    
        background-image: none;
        content: "Perfect";
        color: rgba(255, 255, 255, 0.5);
        width: 100%;
        height: 100px;
        z-index: 33333;
        font-size: 70px;
        font-weight: 800;
        top: unset;
        text-align: right;
        right: 0;
        bottom: 0;
    }

    .center-item{
        width: calc((100% - 20px) / 2);
        height: calc((100vw - 60px) / 2);
    }

    .center-item:nth-child(3n){
        margin-right: 20px;
    }
    .center-item:nth-child(2n){
        margin-right: 0;
    }
    .center-tbox h4{
        font-size: 16px;
    }
    .center-tbox p{
        font-size: 12px;
    }
    .center-tab p{
        font-size: 16px;
    }

    .activity-tab p{
        font-size: 16px;
    }
    .sub-sec-txt{
        margin-bottom: 40px;
    }
    .center-line{
        margin-bottom: 25px;
    }
    .act-tit span{
        display: block;
        font-size: 18px;
    }
    .act-tit{
        font-size: 16px;
    }
    .activity-img{
        height: 250px;
    }
    .act-img{
        height: 250px;
    }
    .sub-visual-none{
        padding-top: 70px;
        height: 200px;
    }
    .ba-item-big{
        height: 400px;
    }
    .before-box>div.after-list-01,
    .before-box>div.after-list-02{
        width: calc((100% - 20px) / 2);
    }
    .before-box>div.after-list-02{
        margin-right: 0;
    }
    .before-box>div.after-list-03{
        width: 100%;
        margin-top: 20px;
    }
    .after-list-03 .ba-item-big{
        height: 280px;
    }
    .ba-txt h5{
        font-size: 18px;
    }
    .ba-txt p{
        font-size: 14px;
    }
    .trainer-txt .trainer-open{
        display: none;
    }
    .trainer-txt{
        height: 40%;    
        background: rgb(0,0,0);
        background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
    }
    .trainer-txt h5{
        font-size: 20px;
    }
}