/*# sourceURL=/html/starlawfirm_main_20211129/starlaw_workout/css/style_workout.css?ver=20240430 */
/*@ sourceURL=/html/starlawfirm_main_20211129/starlaw_workout/css/style_workout.css?ver=20240430 */
@charset "utf-8";
/* @import url("/html/starlawfirm_main_20211129/starlaw_workout/css/font.css?ver=20240430"); */


/*더보기*/
#s15 .more_btn {
    width: 190px;
    height: 40px;
    border-radius: 22px;
    background-size: 200% auto;
    background-image: linear-gradient(45deg, #2B94E0 12.7%, #78BD7B 100%);
    margin: 0 auto;
    font-size: 20px;
    line-height: 40px;
    font-weight: 500;
    text-align: center;
    font-family: 'Akzidenz-Grotesk BQ_2';
    box-shadow: 0px 3px 3px rgba(11,11,11,.15);
    outline:none;
}

#s15 .more_btn a,
#s15 .more_btn span,
#s15 .more_btn b,
#s15 .more_btn img,
#s15 .more_btn_c a,
#s15 .more_btn_c span,
#s15 .more_btn_c b,
#s15 .more_btn_c img{vertical-align:middle;}

#s15 .more_btn:hover{
      animation : gradient ease-in 2s infinite;
}

#s15 .more_btn:active{
      animation : gradient ease-in 2s infinite; 
}

#s15 .section,
#s15 .secwrap {
    position: relative;
    overflow: visible;
    width: 100%;
    margin: auto;
    display: block;
}

#s15 .section{
    height: auto;
    background: white;
}
#s15 .secwrap{
    height: 100%;
}

/*s15*/
#s15 {
    position: relative;
/*    height: 75vw;     */
    height: 1072px;
    background:white;
}

#s15 .secwrap{
    overflow: visible;
    max-width: 1920px;
}

#s15 .text_wrap {
    position: relative;
    padding: 132px 0 0 188px;
    z-index: 10;
}

#s15 .text_wrap .text01 {
    font-family: 'SCDream';
    font-weight: 400;
    font-size: 65.28px;
    letter-spacing: -3.84px;
    line-height: 80.64px;
}

#s15 .text_wrap .text01 span.bold {
    font-weight: 600;
}

#s15 .more_btn {
    font-family: 'Noto Sans KR';
    margin: 38px 0 0 0;
    width: 350px;
    height: 54px;
    font-size: 20px;
    font-weight: 400;
    line-height: 46px;
    border-radius: 50px;
}

#s15 .more_btn img {
       width: 10px;
}

#s15 .more_btn b {
    font-weight: 700;
}

#s15 .img01 {
    position: absolute;
    top: 185px;
    right: -82px;
    width: 1100px;
    height: auto;
}

#s15 .img02 {
    position: absolute;
    left: -47px;
    bottom: -111px;
    width: 855px;
    height: auto;    
}

@media all and (max-width: 1920px){
/*s15*/

    #s15 {
        height: 55.8vw;
    }

    #s15 .text_wrap .text01 {
        font-size: 3.4vw;
        letter-spacing: -0.2vw;
        line-height: 4.2vw
    }

    #s15 .text_wrap {
        padding: 7vw 0 0 10vw;
    }

    #s15 .img01 {
        top: 9.6vw;
        right: -4.3vw;
        width: 57.3vw;
    }

    #s15 .img02 {
        left: -2.4vw;
        bottom: -5.8vw;
        width: 44.5vw;
    }
}

/* Tablet */
@media all and (max-width:1024px) {
#s15 .more_btn{
      animation : gradient ease-in 2s infinite;
}

#s15 .more_btn{
      animation : gradient ease-in 2s infinite; 
}

/*s15*/

#s15 {
    height: 694px;
    height: 90.4vw;
}

#s15 .text_wrap {
    padding: 9.7vw 0 0 3.5vw;
}


#s15 .text_wrap .text01 {
    font-size: 34px;
    font-size: 4.4vw;    
    letter-spacing: -2px;
    letter-spacing: -0.3vw;
    line-height: 43px;
    line-height: 5.6vw;
}

#s15 .more_btn {
      display:inline-block;
      margin: 38px 0 0 0;
        width: 287px;
        height: 45px;
      font-size: 18px;
      line-height: 40px;
      border-radius: 20px;
    }

#s15 .more_btn a{
	display:inline-block;
}

#s15 .more_btn img {
      width: 9px;
}

#s15 .img01 {
    top: 230px;
    top: 29.9vw;
    right: -40px;
    right: -5.2vw;
    width: 491px;
    width: 63.9vw;
}

#s15 .img02 {
    left: -30px;
    left: -3.9vw;
    bottom: -37px;
    bottom: -4.8vw;
    width: 397px;
    width: 51.7vw;
}
}

/* Mobile */

@media all and (max-width:600px) {

  /*s15*/
  #s15{
    height:730px;
    height:182.5vw;
  }

  #s15 .text_wrap {
      padding: 84px 0 0 20px;
      padding: 21vw 0 0 5vw;
  }

  #s15 .text_wrap .text01 {
      font-size: 36px;
      font-size: 9vw;
      letter-spacing: -2px;
      letter-spacing: -0.5vw;
      line-height: 40px;
      line-height: 10vw;
  }

  #s15 .more_btn {
      margin: 16px 0 0 0;
        width: 210px;
        height: 44px;      
      font-size: 14px;
      line-height:40px;
      border-radius: 20px;
}

  #s15 .more_btn b {
}

  #s15 .more_btn img {
      width: 8px;
  }

  #s15 .img01 {
    top: 290px;
    top: 72.5vw;
    right: -30px;
    right: -7.5vw;
    width: 350px;
    width: 87.5vw;
  }

  #s15 .img02 {
    left: -18px;
    left: -4.5vw;
    bottom: 47px;
    bottom: 11.75vw;
    width: 260px;
    width: 65vw;
  }
}