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

@charset "utf-8";

/**********************************************************************************************************************/
/* 작성방법 */
/*
1. 모든 스타일은 클래스명 .wp_wrap 을 시작으로 작성한다.
2. 공통 스타일의 클래스명은 cm_ 접두어를 사용한다.
*/
/**********************************************************************************************************************/


/**********************************************************************************************************************/
/* 공통 스타일 */
/**********************************************************************************************************************/
@charset "utf-8";

/**********************************************************************************************************************/
/* 공통 스타일 */
/**********************************************************************************************************************/
/* font */
@import url('https://fonts.googleapis.com/css2?family=Play:wght@400;700&display=swap');
/* font-family: 'Play', sans-serif; */

@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;
}

@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');
@font-face {
    font-family: 'NanumSquareRound';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NanumSquareRound.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

.nanumgothic * {
 font-family: 'Nanum Gothic', sans-serif;
}


@font-face {
    font-family: 'NanumSquare-Light';
    font-weight: 300;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/NanumSquare/NanumSquare-Light.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/NanumSquare/NanumSquare-Light.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/NanumSquare/NanumSquare-Light.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/NanumSquare/NanumSquare-Light.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/NanumSquare/NanumSquare-Light.ttf') format("truetype");
    font-display: swap;
} 
@font-face {
    font-family: 'NanumSquare-Regular';
    font-weight: 400;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/NanumSquare/NanumSquare-Regular.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/NanumSquare/NanumSquare-Regular.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/NanumSquare/NanumSquare-Regular.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/NanumSquare/NanumSquare-Regular.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/NanumSquare/NanumSquare-Regular.ttf') format("truetype");
    font-display: swap;
} 
@font-face {
    font-family: 'NanumSquare-Bold';
    font-weight: 700;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/NanumSquare/NanumSquare-Bold.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/NanumSquare/NanumSquare-Bold.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/NanumSquare/NanumSquare-Bold.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/NanumSquare/NanumSquare-Bold.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/NanumSquare/NanumSquare-Bold.ttf') format("truetype");
    font-display: swap;
} 
@font-face {
    font-family: 'NanumSquare-ExtraBold';
    font-weight: 800;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/NanumSquare/NanumSquare-ExtraBold.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/NanumSquare/NanumSquare-ExtraBold.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/NanumSquare/NanumSquare-ExtraBold.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/NanumSquare/NanumSquare-ExtraBold.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/NanumSquare/NanumSquare-ExtraBold.ttf') format("truetype");
    font-display: swap;
} 

: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';
      --font-nns300: 'NanumSquare-Light';
      --font-nns400: 'NanumSquare-Regular';
      --font-nns700: 'NanumSquare-Bold';
      --font-nns900: 'PNanumSquare-ExtraBold';
}


html {
      scroll-behavior: smooth;
      overflow-x: hidden;
}


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

.wp_wrap .cm_inner {
      max-width: 1440px;
      width: 100%;
      margin: 0 auto;
      padding: 0 30px;
}

.wp_wrap .cm_sec {
      padding: 160px 0;
}

/* 메인타이틀 - 제목 */
.wp_wrap .tit_box .m_tit {
      font-size: 50px;
      font-family: 'Play', sans-serif;
      font-weight: 400;
}

/* 메인타이틀 - 설명 */
.wp_wrap .tit_box .m_desc {
      font-size: 20px;
}

/* 서브타이틀 - 제목 */
.wp_wrap .tit_box .s_tit {
      display: inline-block;
      font-size: 35px;
      font-family: 'Pretendard-Bold', 'Play', sans-serif;
      font-weight: 700;
}

/* 서브타이틀 - 설명 */
.wp_wrap .tit_box .s_desc {
      font-size: 18px;
}

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


/**********************************************************************************************************************/
/* 헤더 */
/**********************************************************************************************************************/
/* 헤더 */
.wp_wrap header {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      transition: 0.5s;
      z-index: 9999;
      background: transparent;
}

/* .wp_wrap header:hover{
    background: #fff;
} */
.wp_wrap header .h_inner {
      display: flex;
      align-items: center;
      justify-content: space-between;
}

.wp_wrap header .h_inner .mlogo {
      min-width: 180px;
}

.wp_wrap header .h_inner nav .gnb {
      display: flex;
      align-items: center;
}

.wp_wrap header .h_inner nav .gnb .m_list {
      position: relative;
      text-align: center;
      width: 180px;
}

.wp_wrap header .h_inner nav .gnb .m_list::after {
      content: "";
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 3px;
      background: #B9976C;
      transform: scale(0);
      transition: 0.3s;
}

.wp_wrap header .h_inner nav .gnb .m_list:hover::after {
      transform: scale(1);
}

.wp_wrap header .h_inner nav .gnb .m_list>a {
      display: block;
      font-size: 18px;
      color: #fff;
      /*    font-family: 'Play', sans-serif;*/
      font-weight: 400;
      padding: 38.5px 0;
}

.wp_wrap header .h_inner nav .gnb .m_list:hover a {
      font-weight: 700;
}

.wp_wrap header .h_inner nav .gnb .m_list>.sub_mnu {
      display: none;
      position: absolute;
      width: 100%;
      padding: 15px 0;
}

.wp_wrap header .h_inner nav .gnb .m_list>.sub_mnu a {
      display: block;
      padding: 10px 0;
      font-size: 16px;
      /*    font-family: 'Play', sans-serif;*/
      font-weight: 400;
}

.wp_wrap header .sub_mnu_bg {
      display: none;
      position: absolute;
      top: 100px;
      left: 0;
      width: 100%;
      height: 350px;
      z-index: -1;
      background: #fff;
      border-top: 1px solid #ddd;
      border-bottom: 1px solid #ddd;
}

.wp_wrap .mo_mnu {
      display: none;
}

.wp_wrap header .h_inner .convenient_box {
      display: flex;
      align-items: center;
      gap: 30px;
}

.wp_wrap header .h_inner .convenient_box .lang_box .now_lang {
      position: relative;
      min-width: 56px;
      width: 56px;
      height: 26px;
}

.wp_wrap header .h_inner .convenient_box .lang_box .now_lang>a {
      display: flex;
      align-items: center;
      justify-content: space-around;
      width: 100%;
      height: 100%;
      background: rgba(146, 146, 146, 0.27);
      border-radius: 5px;
}

.wp_wrap header .h_inner .convenient_box .lang_box .now_lang>a>p {
      color: #fff;
      font-family: 'Play', sans-serif;
      font-weight: 400;
      font-size: 15px;
}

.wp_wrap header .h_inner .convenient_box .lang_box .now_lang>a>i {
      color: #fff;
}

.wp_wrap header .h_inner .convenient_box .lang_box .now_lang .other_lang {
      position: absolute;
      top: 30px;
      background: #fff;
      width: 100%;
      border-radius: 10px;
      display: none;
}

.wp_wrap header .h_inner .convenient_box .lang_box .now_lang .other_lang .iner {
      padding: 10px 10px 10px 5px;
      display: flex;
      align-items: flex-start;
      flex-direction: column;
      gap: 7px;
      border: 1px solid #ddd;
      border-radius: 10px;
}

.wp_wrap header .h_inner .convenient_box .lang_box .now_lang .other_lang>.iner>a {
      display: block;
      width: 100%;
      color: #000;
      font-size: 15px;
}

.wp_wrap header .h_inner .convenient_box .momnu_icon {
      padding: 40px 0;
      min-width: 29px;
}

.wp_wrap header .h_inner .convenient_box .momnu_icon .icon_box {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 7px;
      cursor: pointer;
}

.wp_wrap header .h_inner .convenient_box .momnu_icon .icon_box span {
      display: inline-block;
      width: 20px;
      height: 2px;
      background: #fff;
      transition: 0.3s;
}

.wp_wrap header .mnu_bg {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100px;
      background: #fff;
      opacity: 0;
      transition: 0.5s;
      z-index: -1;
}

/* 사이드메뉴 */
.wp_wrap .side_mnu {
      position: absolute;
      top: 0;
      right: -100%;
      width: 800px;
      height: 100vh;
      background: #fff;
      border-left: 1px solid #ddd;
      transition: 0.8s;
      overflow-y: auto;
}

.wp_wrap .side_mnu.on {
      right: 0;
}

.wp_wrap .side_mnu .side_mnu_inner {
      position: relative;
      padding: 0 90px;
}

.wp_wrap .side_mnu .side_mnu_inner .back {
      position: absolute;
      top: 40px;
      right: 45px;
}

.wp_wrap .side_mnu .side_mnu_inner .back button {
      background: transparent;
}

.wp_wrap .side_mnu .side_mnu_inner .inner_box .side_header {
      display: flex;
      align-items: center;
      gap: 70px;
}

.wp_wrap .side_mnu .side_mnu_inner .inner_box .side_header .itm .imt_inner {
      display: flex;
      align-items: center;
      gap: 13px;
      margin: 40px 0;
}

.wp_wrap .side_mnu .side_mnu_inner .inner_box .side_menu {
      padding: 70px 0;
}

.wp_wrap .side_mnu .side_mnu_inner .inner_box .side_menu .sm_list .top p {
      position: relative;
      font-size: 30px;
      /*    font-family: 'Play', sans-serif;*/
      font-weight: 400;
      max-width: 1200px;
      width: 100%;
      text-align: left;
      display: flex;
      align-items: center;
      gap: 20px;
      color: #515151;
}

.wp_wrap .side_mnu .side_mnu_inner .inner_box .side_menu .sm_list .top p::after {
      content: '';
      flex: 1;
      height: 1px;
      background: #ddd;
}

.wp_wrap .side_mnu .side_mnu_inner .inner_box .side_menu .sm_list .bot ul {
      display: flex;
      align-items: center;
      gap: 20px;
      padding: 20px 0 30px 20px;
}

.wp_wrap .side_mnu .side_mnu_inner .inner_box .side_menu .sm_list .bot ul li a {
      display: flex;
      align-items: center;
      gap: 5px;
      /*    font-family: 'Play', sans-serif;*/
      font-weight: 400;
      color: #515151;
      font-size: 16px;
}

.wp_wrap .side_mnu .side_mnu_inner .inner_box .side_menu .sm_list .bot ul li a .dot {
      width: 7px;
      height: 7px;
      background: #779fd2;
      border-radius: 50%;
}

.wp_wrap .side_mnu .side_mnu_inner .inner_box .side_info {
      text-align: center;
}

.wp_wrap .side_mnu .side_mnu_inner .inner_box .side_info .tel {
      font-size: 30px;
      margin-bottom: 20px;
}

.wp_wrap .side_mnu .side_mnu_inner .inner_box .side_info .tel a {
      font-family: var(--font-pre800);
}

.wp_wrap .side_mnu .side_mnu_inner .inner_box .side_info .adress {
      font-size: 18px;
}

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





/**********************************************************************************************************************/
/* 푸터 */
/**********************************************************************************************************************/
/* 푸터 */
.wp_wrap footer {
      background: #515151;
      padding: 30px 0;
}

.wp_wrap footer .f_inner {
      display: flex;
      align-items: flex-start;
      gap: 70px;
}

.wp_wrap footer .f_inner .left .logo {
      min-width: 130px;
}

.wp_wrap footer .f_inner .mid {
      display: flex;
      flex-direction: column;
      gap: 10px;

}

.wp_wrap footer .f_inner .itm {
      display: flex;
      align-items: center;
}

.wp_wrap footer .f_inner .itm.last {
      margin-bottom: 25px;
}

.wp_wrap footer .f_inner .itm .ques {
      color: #828282;
      font-size: 16px;
      font-family: var(--font-pre200);
      min-width: 120px;
}

.wp_wrap footer .f_inner .itm .ans,
.wp_wrap footer .f_inner .itm .ans>a {
      color: #cccccc;
      font-size: 16px;
      font-family: var(--font-pre200);
}

.wp_wrap footer .f_inner .copyright p,
.wp_wrap footer .f_inner .copyright p>a {
      color: #828282;
      font-size: 16px;
      font-family: var(--font-pre200);
}

.wp_wrap footer .f_inner .right {
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      flex: 1;
}

.wp_wrap footer .f_inner .right .top {
      display: flex;
      align-items: center;
      gap: 35px;
      margin-bottom: 25px;
}

.wp_wrap footer .f_inner .right .top li a {
      color: #CCCCCC;
      font-size: 16px;
      font-family: var(--font-pre200);
}

.wp_wrap footer .f_inner .right .bot {
      display: flex;
      align-items: center;
      gap: 12px;
}

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





/**********************************************************************************************************************/
/* 메인 */
/**********************************************************************************************************************/
/* 메인 */
.wp_wrap .m_visual {
      position: relative;
      overflow: hidden;
}

.wp_wrap .m_visual .m_slider {
      position: relative;
}

.wp_wrap .m_visual .m_slider .mv_slide {
      position: relative;
      width: 100%;
      height: 100vh;
      overflow: hidden;
}

.wp_wrap .m_visual .m_slider .mv_slide .mv_img.mv_img01 {
      background: url(../img/main/mainslider01.jpg) no-repeat center center / cover;
}

.wp_wrap .m_visual .m_slider .mv_slide .mv_img.mv_img02 {
      background: url(../img/main/mainslider02.jpg) no-repeat center center / cover;
}

.wp_wrap .m_visual .m_slider .mv_slide .mv_img.mv_img03 {
      background: url(../img/main/mainslider04.jpg) no-repeat center center / cover;
}

.wp_wrap .m_visual .m_slider .mv_slide .mv_img.mv_img04 {
      background: url(../img/main/mainslider04.jpg) no-repeat center center / cover;
}
.wp_wrap .m_visual .m_slider .mv_slide .mv_img.mv_img05 {
      background: url(../img/main/mainslider05.jpg) no-repeat center center / cover;
}

.wp_wrap .m_visual .m_slider .mv_slide .mv_img {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: 0;
      transform: scale(1.1);
      transition: 4s;
}

.wp_wrap .m_visual .m_slider .mv_slide .mv_img::before {
      position: absolute;
      left: 0;
      top: 0;
      display: block;
      content: "";
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, .16);
}

.wp_wrap .m_visual .m_slider .mv_slide.action .mv_img {
      transform: scale(1);
}

.wp_wrap .m_visual .m_slider .mv_slide .txt_box_out {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
}

.wp_wrap .m_visual .m_slider .mv_slide .txt_box_out .txt_box .mv_txt {
      font-size: 60px;
      color: #fff;
      font-family: var(--font-pre500);
      margin-bottom: 20px;
      transform: translateY(100px);
      transition: 1.5s;
      opacity: 0;
}

.wp_wrap .m_visual .m_slider .mv_slide .txt_box_out .txt_box .mv_txt_01 {
      font-size: 36px;
      color: #FFF;
      line-height: 1.5em;
      transform: translateY(50px);
      transition: 2s;
      opacity: 0;
      margin-bottom: 20px;
}

.wp_wrap .m_visual .m_slider .mv_slide.action .txt_box_out .txt_box .mv_txt {
      transform: translateY(0);
      opacity: 1;
}

.wp_wrap .m_visual .m_slider .mv_slide.action .txt_box_out .txt_box .mv_txt_01 {
      transform: translateY(0);
      opacity: 1;
}

.wp_wrap .m_visual .control_box {
      position: absolute;
      top: 64%;
      transform: translateY(-65%);
      left: calc(50% - 695px);
      display: flex;
      align-items: center;
      gap: 10px;
}

.wp_wrap .m_visual .control_box .ms_arr {
      background: transparent;
}

.wp_wrap .m_visual .control_box .ms_arr i {
      color: rgba(245, 245, 245, 0.54);
}

.wp_wrap .m_visual .control_box .pause .icon_box {
      background: transparent;
}

.wp_wrap .m_visual .control_box .pause .icon_box i {
      font-size: 25px;
      padding: 5px;
      cursor: pointer;
      color: rgba(245, 245, 245, 0.54);
}

.wp_wrap .m_visual .control_box .progress01 {
      position: relative;
      width: 230px;
      height: 1px;
      background: #BFBFBF;
}

.wp_wrap .m_visual .control_box .progress01::after {
      content: '';
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
      width: 0;
      height: 3px;
      background: #fff;
}

.wp_wrap .m_visual .control_box .progress01.bar_ani01::after {
      animation: visual_bar01 4s linear;
}

@keyframes visual_bar01 {
      0% {
            width: 0;
      }

      100% {
            width: 100%;
      }
}

.wp_wrap .m_visual .scr {
      position: absolute;
      bottom: 15px;
      left: 50%;
      transform: translateX(-50%);
}

.wp_wrap .m_visual .scr .scr_icon {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 8px;
}

.wp_wrap .m_visual .scr .scr_icon .mouse_box {
      position: relative;
      width: 18px;
      height: 34px;
      border: 1px solid rgba(255, 255, 255, 0.73);
      border-radius: 10px;
}

.wp_wrap .m_visual .scr .scr_icon .mouse_box .wheel {
      position: absolute;
      top: 6px;
      left: 50%;
      transform: translateX(-50%);
      display: inline-block;
      width: 2px;
      height: 5px;
      background: rgba(255, 255, 255, 0.73);
      animation: wheel 1s infinite;
}

@keyframes wheel {
      0% {
            top: 5px;
      }

      100% {
            top: 13px;
      }
}

.wp_wrap .m_visual .scr .scr_icon .arr_box {
      display: flex;
      flex-direction: column;
      align-items: center;
}

.wp_wrap .m_visual .scr .scr_icon .arr_box i {
      color: rgba(255, 255, 255, 0.73);
      font-size: 15px;
}

.wp_wrap .m_visual .scr .scr_icon .arr_box i.arr01 {
      position: relative;
      color: rgba(255, 255, 255, .2);
      bottom: 6px;
}

.wp_wrap .m_visual .scr .scr_icon .arr_box i.arr02 {
      position: relative;
      color: rgba(255, 255, 255, .6);
      bottom: 10px;
}



/* main - sec01 */

.wp_wrap #m_business .bsn_inner .top {
      display: flex;
      align-items: stretch;
      gap: 20px;
}

.wp_wrap #m_business .bsn_inner .top .tit_box .m_tit {
      font-size: 50px;
      font-family: 'Play', sans-serif;
      font-weight: 400;
}

.wp_wrap #m_business .bsn_inner .top .slide_btn_box {
      flex: 1;
}

.wp_wrap #m_business .bsn_inner .top .slide_btn_box ul {
      display: flex;
      align-items: center;
      gap: 70px;
      justify-content: flex-end;
      border-bottom: 1px solid #E8E8E8;
}

.wp_wrap #m_business .bsn_inner .top .slide_btn_box ul button {
      position: relative;
      font-size: 20px;
      /*    font-family: 'Play', sans-serif;*/
      font-weight: 400;
      background: transparent;
      margin-bottom: 10px;
}

.wp_wrap #m_business .bsn_inner .top .slide_btn_box ul button::after {
      content: "";
      position: absolute;
      bottom: -10px;
      left: 0;
      width: 100%;
      height: 3px;
      background: #B9976C;
      transform: scale(0);
      transition: 0.3s;
}

.wp_wrap #m_business .bsn_inner .top .slide_btn_box ul button.on::after {
      transform: scale(1);
}

.wp_wrap #m_business .bsn_inner .bottom {
      position: relative;
      display: flex;
      justify-content: flex-end;
      margin-top: 80px;
      padding-top: 100px;
}

.wp_wrap #m_business .bsn_inner .bottom .slider_zone {
      position: absolute;
      top: 0;
      left: 0;
      width: 440px;
      height: 450px;
      z-index: 999;
}

.wp_wrap #m_business .bsn_inner .bottom .slider_zone .txt_slider .txt_slide {
      height: 400px !important;
      background: #8d8d8d;
      border-radius: 20px;
      overflow: hidden;
      padding: 57px 70px 57px 40px;
}

.wp_wrap #m_business .bsn_inner .bottom .slider_zone .txt_slider .txt_slide .txt_box {
      color: #fff;
}

.wp_wrap #m_business .bsn_inner .bottom .slider_zone .txt_slider .txt_slide .txt_box .tit {
      color: #fff;
      font-size: 38px;
      /*    font-family: 'Play', sans-serif;*/
      font-weight: 400;
      margin-bottom: 15px;
}

.wp_wrap #m_business .bsn_inner .bottom .slider_zone .txt_slider .txt_slide .txt_box .desc {
      color: #fff;
      font-size: 18px;
      margin-bottom: 25px;
	font-family:'Nanum Gothic';
	line-height: 1.3em;
}

.wp_wrap #m_business .bsn_inner .bottom .slider_zone .txt_slider .txt_slide .txt_box .more a {
      color: #fff;
      font-size: 20px;
}

.wp_wrap #m_business .bsn_inner .bottom .img_zone {
      /* width: 1150px; */
      height: 500px;
      /* background: #ff0; */
      display: flex;
      align-items: stretch;
}

.wp_wrap #m_business .bsn_inner .bottom .img_zone .bsn_itm {
      position: relative;
      width: 20%;
      width: 100px;
      transition: 0.5s;
      cursor: pointer;
}

.wp_wrap #m_business .bsn_inner .bottom .img_zone .bsn_itm.now {
      width: 100%;
      width: 850px;
      transition: 0.5s;
}

.wp_wrap #m_business .bsn_inner .bottom .img_zone .bsn_itm.itm01 {
      background: url(../img/main/m_bsn01_1.jpg) no-repeat center center / cover;
}

.wp_wrap #m_business .bsn_inner .bottom .img_zone .bsn_itm.itm02 {
      background: url(../img/main/m_bsn02_1.jpg) no-repeat center center / cover;
}

.wp_wrap #m_business .bsn_inner .bottom .img_zone .bsn_itm.itm03 {
      background: url(../img/main/m_bsn03_1.jpg) no-repeat center center / cover;
}

.wp_wrap #m_business .bsn_inner .bottom .img_zone .bsn_itm.itm04 {
      background: url(../img/main/m_bsn04_1.jpg) no-repeat center center / cover;
}

.wp_wrap #m_business .bsn_inner .bottom .img_zone .bsn_itm .shadow {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(36, 36, 36, 0.74);
      opacity: 1;
      transition: 0.5s;
}

.wp_wrap #m_business .bsn_inner .bottom .img_zone .bsn_itm .shadow p {
      position: absolute;
      bottom: 55px;
      right: 15px;
      /* right: -28px; */
      /* transform: rotate(-90deg); */
      font-size: 20px;
      color: #fff;
      font-family: 'NanumSquareRound';
      font-weight: 400;
}

.wp_wrap #m_business .bsn_inner .bottom .img_zone .bsn_itm.now .shadow {
      opacity: 0;
}






/* main - sec02 */
.wp_wrap #m_company {
      position: relative;
      background: url(../img/main/m_com_bg.jpg) no-repeat center center / cover;
}

.wp_wrap #m_company .line {
      position: absolute;
      top: 0;
      width: 1px;
      height: 100%;
      background: rgba(204, 204, 204, 0.61);
      z-index: 0;
}

.wp_wrap #m_company .line.line01 {
      left: 238px;
}

.wp_wrap #m_company .line.line02 {
      left: 665px;
      left: 715px;
}

.wp_wrap #m_company .line.line03 {
      left: 1095px;
      left: 1190px;
}

.wp_wrap #m_company .line.line04 {
      left: 1525px;
      left: 1667px;
}

.wp_wrap #m_company .last {
      position: absolute;
      top: 65%;
      transform: translateY(-50%);
      left: 1667px;
}

.wp_wrap #m_company .last .line.line05 {
      width: 50px;
      height: 1px;
      background: rgba(204, 204, 204, 0.61);
}

.wp_wrap #m_company .last a {
      display: inline-block;
      right: -55px;
      position: relative;
      top: -12px;
      color: #FBFBFB;
      font-family: 'Play', sans-serif;
      font-weight: 700;
      font-size: 20px;
}

.wp_wrap #m_company .comp_inner .top .tit_box {
      margin-bottom: 80px;
}

.wp_wrap #m_company .comp_inner .top .tit_box .m_tit {
      color: #fff;
      margin-bottom: 15px;
}

.wp_wrap #m_company .comp_inner .top .tit_box .m_desc {
      color: #fff;
}

.wp_wrap #m_company .comp_inner .bot .slide_zone .com_slider {
      position: relative;
}

.wp_wrap #m_company .comp_inner .bot .slide_zone .com_slider .com_slide {
      background: rgba(255, 255, 255, 0.78);
      border-radius: 20px;
      overflow: hidden;
}

.wp_wrap #m_company .comp_inner .bot .slide_zone .com_slider .slick-list {
      margin: 0 -23px;
}

.wp_wrap #m_company .comp_inner .bot .slide_zone .com_slider .slick-slide {
      margin: 0 23px;
}

.wp_wrap #m_company .comp_inner .bot .slide_zone .com_slider .com_slide .slide_inner {
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 50px;
      font-size: 16px;
      font-weight: bold;
}

.wp_wrap #m_company .comp_inner .bot .slide_zone .com_slider .com_slide .slide_inner .name {
      /*    font-family: 'Play', sans-serif;*/
      font-weight: 700;
      font-size: 20px;
      color: #515151;
      margin-bottom: 30px;
}

.wp_wrap #m_company .comp_inner .bot .slide_zone .com_slider .com_slide .slide_inner .icon_box {
      height: 60px;
      margin-bottom: 15px;
}

.wp_wrap #m_company .comp_inner .bot .slide_zone .com_slider .com_slide .slide_inner .icon_box img {
      height: 100%;
}

.wp_wrap #m_company .comp_inner .bot .slide_zone .com_slider .com_slide .slide_inner .year {
      margin-bottom: 10px;
      font-family: 'Play', sans-serif;
      font-weight: 700;
      font-size: 60px;
      color: #161616;
}

.wp_wrap #m_company .comp_inner .bot .slide_zone .com_slider .com_slide .slide_inner .desc {
      font-size: 16px;
      color: #232323;
}








/* m_cheonjo */
.wp_wrap #m_cheonjo .cheonjo_inner .tit_box{
    margin-bottom: 45px;
}
.wp_wrap #m_cheonjo .cheonjo_inner .tit_box .m_tit{
    display: flex;
    align-items: center;
    gap: 5px;
}
.wp_wrap #m_cheonjo .cheonjo_inner .tit_box .m_tit span{
    flex: 1;
    height: 1px;
    background: #E8E8E8;
}
.wp_wrap #m_cheonjo .cheonjo_inner .slide_area {
    position: relative;
}
.wp_wrap #m_cheonjo .cheonjo_inner .slide_area .shadow{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(67, 78, 74, 0.51);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99;
}
.wp_wrap #m_cheonjo .cheonjo_inner .slide_area .shadow .txt_box .sl_tit{
    font-size: 50px;
    font-family: var(--font-nns700);
    color: #fff;
    margin-bottom: 25px;
    line-height: 1.3;
    text-align: center;    
}
.wp_wrap #m_cheonjo .cheonjo_inner .slide_area .shadow .txt_box .sl_desc{
    font-size: 30px;
    font-family: var(--font-nns400);
    color: #DCD5C3;

}
.wp_wrap #m_cheonjo .cheonjo_inner .slide_area .cheonjo_silder{
    position: relative;
    overflow: hidden;
}
.wp_wrap #m_cheonjo .cheonjo_inner .slide_area .cheonjo_silder .cheonjo_silde{
    overflow: hidden;
}
.wp_wrap #m_cheonjo .cheonjo_inner .slide_area .cheonjo_silder .cheonjo_silde .img_box{
    width: 100%;
    height: 650px;
}
.wp_wrap #m_cheonjo .cheonjo_inner .slide_area .cheonjo_silder .cheonjo_silde .img_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.wp_wrap #m_cheonjo .cheonjo_inner .slide_area .cheonjo_silder .slick-dots{
    position: absolute;
    bottom: 70px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    gap: 6px;
    z-index: 100;
}
.wp_wrap #m_cheonjo .cheonjo_inner .slide_area .cheonjo_silder .slick-dots li button{
    font-size: 0;
    width: 15px;
    height: 15px;
    border: 1px solid #fff;
    border-radius: 50%;
    background: transparent;
}
.wp_wrap #m_cheonjo .cheonjo_inner .slide_area .cheonjo_silder .slick-dots li.slick-active button{
    background: rgba(255, 255, 255, 0.62);
}




/* main - sec03 */
.wp_wrap #m_news .news_inner {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 60px;
}

.wp_wrap #m_news .news_inner .left {
      width: 15%;
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      gap: 25px;
}

.wp_wrap #m_news .news_inner .left .more a {
      font-size: 20px;
      font-family: 'Play', sans-serif;
      font-weight: 700;
      color: #515151;
}

.wp_wrap #m_news .news_inner .right {
      width: 85%;
      flex: 1;
}

.wp_wrap #m_news .news_inner .right .list {
      padding: 25px;
      border-bottom: 1px solid #ccc;
}

.wp_wrap #m_news .news_inner .right .list:first-child {
      border-top: 1px solid #ccc;
}

.wp_wrap #m_news .news_inner .right .list a {
      display: block;
}

.wp_wrap #m_news .news_inner .right .list a .list_inner {
      display: flex;
      align-items: center;
      justify-content: space-between;
      /* gap: 50px; */
}

.wp_wrap #m_news .news_inner .right .list a .list_inner .txt {
      width: 80%;
      line-height: 1.35;
}

.wp_wrap #m_news .news_inner .right .list a .list_inner .txt .tit {
      font-size: 26px;
      font-family: var(--font-pre500);
	padding-bottom: 10px;
}

.wp_wrap #m_news .news_inner .right .list a .list_inner .txt .desc {
      font-size: 18px;
      font-family: var(--font-pre200);
      color: #6E6E6E;
}

.wp_wrap #m_news .news_inner .right .list a .list_inner .date {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 8px;
}

.wp_wrap #m_news .news_inner .right .list a .list_inner .date .day {
      font-size: 30px;
      font-family: 'Play', sans-serif;
      font-weight: 700;
      color: #484848;
}

.wp_wrap #m_news .news_inner .right .list a .list_inner .date .year {
      font-size: 20px;
      font-family: 'Play', sans-serif;
      font-weight: 700;
      color: #828282;
}

.wp_wrap #m_news .news_inner .right .list a .list_inner .arrow {}

.wp_wrap #m_news .news_inner .right .list a .list_inner .arrow i {
      color: #CCCCCC;
      font-size: 23px;
      font-weight: 700;
}

.wp_wrap #m_news .news_inner .right .list a:hover .list_inner .txt .tit {
       color: #6E95C6;
}

.wp_wrap #m_news .news_inner .right .list a:hover .list_inner .date .day {
      color: #4B5E24;
}

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





/**********************************************************************************************************************/
/* 서브 */
/**********************************************************************************************************************/
/* 서브 */
.wp_wrap .sub_main {
      position: relative;
      top: 0;
      width: 100%;
      height: 490px;
      background-repeat: no-repeat;
      background-position: center 75%;
      background-size: cover;
}

.wp_wrap .sub_main.fix {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 90px;
}

.wp_wrap .sub_main .shadow {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      /* background: rgba(26, 63, 108, 0.94); */
      background: rgba(0, 0, 0, .45);
      transform: scaleX(0);
      transition: 2s;
      opacity: 0;
}

.wp_wrap .sub_main .shadow.on {
      transform: scaleX(1);
      opacity: 1;
}

.wp_wrap .stick_main {
      position: absolute;
      top: 200px;
      left: 0;
      width: 100%;
}

.wp_wrap .stick_main .sticky_inner {
      position: relative;
}

.wp_wrap .stick_main .sticky_inner .top {
      /* position: fixed; */
      position: absolute;
      /* top: 200px; */
      top: -50px;
      left: auto;
      z-index: 12;
      max-width: 1390px;
      padding: 0 30px;
      width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: flex-end;
}

.wp_wrap .stick_main .sticky_inner .top.fix {
      top: 50px;
}

.wp_wrap .stick_main .sticky_inner .top .left p {
      font-size: 40px;
      /*    font-family: 'Play', sans-serif;*/
      color: #fff;
}

.wp_wrap .stick_main .sticky_inner .top .right {
      display: flex;
      align-items: center;
      gap: 5px;
}

.wp_wrap .stick_main .sticky_inner .top .home a,
.wp_wrap .stick_main .sticky_inner .top .arrow i,
.wp_wrap .stick_main .sticky_inner .top .first_mnu .m_top p,
.wp_wrap .stick_main .sticky_inner .top .second_mnu .m_top p {
      color: #D4D4D4;
      font-size: 16px
}

.wp_wrap .stick_main .sticky_inner .top .right .first_mnu,
.wp_wrap .stick_main .sticky_inner .top .right .second_mnu {
      position: relative;
}

.wp_wrap .stick_main .sticky_inner .top .right .first_mnu .m_top,
.wp_wrap .stick_main .sticky_inner .top .right .second_mnu .m_top {
      display: flex;
      align-items: center;
      gap: 10px;
      cursor: pointer;
}

.wp_wrap .stick_main .sticky_inner .top .right .first_mnu .first_menu,
.wp_wrap .stick_main .sticky_inner .top .right .second_mnu .second_menu {
      position: absolute;
      top: 30px;
      left: 0;
      background: #fff;
      width: 100%;
      padding: 5px;
      border-left: 1px solid #DFDFDF;
      border-right: 1px solid #DFDFDF;
      border-bottom: 1px solid #DFDFDF;
      display: none;
}

.wp_wrap .stick_main .sticky_inner .top .right .sub_mmnu a {
      display: block;
      padding: 5px 0;
      font-size: 16px;
}



.wp_wrap .stick_main .sticky_inner .bot {
      margin-top: 60px;
      /* transition: 0.3s; */
}

.wp_wrap .stick_main .sticky_inner .bot.fix {
      position: fixed;
      top: -350px;
      left: 50%;
      z-index: 10;
      transform: translateX(-50%);
      max-width: 1380px;
      /* padding: 0 15px; */
      padding: 0 15px;
      width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: flex-end;
}

.wp_wrap .stick_main .sticky_inner .bot .img_box {
      width: 100%;
      height: 400px;
      border-radius: 20px;
      overflow: hidden;
}

.wp_wrap .stick_main .sticky_inner .bot .img_box img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      scale: 1.1;
      transition: 1.5s 1s;
}

.wp_wrap .stick_main .sticky_inner.on .bot .img_box img {
      scale: 1;
}



/* active 붙었을때 */
.wp_wrap .sub_main.active .stick_main {
      top: 0;
      height: 100%;
}

.wp_wrap .sub_main.active .stick_main .cm_inner {
      height: 100%;
}

.wp_wrap .sub_main.active .stick_main .sticky_inner {
      height: 100%;
}

.wp_wrap .sub_main.active .stick_main .sticky_inner .top {
      position: absolute;
      top: unset;
      bottom: 60px;
}

.wp_wrap .sub_main.active .stick_main .sticky_inner .bot {
      display: none;
}


/* GREETING */
.wp_wrap #s_greeting {
      padding: 300px 0 160px 0;
}

.wp_wrap #s_greeting.active {
      padding: 120px 0;
}

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

.wp_wrap #s_greeting .grt_inner>.left {
      width: 100%;
}

.wp_wrap #s_greeting .grt_inner .left .tit_box .s_tit {
      position: relative;
      padding-top: 15px;
}

.wp_wrap #s_greeting .grt_inner .left .tit_box .s_tit::after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 5px;
      background: #B9976C;
}

.wp_wrap #s_greeting .grt_inner>.right {
      width: 100%;
      display: flex;
}

.wp_wrap #s_greeting .grt_inner .right .txt_box>.txt {
      font-size: 30px;
      margin-bottom: 15px;
}

.wp_wrap #s_greeting .grt_inner .right .txt_box .desc {
      font-size: 20px;
      color: #515151;
      line-height: 1.3;
}

.wp_wrap #s_greeting .grt_inner .right .wp_content {
      width: 100%;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: stretch;
      gap: 90px;
}

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




/**********************************************************************************************************************/
/* SHAPE - LIST */
/**********************************************************************************************************************/
/*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Shape Image Banner (경영이념 페이지) */
/*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.wp_wrap #shp_img_banner {}

.wp_wrap #shp_img_banner .shp_wrap {}

.wp_wrap #shp_img_banner .shp_ir {}

.wp_wrap #shp_img_banner .shp_ir .img_box {
      display: flex;
      justify-content: center;
      align-items: center;
}

.wp_wrap #shp_img_banner .shp_ir .img_box .mo_svg {
      display: none;
}

.wp_wrap #shp_img_banner .shp_ir .img_box .pc_svg {}

.wp_wrap #shp_img_banner .shp_ir .img_box>svg {
      width: 100%;
      height: 100%;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Shape Thumn Banner (경영이념 페이지)*/
/*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.wp_wrap #shp_thumn_bn {}

.wp_wrap #shp_thumn_bn .shp_wrap {}

.wp_wrap #shp_thumn_bn .shp_ir {}

.wp_wrap #shp_thumn_bn .shp_ir .thumn_cards {}

.wp_wrap #shp_thumn_bn .shp_ir .thumn_cards>li {
      border: 1px solid #DDDDDD;
}

.wp_wrap #shp_thumn_bn .shp_ir .thumn_cards>li .img_box {
      height: 290px;
      overflow: hidden;
}

.wp_wrap #shp_thumn_bn .shp_ir .thumn_cards>li .img_box>img {
      width: 100%;
      height: 100%;
      object-fit: cover;
}

.wp_wrap #shp_thumn_bn .shp_ir .thumn_cards>li .txt_box {
      padding: 30px;
}

.wp_wrap #shp_thumn_bn .shp_ir .thumn_cards>li .txt_box .txt {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: stretch;
      gap: 5px;
}

.wp_wrap #shp_thumn_bn .shp_ir .thumn_cards>li .txt_box .txt .tit_box {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: stretch;
      gap: 5px;
}

.wp_wrap #shp_thumn_bn .shp_ir .thumn_cards>li .txt_box .txt .tit_box .tit {
      font-size: 24px;
      font-family: var(--font-pre700);
}

.wp_wrap #shp_thumn_bn .shp_ir .thumn_cards>li .txt_box .txt .tit_box .sub_tit {
      color: #315686;
      font-size: 16px;
      min-height: 40px;
}

.wp_wrap #shp_thumn_bn .shp_ir .thumn_cards>li .txt_box .txt .desc {}

.wp_wrap #shp_thumn_bn .shp_ir .thumn_cards>li .txt_box .txt .desc .des {
      font-size: 20px;
}


/*------------------------------------------------------------------------------------------------------------------------------------------------------------*/




/*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Shape INTRO Banner (CEO인사말 페이지)*/
/*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.wp_wrap #shp_intro_bn {}

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

.wp_wrap #shp_intro_bn .shp_ir .top {}

.wp_wrap #shp_intro_bn .shp_ir .top .left {
      display: flex;
      justify-content: flex-start;
      align-items: center;
}

.wp_wrap #shp_intro_bn .shp_ir .top .left .txt {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: stretch;
      gap: 20px;
}

.wp_wrap #shp_intro_bn .shp_ir .top .left .txt .tit {
      width: 70%;
      font-size: 50px;
      font-family: var(--font-pre700);
}

.wp_wrap #shp_intro_bn .shp_ir .top .left .txt .desc {
      width: 85%;
}

.wp_wrap #shp_intro_bn .shp_ir .top .left .txt .desc .des {
      font-size: 20px;
	line-height: 1.6em;
      font-family: var(--font-pre400);
}
.wp_wrap #shp_intro_bn .shp_ir .top .left .txt .sign{
      display: flex;
      justify-content: flex-end;
      align-items: center;
      padding-right: 120px;
}
.wp_wrap #shp_intro_bn .shp_ir .top .left .txt .sign .name{
      text-align: center;
}
.wp_wrap #shp_intro_bn .shp_ir .top .left .txt .sign .name .nm_ceo{
      font-size: 16px;
      font-family: var(--font-pre400);
}
.wp_wrap #shp_intro_bn .shp_ir .top .left .txt .sign .name .nm{
      font-size: 24px;
      font-family: var(--font-pre700);
}
.wp_wrap #shp_intro_bn .shp_ir .top .left .txt .sign .sign_img{}
.wp_wrap #shp_intro_bn .shp_ir .top .left .txt .sign .sign_img>img{}

.wp_wrap #shp_intro_bn .shp_ir .top .right {}

.wp_wrap #shp_intro_bn .shp_ir .top .right .img_box {
      position: relative;
      width: 100%;
      height: 100%;
}

.wp_wrap #shp_intro_bn .shp_ir .top .right .img_box .rect {}

.wp_wrap #shp_intro_bn .shp_ir .top .right .img_box .rect01 {
      max-width: 690px;
      width: 100%;
      min-height: 540px;
      height: 100%;
      background-color: #B9976C;
}

.wp_wrap #shp_intro_bn .shp_ir .top .right .img_box .rect02 {
      position: absolute;
      right: 10%;
      top: 73%;
      max-width: 180px;
      width: 100%;
      height: 230px;
      transform: translateY(-50%);
      background-color: rgba(255, 255, 255, .45);
      z-index: 5;
}

.wp_wrap #shp_intro_bn .shp_ir .top .right .img_box .rect03 {
      position: absolute;
      left: -10%;
      top: 50%;
      max-width: 620px;
      width: 100%;
      height: 400px;
      transform: translateY(-50%);
}

.wp_wrap #shp_intro_bn .shp_ir .top .right .img_box .rect03>img {
      width: 100%;
      height: 100%;
      object-fit: cover;
}

.wp_wrap #shp_intro_bn .shp_ir .bot {}

.wp_wrap #shp_intro_bn .shp_ir .bot .desc {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: stretch;
      gap: 30px;
}

.wp_wrap #shp_intro_bn .shp_ir .bot .desc .des {
      font-size: 20px;
      font-family: var(--font-pre400);
	line-height: 1.6em;
}

.wp_wrap #shp_intro_bn .shp_ir .bot .desc .des:nth-child(1) {}

.wp_wrap #shp_intro_bn .shp_ir .bot .desc .des:nth-child(2) {}

.wp_wrap #shp_intro_bn .shp_ir .bot .desc .des:nth-child(3) {}

.wp_wrap #shp_intro_bn .shp_ir .bot .desc .des:nth-child(4) {
      /* width: 100; */
}

.wp_wrap #shp_intro_bn .shp_ir .bot .desc .des:nth-child(5) {}

.wp_wrap #shp_intro_bn .shp_ir .bot .desc .des:nth-child(6) {
      width: 90%;
}

.wp_wrap #shp_intro_bn .shp_ir .bot .desc .des:nth-child(7) {}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Shape HISTORY (연혁 페이지)*/
/*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.wp_wrap #shp_history {
      width: 100%;
}

.wp_wrap #shp_history .shp_wrap {
      width: 100%;
}

.wp_wrap #shp_history .shp_ir {
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
}

.wp_wrap #shp_history .shp_ir .hty_wrap {
      width: 100%;
}

.wp_wrap #shp_history .shp_ir .hty_wrap .hty_cont {
      position: relative;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: stretch;
      gap: 200px;
}

.wp_wrap #shp_history .shp_ir .hty_wrap .hty_cont::before {
      position: absolute;
      left: 50%;
      display: inline-block;
      content: "";
      width: 1px;
      height: 85%;
      background-color: #CCCCCC;
      z-index: 3;
      transform: translateX(-50%);
}

.wp_wrap #shp_history .shp_ir .hty_wrap .hty_cont>li {
      position: relative;
      display: flex;
      justify-content: center;
      align-items: stretch;
      padding-left: 47.6%;
      z-index: 5;
}

.wp_wrap #shp_history .shp_ir .hty_wrap .hty_cont>li:nth-child(2n) {
      padding-left: 0;
      padding-right: 45.6%;
}

.wp_wrap #shp_history .shp_ir .hty_wrap .hty_cont>li:nth-child(2n) {
      margin-right: 30px;
}

.wp_wrap #shp_history .shp_ir .hty_wrap .hty_cont>li::before {
      display: flex;
      justify-content: center;
      align-items: center;
      content: "●";
      min-width: 60px;
      height: 60px;
      color: #315686;
      border-radius: 50%;
      border: 1px solid #315686;
      background-color: #fff;
}

.wp_wrap #shp_history .shp_ir .hty_wrap .hty_cont>li:nth-child(2n)::before {
      display: none;
}

.wp_wrap #shp_history .shp_ir .hty_wrap .hty_cont>li:nth-child(2n)::after {
      display: flex;
      justify-content: center;
      align-items: center;
      content: "●";
      min-width: 60px;
      height: 60px;
      color: #315686;
      border-radius: 50%;
      border: 1px solid #315686;
      background-color: #fff;
}

.wp_wrap #shp_history .shp_ir .hty_wrap .hty_cont>li .hty_item {
      width: 100%;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: stretch;
      min-height: 150px;
      gap: 20px;
}


.wp_wrap #shp_history .shp_ir .hty_wrap .hty_cont>li .hty_item .year {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      gap: 20px;
      font-size: 50px;
      font-family: var(--font-pre700);
}

.wp_wrap #shp_history .shp_ir .hty_wrap .hty_cont>li .hty_item .year.on {
      color: #315686;
}

.wp_wrap #shp_history .shp_ir .hty_wrap .hty_cont>li:nth-child(2n) .hty_item .year {
      justify-content: flex-end;
}

.wp_wrap #shp_history .shp_ir .hty_wrap .hty_cont>li .hty_item .year::before {
      display: block;
      content: "";
      min-width: 60px;
      width: 60px;
      height: 1px;
      background-color: #315686;
}

.wp_wrap #shp_history .shp_ir .hty_wrap .hty_cont>li:nth-child(2n) .hty_item .year::before {
      display: none;
}

.wp_wrap #shp_history .shp_ir .hty_wrap .hty_cont>li:nth-child(2n) .hty_item .year::after {
      display: block;
      content: "";
      min-width: 60px;
      width: 60px;
      height: 1px;
      background-color: #315686;
}

.wp_wrap #shp_history .shp_ir .hty_wrap .hty_cont>li .hty_item .month {
      min-width: 300px;
}
.wp_wrap #shp_history .shp_ir .hty_wrap .hty_cont>li:nth-child(2n) .hty_item .month {
      display: flex;
      justify-content: flex-end;
      align-items: center;
      padding-right: 80px;
}

.wp_wrap #shp_history .shp_ir .hty_wrap .hty_cont>li .hty_item .month .mth_txt {
      max-width: 425px;
      /* max-width: 370px; */
      width: 100%;
      display: flex;
      justify-content: flex-start;
      align-items: stretch;
      gap:10px;
      padding: 20px;
      margin-left: 60px;
      background-color: #F4F4F4;
      border-radius: 15px;
      margin-bottom: 10px;
}

.wp_wrap #shp_history .shp_ir .hty_wrap .hty_cont>li .hty_item .month .mth_txt>dt {
      font-size: 20px;
      font-family: var(--font-pre700);
}

.wp_wrap #shp_history .shp_ir .hty_wrap .hty_cont>li .hty_item .month .mth_txt>dd {
      font-size: 20px;
      font-family: var(--font-pre400);
}
.wp_wrap #shp_history .shp_ir .hty_wrap .hty_cont>li:nth-child(2n) .hty_item .month .mth_txt >dt{
      order:2;
}
.wp_wrap #shp_history .shp_ir .hty_wrap .hty_cont>li:nth-child(2n) .hty_item .month .mth_txt >dd{
      order:1;
      text-align: right;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Shape Organization (조직도 페이지)*/
/*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.wp_wrap #shp_organization {}

.wp_wrap #shp_organization .shp_wrap {}

.wp_wrap #shp_organization .shp_ir {}

.wp_wrap #shp_organization .shp_ir .ogz_wrap {}

.wp_wrap #shp_organization .shp_ir .ogz_wrap .img_box {
      display: flex;
      justify-content: center;
      align-items: center;
}

.wp_wrap #shp_organization .shp_ir .ogz_wrap .img_box>svg {
      width: 100%;
      height: 100%;
}

.wp_wrap #shp_organization .shp_ir .ogz_wrap .img_box .pc_svg {}

.wp_wrap #shp_organization .shp_ir .ogz_wrap .img_box .mo_svg {
      display: none;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------*/



/*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Shape Download Banner (지명원 페이지)*/
/*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.wp_wrap #shp_dwn_banner {}

.wp_wrap #shp_dwn_banner .shp_wrap {}

.wp_wrap #shp_dwn_banner .shp_ir {}

.wp_wrap #shp_dwn_banner .shp_ir .left {}

.wp_wrap #shp_dwn_banner .shp_ir .left .img_box {
      width: 100%;
      height: 100%;
}

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

.wp_wrap #shp_dwn_banner .shp_ir .right {
      padding-left: 40px;
}

.wp_wrap #shp_dwn_banner .shp_ir .right .txt_box {
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: stretch;
      gap: 40px;
}

.wp_wrap #shp_dwn_banner .shp_ir .right .txt_box .txt {}

.wp_wrap #shp_dwn_banner .shp_ir .right .txt_box .txt .tit {
      font-size: 36px;
      font-family: var(--font-pre700);
      letter-spacing: -2px;
      line-height: 1.7em;
}

.wp_wrap #shp_dwn_banner .shp_ir .right .txt_box .txt .tit::after {
      display: block;
      content: "";
      width: 100%;
      height: 1px;
      margin: 20px 0;
      background-color: #DDDDDD;
}

.wp_wrap #shp_dwn_banner .shp_ir .right .txt_box .txt .desc {}

.wp_wrap #shp_dwn_banner .shp_ir .right .txt_box .txt .desc .des {
      font-size: 20px;
      font-family: var(--font-pre400);
      letter-spacing: -1px;
      line-height: 1.7em;
}

.wp_wrap #shp_dwn_banner .shp_ir .right .txt_box .btn_box {}

.wp_wrap #shp_dwn_banner .shp_ir .right .txt_box .btn_box .btn_dwn {
      max-width: 250px;
      width: 100%;
      height: 65px;
      font-size: 20px;
      font-family: var(--font-pre400);
      border-radius: 15px;
      border: 2px solid #6E95C6;
      transition: 0.4s;
}

.wp_wrap #shp_dwn_banner .shp_ir .right .txt_box .btn_box .btn_dwn:hover {
      color: #fff;
      background-color: #6E95C6;
      transition: 0.4s;
}

.wp_wrap #shp_dwn_banner .shp_ir .right .txt_box .btn_box .btn_dwn>i {}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------*/



/*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Shape Map (오시는길 페이지)*/
/*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.wp_wrap #shp_map {}

.wp_wrap #shp_map .shp_wrap {}

.wp_wrap #shp_map .shp_ir {}

.wp_wrap #shp_map .shp_ir .left {}

.wp_wrap #shp_map .shp_ir .left .map_box {}

.wp_wrap #shp_map .shp_ir .left .map_box .map_area {
      width: 100%;
      height: 525px;
}

.wp_wrap #shp_map .shp_ir .left .map_box .map_area.root_daum_roughmap .wrap_map {
      height: 100%;
}

.root_daum_roughmap .wrap_controllers {
      display: none;
}

.wp_wrap #shp_map .shp_ir .right {
      padding-left: 40px;
}

.wp_wrap #shp_map .shp_ir .right .txt_box {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: stretch;
      gap: 55px;
}

.wp_wrap #shp_map .shp_ir .right .txt_box .tit_box {
      display: flex;
      justify-content: flex-start;
      align-items: flex-end;
      gap: 5px;
}

.wp_wrap #shp_map .shp_ir .right .txt_box .tit_box .tit {
      font-size: 36px;
      font-family: var(--font-pre700);
}

.wp_wrap #shp_map .shp_ir .right .txt_box .tit_box .sub_tit {
      font-size: 16px;
      font-family: var(--font-pre400);
      padding-bottom: 6px;
}

.wp_wrap #shp_map .shp_ir .right .txt_box .txt_cont {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: stretch;
      gap: 20px;
}

.wp_wrap #shp_map .shp_ir .right .txt_box .txt_cont .info_cont {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      gap: 20px;
}

.wp_wrap #shp_map .shp_ir .right .txt_box .txt_cont .info_cont>dt {
      display: flex;
      justify-content: center;
      align-items: center;
      min-width: 50px;
      width: 50px;
      height: 50px;
      border-radius: 50%;
      background-color: #315686;
}

.wp_wrap #shp_map .shp_ir .right .txt_box .txt_cont .info_cont>dt>img {}

.wp_wrap #shp_map .shp_ir .right .txt_box .txt_cont .info_cont>dd {
      font-size: 20px;
      font-family: var(--font-pre400);
}

.wp_wrap #shp_map .shp_ir .right .txt_box .txt_cont .info_cont>dd>a {
      font-size: 20px;
      font-family: var(--font-pre400);
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Shape CONTACT (Contact us/입사지원 페이지 페이지)*/
/*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.wp_wrap #shp_contact {}

.wp_wrap #shp_contact .shp_wrap {}

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

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

.wp_wrap #shp_contact .shp_ir .hd_txt .des {
      font-size: 20px;
      font-family: var(--font-pre400);
}

.wp_wrap #shp_contact .shp_ir .hd_txt>a {
      color: #315686;
      font-size: 20px;
      font-family: var(--font-pre400);
}

.wp_wrap #shp_contact .shp_ir .ctt_box {
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: #F7F7F7;
      border-radius: 20px;
}

.wp_wrap #shp_contact .shp_ir .ctt_box>li {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: center;
      width: 100%;
      padding: 60px;
      gap: 30px;
}

.wp_wrap #shp_contact .shp_ir .ctt_box>li .img_box {
      display: flex;
      justify-content: center;
      align-items: center;
      min-width: 170px;
      height: 170px;
      border-radius: 50%;
      background-color: #fff;
}

.wp_wrap #shp_contact .shp_ir .ctt_box>li .img_box>img {}

.wp_wrap #shp_contact .shp_ir .ctt_box>li .txt_box {
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
}

.wp_wrap #shp_contact .shp_ir .ctt_box>li .txt_box>a {
      max-width: 250px;
      width: 100%;
      height: 65px;
      gap: 5px;
      font-size: 20px;
      font-family: var(--font-pre400);
      border: 2px solid #6E95C6;
      border-radius: 15px;
      background-color: #fff;
      transition: 0.4s;
}

.wp_wrap #shp_contact .shp_ir .ctt_box>li .txt_box>a:hover {
      color: #fff;
      background-color: #6e95c6;
      transition: 0.4s;
}

.wp_wrap #shp_contact .shp_ir .ctt_box>li .txt_box>a>i {}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Shape Ballon Banner (개발사업 페이지)*/
/*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.wp_wrap #shp_cross_list {}

.wp_wrap #shp_cross_list .shp_wrap {}

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

.wp_wrap #shp_cross_list .shp_ir .crs_hd_tit {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      gap: 60px;
      padding: 40px;
      background-color: #F7F7F7;
      border-radius: 15px;
}

.wp_wrap #shp_cross_list .shp_ir .crs_hd_tit>dt {
      position: relative;
      max-width: 200px;
      width: 100%;
      font-size: 36px;
      font-family: var(--font-pre700);
}

.wp_wrap #shp_cross_list .shp_ir .crs_hd_tit>dt::after {
      position: absolute;
      right: 0;
      top: 0;
      display: block;
      content: "";
      width: 1px;
      height: 100%;
      background-color: #DDDDDD;
}

.wp_wrap #shp_cross_list .shp_ir .crs_hd_tit>dd {
      font-size: 20px;
      font-family: var(--font-pre400);
      line-height: 1.7rem;
}

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

.wp_wrap #shp_cross_list .shp_ir .crs_list .list_item {}

.wp_wrap #shp_cross_list .shp_ir .crs_list .list_item:nth-child(2n) {
      display: flex;
      justify-content: flex-end;
      align-items: center;
}

.wp_wrap #shp_cross_list .shp_ir .crs_list .list_item .item {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      gap: 40px;
      max-width: 900px;
      width: 100%;
      padding: 40px 80px;
      background-color: #315686;
      border-radius: 150px;
}

.wp_wrap #shp_cross_list .shp_ir .crs_list .list_item:nth-child(1) .item {
      background-color: #315686;
}

.wp_wrap #shp_cross_list .shp_ir .crs_list .list_item:nth-child(2) .item {
      background-color: #6E95C6;
}

.wp_wrap #shp_cross_list .shp_ir .crs_list .list_item:nth-child(3) .item {
      background-color: #8596ab;
}

.wp_wrap #shp_cross_list .shp_ir .crs_list .list_item:nth-child(4) .item {
      background-color: #15819f;
}

.wp_wrap #shp_cross_list .shp_ir .crs_list .list_item:nth-child(5) .item {
      background-color: #6E95C6;
}

.wp_wrap #shp_cross_list .shp_ir .crs_list .list_item:nth-child(6) .item {
      background-color: #315686;
}

.wp_wrap #shp_cross_list .shp_ir .crs_list .list_item .item .num_box {}

.wp_wrap #shp_cross_list .shp_ir .crs_list .list_item .item .num_box .num {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 40px;
      color: #fff;
      font-size: 40px;
      font-family: var(--font-pre700);
}

.wp_wrap #shp_cross_list .shp_ir .crs_list .list_item .item .num_box .num::after {
      display: block;
      content: "";
      width: 1px;
      height: 120px;
      background-color: rgba(255, 255, 255, .5);
}

.wp_wrap #shp_cross_list .shp_ir .crs_list .list_item .item .cont_box {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      gap: 40px;
}

.wp_wrap #shp_cross_list .shp_ir .crs_list .list_item .item .cont_box>.img_box {}

.wp_wrap #shp_cross_list .shp_ir .crs_list .list_item .item .cont_box>.img_box>img {}

.wp_wrap #shp_cross_list .shp_ir .crs_list .list_item .item .cont_box>.txt_box {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: stretch;
      gap: 20px;
}

.wp_wrap #shp_cross_list .shp_ir .crs_list .list_item .item .cont_box>.txt_box>dt {
      color: #fff;
      font-size: 24px;
      font-family: var(--font-pre700);
}

.wp_wrap #shp_cross_list .shp_ir .crs_list .list_item .item .cont_box>.txt_box>dd {}

.wp_wrap #shp_cross_list .shp_ir .crs_list .list_item .item .cont_box>.txt_box>dd .txt_line {}

.wp_wrap #shp_cross_list .shp_ir .crs_list .list_item .item .cont_box>.txt_box>dd .txt_line .txt {
      display: flex;
      justify-content: flex-start;
      align-items: stretch;
      gap: 5px;
      color: #fff;
      font-size: 20px;
	line-height: 1.5em;
      font-family: var(--font-pre300);
}

.wp_wrap #shp_cross_list .shp_ir .crs_list .list_item .item .cont_box>.txt_box>dd .txt_line .txt::before {
      display: block;
      content: "-";
      color: #fff;
      font-size: 20px;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------*/



/*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Shape Ballon Banner (분양대행 페이지)*/
/*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.wp_wrap #shp_block_list {}

.wp_wrap #shp_block_list .shp_wrap {}

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


/* top */
.wp_wrap #shp_block_list .shp_ir .top {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: stretch;
      gap: 40px;
      padding: 40px;
      border-radius: 15px;
      background-color: #F7F7F7;
}

.wp_wrap #shp_block_list .shp_ir .top .blk_hd_tit {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      gap: 60px;
}

.wp_wrap #shp_block_list .shp_ir .top .blk_hd_tit>dt {
      position: relative;
      max-width: 200px;
      width: 100%;
      font-size: 36px;
      font-family: var(--font-pre700);
}

.wp_wrap #shp_block_list .shp_ir .top .blk_hd_tit>dt::after {
      position: absolute;
      right: 0;
      top: 0;
      display: block;
      content: "";
      width: 1px;
      height: 100%;
      background-color: #DDDDDD;
}

.wp_wrap #shp_block_list .shp_ir .top .blk_hd_tit>dd {
      font-size: 20px;
      font-family: var(--font-pre400);
	line-height: 1.6em
}

.wp_wrap #shp_block_list .shp_ir .top .img_box {
      grid-gap: 40px;
}

.wp_wrap #shp_block_list .shp_ir .top .img_box .img_frame {
      border-radius: 20px;
      overflow: hidden;
}

.wp_wrap #shp_block_list .shp_ir .top .img_box .img_frame>img {
      width: 100%;
      height: 100%;
      object-fit: cover;
}


/* bottom */
.wp_wrap #shp_block_list .shp_ir .bot {}

.wp_wrap #shp_block_list .shp_ir .bot .block_list {
      grid-column-gap: 40px;
      grid-row-gap: 20px;
}

.wp_wrap #shp_block_list .shp_ir .bot .block_list>li {
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 40px 60px;
      border: 2px solid #4E85CD;
      border-radius: 30px;
      background-color: #F7F7F7;
}

.wp_wrap #shp_block_list .shp_ir .bot .block_list>li .img_box {
      display: flex;
      justify-content: center;
      align-items: center;
}

.wp_wrap #shp_block_list .shp_ir .bot .block_list>li .img_box::after {
      display: block;
      content: "";
      width: 1px;
      height: 120px;
      margin-right: 60px;
      background-color: #DDDDDD;
}

.wp_wrap #shp_block_list .shp_ir .bot .block_list>li .img_box>img {
      margin: 0 60px;
}

.wp_wrap #shp_block_list .shp_ir .bot .block_list>li .txt_box {
      flex-grow: 1;
}

.wp_wrap #shp_block_list .shp_ir .bot .block_list>li .txt_box .txt {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: stretch;
      gap:20px;
      margin-bottom: 0;
}

.wp_wrap #shp_block_list .shp_ir .bot .block_list>li .txt_box .txt>dt {
      font-size: 24px;
      font-family: var(--font-pre700);
}

.wp_wrap #shp_block_list .shp_ir .bot .block_list>li .txt_box .txt>dd {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: stretch;
      gap:5px;
      font-size: 20px;
      font-family: var(--font-pre400);
}
.wp_wrap #shp_block_list .shp_ir .bot .block_list>li .txt_box .txt>dd .txt_line {
      display: flex;
      justify-content: flex-start;
      align-content: center;
      gap:5px;
}
.wp_wrap #shp_block_list .shp_ir .bot .block_list>li .txt_box .txt>dd .txt_line::before {
      display: block;
      content: "-";

}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------*/



/*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Shape Ballon Banner (인재상 페이지)*/
/*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.wp_wrap #shp_ballon_banner {}

.wp_wrap #shp_ballon_banner .shp_wrap {}

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

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

.wp_wrap #shp_ballon_banner .shp_ir .tit_box .sub_tit {
      font-size: 20px;
      font-family: var(--font-pre400);
}

.wp_wrap #shp_ballon_banner .shp_ir .tit_box .tit {
      font-size: 50px;
      font-family: var(--font-pre700);
}

.wp_wrap #shp_ballon_banner .shp_ir .bln_list {
      display: flex;
      justify-content: center;
      align-items: stretch;
      gap: 20px;
}

.wp_wrap #shp_ballon_banner .shp_ir .bln_list>li {
      position: relative;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: stretch;
      gap: 20px;
}

.wp_wrap #shp_ballon_banner .shp_ir .bln_list>li:nth-child(1) {
      left: 40px;
}

.wp_wrap #shp_ballon_banner .shp_ir .bln_list>li:nth-child(2) {}

.wp_wrap #shp_ballon_banner .shp_ir .bln_list>li:nth-child(3) {
      left: -40px;
}

.wp_wrap #shp_ballon_banner .shp_ir .bln_list>li .bln_hd {
      position: relative;
      width: 320px;
      min-width: 320px;
      height: 320px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      gap: 20px;
      border: 2px solid #315686;
      border-radius: 50%;
}

.wp_wrap #shp_ballon_banner .shp_ir .bln_list>li .bln_hd::after {
      position: absolute;
      bottom: -6px;
      left: 50%;
      display: block;
      content: "";
      min-width: 12px;
      width: 12px;
      height: 12px;
      border-radius: 50%;
      background-color: #315686;
      transform: translateX(-50%);
}

.wp_wrap #shp_ballon_banner .shp_ir .bln_list>li:nth-child(2n) .bln_hd::after {
      background-color: #B9976C;
}

.wp_wrap #shp_ballon_banner .shp_ir .bln_list>li:nth-child(2n) .bln_hd {
      border-color: #B9976C;
}

.wp_wrap #shp_ballon_banner .shp_ir .bln_list>li .bln_hd .ico_box {}

.wp_wrap #shp_ballon_banner .shp_ir .bln_list>li .bln_hd .ico_box>img {}

.wp_wrap #shp_ballon_banner .shp_ir .bln_list>li .bln_hd .bln_tit {
      color: #315686;
      font-size: 24px;
      font-family: var(--font-pre700);
}

.wp_wrap #shp_ballon_banner .shp_ir .bln_list>li:nth-child(2n) .bln_hd .bln_tit {
      color: #B9976C;
}

.wp_wrap #shp_ballon_banner .shp_ir .bln_list>li .bln_bd {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 20px;
}

.wp_wrap #shp_ballon_banner .shp_ir .bln_list>li .bln_bd::before {
      display: block;
      content: "";
      width: 1px;
      height: 120px;
      background-color: #DDDDDD;
}

.wp_wrap #shp_ballon_banner .shp_ir .bln_list>li .bln_bd .desc {}

.wp_wrap #shp_ballon_banner .shp_ir .bln_list>li .bln_bd .desc .des {
      min-height: 130px;
      font-size: 20px;
      font-family: var(--font-pre300);
      text-align: center;
	line-height: 1.6em
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Shape Order List (채용안내 페이지 페이지)*/
/*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.wp_wrap #shp_order_list {}

.wp_wrap #shp_order_list .shp_wrap {}

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

.wp_wrap #shp_order_list .shp_ir .tit_box {}

.wp_wrap #shp_order_list .shp_ir .tit_box .sub_tit {
      font-size: 20px;
      font-family: var(--font-pre400);
      line-height: 1.7em;
}

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

.wp_wrap #shp_order_list .shp_ir .od_list .list_item {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: stretch;
      gap: 15px;
}

.wp_wrap #shp_order_list .shp_ir .od_list .list_item>dt {}

.wp_wrap #shp_order_list .shp_ir .od_list .list_item>dt .item_tit {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      gap: 10px;
      font-size: 24px;
      font-family: var(--font-pre600);
}

.wp_wrap #shp_order_list .shp_ir .od_list .list_item>dt .item_tit::before {
      display: block;
      content: "";
      width: 20px;
      height: 20px;
      border-radius: 5px;
      border: 3px solid #B9976C;
      background-color: #fff;
      box-sizing: border-box;
}

.wp_wrap #shp_order_list .shp_ir .od_list .list_item>dd {
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: stretch;
      gap: 60px;
}



/* 텍스트 앞 점 리스트 */
.wp_wrap #shp_order_list .shp_ir .od_list .list_item>dd .dot_txt_box {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: stretch;
      padding-left: 20px;
      gap: 5px;
}

.wp_wrap #shp_order_list .shp_ir .od_list .list_item>dd .dot_txt_box .dot_txt {
      display: flex;
      justify-content: flex-start;
      align-items: stretch;
      gap: 10px;
	line-height: 1.6em;
	font-size: 20px;
	font-family: var(--font-pre400);
	color: #2F2F2F
}

.wp_wrap #shp_order_list .shp_ir .od_list .list_item>dd .dot_txt_box .dot_txt::before {
      display: block;
      content: "";
      min-width: 8px;
      height: 8px;
      border-radius: 50%;
      margin-top: 10px;
      background-color: #DDDDDD;
}

/* 카드 리스트 */
.wp_wrap #shp_order_list .shp_ir .od_list .list_item>dd .item_cards {
      border: 1px solid #DDDDDD;
}

.wp_wrap #shp_order_list .shp_ir .od_list .list_item>dd .item_cards>li {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: center;
      gap: 30px;
      padding: 60px;
      border-right: 1px solid #DDDDDD;
}

.wp_wrap #shp_order_list .shp_ir .od_list .list_item>dd .item_cards>li:last-child {
      border: none;
}

.wp_wrap #shp_order_list .shp_ir .od_list .list_item>dd .item_cards>li .img_box {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 130px;
      height: 130px;
      border-radius: 50%;
      background-color: #F7F7F7;
}

.wp_wrap #shp_order_list .shp_ir .od_list .list_item>dd .item_cards>li .img_box>img {}

.wp_wrap #shp_order_list .shp_ir .od_list .list_item>dd .item_cards>li .txt_box {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      text-align: center;
      gap: 10px;
}

.wp_wrap #shp_order_list .shp_ir .od_list .list_item>dd .item_cards>li .txt_box .tit {
      font-size: 24px;
      font-family: var(--font-pre600);
}

.wp_wrap #shp_order_list .shp_ir .od_list .list_item>dd .item_cards>li .txt_box .des {
      font-size: 20px;
      font-family: var(--font-pre400);
}


/* 썸네일카드 리스트 */
.wp_wrap #shp_order_list .shp_ir .od_list .list_item>dd .thm_box {
      display: flex;
      justify-content: space-evenly;
      align-items: stretch;
      padding-bottom: 60px;
      gap:10px;
}

.wp_wrap #shp_order_list .shp_ir .od_list .list_item>dd .thm_box .thm_item {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: center;
      gap: 30px;
}

.wp_wrap #shp_order_list .shp_ir .od_list .list_item>dd .thm_box .thm_item .img_box {
      min-width: 290px;
      width: 290px;
      height: 290px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      gap: 20px;
      border: 2px solid #B9976C;
      border-radius: 50%;
}

.wp_wrap #shp_order_list .shp_ir .od_list .list_item>dd .thm_box .thm_item .img_box>.img_frame {}

.wp_wrap #shp_order_list .shp_ir .od_list .list_item>dd .thm_box .thm_item .img_box>.img_frame>img {}

.wp_wrap #shp_order_list .shp_ir .od_list .list_item>dd .thm_box .thm_item .img_box>.img_txt {}

.wp_wrap #shp_order_list .shp_ir .od_list .list_item>dd .thm_box .thm_item .txt_box {
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: stretch;
      gap: 15px;
      text-align: center;
}

.wp_wrap #shp_order_list .shp_ir .od_list .list_item>dd .thm_box .thm_item .txt_box .thm_tit {
      font-size: 24px;
      font-family: var(--font-pre600);
}

.wp_wrap #shp_order_list .shp_ir .od_list .list_item>dd .thm_box .thm_item .txt_box .thm_des {
      min-height: 120px;
      font-size: 20px;
      font-family: var(--font-pre400);
      line-height: 28px;
}

.wp_wrap #shp_order_list .shp_ir .od_list .list_item>dd .thm_box .thm_arw {
      display: flex;
      justify-content: center;
      align-items: flex-start;
}

.wp_wrap #shp_order_list .shp_ir .od_list .list_item>dd .thm_box .thm_arw>img {
      margin-top: 100px;
}



/*------------------------------------------------------------------------------------------------------------------------------------------------------------*/

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