/**sub_main_box
 * Created by PhpStorm.
 * Date         : 2021-11-12
 * Developer    : SeHwan Hwang
 * Description  : wp_style.css
 * ⓒ 2021. WebPlanet Co. All Rights Reserved.
 */

@charset "utf-8";

/**********************************************************************************************************************/
/* 공통 스타일 */
/**********************************************************************************************************************/
/* font */
@font-face {
      font-family: 'Pretendard-Thin';
      src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin.woff') format('woff');
      font-weight: 100;
      font-style: normal;
}

@font-face {
      font-family: 'Pretendard-Light';
      src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');
      font-weight: 200;
      font-style: normal;
}

@font-face {
      font-family: 'Pretendard-ExtraLight';
      src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraLight.woff') format('woff');
      font-weight: 300;
      font-style: normal;
}

@font-face {
      font-family: 'Pretendard-Regular';
      src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
      font-weight: 400;
      font-style: normal;
}

@font-face {
      font-family: 'Pretendard-Medium';
      src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
      font-weight: 500;
      font-style: normal;
}

@font-face {
      font-family: 'Pretendard-SemiBold';
      src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
      font-weight: 600;
      font-style: normal;
}

@font-face {
      font-family: 'Pretendard-Bold';
      src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
      font-weight: 700;
      font-style: normal;
}

@font-face {
      font-family: 'Pretendard-ExtraBold';
      src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff') format('woff');
      font-weight: 800;
      font-style: normal;
}

@font-face {
      font-family: 'Pretendard-Black';
      src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff') format('woff');
      font-weight: 900;
      font-style: normal;
}

:root {
      --font-pre100: 'Pretendard-Thin';
      --font-pre200: 'Pretendard-Light';
      --font-pre300: 'Pretendard-ExtraLight';
      --font-pre400: 'Pretendard-Regular';
      --font-pre500: 'Pretendard-Medium';
      --font-pre600: 'Pretendard-SemiBold';
      --font-pre700: 'Pretendard-Bold';
      --font-pre800: 'Pretendard-ExtraBold';
      --font-pre900: 'Pretendard-Black';
}

/* 공통 */

html {
      scroll-behavior: smooth;
}

.hidden {
      height: 100%;
      min-height: 100%;
      overflow: hidden !important;
      touch-action: none;
}


.wp_wrap {
      word-break: keep-all;
      overflow: hidden;
      font-family: var(--font-pre400);

      /* 메인 스크롤 이동 시 */
      scroll-behavior: smooth;
}



/* INNER */
.wp_wrap .cm_inner {
      max-width: 1200px;
      width: 1200px;
      /* width: 100%; */
      height: 100%;
      margin: 0 auto;
}

/* SECTION */
.wp_wrap .cm_sec {
      padding: 120px 0;
}

.wp_wrap .cm_more {
      font-size: 18px;
}

.wp_wrap .cm_more i {
      font-size: 13px;
}

.wp_wrap .cm_sub_sec_tit {
      font-size: 50px;
      font-family: var(--font-pre600);
}

.wp_wrap .cm_sub_sec_tit span {
      font-size: 60px;
      font-family: var(--font-pre200);
}


/**********************************************************************************************************************/



/**********************************************************************************************************************/
/* 헤더 */
/**********************************************************************************************************************/
/*페이지구분1 슬라이드*/
.wp_wrap header {
      background: transparent;
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      z-index: 1000;
      transition: 0.5s;
}

.wp_wrap .h_inner {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: space-between;
      line-height: 100px;
}


.wp_wrap .notice_banner .left p {
      font-size: 18px;
      padding-right: 15px;
}

.wp_wrap .notice_banner .right {
      padding-left: 20px;
      border-left: 1px solid #DEDEDE;
}

.wp_wrap .notice_banner .right .r_name {
      font-size: 17px;
      font-weight: 600;
      margin-bottom: 10px;
}

.wp_wrap .notice_banner .right .r_name span {
      margin-left: 15px;
      font-size: 15px;
      font-weight: 200;
      color: #BBBBBB;
}

.wp_wrap .notice_banner .right .r_des {
      font-size: 15px;
}


.wp_wrap .h_inner .mo_logo {
      display: none;
}

.wp_wrap .h_inner .gnb {
      display: flex;
      justify-content: space-between;
}

.wp_wrap .h_inner .gnb a {
      display: block;
      padding: 0 30px;
}

.wp_wrap .h_inner .gnb>li>a {
      color: #fff;
      /* color: #000; */
}

.wp_wrap .h_inner .gnb .m_itm .last {
      padding: 0 0 0 30px;
}

.wp_wrap .h_inner .gnb .m_itm {
      position: relative;
      font-size: 18px;
      font-family: var(--font-pre600);
      text-align: center;
}

.wp_wrap .h_inner .gnb .smenu {
      display: none;
      position: absolute;
      top: 100px;
      left: 0;
      width: 100%;
      /* height: 0; */
      z-index: 999;
      font-size: 17px;
      padding: 15px 0 0 0;
      /* transition: 0.5s; */
}

.wp_wrap .h_inner .gnb .smenu li a {
      font-size: 18px;
      line-height: 50px;
      font-family: var(--font-pre400);
      font-weight: 400;
      text-align: center;
      padding: 0;
}

.wp_wrap .h_inner .m_open {
      display: none;
}

.wp_wrap .header_bg {
      display: none;
      position: absolute;
      top: 100px;
      left: 0;
      right: 0;
      width: 100%;
      height: 300px;
      background: rgba(242, 242, 242, 0.92);
      /* transition: 0.5s; */
      z-index: 998;
}


.wp_wrap header .header_bg .banner_box {
      display: block;
}

.wp_wrap header .header_bg .notice_banner {
      position: relative;
      top: 60px;
      background: #fff;
      display: flex;
      padding: 50px 20px;
      width: 45%;
      border-radius: 10px;
      align-items: center;
}

.wp_wrap header .mo_nav {
      display: none;
}



/**********************************************************************************************************************/



/**********************************************************************************************************************/
/* 푸터 */
/**********************************************************************************************************************/
/*페이지구분1 슬라이드*/

.wp_wrap footer {
      background: #E8E8E8;
}

.wp_wrap .f_inner {
      display: flex;
      align-items: center;
      gap: 40px;
      padding: 55px 0 60px 0;
}


.wp_wrap .f_info ul li {
      margin-right: 5px;
}

.wp_wrap .f_info ul li,
.wp_wrap .f_info p {
      font-size: 14px;
      font-weight: 200;
      color: #8F8F8F;
      padding-bottom: 5px;

}

.wp_wrap .f_info p a {
      color: #bfbfbf;
}

.wp_wrap .f_info ul {
      display: flex;
      margin-bottom: 20px;
      flex-direction: column;
}

.wp_wrap .f_info ul li span {
      padding-left: 10px;

}

/**********************************************************************************************************************/



/**********************************************************************************************************************/
/* 메인 */
/**********************************************************************************************************************/
.wp_wrap #p_main {
      overflow-x: hidden;
}

/*메인 슬라이드*/
.wp_wrap .main_visiual {
      position: relative;
}

.wp_wrap .main_visiual .main_slider .slide {
      position: relative;
      /* height: calc(100vh - 100px); */
      height: 100vh;
}

.wp_wrap .main_visiual .main_slider .slide .img_bg.item01 {
      background: url(../img/main/mainslide01.jpg) no-repeat center center / cover;
}

.wp_wrap .main_visiual .main_slider .slide .img_bg.item02 {
      background: url(../img/main/mainslide02.jpg) no-repeat center center / cover;
}

.wp_wrap .main_visiual .main_slider .slide .img_bg.item03 {
      background: url(../img/main/mainslide03.jpg) no-repeat center center / cover;
}

.wp_wrap .main_visiual .main_slider .slide .img_bg {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: 0;
      transform: scale(1.1);
      transition: 3s;
}

.wp_wrap .main_visiual .main_slider .slide.action .img_bg {
      transform: scale(1);
}

.wp_wrap .main_visiual .main_slider .slide_shadow {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: rgba(0, 0, 0, 0.3);
}

/* 슬라이드 텍스트 */
.wp_wrap .main_visiual .main_slider .slide .slide_shadow .shadow_inner {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
}

.wp_wrap .main_visiual .main_slider .slide .slide_shadow .shadow_inner .txt_box>* {
      text-align: center;
      color: #fff;
}

.wp_wrap .main_visiual .main_slider .slide .slide_shadow .shadow_inner .txt_box .thin_tit {
      font-size: 70px;
      font-family: var(--font-pre300);
}

.wp_wrap .main_visiual .main_slider .slide .slide_shadow .shadow_inner .txt_box .bold_tit {
      font-size: 70px;
      font-family: var(--font-pre700);
      margin-bottom: 20px;
      margin-top: -10px;
}


.wp_wrap .main_visiual .main_slider .slide .slide_shadow .shadow_inner .txt_box .thin_tit,
.wp_wrap .main_visiual .main_slider .slide .slide_shadow .shadow_inner .txt_box .bold_tit {
      margin-top: -10px;
      transform: translateY(100px);
      opacity: 0;
      transition: 0.7s;
}

.wp_wrap .main_visiual .main_slider .slide.action .slide_shadow .shadow_inner .txt_box .thin_tit,
.wp_wrap .main_visiual .main_slider .slide.action .slide_shadow .shadow_inner .txt_box .bold_tit {
      opacity: 1;
      transform: translateY(0);
}

.wp_wrap .main_visiual .main_slider .slide .slide_shadow .shadow_inner .txt_box .slide_des {
      font-size: 25px;
      font-family: var(--font-pre200);
      transform: translateY(100px);
      opacity: 0;
      transition: 0.7s 0.7s;
}

.wp_wrap .main_visiual .main_slider .slide.action .slide_shadow .shadow_inner .txt_box .slide_des {
      opacity: 1;
      transform: translateY(0);
}

/* 슬라이드 버튼 */
.wp_wrap .main_visiual .main_slider .slick-dots {
      position: absolute;
      top: 50%;
      right: 55px;
      transform: translate(-50%, -50%);
}

.wp_wrap .main_visiual .main_slider .slick-dots li {
      position: relative;
}

.wp_wrap .main_visiual .main_slider .slick-dots li button::before {
      content: '';
      width: 29px;
      height: 29px;
      border-radius: 50%;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      border: 1px solid #2FC5C2;
      background: transparent;
      display: none;
}

.wp_wrap .main_visiual .main_slider .slick-dots li button {
      position: relative;
      outline: none;
      border: none;
      font-size: 0;
      width: 13px;
      height: 13px;
      background: #fff;
      margin-bottom: 20px;
      border-radius: 50%;
}

.wp_wrap .main_visiual .main_slider .slick-dots li.slick-active button::before {
      display: block;
}

.wp_wrap .main_visiual .main_slider .slick-dots li.slick-active button {
      background: #2FC5C2;
}

/* 메인 스크롤 아이콘 */
.wp_wrap .main_visiual .scr {
      position: absolute;
      left: 50%;
      bottom: 75px;
      transform: translate(-50%, -50%);
}

.wp_wrap .main_visiual .scr a {
      display: flex;
      flex-direction: column;
      align-items: center;
}

.wp_wrap .main_visiual .scr .scr_icon {
      display: flex;
      justify-content: center;
      width: 17px;
      height: 30px;
      border: 1px solid #fff;
      border-radius: 8px;
      background: transparent;
      margin-bottom: 3px;
      padding: 4px 0;
}

.wp_wrap .main_visiual .scr .scr_icon .dot {
      position: relative;
      width: 9px;
      height: 9px;
      background: rgba(255, 255, 255, 0.4);
      border-radius: 50%;
}

.wp_wrap .main_visiual .scr .scr_icon .dot1,
.wp_wrap .main_visiual .scr .scr_icon .dot2 {
      position: absolute;
      top: 0;
      left: 0;
      width: 9px;
      height: 9px;
      content: '';
      background: rgba(255, 255, 255, 0.7);
      border-radius: 50%;
}

.wp_wrap .main_visiual .scr .scr_icon .dot2 {
      background: #fff;

}


.wp_wrap .main_visiual .scr .scr_txt {
      font-size: 12px;
      font-family: var(--font-pre200);
      color: #fff;
}


/* 섹션01 - 프로덕트 인트로덕션 */

.wp_wrap .sec_tit {
      font-size: 60px;
      font-family: var(--font-pre600);
}

.wp_wrap .sec_tit>span {
      font-size: 60px;
      font-family: var(--font-pre200);
}

.wp_wrap .sec01 .product_inner {
      position: relative;
}

.wp_wrap .sec01 .product_inner .sec_tit {
      text-align: center;
      margin-bottom: 50px;
}

.wp_wrap .sec01 .product_inner .product_slider {
      position: relative;
}

.wp_wrap .sec01 .product_inner .product_slider .slide {
      width: 100%;
      height: 365px;
}

.wp_wrap .sec01 .product_inner .product_slider .itm01 {
      background: url('../img/main/product01.jpg') no-repeat center center / cover;
}

.wp_wrap .sec01 .product_inner .product_slider .itm02 {
      background: url('../img/main/product02.jpg') no-repeat center center / cover;
}

.wp_wrap .sec01 .product_inner .product_slider .itm03 {
      background: url('../img/main/product03.jpg') no-repeat center center / cover;
}

.wp_wrap .sec01 .product_inner .product_slider .itm04 {
      background: url('../img/main/product04.jpg') no-repeat center center / cover;
}

.wp_wrap .sec01 .product_inner .product_slider .itm05 {
      background: url('../img/main/product03.jpg') no-repeat center center / cover;
}

.wp_wrap .sec01 .product_inner .product_slider .slick-slide {
      margin: 0 10px;
}

.wp_wrap .sec01 .product_inner .product_slider .slick-list {
      margin: 0 -10px;
}

.wp_wrap .sec01 .product_inner .ps_arrow {
      position: absolute;
      top: 20%;
      transform: translate(-50%, -50%);
      color: #5D5D5D;
      font-size: 20px;
      background: transparent;
      border: 1px solid #DEDEDE;
      width: 30px;
      height: 30px;
      display: flex;
      align-items: center;
      justify-content: center;
}

.wp_wrap .sec01 .product_inner .ps_arrow.ar_left {
      right: 20px;
      z-index: 9;
}

.wp_wrap .sec01 .product_inner .ps_arrow.ar_right {
      right: -15px;
}

.wp_wrap .sec01 .product_inner .product_slider .slide {
      position: relative;
}

.wp_wrap .sec01 .product_inner .product_slider .slide .blue_box {
      position: absolute;
      top: 82%;
      left: 0;
      right: 0;
      width: 100%;
      height: 100%;
      background: rgba(44, 56, 133, 0.9);
      transition: 0.3s
}

.wp_wrap .sec01 .product_inner .product_slider .slide:hover .blue_box {
      top: 0%;
}

.wp_wrap .sec01 .product_inner .product_slider .slide .txt_box {
      position: absolute;
      top: 98%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 100%;
      text-align: center;
      transition: 0.3s
}

.wp_wrap .sec01 .product_inner .product_slider .slide:hover .txt_box {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 100%;
      text-align: center;
}

.wp_wrap .sec01 .product_inner .product_slider .slide .txt_box .bsn_name {
      font-size: 20px;
      margin-bottom: 20px;
      color: #fff;
}

.wp_wrap .sec01 .product_inner .product_slider .slide .txt_box .more i {
      font-size: 31px;
      color: #fff;
}






/* 섹션02 - 어바웃 어스 */
.wp_wrap .sec02 {
      background: #fbfbfb;
}

.wp_wrap .sec02 .about_inner {
      display: flex;
      justify-content: space-between;
      align-items: center;
}

.wp_wrap .sec02 .about_inner .left {
      padding-left: 120px;
      flex: 1;
}

.wp_wrap .sec02 .about_inner .left .sec_tit {
      font-family: var(--font-pre800);
      margin-bottom: 5px;
}

.wp_wrap .sec02 .about_inner .left .sec_des {
      font-size: 17px;
      margin-bottom: 25px;
      line-height: 1.3;
}

.wp_wrap .sec02 .about_inner .left .info {
      font-size: 17px;
      margin-bottom: 70px;
}

.wp_wrap .sec02 .about_inner .left .info p {
      position: relative;
      font-size: 18px;
      color: #5D5D5D;
      margin-bottom: 10px;
      font-family: var(--font-pre600);
      margin-left: 15px;
}

.wp_wrap .sec02 .about_inner .left .info p span {
      font-size: 15px;
      margin-left: 30px;
      color: #141414;
}

.wp_wrap .sec02 .about_inner .left .info p::before {
      content: '';
      position: absolute;
      top: 30%;
      left: -3%;
      width: 7px;
      height: 7px;
      background: #DEDEDE;
      border-radius: 50%;
}

.wp_wrap .sec02 .about_inner .left .info p span .bol {
      font-size: 18px;
      font-family: var(--font-pre700);
      color: #141414;
}

.wp_wrap .sec02 .about_inner .right {
      flex: 1;
}

.wp_wrap .sec02 .about_inner .right .img_wrap {
      overflow: hidden;
}

.wp_wrap .sec02 .about_inner .right img {
      transition: 0.5s;
}

.wp_wrap .sec02 .about_inner .right:hover img {
      transform: scale(1.1);
}


/* 섹션03 - 컴파니 인포 */
.wp_wrap .sec03 .sec_tit {
      text-align: left;
      margin-bottom: 5px;
      color: #000;
}

.wp_wrap .sec03 .sec_des {
      font-size: 17px;
      color: #5D5D5D;
      margin-bottom: 35px;
}

.wp_wrap .sec03 .info_box {
      display: flex;
      justify-content: space-between;
      margin-bottom: 120px;
}

.wp_wrap .sec03 .info_box .inro_itm {
      display: block;
      width: 32%;
}

.wp_wrap .sec03 .info_box .inro_itm .img {
      margin-bottom: 20px;
}

.wp_wrap .sec03 .info_box .inro_itm img {
      width: 100%;
      height: 280px;
      object-fit: cover;
}

.wp_wrap .sec03 .info_box .inro_itm .txt .t_txt {
      font-size: 26px;
      color: #000000;
      margin-bottom: 10px;
      font-family: var(--font-pre600);
}

.wp_wrap .sec03 .info_box .inro_itm .txt .b_txt {
      font-size: 18px;
      color: #5D5D5D;
}

.wp_wrap .sec03 .cm_inner .cm_more::before {
      content: '';
      width: 1px;
      height: 40px;
      background: rgba(112, 112, 112, 0.4);
      position: absolute;
      top: -30px;
      left: 50%;
      transform: translate(-50%, -50%);

}

.wp_wrap .sec03 .cm_inner .cm_more {
      position: relative;
      text-align: center;
}








/* 섹션04 - 노티스 */
.wp_wrap .sec04 {
      background: #F7F7F7;
      overflow: hidden;
}

.wp_wrap .sec04 .notice_inner {
      display: flex;
      justify-content: space-between;
      align-items: stretch;
      gap: 135px;
}

.wp_wrap .sec04 .notice_inner .left .sec_des {
      font-size: 17px;
      color: #5D5D5D;
      margin-bottom: 20px;
}

.wp_wrap .sec04 .notice_inner .right {
      flex-grow: 1;
      height: 390px;
}

.wp_wrap .sec04 .notice_inner .right .notice_slider {
      position: relative;
      left: 0;
      top: 0;
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 20px;
      width: 1700px;
      overflow-x: hidden;
}


.wp_wrap .sec04 .notice_inner .right .notice_slider .slick-slide {
      width: 430px;
      margin: 0 10px;
}


.wp_wrap .sec04 .notice_inner .right .notice_slider .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] .hover_inner{ 
      opacity: 0;
  }

.wp_wrap .sec04 .notice_inner .right .notice_slider .slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"] .hover_inner{ 
      opacity: 1;
}
.wp_wrap .sec04 .notice_inner .right .notice_slider .slick-slide[aria-hidden="true"] + .slick-cloned[aria-hidden="true"] {
      opacity: 0;
}

.wp_wrap .sec04 .notice_inner .right .notice_slider .slick-list {
      margin: 0 -10px;
}

.wp_wrap .sec04 .notice_inner .right .notice_slider .slide {}

.wp_wrap .sec04 .notice_inner .right .notice_slider .slide .out {
      display: block;
      /* max-width: 420px; */
      height: 245px;
      padding: 60px 30px;
      background: #fff;
}

.wp_wrap .sec04 .notice_inner .right .notice_slider .slide .txt_box .in_flex {
      margin-bottom: 75px;
}

.wp_wrap .sec04 .notice_inner .right .notice_slider .slide .txt_box .inner_tit {
      font-size: 26px;
      font-family: var(--font-pre600);
      margin-bottom: 25px;
}

.wp_wrap .sec04 .notice_inner .right .notice_slider .slide .txt_box .inner_des {
      min-height: 65px;
      font-size: 18px;
      color: #5D5D5D;

}

.wp_wrap .sec04 .notice_inner .right .notice_slider .slide .txt_box .inner_date {
      display: flex;
      justify-content: flex-end;
      align-items: center;
      color: #BBBBBB;
      font-size: 18px;
}

.wp_wrap .sec04 .notice_inner .right .notice_slider .slide.on .out {
      background: #575c78;
}

.wp_wrap .sec04 .notice_inner .right .notice_slider .slide.on .txt_box .in_flex .inner_tit {
      color: #fff;
}

.wp_wrap .sec04 .notice_inner .right .notice_slider .slide.on .txt_box .in_flex .inner_des {
      color: #fcfcfc;
}

.wp_wrap .sec04 .notice_inner .right .notice_slider .slide.on .txt_box .inner_date {
      color: #eee;
}

/**********************************************************************************************************************/




/**********************************************************************************************************************/
/* 서브 */
/**********************************************************************************************************************/

/* 서브 메인 */


.wp_wrap .sub_main {
      position: relative;
      left: -15%;
      width: 130%;
      height: 450px;
      overflow: hidden;
}


.wp_wrap .sub_main .subBg {
      position: absolute;
      height: 900px;

}

.wp_wrap .sub_main img {
      position: absolute;
      top: -100px;
      left: -10%;
      width: 100%;
      object-fit: cover;
}

/* .wp_wrap .sub_main .sub_main_inner{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
} */

.wp_wrap .sub_main .sub_main_inner .txt_box {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      display: flex;
      flex-direction: column;
      align-items: center;
}

.wp_wrap .sub_main .sub_main_inner .txt_box .sm_tit {
      font-size: 50px;
      font-family: var(--font-pre200);
      margin-bottom: 10px;
      color: #fff;
}

.wp_wrap .sub_main .sub_main_inner .txt_box .sm_des {
      font-size: 20px;
      font-family: var(--font-pre200);
      color: #fff;
      text-align: center;
}


/* 서브 메뉴 */

.wp_wrap .sub_page .sub_main_box {
      overflow: hidden;
}

.wp_wrap .sub_page .fix_menu {
      position: -webkit-sticky;
      position: sticky;
      top: 0;
      border-bottom: 1px solid #DFDFDF;
      background: #fff;
      z-index: 999;
}

.wp_wrap .sub_page .fix_menu .menu_inner {
      display: flex;
      /*  line-height: 80px; */

}

.wp_wrap .sub_page .fix_menu .menu_inner>div {
      padding: 30px 0;
}

.wp_wrap .sub_page .fix_menu .menu_inner .first i {
      font-size: 14px;
      border-right: 1px solid #DFDFDF;
      padding: 0 30px;
}

.wp_wrap .sub_page .fix_menu .menu_inner .second,
.wp_wrap .sub_page .fix_menu .menu_inner .third {
      position: relative;
      display: flex;
}

.wp_wrap .sub_page .fix_menu .menu_inner .second .m_top,
.wp_wrap .sub_page .fix_menu .menu_inner .third .m_top {
      padding: 0 30px;
      border-right: 1px solid #DFDFDF;
      display: flex;
      align-items: center;
      cursor: pointer;
}

.wp_wrap .sub_page .fix_menu .menu_inner .second .second_menu,
.wp_wrap .sub_page .fix_menu .menu_inner .third .third_menu {
      position: absolute;
      top: 80px;
      left: 0;
      background: #fff;
      width: 100%;
      padding: 15px 30px;
      font-size: 16px;
      line-height: 40px;
      border-left: 1px solid #DFDFDF;
      border-right: 1px solid #DFDFDF;
      border-bottom: 1px solid #DFDFDF;
      display: none;
}

.wp_wrap .sub_page .fix_menu .menu_inner .second .second_menu ul>li>a {
      display: inline-block;
      width: 100%;
}

.wp_wrap .sub_page .fix_menu .menu_inner .second .m_top p,
.wp_wrap .sub_page .fix_menu .menu_inner .third .m_top p {
      font-size: 16px;
      font-family: var(--font-pre500);
      margin-right: 80px;
}

.wp_wrap .sub_page .fix_menu .menu_inner .second .m_top i,
.wp_wrap .sub_page .fix_menu .menu_inner .third .m_top i {
      font-size: 18px;
}


/* 서브페이지 Greeting - sec01 */
.wp_wrap .sub_page section {
      padding: 120px 0;
}

.wp_wrap .sub_page .sub_greeting {
      overflow-x: hidden;
}

.wp_wrap .sub_page .sub_greeting .cm_sub_sec_tit {
      text-align: center;
      margin-bottom: 110px;
}

.wp_wrap .sub_page .sub_greeting .greeting_inner {
      display: flex;
      align-items: center;
      gap: 120px;
}


.wp_wrap .sub_page .sub_greeting .greeting_inner .left .txt_box .main_tit {
      font-size: 40px;
      margin-bottom: 35px;
      font-family: var(--font-pre200);
}

.wp_wrap .sub_page .sub_greeting .greeting_inner .left .txt_box .desc {
      font-size: 20px;
      margin-bottom: 45px;
      font-family: var(--font-pre200);
      line-height: 1.4;
      color: #2E2E2E;
}

.wp_wrap .sub_page .sub_greeting .greeting_inner .left .txt_box .desc.mb9 {
      margin-bottom: 90px;
}

.wp_wrap .sub_page .sub_greeting .greeting_inner .left .txt_box .ceo_name {
      font-size: 20px;
      font-family: var(--font-pre200);
}

.wp_wrap .sub_page .sub_greeting .greeting_inner .left .txt_box .ceo_name span {
      font-family: var(--font-pre500);
}

.wp_wrap .sub_page .sub_greeting .greeting_inner .right .img_box {
      position: relative;
      border-radius: 30px 0 0 30px;
      overflow: hidden;
      width: 200%;
      height: 595px;
}

.wp_wrap .sub_page .sub_greeting .greeting_inner .right .img_box img {
      width: 100%;
      height: 100%;
      border-radius: 30px 0 0 30px;
      transition: 0.5s;
      object-fit: cover;
}

.wp_wrap .sub_page .sub_greeting .greeting_inner .right .img_box:hover img {
      transform: scale(1.1);
}

/* 서브페이지 Greeting - sec02 */

.wp_wrap .sub_page .sub_value .cm_sub_sec_tit {
      max-width: calc((100% - 1200px) / 2 + 1200px);
      width: 100%;
      text-align: left;
      display: flex;
      align-items: center;
      gap: 15px;
      margin-bottom: 80px;
      margin-left: auto;
}

.wp_wrap .sub_page .sub_value .cm_sub_sec_tit::after {
      content: "";
      flex: 1;
      height: 2px;
      background: #ddd;
}

.wp_wrap .sub_page .sub_value .value_inner {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 20px;

}

.wp_wrap .sub_page .sub_value .value_inner .item {
      width: 25%;
      display: flex;
      flex-direction: column;
      align-items: center;
}

.wp_wrap .sub_page .sub_value .value_inner .item:nth-child(odd) {
      padding-top: 40px;
}

.wp_wrap .sub_page .sub_value .value_inner .item:nth-child(even) {
      padding-bottom: 40px;
}



.wp_wrap .sub_page .sub_value .value_inner .item .size {
      width: 285px;
      height: 280px;
      margin-bottom: 15px;
}

.wp_wrap .sub_page .sub_value .value_inner .item .size .w100 {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 35px;
}

.wp_wrap .sub_page .sub_value .value_inner .item .txt {
      text-align: center;
}

.wp_wrap .sub_page .sub_value .value_inner .item .txt .ko_tit {
      font-size: 17px;
      color: #171717;
}

.wp_wrap .sub_page .sub_value .value_inner .item .txt .eng_tit {
      font-size: 15px;
      color: #949494;
}




/* 서브페이지 company - sec01 */

.wp_wrap .sub_company .cm_sub_sec_tit {
      margin-bottom: 60px;
      text-align: center;
}

.wp_wrap .sub_company .company_intro {
      font-size: 42px;
      font-family: var(--font-pre200);
      margin-bottom: 25px;
}

.wp_wrap .sub_company .company_intro span {
      display: block;
      font-family: var(--font-pre600);
}

.wp_wrap .sub_company .pr_bg {
      padding: 200px 0;
      background: url('../img/sub/introduction_bg.jpg') no-repeat fixed top center / cover;
}

.wp_wrap .sub_company .pr_bg .txt p {
      font-size: 20px;
      font-family: var(--font-pre200);
      color: #fff;
      line-height: 1.5;
}

.wp_wrap .sub_company .pr_bg .txt .desf {
      margin-bottom: 40px;
      color: #fff;
}


/* 서브페이지 company - sec02 */


.wp_wrap .sub_info {
      overflow-x: hidden;
}

.wp_wrap .sub_info .cm_sub_sec_tit {
      max-width: calc((100% - 1200px) / 2 + 1200px);
      width: 100%;
      text-align: left;
      display: flex;
      align-items: center;
      gap: 15px;
      margin-bottom: 80px;
      margin-left: auto;
}

.wp_wrap .sub_info .cm_sub_sec_tit::after {
      content: "";
      flex: 1;
      height: 2px;
      background: #ddd;
}

/* 
.wp_wrap .sub_info .info_inner .info_itm{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
.wp_wrap .sub_info .info_inner .info_itm .outline{
    text-align: center;
} */




.wp_wrap .sub_info .info_itm .top,
.wp_wrap .sub_info .info_itm .bottom {
      display: flex;
      justify-content: space-between;
}

.wp_wrap .sub_info .info_itm .top {
      margin-bottom: 50px;
}

.wp_wrap .sub_info .info_itm .item_box .outline {
      position: relative;
      width: 268px;
      height: 268px;
      border: 1px dashed #DEDEDE;
      border-radius: 50%;

}

.wp_wrap .sub_info .info_itm .item_box .outline .bg {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 248px;
      height: 248px;
      background: #F9F9F9;
      border-radius: 50%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
}

.wp_wrap .sub_info .info_itm .item_box .outline .bg .infomation {
      text-align: center;
}

.wp_wrap .sub_info .info_itm .item_box .outline .bg .icon {
      margin-bottom: 45px;
}

.wp_wrap .sub_info .info_itm .item_box .outline .bg .infomation span {
      font-size: 15px;
      color: #949494;
}

.wp_wrap .sub_info .info_itm .item_box .outline .bg .infomation p {
      font-size: 20px;
      color: #171717;
}


/**********************************************************************************************************************/









/**********************************************************************************************************************/
/* 서브 수정 버전 24.03.19 */
/**********************************************************************************************************************/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* 서브공통 */
.wp_wrap #sub_container {
      padding: 130px 0;
}

.wp_wrap .cm_tit_box {
      text-align: center;
      margin-bottom: 60px;
}

.wp_wrap .cm_tit_box .tit {
      font-size: 50px;
      font-family: var(--font-pre200);
}


/*-----------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* 인사말 */
.wp_wrap #shp_greeting {
      padding-bottom: 100px;
}

.wp_wrap #shp_greeting .shp_wrap {
      background-image: url(../img/sub/sub_grt_bg01.png);
      background-repeat: no-repeat;
      background-size: 60%;
      background-position: 35% 30%;
}

.wp_wrap #shp_greeting .shp_ir {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: stretch;
      gap: 185px;
}

.wp_wrap #shp_greeting .shp_ir .grt_box {
      position: relative;
}

.wp_wrap #shp_greeting .shp_ir .grt_box .img_box {
      width: 510px;
      height: 510px;
      border-radius: 50%;
      overflow: hidden;
}

.wp_wrap #shp_greeting .shp_ir .grt_box .img_box>img {
      width: 100%;
      height: 100%;
      object-fit: cover;
}

.wp_wrap #shp_greeting .shp_ir .grt_box .txt_box {
      position: absolute;
      top: 50%;
      left: 30%;
      line-height: 32px;
}

.wp_wrap #shp_greeting .shp_ir .grt_box .txt_box .top_des {
      color: #1C1C1C;
      font-size: 23px;
      font-family: var(--font-pre600);
      margin-bottom: 40px;
}

.wp_wrap #shp_greeting .shp_ir .grt_box .txt_box .mid_des {
      color: #2E2E2E;
      font-size: 19px;
      font-family: var(--font-pre200);
      margin-bottom: 50px;
}

.wp_wrap #shp_greeting .shp_ir .grt_box .txt_box .bot_des {
      color: #2E2E2E;
      font-size: 18px;
      font-family: var(--font-pre400);
}





/*-----------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* 오시는길 */
.wp_wrap #shp_way {}

.wp_wrap #shp_way .shp_wrap {}

.wp_wrap #shp_way .shp_ir {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: stretch;
      gap: 70px;
}

.wp_wrap #shp_way .shp_ir .way_item {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: stretch;
      gap: 20px;
}



.wp_wrap #shp_way .shp_ir .way_item .item_hd {}

.wp_wrap #shp_way .shp_ir .way_item .item_hd .tit {
      font-size: 42px;
      font-family: var(--font-pre600);
}

.wp_wrap #shp_way .shp_ir .way_item .item_bd {}

.wp_wrap #shp_way .shp_ir .way_item .item_bd .map_box {
      height: 470px;
      border: 1px solid #DEDEDE;
      border-radius: 10px;
      overflow: hidden;
}

.wp_wrap #shp_way .shp_ir .way_item .item_bd .map_box .root_daum_roughmap .wrap_map {
      height: 100% !important;
}

.root_daum_roughmap .wrap_controllers {
      display: none;
}

.wp_wrap #shp_way .shp_ir .way_item .item_ft {}

.wp_wrap #shp_way .shp_ir .way_item .item_ft .adr_box {
      display: flex;
      justify-content:flex-start;
      align-items: center;
      gap: 25px;
}

.wp_wrap #shp_way .shp_ir .way_item .item_ft .adr_box .left {}

.wp_wrap #shp_way .shp_ir .way_item .item_ft .adr_box .left .img_box {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 56px;
      min-width: 56px;
      height: 56px;
      border-radius: 50%;
      background: #F9F9F9;
      border: 1px dashed #DEDEDE;
}

.wp_wrap #shp_way .shp_ir .way_item .item_ft .adr_box .left .img_box>img {}

.wp_wrap #shp_way .shp_ir .way_item .item_ft .adr_box .right {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: stretch;
      gap: 5px;
}

.wp_wrap #shp_way .shp_ir .way_item .item_ft .adr_box .right>li {
      color: #2E2E2E;
      font-size: 20px;
      font-family: var(--font-pre400);
}

.wp_wrap #shp_way .shp_ir .way_item .item_ft .adr_box .right>li .slash {
      margin: 0 5px;
}

.wp_wrap #shp_way .shp_ir .way_item .item_ft .adr_box .right>li>b {}

.wp_wrap #shp_way .shp_ir .way_item .item_ft .adr_box .right>li>a {}



/*-----------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* 카타로그 */
.wp_wrap #shp_catalog {
      width: 100%;
      margin-bottom: 120px;
      overflow: hidden;
}

.wp_wrap #shp_catalog .shp_wrap {}

.wp_wrap #shp_catalog .shp_ir {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: stretch;
      gap: 120px;
}

.wp_wrap #shp_catalog .shp_ir .ctg_list {}

.wp_wrap #shp_catalog .shp_ir .ctg_list .item {}

.wp_wrap #shp_catalog .shp_ir .ctg_list .item .item_ir {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: stretch;
      gap: 20px;
}

.wp_wrap #shp_catalog .shp_ir .ctg_list .item .item_ir .img_box {
      height: 360px;
      overflow: hidden;
      box-shadow: 0 3px 6px rgba(0, 0, 0, .14);
}

.wp_wrap #shp_catalog .shp_ir .ctg_list .item .item_ir .img_box>img {
      width: 100%;
      height: 100%;
      object-fit: cover;
}

.wp_wrap #shp_catalog .shp_ir .ctg_list .item .item_ir .txt_box {
      display: flex;
      justify-content: space-between;
      align-items: center;
}

.wp_wrap #shp_catalog .shp_ir .ctg_list .item .item_ir .txt_box .tit {
      color: #171717;
      font-size: 20px;
      font-family: var(--font-pre400);
}

.wp_wrap #shp_catalog .shp_ir .ctg_list .item .item_ir .txt_box>a {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 10px;
      color: #949494;
      font-size: 21px;
      font-family: var(--font-pre400);
}

.wp_wrap #shp_catalog .shp_ir .ctg_list .item .item_ir .txt_box>a>img {}


/*-----------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* 가공영상 */
.wp_wrap #shp_process {}

.wp_wrap #shp_process .shp_wrap {}

.wp_wrap #shp_process .shp_ir {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: stretch;
      gap: 60px;
}


/*-----------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* 견적요청 */
.wp_wrap #shp_estimate {}

.wp_wrap #shp_estimate .shp_wrap {}

.wp_wrap #shp_estimate .shp_ir {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: stretch;
      gap: 60px;
}

.wp_wrap #shp_estimate .shp_ir .etm_box {
      display: flex;
      justify-content: space-between;
      align-items: stretch;
}

.wp_wrap #shp_estimate .shp_ir .etm_box .left {
      max-width: 660px;
      width: 100%;
      height: 760px;
      border-radius: 45px;
      overflow: hidden;
}

.wp_wrap #shp_estimate .shp_ir .etm_box .left .box_wrap {
      width: 100%;
      height: 100%;
      background-image: url(../img/sub/sub_estimate01.jpg);
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
}

.wp_wrap #shp_estimate .shp_ir .etm_box .left .box_wrap .box_ir {
      width: 100%;
      height: 100%;
      padding: 140px 70px;
      background-color: rgba(35, 35, 35, .36);
}

.wp_wrap #shp_estimate .shp_ir .etm_box .left .box_wrap .box_ir .txt_box {
      width: 100%;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: stretch;
}

.wp_wrap #shp_estimate .shp_ir .etm_box .left .box_wrap .box_ir .txt_box .des {
      color: #fff;
      font-size: 30px;
      font-family: var(--font-pre200);
}

.wp_wrap #shp_estimate .shp_ir .etm_box .left .box_wrap .box_ir .txt_box .tel_box {}

.wp_wrap #shp_estimate .shp_ir .etm_box .left .box_wrap .box_ir .txt_box .tel_box>dt {
      color: #fff;
      font-size: 30px;
      font-family: var(--font-pre400);
}

.wp_wrap #shp_estimate .shp_ir .etm_box .left .box_wrap .box_ir .txt_box .tel_box>dd {}

.wp_wrap #shp_estimate .shp_ir .etm_box .left .box_wrap .box_ir .txt_box .tel_box>dd>a {
      color: #11CAF0;
      font-size: 40px;
      font-family: var(--font-pre800);
}

.wp_wrap #shp_estimate .shp_ir .etm_box .right {
      position: relative;
      left: -50px;
      top: 50px;
      max-width: 660px;
      width: 100%;
      border-radius: 45px;
      overflow: hidden;
      box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
      background-color: #fff;
      z-index: 90;
}

.wp_wrap #shp_estimate .shp_ir .etm_box .right .box_wrap {
      width: 100%;
      height: 100%;
      padding: 50px;
}

.wp_wrap #shp_estimate .shp_ir .etm_box .right .box_ir {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: stretch;
      gap: 5px;
}

.wp_wrap #shp_estimate .shp_ir .etm_box .right .box_ir .inp_line {}

.wp_wrap #shp_estimate .shp_ir .etm_box .right .box_ir .inp_line fieldset {
      padding: 10px;
      border: 1px solid #D2D2D2;
}

.wp_wrap #shp_estimate .shp_ir .etm_box .right .box_ir .inp_line fieldset legend {
      color: #787878;
      font-size: 16px;
      font-family: var(--font-pre200);
}

.wp_wrap #shp_estimate .shp_ir .etm_box .right .box_ir .inp_line fieldset legend .star {
      color: #CC1030;
}

.wp_wrap #shp_estimate .shp_ir .etm_box .right .box_ir .inp_line fieldset input[type=text] {
      width: 100%;
      outline: none;
      border: none;
}

.wp_wrap #shp_estimate .shp_ir .etm_box .right .box_ir .inp_line fieldset textarea {
      width: 100%;
      outline: none;
      border: none;
}


.wp_wrap #shp_estimate .shp_ir .etm_box .right .box_ir .file_line {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: stretch;
      gap: 5px;
}

.wp_wrap #shp_estimate .shp_ir .etm_box .right .box_ir .file_line>dt {
      color: #787878;
      font-size: 16px;
      font-family: var(--font-pre200);
}

.wp_wrap #shp_estimate .shp_ir .etm_box .right .box_ir .file_line>dd {
      padding: 10px;
      border: 1px solid #D2D2D2;
}

.wp_wrap #shp_estimate .shp_ir .etm_box .right .box_ir .file_line>dd>input[type=file] {}

.wp_wrap #shp_estimate .shp_ir .etm_box .right .box_ir .file_line>dd>input[type=file]::file-selector-button {
      width: 95px;
      height: 30px;
      color: #fff;
      font-size: 17px;
      font-family: var(--font-pre200);
      background-color: #212121;
      border: none;
      transition: 0.4s;
      cursor: pointer;
}

.wp_wrap #shp_estimate .shp_ir .etm_box .right .box_ir .file_line>dd>input[type=file]::file-selector-button:hover {
      opacity: 0.4;
      transition: 0.4s;
}

.wp_wrap #shp_estimate .shp_ir .etm_box .right .box_ir .bot_box {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
}

.wp_wrap #shp_estimate .shp_ir .etm_box .right .box_ir .bot_box .pvc_box {
      display: flex;
      justify-content:flex-start;
      align-items: center;
      gap: 5px;
}

.wp_wrap #shp_estimate .shp_ir .etm_box .right .box_ir .bot_box .pvc_box>input[type=checkbox] {}

.wp_wrap #shp_estimate .shp_ir .etm_box .right .box_ir .bot_box .pvc_box .agr_txt {
      color: #787878;
      font-size: 16px;
      font-family: var(--font-pre200);
}

.wp_wrap #shp_estimate .shp_ir .etm_box .right .box_ir .bot_box .pvc_box .agr_txt .agree {
      color: #212121;
      font-size: 16px;
      font-family: var(--font-pre600);
      text-decoration: underline;
      cursor: pointer;
}

.wp_wrap #shp_estimate .shp_ir .etm_box .right .box_ir .bot_box .btn_smt {
      display: flex;
      justify-content: center;
      align-items: center;
      max-width: 170px;
      width: 100%;
      height: 55px;
      font-size: 20px;
      font-family: var(--font-pre200);
      border: 1px solid #D8D8D8;
      background-color: #fff;
      transition: 0.4s;
}

.wp_wrap #shp_estimate .shp_ir .etm_box .right .box_ir .bot_box .btn_smt:hover {
      color: #fff;
      background-color: #212121;
      transition: 0.4s;
}


/* 개인정보 동의 모달창 */
.wp_wrap #mdl_agr {
      display: none;
      position: fixed;
      left: 50%;
      top: 50%;
      max-width: 800px;
      width: 100%;
      z-index: 999;
      padding: 10px;
      transform: translate(-50%, -50%);
}

.wp_wrap #mdl_agr .mdl_wrap {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: stretch;
      gap: 20px;
      width: 100%;
      height: 100%;
      padding: 20px;
      background-color: #fff;
      box-shadow: 0 3px 6px rgba(0, 0, 0, .36);
      border-radius: 10px;
}

.wp_wrap #mdl_agr .mdl_wrap .mdl_hd {
      display: flex;
      justify-content: flex-end;
      align-items: center;
}

.wp_wrap #mdl_agr .mdl_wrap .mdl_hd .btn_agr_cls {
      background: none;
}

.wp_wrap #mdl_agr .mdl_wrap .mdl_hd .btn_agr_cls>i {
      font-size: 24px;
      font-weight: bold;
}

.wp_wrap #mdl_agr .mdl_wrap .mdl_bd {}

.wp_wrap #mdl_agr .mdl_wrap .mdl_bd .agr_cont {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: stretch;
      gap: 20px;
}

.wp_wrap #mdl_agr .mdl_wrap .mdl_bd .agr_cont>dt {
      font-size: 22px;
      font-family: var(--font-pre700);
}

.wp_wrap #mdl_agr .mdl_wrap .mdl_bd .agr_cont>dd {
      padding: 10px;
      border: 1px solid #ddd;
      border-radius: 10px;
      ;
}

.wp_wrap #mdl_agr .mdl_wrap .mdl_bd .agr_cont>dd .agr_desc {
      width: 100%;
      height: 300px;
      font-size: 16px;
      font-family: var(--font-pre400);
      overflow-y: auto;
}

.wp_wrap #mdl_agr .mdl_wrap .mdl_ft {
      display: flex;
      justify-content: center;
      align-items: center;
}

.wp_wrap #mdl_agr .mdl_wrap .mdl_ft>label {
      display: flex;
      justify-content: center;
      align-items: center;
      max-width: 200px;
      width: 100%;
      height: 50px;
      color: #fff;
      font-size: 16px;
      font-family: var(--font-pre600);
      background-color: #171717;
      border-radius: 10px;
      transition: 0.4s;
}

.wp_wrap #mdl_agr .mdl_wrap .mdl_ft>label:hover {
      background-color: #525050;
      transition: 0.4s;
}

/**********************************************************************************************************************/