@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-ExtraLight';
      src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraLight.woff') format('woff');
      font-weight: 200;
      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: 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;
}

/* 샌드박스 - 어그로체 */
@font-face {
      font-family: 'SBAggroB';
      src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroB.woff') format('woff');
      font-weight: normal;
      font-style: normal;
}

@font-face {
      font-family: 'SBAggroM';
      src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroM.woff') format('woff');
      font-weight: normal;
      font-style: normal;
}

@font-face {
      font-family: 'GongGothicMedium';
      src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicMedium.woff') format('woff');
      font-weight: normal;
      font-style: normal;
}
@font-face {
    font-family: 'Handletter';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/naverfont_05@1.0/Handletter.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

:root {
      --font-agr: 'SBAggroB';
      --font-agrm: 'SBAggroM';
      --font-pret: 'Pretendard-Thin';
      --font-preel: 'Pretendard-ExtraLight';
      --font-prel: 'Pretendard-Light';
      --font-prer: 'Pretendard-Regular';
      --font-prem: 'Pretendard-Medium';
      --font-presb: 'Pretendard-SemiBold';
      --font-preb: 'Pretendard-Bold';
      --font-preeb: 'Pretendard-ExtraBold';
      --font-prebk: 'Pretendard-Black';
      --font-ggm: 'GongGothicMedium';
}

/* 공통 ----------------------------------------------------------------------------------------------------------------------------------------------------*/
.wp_wrap {}



/* 이너 사이즈 --------------------------------------------------------------------------------------------------------------------------------------------*/
.wp_wrap .cm_inner01 {
      width: 1720px;
      height: 100%;
      margin: 0 auto;
}

.wp_wrap .cm_inner02 {
      width: 1580px;
      height: 100%;
      margin: 0 auto;
}

.wp_wrap .cm_inner03 {
      width: 1350px;
      height: 100%;
      margin: 0 auto;
}

/* 텍스트 사이즈 ------------------------------------------------------------------------------------------------------------------------------------------*/
.wp_wrap .tit_box .flag_tit {
      display: block;
      margin-bottom: 10px;
      font-size: 24px;
      font-family: var(--font-ggm);
}

.wp_wrap .tit_box .tit {
      font-size: 70px;
      font-family: var(--font-agr);
}

.wp_wrap .tit_box .tit_des {
      font-size: 20px;
      font-family: var(--font-prer);
}

.wp_wrap .descript {}

.wp_wrap .descript .des {
      font-size: 20px;
      font-family: var(--font-prer);
}

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



/**********************************************************************************************************************/
/* 헤더영역 */
/**********************************************************************************************************************/
/* 헤더영역 - 공통 ---------------------------------------------------------------------------------------------------------------------------------------*/
.wp_wrap header {
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      z-index: 999;
}

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


/* 헤더영역 - 로고 --------------------------------------------------------------------------------------------------------------------------------------*/
.wp_wrap header .hdWrap .logo {}

.wp_wrap header .hdWrap .logo>a {
      display: block;
      max-width: 220px;
}

.wp_wrap header .hdWrap .logo>a>img {
      width: 100%;
}


/* 헤더영역 - 네비게이션 ------------------------------------------------------------------------------------------------------------------------------*/
.wp_wrap header .hdWrap .nav {
      width: 65%;
      display: flex;
      justify-content: flex-end;
      align-items: center;
      gap: 35px;
}


/* 헤더영역 - 메뉴 --------------------------------------------------------------------------------------------------------------------------------------*/
.wp_wrap header .hdWrap .nav .main_mnu {
      flex-grow: 1;
      display: flex;
      justify-content: center;
      align-items: center;
}

.wp_wrap header .hdWrap .nav .main_mnu>li {
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-grow: 1;
      padding: 40px 0;
}

.wp_wrap header .hdWrap .nav .main_mnu>li>a {
      width: 100%;
      color: #fff;
      font-size: 20px;
      font-family: var(--font-prem);
      text-align: center;
}


/* 서브메뉴 */
.wp_wrap header .hdWrap .nav .main_mnu>li>.sub_mnu {
      display: none;
      position: absolute;
      left: 0;
      top: 100%;
      width: 100%;
      padding: 30px 0;
      z-index: 10;
}

.wp_wrap header .hdWrap .nav .main_mnu>li>.sub_mnu>li {
      padding: 10px 0;
}

.wp_wrap header .hdWrap .nav .main_mnu>li>.sub_mnu>li>a {
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 18px;
      font-family: var(--font-prer);
}

.wp_wrap header .hdWrap .nav .main_mnu>li>.sub_mnu>li>a:hover {
	color:#B5BE2D;
}


/* 서브메뉴 배경 */
.wp_wrap header .header_bg {
      display: none;
      position: absolute;
      left: 0;
      top: 100%;
      width: 100%;
      height: 255px;
      background-color: #fff;
      border-top: 1px solid #DDDDDD;
}


/* 헤더영역 - 풀메뉴버튼 ------------------------------------------------------------------------------------------------------------------------------*/
.wp_wrap header .hdWrap .nav .btn_fm {}

.wp_wrap header .hdWrap .nav .btn_fm>i {
      color: #fff;
      font-size: 40px;
}


/* 헤더영역 - 사이드맵 --------------------------------------------------------------------------------------------------------------------------------*/
.wp_wrap #site_map{
      display: none;
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0,0,0);
      z-index: 9999;
}
.wp_wrap #site_map .site_map_wrap{
      height: 100%;
}
.wp_wrap #site_map .site_map_wrap .site_map_inner{
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: space-evenly;
      align-items: stretch;
}
.wp_wrap #site_map .site_map_wrap .site_map_inner .site_head{
      display: flex;
      justify-content: space-between;
      align-items: center;
}
.wp_wrap #site_map .site_map_wrap .site_map_inner .site_head .site_map_logo{
      padding-left:100px;
}
.wp_wrap #site_map .site_map_wrap .site_map_inner .site_head .site_map_logo>img{}
.wp_wrap #site_map .site_map_wrap .site_map_inner .site_head .btn_site_cls{
      min-width: 80px;
      height: 80px;
      border-radius: 50%;
      background-color: #B5BE2D;
}
.wp_wrap #site_map .site_map_wrap .site_map_inner .site_head .btn_site_cls>i{
      color:#fff;
      font-size: 30px;
      font-weight: bold;
}
.wp_wrap #site_map .site_map_wrap .site_map_inner .site_body{}
.wp_wrap #site_map .site_map_wrap .site_map_inner .site_body .site_list{
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
}
.wp_wrap #site_map .site_map_wrap .site_map_inner .site_body .site_list>li{
      width: 20%;
}
.wp_wrap #site_map .site_map_wrap .site_map_inner .site_body .site_list>li .site_tit{
      padding:20px 0;
      color:#fff;
      font-size: 36px;
      font-family: var(--font-preb);
      text-align: center;
}
.wp_wrap #site_map .site_map_wrap .site_map_inner .site_body .site_list>li .site_sub_list{}
.wp_wrap #site_map .site_map_wrap .site_map_inner .site_body .site_list>li .site_sub_list>li{
      display: flex;
      justify-content: center;
      align-items: center;
      padding:20px 0;
}
.wp_wrap #site_map .site_map_wrap .site_map_inner .site_body .site_list>li .site_sub_list>li>a{
      color:#fff;
      font-size: 26px;
      font-family: var(--font-prer);
}
/**********************************************************************************************************************/



/**********************************************************************************************************************/
/* 메인영역 */
/**********************************************************************************************************************/
/* 메인영역 - 공통 ---------------------------------------------------------------------------------------------------------------------------------------*/
.wp_wrap main {}
.wp_wrap .p_main {
      overflow: hidden;
}

.wp_wrap main .sec {
      padding:120px 0;
}

/* 메인영역 - 메인비주얼 --------------------------------------------------------------------------------------------------------------------------------*/
.wp_wrap #sec01 {}

.wp_wrap #sec01 .m_visual {}

.wp_wrap #sec01 .m_visual .sld_area{
    position: relative;
}

.wp_wrap #sec01 .m_visual .sld_area .mvs_arr{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
}

.wp_wrap #sec01 .m_visual .sld_area .mvs_arr i{
    color: #fff;
    font-size: 50px;
}

.wp_wrap #sec01 .m_visual .sld_area .mvs_arr.mvs_prev{
    left: 0;
    z-index: 9;
}

.wp_wrap #sec01 .m_visual .sld_area .mvs_arr.mvs_next{
    right: 0;
}

.wp_wrap #sec01 .m_visual .sld_area .mv_slider{}

.wp_wrap #sec01 .m_visual .sld_area .mv_slider .mv_sld{
    overflow: hidden;
}

.wp_wrap #sec01 .m_visual .sld_area .mv_slider .mv_sld .img_box{
    position: relative;
    width: 100%;
    height: 100dvh;
}

.wp_wrap #sec01 .m_visual .sld_area .mv_slider .mv_sld .img_box::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.1);
}

.wp_wrap #sec01 .m_visual .sld_area .mv_slider .mv_sld .img_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.1);
}

.wp_wrap #sec01 .m_visual .sld_area .mv_slider .mv_sld.now .img_box img{
    transform: scale(1);
    transition: 3s;
}

.wp_wrap #sec01 .m_visual .sld_area .mv_slider .mv_sld .txt_box{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    padding: 0 15px;
}

.wp_wrap #sec01 .m_visual .sld_area .mv_slider .mv_sld .txt_box .txt1{
    color: #fff;
    font-size: 60px;
    font-family: 'Pretendard-Medium';
    text-align: center;
    margin-bottom: 25px;
    opacity: 0;
    transform: translateY(20%);
}

.wp_wrap #sec01 .m_visual .sld_area .mv_slider .mv_sld .txt_box .txt2{
    color: #fff;
    font-size: 24px;
    font-family: 'Pretendard-Regular';
    text-align: center;
    opacity: 0;
    transform: translateX(20%);
}

.wp_wrap #sec01 .m_visual .sld_area .mv_slider .mv_sld.now .txt_box .txt1,
.wp_wrap #sec01 .m_visual .sld_area .mv_slider .mv_sld.now .txt_box .txt2{
    transform: translate(0);
    opacity: 1;
}

.wp_wrap #sec01 .m_visual .sld_area .mv_slider .mv_sld.now .txt_box .txt1{
    transition: 0.7s 3s;
}
.wp_wrap #sec01 .m_visual .sld_area .mv_slider .mv_sld.now .txt_box .txt2{
    transition: 0.7s 3.7s;
}

/* 마우스 휠 모양 */
.wp_wrap #sec01 .m_visual .sld_area .shp_msw{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color:#fff;
    font-size: 14px;
    position: absolute;
    left: 50%;
    bottom: 10%;
    z-index: 100;
    transform: translateX(-50%);
}
.wp_wrap #sec01 .m_visual .sld_area .shp_msw>i{
    font-size: 30px;
    
}



/* 메인영역 - ABOUT -----------------------------------------------------------------------------------------------------------------------------------*/
.wp_wrap #sec02 {
      position: relative;
/*      background: linear-gradient(to bottom, #5D920B, #1D480E);*/
	background: #14593a;
}

.wp_wrap #sec02 .sq_bg {
      position: absolute;
      left: 0;
      bottom: 0;
      width: 790px;
      height: 650px;
      background-color: #fff;
      z-index: 1;
}

.wp_wrap #sec02 .secWrap {
      position: relative;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      z-index: 5;
}

.wp_wrap #sec02 .secWrap .sec_inner {
      height: 100%;
      align-items: center;
}

.wp_wrap #sec02 .secWrap .sec_inner .lt_box {
      width: 100%;
      /* height: 650px; */
      overflow: hidden;
      border-radius: 30px;
}

.wp_wrap #sec02 .secWrap .sec_inner .lt_box .img_content {
      position: relative;
      width: 100%;
      height: 100%;
}

.wp_wrap #sec02 .secWrap .sec_inner .lt_box .img_content .btn_arw {
      width: 88px;
      height: 88px;
      position: absolute;
      top: 50%;
      z-index: 50;
      background-color: rgba(255, 255, 255, .8);
      border-radius: 50%;
      transform: translateY(-50%);
      transition: 0.3s;
}

.wp_wrap #sec02 .secWrap .sec_inner .lt_box .img_content .btn_arw:hover {
      color: #fff;
      background-color: #B5BE2D;
      transition: 0.3s;
}

.wp_wrap #sec02 .secWrap .sec_inner .lt_box .img_content .btn_arw>i {
      font-size: 25px;
      font-weight: bold;
}

.wp_wrap #sec02 .secWrap .sec_inner .lt_box .img_content .btn_arw_lt01 {
      left: 20px;
}

.wp_wrap #sec02 .secWrap .sec_inner .lt_box .img_content .btn_arw_rt01 {
      right: 20px;
}

.wp_wrap #sec02 .secWrap .sec_inner .lt_box .img_content .slide_img {
      overflow: hidden;
      border-radius: 30px;
}

.wp_wrap #sec02 .secWrap .sec_inner .lt_box .img_content .slide_img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
}

.wp_wrap #sec02 .secWrap .sec_inner .rt_box {
      display: flex;
      justify-content: center;
      align-items: center;
}

.wp_wrap #sec02 .secWrap .sec_inner .rt_box .txt_content {}

.wp_wrap #sec02 .secWrap .sec_inner .rt_box .txt_content .txt_box {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: stretch;
      gap: 20px;
}

.wp_wrap #sec02 .secWrap .sec_inner .rt_box .txt_content .txt_box .tit_box {
      color: #fff;
}

.wp_wrap #sec02 .secWrap .sec_inner .rt_box .txt_content .txt_box .tit_box .flag_tit {
    font-family: 'Pretendard-Medium';
}

.wp_wrap #sec02 .secWrap .sec_inner .rt_box .txt_content .txt_box .tit_box .tit {
    font-family: 'Pretendard-Light';
}

.wp_wrap #sec02 .secWrap .sec_inner .rt_box .txt_content .txt_box .descript {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: stretch;
      gap: 20px;
}

.wp_wrap #sec02 .secWrap .sec_inner .rt_box .txt_content .txt_box .descript .des {
      color: #fff;
      line-height: 1.5;
}

.wp_wrap #sec02 .secWrap .sec_inner .rt_box .txt_content .txt_box .btn_box {
      display: flex;
      justify-content: flex-start;
      align-items: center;
}

.wp_wrap #sec02 .secWrap .sec_inner .rt_box .txt_content .txt_box .btn_box .btn_more {
      width: 190px;
      height: 60px;
      color: #fff;
      font-size: 20px;
      font-family: var(--font-prem);
      border: 2px solid #fff;
      border-radius: 20px;
      transition: 0.4s;
}

.wp_wrap #sec02 .secWrap .sec_inner .rt_box .txt_content .txt_box .btn_box .btn_more:hover {
      color: #B5BE2D;
      background-color: #fff;
      transition: 0.4s;
}

/* 메인영역 - Business ---------------------------------------------------------------------------------------------------------------------------------*/
.wp_wrap #sec03 {
      position: relative;
}

/* .wp_wrap #sec03 .img_bg {
      position: absolute;
      right: 0;
      top: 0;
} */

.wp_wrap #sec03 .secWrap {
      width: 100%;
      height: 100%;
      background-image: url(../img/main/ms_business.png);
      background-repeat: no-repeat;
      background-position: 100% 20%;
}

.wp_wrap #sec03 .secWrap .sec_inner {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: stretch;
      height: 100%;
}

.wp_wrap #sec03 .secWrap .sec_inner .tit_box {
      margin-bottom: 20px;
}

.wp_wrap #sec03 .secWrap .sec_inner .tit_box .flag_tit {
    font-family: 'Pretendard_Medium';
    color: #B5BE2D;
}

.wp_wrap #sec03 .secWrap .sec_inner .tit_box .tit {
    font-family: 'Pretendard_Light';
}

.wp_wrap #sec03 .secWrap .sec_inner .sec_card_list {}

.wp_wrap #sec03 .secWrap .sec_inner .sec_card_list>li {
      position: relative;
      width: 100%;
      height: 500px;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
      overflow: hidden;
      border-radius: 30px;
}

.wp_wrap #sec03 .secWrap .sec_inner .sec_card_list>li:nth-child(1) {
      background-image: url(../img/main/ms_card01.jpg);
}

.wp_wrap #sec03 .secWrap .sec_inner .sec_card_list>li:nth-child(2) {
      background-image: url(../img/main/ms_card02.jpg);
}

.wp_wrap #sec03 .secWrap .sec_inner .sec_card_list>li:nth-child(3) {
      background-image: url(../img/main/ms_card03.jpg);
}

.wp_wrap #sec03 .secWrap .sec_inner .sec_card_list>li>.item_inner {}

.wp_wrap #sec03 .secWrap .sec_inner .sec_card_list>li>.item_inner .txt_overlay {
      position: absolute;
      left: 0;
      top: 80%;
      width: 100%;
      height: 100%;
      padding: 40px;
      transition: 0.4s;
}

.wp_wrap #sec03 .secWrap .sec_inner .sec_card_list>li:hover>.item_inner .txt_overlay {
      top: 0;
      background-color: rgba(0, 0, 0, 0.3);
      transition: 0.4s;
}

.wp_wrap #sec03 .secWrap .sec_inner .sec_card_list>li>.item_inner .txt_overlay .card_tit_box {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 50px;
}

.wp_wrap #sec03 .secWrap .sec_inner .sec_card_list>li>.item_inner .txt_overlay .card_tit_box .tit {
      color: #fff;
      font-size: 28px;
      font-family: var(--font-preb);
}

.wp_wrap #sec03 .secWrap .sec_inner .sec_card_list>li>.item_inner .txt_overlay .card_tit_box>i {
      color: #fff;
      font-size: 30px;
}

.wp_wrap #sec03 .secWrap .sec_inner .sec_card_list>li>.item_inner .txt_overlay .card_des {
      display: none;
}

.wp_wrap #sec03 .secWrap .sec_inner .sec_card_list>li:hover>.item_inner .txt_overlay .card_des {
      display: block;
}

.wp_wrap #sec03 .secWrap .sec_inner .sec_card_list>li>.item_inner .txt_overlay .card_des .des {
      color: #fff;
      font-size: 20px;
      line-height: 24px;
}

/* 메인영역 - NEWS ------------------------------------------------------------------------------------------------------------------------------------*/
.wp_wrap #sec04 {
      background-color: #F6F6F6;
}

.wp_wrap #sec04 .secWrap {}

.wp_wrap #sec04 .secWrap .sec_inner {
      display: flex;
      justify-content: space-between;
      align-items: center;
}

.wp_wrap #sec04 .secWrap .sec_inner .lt_box {
      min-width: 30%;
}

.wp_wrap #sec04 .secWrap .sec_inner .lt_box .txt_content {}

.wp_wrap #sec04 .secWrap .sec_inner .lt_box .txt_content .txt_box {}

.wp_wrap #sec04 .secWrap .sec_inner .lt_box .txt_content .txt_box .tit_box {
      display: flex;
      flex-direction: column;
      align-items: stretch;
      gap: 20px;
}

.wp_wrap #sec04 .secWrap .sec_inner .lt_box .txt_content .txt_box .tit_box .flag_tit {
      margin: 0;
      font-family: 'Pretendard-Medium';
      color: #B5BE2D;
}

.wp_wrap #sec04 .secWrap .sec_inner .lt_box .txt_content .txt_box .tit_box .tit {
    font-family: 'Pretendard-Light';
}

.wp_wrap #sec04 .secWrap .sec_inner .lt_box .txt_content .txt_box .tit_box .tit_des {}

.wp_wrap #sec04 .secWrap .sec_inner .lt_box .txt_content .txt_box .tit_box .btn_box {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      gap: 20px;
}

.wp_wrap #sec04 .secWrap .sec_inner .lt_box .txt_content .txt_box .tit_box .btn_box .btn_arw {
      width: 88px;
      height: 88px;
      background-color: #E3E3E3;
      border-radius: 50%;
      transition: 0.4s;
}

.wp_wrap #sec04 .secWrap .sec_inner .lt_box .txt_content .txt_box .tit_box .btn_box .btn_arw>i {
      font-size: 25px;
      font-weight: bold;
}

.wp_wrap #sec04 .secWrap .sec_inner .lt_box .txt_content .txt_box .tit_box .btn_box .btn_arw:hover {
      color: #fff;
      background-color: #B5BE2D;
      transition: 0.4s;
}

.wp_wrap #sec04 .secWrap .sec_inner .lt_box .txt_content .txt_box .tit_box .btn_box .btn_arw_lt02 {}

.wp_wrap #sec04 .secWrap .sec_inner .lt_box .txt_content .txt_box .tit_box .btn_box .btn_arw_rt02 {}


.wp_wrap #sec04 .secWrap .sec_inner .rt_box {
      width: 70%;
}

.wp_wrap #sec04 .secWrap .sec_inner .rt_box .img_content {
      position: relative;
      top: 0;
      left: 0%;
      width: 150%;
}

.wp_wrap #sec04 .secWrap .sec_inner .rt_box .img_content .slide_img {}

.wp_wrap #sec04 .secWrap .sec_inner .rt_box .img_content .slide_img .slide_item {
      padding: 15px;
}

.wp_wrap #sec04 .secWrap .sec_inner .rt_box .img_content .slide_img .slide_item .item_inner {
      display: block;
      border-radius: 30px;
      box-shadow: 3px 5px 6px rgba(0, 0, 0, 0.05);
      background-color: #fff;
      overflow: hidden;
}

.wp_wrap #sec04 .secWrap .sec_inner .rt_box .img_content .slide_img .slide_item .item_inner:hover {
	color:#B5BE2D;
}

.wp_wrap #sec04 .secWrap .sec_inner .rt_box .img_content .slide_img .slide_item .item_inner .img_frame {
      height: 315px;
      overflow: hidden;
}

.wp_wrap #sec04 .secWrap .sec_inner .rt_box .img_content .slide_img .slide_item .item_inner .img_frame>img {
      width: 100%;
      height: 100%;
      object-fit: cover;
}

.wp_wrap #sec04 .secWrap .sec_inner .rt_box .img_content .slide_img .slide_item .item_inner .txt_frame {}

.wp_wrap #sec04 .secWrap .sec_inner .rt_box .img_content .slide_img .slide_item .item_inner .txt_frame .txt_box {
      padding: 30px 40px;
}

.wp_wrap #sec04 .secWrap .sec_inner .rt_box .img_content .slide_img .slide_item .item_inner .txt_frame .txt_box:hover {
	color:#B5BE2D;
}

.wp_wrap #sec04 .secWrap .sec_inner .rt_box .img_content .slide_img .slide_item .item_inner .txt_frame .txt_box .thumn_tit {
      font-size: 30px;
      font-family: var(--font-presb);
      margin-bottom: 30px;
}

.wp_wrap #sec04 .secWrap .sec_inner .rt_box .img_content .slide_img .slide_item .item_inner .txt_frame .txt_box .thumn_des {
      font-size: 17px;
      font-family: var(--font-prer);
      margin-bottom: 20px;
}

.wp_wrap #sec04 .secWrap .sec_inner .rt_box .img_content .slide_img .slide_item .item_inner .txt_frame .txt_box .thumn_date {
      display: block;
      color: #AAAAAA;
      font-size: 17px;
      font-family: var(--font-prer);
      text-align: right;
}



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



/**********************************************************************************************************************/
/* 서브영역 */
/**********************************************************************************************************************/
/*서브탑 ============================================================================================*/
.wp_wrap #sub_top {}

.wp_wrap #sub_top .sub_top_bg {
      overflow: hidden;
      height: 450px;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center;
}

.wp_wrap #sub_top .sub_top_bg .sub_top_wrap {
      height: 100%;
      background-color: rgba(29, 29, 29, 0.5);
}

.wp_wrap #sub_top .sub_top_bg .sub_top_wrap .sub_top_inner {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100%;
}

.wp_wrap #sub_top .sub_top_bg .sub_top_wrap .sub_top_inner .txt_box {
      text-align: center;
      color: #fff;
}

.wp_wrap #sub_top .sub_top_bg .sub_top_wrap .sub_top_inner .txt_box .sub_top_tit {
      font-size: 60px;
      font-family: 'Pretendard-Medium';
      margin-bottom: 10px;
}

.wp_wrap #sub_top .sub_top_bg .sub_top_wrap .sub_top_inner .txt_box .sub_top_des {
      font-size: 22px;
      font-family: var(--font-prer);
	 	  color: #ffffffc7;
}

.wp_wrap #sub_top .sub_top_nav {
      border-top: 1px solid #DDDDDD;
      border-bottom: 1px solid #DDDDDD;
}

.wp_wrap #sub_top .sub_top_nav .sub_nav_list {
      display: flex;
      justify-content: center;
      align-items: center;
}

.wp_wrap #sub_top .sub_top_nav .sub_nav_list>li {
      position: relative;
      max-width: 250px;
      width: 100%;
      padding: 40px;
      display: flex;
      justify-content: center;
      align-items: center;
}
.wp_wrap #sub_top .sub_top_nav .sub_nav_list>li::before {
      position: absolute;
      left: 0;
      bottom: 0;
      display: block;
      content:"";
      width: 100%;
      height: 7px;
      transform: scale(0);
      background-color: #B5BE2D;
      transition: 0.4s;
}
.wp_wrap #sub_top .sub_top_nav .sub_nav_list>li:hover::before {
      transform: scale(1);
      transition: 0.4s;
}

.wp_wrap #sub_top .sub_top_nav .sub_nav_list>li>a {
      font-size: 20px;
      font-family: var(--font-prer);
}

.wp_wrap #sub_top .sub_top_nav .sub_nav_list>li>a:hover {
	color:#B5BE2D;
}

/*=================================================================================================*/


/*sub-Common =====================================================================================*/
.wp_wrap .p_sub{
      overflow: hidden;
}
.wp_wrap .p_sub #sub_sec_contents{
      padding:120px 0;
}

.wp_wrap .p_sub .cont_tit_box{
      text-align: center;
}
.wp_wrap .p_sub .cont_tit_box .cont_tit{
      font-size: 50px;
      font-family: var(--font-preb);
      margin-bottom: 10px;
}
.wp_wrap .p_sub .cont_tit_box .cont_min_tit{
      display: block;
      color:#AAAAAA;
      font-size: 18px;
      font-family: var(--font-prer);
      margin-bottom: 40px;
}
.wp_wrap .p_sub .cont_tit_box .cont_des{
      font-size: 18px;
      font-family: var(--font-prer);
}

/*=================================================================================================*/


/*greeting============================================================================================*/
.wp_wrap #sub_sec_contents{}
.wp_wrap #sub_sec_contents .contents_inner{}
.wp_wrap #sub_sec_contents .contents_inner .contents{
      align-items: stretch;
      margin-bottom: 170px;
}
.wp_wrap #sub_sec_contents .contents_inner .contents .content{}
.wp_wrap #sub_sec_contents .contents_inner .contents .content .img_frame{
      position: relative;
      height: 100%;
      overflow: hidden;
      border-radius: 30px;
}
.wp_wrap #sub_sec_contents .contents_inner .contents .content .img_frame>img{
      width: 100%;
      height: 100%;
      object-fit: cover;
}
.wp_wrap #sub_sec_contents .contents_inner .contents .content .img_frame>.frame_animate{
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(255, 255, 255, .75);
}
.wp_wrap #sub_sec_contents .contents_inner .contents .content .txt_frame{
      height: 100%;
}
.wp_wrap #sub_sec_contents .contents_inner .contents .content .txt_frame .txt_box{
      display: flex;
      flex-direction: column;
      align-items: stretch;
      gap:20px;
      height: 100%;
}
.wp_wrap #sub_sec_contents .contents_inner .contents .content .txt_frame .txt_box .flag_tit{
      color:#5D920B;
      font-size: 20px;
      font-family: var(--font-presb);
}
.wp_wrap #sub_sec_contents .contents_inner .contents .content .txt_frame .txt_box .tit{
      font-size: 50px;
      font-family: var(--font-preb);
}
.wp_wrap #sub_sec_contents .contents_inner .contents .content .txt_frame .txt_box .descript{
      display: flex;
      flex-direction: column;
      justify-content:space-between;
      align-items: stretch;
      gap: 30px;
	word-break: keep-all;
}
.wp_wrap #sub_sec_contents .contents_inner .contents .content .txt_frame .txt_box .descript .des{
      font-size: 18px;
      font-family: var(--font-prer);
      line-height: 1.5;
}
.wp_wrap #sub_sec_contents .contents_inner .contents .content .txt_frame .txt_box .ceo_tit{
      font-size: 20px;
      font-family: var(--font-prer);
      margin-top: 30px;
}
.wp_wrap #sub_sec_contents .contents_inner .contents .content .txt_frame .txt_box .ceo_tit b{
      font-size: 40px;
      font-family: 'Handletter';
      margin-top: 30px;
}
.wp_wrap #sub_sec_contents .contents_inner .contents .content .txt_frame .txt_box .descript .des>span {
    font-size: 20px;
    font-family: 'Pretendard-Bold';
}

.wp_wrap #sub_sec_contents .contents_inner .sec {
      margin-bottom: 70px;
      width: 100%;
      padding: 45px;
      padding-bottom: 70px;
      border-radius: 30px;
      border: 1px solid #bdbdbd;
}
.wp_wrap #sub_sec_contents .contents_inner .sec .inner {
      display: flex;
      gap: 165px;
}
.wp_wrap #sub_sec_contents .contents_inner .sec .inner .left {}
.wp_wrap #sub_sec_contents .contents_inner .sec .inner .left .tit {
      font-size: 25px;
      font-family: 'Pretendard-SemiBold';
      padding: 30px 82px;
/*      border: 1px solid #bdbdbd;*/
      border-radius: 55px;
	background-color: #b1c740;
	color: #fff;
}
.wp_wrap #sub_sec_contents .contents_inner .sec .inner .right {}
.wp_wrap #sub_sec_contents .contents_inner .sec .inner .right .r_list {
      display: flex;
      flex-direction: column;
      gap: 30px;
      position: relative;
}
.wp_wrap #sub_sec_contents .contents_inner .sec .inner .right .r_list::after {
      content: '';
      width: 0px;
      height: 265px;
      border-left: 1px dotted #C2C2C2;
      position: absolute;
      top: 5%;
      left: 224px;
}
.wp_wrap #sub_sec_contents .contents_inner .sec .inner .right .r_list>li {}
.wp_wrap #sub_sec_contents .contents_inner .sec .inner .right .r_list>li .r_box {
      display: flex;
      gap: 165px;
      position: relative;
}
.wp_wrap #sub_sec_contents .contents_inner .sec .inner .right .r_list>li .r_box:after {
      content: '';
      width: 15px;
      height: 15px;
      border-radius: 100%;
      background: #C2C2C2;
      position: absolute;
      left: 28%;
      top: 50%;
      transform: translateY(-50%);
}
.wp_wrap #sub_sec_contents .contents_inner .sec .inner .right .r_list>li .r_box .year {
      width: 150px;
      font-size: 20px;
      font-family: 'Pretendard-SemiBold';
}
.wp_wrap #sub_sec_contents .contents_inner .sec .inner .right .r_list>li .r_box .ex {
      font-size: 20px;
      font-family: 'Pretendard-Regular';
}
.wp_wrap #sub_sec_contents .contents_inner .thi {
      width: 100%;
      padding: 45px;
      padding-bottom: 55px;
      border-radius: 30px;
      border: 1px solid #bdbdbd;
}
.wp_wrap #sub_sec_contents .contents_inner .thi .inner {
      display: flex;
      gap: 165px;
}
.wp_wrap #sub_sec_contents .contents_inner .thi .inner .left {}
.wp_wrap #sub_sec_contents .contents_inner .thi .inner .left .tit {
      font-size: 25px;
      font-family: 'Pretendard-SemiBold';
      padding: 30px 82px;
/*      border: 1px solid #bdbdbd;*/
      border-radius: 55px;
	    background-color: #47955f;
	color: #fff;
}
.wp_wrap #sub_sec_contents .contents_inner .thi .inner .right {}
.wp_wrap #sub_sec_contents .contents_inner .thi .inner .right .r_list {
      display: flex;
      flex-direction: column;
      gap: 30px;
      position: relative;
}
.wp_wrap #sub_sec_contents .contents_inner .thi .inner .right .r_list::after {
      content: '';
      width: 0px;
      height: 385px;
      border-left: 1px dotted #C2C2C2;
      position: absolute;
      top: 5%;
      left: 226px;
}
.wp_wrap #sub_sec_contents .contents_inner .thi .inner .right .r_list>li {}
.wp_wrap #sub_sec_contents .contents_inner .thi .inner .right .r_list>li .r_box {
      display: flex;
      gap: 165px;
      position: relative;
}
.wp_wrap #sub_sec_contents .contents_inner .thi .inner .right .r_list>li .r_box:after {
      content: '';
      width: 15px;
      height: 15px;
      border-radius: 100%;
      background: #C2C2C2;
      position: absolute;
      left: 26%;
      top: 50%;
      transform: translateY(-50%);
}
.wp_wrap #sub_sec_contents .contents_inner .thi .inner .right .r_list>li:nth-child(3) .r_box:after {
      top: 23%;
}
.wp_wrap #sub_sec_contents .contents_inner .thi .inner .right .r_list>li .r_box .year {
      width: 150px;
      font-size: 20px;
      font-family: 'Pretendard-SemiBold';
}
.wp_wrap #sub_sec_contents .contents_inner .thi .inner .right .r_list>li .r_box .ex {
      font-size: 20px;
      font-family: 'Pretendard-Regular';
}
/*=================================================================================================*/

/*intro============================================================================================*/
.wp_wrap #intro {}
.wp_wrap #intro .tit_box {
      background-image: url(../img/sub/greeting.jpg);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center;
      width: 100%;
      overflow: hidden;
      border-radius: 30px;
      margin-bottom: 70px;
}
.wp_wrap #intro .tit_box .tit {
      font-size: 50px;
      font-family: 'Pretendard-Bold';
      color: #fff;
      text-align: center;
      padding: 160px 0;
}
.wp_wrap #intro .title {
      font-size: 25px;
      font-family: 'Pretendard-SemiBold';
      text-align: center;
      padding: 30px 0px;
      border: 1px solid #262626;
      border-radius: 55px;
      width: 250px;
      margin: 0 auto;
      margin-bottom: 80px;
}
.wp_wrap #intro .his_box {
      display: flex;
      flex-direction: column;
      gap: 80px;
      width: 1100px;
      margin: 0 auto;
      margin-bottom: 170px;
}
.wp_wrap #intro .his_box .his_inner {
      display: flex;
      gap: 180px;
}
.wp_wrap #intro .his_box .his_inner .left {}
.wp_wrap #intro .his_box .his_inner .left .year {
      font-size: 40px;
      font-family: 'Pretendard-Bold';
}
.wp_wrap #intro .his_box .his_inner .his_list {
      display: flex;
      flex-direction: column;
      gap: 40px;
      position: relative;
}
.wp_wrap #intro .his_box .his_inner:first-child .his_list:after {
      content: '';
      width: 1px;
      height: 555px;
      border-left: 1px dotted #d1d1d1;
      position: absolute;
      top: 7px;
      left: -78px;
}
.wp_wrap #intro .his_box .his_inner .his_list>li {}
.wp_wrap #intro .his_box .his_inner .his_list>li .his {
      position: relative;
}
.wp_wrap #intro .his_box .his_inner:first-child .his_list>li .his::before {
      left: -85px;
}
.wp_wrap #intro .his_box .his_inner .his_list>li .his::before {
      content: '';
      width: 15px;
      height: 15px;
      border-radius: 100%;
      background: #D1D1D1;
      position: absolute;
      left: -85px;
      top: 50%;
      transform: translateY(-50%);
}
.wp_wrap #intro .his_box .his_inner .his_list>li .his>p {
      font-size: 20px;
      font-family: 'Pretendard-Regular';
}
.wp_wrap #intro .img_box>img {
      margin: 0 auto;
}

/*=================================================================================================*/

/*vision============================================================================================*/
.wp_wrap #vision {}
.wp_wrap #vision .tit_box {
    background-image: url(../img/sub/vision.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
    overflow: hidden;
    border-radius: 30px;
    margin-bottom: 170px;
}
.wp_wrap #vision .tit_box .tit {
    font-size: 50px;
    font-family: 'Pretendard-Bold';
    color: #fff;
    text-align: center;
    padding: 160px 0;
}
.wp_wrap #vision .top {
    margin-bottom: 200px;
    display: flex;
    flex-direction: column;
    gap: 150px;
}
.wp_wrap #vision .top .top_box {
    width: 1450px;
    margin-left: auto;
    position: relative;
}
.wp_wrap #vision .top .top_box .title_box {
    position: absolute;
    top: -70px;
    left: 0;
}
.wp_wrap #vision .top .top_box .title_box .s_tit {
    font-size: 30px;
    font-family: 'Pretendard-Regular';
}
.wp_wrap #vision .top .top_box .title_box .title {
    font-size: 70px;
    font-family: 'Pretendard-ExtraBold';
    color: #AFBB01;
}
.wp_wrap #vision .top .top_box:nth-child(2) .title_box .title {
    color: #446D06;
}
.wp_wrap #vision .top .top_box .gray_box {
    width: 1350px;
    margin-left: auto;
    border-radius: 30px;
    background: #F8F8F8;
    padding: 74px 0;
}
.wp_wrap #vision .top .top_box .gray_box {
    font-size: 25px;
    font-family: 'Pretendard-Medium';
    padding-left: 265px;
}
.wp_wrap #vision .top .top_box:first-child .gray_box {
    padding: 115px 0;
    padding-left: 265px;
}
.wp_wrap #vision .top .top_box:nth-child(2) .gray_box {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.wp_wrap #vision .bot {
    width: 1450px;
    margin-left: auto;
}
.wp_wrap #vision .bot .title_box {
    margin-bottom: 90px;
}
.wp_wrap #vision .bot .title_box .s_tit {
    font-size: 30px;
    font-family: 'Pretendard-Regular';
}
.wp_wrap #vision .bot .title_box .title {
    font-size: 70px;
    font-family: 'Pretendard-ExtraBold';
}
.wp_wrap #vision .bot .cir_list {
    width: 1250px;
    margin: 0 auto;
    position: relative;
    margin-bottom: 120px;
}
.wp_wrap #vision .bot .cir_list>li {}
.wp_wrap #vision .bot .cir_list>li:nth-child(2) {
    position: absolute;
    top: 0;
    left: 31%;
}
.wp_wrap #vision .bot .cir_list>li:nth-child(3) {
    position: absolute;
    top: 0;
    left: 62%;
}
.wp_wrap #vision .bot .cir_list>li .circle {
    width: 440px;
    height: 440px;
    border-radius: 100%;
    background: #E6C684;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.wp_wrap #vision .bot .cir_list>li:nth-child(2) .circle {
    background: rgba(181, 190, 45, 0.7);
}
.wp_wrap #vision .bot .cir_list>li:nth-child(3) .circle {
    background: rgba(138, 155, 112, 0.8);
}
.wp_wrap #vision .bot .cir_list>li:nth-child(3) .circle .ex {
    color: #EBEBEB;
}
.wp_wrap #vision .bot .cir_list>li .circle .en {
    font-size: 42px;
    font-family: 'Pretendard-Bold';
    color: #fff;
    margin-bottom: 15px;
}
.wp_wrap #vision .bot .cir_list>li .circle .kr {
    font-size: 30px;
    font-family: 'Pretendard-Medium';
    color: #fff;
    margin-bottom: 60px;
}
.wp_wrap #vision .bot .cir_list>li .circle .ex {
    text-align: center;
    font-size: 20px;
    font-family: 'Pretendard-Medium';
    line-height: 1.5;
}
.wp_wrap #vision .bot .bot_list {
    display: flex;
    align-items: center;
    gap: 15px;
    width: 1250px;
    margin: 0 auto;
}
.wp_wrap #vision .bot .bot_list>li {}
.wp_wrap #vision .bot .bot_list>li .bot_box {
    width: 360px;
    height: 340px;
    border: 1px solid #C2C2C2;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 50px;
}
.wp_wrap #vision .bot .bot_list>li .bot_box .img_box {}
.wp_wrap #vision .bot .bot_list>li .bot_box .img_box>img {}
.wp_wrap #vision .bot .bot_list>li .bot_box>p {
    font-size: 20px;
    font-family: 'Pretendard-Regular';
}
/*=================================================================================================*/

/*map============================================================================================*/
.wp_wrap #map {}
.wp_wrap #map .tit_box {
    background-image: url(../img/sub/map.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
    overflow: hidden;
    border-radius: 30px;
    margin-bottom: 100px;
}
.wp_wrap #map .tit_box .tit {
    font-size: 50px;
    font-family: 'Pretendard-Bold';
    color: #fff;
    text-align: center;
    padding: 160px 0;
}
.wp_wrap #map .tab_zone {}
.wp_wrap #map .tab_zone .back_g {
    width: 520px;
    margin: 0 auto;
    margin-bottom: 50px;
}
.wp_wrap #map .tab_zone .back_g .tab_mnu {
    display: flex;
    justify-content: space-between;
}
.wp_wrap #map .tab_zone .back_g .tab_mnu>ul {}
.wp_wrap #map .tab_zone .back_g .tab_mnu>ul>li {}
.wp_wrap #map .tab_zone .back_g .tab_mnu>ul>li>button {
    width: 250px;
    border-radius: 55px;
    font-size: 20px;
    font-family: 'Pretendard-SemiBold';
    padding: 33px 0;
    text-align: center;
    border: 1px solid #C2C2C2;
    background: inherit;
    color: #A5A5A5;
}
.wp_wrap #map .tab_zone .back_g .tab_mnu>ul>li.on>button {
    background: #5D920B;
    color: #fff;
    border: 1px solid #5D920B;
}
.wp_wrap #map .tab_zone .tab_content {}
.wp_wrap #map .tab_zone .tab_content>li {}
.wp_wrap #map .tab_zone .tab_content>li .map_box {
    width: 100%;
    overflow: hidden;
    border-radius: 30px;
}
.wp_wrap #map .tab_zone .tab_content>li .info_list {
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding-left: 70px;
    margin-top: 30px;
}
.wp_wrap #map .tab_zone .tab_content>li .info_list .info_box {
    display: flex;
    gap: 40px;
}
.wp_wrap #map .tab_zone .tab_content>li .info_list .info_box .name {
    font-size: 20px;
    font-family: 'Pretendard-SemiBold';
    width: 60px;
}
.wp_wrap #map .tab_zone .tab_content>li .info_list .info_box .ex {
    font-size: 20px;
    font-family: 'Pretendard-Medium';
}
/*=================================================================================================*/


/*product============================================================================================*/
.wp_wrap #product {}
.wp_wrap #product .title {
      margin-bottom: 110px;
      font-size: 50px;
      font-family: 'Pretendard-Bold';
      text-align: center;
}
/*=================================================================================================*/

/*research============================================================================================*/
.wp_wrap #research {}
.wp_wrap #research .title {
      margin-bottom: 110px;
      font-size: 50px;
      font-family: 'Pretendard-Bold';
      text-align: center;
}
.wp_wrap #research .img_box {
      margin-bottom: 65px;
}
.wp_wrap #research .img_box>img {
      margin: 0 auto;
}
.wp_wrap #research a {
      width: 775px;
      margin: 0 auto;
      display: flex;
      align-items: center;
      background: #F3EFE7;
      border-radius: 10px;
      padding: 17px;
      gap: 15px;
}
.wp_wrap #research a .name {
      font-size: 18px;
      font-family: 'Pretendard-Medium';
      color: #fff;
      padding: 10px 33px;
      background: #262626;
      border-radius: 24px;
}
.wp_wrap #research a .link {
      font-size: 18px;
      font-family: 'Pretendard-Bold';
}
.wp_wrap #research a:hover .link {
      color: #000;
}
/*=================================================================================================*/

/*performance============================================================================================*/
.wp_wrap #performance {}
.wp_wrap #performance .title {
      margin-bottom: 110px;
      font-size: 50px;
      font-family: 'Pretendard-Bold';
      text-align: center;
}
/*=================================================================================================*/

/*inquiry============================================================================================*/
.wp_wrap #inquiry {}
.wp_wrap #inquiry .shp_ir {
      background: url(../img/sub/inquiry.jpg) no-repeat center center / cover;
      padding: 0 80px;
      padding-top: 100px;
      padding-bottom: 50px;
      border-radius: 30px;
}
.wp_wrap #inquiry .shp_ir .lt {}
.wp_wrap #inquiry .shp_ir .lt .txt_wrap {}
.wp_wrap #inquiry .shp_ir .lt .txt_wrap .tit_box {
      margin-bottom: 45px;
      color: #fff;
}
.wp_wrap #inquiry .shp_ir .lt .txt_wrap .tit_box .tit {
      font-size: 50px;
      font-family: 'Pretendard-Bold';
      margin-bottom: 70px;
}
.wp_wrap #inquiry .shp_ir .lt .txt_wrap .tit_box .des {
      font-size: 20px;
      font-family: 'Pretendard-Regular';
}
.wp_wrap #inquiry .shp_ir .lt .txt_wrap .info_box {
      color: #fff;
}
.wp_wrap #inquiry .shp_ir .lt .txt_wrap .info_box .tit {
      font-size: 30px;
      font-family: 'Pretendard-Bold';
      margin-bottom: 25px;
}
.wp_wrap #inquiry .shp_ir .lt .txt_wrap .info_box>p {
      font-size: 20px;
      font-family: 'Pretendard-Regular';
      line-height: 1.5;
}
.wp_wrap #inquiry .shp_ir .rt {}
.wp_wrap #inquiry .shp_ir .rt .rt_ir {}
.wp_wrap #inquiry .shp_ir .rt .rt_ir .form_wrap {
      display: flex;
      flex-direction: column;
      gap: 10px;
}
.wp_wrap #inquiry .shp_ir .rt .rt_ir .form_wrap .form_line {
      display: flex;
      gap: 50px;
      align-items: center;
}
.wp_wrap #inquiry .shp_ir .rt .rt_ir .form_wrap .form_line .form_tit {
      width: 75px;
}
.wp_wrap #inquiry .shp_ir .rt .rt_ir .form_wrap .form_line .form_tit .txt {
      font-size: 16px;
      font-family: 'Pretendard-Regular';
}
.wp_wrap #inquiry .shp_ir .rt .rt_ir .form_wrap .form_line .form_tit .txt>span {
      color: #E51010;
}
.wp_wrap #inquiry .shp_ir .rt .rt_ir .form_wrap .form_line .form_inp {
      width: 100%;
}
.wp_wrap #inquiry .shp_ir .rt .rt_ir .form_wrap .form_line .form_inp textarea {
      padding: 22px;
      width: 100%;
      border-radius: 5px;
      border: none;
      background: rgba(255, 255, 255, 0.4);
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
      resize: none;
      height: 190px;
}
.wp_wrap #inquiry .shp_ir .rt .rt_ir .form_wrap .form_line .form_inp textarea::placeholder {
      font-size: 16px;
      font-family: 'Pretendard-Regular';
}
.wp_wrap #inquiry .shp_ir .rt .rt_ir .form_wrap .form_line .form_inp textarea:focus {
      outline: none;
}
input[type=text] {
      padding: 22px 0;
      padding-left: 25px;
      padding-right: 25px;
      width: 100%;
      border-radius: 5px;
      border: none;
      background: rgba(255, 255, 255, 0.4);
      backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}
.wp_wrap #inquiry .shp_ir .rt .rt_ir .form_wrap .form_line:nth-child(3) .form_inp {
      padding: 22px 0;
      padding-left: 25px;
      padding-right: 25px;
      width: 100%;
      border-radius: 5px;
      border: none;
      background: rgba(255, 255, 255, 0.4);
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
      display: flex;
      align-items: center;
      gap: 20px;
}
input[type=text]:focus {
      outline: none;
}
input[type=text]::placeholder {
      font-size: 16px;
      font-family: 'Pretendard-Regular';
}
.form_inp input[type="radio"] {
  display: none;
}

.form_inp label {
  position: relative;
  padding-left: 24px;
  cursor: pointer;
  font-size: 16px;
  font-family: 'Pretendard-Regular';
}

.form_inp label::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 19px;
  height: 19px;
  background: #fff;
  border-radius: 50%;
  border: 1px solid #EE1414;
  box-sizing: border-box;
}

.form_inp input[type="radio"]:checked + label::after {
  content: '';
  position: absolute;
  left: 4px;
  top: 50%;
  transform: translateY(-50%);
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background-color: #EE1414;
}
.rt_ir .form_wrap .form_last_line .agr_box{
    margin-bottom: 20px;
    padding-left: 110px;
}
.rt_ir .form_wrap .form_last_line .agr_box input[type="checkbox"]{
    display: none;
}
.rt_ir .form_wrap .form_last_line .agr_box input[type="checkbox"] + label{
    font-size: 16px;
    font-family: var(--font-pre300);
    display: flex;
    align-items: center;
    margin-bottom: 3px;
    color: #fff;
}
.rt_ir .form_wrap .form_last_line .agr_box input[type="checkbox"] + label .chk_cst{
    width: 19px;
    height: 19px;
    display: inline-block;
    margin-right: 5px;
    background: url(../img/icon/agr_chk_bf.png) no-repeat center center / cover;
}
.rt_ir .form_wrap .form_last_line .agr_box input[type="checkbox"]:checked + label .chk_cst{
    background: url(../img/icon/agr_chk_at.png) no-repeat center center / cover;
}
.rt_ir .form_wrap .form_last_line .agr_box input[type="checkbox"]:checked + label .chk_cst{}
.rt_ir .form_wrap .form_last_line .agr_box input[type="checkbox"] + label .txt_deco{
    font-family: var(--font-pre600);
    text-decoration: underline;
    text-underline-offset: 3px;
}
.rt_ir .form_wrap .form_last_line .line_rt {
    display: flex;
    justify-content: end;
    margin-top: 30px;
}
.rt_ir .form_wrap .form_last_line .line_rt>button {
    background: rgba(255, 255, 255, 0.9);
    font-size: 16px;
    font-family: 'Pretendard-Regular';
    padding: 15px 79px;
    transition: 0.3s;
    border-radius: 5px;
}
.rt_ir .form_wrap .form_last_line .line_rt>button:hover {
    background: #000;
    color: #fff;
}
/*=================================================================================================*/


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






/**********************************************************************************************************************/
/* 푸터영역 */
/**********************************************************************************************************************/
/* 푸터영역 - 공통 ---------------------------------------------------------------------------------------------------------------------------------------*/
.wp_wrap #footer {
      background-color: #ECECEC;
}

.wp_wrap #footer .ftWrap {
      padding: 40px 0;
      display: flex;
      justify-content: space-between;
}

.wp_wrap #footer .ftWrap .lt_content {
      display: flex;
      gap: 80px
}

.wp_wrap #footer .ftWrap .lt_content .ft_info .info_list {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
}

.wp_wrap #footer .ftWrap .rt_content {
      display: flex;
      justify-content: flex-end;
      align-items: center;
      flex-grow: 1;
}

/* 푸터영역 - 로고 ---------------------------------------------------------------------------------------------------------------------------------------*/
.wp_wrap #footer .ftWrap .lt_content .ft_logo {}

.wp_wrap #footer .ftWrap .lt_content .ft_logo>img {}


/* 푸터영역 - 정보 ---------------------------------------------------------------------------------------------------------------------------------------*/
.wp_wrap #footer .ftWrap .lt_content .ft_info {}

.wp_wrap #footer .ftWrap .lt_content .ft_info .info_list {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      margin-bottom: 20px;
      gap: 10px;
}

.wp_wrap #footer .ftWrap .lt_content .ft_info .info_list .info_list_item {
      color: #727272;
      font-size: 16px;
      font-family: 'Pretendard-Medium';
}

/* 푸터영역 - 카피라이트 -------------------------------------------------------------------------------------------------------------------------------*/
.wp_wrap #footer .ftWrap .lt_content .ft_info .copy {
      color: #727272;
      font-size: 16px;
      font-family: var(--font-prem);
}

/* 푸터영역 - SNS ---------------------------------------------------------------------------------------------------------------------------------------*/
.wp_wrap #footer .ftWrap .rt_content {
      width: 210px;
}

.wp_wrap #footer .ftWrap .rt_content .sns_list {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 15px;
}

.wp_wrap #footer .ftWrap .rt_content .sns_list>li {
      transition: 0.4s;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 10px;
}

.wp_wrap #footer .ftWrap .rt_content .sns_list>li>p {
    font-size: 14px;
    font-family: 'Pretendard-Medium';
    color: #727272;
}

.wp_wrap #footer .ftWrap .rt_content .sns_list>li>a {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 70px;
      height: 70px;
      border-radius: 50%;
      background-color: #fff;
      transition: 0.4s;
}
.wp_wrap #footer .ftWrap .rt_content .sns_list>li:nth-child(1)>a>i {
      color: #CE0B0B;
      font-size: 45px;
}
.wp_wrap #footer .ftWrap .rt_content .sns_list>li:nth-child(2)>a>i {
      color: #C9407C;
      font-size: 45px;
}
.wp_wrap #footer .ftWrap .rt_content .sns_list>li:nth-child(3):hover>a {
      background-color: #2AACE2;
      transition: 0.4s;
}

.wp_wrap #footer .ftWrap .rt_content .sns_list>li>a>i {
      color:#fff;
      font-size: 30px;
}


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


/* 모달 */
/**********************************************************************************************************************/
.wp_wrap .com_md {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.7);
    z-index: 10000;
    display: none;
}
.wp_wrap .pv_md.on {
    display: block;
}
.wp_wrap .tou_md.on {
    display: block;
}
.wp_wrap .com_md .md_outer {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
    height: 100%;
}
.wp_wrap .com_md .md_outer .width_inner {
    position: relative;
    max-width: 1100px;
    width: 100%;
    height: 80vh;
    background: #fff;
    padding: 30px 40px 60px 40px;
}
.wp_wrap .com_md .md_outer .width_inner .icon_box {
    position: absolute;
    top: 25px;
    right: 25px;
    z-index: 1000;
    cursor: pointer;
}
.wp_wrap .com_md .md_outer .width_inner .icon_box i {
    border: 2px solid #999999;
    border-radius: 50%;
    padding: 6px;
    font-size: 18px;
    color: #999999;
    font-weight: 900;
}
.wp_wrap .com_md .md_outer .width_inner .md_inner {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 15px;
}
.wp_wrap .com_md .md_outer .width_inner .md_inner p {
    font-size: 33px;
    font-family: var(--font-pre500);
}
.wp_wrap .com_md .md_outer .width_inner .md_inner .txt_box {
    border: 1px solid #ddd;
    width: 100%;
    height: 100%;
    padding: 15px;
    overflow-y: auto;    
}
.wp_wrap .com_md .md_outer .width_inner .md_inner .txt_box::-webkit-scrollbar { 
    width: 6px;
}
.wp_wrap .com_md .md_outer .width_inner .md_inner .txt_box::-webkit-scrollbar-thumb { 
    border-radius:10px; 
    background-color: #e0e0e0;
    cursor: pointer;
}
.wp_wrap .com_md .md_outer .width_inner .md_inner .txt_box::-webkit-scrollbar-track {  
    background-color: #fff; 
}
.wp_wrap .com_md .md_outer .width_inner .md_inner .txt_box .txt_body pre {
    font-family: var(--font-pre400);
    font-weight: 400;
    font-size: 17px;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    white-space: pre-wrap;
    word-wrap: break-word;
    line-height: 1.4;
}
.wp_wrap .com_md .md_outer .width_inner .md_inner .txt_box .txt_body pre .cicnum {
    position: relative;
    display: inline-block;
    top: -2px;
    font-size: 10px;
}
/**********************************************************************************************************************/