@charset "utf-8";
/* CSS Document */

.client_right_text  { width: 750px; float: left;}
.client_left_text  { width: calc(100% - 750px); float: left; position: relative;}
.client_text { display:flex; width: 100%;}
.clients_left_cont { max-width: 356px; }
.clients_left_cont .small_tit { text-align: left;}
.client_nm span { font-size: 80px;  font-family: 'NanumMyeongjo'; color: #231f20; line-height: 90px; font-weight: normal; display: block;}
.client_right_text {position: relative; padding-left: 65px;}
.client_nm { top:0px;
    width: 100%;
    height: auto;
    position: relative;
    z-index: 0;
    margin: 0;
    padding: 0;
    -webkit-transition: top 11s;
    -moz-transition: top 11s;
    -ms-transition: top 11s;
    -o-transition: top 11s;
    transition: bottom 11s;}

.client_nm:hover {
    
    -webkit-transition: all 11s;
    -moz-transition: all 11s;
    -ms-transition: all 11s;
    -o-transition: all 11s;
    transition: all 11s;
}
.clientpg { position: relative; padding: 104px 0 119px;}
.clientpg:after { position: absolute; content: ""; background: #979797; max-width: 1162px; height: 1px; margin: 0 auto; left: 0; right: 0;bottom: 0;width: 100%;}
.common_join_team a { width: 90px;}
.proj_list {padding: 90px 139.2px 0 140px; }
.top-arrow { position: absolute;left:-40px;top: 18px;}
.down-arrow {position: absolute; left:-40px; bottom: 20px;}
.cl_text { height:auto; position: relative;}

.slick-prev:before { content: ""; background: url(../images/arrow-top.svg); width: 13px; height: 24px; display: block;}
.slick-next:before { content: ""; background: url(../images/arrow-down.svg); width: 13px; height: 24px;display: block; }
.slick-prev, .slick-next { width: 30px; height:30px;z-index: 99;}
.slick-prev {left: -45px; top: 40px;}
.slick-next{ left:-45px; right: auto; top: auto; bottom: 0;}




 @media (max-width: 1439px) {
     .client_nm span {font-size: 60px;line-height: 75px;}
     /* .cl_text { height:700px;} */
     .client_left_text {width: calc(100% - 550px);}
     .client_right_text {width: 550px;}
}

 @media (max-width: 1199px) {
     
     .client_nm span {font-size: 45px;line-height: 58px;}
     /* .cl_text { height:540px;} */
     .client_left_text {width: 100%;}
     .client_right_text {width: 100%;padding: 60px 0;}
     .client_text { flex-wrap: wrap;}
     .clientpg, .hm_projects { padding: 80px 0;}
     .clients_left_cont { max-width: 100%;}
     .proj_list {padding: 50px 50px 0 ;}
     .top-arrow { position: absolute;left: 0px;top: 9px;}
     .down-arrow {position: absolute;left: 0px;bottom: 20px;}
     .clientpg { padding-bottom: 0px;}
     .slick-prev {left: 1px; top: -30px;}
     .slick-next{ left: 1px; bottom: -55px;}
   }

 @media (max-width: 991px) {
     .proj_list {
    padding: 50px 0px 0;
}
}

 @media (max-width: 768px) {
     
     .client_nm span {font-size: 34px;line-height: 38px;}
     /* .cl_text {height: 370px;} */
}

 @media (max-width: 580px) {
     .proj_block .proj_box:not(:last-child) {
         margin-bottom: 60px; }
     
     .proj_block:nth-child(even) .proj_box:last-child { padding-bottom: 0; margin-bottom: 0; border: 0;}
 .proj_title.title_xlg {
    margin-bottom: 20px;
}
}

 @media (max-width: 360px) {
  
}